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


.pt60{padding-top:60px;}
.pt80{padding-top:80px;}
.pb80{padding-bottom:80px;}
.center{text-align: center;}


body,html{overflow-x: hidden;}
/*body{font-family:"-apple-system","San-Fransico",Helvetica Neue,Helvetica,Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;background: #fff;height:100%;}*/
body{font-family:"-apple-system","San-Fransico",Helvetica Neue,Helvetica,Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;background:url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/bg.jpg);}


.wp{width:1080px;margin-left:auto;margin-right:auto;}



.headerWrapper{height:440px;background:url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/banner.png) no-repeat center 40px;}





#nav{ position: fixed;right:0;top:50%;margin-top:-322px;z-index:2212;width:156px;height:644px;background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/navbg.png); display: none;}
#nav ul{padding-top:50px;}
#nav li{margin:0 auto;position: relative; height:72px;width:124px;background-repeat: no-repeat;background-image: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/navfont.png);}
#nav li.disabled{ cursor:default; opacity: 0.5; }
#nav li:nth-child(1){background-position:left 26px; }
#nav li:nth-child(1):hover,#nav li:nth-child(1).active{background-position:right 26px; }
#nav li:nth-child(1).disabled,#nav li:nth-child(1).disabled:hover{background-position:left 26px;opacity: 0.5; }

#nav li:nth-child(2){background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/hd.png) no-repeat center center; }
#nav li:nth-child(2):hover,#nav li:nth-child(2).active{background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/hd_on.png) no-repeat center center; }
#nav li:nth-child(2).disabled,#nav li:nth-child(2).disabled:hover{background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/hd.png) no-repeat center center;opacity: 0.5; }

#nav li:nth-child(3){background-position:left -46px; }
#nav li:nth-child(3):hover,#nav li:nth-child(3).active{background-position:right -46px; }
#nav li:nth-child(3).disabled,#nav li:nth-child(3).disabled:hover{background-position:left -46px;opacity: 0.5; }

#nav li:nth-child(4){background-position:left -118px; }
#nav li:nth-child(4):hover,#nav li:nth-child(4).active{background-position:right -118px; }
#nav li:nth-child(4).disabled,#nav li:nth-child(4).disabled:hover{background-position:left -118px;opacity: 0.5; }

#nav li:nth-child(5){background-position:left -190px; }
#nav li:nth-child(5):hover,#nav li:nth-child(5).active{background-position:right -190px; }
#nav li:nth-child(5).disabled,#nav li:nth-child(5).disabled:hover{background-position:left -190px;opacity: 0.5; }

#nav li:nth-child(6){background-position:left -262px; }
#nav li:nth-child(6):hover,#nav li:nth-child(6).active{background-position:right -262px; }
#nav li:nth-child(6).disabled,#nav li:nth-child(6).disabled:hover{background-position:left -262px;opacity: 0.5; }

#nav li:nth-child(7){background-position:left -334px; }
#nav li:nth-child(7):hover,#nav li:nth-child(7).active{background-position:right -334px; }
#nav li:nth-child(7).disabled,#nav li:nth-child(7).disabled:hover{background-position:left -334px;opacity: 0.5; }

#nav li:nth-child(8){background-position:left -406px; }
#nav li:nth-child(8):hover,#nav li:nth-child(8).active{background-position:right -406px; }
#nav li:nth-child(8).disabled,#nav li:nth-child(8).disabled:hover{background-position:left -406px;opacity: 0.5; }



#nav li.active:before{content:"";background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/active.png) no-repeat center center;width:123px;height:5px; position: absolute;left:50%;margin:55px 0 0 -61px;top:0;}

#nav li:nth-child(8):hover .jiathis_style_32x32{display: block;}
 
.jiathis_style_32x32{width:175px;height:62px;background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/share.png); box-sizing: border-box;padding-top:10px; position: absolute;right:100%;top:5px;display: none ; text-align: center;padding-right:20px;}
.jiathis_style_32x32 a{display: inline-block;margin:0 10px;}
.jiathis_style_32x32 .jiathis_button_tsina_special{width:42px;height:42px;background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/sina.png) no-repeat center center;float:none; }
.jiathis_style_32x32 .jiathis_button_tsina_special:hover{opacity: .8;}
.jiathis_style_32x32 .jiathis_button_weixin_special{width:42px;height:42px;background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/wx.png) no-repeat center center;float:none;}
.jiathis_style_32x32 .jiathis_button_weixin_special:hover{opacity: .8;}

.dlogo{padding:130px 0;}



#nav li > a{display:block;height:72px;}


