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

.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;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

.pt60{padding-top:60px;}
.pt80{padding-top:80px;}
.pb80{padding-bottom:80px;}
.center{text-align: center;}

::-webkit-scrollbar{width:10px;height:10px;background-color:rgba(0,0,0,0);}
::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.5); border-radius:10px;}
::-webkit-scrollbar-track{background-color:transparent;}
::-webkit-scrollbar-button{}
::-webkit-scrollbar-track-piece{}
::-webkit-scrollbar-corner{}
::-webkit-resizer{}

body,html{overflow-x: hidden;text-rendering:optimizeLegibility;/*optimizeSpeed geometricPrecisions*/}
body{font-family:"-apple-system","San-Fransico",Helvetica Neue,Helvetica,Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;background: #bfd566;height:100%;}

/*首页*/
.headerWrapper{height:640px;background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/banner.jpg) no-repeat center top;margin-top:-3px; position: relative;}
.z1{position: absolute;left:50%;top:235px;margin-left:-730px;animation:z1 10s linear infinite;}
@keyframes z1{
	0%{transform: translate(0,0);}
	25%{transform: translate(10px,5px);}
	50%{transform: translate(20px,15px);}
	75%{transform: translate(5px,10px);}
	100%{transform: translate(0,0);}
}

.z2{position: absolute;left:50%;top:330px;margin-left:-730px;animation:z2 10s linear infinite;}
@keyframes z2{
	0%{transform: translate(0,0);}
	25%{transform: translate(-10px,-5px);}
	50%{transform: translate(-20px,-15px);}
	75%{transform: translate(-5px,-10px);}
	100%{transform: translate(0,0);}
}

.z3{position: absolute;left:50%;top:290px;margin-left:-560px;animation:z3 20s linear infinite;}
@keyframes z3{
	0%{transform: translate(0,0);}
	25%{transform: translate(10px,-5px);}
	50%{transform: translate(20px,15px);}
	75%{transform: translate(-5px,10px);}
	100%{transform: translate(0,0);}
}

.z4{position: absolute;left:50%;top:460px;margin-left:-710px;animation:z4 15s linear infinite;}
@keyframes z4{
	0%{transform: translate(0,0);}
	25%{transform: translate(-10px,5px);}
	50%{transform: translate(20px,15px);}
	75%{transform: translate(5px,-10px);}
	100%{transform: translate(0,0);}
}


.z5{position: absolute;left:50%;top:480px;margin-left:-340px;animation:z5 20s linear infinite;}
@keyframes z5{
	0%{transform: translate(0,0);}
	25%{transform: translate(5px,10px);}
	50%{transform: translate(15px,20px);}
	75%{transform: translate(10px,5px);}
	100%{transform: translate(0,0);}
}

.z6{position: absolute;left:50%;top:570px;margin-left:-230px;animation:z6 15s linear infinite;}
@keyframes z6{
	0%{transform: translate(0,0);}
	25%{transform: translate(10px,5px);}
	50%{transform: translate(20px,15px);}
	75%{transform: translate(5px,10px);}
	100%{transform: translate(0,0);}
}

.z7{position: absolute;left:50%;top:-50px;margin-left:450px;animation:z7 10s linear infinite;}
@keyframes z7{
	0%{transform: translate(0,0);}
	25%{transform: translate(10px,5px);}
	50%{transform: translate(-20px,-15px);}
	75%{transform: translate(5px,10px);}
	100%{transform: translate(0,0);}
}


.z8{position: absolute;left:50%;top:90px;margin-left:800px;animation:z8 20s linear infinite;}
@keyframes z8{
	0%{transform: translate(0,0);}
	25%{transform: translate(-10px,5px);}
	50%{transform: translate(20px,-15px);}
	75%{transform: translate(-5px,10px);}
	100%{transform: translate(0,0);}
}

.z9{position: absolute;left:50%;top:310px;margin-left:700px;animation:z9 15s linear infinite;}
@keyframes z9{
	0%{transform: translate(0,0);}
	25%{transform: translate(10px,-5px);}
	50%{transform: translate(20px,-15px);}
	75%{transform: translate(5px,-10px);}
	100%{transform: translate(0,0);}
}

.z10{position: absolute;left:50%;top:510px;margin-left:540px;animation:z10 20s linear infinite;}
@keyframes z10{
	0%{transform: translate(0,0);}
	25%{transform: translate(-10px,5px);}
	50%{transform: translate(-20px,15px);}
	75%{transform: translate(-5px,10px);}
	100%{transform: translate(0,0);}
}





.nd{width:986px;margin:0 auto 0 auto;height:390px; box-sizing: border-box; text-align: center;background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/dn.png);line-height:34px;font-size:16px;}
.nd p{padding-top:23px;}
.nd b{font-size:20px;}



