/* version 1 */

.clearfix:after, .cl:after { 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; }
body, html { overflow-x: hidden; }

::-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 {
}
/*------------ 共有样式 ------------*/
/*.event-wrapper{background:#e4e4ee url(../img/bannerbg.jpg) no-repeat center top;min-width:1140px; overflow:hidden; position: relative;}
.event-wrapper:before{content:"";position: absolute;left:0;top:595px;width:318px;height:834px;background:url(../img/l1.png); z-index: 10000;}
.event-wrapper:after{content:"";position: absolute;right:0;top:1877px;width:351px;height:834px;background:url(../img/l2.png);z-index: 10000;}*/
.container { position: relative; z-index: 0; background: #f4db72; }
.headerWrapper { z-index: 2; background: #f4db72 }
.headerBanner { position: relative; background: url('imgbanner.png') no-repeat top center; height: 400px; padding-top: 790px; }
.naviWrapper {/*position:relative;*/ z-index: 3;/*padding:20px 0 0;*/ }
.navi { width: 1088px; height: 150px; margin: 0 auto; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; margin-top: -475px; z-index: 100; position: relative }
.navi li { position: relative; margin-right: 20px; }
.navi li a:hover { color: #fff; }
.navi li a.active:hover { color: #f4db72; }
.navi li a.active { background: url('imgnav_active.png') no-repeat center center; width: 207px; height: 78px; font-size: 30px; font-weight: bold; line-height: 78px; }
.navi li a { display: inline-block; color: #f4db72; font-size: 22px; background: url('../img/nav.png'); text-align: center; width: 155px; height: 55px; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; margin-top: -10px; line-height: 40px; }
.navi li a:hover .navList, .navi li a.active .navList { display: block; }
.navi li a:hover span, .navi li a.active span { display: none; }
.mainWrapper { width:100%;}
.content-bg {  z-index: 2; }
.sponsorWrapper {  z-index: 1; z-index: 22; margin-top: 40px; padding-bottom: 40px; }
.sponsorLogos { text-align: center; padding: 60px 0 50px 0; }
.sponsorLogos > img { width: 205px; }
.sponsorLogos a { display: inline-block; margin: 0 10px; }
.wpplus { width: 1140px; margin-left: auto; margin-right: auto; }
.wp { width: 1100px; margin-left: auto; margin-right: auto; }
.wpmini { width: 1000px; margin-left: auto; margin-right: auto; }
a.specialBtn { width: 202px; height: 82px; background: url('../img/gif.gif'); position: absolute;/*left:50%;top:50%;*/ margin-left: -101px; left: 50%; display: inline-block; bottom: 500px; }
.specialBtn.learnmore { width: 179px; height: 65px; background: url(../img/learnmore.png) no-repeat center top; overflow: hidden; text-indent: -999px; }
.specialBtn.downtemp { width: 179px; height: 65px; background: url(../img/downtemp.png) no-repeat center top; overflow: hidden; text-indent: -999px; }
/*作品*/
.worklist { }
.worklist ul { margin-left: 16px; }
.worklist li { width: 250px; height: 300px; float: left; margin: 0 16px 0 0px; }
.workImg { display: block; width: 250px; height: 188px; overflow: hidden; }
.workImg img { width: 250px; height: 188px; }
.workImg:hover img { border: 2px solid #ccc; border-color: #00ffff #58b3e0 #58b3e0 #00ffff; box-sizing: border-box; }
.workDes { font-size: 14px; color: #390455; padding: 8px 0 0 0; }
.workDes a { color: #fed050; font-size: 14px; }
.workTitle { font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0 5px 0; }
.workInfo { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #b9cfd6; }
.workAuthor { color: #89aebb; }
.workAuthor a { color: #89aebb; }
.pb60 { padding-bottom: 60px; }
.wktitle { font-size: 30px; color: #8e2400; padding-bottom: 10px; }
.worklist li>a:hover { box-shadow: 1px 1px 10px #58b3e0; }
/*------------ 首页 ------------*/
.pngBg01 { line-height: 30px; background: url('../img/topimg.png') no-repeat center center; height: 475px; position: relative; z-index: 2; }
.topText span { font-size: 24px; font-weight: bold; }
/* .navBg{background: #28a2cb;} */
.topText p { font-size: 30px; font-weight: bold; }
.txLine { width: 34px; height: 1px; background: #fff; display: block; margin-left: auto; margin-right: auto; }
.topTexT span { font-size: 22px; background: none; color: #631a00; }
.topText { position: relative; color: #631a00; font-size: 18px; }
.wkBor { height: 2px; display: block; width: 100%; background: #540a00; }
.zc1 { position: absolute; left: 0; bottom: -30px; }
.designsm { background: url('imgc01.png') no-repeat center center; height: 611px; position: relative; }
a.dsBtn { background: url('imgxbtn.png') no-repeat center center; width: 170px; height: 72px; display: inline-block }
a.dsBtn:hover { opacity: 0.8; }
.dsBtnBox { position: absolute; left: 515px; text-align: left; width: 796px; height: 300px; color: #BF3000; font-size: 18px; font-weight: bold; top: 168px; }
.dsBtnBox2 { position: absolute; left: 510px; text-align: left; width: 796px; height: 344px; color: #BF3000; font-size: 18px; font-weight: bold; top: 500px; }
.dsBtnBox01 { position: absolute;  left: 510px;text-align: left; width: 536px; height: 217px; color: #BF3000; font-size: 18px; font-weight: bold; left: 392px; top: 115px; }
.dsBtnBox02 { position: absolute; left: 946px; text-align: left; width: 228px; height: 248px; color: #BF3000; font-size: 18px; font-weight: bold; top: 140px; }
.dsBtnBox03 { position: absolute; left: 523px; text-align: left; width: 796px; height: 300px; color: #BF3000; font-size: 18px; font-weight: bold; top: 131px; }
.box1{ width:1000px; height:340px; margin:0 auto; padding-top:50px;}
.box1-left{ float:left; width:550px; font-size:18px; font-weight:bold; color:#9F2B00; text-align:left; padding-left:120px; line-height:30px;}
.box1-right{ float:right; width:300px; padding-right:30px;}
.box2{ margin:0 auto; background: url(wx.png) center top no-repeat; height:550px;}
.box4{ margin:0 auto; background: url(wb.png) center top no-repeat; height:550px;}


.box3{ width:1000px; height: auto; margin:0 auto; padding-top:50px; padding-bottom:110px;}
.box3-left{ float:left; width:900px; font-size:18px; font-weight:bold; color:#9F2B00; text-align:left; padding-left:80px; padding-top:10px; padding-bottom:40px; line-height:30px;}
.box3-right{ float:right; width:300px; padding-right:30px;}

.c02 { position: relative; width: 818px; height: 238px; margin: 0 auto; }
.mt60 { margin-top: 60px; }
.pt80 { padding-top: 80px; }
.zc2 { position: absolute; right: -315px; top: -140px; }
.indexPW { display: flex; justify-content: space-between; flex-wrap: wrap; }
.indexPW li { margin-bottom: 20px; }
.indexPW li img { width: 220px; height: 220px; }
.indexPWTxt { color: #903111; font-size: 18px; height: 70px; }
.indexPWTxt p { font-size: 28px; font-weight: bold; }
.zxUl { color: #fff; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 14px; }
.zxUl li { margin-bottom: 26px; width: 250px; }
.zxUlTitles { margin-top: 10px; font-size: 18px; font-weight: bold; }
.zxUlY li { }
.zxUlY li img:hover { opacity: 0.8; }
a.dBtn:hover { opacity: 0.8; }
.cs01 { font-size: 16px; line-height: 32px; color: #fff; }
.pt60 { padding-top: 60px; }
.mt80 { margin-top: 80px; }
.wksBox { background: url('imgc03.png') no-repeat center center; height: 780px; box-sizing: border-box; }
.zxUlCon { color: #8e2400; }
.zxUlDesS { font-size: 14px; }
.zxUlDeos, .zxUlDeos a { font-size: 14px; }
.mt60 { margin-top: 60px; }
.pt120 { padding-top: 120px; }
a.downBtn { background: url('../img/dbtn.png') no-repeat center center; }
.worksBg { background: url('../img/wbg.png') no-repeat center center; height: 1530px; position: relative; z-index: 2; }
.bgbg { background: url('../img/bbg.png') no-repeat center top; min-height: 595px; position: relative; z-index: 2; margin-top: 30px; }
.upbg { background: url('../img/upbg.png') no-repeat center top; min-height: 1108px; position: relative; z-index: 2; margin-top: 30px; }
.introTop { background: url('../img/c06.png') no-repeat center center; height: 402px; position: relative; z-index: 2; }
/*------------ 赛事详情 ------------*/
.downloadlink { color: #cd1415; font-size: 18px; }
.downloadlink a { text-decoration: underline; }
.detail1 { display: table; margin-top: 0px; }
.detailbox { font-size: 20px; line-height: 32px; color: #390455; display: table-cell; }
/*------------ 全部作品 ------------*/
.dosx { float: right; font-size: 14px; transform: translate(2px, 8px); }
.dosx a { }
.dosx a.active { font-weight: bold; }
.total { font-size: 20px; }
/*------------ 上传作品 ------------*/
.event-upload-con { width: 1206px; margin-left: auto; margin-right: auto; transform: translate(30px, 0px); }
/*.event-upload-con:before{content:"";background: url(../img/t.png) no-repeat center top;height:135px;width:100%;display: block;}*/
.event-upload-con .event-upcon-wrap { background: none; border-radius: 5px; width: 900px; margin: 0 auto; margin-top: 45px; }
/* .event-upload-con:after{content:"";background: url(../img/b.png);height:50px;width:100%;display: block;}
 */
.event-upload-con .event-upload-box {/*margin:0px auto 0;*/ width: 800px; position: relative; padding: 0px 0 0 40px; background: #fff; border-radius: 3px; }
.event-upload-con .upload-works-box { padding: 0px auto 0; }
.event-upload-con .event-upload-btn-wrap {/*margin:0px auto 0;*//* width:800px; */ }
/*------------ 报名页 ------------*/
.event-registration-con { margin-top: 30px; }
.event-registration-con .tournament-registration-wrap { background: none; border-radius: 5px; margin: 0 auto; background: #fff; width: 760px; margin-top: 40px; }
.tournament-registration-wrap { width: 485px; }
.event-text-style { background: none; border: 1px #b8b8b8 solid; }
#container { background: none; }
.btn-agree-with { }
.btn-agree-with:hover { }
/* .registration-btn{background: url('../img/qrbm.png') no-repeat top center;border:0;}
.registration-btn:hover{background: url('../img/qrbm.png') no-repeat center center;border:0;}
 */
/* .btn-disabled-agree{background: url('../img/qrbm.png') no-repeat bottom center;border:0;height: 118px;width: 274px; */}
.event-label-checkbox span { color: #000; }
.registration-title { color: #000; }
.event-title-box { margin-top: 1px; }
.pt80 { padding-top: 80px; }
a.garyBtn:hover { color: #fff; }
.event-upload-con { padding-top: 10px; }
.pt90 { padding-top: 90px; }
.pl90 { padding-left: 90px; }
.pr90 { padding-right: 90px; }
.mb60 { margin-bottom: 60px; }
.designDtl { background: url('imgc03.png') no-repeat top center; height: 839px; position: relative; }
.designDtl2 { background: url('imgc01.png') no-repeat top center; height: 339px; position: relative; }
.designDtl01 { background: url('../img/c01.png' ) no-repeat top center;  height: 380px; }
.designDtl01 span{ margin:0 auto; width:1000px; height:340px; display:block;}
.designDtl03 { background: url('imgwb.png') no-repeat top center; height: 450px; position: relative; }
.personBox { background: url('../img/pbg.png') no-repeat center center; height: 1602px; }
.p01 { padding-top: 150px; }
.learnM { background: url('../img/p02.png') no-repeat center center; height: 158px; margin-top: 60px; }
a.gwBtn { background: url('../img/mbtn.png') no-repeat center center; height: 63px; width: 280px; display: inline-block; }
.gwTop { padding-top: 65px; }
#swiperBox .swiper-wrapper { width: 1220px; }
/* #swiperBox .swiper-slide-prev{transition: ease 0.3s;z-index: 1;}
#swiperBox .swiper-slide-active{transform: scale(1.3);z-index: 2;}
#swiperBox .swiper-slide-next{z-index: 1;} */
#swiperBox { position: relative; width: 1220px; display: flex; align-items: center; justify-content: space-around; margin: 0 auto; }
#swiperimgBox .swiper-button-next { background: url('../img/tright.png') no-repeat center center; height: 46px; width: 50px; position: absolute; right: 0; top: 50%; margin-top: -23px; }
#swiperimgBox .swiper-button-prev { background: url('../img/tleft.png') no-repeat center center; height: 46px; width: 50px; position: absolute; left: 0; top: 50%; margin-top: -23px; }
#swiperBox .swiper-container { width: 900px; }
#swiperimgBox { height: 706px; }
#swiperimgBox .swiper-container { overflow: hidden; }
.popslideImg { margin-left: 0; }
.swiperP { display: flex; align-items: center; justify-content: center; }
#swiperimgBox .swiper-button-prev { left: -200px; z-index: 2000; }
#swiperimgBox .swiper-button-next { right: -200px; z-index: 2000; }
.pops { background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: none; z-index: 100; }
.popsCont { position: fixed; width: 494px; height: 706px; left: 50%; margin-left: -247px; top: 50%; margin-top: -303px; }
a.closeBtn { width: 37px; height: 37px; display: inline-block; background: url('imgclose.png') no-repeat center center; position: absolute; right: -35px; top: 0; }
.swiperBox { height: 450px; }
.swiperBox li { float: left; }
.swiperBox li img { }
/* .prev{background: url('../img/tleft.png') no-repeat center center;height:46px;width: 50px;position: absolute;left: 0;top: 50%;margin-top: -23px;}
.next{background: url('../img/tright.png') no-repeat center center;height:46px;width: 50px;position: absolute;right: 0;top: 50%;margin-top: -23px;}

 */

#Index_Box { height: 450px; }
img { border: 0; }
#Index { z-index: 1; margin: 50px auto 0px; width: 960px; height: auto; }
#Index .style { z-index: 99; width: 150px; bottom: 0px; display: block; float: right; height: 172px; right: 0; }
#Index_Box { position: relative; margin: 30px auto 20px; width: 960px; height: 300px; }
#Index_Box ul { position: relative; width: 630px; height: 300px; margin: 0 auto; }
#Index_Box li { z-index: 0; position: absolute; width: 0; height: 0; overflow: hidden; top: 146px; cursor: pointer; left: 300px; }
#Index_Box li img { width: 100%; }
#Index_Box .prev { display: block; }
#Index_Box .next { display: block; }
#Index_Box .prev { z-index: 100; overflow: hidden; cursor: pointer; }
#Index_Box .next { z-index: 100; overflow: hidden; cursor: pointer; }
#Index_Box .prev { background: url('../img/tleft.png') no-repeat center center; height: 46px; width: 50px; position: absolute; left: 0; top: 50%; margin-top: -23px; display: block; }
#Index_Box .next { background: url('../img/tright.png') no-repeat center center; height: 46px; width: 50px; position: absolute; right: 0; top: 50%; margin-top: -23px; display: block }
.miniwp { width: 965px; margin-left: auto; margin-right: auto; }
.c04 { background: url(../img/c04.png) no-repeat center center; height: 1005px; }
.cs { color: #842100; font-size: 14px; line-height: 22px; font-weight: bold; text-align: left; padding-left: 20px; }
.cs1 { padding-top: 90px; }
.cs2 { padding-top: 150px; }
.cs3 { padding-top: 162px; }
.uploadlabel { opacity: 0; width: 240px; height: 180px; display: block; cursor: pointer; background: #ffffff; }
.event-work-bg { padding-top: 20px; position: relative; z-index: 2; }
/*1215zhuijia*/

a.gsTopB { background: url(../img/gsb.gif) no-repeat center center; }
.topText b { font-size: 20px; font-weight: bold; }
.gstle { font-size: 30px; color: #621900; font-weight: bold; }
.gstle span { font-size: 44px; }
.gsb1 { background: url(../img/gsb1.png) no-repeat top center; height: 611px; margin-top: 80px; }
.gswp { width: 860px; margin-left: auto; margin-right: auto; }
.gswk1 { width: 836px; border: 2px #621900 solid; box-sizing: border-box; margin-left: 12px; }
.gswT { padding-left: 12px; color: #621900; }
.gswkName a, .gswkName { font-size: 22px; }
.gsusName a, .gsusName { font-size: 18px; }
.gsList { display: flex; justify-content: space-between; flex-wrap: wrap; }
.gsList li img { width: 412px; height: 309px; border: 2px #621900 solid; box-sizing: border-box; }
.gsb2 { background: url(../img/gsb2.png) no-repeat top center; height: 1011px; margin-top: 80px; }
.wkovr { width: 410px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gsList li { margin-bottom: 20px; }
.gsb3 { background: url(../img/gsb3.png) no-repeat top center; height: 474px; margin-top: 80px; }
.gsb4 { background: url(../img/gsb4.png) no-repeat top center; height: 2198px; margin-top: 80px; background-size: 100% 100%; width: 1246px; margin-left: auto; margin-right: auto; }