@charset "utf-8";
/* Reset the style */ 
html{font-size: 62.5%;}
body { background: #f5f5f5; }
.line{background:#fff; border:1px solid #dbdbdb !important; border-left: 0 !important; border-right: 0 !important; overflow: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td,span,b,i,p,em,a,input,button{ margin:0px; padding:0px; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details { display:block; } table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0px;}
input,textarea{-webkit-appearance: none;}
address,caption,em,code{ font-style:normal; font-weight:normal;}
pre, code, kbd, samp { font-family:inherit; } 
ol,ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
a{ text-decoration:none; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;} 
* html,* html body{background-image:url(about:blank);background-attachment:fixed;} 

body{font-size: 62.5%;font-family:sans-serif;position:relative; min-width:320px; max-width:640px;width:expression(document.body.clientWidth <700 ? "640px" : "100%" ); margin:0 auto; }
* html,* html body{background-image:url(about:blank);background-attachment:fixed;}
/*bgcolor-change*/
::selection {background:#0487da; color:#fff;}
::-moz-selection {background:#0487da; color:#fff;}
/*none-content*/
#link:after{display:block;visibility:hidden;clear:both;height:0;content:'.'; }
#link { zoom:1;}
/*size.color*/
a{color:#000;}
a:link{color:#000;text-decoration:none;}
a:visited{color:#000;}
.bule-color{ color:#43a8f0}
.red-color{ color:#e23b29}
.grey-color{ color:#bbb;}
.green-color{ color:#37b059;}
.font12{ font-size:1.2rem;}
.font14{ font-size:1.4rem;}
.font16{ font-size:1.6rem;}
.font18{ font-size:1.8rem;}
.font20{ font-size:2rem;}
.fr{ float:right}
.fl{ float:left}

/*qingchu-fudong*/
.clearfix:after { display:block;visibility:hidden;clear:both;height:0;content:'.';}
.clearfix { zoom:1;}


/*产品红色公用头部*/
header{ width:100%; text-align:center; font-size:1.8rem; height:45px; line-height:30px;position:relative; top:0; left:0; background:#e23b29; z-index:9998;overflow: hidden;}
header.subtopic-head{ line-height:15px; font-size:1.6rem; top:0; left:0; z-index:9997;font-family:'微软雅黑';}
header.fixed-hd{ position:fixed; left:0; z-index:9998}
.subtopic-head .back,.subtopic-head .user,.subtopic-head .close{ width:45px; height:45px; display:block;}
.subtopic-head .back{ float:left}
.subtopic-head .back i{ display:block;width:26px; height:26px; background-image:url(../img/head_bg.png);  background-size:50px auto; background-repeat:no-repeat; margin:0 auto; margin-top:9px}
.subtopic-head .back i{background-position:0 -137px}

.subtopic-head a i{display:block;float:right;width:45px;height:45px;margin:10px auto 0px;background:url(../img/zt-top-bg.png) no-repeat 0px 0px;background-size:100px auto; vertical-align:middle; text-align:center;}
.subtopic-head .app-icon i,.subtopic-head .search i{background-position:-58px 0px;}
.subtopic-head .tiku i{ background-position:0px -37px}

.subtopic-head .cont{ max-width:50%;color:#FFF; line-height:45px; font-size:1.8rem; overflow:ellipsis; text-align:center; display:inline-block; padding-right:10px; position:relative}
/* end */


/*banner*/
.nobor {margin-bottom:0.8rem;}
.scroll { box-sizing: border-box; width: 100%; background: #fff; }

/*title*/
.A-title {text-align:center; color: #333; font-size: 1.2rem; padding-top:10px; padding-bottom: 5px;font-family:"微软雅黑";}
.A-title h2 { font-size:3rem;  font-weight: bold; color: #E13B29; margin-bottom:0px; padding-top: 5px}
.A-title p{ color:#555555; font-size:1.5rem; padding-bottom:10px; padding-left:0px; padding-top:0.3rem;}


.ch-classlist{ padding: 10px 0; background: #f5f5f5;}
.ch-classlist ul{ width:100%; background: #fff; padding: 10px 0; border-top: 0px solid #ddd;border-bottom: 1px solid #ddd;}
.fl-taocb{ margin-top:-1px; background: #ffffff; padding-bottom:0px;font-family:"微软雅黑"; }
.fl-taocb ul { padding-top: 0px;}
.fl-taocb li {position: relative; padding-bottom:10px; display:inline-block; border-bottom:0px solid #dbdbdb; }
.fl-taocb li.line { border-top-width: 0px !important; padding-bottom: 13.5px;}
.fl-taocb .tc-img { width:45.5%; float: left; margin: 10px 10px 0 10px; vertical-align: bottom;  position: relative;}
.fl-taocb .tc-img img { width: 100%; height: auto; vertical-align: bottom; }
.fl-taocb .tc-img b{height: 30px; width: 30px; display: inline-block; position: absolute;right:5px; background-size: 100% auto;}
.fl-taocb .con-side { width:45%; float:left; margin:10px 10px 0 0; }
.fl-taocb .con-side h3 {font-size: 1.5rem; line-height:22px; color: #222; margin-bottom:5px; }
.fl-taocb .con-side h3 span{font-size: 1.4rem;}
.fl-taocb .con-side h4 {font-size: 1.1rem; line-height:12px; color: #b2b2b2; margin-bottom:5px; }
.fl-taocb .con-side .info{font-size: 1.4rem; line-height:18px;}
.fl-taocb .pr-r {text-align:center; height:30px; line-height:30px; padding:0 10px; position: absolute; bottom:10px; right: 10px; background:#e13b29; color: #ffffff; font-size:1.3rem; border-radius: 4px; }
.fl-taocb .pr-r:hover {text-align:center; height:30px; line-height:30px; padding:0 10px; position: absolute; bottom:10px; right: 10px; background:#d13726; color: #ffffff; font-size:1.3rem; border-radius: 4px; }

#section5 .content{background:#FFF; margin-bottom:0.8rem;font-family:"微软雅黑"; }
#section5 .content .cont_top{ width:100%; margin:0 auto; padding-top:1.5rem;}
#section5 .content .title_top{ font-size:3rem;  font-weight:700;background-image: linear-gradient(to right, #ffa734, #fc6a57); -webkit-background-clip: text;color: transparent; border-bottom:1px solid #333; width:25%; margin:0 auto; height:4.1rem; }
#section5 .content p.title{font-size:1.5rem;color:#333;display:block;text-align:center;margin-top:1rem ; height:1.6rem; }
#section5 .content .price{width:100%;margin:0 auto; }
#section5 .content .price ul{ margin:0 auto; width:24%;}
#section5 .content .price ul li{float:left;display:inline-block;color:#ff5f45;}
#section5 .content .price ul li.n{font-size:2rem;font-weight:bold;line-height:2;text-align:right}
#section5 .content .price ul li.m{font-size:6rem}
#section5 .content .price ul li.t{font-size:.34rem;font-weight:bold;line-height:2.6rem}
#section5 .content .price p.notice{text-align:center;font-size:2rem;color:#999;}
#section5 .content .price p.notice em{text-decoration:line-through}
#section5 .content .xieyi{border:.2rem solid #ee7e41; width:32%; margin:0 auto; text-align:center; border-radius:.2rem; font-size:2rem; padding:0.5rem 0; margin-top:1rem; margin-bottom:1rem;background-image: linear-gradient(to right, #f35358, #f19969); -webkit-background-clip: text;color: transparent; font-weight:bold;}
#section5 .content .tableInfo{width:97%;margin:0 auto}
#section5 .content .tableInfo th{width:18%;height:4rem; line-height:4rem; color:#ff5f45; font-family:"方正综艺简体";  font-size:2rem;}
#section5 .content .tableInfo td{width:82%;overflow:hidden; height:3rem; line-height:3rem; }
#section5 .content .tableInfo td label{font-size:1.5rem;color:#333;padding-left:.3rem;display:block;}
#section5 .content .tableInfo td p{display:none;font-size:.427rem;color:#666;margin-left:.3rem}
#section5 .content .tableInfo td label img{width:5%;display:inline-block;margin-left:.1rem}
#section5 .content .tableInfo .border td{border-bottom:1px solid #eaeaea}
#section5 .content .tip{color:#ffa250;text-align:left;font-size:2rem;width:92%;margin:0 auto;padding:.1rem 0}
#section5 .content .btn{width:92%;margin:2rem auto 0}
#section5 .content .btn ul{width:100%;margin:0 auto}
#section5 .content .btn ul li{width:50%; height:6rem;}
#section5 .content .btn ul li a.a1{display:block;width:11rem;margin:0 auto; background: linear-gradient(to right, #f15ac3, #fb9c52); text-align:center; font-size:2.5rem; border-radius:10rem; padding:1rem; color:#fff;}
#section5 .content .btn ul li a.a2{display:block;width:11rem;margin:0 auto; background: linear-gradient(to right, #48cbea, #74a3f7); text-align:center; font-size:2.5rem; border-radius:10rem; padding:1rem; color:#fff;}


#section6 .content{background:#FFF; margin-bottom:0.8rem; font-family:"微软雅黑";}
#section6 .content .cont_top{ width:100%; margin:0 auto; padding-top:1.5rem;}
#section6 .content .title_top{ font-size:3rem;  font-weight:700;background-image: linear-gradient(to right, #ee5ec8, #723dda); -webkit-background-clip: text;color: transparent; border-bottom:1px solid #333; width:25%; margin:0 auto; height:4.1rem ;}
#section6 .content p.title{font-size:1.5rem;color:#333;display:block;text-align:center;margin-top:1rem ; height:1.6rem; }
#section6 .content .price{width:100%;margin:0 auto; }
#section6 .content .price ul{ margin:0 auto; width:24%;}
#section6 .content .price ul li{float:left;display:inline-block;color:#ee5ec8;}
#section6 .content .price ul li.n{font-size:2rem;font-weight:bold;line-height:2;text-align:right}
#section6 .content .price ul li.m{font-size:6rem}
#section6 .content .price ul li.t{font-size:.34rem;font-weight:bold;line-height:2.6rem}
#section6 .content .price p.notice{text-align:center;font-size:2rem;color:#999;}
#section6 .content .price p.notice em{text-decoration:line-through}
#section6 .content .xieyi{border:.2rem solid #ee7e41; width:32%; margin:0 auto; text-align:center; border-radius:.2rem; font-size:2rem; padding:0.5rem 0; margin-top:1rem; margin-bottom:1rem;background-image: linear-gradient(to right, #f35358, #f19969); -webkit-background-clip: text;color: transparent; font-weight:bold;}
#section6 .content .tableInfo{width:97%;margin:0 auto}
#section6 .content .tableInfo th{width:18%;height:4rem; line-height:4rem; color:#ee61c9; font-family:"方正综艺简体"; font-size:2rem;}
#section6 .content .tableInfo td{width:82%;overflow:hidden; height:3rem; line-height:3rem; }
#section6 .content .tableInfo td label{font-size:1.5rem;color:#333;padding-left:.3rem;display:block;}
#section6 .content .tableInfo td p{display:none;font-size:.427rem;color:#666;margin-left:.3rem}
#section6 .content .tableInfo td label img{width:5%;display:inline-block;margin-left:.1rem}
#section6 .content .tableInfo .border td{border-bottom:1px solid #eaeaea}
#section6 .content .tip{color:#ffa250;text-align:left;font-size:2rem;width:92%;margin:0 auto;padding:.1rem 0}
#section6 .content .btn{width:92%;margin:2rem auto 0}
#section6 .content .btn ul{width:100%;margin:0 auto}
#section6 .content .btn ul li{width:50%; height:6rem;}
#section6 .content .btn ul li a.a1{display:block;width:11rem;margin:0 auto; background: linear-gradient(to right, #f15ac3, #fb9c52); text-align:center; font-size:2.5rem; border-radius:10rem; padding:1rem; color:#fff;}
#section6 .content .btn ul li a.a2{display:block;width:11rem;margin:0 auto; background: linear-gradient(to right, #48cbea, #74a3f7); text-align:center; font-size:2.5rem; border-radius:10rem; padding:1rem; color:#fff;}


/*固定bottom（八年信管）*/
.two-wx { background: #fff; }
.mar-top { margin: 0; }
.two-wxcon img { width: 100%;vertical-align: bottom; }

/*底部*/
.line{background:#fff; border:1px solid #dbdbdb; border-width:1px 0;border-top:none !important;}
.footer {padding: 0 0 80px 0; background: #f7f7f7; font-family:"微软雅黑";}
.footer .version { text-align: center; width: 100%; }
.footer .version p { padding: 12px 0 0 0; }
.footer .version a { display: inline-block; width: 33%; font-weight: normal; font-size: 1.2rem; line-height: 20px; color: #787878; margin-bottom: 8px; }
.footer .version a i { width: 34px; height: 34px; display: block; background: url(../img/foot-ico.png) no-repeat; background-size: 70px auto; margin: 0 auto; position: relative; }
.footer .version a i.cpb { background-position: 0 -40px; }
.footer .version a i.pcd { background-position: 0 -79px; }
.footer .version a.on, .footer .version a:hover { color: #202023; }
.footer .version a.on i.khd, .footer .version a:hover i.khd { background-position: -36px 0; }
.footer .version a.on i.cpb, .footer .version a:hover i.cpb { background-position: -36px -40px; }
.footer .version a.on i.pcd, .footer .version a:hover i.pcd { background-position: -36px -79px; }
.footer .copyRight { text-align: center; font-size: 1.2rem; color: #86888a; padding-top:10px; }
.footer .foot-four { text-align: center; margin: 0 0 10px 0; border-top: 1px solid #dbdbdb; padding-top:8px; }
.footer .foot-four a { padding: 0 5.8%; color: #86888a; font-size: 1.2rem; line-height: 20px; border-right: 1px solid #d8d8d8; }
.footer .foot-four a.nobor { border: 0; }
.footer .version a b { height: 16px; line-height: 16px; padding: 0 3px; border-radius: 10px; position: absolute; top: -5px; left: 24px; font-size: 1.1rem; background: #f00; color: #fff; white-space: nowrap; font-style:normal; }
.footer .line{ background: #f7f7f7; }
/*****底部 end****/

fieldset,img{ border:0px; max-width:640px; height:auto} 
 
/*****底部gouke****/
.pay-box{z-index: 10;}
.pay-box { position: fixed; bottom: 0; width:100%; max-width:640px; z-index: 1; background:#f1f1f1; border-top:#ddd solid 1px;font-family:"微软雅黑";}
.pay-box a{ float:right}
.pay-box .advice,.pay-box .shopping-cart{ width:15%; height:50px; display:block; border-left:#ddd solid 1px; margin-right:-1px; text-align:center}
.pay-box .advice i,.pay-box .shopping-cart i{width:25px; height:25px; background-repeat:no-repeat; background-size:70px auto; margin:5px auto 0 auto; display:block}
.pay-box .advice i{ background-position:0 -463px}
.pay-box .mf-sx i{background-position:-47px -465px}
.pay-box .shopping-cart i{ background-position:0 -502px}
.pay-box .advice span,.pay-box .shopping-cart span{ text-align:center; display:block; font-size:1.0rem; color:#e13b29; padding-top:2px}
.pay-box .button{ background:#e13b29; color:#FFF;bbbb display:block; line-height:50px; width:30%; text-align:center; font-size:1.6rem}
.no-time .discount-time{ display:none;}
.no-time .advice,.no-time .shopping-cart{ width:35%; float:left}
.no-time .advice span,.no-time .shopping-cart span{ float:left; font-size:1.4rem; line-height:50px; color:#333}
.no-time .advice i,.no-time .shopping-cart i{ float:left; margin:15px 10px 0 10px}

@media only screen and (max-width: 640px) {
    .A-title h2 { font-size:2.4rem;  font-weight: bold; color: #E13B29; margin-bottom:0px; padding-top: 5px}
    .A-title p{ color:#555555; font-size:1.4rem; padding-bottom:10px; padding-left:0px;}
    .A-title b{ color:#555555; font-size:1.4rem; padding-left:0px;}
    .A-title em{ color:#555555; font-size:1.4rem; padding-left:0px;}
	
	#section5 .content .title_top,#section6 .content .title_top{ font-size:2.5rem; width:30%; margin:0 auto; height:3.5rem; }
	#section5 .content .price ul,#section6 .content .price ul{ margin:0 auto; width:32%;}
    #section5 .content .price ul li.m,#section6 .content .price ul li.m{font-size:5rem}
	#section5 .content .xieyi,#section6 .content .xieyi{width:38%; font-size:1.5rem; }
	#section5 .content .tableInfo th,#section6 .content .tableInfo th{width:20%;font-size:1.6rem;}
    #section5 .content .tableInfo td,#section6 .content .tableInfo td{width:80%; }
    #section5 .content .tableInfo td label, #section6 .content .tableInfo td label{font-size:1.4rem;}
	#section5 .content .btn ul li, #section6 .content .btn ul li{width:50%; height:5rem;}
	#section5 .content .btn ul li a.a1,#section6 .content .btn ul li a.a1{width:9rem;font-size:2rem;  padding:0.5rem; }
    #section5 .content .btn ul li a.a2, #section6 .content .btn ul li a.a2{width:9rem;font-size:2rem;  padding:0.5rem; }	
}
	
	
@media only screen and (min-width: 360px) {
    #section5 .content .title_top,#section6 .content .title_top,#section7 .content .title_top{ width:37%; }
    #section5 .content .price ul, #section6 .content .price ul, #section7 .content .price ul{ width:38%;}
	#section5 .content .xieyi,#section6 .content .xieyi,#section7 .content .xieyi{ width:48%;} 
	#section7 .content .price1 ul{ margin:0 auto; width:45%;}
}
@media only screen and (min-width: 375px) {
	.subtopic-head a i{width:2.8rem;height:2.8rem;}
    #section5 .content .title_top,#section6 .content .title_top,#section7 .content .title_top{ width:35%; }
    #section5 .content .price ul, #section6 .content .price ul, #section7 .content .price ul{ width:36%;}
	#section5 .content .xieyi{ width:46%;}
	#section7 .content .price1 ul{ margin:0 auto; width:43%;}
}
@media only screen and (min-width: 414px) {
	#section5 .content .title_top,#section6 .content .title_top,#section7 .content .title_top{ width:31%; }
	#section7 .content .price1 ul{ margin:0 auto; width:39%;}
 
}
@media only screen and (min-width: 520px) {
	.subtopic-head a i{width:3.5rem;height:3.5rem;}
	#section5 .content .title_top,#section6 .content .title_top,#section7 .content .title_top{ width:25%; }
	#section5 .content .price ul, #section6 .content .price ul, #section7 .content .price ul{ width:25%;}
	#section5 .content .xieyi{ width:38%;}   
	#section7 .content .price1 ul{ margin:0 auto; width:30%;}   
}