.box1{width:1118px;height:513px;position: relative;margin:0 auto 0; background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/box2.png);}
.box1_1{color:#fff;font-size:14px;line-height:22px;position: absolute;left:50px;top:40px;}


.videos{width:540px;height:225px; background: #000; position: absolute;right:8px;top:5px; position: absolute;}
.videos span{ position: absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,0.5) url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/play.png) no-repeat center center; z-index:22; cursor: pointer;}

.nvxia{position: absolute;left:418px;top:161px;transform-origin:center 239px;z-index:33; transition:  transform ease .5s;}
.nvxia:hover{ transform: scale(1.05); }

#font{width:150px;height:150px;display: flex;align-items: center;justify-content: center;position: absolute;left:925px;top:260px;}

.ry{ position: absolute;left:716px;top:248px;z-index:222; display: none; }



.box2{width:1257px;height:546px;position: relative;margin:40px auto 0; background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/box3.png) no-repeat center top;}
.box3{width:1112px;height:124px;position: relative;margin:0px auto 0; background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/box4.png) no-repeat center top;}


.box2_1{width:250px; text-align: center;line-height:25px;font-size:16px; position: absolute;left:100px;top:245px;}
.box2_2{width:700px; text-align: left;line-height:25px;font-size:16px; position: absolute;left:460px;top:185px;color:#fff;}

.box2_2 .span{color:#ffcf3d;}



.addattention{display: inline-block;z-index:222;position: absolute;width:25px;height:25px;background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/ad.png);}
.addattention.done{background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/do.png);}
.addattention:hover{opacity: .8;}
.ps{position: absolute;}
.personFloor1{width:1110px;height:817px; position: relative;margin-left:auto;margin-right:auto;}




.person1{position: absolute;}
.person1 .addattention{left:246px;top:183px;}
.p1_1{left:150px;top:20px;z-index:2;}
.p1_1 a{position: absolute;width:100%;top:0;display: inline-block;height:155px;}
.p1_2{left:54px;top:244px; transition: all ease 0.3s;}
.p1_2:hover{transform: scale(1.05);}


.person2{position: absolute;right:50px;top:0;width:631px;}
.person2 .addattention{left:130px;top:453px;}
.p2_1{left:60px;top:270px;z-index:2;}
.p2_1 a{position: absolute;width:100%;top:0;display: inline-block;height:170px;}
.p2_2{transition: all ease 0.3s;}
.p2_2:hover{transform: scale(1.05);}




.personFloor2{width:1110px;height:850px; position: relative;margin-left:auto;margin-right:auto;}
.person3 .addattention{right:134px;top:316px;}
.p3_1{right:184px;top:270px;z-index:3;}
.p3_1 a{position: absolute;width:100%;top:0;display: inline-block;height:170px;}
.p3_2{position: absolute;left:54px;top:0;z-index:2;}

.p3_3{left:80px;top:227px;z-index:2;animation:flat .5s linear infinite;}
.p3_4{right:60px;top:442px;}

@keyframes flat{
	0%{transform: scale(1);}
	50%{transform: scale(1.05);}
	100%{transform: scale(1);}
}



.personFloor3{width:1110px;height:958px; position: relative;margin-left:auto;margin-right:auto;}
.person4{}
.person4 .addattention{left:430px;top:823px;}
.p4_1{left:330px;top:660px;z-index:2;}
.p4_1 a{position: absolute;width:100%;top:0;display: inline-block;height:155px;}
.p4_2{left:0;top:0; transition: all ease 0.3s;}
.p4_2:hover{transform: scale(1.05);}

.person5{position: absolute;right:20px;top:0;width:460px;}
.person5 .addattention{left:330px;top:140px;}
.p5_1{right:40px;top:50px;z-index:2;}
.p5_1 a{position: absolute;width:100%;top:0;display: inline-block;height:170px;}
.p5_2{transition: all ease 0.3s;top:175px;right:0;}
.p5_2:hover{transform: scale(1.05);}



.personFloor4{width:1110px;height:700px;text-align: center;padding-top:74px; position: relative;margin-left:auto;margin-right:auto;}
.person6 .addattention{right:45px;top:35px;}
.p6_1{right:100px;top:0px;z-index:2;}
.p6_1 a{position: absolute;width:100%;top:0;display: inline-block;height:75px;}





.personFloor5{width:1110px;height:770px; position: relative;margin-left:auto;margin-right:auto;}
.person7 .addattention{left:120px;top:179px;}
.p7_1{left:40px;top:40px;z-index:2;}
.p7_1 a{position: absolute;width:100%;top:0;display: inline-block;height:124px;}
.p7_2{left:40px;top:120px; transition: all ease 0.3s;}
.p7_2:hover{transform: scale(1.05);}

