﻿@charset "utf-8";
/* CSS Document */
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

body{ background: url(../images/bg.jpg) no-repeat center 55px;}
.wrap{ width: 1200px; margin: 0 auto;}
.logoImg{ position: absolute; top: 73px; left: 336px; width: 118px;}

/* header */
.header{width: 100%;height: 43px;padding: 6px 0;background: #fff;}
.head{width: 1080px;height: 43px;margin: 0 auto;}
.news_head{width: 800px;padding-left: 0;}
.icon_logo{width: 43px;height: 43px;margin-right: 10px;float: left;background:url(http://zx.wanmei.com//web201605/images/cover/icon_logo.png) center center no-repeat;}
.news_head .icon_logo{margin-right: 0;}
.head_txt{width: 77px;height: 43px;margin-right: 60px; float: left;background:url(http://zx.wanmei.com//web201605/images/cover/headtxt.png) center center no-repeat;}
.head_menu{margin-right: 45px;padding-top: 12px;float: left;}
.news_head .head_menu{margin-right: 15px;}
.head_menu li{width: 117px;height: 20px;float: left;font-size: 18px;line-height: 20px;text-align: center;border-left: 1px solid #c2d0cf;color: #527977;cursor: pointer;}
.head_menu li a{width: 117px;height: 20px;display: block;font-size: 18px;line-height: 20px;text-align: center;color: #527977;font-family:"fz";}
.head_menu li.fir{border: 0;}
.head_menu li.on a,
.head_menu li:hover a{color: #d8767b;}
.head_wx{width: 102px;height: 35px;padding: 4px 0 4px 50px;float: left;position: relative;background:url(http://zx.wanmei.com//web201605/images/cover/wx_head.png) 5px center no-repeat;}
.head_wx p{line-height: 17px;font-size: 14px;color: #527977;}
.wx_hover{display: none;width: 134px;height: 184px;padding: 0 9px;position: absolute;top: 48px;left: 0;background: #fff;z-index: 99;}
.head_wx:hover .wx_hover{display: block;}
.qrcode_wx{width: 134px;height: 133px;margin-bottom: 8px;background:url(http://zx.wanmei.com//web201605/images/cover/qrcode_wx.jpg) center center no-repeat;}
.wx_hover p{padding-left: 14px;color: #585858;font-size: 14px;}
.wx_hover p.color{color: #bd465a;}

#topNav{width:100%;height:55px;background:url(http://zx.wanmei.com/hd/1611/kingStrive/images/topNavbg.png) no-repeat center top;position:absolute;top:55px;left:0;z-index:10;}
#topNav .tnavCon{width:1200px;height:55px;margin:0 auto;}
#topNav .tnavCon a{display:block;float:left;width:150px;height:55px;text-align:center;line-height:55px;font-size:17px;color:#fff;font-family:"fz";background:url(http://zx.wanmei.com/hd/1611/kingStrive/images/topBtn.jpg) no-repeat 0 0;}
#topNav .tnavCon a:hover,#topNav .tnavCon a.on{background-position:0 -55px;}

.top{ position: relative; height: 516px;}
.rule_btn, .reward_btn{ position: absolute; bottom: 47px; width: 207px; height: 65px;}
.rule_btn{ left: 149px; background: url(../images/rule_btn.png) no-repeat 0 0;}
.reward_btn{ left: 364px; background: url(../images/reward_btn.png) no-repeat 0 0;}

.main{ position: relative; height: 1964px; padding-top: 137px; margin-bottom: 100px; background: url(../images/main.jpg) no-repeat 0 0;}
.login{ text-align: center; line-height: 34px;}
.login .before a{ display: inline-block; width: 98px; height: 34px; background-color: #38B2A3; font-size: 16px; color: #f0ece1;}
.login .after{ display: none;}
.login .after span{ color: #267055;}
.login .after .logout{ color: #9E3E3F; text-decoration: underline;}
.login .after .guessing_btn{ display: inline-block; width: 118px; height: 34px; background-color: #964C49; font-size: 16px; color: #f0ece1;}
.time_axis{ display: block; margin: 96px auto 0 auto;}
.qualified_box{ position: absolute;}
.qualified_box li{ position: absolute; width: 96px; height: 81px; background-color: #353432; text-align: center; font-size: 12px;}
.qualified_box li.on{ width: 94px; height: 79px; border: 1px solid #C00;}
.qualified_box li p{ height: 30px; padding: 5px 10px 10px 10px; color: #f4f0e7;}
.qualified_box li a{ display: inline-block; width: 66px; height: 29px; line-height: 29px; background-color: #898989; color: #353433; cursor: default;}
.qualified_box li a.sure{ background-color: #D0B57E; cursor: pointer; color: #4d3906;}
.qualified_32{ width: 1099px; height: 1512px; top: 458px; left: 51px;}
.qualified_32 .team1{ top: 0; left: 0;}
.qualified_32 .team2{ top: 91px; left: 0;}
.qualified_32 .team3{ top: 192px; left: 0;}
.qualified_32 .team4{ top: 283px; left: 0;}
.qualified_32 .team5{ top: 383px; left: 0;}
.qualified_32 .team6{ top: 474px; left: 0;}
.qualified_32 .team7{ top: 575px; left: 0;}
.qualified_32 .team8{ top: 666px; left: 0;}
.qualified_32 .team9{ top: 765px; left: 0;}
.qualified_32 .team10{ top: 856px; left: 0;}
.qualified_32 .team11{ top: 957px; left: 0;}
.qualified_32 .team12{ top: 1048px; left: 0;}
.qualified_32 .team13{ top: 1148px; left: 0;}
.qualified_32 .team14{ top: 1239px; left: 0;}
.qualified_32 .team15{ top: 1340px; left: 0;}
.qualified_32 .team16{ top: 1431px; left: 0;}
.qualified_32 .team17{ top: 0; right: 0;}
.qualified_32 .team18{ top: 91px; right: 0;}
.qualified_32 .team19{ top: 192px; right: 0;}
.qualified_32 .team20{ top: 283px; right: 0;}
.qualified_32 .team21{ top: 383px; right: 0;}
.qualified_32 .team22{ top: 474px; right: 0;}
.qualified_32 .team23{ top: 575px; right: 0;}
.qualified_32 .team24{ top: 666px; right: 0;}
.qualified_32 .team25{ top: 765px; right: 0;}
.qualified_32 .team26{ top: 856px; right: 0;}
.qualified_32 .team27{ top: 957px; right: 0;}
.qualified_32 .team28{ top: 1048px; right: 0;}
.qualified_32 .team29{ top: 1148px; right: 0;}
.qualified_32 .team30{ top: 1239px; right: 0;}
.qualified_32 .team31{ top: 1340px; right: 0;}
.qualified_32 .team32{ top: 1431px; right: 0;}
.qualified_16{ width: 859px; height: 1421px; top: 505px; left: 171px;}
.qualified_16 .team1{ top: 0; left: 0;}
.qualified_16 .team2{ top: 192px; left: 0;}
.qualified_16 .team3{ top: 383px; left: 0;}
.qualified_16 .team4{ top: 575px; left: 0;}
.qualified_16 .team5{ top: 765px; left: 0;}
.qualified_16 .team6{ top: 957px; left: 0;}
.qualified_16 .team7{ top: 1148px; left: 0;}
.qualified_16 .team8{ top: 1340px; left: 0;}
.qualified_16 .team9{ top: 0; right: 0;}
.qualified_16 .team10{ top: 192px; right: 0;}
.qualified_16 .team11{ top: 383px; right: 0;}
.qualified_16 .team12{ top: 575px; right: 0;}
.qualified_16 .team13{ top: 765px; right: 0;}
.qualified_16 .team14{ top: 967px; right: 0;}
.qualified_16 .team15{ top: 1148px; right: 0;}
.qualified_16 .team16{ top: 1340px; right: 0;}
.qualified_8{ width: 615px; height: 1226px; top: 600px; left: 293px;}
.qualified_8 .team1{ top: 0; left: 0;}
.qualified_8 .team2{ top: 380px; left: 0;}
.qualified_8 .team3{ top: 765px; left: 0;}
.qualified_8 .team4{ top: 1145px; left: 0;}
.qualified_8 .team5{ top: 0; right: 0;}
.qualified_8 .team6{ top: 380px; right: 0;}
.qualified_8 .team7{ top: 765px; right: 0;}
.qualified_8 .team8{ top: 1145px; right: 0;}
.qualified_4{ width: 371px; height: 846px; top: 787px; left: 415px;}
.qualified_4 .team1{ top: 0; left: 0;}
.qualified_4 .team2{ top: 765px; left: 0;}
.qualified_4 .team3{ top: 0; right: 0;}
.qualified_4 .team4{ top: 765px; right: 0;}
.champion{ position: absolute; top: 1259px; left: 551px; width: 97px; height: 23px; line-height: 23px; text-align: center; font-size: 14px; color: #FFF;}
.prompt{ display: none; position: relative; width: 718px; padding: 0 25px 60px 25px; background-color: #383738;}
.prompt .close{ position: absolute; top: 20px; right: 18px; width: 31px; height: 27px; background: url(../images/close.png) no-repeat 0 0;}
.prompt h1.title{ padding: 45px 0 10px 0; margin-bottom: 30px; text-align: center; font-size: 24px; color: #c7a156; border-bottom: 1px solid #7a756a;}
.prompt ul.list{ font-size: 14px; color: #f7f7f7; line-height: 30px;}
.prompt ul.list span{ color: #c7a156;}
.prompt_reward dl{ margin: 0 auto; width: 360px;}
.prompt_reward dd{ float: left; width: 180px; text-align: center;}
.prompt_reward .sub_title{ height: 46px;}
.prompt_reward .sub_title p{ font-size: 18px; color: #c7a156;}
.prompt_reward .sub_title span{ display: inline-block; padding: 0 5px; background-color: #242324; font-size: 12px; color: #a4a19a; border-radius:3px;}
.prompt_reward .name{ padding-bottom: 30px; font-size: 18px; color: #f4f0e7;}
.quiz_record .scroll{ height: 400px; overflow: auto;}
.quiz_record table{ width: 100%; border-left: 1px solid #242324; border-top: 1px solid #242324;}
.quiz_record td{ height: 39px; text-align: center; border-bottom: 1px solid #242324; border-right: 1px solid #242324; color: #191919; background-color: #5e5d5d;}
.quiz_record thead td{ height: 41px; background-color: #242324; color: #bcae93;}
.quiz_record thead td.bc{ border-right-color: #313031;}
.prompt_system{ text-align: center;}
.prompt_system .text{ padding-top: 85px; font-size: 24px; color: #f7f7f7;}
.prompt_system .btn{ margin-top: 50px;}
.prompt_system .btn a{ display: inline-block; margin: 0 8px; width: 240px; height: 65px; line-height: 65px; font-size: 24px; color: #f7f7f7;}
.prompt_system .btn a.on{ background-color: #38b2a3;}
.prompt_system .btn a.off{ background-color: #964c49;}
.prompt_alert .content{ margin-top: 20px; font-size: 24px; color: #c7a156;}


