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

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

/*------------ 首页 ------------*/



.pt10{padding-top: 1.333333vw;}
.pt30{padding-top: 4.0vw;}
.pl20{padding-left: 2.666667vw;}
.pr20{padding-right: 2.666667vw;}


.topbanner{}
.wrapper{background:#fff;}

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



.mainBox{margin-top:-1vw; background: url(https://img.zcool.cn/special-resource/biye2018/wap/assets/img/bg.jpg) repeat-y center top; position: relative;z-index:2;width: 100.0vw;background-clip: content-box;min-height: 10vw;background-size: 100% auto;}

.box1{transform:translateX(-0.9vw);}
.box2{position: relative;z-index:2;margin-top:-24.333333vw;}
.box3{position: relative;z-index:3;margin-top:-24.333333vw;}
.box4{position: relative;z-index:3;margin-top:-24.333333vw;}
.p1{position: absolute;left: 50%;top: 16.933333vw;margin-left: -50.933333vw;height: 35.666667vw;width: 24.733333vw;}
.p2{position: absolute;left: 50%;top: 8.933333vw;height: 31.6vw;margin-left: -15.666667vw}
.p3{position: absolute;left: 50%;top:16.933333vw;height: 35.666667vw;margin-left:25.333333vw;}


.top1{position: absolute;left:-60px;top:205px;z-index:2;width: 24.0vw}
.top2{position: absolute;left:535px;top:85px;z-index:2;width: 37.333333vw;}
.top3{position: absolute;right:-60px;top:205px;z-index:2;width: 24.0vw}
.dtSe{height: 59.333333vw;}

.tbox.tbox_zi{margin-top:0;}
.commentBox{
	padding: 0 0.8vw;
}

.navi{background: url(https://img.zcool.cn/special-resource/biye2018/wap/assets/img/navbg.png);width:158px;height:476px; position: fixed;z-index:5;right:10px;top:50%;margin:-238px 0 0 0;}
.navi ul{padding-top:70px;}
.navi li{padding:0 0 0 20px;}
.navi li a{display: flex;align-items: center;height:53px;font-size:18px;}
.navi li a:hover,.navi li.active a{background: url(https://img.zcool.cn/special-resource/biye2018/wap/assets/img/line.jpg) no-repeat 2px 40px;}
.navi li a img{margin-right:10px;}

.top1,.top2,.top3{animation:3s linear infinite DownTurn;}

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



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

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

.t1{position: absolute;left:0;bottom:-20px;}
.s1{padding-top:48.666667vw;height: 21.866667vw;width: 80.4vw;margin-left: auto;margin-right: auto;}
.s2{padding-top: 19.666667vw;height: 28.266667vw;width: 73.866667vw;margin-left: auto;margin-right: auto;}
.s3{padding-top: 19.666667vw;height:34.4vw;width: 69.466667vw;margin-left: auto;margin-right: auto;}
.s4{padding-top: 19.666667vw;height: 32.0vw;width: 74.533333vw;margin-left: auto;margin-right: auto;}


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

.btn1{width:41.866667vw;height:13.333333vw;box-sizing:border-box;background: url(https://img.zcool.cn/special-resource/biye2018/wap/assets/img/btn1.png) no-repeat left top;display: inline-flex;align-items: center;justify-content: center; padding:0 0 14px 12px;font-size:3.6vw;font-weight:bold; background-size: 100% 100%; }

.worklist{}
.worklist .work-list-box{margin:0 auto;width:920px; transform: translateX(10px);}
.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);}

.zwkUl{display:flex;justify-content: space-between;flex-wrap: wrap;width: 81.333333vw;
	margin-left: auto;margin-right: auto;padding-top: 4vw;}
.zwkUl li{width: 40.0vw;box-shadow: 1px 0.533333vw 1.333333vw rgba(0,0,0,0.2);background: #fff;border-radius: 1.066667vw;margin-bottom: 2.666667vw;}
.wkImg{width: 40.0vw;height: 30.0vw;border-radius: 1.066667vw 1.066667vw 0 0;}
.zwkLoy img{border-radius: 100px;width: 4.8vw;height: 4.8vw;}
.zwkTle{width: 42.666667vw;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 4.266667vw;padding: 0 2.666667vw;}
.zwkTle a{color: #000;}
.zwkDn{font-size: 2.666667vw;color: #999999; padding-left: 2.666667vw;}
.zwkLoy a{font-size: 2.666667vw;color: #000;}
.zwkLoy{width: 40.333333vw;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top: 3.333333vw;padding:0 2.666667vw;padding-bottom: 4.0vw;}
.zwkLoy span{margin-left: 2.333333vw;}
.mt40{margin-top: 5.333333vw;}

.topDt{height: 72.533333vw;position: relative;background: url(https://img.zcool.cn/special-resource/biye2018/wap/assets/img/d.png) no-repeat center top;background-size: 100% 100%;width: 100vw;transform: translateX(0.9vw)}
.mt40{margin-top: 5.333333vw;}






.article-comments{background: none;padding: 0 2.666667vw;}
.allcomment-con{width: 92.0vw;margin-left: auto;margin-right: auto;}
.lybox .commentArea {
    margin-top: 2.666667vw;
    box-sizing: border-box;
    border: 2px solid #000;
    width: 100%;
    padding: 0.666667vw;
    height: 20vw;
    border-radius: 0;}
.lybox {
    position: relative;
    margin: 0vw 4.0vw 0vw;
    min-height: 26.666667vw;
    padding: 3.066667vw 2.266667vw;}

.article-comments .commentcon li {
    /*width: 100%;*/
    overflow: hidden;
    padding: 2.666667vw 0 2.666667vw 15.333333vw;border-top:1px solid #e4eced;margin: 0 auto;
    position: relative;}

.fBox {
    background: #fff;
    border: 1px solid #000;
    font-size:12px;
    position: relative;
    margin-top: 1.333333vw;
    padding: 2.666667vw;}
.kuTitle{text-align:left;font-size: 30px;width: 59vw;}
a.reCom {
    color: #000;
    float: right;
    font-size: 3.733333vw;
    margin-top: 1.333333vw;}
#detail-comment-content,.commentsUl{width: 92.0vw;margin-left: auto;margin-right: auto;}
.comment-list-box{width: 59.0vw;}
.timebox{text-align:left;}
.comment-module .pinlunt{margin-bottom: 2.0vw;}

.lyBtns {
    display: inline-block;
    width: 22.266667vw;
    height: 10.4vw;
    background: url(https://img.zcool.cn/special-resource/biye2018/wap/assets/img/lybtn.png) no-repeat center center;background-size: 100% 100%;float: right;
    background-size: 100% 100%;margin-bottom: 2.666667vw;}
a.cancelBtn {
    display: inline-block;
    background: #f3c800;
    padding: 0.666667vw 1.333333vw;
    border: 1px solid #000;
    color: #000;
    }
    a.submitBtns {
    display: inline-block;
    background: #df9801;
    padding: 0.666667vw 1.333333vw;
    border: 1px solid #000;
    color: #000;
    }

.areas textarea {
    width: 100%;
    border-radius: 0;
    border: 1px solid #000;
    box-sizing: border-box;margin: 2vw 0;
    padding: 0.666667vw;
    height: 13.333333vw;}
.article-comments .commentcon li .quote-content-wrap .userreply{font-size:2.933333vw;}
.article-comments .commentcon li .quote-content-wrap .usernicks .designer-name{font-weight: normal;font-size: 2.933333vw;}