.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;}
img{line-height: 0;padding: 0;margin: 0;}



@font-face
{
	font-family: zcool;
	src: url('zcool.ttf');
}

body,html{height:auto;overflow-x:hidden;padding:0;margin:0;
	font-family:"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}



/*****************start****************/

.headWrapper{
	line-height:0;font-size:0;overflow: hidden;position: relative;
	min-width:1110px;
}
.headWrapper img{width:100%;}
.wp{
    width: 1016px;
    margin-left: auto;
    margin-right: auto;
}

.mainBox{min-width:1110px;background: url(https://public-static.zcool.com.cn/special-resource/2018review/assets/img/bgme.jpg) repeat-y center top;min-height:2000px; background-size:100% auto;padding-top:100px;}

.navBox{transform:scale(0);opacity: 0; transition:ease all 0.5s; transform-origin: right center; width:201px;height:623px;z-index:22;margin:-311px 0 0 0; background: url(https://public-static.zcool.com.cn/special-resource/2018review/assets/img/navbg.png) no-repeat; position: fixed;right:0;top:50%;}
.navBox.active{transform:scale(1);opacity: 1; }

.navBox ul{width:71px; position: absolute;left:69px;top:49px;box-sizing: border-box;border:1px solid #d3b08b;}
.navBox ul li{height:29px;font-family: zcool;color:#8d4024;position: relative;}
.navBox ul li:hover{background: #efcb56;}
.navBox ul li > a{display: block;line-height:28px; text-align: center;height:28px;width:60px;margin:0 auto;border-bottom:1px solid #d3b08b;color:#8d4024;}
.navBox ul li:last-child > a{border-bottom:0;}
.navBox ul li.active{background: #efcb56;}
.navBox ul li.share:hover .shareBox{display: block;}


.shareBox{position: absolute;left:-75px;top:-4px;display: none;background: url(https://public-static.zcool.com.cn/special-resource/2018review/assets/img/sbg.png) no-repeat center center;width: 90px;height: 99px;}
.shareTitle{display: none;}

/*#shareBox #wechartShare{background: url('https://public-static.zcool.com.cn/special-resource/2018review/assets/img/qq.png') no-repeat right center;width: 37px!important;height: 38px!important; display: block; cursor: pointer;padding: 7px 0 0 7px;}*/
#shareBox #wechartShare{background: url('https://public-static.zcool.com.cn/special-resource/2018review/assets/img/wechat.png') no-repeat right center;width: 37px!important;height: 38px!important; display: block; cursor: pointer;padding: 10px 0 0 7px;}
#shareBox #weiboShare{background: url('https://public-static.zcool.com.cn/special-resource/2018review/assets/img/weibo.png') no-repeat right center;width: 37px!important;height: 38px!important; display: block; cursor: pointer;padding: 0px 0 0 7px;}

#shareBox .jiathis_button_cqq:hover{opacity: 0.9;}
#shareBox .jiathis_button_weixin:hover{opacity: 0.9;}
#shareBox .jiathis_button_tsina:hover{opacity: 0.9;}
.jiathis_style a{margin-bottom:5px;}

#shareBox .jiathis_button_cqq span{visibility: hidden;}
#shareBox .jiathis_button_tsina span{visibility: hidden;}
#shareBox .jiathis_button_weixin span{visibility: hidden;}
.jiathis_style{margin-top: 0px;}


#shareBox .wx-qrcode{right:50px;}


/*作品列表*/
.wksBox{position: absolute;background: rgba(0,0,0,0.5);left: 0;bottom: 0;right: 0;display: flex;justify-content: space-between; padding: 12px 8px 7px 8px;transform: translateY(70px); transition: ease 0.3s;}
.wkList{display: flex;justify-content: space-between;flex-wrap: wrap; margin-bottom: 40px;}
.wkList li{position: relative;width: 193px;height: 147px;overflow: hidden; margin-bottom: 20px;}
.wksTle{color: #f9f7df;font-size: 12px; width: 130px; height: 43px;}
.wksTle a{color: #f9f7df;}
.wksTle>a{font-size: 16px;}
.wksTle p a{font-size: 12px;}
.over{width: 130px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.wksT a{font-size: 16px;}
.head{width: 43px;height: 43px;}
.wkList li:hover .wksBox{transform: translateY(0);transition: ease 0.3s;}



.wkList.wild li{width:329px;height:168px;}


.titleBoxs{width:1170px;margin:100px auto 30px;font-family: zcool;color:#fff;}
.titleBoxs{height:250px;position: relative; background: url(https://public-static.zcool.com.cn/special-resource/2018review/assets/img/t1.png) no-repeat center top;}
.titleBoxs.rightType{height:250px;position: relative; background: url(https://public-static.zcool.com.cn/special-resource/2018review/assets/img/t2.png) no-repeat center top;}
.tag{font-size:30px;line-height:80%;width:75px;height:75px; position: absolute;left:24px;top:0px; display: flex;justify-content: center;align-items: center;}
.titleContent{padding: 80px 0 0 0;width:730px; text-align: right;}
.titleContent .conimg{display: flex;width:350px;height:350px;display: flex;justify-content: center;align-items: center;position: absolute;right:70px;top:-70px;animation: shake 3s linear infinite;}
.titleContent h2{font-size:40px;line-height:100%;}
.titleContent div{font-size:14px;line-height:20px;margin-top:10px;}

.titleBoxs.rightType .titleContent{ text-align: left;padding:80px 0 0 440px; }
.titleBoxs.rightType .tag{left:auto;right:24px;}
.titleBoxs.rightType .titleContent .conimg{right:auto;left:70px;}

@keyframes shake{

	0%{transform:translateY(0px);}
	25%{transform:translateY(5px);}
	50%{transform:translateY(0px);}
	75%{transform:translateY(-5px);}
    100%{transform:translateY(0px);}
}


.topimg{
	width:1200px;margin:0 auto;background: url(https://public-static.zcool.com.cn/special-resource/2018review/assets/img/topimg.png) no-repeat center center;
	height:564px; text-align: center;display: flex;justify-content: center;align-items:center;font-family: zcool;
}
.topimg > div{ transform:translateY(-30px); }
.topimg h1{font-size:61px; position: relative;}
.topimg h1:after{content:"";background: #8d4024;height:4px;width:350px;position: absolute;left:50%;bottom:-2px;margin:0 0 0 -175px;}
.topimg p{font-size:24px;line-height:34px;margin-top:10px;}


.commentsBox .textWrapper{width:960px;}
.commentsBox.noBg textarea{width:950px;height:100px;margin:20px 35px; outline:none;border:0; font-size:14px;padding: 10px 0 0 15px; background: #f9f7df;box-sizing: border-box;}
.commentsBox.noBg{ background:none;padding:0;}



.commentsBox{ background:#8d4024;padding:0 30px;margin-top:0px;}

.commentsUl{margin:0 auto;font-size:14px;}
.commentsUl li{border-bottom:1px solid #a3654a;padding:30px 0;margin:0 auto; position:relative;}

.floor{color:#f3eede; position:absolute;right:0px;top:5px;font-size:14px;}

.commentsUlLeft{width:48px;float:left;padding:3px 0 0 0; }
.commentsUlRight{margin-left:65px;color:#a3654a;}

.commentsUlRight a{color:#f9f7df;font-size: 16px;}
.date{color:#999;margin-top:5px;}
.commentsUlRight p{padding-top:5px; color: #f9f7df; font-size: 16px;}

a.reCom{color:#e94024; float:right;}
a.reCom:hover{color:#cd1e01; text-decoration:none;}


.page a,.page span{ display:inline-block;font-size:14px;}
.page span{color:#f9f7df;}
.page a:link,.page a:visited{color:#f9f7df; text-decoration:none;}
.page a:hover,.page a:active{color:#f9f7df; text-decoration:none;}

.page a.selected:link,.page a.selected:visited{color:#fff; text-decoration:none;font-weight:bold;}
.page a.selected:hover,.page a.selected:active{color:#fff; text-decoration:none;font-weight:bold;}


a.lyBtn{ display:inline-block;width:79px;height:31px; background:url(https://public-static.zcool.com.cn/special-resource/2018review/assets/img/ly.png) no-repeat left center; }
a.lyBtn:hover{ background:url(https://public-static.zcool.com.cn/special-resource/2018review/assets/img/ly.png) no-repeat right center;}

.area textarea{width:880px;padding:5px;border:1px solid #f9f7df;height:60px; margin-top: 20px;background: #f9f7df; }
/*.area:before{position: absolute;background: url(https://public-static.zcool.com.cn/special-resource/2018review/assets/img/sj.png) no-repeat center center;width: 13px;height: 6px;top: 38px;left: 20px;content: ""; display: block;}*/

.area{position: relative;}


.fBox{ position:relative;margin-top:10px;padding:10px;}
.lwp{width: 960px;margin-left: auto;margin-right: auto;}



a.cancelBtn{text-decoration:none;overflow:hidden;background: url(https://public-static.zcool.com.cn/special-resource/2018review/assets/img/qxh.png) no-repeat left center;height: 31px;display: inline-block;width: 97px;}
a.cancelBtn:hover{background: url(https://public-static.zcool.com.cn/special-resource/2018review/assets/img/qxh.png) no-repeat right center;}
a.submitBtn{text-decoration:none;overflow:hidden;background: url(https://public-static.zcool.com.cn/special-resource/2018review/assets/img/qrh.png) no-repeat left center;height: 31px;display: inline-block;width: 97px;}
a.submitBtn:hover{ background: url(https://public-static.zcool.com.cn/special-resource/2018review/assets/img/qrh.png) no-repeat right center;}
.mb60{margin-bottom: 60px;}
.ml5{margin-left:5px;}



/*评论*/
.downComments{ background:#8d4024;margin-top:30px;padding:20px 0 30px 0;}
.fTitle{font-size:16px; color: #fff;}
.fTitle p{ font-size: 14px; color: #f9f7df; }
.fRight{float: right;}

.more-cont{color: #fff; font-size: 20px; margin-top: 120px; margin-bottom: 70px;}
.more-cont a{color: #f9f7df; text-decoration: none;}
.more-cont a:hover{color: #f9f7df;}
.mr60{margin-right: 60px;}
.pr60{padding-right: 60px;}
.ml60{margin-left: 60px;}
.pb80{padding-bottom: 80px;}

a.down-a{font-size: 14px; color: #f9f7df;}
a.down-a:hover{color: #f9f7df;}

.messF{background:#f9f7df;color: #062850;padding: 10px;margin: 20px 0;position: relative;}

.messF:after{position: absolute;background: url(https://public-static.zcool.com.cn/special-resource/2018review/assets/img/sj.png) no-repeat center center;width: 13px;height: 6px;top: -6px;left: 20px;content: ""; display: block;}

a.facespan{font-size:14px;display:inline-block;padding:2px 5px; color: #e93224;}
a.facespan:hover{color:#af8e3a;}



/*.headWrapper{width:2560px;margin-left:-600px; transform:scale(0.5);}*/
.headbox{width:2400px;height:900px;background: rgba(0,0,0,0);position: absolute;left:50%;top:50%;margin:-450px 0 0 -1200px;transform: scale(0); }
.headbox img.h1{opacity: 0; animation: h1go 10s linear infinite;width:333px;height:286px;position: absolute;left:0px;top:0px;}
.headbox img.h2{opacity: 0;animation: h2go 10s linear infinite;animation-delay:1s;   width:287px;height:283px;position: absolute;right:400px;bottom:300px;}
.headbox img.h3{opacity: 0;animation: h3go 10s linear infinite;animation-delay:2s; width:360px;height:309px;position: absolute;right:0px;bottom:0px;}


@keyframes h1go{
	0%{opacity: 0; transform:translate(500px,300px);}
	30%{opacity: 1;}
	70%{opacity: 1;}
	100%{opacity: 0;transform:translate(0,0);}
}
@keyframes h2go{
	0%{opacity: 0; transform:translate(0,0);}
	30%{opacity: 1;}
	70%{opacity: 1;}
	100%{opacity: 0;transform:translate(-400px,-150px);}
}
@keyframes h3go{
	0%{opacity: 0; transform:translate(0px,0px);}
	30%{opacity: 1;}
	70%{opacity: 1;}
	100%{opacity: 0;transform:translate(-600px,-400px);}
}

.cloudbox{width:1084px;height:450px;background: url(https://public-static.zcool.com.cn/special-resource/2018review/assets/img/cloud.png) no-repeat;position: absolute;left:50%;top:50%;margin:-225px 0 0 -542px;}
.headbox img.c1{opacity: 0; animation: c1go 5s linear infinite;width:81px;height:72px;position: absolute;left:160px;top:0px;animation-delay:0s;}
.headbox img.c2{opacity: 0; animation: c2go 5s linear infinite;width:121px;height:59px;position: absolute;left:155px;top:140px;animation-delay:1s;}
.headbox img.c3{opacity: 0; animation: c3go 5s linear infinite;width:56px;height:34px;position: absolute;right:190px;top:150px;animation-delay:2s;}
.headbox img.c4{opacity: 0; animation: c4go 5s linear infinite;width:107px;height:36px;position: absolute;right:0px;top:25px;animation-delay:3s;}



@keyframes c1go{
	0%{opacity: 0; transform:translate(0px,0px);}
	30%{opacity: 1;}
	70%{opacity: 1;}
	100%{opacity: 0;transform:translate(90px,50px);}
}
@keyframes c2go{
	0%{opacity: 0; transform:translate(0px,0px);}
	30%{opacity: 1;}
	70%{opacity: 1;}
	100%{opacity: 0;transform:translate(90px,50px);}
}
@keyframes c3go{
	0%{opacity: 0; transform:translate(0px,0px);}
	30%{opacity: 1;}
	70%{opacity: 1;}
	100%{opacity: 0;transform:translate(-100px,70px);}
}
@keyframes c4go{
	0%{opacity: 0; transform:translate(0px,0px);}
	30%{opacity: 1;}
	70%{opacity: 1;}
	100%{opacity: 0;transform:translate(-120px,50px);}
}