.clearfix:after,.cl:after{content:'\20';display:block;height:0;clear:both;}.clearfix,.cl{*zoom:1;}.clear{clear:both;}
.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}
a:link,a:visited{ text-decoration:none;}a:hover,a:active{ text-decoration:none;}
.bold{font-weight:bold;}.normal{font-weight:normal;}
.left{text-align:left;}.center{text-align:center;}.right{text-align:right;}
.hide{display:none;}.block{display:block;}.inline-block{display:inline-block;}
.fl{float:left;}.fr{float:right;}
.ofhidden{overflow:hidden;}
.vm > *{display:inline-block;vertical-align:middle;}
.op0{opacity: 0;}.op1{opacity: 0.1;}.op2{opacity: 0.2;}.op3{opacity: 0.3;}.op4{opacity: 0.4;}.op5{opacity: 0.5;}.op6{opacity: 0.6;}.op7{opacity: 0.7;}.op8{opacity: 0.8;}.op9{opacity: 0.9;}.op10{opacity: 1;}
.w10p{width:10%;}.w20p{width:20%;}.w30p{width:30%;}.w40p{width:40%;}.w50p{width:50%;}.w60p{width:60%;}.w70p{width:70%;}.w80p{width:30%;}.w90p{width:90%;}.w100p{width:100%;}
body,html{-webkit-overflow-scrolling:touch }

/*------------ 共有样式 ------------*/
.container{}
.container img{width:100%;display:inline-block;}
.imgbox{line-height:0;}
h5{padding: 0; margin: 0;}

/*------------ 首页 ------------*/
.header{position: fixed;left:0;top:0;right:0;width:100vw;}
.section{position: relative; background:url(https://img.zcool.cn/special-resource/2018review/wap/assets/img/wbg.jpg) no-repeat left top;background-size:cover;}


.indexPage{position: absolute;left:0;right:0;top:1.33rem;bottom:0; display: flex;justify-content: center;align-items: center;height:calc(100vh - 1.33rem);}
.indexPage img{width:auto;height:80%;}

.page1{background: url(https://img.zcool.cn/special-resource/2018review/wap/assets/img/index.jpg) no-repeat center center;background-size:cover;}


.insidePage{position: absolute;left:0;right:0;top:1.33rem;bottom:0; display: flex;justify-content: center;align-items: center;display:flex;flex-direction:column;width:100vw;}
.contentMe{flex:1;height:calc(100vh - 50px - 44vw);/*display: flex;justify-content: center;align-items: center;*/width:100vw;display: block; position: relative;}
#container .contentMe img{height:90%;width:auto;left:50%;top:50%;margin:auto;position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.downswiper{height:44.0vw;width:100vw;box-sizing: border-box;padding-left:0vw;}
.downswiper.mini{height:36vw}
.downswiper.mini .swiper-slide img{height:auto;}

.swiper-slide{box-sizing: border-box;padding-left:6vw;}
.probox{border:1px solid #904529;height:36.0vw;width:33.333333vw;background: #904529;color:#fff;display:flex;flex-direction:column;}
.probox.auto{height:auto;}
.probox a{line-height:0;display: block;}
.probox .prodes{flex:1;display: flex;padding:0 1.333333vw;align-items: center;}
.swiper-slide img{width:100%;height:25vw;}

.prodes img{width:6.666667vw;height:6.666667vw;}
.prodes >div{padding:0 0 0 1.333333vw;}
.prodes >div > div{width:22.666667vw;font-size:2.666667vw; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.prodes p{width:22.666667vw;font-size:1.866667vw;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}

.prodesName{padding:1.33333vw;font-size:2.666667vw;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}


img.downimg{animation: shake 0.5s linear infinite;position: fixed;left:50%;bottom:3vw;width:5vw;margin:0 0 0 -2.5vw;z-index:22;}
@keyframes shake{
	0%{transform:translateY(0px);}
	25%{transform:translateY(1vw);}
	50%{transform:translateY(0px);}
	75%{transform:translateY(-1vw);}
    100%{transform:translateY(0px);}
}


.menubox{position:fixed;right:3vw;top:calc(1.33rem + 3vw);z-index:90;}
.menubox ul{}
.menubox li{width:6.4vw;height:6.4vw;margin-bottom:2vw;}
.menubox li a{width:6.4vw;height:6.4vw;display: block;}


.shareIcon{background: url(https://img.zcool.cn/special-resource/2018review/wap/assets/img/share.png) no-repeat center center;background-size:100% 100%;}
.menuIcon{background: url(https://img.zcool.cn/special-resource/2018review/wap/assets/img/nav_close.png) no-repeat center center;background-size:100% 100%;}
.menuIcon.active{background: url(https://img.zcool.cn/special-resource/2018review/wap/assets/img/nav_open.png) no-repeat center center;background-size:100% 100%;}

.navi{position: fixed;right:5vw;top:calc(1.33rem + 13vw);z-index:80;width:40.666667vw;height:111vw; background: url(https://img.zcool.cn/special-resource/2018review/wap/assets/img/navbg.png) no-repeat center center;background-size:100% 100%;box-sizing: border-box;padding:8.5vw 0 0 13vw;}
.navi ul{box-sizing: border-box;border:1px solid #6f290e;width:15vw;}
.navi ul li{width:100%;height:5.866667vw;}
.navi ul li a{width:100%;height:5.866667vw;display: flex;margin:0 auto;box-sizing:border-box;border-bottom:1px solid #6f290e;justify-content: center;align-items: center;}
.navi ul li:last-child a{border:0;}
.navi ul li.active{background: #eec128;}

.sharePop{background: rgba(0,0,0,0.5);position: fixed;z-index:2000;left:0;right:0;top:0;bottom:0;height:100vh;width:100vw;transform: scale(0); }
.sharePop.active{transform: scale(1);}
.sharePop img{position: absolute;right:3vw;top:3vw;width:60vw;}









#mobileNavBar{position: fixed;left:0;top:0;right:0;z-index:200;}