@charset "utf-8";
/* CSS */
/*1. 布局*/
.wp{width:1200px; background: rgba(255,255,255,0.0)}/*默认为空为1083px*/
/*2. 视觉  */
body,html{overflow-x: hidden;}
body{background:#eefdfe; font-family: '微软雅黑';}
.wrapper{}
/*全站主色*/
.maincolor{color:#002ab8;}
.btnZT,a.btnZT{font-weight:bold; 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://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/d_gray.png) no-repeat center center;background-color:transparent !important;}

/*3. 头图*/
.headerBanner{background:url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/banner.jpg) no-repeat center top;height:578px;margin-top: -3px;z-index: 1; position: relative;}

.btnZT.btnZT-uploadzp{font-weight:bold; background:none;border:none;padding:0; display:inline-block;width:153px;height:70px; background:url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/upbs.png) no-repeat left top;margin-left:-76px; position:absolute;left:50%;top:367px;}
.btnZT.btnZT-uploadzp:hover{ opacity:0.9; background:url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/upbs.png) no-repeat right top;}

/*4. 导航*/
.navWrapper{ background:none; height:55px; margin: 5px auto 0; color: #fff; line-height: 55px;}/*导航背景色*/
.nav{width:960px;margin:0 auto;}
.nav li{float: left; height: 55px; line-height: 55px;margin-left:50px; text-align:center;}
.nav li:first-child{margin-left:14px;}
.nav li a{color: #fff; display: inline-block; font-size: 24px; background-repeat: no-repeat; font-weight: bold; text-decoration: none;}
.nav li:nth-child(1) a{width:110px;height:55px;background-image: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/nav1.png);}
.nav li:nth-child(1) a:hover,.nav li:nth-child(1).active a{background-image: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/nav1_on.png);}
.nav li:nth-child(2) a{width:140px;height:55px;background-image: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/nav2.png);}
.nav li:nth-child(2) a:hover,.nav li:nth-child(2).active a{background-image: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/nav2_on.png);}
.nav li:nth-child(3) a{width:140px;height:55px;background-image: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/nav3.png);}
.nav li:nth-child(3) a:hover,.nav li:nth-child(3).active a{background-image: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/nav3_on.png);}
.nav li:nth-child(4) a{width:118px;height:55px;background-image: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/nav4.png);}
.nav li:nth-child(4) a:hover,.nav li:nth-child(4).active a{background-image: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/nav4_on.png);}
.nav li:nth-child(5) a{width:184px;height:55px;background-image: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/nav5.png);}
.nav li:nth-child(5) a:hover,.nav li:nth-child(5).active a{background-image: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/nav5_on.png);}




.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 ;background: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/bg.jpg) no-repeat center top;}
.zxUlTitle a{color:#282828;}
.zxUlDesS{color:#282828;}
.zxUlDes,.zxUlDes a{color:#282828;}

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

.zxUl{ padding: 0 30px 0 60px; }

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

.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:112px;text-indent:-999px;background:url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/upload.png);  display:inline-block; height:44px; position:relative; overflow:hidden;cursor:pointer}
.btn_uploadfile:hover{background:url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/upload.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}

/*其他*/
.dtitle{font-size:30px;color:#007aff;font-weight:bold;text-align:center; position: relative;}




.flogo{height:440px;padding-top:100px; background: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/dbg.png) no-repeat center bottom; text-align: center;}


input.btnZT{background: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/d.png) no-repeat center center; height: 51px; width: 140px; 
	display: inline-block; font-size: 24px; color: #fff; text-align: center;box-sizing:border-box;
	font-weight: bold; }
input.btnZT:hover{background: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/d_on.png) no-repeat center center; color: #fff;}



.box1{width:821px;height:311px;margin:70px auto 0;background: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/box1.png) no-repeat center center;}
.box1content{font-size:16px;line-height:24px;color:#fff; text-align: center;padding-top:90px;}


.box2content{background: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/box2.png) no-repeat center bottom;margin-top:30px; text-align: center;color:#002ab8;font-size:16px;line-height:30px; box-sizing: border-box;padding:0 90px 20px;}
.box2content-plus{background: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/box2s.png) no-repeat center bottom;margin-top:30px; text-align: center;color:#002ab8;font-size:16px;line-height:30px; box-sizing: border-box;padding:0 90px 20px;}

.miniwp{margin:0 auto;width:1110px;}

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

.line{background-color: #9ae4ff;height:1px;width:920px;margin-left:auto;margin-right:auto;}


a.btn-more{font-weight:bold; background:url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/bt.png) no-repeat center center; display: inline-block;width:140px;height:55px;line-height:55px;text-align: center;font-size:24px;color:#fff; }
a.btn-more:hover{background:url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/bt_on.png) no-repeat center center; text-decoration: none; }
a.btn-down{font-weight:bold; background:url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/d.png) no-repeat center center; display: inline-block;width:140px;height:55px;line-height:55px;text-align: center;font-size:24px;color:#fff; }
a.btn-down:hover{background:url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/d_on.png) no-repeat center center; text-decoration: none; }


.i1{ position: absolute;left:70px;top:-30px; }
a.seemore{font-size:16px;color:#007aff; position: absolute;right:65px;bottom:-20px;}
a.seemore:hover{color:#1443e0;}

.box3content{height:216px;background: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/bz.png) no-repeat center top;}
.box4content{height:200px;background: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/pw.png) no-repeat center top;margin-top:30px;}


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