.person8{position: absolute;right:20px;top:0;width:430px;}
.person8 .addattention{left:320px;top:34px;}
.p8_1{left:40px;top:0px;z-index:2;}
.p8_1 a{position: absolute;width:100%;top:0;display: inline-block;height:100px;width:220px;}
.p8_2{transition: all ease 0.3s;top:80px;right:0;}
.p8_2:hover{transform: scale(1.05);}





.personFloor6{width:1110px;height:620px;  position: relative;margin-left:auto;margin-right:auto;}
.person9 .addattention{left:300px;top:553px;}
.p9_1{left:0px;top:470px;z-index:2;}
.p9_1 a{position: absolute;width:100%;top:0;display: inline-block;height:155px;}
.p9_2{left:50px;top:40px; transition: all ease 0.3s;}
.p9_2:hover{transform: scale(1.05);}

.person10{position: absolute;right:0px;top:0;width:710px;}
.person10 .addattention{left:390px;top:68px;}
.p10_1{right:40px;top:0px;z-index:2;}
.p10_1 a{position: absolute;width:100%;top:0;display: inline-block;height:170px;}
.p10_2{transition: all ease 0.3s;top:40px;right:-30px;}





.dlpop{position:fixed;left:0;right:0;top:0;bottom:0;z-index:5551; background: rgba(0,0,0,0.5); display: none;}
.dlpopCon{background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/dl.png);width:462px;height:320px; position: absolute;left:50%;top:50%;margin:-160px 0 0 -231px; box-sizing: border-box;text-align: center;padding-top:200px;}
.dlpop .xs{position: absolute;right:30px;top:20px;}
.dlpopCon a:hover{opacity: 0.8;}


.dvpop{position:fixed;left:0;right:0;top:0;bottom:0;z-index:5551; background: rgba(0,0,0,0.5);display: none;}
.dvpopCon{background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/dvbg.png);width:443px;height:339px; display: flex;justify-content: center;align-items: center; position: absolute;left:50%;top:50%;margin:-170px 0 0 -221px; box-sizing: border-box;text-align: center;}
.dvpop .xs{position: absolute;right:30px;top:20px;}
.dvpopCon a:hover{opacity: 0.8;}









.box4{width:1116px;height:1029px;position: relative;margin-left: auto;margin-right: auto; background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/zp.png);}




.box6{width:1110px;height:319px;position: relative;margin-left: auto;margin-right: auto; background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/zbg.png);}

.probox{ position: absolute;overflow: hidden;width:1090px;height:296px;left:11px;top:11px; }


.steptab{text-align: center;padding:40px 0;}
.steptab span{display: inline-block;cursor: pointer; width:187px;height:48px;background-repeat: no-repeat; background-image: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/a.png);margin:0 30px;}
.steptab span.disabled{background-image: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/a_off.png); cursor:default;}
.steptab span.active{background-image: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/a_active.png);}

.steptab span:nth-child(1){background-position: left 0;}
.steptab span:nth-child(2){background-position: -236px 0;}
.steptab span:nth-child(3){background-position: -479px 0;}




.probox{display: none;}
.probox.active{display: block;}
.probox:hover .downshow{ transform: translateY(0); }
.downshow{ position: absolute;left:0;right:0;bottom:0; text-align: center;transform: translateY(180px); transition: transform ease .3s;  }



