@charset "utf-8";
.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;}
.mt60{margin-top: 60px;}
body,html{height:auto;overflow-x: hidden;}
@font-face{
    font-family: 'Montserrat-Regular';
    src : url('../css/Montserrat-Regular.otf');
}
@font-face{
    font-family: 'Montserrat-Thin';
    src : url('../css/Montserrat-Thin.otf');
}




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

/*------------ 共有样式 ------------*/
.main{background:#FDB1A8 ;}
.topbar{width:100%;line-height:0;}
.topbar img{width:100%; }
.whitewp{width: 1100px;margin-left: auto;margin-right: auto;background: #fff;}
.wiperbox{z-index: 1000;}

.headerWrapper{width:100%;overflow: hidden;}
.headerBox{width:2560px;height:1200px;/*background:url(https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/banner.jpg?v=234) no-repeat center center; */position: relative;transform-origin: left top;}
.headerBox video{width:2560px;height:1200px; position: absolute;left: 0;top: 0;z-index: 2;}


.shareBox{opacity: 0;}
#shareBox{position: fixed;right: 0;top: 50%;background: #000;width: 95px;height: 247px;margin-top: -123px;}

.jiathis_style{padding-top: 16px;padding: 6px 0 0 23px;}
.shareTitle{color: #fff;font-size: 22px;text-align: center;line-height: 46px;}
.shareBox.opcy{opacity:1;transform:rotateY(360deg) scale(1);}
.opcy{opacity:1;transform:rotateY(360deg) scale(1);}


.jiathis_style a{margin: 24px 0;}
#shareBox .jiathis_button_weixin{background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/wechat.png') no-repeat center left;width: 50px!important;height: 41px!important; display: block; cursor: pointer;}
#shareBox .jiathis_button_tsina{background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/weibo.png') no-repeat center left;width: 50px!important;height: 41px!important; display: block; cursor: pointer;margin-top: 9px;}
#shareBox .jiathis_button_qq{background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/qq.png') no-repeat center left;width: 50px!important;height: 41px!important; display: block; cursor: pointer;margin-top: 9px;}

#shareBox .jiathis_button_weixin:hover{background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/wechat_h.png') no-repeat center left;}
#shareBox .jiathis_button_tsina:hover{background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/weibo_h.png') no-repeat center left;}
#shareBox .jiathis_button_qq:hover{background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/qq_h.png') no-repeat center left;}




#shareBox .jiathis_button_cqq span{visibility: hidden;}
#shareBox .jiathis_button_tsina span{visibility: hidden;}
#shareBox .jiathis_button_weixin span{visibility: hidden;}

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

.moreCont>div img{width: 90px;height: 90px;}




.pt60{padding-top: 60px;}
.bg1{background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/bg1.jpg') no-repeat center center;height: 800px;}
.bg2{background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/bg2.jpg') no-repeat center center;height: 1215px;}
.bg3{background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/bg3.jpg') no-repeat center top;min-height: 1613px;max-height: 2143px;padding-bottom: 66px;}



.bg4{background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/bg4.jpg') repeat-y center top;min-height: 326px;}

.tbg1{background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/tbg1.png') no-repeat center center;height: 480px;display: flex;justify-content: space-between;align-items: center;padding:50px 55px;box-sizing: border-box;width: 1200px;margin-left: auto;margin-right: auto;}
.texts{font-size: 28px;line-height: 39px;color: #000;font-weight: 500;padding-left: 76px;width: 423px;}
a.onRead{display: inline-block;font-size: 24px;background: #27E3E4;border-radius: 10px;color: #000;font-weight: 600;width: 260px;height: 60px;line-height: 60px;text-align: center;transition: ease all 0.3s;}
a.onRead:hover{background: #00BFC0;color: #fff;transition: ease all 0.3s;}
.titles{text-align: center;padding-top: 100px;margin-bottom: 40px;}

.tbg2{background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/tbg2.png') no-repeat center center;height: 287px;display: flex;justify-content: center;align-items: center;width: 1198px;margin-left: auto;margin-right: auto;}
.tbg3{background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/tbg3.png') no-repeat center center;height: 189px;display: flex;justify-content: center;align-items: center;width: 1200px;margin-left: auto;margin-right: auto;}
.tbg2 p,.tbg3 p{font-family: PingFang SC;
font-size: 35px;
font-weight: 500;
line-height: 49px;
color: #000;
padding: 0 55px;
}
.designUl{display: flex;justify-content: space-between;width: 1200px;margin-left: auto;margin-right: auto;margin-top: 62px;flex-wrap: wrap;}
.designUl li{background: #fff;width: 281px;height: 251px;border: 2px solid #DEFF56;margin-bottom: 45px;overflow: hidden;}
.designUl li:hover{border: 2px solid #000;}
.designUl li a p{width: 260px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;color: #000;line-height: 22px;padding: 4px 10px;}
.designUl li a{overflow: hidden;}
.designUl li img{width: 281px;height: 211px;}

.tbg4 img, .tbg1 img{width: 506px;height: 380px;}

.tbg4{background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/tbg4.png') no-repeat center center;height: 480px;display: flex;justify-content: space-between;align-items: center;padding:50px 55px;box-sizing: border-box;width: 1200px;margin-left: auto;margin-right: auto;margin-top: 66px;}
.ptle{font-size: 32px;font-weight: 600;}
.pro{font-size: 28px;font-weight: 400;line-height: 40px;padding-top: 20px;}
.tbg4 p{font-size: 28px;font-weight: 500;line-height: 40px;padding-top: 20px;}
.tbg4 .texts{width: 518px;padding-left: 10px;}
.tbg5{background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/tbg5.png') no-repeat center center;}
.footers{background: linear-gradient(0deg, #27E3E4, #27E3E4);height: 304px;line-height: 304px;display: flex;align-items: center;justify-content: center;}
.tbg4 img,.designUl li img,.tbg1 img{transition: ease all 0.3s;}
.tbg4 img:hover,.designUl li img:hover,.tbg1 img:hover{transform: scale(1.05);transition: ease all 0.3s;}
.tbg4>a,.tbg1>a{overflow: hidden;}

.modalContent{width: 1200px;margin-left: auto;margin-right: auto;padding-bottom: 50px;}

/**/



/* .btn-current-middle{background: url(https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/lbtn.png) no-repeat center center;width: 108px;height: 48px;color: #fff;cursor: pointer;}
.btn-current-middle:hover{opacity: 0.9;}
.mb60{margin-bottom: 60px;}
.iMore{display: flex;align-items: center;justify-content: space-between;}
.iMore a{color:#23c4e7;font-size: 25px;}
.iMore a:hover{opacity: 0.8;}

 */



.popup{position: fixed;left:0;right:0;z-index:2020;bottom:0;top:0;background: rgba(0,0,0,.5);display: flex;justify-content:center;align-items: center;}
.popclose{display: flex;justify-content: center;align-items: center;width:50px;height:50px; position: absolute;right:10px;top:10px; }
.popcontent{width:620px;box-sizing: border-box;position: relative;text-align: center;background: #fff; }
a.enterBtn{display: inline-block;background: url('https://img.zcool.cn/special-resource/zcoolgdc2022/assets/img/btn.png') no-repeat center center;height: 32px;width: 204px;padding: 21px 0 42px 0;transition: ease all 0.3s;}
a.enterBtn:hover{transform: scale(1.05);transition: ease all 0.3s;}

.popsbg{position: fixed;z-index: 200;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.5);display: flex;justify-content: center;align-items: center; transform: scale(0);opacity: 0;}
.popsbg.active{ transform: scale(1); opacity: 1;}
.popcontents{border-radius: 10px; background: #fff;color: #666; position: relative;padding:50px 50px 50px 50px;}
.popclose{background: #000;color: #fff;font-size: 20px;display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 1000px;right: -60px;top: -60px;}
.popclose:hover{background: #333;}
.tspan{width: 20px;display: inline-block;vertical-align: middle; text-align: center;}
.roltable input{border-radius: 5px;border: 1px solid #ddd;height: 42px;padding: 0 10px;min-width: 230px;}
.roltable td{padding: 5px;}
.roltable input.large{width: 514px;}
.roltable textarea{border-radius: 5px;border: 1px solid #ddd;height: 42px;padding:10px;width: 514px;margin: 0 0 0 -4px;}
.rolbtn{border: 1px solid #ddd;border-radius: 10000px;width: 140px;height: 42px;font-size: 16px;}