@charset "utf-8";
.clearfix:after,.cl:after{content:'\20';display:block;height:0;clear:both;}.clearfix,.cl{*zoom:1;}
.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;}

.pt60{padding-top: 60px;}.pt70{padding-top: 70px;}.pt80{padding-top: 80px;}.pt90{padding-top: 90px;}.pt100{padding-top: 100px;}.pt110{padding-top: 110px;}.pt120{padding-top: 120px;}.pt130{padding-top: 130px;}.pt140{padding-top: 140px;}.pt150{padding-top: 150px;}.pt160{padding-top: 160px;}.pt170{padding-top: 170px;}.pt180{padding-top: 180px;}.pt190{padding-top: 190px;}.pt200{padding-top: 200px;}
.pb60{padding-bottom: 60px;}.pb70{padding-bottom: 70px;}.pb80{padding-bottom: 80px;}.pb90{padding-bottom: 90px;}.pb100{padding-bottom: 100px;}.pb110{padding-bottom: 110px;}.pb120{padding-bottom: 120px;}.pb130{padding-bottom: 130px;}.pb140{padding-bottom: 140px;}.pb150{padding-bottom: 150px;}.pb160{padding-bottom: 160px;}.pb170{padding-bottom: 170px;}.pb180{padding-bottom: 180px;}.pb190{padding-bottom: 190px;}.pb200{padding-bottom: 200px;}
.mt60{margin-top: 60px;}.mt70{margin-top: 70px;}.mt80{margin-top: 80px;}.mt90{margin-top: 90px;}.mt100{margin-top: 100px;}.mt110{margin-top: 110px;}.mt120{margin-top: 120px;}.mt130{margin-top: 130px;}.mt140{margin-top: 140px;}.mt150{margin-top: 150px;}.mt160{margin-top: 160px;}.mt170{margin-top: 170px;}.mt180{margin-top: 180px;}.mt190{margin-top: 190px;}.mt200{margin-top: 200px;}
.mb60{margin-bottom: 60px;}.mb70{margin-bottom: 70px;}.mb80{margin-bottom: 80px;}.mb90{margin-bottom: 90px;}.mb100{margin-bottom: 100px;}.mb110{margin-bottom: 110px;}.mb120{margin-bottom: 120px;}.mb130{margin-bottom: 130px;}.mb140{margin-bottom: 140px;}.mb150{margin-bottom: 150px;}.mb160{margin-bottom: 160px;}.mb170{margin-bottom: 170px;}.mb180{margin-top: 180px;}.mb190{margin-bottom: 190px;}.mb200{margin-bottom: 200px;}

.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;}
.relative{position: relative;}

.invisible{position: absolute; opacity: 0;transform: scale(0)}

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

/* ======================================== */
body{background: transparent;/*#000;*/}

/*常用动画*/
@keyframes rotate{
	0%{transform: rotate(0);}
	100%{transform: rotate(360deg);}
}
@keyframes breath{
	0%{transform: scale(1);}
	50%{transform: scale(1.05);}
	100%{transform: scale(1);}
}

/* ===================基本共有样式===================== */
body{}
#event-wrapper *.hide,.event-wrapper *.hide{display:none !important;}

/* banner */
.bannerWrapper{overflow: hidden; position: relative; width: 100vw;height: 39.0625vw; }
.bannerContent{width: 2560px;height: 1000px;position: relative;transform-origin:left top; }
.bannerBtn{display:flex;justify-content: center;align-items: center; position: absolute;animation: breath 2s linear infinite;}
.uploadBtn:before{content: "上传作品";display: none;}
.winnerBtn:before{content: "获奖作品";display: none;}

/* nav */
.navWrapper{max-height: 80px;}
.navBox{max-height: 80px;background: transparent /*#000*/;}
.navi{min-width: 1200px;display: flex; justify-content: center;align-items: center;margin-left: auto;margin-right: auto;}
.navi li a{padding: 0 20px;height: 80px;font-size: 24px;display: flex;justify-content: center;align-items: center;color: #fff;}
.navi li.active a,.navi li a:hover{background: #ffe300;}

.navWrapper.topFixed{min-height: 80px;}
.navWrapper.topFixed .navBox{position: fixed;left: 0;top: 0;right: 0;z-index: 200;}
.navWrapper.leftFixed{width: 200px;position: fixed;left: 10px;top: 50%;z-index: 200;height: auto;margin-top: -200px;transition: ease all 0.3s; transform-origin: left center;transform: rotateY(180deg) scale(0);max-height: 100%;}
.navWrapper.leftFixed .navBox{max-height: 100%;}
.navWrapper.leftFixed .navBox .navi{display: block;min-width: 100%;}
.navWrapper.leftFixed.opcy{transform: rotateY(0deg) scale(1);}


/* footer */
.footerLogoWrapper{height: 200px;background-color: #000;display: flex;justify-content: center;align-items: center;}
.footerLogo{display: flex;justify-content: center;align-items: center;}
.footerLogo > a,.footerLogo > div{margin: 0 20px;}



/* share */
.shareBoxWrapper{}
.shareBox{position: fixed;right: 10px;z-index: 20;top: 50%;background: #ffe300;height: 200px;width: 80px;margin: -100px 0 0 0;transition: ease all 0.3s; transform-origin: right center;transform: rotateY(180deg) scale(0); text-align: center;}
.shareBox.active{transform: rotateY(0deg) scale(1);}
.sharelinks > a{min-width: 50px;min-height: 50px;display:inline-block;}


/* pop */
.popWrapper{}
.popBox{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index:2001; display: flex;justify-content: center;align-items: center; opacity: 0; transform: scale(0); transition:all ease 0s;  transition-delay: 0.3s; }

.popbg{background: rgba(0,0,0,1);position: absolute;left: 0;top: 0;right: 0;bottom: 0; opacity: 0;}
.popContent{position: relative;z-index: 2;background: #fff;min-width: 600px;min-height: 400px;border-radius: 10px;transition:all ease 0.3s;transform:scale(0); }
.popClose{display: flex;justify-content: center;align-items: center;position: absolute;right:15px ;top: 15px;z-index: 2;background: #000;color: #fff;width: 40px;height: 40px;border-radius: 1000px;transition: ease all .3s;}
.popClose:hover{transform: scale(1.05);}

.popBox.active{opacity: 1;transform: scale(1);transition:all ease 0s; transition-delay: 0s;  }
.popBox.active .popbg{opacity: 0.3;}
.popBox.active .popContent{transform:scale(1); transition:all ease 0.3s;}



/* 首页推荐作品 */
.databox{margin-left: auto;margin-right: auto;width: 1100px;}
.databox .e-card-box:nth-child(4n){margin-right: 0;}

/* 大赛底部提示 */
.downNotice{position:fixed;left:50%;bottom:0;z-index:101;width:1000px;margin-left:-500px;display:none;}
.downNotice.active{display:block;}


/* ====共有样式==== */
.wp{width:1200px;margin-left:auto;margin-right: auto;}
.mainContent{width: 1200px;margin-left:auto;margin-right: auto;}
.mainInsideContent{width: 1200px;margin-left:auto;margin-right: auto;}

/*取消所有其他页面的上下默认样式*/
.templatePage{padding-top: 80px;padding-bottom: 80px;}
.templatePage .event-upload-con, /*上传作品*/
.templatePage .event-work-bg, /*全部作品*/
.templatePage .event-registration-con  /*报名*/
{padding-top: 0;}
.templatePage .cBoxContent.mt20{margin-top: 0;}