@charset "utf-8";
/* CSS Document */

.warp{ width:100%; border:solid #F00 0px; overflow:hidden}
.center{ width:94%; margin:0 auto}

.banner{ position:relative}
.banner .logo{ position:absolute; width:0.7rem; height:0.24rem; top:0.06rem; left:32%}
.banner .logo img{ width:100%; height:100%}

.title{ font-size:0.16rem; color:#ffffff; text-align:center; line-height:0.36rem; position:relative}
.title:before{ content:""; width:1rem; height:1px; background:#A9A9A9; position:absolute; bottom:0; left:50%; margin-left:-0.5rem}
.title h3{ font-weight:normal; display:inline-block; background:url(../images/title-1.png) right no-repeat; background-size:8%; padding:0 0.2rem}
.title span{ font-size:0.22rem}

.why{ background:url(../images/why-back.jpg) center no-repeat; background-size:100% 100%; overflow:hidden;}
.why .title{ margin-top:0.2rem}
.why .title span{ color:#ffea00}
.why .why-intro{ font-size:0.16rem; color:#ffffff; line-height:0.26rem; width:86%; margin:0 auto; padding-top:0.12rem; text-indent:2em}
.why .why-cont{ padding:0.2rem 0 0.4rem 0}
.why .why-box{ background:#FFF; margin-bottom:0.1rem}
.why .why-lcon{ float:left; width:23%; font-size:0.14rem; color:#ef167c; text-align:center; overflow:hidden}
.why .why-lcon img{ width:40%; margin-top:0.16rem}
.why .why-lcon span{ display:block;}
.why .why-txt{ float:left; width:73%; background:#DEDEDE; font-size:0.14rem; color:#000000; padding:0.06rem 2%; letter-spacing:1px; text-indent:2em}

.guide{ background:#EFF3F8; overflow:hidden}
.guide .title{ color:#000; margin-top:0.16rem}
.guide .title:before{ width:0.8rem; background:#FBAB42; margin-left:-0.4rem}
.guide .title h3{ background:url(../images/title-2.png) right no-repeat; background-size:12%; padding:0 0.22rem}
.guide .title span{ color:#ef167c}
.guide .guide-cont{ padding-top:0.2rem}
.guide .guide-box{ background:#FFF; border:solid 1px #DCECF7; width:47%; padding:0.1rem 0; text-align:center; margin-bottom:0.1rem}
.guide .guide-box b{ font-size:0.16rem; line-height:0.26rem}
.guide .guide-box p{ font-size:0.14rem; color:#3a3a3a; line-height:0.18rem; padding:0 0.06rem}
.guide .guide-lcon{ background:#FFF; border:solid 1px #DCECF7; float:left; width:30%; text-align:center; margin:0 0 0.1rem 5%; box-sizing:border-box; padding:0.1rem 0}
.guide .guide-mar{ margin-left:0}
.guide .guide-lcon img{ width:45%}
.guide .guide-lcon span{ display:block; font-size:0.16rem; color:#ef167c; line-height:0.26rem}
.guide .guide-btn{ padding-bottom:0.3rem}
.guide .guide-btn a{ background:#FF9100; display:block; width:75%; height:0.4rem; margin:0 auto; text-align:center; line-height:0.4rem; border-radius:0.04rem; font-size:0.16rem; color:#ffffff}

.pass{ background:url(../images/pass-back.jpg) center no-repeat; background-size:100% 100%; overflow:hidden}
.pass .title{ color:#ffffff; margin-top:0.16rem}
.pass .title:before{ width:1.6rem; background:#ABABAB; margin-left:-0.8rem}
.pass .title h3{ background:url(../images/title-3.png) left no-repeat; background-size:9%; padding:0 0.26rem}
.pass .title span{ color:#ffea00}
.pass .pass-intro{ font-size:0.16rem; color:#ffffff; line-height:0.26rem; width:86%; margin:0 auto; padding-top:0.12rem; text-indent:2em}
.pass .pass-title{ background:url(../images/pass-title.png) center no-repeat; background-size:100% 100%; width:54%; line-height:0.3rem; margin:0.1rem auto; font-size:0.16rem; color:#ffffff; text-align:center; padding-right:16%}
.pass .pass-cont{ background:rgba(255,255,255,0.4); width:92%; padding:0 1% 0.06rem 1%; margin-bottom:0.3rem}
.pass .pass-logo{ float:left; width:23%; margin:0.06rem 1% 0 1%}
.pass .pass-logo img{ width:100%}

.base{ overflow:hidden}
.base .title{ color:#000; margin-top:0.16rem}
.base .title:before{ width:0.8rem; background:#FF9811; margin-left:-0.4rem}
.base .title h3{ background:url(../images/title-4.png) left no-repeat; background-size:9%; padding:0 0.26rem}
.base .title span{ color:#ef167c}
.base .base-cont{ padding:0.2rem 0 0.3rem 0}
.base .base-cont img{ width:100%}
.base .base-1{ padding-bottom:0.1rem}

.rate{ background:#EF167C; padding:0.2rem 0; text-align:center}
.rate .rate-1{ font-size:0.2rem; color:#FFF; line-height:0.26rem}
.rate .rate-1 span{ color:#ffea00}
.rate .rate-1 b{ font-size:0.22rem; color:#ffea00}
.rate .rate-2{ font-size:0.14rem; color:#4c0024; line-height:0.26rem}

.form{ background:#EFF3F8; overflow:hidden;margin-bottom: 20px;}
.form .title{ color:#000; margin-top:0.16rem}
.form .title:before{ width:1.4rem; background:#FF9811; margin-left:-0.7rem}
.form .title h3{ background:url(../images/title-5.png) right no-repeat; background-size:9%; padding:0 0.26rem}
.form .title span{ color:#ef167c}
.form .form-cont{ width:90%; margin:0 auto; padding:0.2rem 0 0.3rem 0}
.form .form-cont .ipt{ margin-bottom:0.16rem}
.form .form-cont .ipt input{ display:block; width:100%; height:0.4rem; border:0; border:solid 1px #E5E5E5; font-size:0.16rem; color:#CACACA; outline:none; font-family:"微软雅黑"; box-sizing:border-box; text-align:center; border-radius:0.03rem}
.form .form-cont .submit input{ display:block; width:100%; height:0.4rem; margin:0 auto; border:none; background:#FF9100; font-size:0.16rem; color:#ffffff; font-family:"微软雅黑"; cursor:pointer}




#s-actionBar-container{position:fixed; bottom:0; width:100%; z-index:999; background:#ffffff;}
#s-actionBar-container .action-bar{ color:#999; border:1px solid #E5E5E5;}
#s-actionBar-container .action-bar .addfav, #s-actionBar-container .action-bar .support, #s-actionBar-container .action-bar .toshop{max-width: 50px;min-width: 26px;border-right: 1px solid rgba(0,0,0,.05);}
#s-actionBar-container .action-bar .cell{height: 49px;text-align: center;}
#s-actionbar .cell{ border-right: 1px solid rgba(0,0,0,.05);}
.mui-flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.mui-flex, .mui-flex *, .mui-flex::after, .mui-flex::before{box-sizing: border-box;}
.mui-flex.align-center{-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.mui-flex > .cell{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: 0;-webkit-flex-basis: 0;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;display: block;padding: 0 !important;position: relative;}
#s-actionBar-container .action-bar .cell a{ position: absolute;width: 100%;height: 100%;display: block;top: 0;}
#s-actionBar-container .action-bar > div::before{font-family: tm-detail-font;width: 25px;height: 25px;font-size: 20px;display: block;margin: 1px auto 0;}
#s-actionBar-container .action-bar .support::before{ /*content: '\e60a';color: #4A90E2;*/}
#s-actionBar-container .action-bar .toshop::before{ content: '\e60d';color: #5F646E;}
#s-actionBar-container .action-bar .addfav::before{ content: '\e609';color: #5F646E;}
#s-actionBar-container .action-bar .cart{ background: #FF9500;}
#s-actionBar-container .action-bar .buy{ background: #DD2727;}
#s-actionBar-container .action-bar > button{border: none;color: #fff;font-size: 15px; font-family:"微软雅黑";}
#s-actionBar-container #s-actionbar .cell:last-child{border-right: none;}
#s-actionBar-container .activity-box{display: none;}




.top_tips{position:fixed;top:-60px;z-index:9999;width:100%;height:50px;line-height:50px;max-width:640px;background:#000;color:#fff;box-shadow:0 0 10px rgba(10,2,4,.75);}
.top_tips span{ float: left; width:40px; height:40px; background:url(/images/iconAll.png) 0 -231px no-repeat; border-radius:5px; margin:5px}
.top_tips ul { float: left; }
.top_tips ul li { height: 20px; line-height: 20px; font-size: 12px !important;}
.top_tips ul li:nth-child(1) { margin-top: 5px; }
@media screen and (max-width:414px){
	.top_tips{ font-size:16px; }
}
@media screen and (max-width:375px){
	.top_tips{ font-size:14px; }
}
@media screen and (max-width:320px){
	.top_tips{ font-size:12px; }
}


 @font-face{
	 font-family:tm-detail-font;
	 src:url(//at.alicdn.com/t/font_1471933651_9895208.eot);
	 src:url(//at.alicdn.com/t/font_1471933651_9895208.eot?#iefix) format('embedded-opentype'),url(//at.alicdn.com/t/font_1471933651_9895208.woff) format('woff'),url(//at.alicdn.com/t/font_1471933651_9895208.ttf) format('truetype'),url(//at.alicdn.com/t/font_1471933651_9895208.svg#iconfont) format('svg')
}