.zt-title{color:#007aff;}

.mwp{width:920px;margin-left:auto;margin-right:auto;}
.thistext{color:#002ab8;font-size:16px;line-height:24px; text-align: center;margin-top:30px;}




.titleB{color:#007aff;font-size:30px;font-weight:bold;margin-top:60px;}


.ctitle{font-size:24px;color:#007aff;padding:50px 0 0px; font-weight:bold; text-align: center;}

.thistext.bigtext {line-height:30px;}

.thistext.minileft.bigtext{text-align: left;line-height:36px;/*padding-left:50px;padding-right:50px;*/}


.aboutcontent1{width:620px;margin-left:auto;margin-right:auto; padding:10px 300px 0 0;min-height:140px;background: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/content1.png) no-repeat right top;}

.aboutcontent2{width:920px;margin-left:auto;margin-right:auto; padding:0px 0px 0px 0;min-height:140px;background: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/content2.png) no-repeat center bottom;}


.aboutcontent3{width:420px;margin-left:auto;margin-right:auto; padding:10px 500px 0 0;min-height:267px;background: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/content4.png) no-repeat right top;}
.aboutcontent4{width:920px;margin-left:auto;margin-right:auto; text-align: left; box-sizing: border-box; padding:330px 0px 0px 600px;min-height:409px;background: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/content5.png) no-repeat center top;}
.aboutcontent5{}

.videobox{margin-left:auto;margin-right:auto;width:920px;}




/**/
.nav li{float: left; height: 55px; line-height: 55px;margin-left:20px; text-align:center;}
.nav li:nth-child(6) a{width:140px;height:55px;background-image: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/nav3.png);}
.nav li:nth-child(6) a:hover,.nav li:nth-child(3).active a{background-image: url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/nav3_on.png);}
.tpbox{font-size:16px;color:#002ab8;line-height:30px; text-align:center;margin-top:30px;}
.tpbox h1{font-size:30px;color:#007aff;line-height:37px;padding:20px 0;}


.smwp{width:1080px;margin-left:auto;margin-right:auto;margin-top:70px;}
.tplist{margin-right:-30px;}
.tplist li{width:250px;margin-right:26px;float:left;height:350px;}

.tpdes{font-size:14px;}
.tpdes > div{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding:10px 0 5px;}
.tpdes > div a{font-size:14px;color:#000;}
.tpdes a{color:#000;}

.tpbtnbox{ text-align: center;padding-top:10px; }
.tpbtnbox-align-left{ text-align: left;padding-top:10px; }
.tpbutton{width:180px;height:37px; cursor: pointer; border-radius: 100px; text-align: center; position: relative; display: inline-block;background: #007aff;color:#fff;line-height:37px;font-size:16px;}
.tpbutton input{ position: absolute;opacity: 0;}
.tpbutton span{ font-weight:bold; }
.tpbutton b{ display: none; }

.tpbutton:hover{background: #1443e0;}

.tpbutton.active{background: #999999;}
.tpbutton.active span{display: none;}
.tpbutton.active b{ display: inline; }



a.subbtn{width:200px;height:49px; cursor: pointer; border-radius: 100px; text-align: center; position: relative; display: inline-block;background: #007aff;color:#fff;line-height:49px;font-size:24px;}
a.subbtn:hover{background: #1443e0; text-decoration: none;}
a.subbtn.disable{background: #999999; cursor: default;color:#fff;}






.pops{position: fixed;left:0;top:0;right:0;bottom: 0;z-index:22; display: none;}
.popsbg{left:0;top:0;right:0;bottom: 0;position: absolute;background: rgba(0,0,0,0.5);}
.popsclose{position: absolute;right:90px;top:25px;}
.popscontent{width:559px;height:507px; position: absolute;left:50%;top:50%;margin:-253px 0 0 -280px;z-index:2;background:url(https://public-static.zcool.com.cn/event-resource/dr.bear/assets/img/bear.png);}
.code{margin:0 auto;width:320px;padding-top:180px;}
.popsmsg{ text-align: center; }
.popsmsg h1{font-size:36px;color:#fed600;padding-top:200px;padding-bottom:30px;}


a.backbtn{color:#1d60f8;background: #fff; border-radius:100px;height:37px;width:180px;display: inline-block;line-height:37px;font-size:16px;}
a.backbtn:hover{color:#002884; text-decoration: none;}



/**gongshi***/
.wpmini{width:950px;margin-left:auto;margin-right:auto;text-align: left;}
.lides{line-height:24px;font-size:14px;padding-top:15px;}
.lides > a{font-size:16px;color:#000;}
.litwo{margin-right:0px;}
.litwo li{float:left;width:440px;margin-right:40px;}
.litwo li:last-child{margin-right: 0;}
.lithree{margin-right:-50px;}
.lithree{}
.lithree li{float:left;width:307px;margin-right:14px;height:310px;}
.dearT{font-size: 30px; color: #007aff; font-weight: bold;}
.contTxt{ font-size: 16px; color: #002ab8;}
.desct{ font-size: 20px; color: #ff242e; font-weight: bold; }
.desct p{font-size: 16px; font-weight: normal;}
.contdis{ font-size: 20px; color: #002ab8; font-weight: bold; }
.contwpBox{ margin: 60px 130px 0 130px;}
.priceTitle{ font-size: 30px;color: #007aff; border-top: 1px solid #9ae4ff; font-weight: bold;}
.priceTitle span{color: #fa4242;}
.lides{color: #000; font-size: 12px;}
.lides a{color: #000; font-size: 14px;}
a.lidesname{ font-size: 12px; }
.zxUlTh{margin-left: 80px;}
.zxUlTh li{ float: left; width: 250px;height: 255px; margin: 20px 25px 0 0;}
.lidesOver > div{width: 240px; text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}