.clearfix:after,.cl:after{content:'\20';display:block;height:0;clear:both;}.clearfix,.cl{*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;}
.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;}
.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%;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w550{width:550px;}
.w600{width:600px;}
.w650{width:650px;}
.w700{width:700px;}
.w750{width:750px;}
.w800{width:800px;}

::-webkit-scrollbar{width:8px;height:6px;background-color:rgba(13,12,46,0.5);}
::-webkit-scrollbar-thumb{background-color:rgba(35,185,200,1);border-radius:10px;}
::-webkit-scrollbar-track{background-color:transparent;}
::-webkit-scrollbar-button{}
::-webkit-scrollbar-track-piece{}
::-webkit-scrollbar-corner{}
::-webkit-resizer{}



@font-face {
 font-family: 'sgda';
 src: url('Adieu Regular Bold.otf');
 src: local('fontname Regular'),
        local('fontname'),
        url('Adieu Regular Bold.otf') format('woff');
}  





/*------------ 共有样式 ------------*/

.mainWrapper{clear:both;position: relative;z-index:0;}
.wp{width: 1200px;margin-left: auto;margin-right: auto;}
.headerWrapper{position:relative;z-index:2;}
.headerBanner{background: url('https://public-static.zcool.com.cn/special-resource/sgda2021/assets/img/banner.jpg') no-repeat center center;transform-origin:left top;height: 1160px;width:2560px;position: relative;z-index: 20;overflow: hidden;}

.wp{width: 1200px;margin-left: auto;margin-right: auto;}
.container{ background:#fff;color: #000;} 
.topBox{display: flex;justify-content: space-between;padding-top: 70px;}
.topCont1{width: 436px;padding-top: 20px;}
.topCont1 h4{font-size: 24px;color: #000;letter-spacing: 1px;}
.topCont1 p{font-family: 'sgda';font-size: 16px;line-height: 27px;}
.topPro{font-size: 14px;line-height: 27px;margin-top: 60px;}

.topCont2{padding-bottom: 30px;width: 712px;}
.topCont2 h2{font-family: 'sgda';font-size: 26px;font-weight: bold;line-height: 27px;}
.topCont2 h2 p{font-size: 18px;font-family: ;font-weight: normal;}
.tDis{display: flex;justify-content: space-between;align-items: flex-end;border-bottom: 1px solid #d8d8d8;padding-bottom: 30px;}
.tdesign{font-size: 21px;font-family: 'sgda';line-height: 22px;text-transform: uppercase;width: 422px;padding-bottom: 0px;}
.tMbox{display: flex;justify-content: space-between;align-items: flex-start;}
.time{padding-top: 30px;}
.time h3{font-size: 20px;}
.time p{font-family: 'sgda';font-size: 20px;line-height: 23px;padding-top: 30px;}
.sen{font-size: 14px;padding-top: 30px;}
.tips{font-size: 14px;font-weight: bold;padding-top: 70px;}
.address{padding-top: 30px;color: #444;}
.address h3{font-size: 20px;color: #000;}
.address p{font-size: 14px;line-height: 21px;}
.sen{font-size: 14px;}

.kMore{display: flex;justify-content: space-between;align-items: center;margin-top: 53px;/*48px*/}
.kMore .tips{color: #000;padding-top: 0;}
a.knowMore{width: 102px;height: 28px;border:1px solid #000;text-align: center;line-height: 28px;transition:ease 0.3s;}
a.knowMore:hover{background: #171997;color: #fff;transition:ease 0.3s;border:1px solid #171997;}
.workTle{display: flex;justify-content: space-between;font-size: 36px;margin-top: 100px;}
.workTle p{font-family: 'sgda';font-size: 24px;}
.share{font-size: 18px;display: flex;align-items: center;justify-content: space-between;width: 190px;}
.wechat{background: url(https://public-static.zcool.com.cn/special-resource/sgda2021/assets/img/wechat.png) no-repeat center center;width: 28px;height: 28px;display: inline-block;}
.wechat:hover{background: url(https://public-static.zcool.com.cn/special-resource/sgda2021/assets/img/wechat_hover.png) no-repeat center center;width: 28px;height: 28px;}


#wechat-qr-code{display: none;}
.wechat:hover #wechat-qr-code{display: block; position: absolute;width:150px;height:150px; position: absolute;bottom: 30px; left: 50%;margin: 0 0 0 -75px;z-index: 22;  }
.wechat:hover #wechat-qr-code img{width:150px;height:150px; box-sizing: border-box;padding:10px; background: #fff;}

.weibo{background: url(https://public-static.zcool.com.cn/special-resource/sgda2021/assets/img/weibo.png) no-repeat center center;width: 28px;height: 28px;display: inline-block;}
.weibo:hover{background: url(https://public-static.zcool.com.cn/special-resource/sgda2021/assets/img/weibo_hover.png) no-repeat center center;width: 28px;height: 28px;}


#shareBox a{ position: relative;  }


.navbox{display: flex;font-size: 18px;justify-content: space-between;padding-top: 110px;padding-bottom: 10px;border-bottom: 1px solid #d8d8d8;}
.navbox li:first-child{margin-right: 150px;}
.navbox li{cursor: pointer;position: relative;}

.navbox li:after{position: absolute;content: "";height: 3px;background:#3032FF;width: 0%;bottom: -12px;left: 0;opacity: 0;transition:ease 0.5s;}
.navbox li.active:after,.navbox li:hover:after{position: absolute;content: "";height: 3px;background:#3032FF;width: 100%;transition:ease 0.5s; opacity: 1;}
.contle{font-size: 28px;margin-top: 30px;}
.contle p{font-size: 14px;font-family: 'sgda';line-height: 13px;text-transform: uppercase;margin-top:10px;}
.wuser{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.wuser a{font-size: 18px;}
.wper a{font-size: 14px;}

.wkBox{margin-top: 28px;display: flex;flex-wrap: wrap;margin-bottom: -56px;}
.wkBox li{margin-bottom: 56px;margin-right: 15px;width:390px;}
.wkBox li > a{width:390px;height:293px;display: flex;overflow: hidden;}
.wkBox li img{width:390px;height:293px; transition:ease all 0.3s;}
.wkBox li img:hover{ transform:scale(1.05);}
.wkBox li:nth-child(3n){margin-right: 0;}



.logos{padding:120px 0; text-align: center; }






.titlebox{display: flex;align-items: flex-end; justify-content: space-between;padding:100px 0 80px;}
.titlebox h1{font-size:42px;}
.titleInfo{font-size:18px;}
.titleInfo div{font-family: 'sgda';}
.titleUser{display: flex; align-items: center;font-size:16px;}
.titleUser img{width:40px;height:40px;border-radius: 1000px;margin-left:20px;}


.images .imgbox:first-child{margin-top:0;}
.images .imgbox{margin-top:40px; text-align: center;}
.images .imgbox img{max-width:100%;}