html{color:#000;background:#fff;font-family:"Microsoft Yahei";}
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, blockquote{ margin: 0;}   
ol,ul{ margin: 0; padding: 0;}
li{ list-style: none;}
img{display:block;width:100%;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.fl{float:left;}
.fr {float:right;}
.cl:after,.cl:before{ content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{position: relative;}
.mg20{margin:.2rem 0;}
.mgt30{margin-top: .3rem;}
.mgt20{margin-top: .2rem;}


.center{text-align: center;}
.line{display: inline-block;}
html, body {position: relative; height: 100%; } 
body {background: #fff; font-size:0.24rem; color:#333; margin: 0; padding: 0;font-family: 'Microsoft YaHei'; line-height:1.8; max-width:750px; margin:0 auto } 
.swiper-container { width: 100%; height: 100%; }
.swiper-slide {position: relative;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.content{ width:96%; overflow:hidden; margin:0 auto 0;} 
.content p{text-align: center;line-height: 2}
.content p.ft{text-align: left;display: inline-block;}

.bg1{ background:url(images/bg01.jpg) no-repeat center bottom; background-size:100%}
.bg{ background:url(images/bg.jpg) no-repeat center top; background-size:100%}
.ban{ background:url(images/ban.jpg) no-repeat center top; background-size:100%}

.b-logo{width:1.84rem;}
.b-tit{margin: 2% auto 82%;}
.b-lead{padding:0 4%;text-indent:2em;color:#fff;}
img.w357{width: 3.57rem;}

.tit{margin-bottom:8%;text-align:center;}
.p1 .tit img{width: 1.6rem;display: inline-block;}
/*评测简报*/
.list-text li{width: 50%;float: left;}
.list-text li.w100{width: 100%;}
/*评测视频*/
.box{text-align: center;font-size: .26rem;}
.box h3{font-size: .36rem;color:#76b619;}
/*评测现场*/
.bd .slider_s {text-align: center;}
.p4 .bd .slider_s li{background:url(images/li_bg.jpg) no-repeat;background-size: 100%;position: relative;}
.p4 .bd .slider_s li dl dt{width: 55%;float: left;}
.p4 .bd .slider_s li dl dd{padding: 6% 0 0 2%;width: 42%;float: left;}
.bd .slider_s li h3{font-size: .36rem;display: inline-block;font-weight: bold;}
.bd .slider_s li em{display: block;width: .55rem;height: .04rem;margin:0 auto;background: #76b619}
.p4 .bd .slider_s li .fr img{width: 4.2rem;margin-top: .2rem;}
.p4 .bd .slider_s li .last img{width: 3.09rem;position: absolute;bottom: 0;right: 0;}
.num_s li{width: .26rem;height: .26rem;background: #b5b5b5;float: left;margin:0 .1rem;border-radius: 50%;}
.num_s li.on{background: #76b619;}

.p5 .slider_s li h3{margin:.2rem 0 .1rem 0;}
.p5 .slider_s li p{padding: 2% 10%;}
/*科技木皮二三事*/
.p6 p{padding:6% 4% 0;}
.p6 .fz{font-size: .28rem;font-weight: bold;}
/*小编手记*/
.p7-01{background: url(images/p7-01_bg.jpg) no-repeat;background-size: 100% 100%;height: 5.43rem;}
.p7-01 p{padding: 10% 4% 0  26%;text-align: left;line-height: 1.6;}
#array{	position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;	width:0.47rem;height: 0.49rem;bottom: 30px;left:45%;}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
footer{ display:none}
.u-topbar{position:fixed;width:100%;z-index:9;}

@media screen and (min-width: 321px) {
    .p7-01 p{line-height: 2;padding:10% 4% 0  30%;}
}