.clearfix:after,.cl:after{content:'\20';display:block;height:0;clear:both;}.clearfix{*zoom:1;}.clear{clear:both;}
.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p25{padding:25px;}.p30{padding:30px;}.p40{padding:40px;}.p50{padding:50px;}
.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;}
.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}
.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}.pb50{padding-bottom:50px;}
.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pr40{padding-right:40px;}.pr50{padding-right:50px;}

.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}
.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;}
.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}

.mt60{margin-top:60px;}.mt70{margin-top:70px;}.mt80{margin-top:80px;}.mt90{margin-top:90px;}.mt100{margin-top:100px;}
.mb60{margin-bottom:60px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb90{margin-bottom:90px;}.mb100{margin-bottom:100px;}
.pt60{padding-top:60px;}.pt70{padding-top:70px;}.pt80{padding-top:80px;}.pt90{padding-top:90px;}.pt100{padding-top:100px;}
.pb60{padding-bottom:60px;}.pb70{padding-bottom:70px;}.pb80{padding-bottom:80px;}.pb90{padding-bottom:90px;}.pb100{padding-bottom:100px;}

.f12{font-size:12px;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}.f22{font-size:22px;}.f24{font-size:24px;}.f26{font-size:26px;}.f28{font-size:28px;}.f30{font-size:30px;}.f32{font-size:32px;}.f34{font-size:34px;}.f36{font-size:36px;}

.cf00{color:#f00;}a.cf00:link,a.cf00:visited{color:#f00;}a.cf00:hover,a.cf00:active{color:#f00;}
.cf30{color:#f30;}a.cf30:link,a.cf30:visited{color:#f30;}a.cf30:hover,a.cf30:active{color:#f30;}
.cf60{color:#f60;}a.cf60:link,a.cf60:visited{color:#f60;}a.cf60:hover,a.cf60:active{color:#f60;}
.cf90{color:#f90;}a.cf90:link,a.cf90:visited{color:#f90;}a.cf90:hover,a.cf90:active{color:#f90;}
.cfc0{color:#fc0;}a.cfc0:link,a.cfc0:visited{color:#fc0;}a.cfc0:hover,a.cfc0:active{color:#fc0;}

.c000{color:#000;}a.c000:link,a.c000:visited{color:#000;}a.c000:hover,a.c000:active{color:#000;}
.c333{color:#333;}a.c333:link,a.c333:visited{color:#333;}a.c333:hover,a.c333:active{color:#333;}
.c666{color:#666;}a.c666:link,a.c666:visited{color:#666;}a.c666:hover,a.c666:active{color:#666;}
.c999{color:#999;}a.c999:link,a.c999:visited{color:#999;}a.c999:hover,a.c999:active{color:#999;}
.cccc{color:#ccc;}a.cccc:link,a.cccc:visited{color:#ccc;}a.cccc:hover,a.cccc:active{color:#ccc;}
.cfff{color:#fff;}a.cfff:link,a.cfff:visited{color:#fff;}a.cfff:hover,a.cfff:active{color:#fff;}

.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;}


body,html{}
.wp{width:1100px; margin-left: auto;margin-right: auto;}
.wpcont{width:1085px;position: relative;}


/*****************start****************/
#body{}
.wrapper{background:#fff;}
.topbanner{background: url('https://public-static.zcool.com.cn/special-resource/monthlythree-review/assets/img/banner.jpg') no-repeat center center; height:958px; text-align: center;}

@media (min-width: 2000px) {
	.topbanner{background-size: 100% auto;}
}

.topbanner img{}
.logosvg{padding:80px 0 35px;}
.fontsvg{}
.toptxt{font-size: 24px;color: #444444;line-height:40px; text-align: center;}
.toptxt p{font-size: 16px;}
.pt70{padding-top: 70px;}


.zbg{background: url('https://public-static.zcool.com.cn/special-resource/monthlythree-review/assets/img/bg1.png') no-repeat center center;background-size: auto 520px; height: 520px; position: relative; }
.zbg02{background: url('https://public-static.zcool.com.cn/special-resource/monthlythree-review/assets/img/bg2.png') no-repeat center center;background-size: auto 520px; height: 520px; position: relative;margin-top: 190px;}



.ztBox{color: #fff; padding: 50px 0 0 50px;}
.ztBoxTitle{font-size: 36px;}
.ztBoxTitle span{font-size: 24px;}
.ztext{font-size: 14px;line-height:24px;padding-top:10px;}
.ztext span{font-size:16px;}
a.bmBtn{width: 160px; height: 52px; line-height: 52px; display: inline-block; border-radius:60px;border: 1px solid #fff; font-size: 16px; color: #fff;}
a.bmBtn:hover{color: #020925; background: #fff;}
.pops{position: absolute; left: 0;right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5);}

.popsCont{width: 510px; height: 500px; background: #fff; left: 50%; top: 50%; margin-left:-255px;margin-top:-250px; position: fixed; z-index: 200; border-radius: 4px;}
a.popclose{font-size: 24px;z-index:10; color:#53419C; position: absolute; right:0px; top: 0px;line-height:50px; width: 50px; height: 50px; text-align: center;}

.popinput th{font-size: 14px;color: #444444;font-weight: normal; padding: 10px 0;}
.popinput td{padding: 10px 0;}
.popinput .flags{display: none;height: 8px;width: 8px;background: #D0021B; border-radius: 10px;position: absolute;left:-60px;top:16px;}

.popinput .error .flags{display: inline-block;}



.text{height: 42px; width: 360px;border: 1px solid #DDDDDD;border-radius: 4px; box-sizing: border-box; padding: 0 0 0 10px;}
.popinput{padding: 0 40px 0 40px;}
.zv-msg{color:#ef2271;display: none;}
.error .text{border-color:#D0021B;}
.paymy{font-size: 16px; color: #444; padding: 25px 0 0;}

.payradios{padding:25px 0 25px;}
.payradios label{margin:0 20px;}
.payradios input{margin-right:10px;}





a.isubmit{background-image: linear-gradient(-90deg, #FF0086 3%, #5E00FF 100%);border-radius: 100px; display: inline-block; font-size: 16px;color: #fff;width:430px; height: 53px; line-height: 53px;text-align: center;}
a.isubmit:hover{background-image: linear-gradient(90deg, #FF0086 3%, #5E00FF 100%);}
a.isubmit.disabled,a.isubmit.disabled:hover{background-image: linear-gradient(-90deg, #FF0086 3%, #5E00FF 100%);filter: grayscale(100%);filter: gray;opacity: .3;}

.zimgbox{ position: absolute; right: 47px; top:160px;font-size: 16px;color: #444;}
.zimgbox p{padding:0 15px;line-height:32px;margin-top:-10px;}
.zimgbox02 span{font-size: 12px;float: right;}
.zimgbox02{position: absolute; left: 81px; top:-60px;font-size: 16px;color: #fff;}
.zimgbox02 p{padding:0 15px;line-height:32px;margin-top:-20px;}
.zimg{height: 440px; width: 317px;/*box-shadow: 0 7px 13px 0 rgba(0,0,0,0.20);*/transition:transform 0.3s ease;}
.zimg:hover{transform: translate(0px,-10px);}
.zimgbox{}
.zimgbox span{font-size: 12px;float: right;}
.ztBox02{padding:133px 58px 0 472px;}
.ftBox{background:#0e003a url('https://public-static.zcool.com.cn/special-resource/monthlythree-review/assets/img/bg3.jpg') no-repeat center bottom; background-size:1920px 764px; min-height: 785px;}
.acdateil{font-size: 16px; color: #fff; line-height: 50px;}
.acTitle{font-size: 36px;}
.popswechat{width: 300px; height: 316px; position: fixed;margin-left: -150px; margin-top: -158px;}
.popspay{width: 400px; height: 270px; position: fixed;margin-left: -200px; margin-top: -135px;}

.popspayed{width: 400px; height: 270px; position: fixed;margin-left: -200px; margin-top: -135px; display: flex;justify-content: center;align-items: center;}
a.yesBtn{border: 1px solid #979797;border-radius: 100px; font-size: 16px; color: #000;height: 42px; width: 137px; line-height: 42px; text-align: center; display: inline-block;}
.popsCuss{font-size: 24px; color: #444;}
a.yesBtn:hover{background: #ddd;}






.flexcenter{position: absolute;left:0;right:0;bottom:0;top:0;display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.flexcenter p{width:100%; text-align: center;}










/*am*/
@keyframes top{
	0% {transform:translate(0px,0px);}
	50%{transform:translate(0px,-50px);}
	100% {transform:translate(0px,0px);}
}

@keyframes closePop{
	0% {background:rgba(0,0,0,0.5);}
	99.9%{width:100%;height:100%;}
	100% {background:rgba(0,0,0,0);width:0;height:0;}
}
@keyframes openPop{
	0% {background:rgba(0,0,0,0);width:100%;height:100%;}
	100% {background:rgba(0,0,0,0.5);}
}

.popclose:hover{opacity: 0.9;}
.popContent{width:550px;border:2px solid #000;padding:10px;background: url(https://public-static.zcool.com.cn/special-resource/monthlythree-review/assets/img/sd.jpg);box-shadow: 0 0 20px rgba(0,0,0,0.3); position: relative;transition:transform 0.3s ease;z-index:2;}
.popCon{position: relative;z-index:2;background: #f3c800;border:2px solid #f3c800;}
.pcc{border:2px solid #000;min-height:300px;}







.userlists{display: flex; flex-wrap: wrap;padding:30px 0 80px;width:800px;margin:0 auto;}
.userlists a{display: inline-block;overflow:hidden;border-radius: 1000px;height:48px;width:48px; margin:20px 16px;}
.userlists a img{height:48px;width:48px;}


.thepc{display: flex;width:1070px;margin:0 auto; flex-wrap:wrap;justify-content:space-between;}
.thepc li{width:260px;height:197px;font-size:16px;}


a.seeMore{display: inline-block;width:180px;height:48px;line-height:48px;color:#fff;border-radius: 1000px;font-size:16px; text-align: center; background: #007dc5;}
a.seeMore:hover{background: #005C91;}

.downlogo{ text-align: center;padding:80px 0;}
.downlogo img{width:560px;}


.titledes{font-size:28px; text-align: center;padding:40px 0 50px;}


.intel{height:1460px;margin-bottom:40px;background: url(https://public-static.zcool.com.cn/special-resource/monthlythree-review/assets/img/intel.jpg) no-repeat center center;background-size:1920px 1460px;}



.spaceimg{padding:40px 0 0; }
.spaceimg ul{width:1090px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.spaceimg ul li{line-height:0;margin-bottom:20px;}
.spaceimg ul li img{transition:transform ease .3s;}
.spaceimg ul li img:hover{transform:scale(1.05);}

.swiper-slide{transition:transform ease .3s;padding-top:35px;}
.swiper-slide:hover{transform:scale(1.05);}

.videoContent{width:1090px;margin:80px auto 0;display: flex;justify-content:space-between;background-color: #4D4548;min-height:365px;}
.vleft{width:440px;color:#fff;font-size:14px;padding:36px 0 0 68px;}
.vleft img{}
.vleft h5{font-size:40px;margin:10px 0;}
.vleft div{line-height:27px;width:330px;}
.vright{width:650px;}


.vibox{width:1090px;margin:80px auto 0;background-color: #2A3342;color:#fff;}
.vicontent{font-size:14px;line-height:31px;padding:20px 30px;}



.iwantwatch{background: #fff; position: fixed;z-index:999;left:0;right:0;top:0;padding:15px 0; text-align: center;font-size:24px;color:#007DC5;}
.iwantwatch a{font-size:18px;color:#fff;display: inline-block;width:120px;height:36px;border-radius: 1000px;background: #007DC5;line-height:36px;}
.iwantwatch a:hover{background: #005C91; }


#J_prismPlayer1.prism-player .prism-big-play-btn{background: url(../img/play.svg) no-repeat center center; background-size: 90px 90px;}
#J_prismPlayer2.prism-player .prism-big-play-btn{background: url(../img/play.svg) no-repeat center center; background-size: 150px 150px;width:150px;height:150px;}


.swiperBox{width:1090px;margin:0px auto 0; position: relative; text-align: center;}

.swiper-button-next{background: url(../img/r.svg) no-repeat center center;transform:translateX(50px);}
.swiper-button-prev{background: url(../img/l.svg) no-repeat center center;transform:translateX(-50px);}


#shareBox{position: fixed;left:50%;margin-left:565px;top:50%;z-index:500;margin-top:-80px;}
.jiathis_style#shareBox .jtico_weixin{display: inline-block;width:48px;height:48px!important;background: url(../img/wx.svg) no-repeat center center;float:none;padding:0!important;}
.jiathis_style#shareBox .jtico_cqq{margin-top:10px;display: inline-block;width:48px;height:48px!important;background: url(../img/qq.svg) no-repeat center center;float:none;padding:0!important;}
.jiathis_style#shareBox .jtico_tsina{margin-top:10px;display: inline-block;width:48px;height:48px!important;background: url(../img/wb.svg) no-repeat center center;float:none;padding:0!important;}