@charset "utf-8";/* CSS Document*/
/*reset*/
@media only screen and (max-width: 1024px) { html{font-size:63%;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}
@media only screen and (max-width: 768px) { html{font-size:62.5%;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}
@media only screen and (max-width: 640px) { html{font-size:62.5%;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}
@media only screen and (max-width: 600px) { html{font-size:62.5%;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}
@media only screen and (max-width: 560px) { html{font-size:62.5%;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}
@media only screen and (max-width: 500px) { html{font-size:62.5%;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}
@media only screen and (max-width: 460px) { html{font-size:62.5%;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}
@media only screen and (max-width: 400px) { html{font-size:62.5%;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}
@media only screen and (max-width: 360px) { html{font-size:62.5%;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}
@media only screen and (max-width: 320px) { html{font-size:62.5%;height:100%;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}
body{margin:0 auto;min-height:100%;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;background:#fff;font-family:'黑体',Arial,Helvetica,sans-serif;font-size:14px;color:#4a4a4a;max-width:640px;overflow:hidden;min-width:320px;}select,input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="date"]{padding:0;margin:0;background:#fff;-webkit-appearance:none;appearance:none;border-radius:0}section,header,footer,article,nav,aside,div,input,button,select,textarea,dl,dt,dd,h1,h2,h3,h4,h5,p,form,i,b,span,table,td,th,ol,ul,li,a{margin:0;padding:0;outline:none;-webkit-text-size-adjust:none;box-sizing:border-box;color:#666;font-family:'黑体',Arial,Helvetica,sans-serif;}b,i{font-style:normal;font-weight:normal}table{border:0;padding:0;margin:0;border-collapse:collapse;border-spacing:0;}h1,h2,h3,h4,h5,h6{font-size:16px;}ul,ol,li{list-style:none;}img{border:none;max-width: 100%;margin:0 auto;}input,img{vertical-align:middle;}a{text-decoration:none;border:none;outline:none;color:#666}::-webkit-input-placeholder {color: #ccc;font-size: 14px}:-moz-placeholder {color: #ccc;font-size:14px;}::-moz-placeholder {color: #ccc;font-size:14px;}:-ms-input-placeholder {color:#ccc;font-size: 14px}
/*common css*/
img{max-width:100%;margin:0 auto}
.fff{background:#fff!important}
.eee{background:#F1F1F1!important}
.font12{font-size:12px}
.font14{font-size:14px}
.font16{font-size:16px}
.font32{font-size:32px;}
.font40{font-size:40px}
.fl{float:left;}.fr{float:right;}
.hide{display:none;}
.show{display:block;}
.block{display:block}
.inline-block{display:inline-block}
.pr{position:relative;}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.box{display:-webkit-box;display:-ms-flexbox;}
.flex{-webkit-box-flex:1;-ms-flex:1;width:0%}
.vertical{-webkit-box-orient:vertical;}
.justify{-webkit-box-pack:justify;}
.theme-color{color:#ED7065}
.theme-bg{background:#ED7065; }
.no-bg{background:none!important;}
.border{border:1px solid #eee;}
.bt{border-top:1px solid #eee;}
.br{border-right:1px solid #eee;}
.bb{border-bottom:1px solid #eee;}
.bb-dashed{border-bottom:1px dashed #eee}
.bb-theme{border-bottom:1px solid #D8EBFF}
.bl{border-left:1px solid #EC5300;}
.underline{text-decoration:underline;}
.clear:after{display:table;content:"";clear:both}
.table{display:table;width:100%;}
.table-cell{display: table-cell; }
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

header{position:relative;height:40px; line-height:40px;background:#F1F1F1; text-align:center;}
header .headimg{ text-align:left; margin-left:3%; float:left; height:26px; padding-top:7px;}
header .back{position:absolute;padding:0 12px;margin:auto;left:0;top:0;bottom:0;right:auto;font-size:12px;border-right:1px solid #E1E1E1;height:25px; line-height:25px}
header .pc{position:absolute;height:25px;line-height:25px;padding:0 10px;margin:auto;left:auto;top:0;bottom:0;right:0;font-size:12px;border-left:1px solid #E1E1E1;}
header .pc2{position:absolute;height:25px;line-height:25px;padding:0 10px;margin:auto;left:auto;top:0;bottom:0;right:85px;;font-size:12px;border-left:1px solid #E1E1E1;}
header span{font-size:16px}

.detail{height:80px;background:#DD002B;}
.detail p{color:#fff}
.detail p:first-child{padding-left:15px;padding-top:17px;font-size:18px;}
.detail p:last-child{font-size:14px;padding:10px 15px}
.detail p:last-child span{float:right;color:#fff; display:inline-block;}
.info{height:70px; text-align:center}
.info .flex{border-right:1px solid #E3E3E3;padding-top:10px;font-size:1.2rem; line-height:180%}
.info .flex:last-child{border:none}
.info .up{font-size:22px;color:#DD002B}
.info .up2{font-size:14px;color:#DD002B}
.info .down{font-size:12px;color:#029945;font-size:14px}
.title{height:30px; line-height:35px;font-size:1.2rem;padding-left:15px}
.jbxx{font-size:1.2rem;background:#fff;}
.jbxx table td{padding:12px 0;border-bottom:1px solid #eee}
.jbxx table tr td:first-child{padding-left:15px}
.jbxx table tr td:last-child{padding-right:15px}
.jbxx .gj{padding:2px 5px;margin-left:8px;border-radius:8px;background:#DD002B;color:#fff; position:relative}
.jbxx .gj:before{content:"";display:block;width:0;height:0;border:3px solid transparent;border-right:5px solid #DD002B; position:absolute;left:-7px;top:50%;margin-top:-3px;}
.jbxx .gj i{color:#FFF100}
.more{height:35px; line-height:35px; text-align:right;}
.more a{font-size:1.2rem;padding:2px 10px;}

.left{float:left;width:49.5%;height:90px;background:#DD002B;position:relative;margin:4px auto;}
.right{float:right;width:49.5%;height:90px;background:#DD002B;position:relative;margin:4px auto;}
.left a,.right a{height:90px;padding-top:10px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.left p,.right p{color:#fff}
.img-div{width:30%;float:left;text-align:right;margin-top:12px;}
.img-div+div{float:left; width:60%;margin-left:1%;margin-top:10px}
.left p:nth-child(1),.right p:nth-child(1){font-size:1.6rem;color:#fff;margin:3px auto;}
.left p:nth-child(2),.right p:nth-child(2){font-size:1rem;}
.arrow{position:absolute;right:5px;top:50%;margin-top:-7px}

.left2{float:left;width:49.5%;height:204px;background:#F1F1F1;position:relative;}
.right2{float:right;width:49.5%;height:204px;background:#F1F1F1;position:relative;}
.left2 a{height:204px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.right2 a{height:102px;}
.sz{background:#f1f1f1 url(../images/sz.png) no-repeat left top;background-size:100% 100%;width:160px;height:112px; line-height:24px;}
.sz p:first-child{font-size:1.8rem;padding-left:15%;padding-top:25%;color:#333}
.sz p:first-child small{font-size:1.2rem}
.sz p:nth-child(2){font-size:1.2rem;padding-left:15%;color:#333}
.sz p:nth-child(2) big{font-size:3.2rem;color:#DD002B;font-weight:bolder}
.sz p:nth-child(3){font-size:1rem;padding-right:12%; float:right;}
.right2 .p1{font-size:1.6rem;color:#333; text-align:left; padding-left:10%; padding-top:7%;}
.right2 .p2,.right2 .p3,.right2 .p4{font-size:1.2rem; text-align:left; line-height:160%; padding-left:10%}
.right2 .p3 span{font-size:1.6rem;color:#DD002B}
.right2 .p4 {font-size:0.7em;text-align:right; padding-right:10%;}
.right2 a{position:relative;display:block}
.bottom{background:#f1f1f1;margin:4px auto;height:80px; position:relative}
.bottom a{height:80px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.bottom .span1{padding:2px 5px;border-radius:8px;background:#DD002B;color:#fff; position:relative;font-size:12px;display:inline-block;}
.bottom .span1:before{content:"";display:block;width:0;height:0;border:5px solid transparent;border-top:8px solid #DD002B; position:absolute;left:50%;bottom:-10px;}
.bottom dt{width:50%;float:left;}
.bottom dd{width:45%;float:left;margin-left:5%}

.swipe { overflow: hidden; position: relative; max-width:640px; margin:0 auto;	}
.swipe-wrap { overflow: hidden; list-style:none; position: relative;}
.swipe-wrap li{ float:left; width:100%; position: relative;}
#dot{width:100%;height:25px; line-height:25px; text-align:center; position:absolute;bottom:0;}
#dot img{display:inline-block;margin-right:10px; text-align:right; margin-top:8px}
	

.sort-wrap{margin:6px}
.sort{background:#fff;margin-top:6px;border:1px solid #F0F0F0}
.sort dl{position:relative;padding-left:5px;}
.sort dl dt{font-size:15px;font-weight:bold;padding-top:5px}
.bfh{font-size:10px;}
.sort dl dd:nth-child(2){font-size:12px;padding:5px 0;}
.sort dl dd:nth-child(3){font-size:10px;color:#DF2442}
.sort dl dd:nth-child(4){font-size:25px;color:#DD002B;font-weight:bold}
.sort dl dd:nth-child(4) span{font-size:14px;color:#DD002B;margin-left:2px}
.sort dl dd:nth-child(5){font-size:8px;position:absolute;right:5px;bottom:0px;text-align:right}
.sort dl dt.dt-sort1{color:#FC670E}
.sort dl dt.dt-sort1 span{color:#FC670E}
.sort dl dt.dt-sort2{color:#EF163E}
.sort dl dt.dt-sort2 span{color:#EF163E}
.sort dl dt.dt-sort3{color:#5896CC}
.sort dl dt.dt-sort3 span{color:#5896CC}
.fls img{width:50%;display:block;float:left;border:1px solid #fff;box-sizing:border-box}
.fxts{font-size:1.2rem;line-height:140%}
.fxts cite{font-weight:bold; font-style:normal;font-size:1.2rem}
	
	

footer{height:36px;line-height:36px;background:#DD002B; text-align:center; position:fixed;bottom:0;max-width:640px;width:100%}
footer a{color:#fff;font-size:1.8rem;padding:0px 10px;display:inline-block}
.span2{ font-size:10px;  }


