@charset "utf-8";
/* CSS */
/*1. 布局*/
.wp{width:1200px; background: rgba(255,255,255,0.0)}/*默认为空为1083px*/
/*2. 视觉  */
body,html{overflow-x: hidden;}
body{background:#0ca46b; font-family: '微软雅黑';}
.wrapper{background:url(https://img.zcool.cn/event-resource/yoyolook/assets/img/banner.png) no-repeat center top;}
/*全站主色*/
.maincolor{color:#fff;}
.btnZT,a.btnZT{ background:#f94d52;width:153px;height:54px;margin:0;font-size:18px;font-weight:bold;padding:0; text-align:center; 
	color:#fff;border-radius: 5px; display: inline-block;}/*按钮*/
.btnZT:hover,a.btnZT:hover{background:#d12429;color:#fff;}

a.btnZT.disabled,a.btnZT.disabled:hover,.btnZT.disabled, .btnZT.disabled:hover{opacity: 0.5;color:#fff;background: url(https://img.zcool.cn/event-resource/yoyolook/assets/img/dbtn.png) no-repeat center center;background-color:transparent !important;}

/*3. 头图*/
.headerBanner{background:none;height:705px;margin-top: -3px;z-index: 1; position: relative;}

.btnZT.btnZT-uploadzp{ background:none;border:none;padding:0; display:inline-block;width:151px;height:55px; background:url(https://img.zcool.cn/event-resource/yoyolook/assets/img/upbs.png) no-repeat left top;margin-left:-75px; position:absolute;left:50%;top:425px;}
.btnZT.btnZT-uploadzp:hover{ opacity:0.9; background:url(https://img.zcool.cn/event-resource/yoyolook/assets/img/upbs.png) no-repeat right top;}
/*4. 导航*/
.navWrapper{ background:url(https://img.zcool.cn/event-resource/yoyolook/assets/img/navbg.png) no-repeat center center; height:54px; margin: 0 auto; color: #fff; line-height: 54px;}/*导航背景色*/
.nav li{float: left; height: 54px; line-height: 48px;padding: 0 35px;text-shadow: 1px 3px 6px #666;}
.nav li:first-child{margin-left: 110px;}
.nav li a{color: #fff; font-size: 24px; font-weight: bold; text-decoration: none;}
.nav li.active a,.nav li a:hover{color: #fbe040;}
.mt40{margin-top:40px;}.ml40{margin-left:40px;}
.mt50{margin-top:50px;}.mr50{margin-right:50px;}.ml50{margin-left:50px;}.ml60{margin-left:60px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}

.pw{overflow: hidden;}
.pw img{margin-left:80px;}

.mainWrapper{padding:10px 0 0 0 ;}
.zxUlTitle a{color:#fff;}
.zxUlDesS{color:#fff;}
.zxUlDes,.zxUlDes a{color:#fff;}

.all .zxUlTitle a{color:#fff;}
.all .zxUlDesS{color:#fff;}
.all .zxUlDes,.zxUlDes a{color:#fff;}

.zxUl{ padding: 0 30px; }

.dosx{ color:#ededed; right: 140px; position: absolute;}
.dosx a{color:#ededed;}
.dosx span{color:#ededed;}
.dosx .verdana{ color:#ededed}

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



/*5.1 上传作品*//*5.2 下载模版*/
a.btnZT-uploadzp,a.btnZT-downmb{background-color:transparent; border:solid 2px #0a8cf6;line-height:30px; padding:0 20px;color:#0a8cf6;}
a.btnZT-uploadzp:hover,a.btnZT-downmb:hover{ background-color:#0a8cf6; color:#e7e3e3}
.btn_uploadfile{width:98px;text-indent:-999px;background:url(https://img.zcool.cn/event-resource/yoyolook/assets/img/uplaod.png);  display:inline-block; height:37px; position:relative; overflow:hidden;cursor:pointer}
.btn_uploadfile:hover{background:url(https://img.zcool.cn/event-resource/yoyolook/assets/img/uplaod.png); opacity: 0.8; }
.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}

/*其他*/


.maintitle{ display: table; width:100%;}
.maintitle .mtimg{ display: table-cell; height:347px;padding-bottom:50px;text-align: center; vertical-align: middle; }




.bg1{ background:url(https://img.zcool.cn/event-resource/yoyolook/assets/img/bg1.jpg) no-repeat center top; padding:170px 0 0;}
.bg2{ background:url(https://img.zcool.cn/event-resource/yoyolook/assets/img/bg2.jpg) no-repeat center top; padding:100px 0 0;}
.bg3{ background: #212121; padding:80px 0 ;margin-top:80px;}
.bg4{ background: #ff4800; padding:80px 0;}
.downlogos{background:url(https://img.zcool.cn/event-resource/yoyolook/assets/img/bg2.jpg) no-repeat center top;margin-top:60px; padding:100px 0 80px;}
.downlogos.other{background:url(https://img.zcool.cn/event-resource/yoyolook/assets/img/bg3.jpg) no-repeat center top;}







.fontball{width:640px;height:470px;padding-top:30px;margin:40px auto 0; position: relative; background:rgba(0,0,0,0);}
.fontball img{ position: absolute;left:0;top:0;width:auto;height:auto;}
#fontBall{width:470px;height:470px; position: relative;margin:0px 0 0 170px;}

.acyy{ background: url(https://img.zcool.cn/event-resource/yoyolook/assets/img/acyy.png) no-repeat center center; height: 347px; position: relative;}
.acTxt{ position: absolute; font-size: 16px; color: #0ca46b; width: 756px; left: 375px; top: 55px; line-height: 30px;}

.acTxt p,.acTxt span,.deTxt p{font-weight: bold; font-size: 18px;}

.timeImg{margin-top: 110px;}
.deTxt{ position: absolute; font-size: 14px; color: #0ca46b; width: 1074px; top:70px; line-height: 30px; left: 125px;}
.bgsm{background: url(https://img.zcool.cn/event-resource/yoyolook/assets/img/sm.png) no-repeat center center; height: 411px; position: relative;margin-left: -60px;}
.bgsm2{background: url(https://img.zcool.cn/event-resource/yoyolook/assets/img/sm2.png?131) no-repeat center center; height: 833px; position: relative;margin-left: -60px;}
a.kmore{ background: url(https://img.zcool.cn/event-resource/yoyolook/assets/img/dbtn.png) no-repeat center center; height: 54px; width: 153px; color: #fff;display: inline-block; font-size: 24px; line-height: 48px;text-align: center;text-decoration: none;position: absolute; right: 250px; bottom: 80px; font-weight: bold;text-shadow: 1px 3px 6px #666;}
a.zB{ background: url(https://img.zcool.cn/event-resource/yoyolook/assets/img/dbtn.png) no-repeat center center; height: 54px; width: 153px; color: #fff;display: inline-block; font-size: 24px; line-height: 48px;text-align: center;text-decoration: none;position: absolute;font-weight: bold;text-shadow: 1px 3px 6px #666;}
a.kmore:hover,a.zB:hover{ background: url(https://img.zcool.cn/event-resource/yoyolook/assets/img/dhover.png) no-repeat center center; color: #fbe040;}
.pwbg{background: url(https://img.zcool.cn/event-resource/yoyolook/assets/img/pwbg.png) no-repeat center center; height: 407px; position: relative; margin-left: -10px;}
.pwUl{ position: absolute; }

.pwUl li{ float: left;}
.pwUl li img{ height: 165px; width: 165px; border-radius: 200px; background: #fff;display: block;}

a.fRight{ color: #fff; font-size: 16px; text-align: right; position: absolute; right: 165px;}
.flogo{ margin: 80px 0; }


.about{ background: url(https://img.zcool.cn/event-resource/yoyolook/assets/img/about.png) no-repeat center center; height: 358px; position: relative;}

.abTxt{position: absolute; font-size: 16px; color: #0ca46b; left: 60px; top: 65px; width:1068px; line-height: 30px;}

a.ZBp{bottom: 80px; right: 60px; }
a.dasBtn{ bottom: 80px; right: 60px; }
.csxz{ background: url(https://img.zcool.cn/event-resource/yoyolook/assets/img/csxz.png) no-repeat center center; height: 439px;  position: relative;}

.ceTxt{left: 60px; top: 81px;}
.ceTxt a{color: #0ca46b;}
.lj{background: url(https://img.zcool.cn/event-resource/yoyolook/assets/img/xgqy.png) no-repeat center center; height: 248px;  position: relative; margin-left: 20px;}
.leTxt{color: #ff3761; left: 40px; top: 65px;}
.xgqy{background: url(https://img.zcool.cn/event-resource/yoyolook/assets/img/ghr.png) no-repeat center center; height: 324px;  position: relative; margin-left: -20px;}

.xeTxt{left: 80px; top: 81px;}

.all{ color: #fff; text-shadow: 1px 3px 6px #666; padding-left: 60px;}
.titleB{ font-size: 26px; color: #fff; font-weight: bold; text-shadow: 1px 3px 6px #666; padding-top: 50px; }


input.btnZT{background: url(https://img.zcool.cn/event-resource/yoyolook/assets/img/dbtn.png) no-repeat center center; height: 54px; width: 153px; 
	display: inline-block; font-size: 24px; color: #fff; text-align: center;box-sizing:border-box;
	font-weight: bold; text-shadow: 1px 3px 6px #666;padding-bottom:10px;}
input.btnZT:hover{background: url(https://img.zcool.cn/event-resource/yoyolook/assets/img/dhover.png) no-repeat center center; color: #fbe040;}





.miniwp{margin:0 auto;width:1110px;}
.gstxt{width:1107px;height:347px;color:#0ca46b;font-size:16px;line-height:32px; background: url(https://img.zcool.cn/event-resource/yoyolook/assets/img/gsbg.png);margin-left:auto;margin-right:auto; box-sizing:border-box;padding:75px 30px 0 332px;}


.miniwp .zxUl{padding:0 0 0 5px;}
.miniwp .zxUl li{margin-right:30px;margin-top:0;}






.titlecon{color:#fff;}
.titlecon a{color:#fff;}
.libox{margin-right:-55px;padding-left:5px;}
.li{float:left;width:347px;margin-right:33px;}