html{color:#333;-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;font-size: 62.5%; font-family:microsoft yahei; font-size:0.24rem;}
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,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
h1,h2{ font-weight:bold}
em,i{ font-style:normal}
ul,li{list-style:none}
a{text-decoration:none;}
b,strong{ font-weight:bold}
img{border:none;width:100%;display:block;}
.fl, .fr{_display: inline;}
.fl{float: left;}
.fr{float: right;}
.cl {clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}


html, body {position: relative; height: 100%; }
body {background: #fff; font-size:0.24rem; color:#333; }
.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:94%;overflow: hidden;margin: -44px auto 0;}
.content1{width:100%;overflow: hidden;margin: -44px auto 0;}

.title{margin-bottom: .2rem;}
.title h2{font-size:.4rem;}
.title h2 strong{color:#ab263b}
.title h2 i{display:inline-table;width:.23rem;height:.15rem;background:url("../img/archives-title.png") no-repeat center center;background-size:100% 100%;vertical-align: middle;margin:0 .1rem}

.bg{background: url("../img/bg1.jpg") no-repeat center center;background-size:cover;text-align: center;}

.swiper-pagination-bullet{width:.18rem;height:.18rem;background:transparent;border:.03rem solid}



/*封面*/
.cover{background: url("../img/cover-bg.jpg") no-repeat center center;background-size:cover;text-align: center;}
.cover-img{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin-bottom: .4rem;}
.cover-img1{width:1.4rem;margin-right: .4rem;}
.cover-img2{width:2.48rem;}
.cover-title1{width:5.86rem;display: inline-block;margin-bottom:2rem}

/*导语*/
.nav-title{width:1.78rem;display:inline-block;margin-bottom:.2rem}
.nav-main{font-size:.26rem;line-height:.6rem}

/*评测档案*/
.archives .archives-content{height: 9.58rem;width:6.46rem;background:url("../img/archives-bg.png") no-repeat center center;background-size: 100% 100%;position:relative;padding-top: 1rem;margin: -44px auto 0;}
.archives-main{box-sizing:border-box;padding: .8rem 1.1rem 0 .8rem;text-align:left;}
.archives-main li{border-top: 1px solid #e4e3e2;padding: .10rem 0;}
.archives-main li p{color:#333;}
.archives-main li p b{color:#901d2f}
.archives-main li:last-child{border-bottom: 1px solid #e4e3e2;}
.archives .archives-img1{position:absolute;bottom: .4rem;right: -.4rem;width:2.35rem;z-index: 999;}
.archives .archives-img2{width:4.51rem;margin: .3rem 0 0 .7rem;padding:.12rem;border:1px solid #e7e7e8;box-shadow: 1px 1px 1px 1px #e7e7e8;}

/*新品初见*/
.product-main{position:relative;padding-bottom:.4rem}
.product-main .swiper-slide{width:100%;flex-wrap: wrap;}
.product-img1{width:3.5rem;height:3.99rem;}
.product-article{background:#fff;box-sizing:border-box;padding:.4rem .4rem 0 .4rem;text-align:center;font-size:0}
.product-article h2{color:#000;font-size:.3rem;}
.product-article .border{width:.39rem;height:.03rem;background:#ab263b;display:inline-block;margin-top:.1rem}
.product-article p{text-align:left;line-height:.36rem;font-size:.24rem;margin-top: .1rem;}
.product-article p i{color:#ab263b;}
.product-article1{width:3.5rem;height:3.99rem;}
.product-article2{width:3.36rem;height:4.11rem;position: relative;margin: -1.2rem -.4rem 0 0;}
.product-img2{width:100%;margin-bottom: .4rem;}
.product-img2 .box{width:7.25rem;}
.product-img3{width:4rem;}
.product-content1{padding-bottom:.42rem;background:url("../img/product-content1.png") no-repeat center bottom;background-size:100% auto;display:  flex;align-items:  center;justify-content:  center;flex-wrap: wrap;}
.pagination1 .swiper-pagination-bullet-active{border-color:#ab263b!important;background:#ab263b}
.pagination1 .swiper-pagination-bullet{border-color:#333;opacity:1}

/*细节鉴赏*/
.appreciate-main{width:100%;height: 9rem;position: relative;}
.appreciate-main .swiper-slide{align-items: stretch;}
.appreciate-main .left-body{width:4rem;margin-right: .2rem;}
.appreciate-main .right-body{width:3.06rem;height:4.74rem;}
.appreciate-main .right-body h2{font-size:.3rem;color:#000;padding-left:.2rem;text-align:left;border-left:.07rem solid #ab263b;margin-bottom:.2rem}
.appreciate-main .right-body p{font-size:.24rem;padding:.2rem .2rem 0 0;text-align:justify;}
.appreciate-main .appreciate-img2{width:3.06rem}
.appreciate-content{width:100%}
.pagination4{position: absolute;bottom: 40px!important;width: 100%!important;}
.pagination4 .swiper-pagination-bullet{border:2px solid  #c8c8c9;width:1.56rem;height: 1.56rem;display: inline-block;border-radius: 100%;cursor: pointer;background-color:#fbfbfd;box-sizing:border-box;padding-top:.36rem;text-align:center;margin: 0 .2rem!important;font-size: .24rem;color: #000;opacity:1;}
.pagination4 .swiper-pagination-bullet-active{background:url("../img/appreciate-icon.png") no-repeat center center;background-size:100% 100%;color:#fff;}

/*性能测试*/
.test-main{position:relative;padding-bottom:.8rem}
.test-content{background: url("../img/test-bg.jpg") no-repeat center .5rem;background-size: 6.65rem 7.74rem;box-sizing: border-box;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;height: 8.24rem;}
.test-images{width:6.77rem;position:relative;overflow:hidden;}
.test-images .swiper-wrapper .swiper-slide{width: 6.77rem!important;height: 3.9rem!important;}
.mglf{    margin-left: .72rem;}
.test-img{width:6.77rem;height: 3.9rem;}
.test-img img{height:100%}
.test-article{width:6.09rem;height:3.97rem;box-sizing:border-box;padding:0 .4rem}
.test-article h2{padding:.2rem 0;border-bottom:1px solid #dcdcdc}
.test-article p{margin-top: .2rem;font-size:.24rem;text-align:left;line-height:.4rem;}

.pagination2 .swiper-pagination-bullet-active{border-color:#ab263b!important;background:#ab263b}
.pagination2 .swiper-pagination-bullet{border-color:#fff;opacity:1}
.pagination3 .swiper-pagination-bullet-active{border-color:#ab263b!important;background:#ab263b}
.pagination3 .swiper-pagination-bullet{border-color:#333;opacity:1}

/*评测结果*/
.result-main{display: flex;justify-content:center;align-items: center;flex-wrap: wrap;margin-top: .6rem;}
.result-img1{width:1.93rem;padding-bottom: .3rem;}
.result-img{width:1.93rem;display: inline-block;padding:0 .15rem .3rem .15rem}

.epilogue-main{padding-top:1rem;position:relative}
.epiloguo-img{width:2.18rem;margin-right: -1.6rem;position:absolute;top:0;left:.3rem;z-index: 999;}
.epiloguo-article{width:6.09rem;height:4.64rem;background: #f4f4f4;box-sizing: border-box;padding: .4rem .6rem 0 .7rem;text-align: left;line-height: .4rem;}
.epiloguo-article p{text-indent:2em;font-size:.24rem;color:#4d4d4d}

/*小编手记*/
.team-main{text-align: center}
.team-main .left-body{display: inline-block;text-align: right;line-height:.5rem}
.team-main .right-body{display: inline-block;text-align: left;line-height:.5rem}
.follow{display:flex;align-items:center;justify-content:center;margin-top:.4rem}
.follow .company{width:1.24rem;padding-right:.2rem}
.gz_nav{margin-top:.1rem}
.follow .code{width:1.5rem;padding-right:.2rem}
.mzsm{padding:0 .4rem;margin-top: .4rem;}
.mzsm p{font-size: .24rem;color:#333;text-align: left;line-height: .4rem;text-indent:2em}


footer{ display:none!important}
#array{	position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;	width:0.47rem;height: 0.49rem;	bottom: 50px;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);}
}

@keyframes fade{
    from{ opacity:0}
    to{ opacity:1}
}
@-webkit-keyframes fade{
    from{ opacity:0}
    to{ opacity:1}
}
@-moz-keyframes fade{
    from{ opacity:0}
    to{ opacity:1}
}