.bg1{padding:0 0 80px 0;width:1163px;background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/bg1.png) no-repeat center top;background-size:100% 100%;box-sizing: border-box;margin:0 auto 0 auto;}
.bg2{padding:0 0 80px 0;width:1167px;background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/bg2.png) no-repeat center top;background-size:100% 100%;margin-left:auto;margin-right:auto; box-sizing: border-box;}
.bg3{padding:0 0 80px 0;width:1177px;background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/bg3.png) no-repeat center top;background-size:100% 100%; margin-left:auto;margin-right:auto; box-sizing: border-box;}
.bg4{padding:0 0 80px 0;width:1159px;background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/bg4.png) no-repeat center top;background-size:100% 100%;margin-left:auto;margin-right:auto; box-sizing: border-box;}

.bg5{padding:0 0 40px 0;width:1150px;background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/bg5.png) no-repeat center top;background-size:100% 100%;margin-left:auto;margin-right:auto; box-sizing: border-box;}



.txtbox{ text-align: center; }
.txtbox b{font-size:22px;}
.txtbox > div{font-size:16px;line-height:25px;}
.tbg1{min-height:167px;background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/tbg1.png) no-repeat center 3px;}
.tbg2{min-height:167px;background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/tbg2.png) no-repeat center 0px;padding-top:47px;margin-top:-25px;}
.tbg2 b{font-size:18px;}
.tbg2 > div{color:#616161;}
.tbg3{min-height:167px;background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/xz.png) no-repeat center 3px;}
.tbg3 b{font-size:22px;}
.tbg3 > div{color:#616161;}

.tbg4{min-height:100px;background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/tbg4.png) no-repeat center 0px;padding-top:67px;margin-top:-25px;}
.tbg4 b{font-size:22px;}



a.btn1{ display: inline-block;width:219px;height:55px; background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/btn1.png) no-repeat left top; text-align: center;line-height:47px;font-size:20px;color:#fff; }
a.btn1:hover{background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/btn1.png) no-repeat right top;color:#ff6f7c; text-decoration: none;}


a.btn2{ display: inline-block;width:219px;height:55px; background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/btn2.png) no-repeat left top; text-align: center;line-height:47px;font-size:20px;color:#fff; }
a.btn2:hover{background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/btn2.png) no-repeat right top;color:#000; text-decoration: none;}



