.netease-tips { display: none;}
body { background: url(../img/bg.jpg) center top no-repeat #eef2df; }
.bg { background: url(../img/bg_bottom.jpg) center bottom no-repeat; position: relative; min-width: 1200px; }
.logo { display: block; position: absolute; left: 35%; top: 70px; width: 350px;}
.logo img { width:100%;}
.footer { margin-top: 50px; }
#ncp-l1 { color: #fff}
#ncp-l2 { color: #fff}
#NIE-copyRight { position: relative; top: 35px}
#ncp-l3 { display: none!important}
.mb { width: 121px; height: 40px; position: relative; top: -2px; left: 4px; float: left; color: #fff; border-radius: 10px; line-height: 40px; text-align: center; cursor: pointer}
.pc { color: #870a0d; position: relative; background: #f9e8b7; top: -2px; left: -4px; width: 121px; height: 40px; float: left; border-radius: 10px; line-height: 40px; text-align: center; cursor: pointer}
.mb-login { display: none; width: 242px; margin: 0 auto}
.mb-login input { height: 40px; width: 192px; margin-bottom: 20px; border-radius: 3px; padding-left: 50px}
.phone { line-height: 40px; display: block; float: left; background: url(http://res.dhxy.netease.com/pc/zt/20161012174221/img/id_8c03fa0.png) #fff 5% 50% no-repeat}
.getcoders { line-height: 40px; width: 120px!important; display: block; float: left; background: url(http://res.dhxy.netease.com/pc/zt/20161012174221/img/dun_e9d92ff.png) #fff 8% 50% no-repeat; border-bottom-right-radius: 0!important; border-top-right-radius: 0!important}
.getcode { color: #fff; cursor: pointer; line-height: 40px; text-align: center; font-size: 12px; display: block; float: left; width: 72px; height: 40px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; background: #f0c05f}
.go { cursor: pointer; float: left; margin-left: 30px; width: 186px; height: 54px; background: url(http://res.dhxy.netease.com/pc/zt/20161012174221/img/btn_192x58_c59c979.jpg); transition: .3s}
.go:hover { transition: .3s; background: url(http://res.dhxy.netease.com/pc/zt/20161012174221/img/btn_192x58h_19b2b44.jpg) no-repeat}
.dick { pointer-events: none}
.sucker { background: #abc}
.reservation { display: none; width: 150px; height: 35px; text-align: center; line-height: 35px; color: #fff; font-size: 22px; background: #a12325; cursor: pointer; margin: 0 auto}
.link { color: #fff}
.link>a:hover { color: #753a1a; transition: .3s}
.qr { display: none; position: absolute; width: 120px; height: 131px; background: url(http://res.dhxy.netease.com/pc/zt/20161012174221/img/en_bk_d518323.png) no-repeat; z-index: 10000; top: 33px; left: 34px}
.qr img { margin-top: 15px; margin-left: 3px}
.alert_box .alert_wrap .alert_main .btns.btnsConfirm { background-color: #f0c05f!important}
.alert_box .alert_wrap .alertClose em { background-color: #f0c05f!important}
#example { height: 234px; margin: 0 auto}
.yy { display: none}
* { font-family: "Microsoft YaHei"}
#NIE-copyRight-corp span+span { width: 502px!important}
#NIE-copyRight-corp { left: 80px!important; width: 50%!important}
#NIE-copyRight-corp { width: 832px!important}
.hide { display: none}
.topbar { position: relative!important;}

/*主体与标题*/
.content { position: relative; margin: 0 auto; width: 1200px; padding-top: 750px; }
.content .areatitle { color: #ffd3a9; width: 622px; height: 51px; text-align: center; line-height: 51px; margin: 30px auto; font-size: 0; }
.content .areatitle.tit01 { background: url(../img/areatitle_01.png) center top no-repeat; }
.content .areatitle.tit02 { background: url(../img/areatitle_02.png) center top no-repeat; }
.content .areatitle.tit03 { background: url(../img/areatitle_03.png) center top no-repeat; }
.content .areatitle.tit04 { background: url(../img/areatitle_04.png) center top no-repeat; }
.content .areatitle.tit05 { background: url(../img/areatitle_05.png) center top no-repeat; }

/*活动介绍*/
.content .act_summary { overflow: hidden; margin-bottom: 50px;}
.content .act_summary .text { font-size: 16px; line-height: 2; color: #50686f; text-indent: 2em;text-align: center;}

/*大赛奖品*/
.content .act_prize { overflow: hidden; margin-bottom: 50px;}
.content .act_prize table tr td{ color:#50686f; border:1px solid #50686f; padding:3px;}
.content .act_prize table{ border:1px solid #50686f;}

.content .act_prize .text { font-size: 16px; line-height: 2; color: #50686f; text-indent: 2em; text-align: center; margin-bottom: 20px;}
.content .act_prize .icon { background: url(../img/act_prize_icon.png) center center no-repeat; width: 22px; height: 22px; display: inline-block; position: relative; top: 3px; margin-right: 10px;}
.content .act_prize span { color: #ffea00; font-size: 16px; font-weight: bold; margin: 0 5px;}
.content .act_prize .prizes { width:100%; overflow:hidden;} 
.content .act_prize .prizes ul { margin: 10px auto; width: 980px; background: #ebf2ff; padding: 25px 0;} 
.content .act_prize .prizes li { width: 210px; display: inline-block; margin: 0 0 0 25px;} 
.content .act_prize .pic { width:100%; height:210px;}
.content .act_prize .pic img { width:100%; height:100%;}
.content .act_prize .name { text-align:center; font-size: 16px; line-height: 2; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; color: #f67c23;}
.content .act_prize .name p {font-weight: normal;}

/*活动流程*/
.content .act_process { overflow: hidden; margin-bottom: 50px;}
.content .act_process .text { font-size: 16px; line-height: 2; color: #50686f; text-indent: 15em;}
.content .act_process .process { width:100%; overflow:hidden;} 
.content .act_process .process ul { margin: 10px auto; width: 100%; text-align: center; background: url(../img/act_process_line.png) center center no-repeat;} 
.content .act_process .process li { width: 160px; height: 160px; background: url(../img/act_process_bg.png) center center no-repeat; display: inline-block; margin: 0 20px;}
.content .act_process .name { text-align:center; font-size: 18px; line-height: 2; margin-top: 45px; font-weight: bold;color: #f67c23;}
.content .act_process .time { text-align:center; font-size: 14px; line-height: 2; margin-top: 5px;color: #f67c23; }
.content .act_process .rule { text-align:center; font-size: 14px; line-height: 2; margin-top: 30px; background: url(../img/act_process_rule.png) center center no-repeat; }
.content .act_process .rule a { color: #fff; }

/*参与活动*/
.content .act_join { overflow: hidden; margin-bottom: 50px;}
.content .act_join .text { font-size: 16px; line-height: 2; color: #50686f; text-indent: 15em;}
.content .act_join .btn { width: 250px; height: 80px; margin: 30px auto 0; background: url(../img/act_join_btn.png) center center no-repeat;  }
.content .act_join .btn a { width: 100%; height: 100%; display: block;}

/*作品展示*/
.content .act_works { overflow: hidden; margin-bottom: 50px;}
.content .act_works .works { width:100%; overflow:hidden;} 
.content .act_works .works ul { } 
.content .act_works .works li { width: 250px; display: inline-block; margin:10px;} 
.content .act_works .pic { width:100%; height:150px; position: relative; border: 2px solid #fff; overflow: hidden; background: #ddeafe;}
.content .act_works .pic img { width:100%; height:100%;}
.content .act_works .tit { width:100%; background: rgba(0,0,0,0.6); font-size: 16px; line-height: 2; color: #fff; position: absolute; bottom: 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.content .act_works .page { width:100%; text-align: center; margin: 20px auto; color: #fff; font-size: 16px;}
.content .act_works .page a { color: #333; font-size: 16px; line-height: 2; background: #f7e082; padding: 4px 8px; margin: 0 2px; text-decoration: none;}
.content .act_works .page p { color: #fff; font-size: 16px; line-height: 2; margin-top: 5px;}
.content .act_works .page .current { color: #f7e082; background: #333; }

/*右侧导航*/
.act_rightnav { display: none; position:fixed; top: 200px; right:10px; width:350px; height: 500px; overflow: hidden; z-index:9999;}
.act_rightnav ul{ margin-top: -22px; float: right;}
.act_rightnav li{ width:150px; height:60px; margin-bottom: 5px; list-style:none; overflow:visible; background: url(../img/act_rightnav_bg.png) center right no-repeat;}
.act_rightnav li:hover{ background: url(../img/act_rightnav_bg_hover.png) center right no-repeat;}
.act_rightnav li a{ display:block; font-size: 16px; line-height: 2; padding-top: 28px; padding-right: 40px; text-decoration:none; color:#8f9597; text-align:right; font-weight: bold;}
.act_rightnav li a:hover{ color:#50686f; }
.act_rightnav .qrcode {position:relative;}
.act_rightnav .qrcode img{ display:none;}
.act_rightnav .qrcode:hover img{ display:block; position: absolute; right: 160px; top: -40px; width:150px; }