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

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

.topOne{min-height:558px;background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/d.png) no-repeat center top;position: relative;width:1302px;margin:0 auto;}



.mainBox{background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/bg.jpg) repeat-y center top; position: relative;z-index:2;}

.box1{transform:translateY(-65px);}
.box2{position: relative;z-index:2;margin-top:-190px;}
.box3{position: relative;z-index:3;margin-top:-120px;}
.box4{position: relative;z-index:3;margin-top:-120px;}


.top1{position: absolute;left:-60px;top:205px;z-index:2;}
.top2{position: absolute;left:535px;top:85px;z-index:2;}
.top3{position: absolute;right:-60px;top:205px;z-index:2;}


.commentBox{
	padding: 0 6px;
}

.navi{background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/navbg.png);width:158px;height:476px; position: fixed;z-index:15;right:10px;top:50%;margin:-238px 0 0 0;}
.navi.small{background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/sm.png);width:158px;height:358px; position: fixed;z-index:15;right:10px;top:50%;margin:-179px 0 0 0;}
.navi.small ul{padding-top:90px;}
.navi ul{padding-top:70px;position: relative;}
.navi li{margin:0 0 0 20px;text-align:center;}
.navi li a{display: flex;align-items: center;height:53px;font-size:18px;text-align:center;}
.navi li:hover,.navi li.active{background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/line.jpg) no-repeat 0px 45px;}
.navi li a > img{margin-right:10px;}
.navi li a > div{right:150px;}
.top1,.top2,.top3{animation:3s linear infinite DownTurn;}




@keyframes DownTurn{
	0%{transform:scale(1)}
	50%{transform:scale(0.9)}
	100%{transform:scale(1)}
}


.videoBg{padding-top:340px;width: 520px;margin-left: auto;margin-right: auto;}
.thevideo{width:520px;padding:25px 0;background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/videobg.jpg) no-repeat center top; text-align: center;margin:0 auto;}
.video{width:472px;background: #000;padding:7px 0;line-height:0;margin:0 auto; text-align: center;}
.video img{}


.txtbox{font-size:20px;font-weight:bold;}

.dt{width:1036px;min-height:257px;background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/dt.png) no-repeat center top;margin:0 auto;background-size: 1036px auto;transform: translateX(2px); position: relative; }
.tb{width:1036px;min-height:257px;background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/dn.png) no-repeat center bottom;margin:0 auto;background-size: 1036px auto;transform: translateX(2px); position: relative; }
.tc{background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/tb.png) repeat-y center top;width:1036px;margin:0 auto; transform: translateX(2px);}

.t1{position: absolute;left:0;bottom:-20px;}
.s1{padding-top:50px;}
.s2{padding-top:160px;}

.s5{padding:30px 0 120px;}
.s5s{padding:0 0 120px 0;position: relative;margin-top:-250px;z-index:2;}

.s1s{padding:380px 0 0 0;}

.btn1{width:209px;height:74px;box-sizing:border-box;background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/btn1.png) no-repeat left top;display: inline-flex;align-items: center;justify-content: center; padding:0 0 14px 12px;font-size:20px;font-weight:bold;  }
.btn1:hover{background:url(https://img.zcool.cn/special-resource/biye2018/assets/img/btn1.png) no-repeat right top; }

.btn2{width:229px;height:74px;box-sizing:border-box;background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/btn2.png) no-repeat left top;display: inline-flex;align-items: center;justify-content: center; padding:0 0 14px 12px;font-size:20px;font-weight:bold;  }
.btn2:hover{background:url(https://img.zcool.cn/special-resource/biye2018/assets/img/btn2.png) no-repeat right top; }


.worklist{}
.worklist .work-list-box{margin:0 auto;width:920px; transform: translateX(10px);}


@media screen and (min-width: 1601px){
	.card-box{width:210px;}
	.card-box .card-img, .card-box .card-img a img{width:210px;height:158px;}
	.card-box .card-item .user-avatar{width:120px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
}

.worklist .card-box{box-shadow: 0 0px 10px rgba(0,0,0,0.1);}
.worklist .card-box:hover{box-shadow: 0 0px 10px rgba(0,0,0,0.2);}
#swipes{width: 520px;margin-left: auto;margin-right: auto;position: relative;}
#swipes .swiper-button-prev{background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/tleft.png) no-repeat center center;width: 24px;height: 48px;left: 6px;}
#swipes .swiper-button-next{background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/tright.png) no-repeat center center;width: 24px;height: 48px;right: 6px;}
#swipes .swiper-button-prev:hover{background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/tleft_h.png) no-repeat center center;}
#swipes .swiper-button-next:hover{background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/tright_h.png) no-repeat center center;}
.navi2{height: 318px;background: url(https://img.zcool.cn/special-resource/biye2018/assets/img/navbg2.png) no-repeat center center;}

.navi2 ul{padding-top:70px;position: relative;width: 79px;margin-left: 20px;}
.navi2 li{margin:0 0 0 0px;text-align:center;display:flex;justify-content: center;align-items:center;}


#body .article-comments .commentcon li{padding-left:0;border-bottom:0;}
#body .more-comment{border:0;}