.worklists{margin:0 -20px -20px 0;}
.worklists li{width:196px;height:263px;float:left;margin:0 20px 20px 0;border-radius: 5px;box-shadow: 0 0 5px rgba(0,0,0,0.1);background: #fff; overflow: hidden; position: relative;}
.worklists li:hover{box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.worklists li > a{display: inline-block;height:140px;width:100%;position: relative; border-radius: 5px 5px 0 0; overflow: hidden;}
.worklists li > a:hover{opacity: 0.9; }
.worklists li a:hover{text-decoration: none;}

.worklists li > a i{left:10px;bottom:0;width:0;height:0;display: inline-block;border-style: solid;border-width:10px;border-color: transparent transparent #fff transparent; position: absolute;z-index:2; }
.worklists li:hover > a i{border-color: transparent transparent #2588d2 transparent;}

.worklists .des{padding:0 10px;}
.destitle{line-height:36px;height:36px; white-space: nowrap;display: block;overflow: hidden; text-overflow: ellipsis;}
.destitle_biye{line-height:36px;height:27px; white-space: nowrap;display: block;overflow: hidden; text-overflow: ellipsis;}
.destitle a{font-size:16px;color:#000;}
.destitle a:hover{color:#666;}

.showds img{margin-right:5px;}
.showds span{margin-right:5px;color:#727272;}

.showspan{color:#727272;line-height:100%;}
.showds{padding:5px 0 5px 0;white-space:nowrap;}


.heads{border-top:1px solid #e9e9e9;padding-top:8px;}
.heads.downs{border:0;font-size:16px;}
.heads img{border-radius: 1000px;margin-right:5px;}
.heads span{float:right;line-height:26px;color:#727272;}

.headsdowns{font-size:16px;padding:15px 0 5px;}
.headsdowns a{color:#000;}
.desSpan{font-size:14px;line-height:150%;color:#727272;}

.worklists li:hover .desSpan{color:#fff;}


.worklists.news li{height:250px;transition: transform ease 0.2s;}
.worklists.news li .destitle{white-space:normal;font-size:16px;height:43px; display: -webkit-box;line-height:22px;margin:10px 0;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;}
.worklists.news li:hover{transform: translateY(-15px);background: #2588d2;color:#fff;}
.worklists.news li:hover a{color:#fff;}
.worklists.news li:hover .heads span{color:#fff;}


.worklists.news li > a.showdesBox{display: inline-block;height:auto;width:100%;position: absolute; border-radius: 5px ; overflow: hidden;left:0;right:0;top:0;bottom:0;background: #2588d2;color:#fff;z-index:3588; display: none;}
.worklists.news li > a.showdesBox:hover{opacity: 1;}



.wp{width:1060px;margin-left:auto;margin-right:auto;}



.navs{width:206px;height:332px;z-index:1666; background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/nav.png);margin-top:-166px; position: fixed;right:0;top:40%;padding:40px 0 0 45px;box-sizing: border-box; display: none;}
.navs li{height:36px;width:125px;margin-bottom:5px; text-align: center; position: relative;padding-top:3px; cursor: pointer;}
.navs li:hover:before,.navs li.active:before{content:"";width:125px;height:36px;position: absolute;left:0;top:0;z-index:2;background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/o.png);}
.navs li:nth-child(1) a{}




.navs .n{width:110px;height:38px; margin:7px 0 0 7px; position: relative;}
.n .wx{position: relative;display: inline-block;width:50%;top:0;left:0;bottom:0;height:38px;background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/n.png) no-repeat left top;float:left;}
.n .wb{display: inline-block;width:50%;top:0;right:0;bottom:0;height:38px;background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/n.png) no-repeat right top;}
.n a:hover{opacity: .8;}
.n a span{opacity: 0;}
.jiathis_style_32x32.n a span:hover{opacity: 0;}


/*.wx span{ display: none; position: absolute;width:120px;height:120px; background: #fff;left:50%;top:38px; box-sizing: border-box;margin:0 0 0 -60px;padding:10px; }
.wx span:before{content:"";width:0;height:0;display: inline-block;border-style:solid;border-color:transparent transparent #fff transparent ; border-width:10px; margin:0 0 0 -5px;top:-20px; position: absolute;z-index:2;left:50%;}
.wx span img{width:100px;height:100px;}*/

.bgtwo{background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/xbg.jpg) repeat-y center top;}

/*.wx:hover span{display: block;}*/






.imgwall{width:1040px;margin:0 auto 0 auto;}
.imgwall a{width:260px;float:left;height:100px;background: #fff;display: flex;justify-content:center;align-items: center;
	border-right:1px dashed #000;border-top:1px dashed #000;box-sizing: border-box;
}
.imgwall a:nth-child(4n+0){border-right:0;}
.imgwall a:nth-child(-n+4){border-top:0;}
.imgwall a:hover{background-color: #e3ff72;}



.jc{background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/jc.png) repeat-x left bottom;}



.bgwhite{background: #fff;}




/**/


.commentsBox .textWrapper{}
.commentsBox.noBg textarea{ background:#fff;width:100%;height:100px;margin:0px 0 0 0px; outline:none;border:1px solid #2588d2; font-size:14px;padding:10px;box-sizing: border-box;}
.commentsBox.noBg{ background:none;padding:0;margin-top:20px;}


a.facespan{color:#1b87d4;font-size:12px; background:none; display:inline-block;padding:2px 5px;}


.commentsBox{padding:0 0px;margin-top:0px;}

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

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

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

.commentsUlRight a{color:#1b87d4;}
.date{color:#999;margin-top:5px;}
.commentsUlRight p{padding-top:5px; color: #333;}

a.reCom{color:#1b87d4; float:right;}
a.reCom:hover{color:#f30; text-decoration:none;}


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

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


a.lyBtn{ display:inline-block;width:80px;height:36px; height: 32px; width: 70px; background: #2789d2; border-radius: 3px; font-size: 14px; color: #191f33; text-align: center; line-height: 32px; margin-right: 0px;color:#fff;}
a.lyBtn:hover{opacity: 0.9; text-decoration: none;}

.area textarea{width:100%;box-sizing:border-box;padding:5px;outline: none; border:1px solid #288ad3;height:60px;box-sizing: border-box;}

.fBox{ background:#fff;border:1px solid #288ad3; position:relative;margin-top:15px;padding:10px;}
.fBox:before{content:""; display:inline-block; position:absolute;width:15px;height:13px; top:-13px;left:15px; background: url(https://public-static.zcool.com.cn/special-resource/biye2017/assets/img/f.png);}





a.cancelBtn{ display:inline-block; background:#999;color:#fff; text-align:center;line-height:30px;width:100px;height:36px;line-height:36px; border-radius:5px; font-size:12px; font-family:"微软雅黑"; text-decoration:none; overflow:hidden;}
a.cancelBtn:hover{opacity: .8}
a.submitBtn{ display:inline-block; background:#2789d2;color:#fff; text-align:center;line-height:30px;width:100px;height:36px;line-height:36px;border-radius:5px;font-size:12px; font-family:"微软雅黑"; text-decoration:none;overflow:hidden;}
a.submitBtn:hover{ opacity: .8}






.downComments{margin-top:50px;padding:30px 0 20px 0;}
.fTitle{font-size:24px;}
.ml60{margin-left: 60px;}




.detailtxt{font-size:18px;line-height:40px;color:#000;margin:0 auto;width:1000px;}



.bluebox{background: #6bcdce;padding:20px 0 20px;}