﻿@charset "utf-8";
/* CSS base */
html { color:#000;font-size: 14px;-webkit-text-size-adjust:none;background: #fff;} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; } body{ font: 1rem/1.5 Microsoft YaHei,Arial,sans-serif; color:#000; } h1, h2, h3, h4, h5, h6 { font-size:1rem; font-weight:normal; } input:focus, a:focus ,textarea:focus{ outline:none;outline:0; }  fieldset, img { border:0; } ol, ul { list-style:none; }  h1, h2, h3, h4, h5, h6 { font-weight:normal; } button, input, textarea, select { font-family:Microsoft YaHei,Arial,sans-serif; font-size:1rem; font-weight:inherit; line-height:1.5; vertical-align:middle; } textarea { resize:none; } a{ vertical-align:baseline; } a{  text-decoration:none; } a:hover{text-decoration:none;} /*functions*/ .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .clearfix{ zoom:1; }  
input[type="button"],input[type="submit"],input[type="text"],input[type="tel"],textarea{-webkit-appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html,body{position: relative;overflow-x: hidden;}
.wrapper,.page-wrap{position:relative;max-width: 700px;margin:0 auto;overflow: hidden;}
/*musicBtn GO*/
.musicBtn{z-index:2000;width:40px;height:40px;position: absolute;right:0px;top:50px;display:none;}
.musicBtn div{position: absolute;width:66%;height:66%;left:17%;top:17%;background: url(../images/music_icon.png) no-repeat center center;background-size:contain;}
.musicPlay div{-webkit-animation: music 5s linear 0s infinite;}
@-webkit-keyframes music{
 0%{-webkit-transform:rotate(0deg);}
 100%{-webkit-transform:rotate(359deg);}
}
/*musicBtn END*/
/*loading*/
.loading{position: absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);z-index: 3000;display: none;}
.loading div{width:90px;height:90px;position: absolute;left:50%;top:50%;margin:-45px 0 0 -45px;background: url(../images/loading.png) no-repeat center center;background-size: contain;
	-webkit-animation: rotate 2s linear 0s infinite;
}
/*################page style##################*/
.pLoading{position: absolute;top:10%;left:0;width:100%;text-align: center;color:#000;font-size: 14px;}
.pLoading span{width:60px;height:90px;display:block;margin:0 auto;background: url(../images/loading2.gif) no-repeat center center;background-size: contain;}
.page1{background: #fff;}
.hint{position:fixed;left:15%;top:40%;width:70%;background: rgba(0,0,0,0.7);z-index: 2000;text-align: center;padding:5px 20px;border-radius: 10px;color:#fff;font-size: 1rem;box-sizing: border-box;display: none;}

.fullScreen,.fullScreen body,.full-wrap,.page-wrap{width:100%;height:100%;overflow: hidden;}
.full-wrap{background-position: center center;background-repeat: no-repeat;background-size:cover; }
.btn4,.btn5{width:110px;height:32px;line-height: 30px;text-align: center;background:#d91b1b;box-shadow: 1px 1px 5px rgba(0,0,0,0.4);color:#fff;display: block;margin:0 auto;border-radius: 5px;}
.btn4{margin-top: 20px;}
.btn5{width:160px;height:28px;line-height: 28px;}
.btn-jt{position: absolute;width:20px;height:100%;right:0;top:0;background: rgba(217,27,27,0.7);border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.btn-jt i{position: absolute;width:100%;height:100%;right:0;top:0;background: url(../images/arrdows2.png) no-repeat center center;background-size:8px;}
.move.btn-jt i{-webkit-animation: slide 1.5s linear 0s infinite;}
@-webkit-keyframes slide{
	0%   {-webkit-transform:translate3d(-5px,0,0);opacity:0;}
	30%,70%{opacity:1;}
	100%{-webkit-transform:translate3d(5px,0,0);opacity:0;}
}
#mainBox{
	-webkit-transition:-webkit-transform 0.7s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
	box-shadow:-3px 0 4px rgba(0,0,0,0.3);
}
#mainBox.on{-webkit-transform:translate3d(75%,0,0);}
.hand-x{position: absolute;left:50%;bottom:20px;width: 18px;margin-left: -9px;z-index: 1000;pointer-events:none;display: none;
	-webkit-animation: hand-x 1.7s linear 0s infinite;
}
@-webkit-keyframes hand-x{
	0%   {-webkit-transform:translate(15px,0);opacity:0;}
	30%,60%{opacity:1;}
	90%,100%{-webkit-transform:translate(-15px,0);opacity:0;}
}

/*funtion 功能1 */
.funtion{margin:0 15px 20px;padding-bottom: 5px;border-bottom: 1px solid #d7d7d7;}
.funtion:after,.fn-box:after{content: "";display: table;clear:both;}
.shareBtn2{float: left;width:100px;height:24px;background: url(../images/share_btn2.png) no-repeat center center;background-size: contain;overflow: hidden;}
.shareBtn2 p{float: left;width:50%;height:100%;}
.fn-box{float: right;}
.fn-box li{position: relative;float: left;color:#8f8f8f;height:22px;line-height: 22px;border:1px solid #d7d7d7;border-radius: 5px;min-width: 30px;font-size: 13px;margin-left: 5px;padding:0 5px 0 25px;background: url(../images/icon2.png) no-repeat 5px center;background-size: 15px;}
.fn-box li:nth-of-type(2){background-image: url(../images/icon1.png);-webkit-user-select: none;cursor: pointer;}
.addnum{position: absolute;left:0;top:0;height:100%;width:100%;pointer-events:none;}
.addnum img{width:15px;position: absolute;left:5px;top:50%;margin-top: -7px;opacity:0;}
.addnum span{position: absolute;left:25px;top:50%;margin-top: -10px;height:20px;line-height: 20px;color:#d91b1b;opacity:0;}
.move .addnum img{-webkit-animation: addm1 0.5s linear 0s;}
.move .addnum span{-webkit-animation: addm2 1s linear 0s;}
@-webkit-keyframes addm1{
	0%   {opacity:0;-webkit-transform:scale(1) translate(0,0);}
	10%  {opacity:1;}
	100% {-webkit-transform:scale(1.5) translate(0,-5px);opacity:0;}
}
@-webkit-keyframes addm2{
	0%   {opacity:0;-webkit-transform:translate(0,0);}
	10%  {opacity:1;}
	100% {-webkit-transform:translate(0,-30px);opacity:0;}
}

/*swiper*/
.swiper-container{position: relative;height:100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);z-index: 10;overflow: hidden;}
.swiper-wrapper{display: -webkit-box;height:100%;}
.swiper-slide{width:100%;height:100%;-webkit-box-flex:0;overflow: hidden;position: relative;}
.scrollAuto{height:100%;min-height:480px;overflow: hidden;}
.scroll-slide{padding-bottom: 50px;}
.scrollAuto .scroll-slide{height:100%;padding-bottom: 0;}
/* Scrollbar */
.scroll-slide:after{content: "";display: table;}
.swiper-scrollbar {border-radius: 10px;position: relative;-ms-touch-action: none;background: rgba(0, 0, 0, 0.1);position: absolute;right: 3px;top: 1%;z-index: 50;width: 4px;height: 98%;}
.swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background: rgba(0, 0, 0, 0.3);border-radius: 2px;left: 0;top: 0;}
.swiper-scrollbar-cursor-drag {cursor: move;}
.menu .swiper-scrollbar{right:auto;left:3px;}

/*catalogue 目录*/
.catalogue{padding:10px;height:100%;display: -webkit-box;-webkit-box-orient:vertical;box-sizing: border-box;}
.ca-cell{margin-bottom: 10px;-webkit-box-flex:1;display: -webkit-box;position: relative;}
.ca-cell a{box-shadow: 1px 1px 3px rgba(0,0,0,0.3);}
.ca-box,.ca-cell a{position: absolute;height:100%;top:0;}
.ca-layout1 .ca-box{left:0;width:60%;}
.ca-layout1 .ca-box a{left:0;right:10px;}
.ca-layout1>a{right:0;width:40%;}
.ca-layout2 .ca-box{right:0;width:60%;}
.ca-layout2 .ca-box a{left:10px;right:0px;}
.ca-layout2>a{left:0;width:40%;}
.ca-img{width:100%;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.ca-tit{position: absolute;left:0;bottom:0;width:100%;}
.ca-foot,.ca-tit{height:30px;line-height: 30px;padding:0 5px;box-sizing: border-box;background: url(../images/text_bg.png) no-repeat center center;background-size: cover;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ca-foot a,.ca-tit{font-size: 0.8rem;color:#fff;}
.ca-foot a{display: block;width:100%;height:100%;text-align: center;}
.ca-foot b,.ca-tit b{font-size: 1.2rem;font-weight: normal;margin-right: 5px;}
.ca-foot span,.ca-tit span{font-size: 1rem;}
/*menu 菜单*/
.menu .scroll-slide{padding-bottom: 0px;}
.menu-btn{width:65px;height:27px;line-height: 27px;position: absolute;left:0;top:20px;z-index: 500;background: rgba(0,0,0,0.5);border-top-right-radius:5px;border-bottom-right-radius:5px;box-shadow: 1px 1px 3px rgba(0,0,0,0.2);opacity:0;pointer-events:none;border:1px solid rgba(104,104,104,0.5);border-left:5px solid #4c4c4c;
	-webkit-transform:translateZ(0px);
	-webkit-transition:opacity 0.5s ease-in;
}
.menu-btn.show{opacity:1;pointer-events:auto;}
.menu-btn p{color:#fff;text-align: center;padding-left:25px;font-size: 1rem;}
.menu-btn ul{width:15px;position: absolute;left:7px;top:10px;}
.menu-btn li{height:1px;background:#fff;font-size: 0;margin-bottom: 3px;
	-webkit-transition:all 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.3s;
}
.menu-btn.on li:nth-of-type(1){-webkit-transform: rotate(45deg) translate(3px,3px);}
.menu-btn.on li:nth-of-type(2){opacity: 0;}
.menu-btn.on li:nth-of-type(3){-webkit-transform: rotate(-45deg) translate(3px,-3px);}
.menu{position:absolute;width:75%;height:100%;left:0;top:0;overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;
	 -webkit-overflow-scrolling:touch;
	 -webkit-transition:-webkit-transform 0.7s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
	 -webkit-transform:translate3d(-100%,0,0);
}
.menu p,.menu a{height:2.5rem;line-height: 2.5rem;display: block;padding:0 20px 0 15px;font-size: 1.1rem;color:#c9c9c9;border-top:1px solid rgba(190,190,190,0.1);border-bottom:1px solid rgba(0,0,0,0.1);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;background: rgba(41,42,43,0.6);}
.menu p{border-top:0;}
.menu .scroll-slide div{margin:3px 0;}
.menu .scroll-slide div>a{font-size: 1rem;padding-left: 50px;}
.menu .active{background: rgba(70,70,70,0.6);border-bottom:1px solid rgba(0,0,0,0.25);}
.menu .active:after{content: "";width:14px;height:16px;background:url(../images/arrdows.png) no-repeat center center;background-size: contain;position: absolute;right:10px;top:50%;margin-top: -8px;}
.menu.on{-webkit-transform:translate3d(0,0,0);}
/*详细页面1*/
.hd{position: relative;min-height: 200px;min-height: 200px;}
.banner{display: block;width:100%;margin-bottom: 7px;}
.title{position: absolute;bottom:0px;width:100%;background: rgba(0,0,0,0.6);}
.title h1{color:#fff;font-size: 1.1rem;padding:6px 15px;}
.de-content{padding:0 15px 20px;color:#555;}
.de-content p{margin-bottom: 10px;}
.de-content img{display: block;max-width: 100%;margin:0 auto 10px;}
.de-label{text-align: right;color:#888;font-size: 0.8rem;margin-bottom: 7px;}
/*详细页面2*/
.text-box{min-width:55%;max-width:80%;position: absolute;left:0;top:30%;text-align: right;opacity:0;
	-webkit-transition:all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
	-webkit-transform:translate(-100px,0);
}
.text-box h1{display: inline-block;padding:2px 10px;background:rgba(255,255,255,0.7);color:#d91b1b;font-size: 1.2rem;margin-bottom: 4px;}
.text-box h2{background: rgba(255,255,255,0.3);margin-bottom: 4px;}
.text-box h2 span{ background:rgba(217,27,27,0.6);color: #fff;font-size: 1.1rem;padding: 2px 10px 2px 15px;position: relative;left: -4px;top: -4px;display: block;}
.text-box p{color:#fff;font-size: 0.8rem;text-shadow:1px 1px 2px rgba(0,0,0,0.5);padding-left: 15px;}
.btn{position: absolute;right:5%;bottom:10%;}
.btn a{display: block;position: relative;margin-bottom: 10px;max-width:170px;padding-right: 20px;height:28px;line-height: 28px;color:#fff;font-size: 0.8rem;opacity:0;
	-webkit-transform:translate(0,50px);
	-webkit-transition:all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s;
}
.btn span{display: block;background: rgba(0,0,0,0.5);padding:0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-left:5px solid rgba(217,27,27,0.9);}

.swiper-slide-active .text-box{
	-webkit-transition:all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000) 1.5s;
	opacity:1;-webkit-transform:none;
}
.swiper-slide-active .btn a:nth-of-type(1){-webkit-transition-delay:1.7s;}
.swiper-slide-active .btn a:nth-of-type(2){-webkit-transition-delay:1.9s;}
.swiper-slide-active .btn a:nth-of-type(3){-webkit-transition-delay:2.1s;}
.swiper-slide-active .btn a:nth-of-type(4){-webkit-transition-delay:2.3s;}
.swiper-slide-active .btn a:nth-of-type(5){-webkit-transition-delay:2.5s;}
.swiper-slide-active .btn a{
	opacity:1;-webkit-transform:none;
}

/*.fw-title{position: absolute;right:0;top:20px;padding:0 10px;height:27px;line-height: 27px;background: rgba(217,27,27,0.8);font-size: 1.1rem;color:#fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,0.5);}*/

/*详细页面2_1*/
.hd2,.position{height:20px;position: absolute;top:20px;right:0;line-height: 20px;max-width:65%;background:rgba(0,0,0,0.5);color:#fff;padding:0 10px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;font-size: 1rem;box-shadow:0 1px 3px rgba(0,0,0,0.4);border:1px solid rgba(104,104,104,0.5);border-right:0;z-index: 2;}
.de-content2{padding:60px 15px 20px;color:#555;}
.de-content2 h1{font-size: 1.2rem;text-align: center;color:#e2322c;font-family: "黑体";line-height: 1.2em;margin-bottom: 0.4rem;}
.de-content2 .de-label{text-align: center;margin-bottom: 2rem;}
.de-content2 p{margin-bottom: 10px;}
.de-content2 img{display: block;max-width: 100%;margin:0 auto 10px;}
/*详细页面3*/
.btn2{bottom:5%;}
/*详细页面4*/
.de-content3 h1{margin-bottom: 10px;}
.btn3{position: static;text-align: right;padding-top: 10px;}
.btn3 a{display: inline-block;text-align: left;}
/*详细页面5*/
.text-hint{padding:10px 0;color:#fff;background:#d8a61e;margin: 40px 0 25px;text-align: center;font-size: 0.8rem;line-height: 1.8em;}
/*详细页面6*/
.de-content4{padding: 70px 15px 20px;}
.list img{display: block;width:100%;}
.list a{display: block;}
.list li{background: #fff;box-shadow: 0px 1px 3px rgba(0,0,0,0.1);margin-bottom: 15px;}
.list p{padding:10px 25px  10px 70px;background: url(../images/logo2.png?v=1.2) no-repeat 10px center;background-size:50px;color:#444;position: relative;}
.arrdows4{width:10px;height:10px;position: absolute;right:15px;top:50%;margin-top: -5px;background: url(../images/arrdows4.png) no-repeat center center;background-size: contain;opacity:0;
	-webkit-animation: arrdows4 1.2s linear 0s infinite;
}
@-webkit-keyframes arrdows4{
	0%{-webkit-transform:translate(0,0) rotate(180deg);opacity:0;}
	40%{opacity:1;}
	80%,100%{-webkit-transform:translate(10px,0) rotate(180deg);opacity:0;}
}
/*详细页面7*/
.qrcode{position: absolute;left: 50%;top: 50%;margin-left: -77.5px;margin-top: -139.5px;}
.qrcode img{display:block;width:155px;padding-top: 200px !important;margin-top: -200px !important;position: relative;z-index: 100;-webkit-user-select: none;}
/*资讯*/
.content3{padding:0px 15px 20px;color:#555;}
.banner2{position: relative;}
.banner2 img{display:block;width:100%;}
.banner2 p{position: absolute;left:0;bottom:0;text-align: center;color:#fff;font-size: 1.1rem;width:100%;background:rgba(0,0,0,0.6); padding:6px 10px;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zx-list li{padding:15px 0;border-bottom: 1px solid #e1e1e1;}
.zx-list a{display: block;}
.zx-list a:after{content: "";display: table;clear: both;}
.zx-list h2{color:#333;margin-bottom: 5px;}
.zx-list p{color:#777;font-size: 0.9rem;}
.zx-list p,.zx-list h2,.zx-layout2 h2{line-height: 1.5em;max-height: 3em;overflow: hidden;}
.zx-img1{float: left;width:35%;margin-top: 5px;}
.zx-box{float: left;width:65%;padding-left: 10px;box-sizing: border-box;}
.zx-layout2 h2{color:#333;margin-bottom: 5px;}
.zx-img2:after{content: "";display: table;clear: both;}
.zx-img2 img{float: left;width:30%;}
.zx-img2 img:nth-of-type(2){margin:0 5%;}
/*期刊列表*/
.de-content5{padding:15px;}
/*shareHint*/
.fxHint,.scHint{position: absolute;left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.6);z-index: 2000;display: none;}
.fxHint img,.scHint img{position: absolute;width:60%;right:15px;top:15px;}
/*评论*/
#return{width:65px;height:27px;line-height: 29px;position: fixed;left:0;top:20px;background: rgba(0,0,0,0.5);border:1px solid rgba(104,104,104,0.5);border-top-right-radius:5px;border-bottom-right-radius:5px;box-shadow: 1px 1px 3px rgba(0,0,0,0.2);font-size: 0.9rem;color:#fff;cursor: pointer;z-index: 500;
}
#return p{padding-left: 23px;}
#return i{position:absolute;left:5px;top:0;width:12px;height:100%;background: url(../images/return.png) no-repeat center center;background-size: 12px;}
#comment{padding:30px 15px 95px;background:#f4f4f4;}
#comment:before{content: "";display: table;}
.co-box{padding-left:45px;position: relative;padding-top:10px;margin-bottom: 10px;}
.co-box:first-of-type{border-top:1px solid #ddd;}
.co-photo{position: absolute;left:0;top:10px;width:35px;height:35px;background-size: cover;background-position: center center;background-repeat: no-repeat;border-radius: 2px;}
.co-praise{position: absolute;right:5px;top:10px;line-height:1em;padding:2px 8px 2px 20px;background: url(../images/icon_love.png) no-repeat 5px center;background-size: 12px;color:#8f8f8f;border:1px solid #ddd;border-radius: 4px;font-size: 0.9rem;}
.co-praise i{position: absolute;left:5px;top:50%;width:12px;height:12px;margin-top: -6px;;background: url(../images/icon_love.png) no-repeat center center;background-size: 12px;display: none;pointer-events:none;
	-webkit-animation: praise_m1 0.5s linear 0s;opacity:0;
}
.co-praise b{position: absolute;left:50%;top:50%;height:20px;margin:-10px 0 0 -2px;line-height: 20px;color:#ea4525;font-weight: inherit;display: none;pointer-events:none;opacity:0;
	-webkit-animation: praise_m2 1s linear 0s;
}
@-webkit-keyframes praise_m1{
	0%   {opacity:0;-webkit-transform:scale(1) translate(0,0);}
	10%  {opacity:1;}
	100% {-webkit-transform:scale(1.5) translate(0,-5px);opacity:0;}
}
@-webkit-keyframes praise_m2{
	0%   {opacity:0;-webkit-transform:translate(0,0);}
	10%  {opacity:1;}
	100% {-webkit-transform:translate(0,-30px);opacity:0;}
}
.praise-move i,.praise-move b{display: block;}
.co-box h5{font-size: 1.15rem;color:#b5b5b5;line-height: 1.2em;}
.co-msg{padding:2px 0 7px;font-size: 1rem;color:#848484;border-bottom:1px solid #ddd;}
.co-msg:last-of-type{border-bottom:0;}
.co-msg p{margin-bottom: 2px;color:#000;}
.co-msg span{color:#9e9e9e;display:block;font-size: 0.8rem;}
.co-msg b{font-weight: inherit;color:#b5b5b5;display: block;border-left:4px solid #00bc04;padding-left: 3px;line-height: 1em;margin:7px 0 4px;}
.co-title{position: relative;text-align: center;margin-bottom: 30px;}
.co-title span{display: inline-block;padding:0 7px;position: relative;z-index: 2;background:#f4f4f4;font-size: 1.18rem;color:#848484;}
.co-title:before{content: "";position: absolute;left:0;top:49%;width:100%;font-size: 0;border-bottom: 1px dotted #ddd;}
/*评论弹出框*/
.form-fixed{position:fixed;width:100%;left:0;bottom:0;}
.ff-box{position: relative;max-width: 700px;margin:0 auto;background: rgba(255,255,255,0.6);color:#939393;padding:5px 15px;box-sizing: border-box;display:-webkit-box;font-size: 14px;border-top:1px solid #ddd;}
.ff-btn{-webkit-box-flex:1;height:25px;line-height: 25px;border:1px solid #ddd;padding:0 10px;background: #fff;cursor: pointer;}
.ff-num{margin:0 10px 0 30px;height:27px;line-height: 27px;background: url(../images/icon3.png) no-repeat 5px center;background-size: 14px;padding-left: 25px;}

#form-wrap{position: fixed;width:100%;height:100%;left:0;top:0;z-index: 1000;background:rgba(0,0,0,0.5);display: none;touch-action: none;}
.form{position: absolute;left:0;bottom:0;width:100%;padding:20px 15px;color:#939393;font-size: 0.9rem;box-sizing: border-box;background: #fff;}
.input{margin-bottom: 5px;}
.input input{border:1px solid #ddd;background: #fff;width:140px;height:25px;font-size: 0.9rem;color:#777;padding:0 10px;}
.input span{margin-left: 5px;}
.textarea{font-size: 0.9rem;padding:0.5rem 10px;box-sizing: border-box;width:100%;height:5.5rem;border:1px solid #ddd;background: #fff;color:#777;}
.textarea::-webkit-input-placeholder{color: #ccc!important;}
.fo-btn{margin-top: 5px;}
.fo-btn:after{content: "";display: table;clear:both;}
#fo-cancel,#fo-send{width:60px;height:25px;line-height: 25px;text-align: center;cursor: pointer;}
#fo-cancel{float: left;background: #e6e6e6;color:#777;}
#fo-send{float: right;background: #d91b1b;color:#fff;}
#reTop,.reTop{position: fixed;right:10px;bottom:50px;width:30px;height:30px;z-index: 100;display: none;background: url(../images/top.png) no-repeat center center;background-size: contain;}
.reTop{position: absolute;display: block;bottom:20px;display:none;}
/*输入手机号码弹出框*/
#telWrap{position: fixed;width:100%;height:100%;left:0;top:0;z-index: 1100;background:rgba(0,0,0,0.3);display: none;}
.tel-box{position: relative;width:85%;max-width: 640px;top:35%;margin:0 auto;background: rgba(255,255,255,0.9);color:#939393;padding:30px 20px;box-sizing: border-box;border-top:1px solid #ddd;box-shadow: 0px 0px 5px rgba(0,0,0,0.4);text-align: center;}
.tel-box h2{color:#d91b1b;font-size: 1.15rem;}
#tel{width:100%;height:30px;background: #fff;border:1px solid #ddd;color:#666;font-size: 0.85rem;text-align: center;margin:5px 0 15px;padding:0 5px;box-sizing: border-box;}
#telSubmit{width:70px;height:30px;line-height: 30px;color:#fff;background:#e94e49;display:block;margin:0 auto;border-radius: 3px;box-shadow: 0 0 5px rgba(0,0,0,0.4);}
#telColse{position: absolute;right:0;top:0;width:30px;height:30px;background: url(../images/colse.png) no-repeat center center;background-size: 13px;}
/*############### animate ################*/
/*moveIn moveOut animate*/
.moveIn{-webkit-animation: moveIn 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s both;}
.moveOut{
  pointer-events:none;
  -webkit-animation: moveOut 0.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0s both;
}
@-webkit-keyframes moveIn {
	from{-webkit-transform:scale(1.2);opacity:0;}
	to{-webkit-transform:none;opacity:1;}
}
@-webkit-keyframes moveOut {
	from{-webkit-transform:scale(1);opacity:1;}
 	to{-webkit-transform:scale(1.2);opacity:0;}
}
@-webkit-keyframes rotate{
 0%{-webkit-transform:rotate(0deg);}
 100%{-webkit-transform:rotate(359deg);}
}

/*屏幕适配*/
@media only screen and (max-height: 450px){
	/*iphone 4 h415*/
	.text-box{top:25%;}
	.btn{bottom:5%;}
}
@media only screen and (min-width: 360px){
	/*iphone 6 w375*/
	html{font-size: 16px;}
	.menu-btn,#return,.fw-title{height:30px;line-height: 30px;}
	.hd2,.position{height:25px;line-height: 25px;}
	.menu-btn ul{top:12px;}
	.de-content2{padding-top: 65px;}
	.btn5{width:190px;}
}
@media only screen and (min-width: 400px){
	/*iphone 6 plus w414*/
	html{font-size: 18px;}
}


.de-content2 .twotit{
/*	color: #000;
	text-align: left;
	font-size: 1.5rem;*/
}

.de-content2  .twoson{
/*text-align: left;
    margin-bottom: 2rem;
     margin-top: 0.3rem;font-size: 0.9rem;*/
}