.smwp{width:800px;margin:0 auto;}
.smwplinks{font-size:14px;padding:205px 0 0;}
.smwplinks a{color:#000;}
.smwplinks span{margin:0 10px;}
.smwplinks a.selected{font-weight:bold;color:#f00;}
.Moreworks{float:right;}


.downshow .dsbg{height:100px; position: absolute;background: rgba(0,0,0,0.5);left:0;right:0;bottom:0;}
.dshead{position: relative;z-index:2;height:100px;width:100px;}
.dshead img{height:100px;width:100px; box-sizing: border-box;border:2px solid #000; border-radius: 1000px;}
.dshead img:hover{border-color:#fff;}
a.dsname{position: relative;z-index:2;color:#fff;font-size:18px;}
a.dstitle{position: relative;z-index:2;color:#fff;font-size:16px;}



.pros{min-height:490px;display: flex; justify-content: flex-start;flex-wrap:wrap;}
.pros li{width:250px;padding:20px 0 20px;margin-right:25px;}
.pros li:nth-child(3n){margin-right:0;}
.pros li:hover .propop{transform: translateY(0px); }
.proboxs{position: relative;width:250px;height:188px; overflow: hidden;}

.propop{position: absolute;left:0;bottom:0;right:0;background: #fff;height:60px;padding:0 5px;align-items: center; display: flex;justify-content:flex-start;  overflow: hidden;transform: translateY(60px); transition: transform ease .3s; }
.propop a:nth-child(1){display: inline-block;width:48px;}
.propop a:nth-child(2){display: inline-block;width:175px;padding-left:10px;font-size:14px;color:#000;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.rqdev{font-size:14px;padding:5px 0 0;}
.rqdev span{color:#f30;}

a.gobtn{display: inline-block;width:181px;height:57px;background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/up.png) no-repeat left top;}
a.gobtn:hover{background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/up.png) no-repeat right top;}















.maincolor{color:#000;}


.zxUlTitle a{color:#282828;}
.zxUlDesS{color:#666;}
.zxUlDes,.zxUlDes a{color:#888;}

.all .zxUlTitle a{color:#282828;}
.all .zxUlDesS{color:#666;}
.all .zxUlDes,.zxUlDes a{color:#888;}

.zxUl{ padding: 0 0px; }

.dosx{ color:#282828; right: 140px;margin-top:5px;}
.dosx a{color:#282828;}
.dosx span{color:#282828;}
.dosx .verdana{ color:#282828}



.titles{font-size:26px;font-weight:bold;color:#282828;}

.input_text, .textarea{border-color:#ccc;}



.btn_uploadfile.btnZT{width:106px;height:41px;background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/upload.png); overflow: hidden;text-indent: -999px;}
.btn_uploadfile.btnZT:hover{opacity: .8;}

.btns-1.btnZT{width:181px;height:57px;border:0; cursor: pointer;background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/btn-1.png);}
.btns-1.btnZT:hover{opacity: .8;}
.btns-1.btnZT.disabled{opacity: .5; cursor:default ;}


.btns-2.btnZT{width:181px;height:57px;border:0; cursor: pointer;background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/btn-2.png);}
.btns-2.btnZT:hover{opacity: .8;}
.btns-2.btnZT.disabled{opacity: .5; cursor:default ;}



.btns-1.btnZT.disabled, .btns-1.btnZT.disabled:hover{background-color:transparent !important;}
.btns-2.btnZT.disabled, .btns-2.btnZT.disabled:hover{background-color:transparent !important;}
.btnZT:hover{}

/*5.1 上传作品*//*5.2 下载模版*/
.btn_uploadfile{width:128px;text-indent:-999px;background:url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/upload.png) no-repeat top center;  display:inline-block; 
	height:35px; position:relative; overflow:hidden;cursor:pointer;}
.btn_uploadfile:hover{background:url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/upload.png) no-repeat bottom center;}
.btn_uploadfile .btnZT{position:absolute;left:0; top:0; cursor:pointer; text-indent:-999px;}
.btn_uploadfile input{position:absolute; right:0; top:0; font-size:14px; opacity:0; cursor:pointer;height: 40px;}


.zxUlCon{position: relative;}
.zxUl li .zxUlCon img{width:16px;height:16px;position: absolute;right:0px;top:2px;}




/*0622add*/
#nav li:nth-child(1){background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/hj.png) no-repeat center center; }
#nav li:nth-child(1):hover,#nav li:nth-child(1).active{background: url(https://public-static.zcool.com.cn/event-resource/wonderwoman/assets/img/hj.png) no-repeat center center; }


.ptbox{padding:90px 0 80px; position: relative;width:1115px;display: block;margin:0 auto;}
.ptlink1{display: inline-block;width:316px;height:120px; position: absolute;left:800px;top:295px;z-index: 2;}
.ptlink2{display: inline-block;width:120px;height:42px; position: absolute;left:395px;top:470px;z-index: 2;}




.wonderBox{ width:1100px;height:880px; position: relative;margin:40px auto 0; }
.wonderBox li{position: absolute;z-index:2;}
.wonderImg{ display: inline-block; position: absolute;z-index:4;transition:  transform ease .5s;}
.wonderImg:hover{ transform:scale(1.05); }
.wonderDesigner{display: inline-block; position: absolute;z-index:5;}


.wonderBox li:nth-child(1){left:0px;top:0px;}
.wonderBox li:nth-child(1) .wonderImg{left:130px;top:0px;}
.wonderBox li:nth-child(1) .wonderDesigner{left:0px;top:290px;}

.wonderBox li:nth-child(2){left:606px;top:226px;}
.wonderBox li:nth-child(2) .wonderImg{left:0px;top:0px;}
.wonderBox li:nth-child(2) .wonderDesigner{left:252px;top:356px;}

.wonderBox li:nth-child(3){left:0px;top:445px;}
.wonderBox li:nth-child(3) .wonderImg{left:0px;top:0px;}
.wonderBox li:nth-child(3) .wonderDesigner{left:298px;top:315px;}