@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td{margin:0;padding:0;}
body{font:14px/1.42 Microsoft yahei,simsun,sans-serif; color: #cda279; background: #210f06 ; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}
ul, ol {list-style:none;}
a,a:hover{ text-decoration: none;}
img {border:0; vertical-align: middle;}
button, input, select, textarea {font-size:100%;}
.fl{float:left;}
.fr{float: right;}
.clearfix:after {content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}
/*top and foot*/
.topbar {height: 40px;background-image: -webkit-linear-gradient(top, #fff, #f6f6f6);background-image: linear-gradient(to bottom, #fff, #f6f6f6);color: #333;background-color: #f6f6f6;font-size: 12px}
.topbar-container { *zoom:1;overflow: hidden;margin-left: auto;margin-right: auto;width: 1000px;height: 40px}
.topbar-container:before,.topbar-container:after { content: " ";display: table}
.topbar-container:after {   clear: both}
.topbar-logo {float: left;width: 125px;height: 40px}
.topbar-logo a {display: block; width: 125px;height: 40px; background: url(../images/img_logo_58game.jpg) no-repeat; text-indent: -9999em}
.topbar-nav { float: right;padding: 10px 0 0 0}
.topbar-nav-inner {  *zoom:1}
.topbar-nav-inner:before,.topbar-nav-inner:after { content: " "; display: table}
.topbar-nav-inner:after {   clear: both}
.topbar-nav li { float: left; line-height: 20px;color: #333}
.topbar-nav a {display: block;padding: 0 10px;color: #333}
.topbar-nav .nobg { background: none}
.footer{ height: 80px; line-height: 80px; font-size: 12px; color: #6a5348; text-align: center;}
.footer a{color: #6a5348; }

.mt575{ margin-top: 480px;}
.pt30{ padding-top: 30px;}
.pt50{ padding-top: 50px;}
.pt15{ padding-top: 15px;}
.pt100{ padding-top: 100px;}
.pb50{ padding-bottom: 50px;}
.mr50{ margin-right: 50px;}
.rule_test_fr .w50{ width: 40%; margin-right: 10%}

.wrap{ position: relative; top: 0; width: 100%; margin: 0 auto;overflow: hidden; }
.main-bg{ position: absolute; width: 100%; left: 0; top: 0px; z-index: -1;}
.main-bg div{ width: 100%; height:170px; background-position: center top;}
.main-bg1{ background: url(../images/main_bg_01.jpg) no-repeat;}
.main-bg2{ background: url(../images/main_bg_02.jpg) no-repeat;}
.main-bg3{ background: url(../images/main_bg_03.jpg) no-repeat;}
.main-bg4{ background: url(../images/main_bg_04.jpg) no-repeat;}

.main{width: 100%; margin: 0 auto;}
.main1{ background: #210f06 url(../images/con1_bg.png) center bottom no-repeat}
.main2{ height:788px; background:#29170f  }
.main3{ height: 680px; background:#1a0c06 }

.con{ width: 1200px;min-height: 100px; margin: 0 auto; position: relative; top: 0; left: 0; overflow: hidden}
.top-btn{ width: 474px; height: 35px; position: absolute; top: 0; right: 0px; background: url(../images/top-btn.png) center bottom no-repeat;}
.top-btn a{ display: block; float: right; width: 170px; height: 35px; text-indent: -99999em; background-image: url(../images/top-btn.png);}
.top-btn a:hover.zt{background-position: right 0;}
.top-btn a:hover.home{background-position: -134px 0;}
.top-btn a.zt{ background-position: right -36px;}
.top-btn a.home{ background-position: -134px -36px;}

.top-nav{width: 1200px; height: 80px; margin: 0 auto}
.top-nav a{display: block; float: left; width: 300px; height:80px;text-align: center; background-image: url(../images/nav-bg.jpg);}
.top-nav a:hover,.top-nav a.on{ background-image: url(../images/nav-bg-hover.jpg);}
.top-nav a.nav1{ background-position: 0 0;}
.top-nav a.nav2{ background-position: -300px 0;}
.top-nav a.nav3{ background-position: -600px 0;}
.top-nav a.nav4{ background-position: -900px 0;}
.top-nav a:hover h2,.top-nav a.on h2{ color: #fff;}
.top-nav a:hover p,.top-nav a.on p{ background-position: center bottom;}
.top-nav a h2{ font-size: 22px; color: #ffd6b4; font-weight: bold; padding-top: 15px;}
.top-nav a p{ text-indent: -99999em; width: 100px; height: 8px; background-position: center top; background-repeat: no-repeat;  margin: 0 auto}
.top-nav a.nav1 p{background-image:url(../images/nav1-bg.png); }
.top-nav a.nav2 p{background-image:url(../images/nav2-bg.png); }
.top-nav a.nav3 p{background-image:url(../images/nav3-bg.png); }
.top-nav a.nav4 p{background-image:url(../images/nav4-bg.png); background: url(../images/); }

.tab{ padding-top: 40px;}
.tab-tit{ width: 1204px; margin-right: -4px; overflow: hidden;}
.tab-tit li{display: block; float: left; width: 301px; border-bottom: 1px #754b32 solid; padding-bottom: 15px; }
.tab-tit a{ display: block;  height: 35px;  text-align: center;border-right: 1px #4d3b31 solid;}
.tab-tit li.on,.tab-tit li:hover{ padding-bottom: 12px; border-bottom: 3px #ff9d1f solid}
.tab-tit li.on p,.tab-tit li:hover p{ color: #ff9d1f;}
.tab-tit li.on span,.tab-tit li:hover span{ color: #ff9d1f; margin-bottom: 12px;}
.tab-tit a p{ font-size: 18px; color: #b6895e; line-height: 1;}
.tab-tit a span{ font-size: 12px; color: #b6895e;}
.tab-con .content{ display: none; width: 100%; padding: 20px; background: url(../images/con-tab.png) center 20px no-repeat; position: relative; height: 720px; margin-top: 20px;}
.tab-con .active{ display: block;}
.content .vs-box1{ position: absolute; width: 573px; height: 324px; left: 0; top: 20px;}
.content .vs-box2{ position: absolute; width: 573px; height: 324px; right: 0; top: 20px;}
.content .vs-box3{ position: absolute; width: 267px; height:334px; left: 487px; top: 326px;}
.content .vs-box{ position: absolute; width: 232px; height: 120px; background:#392417;  padding: 15px; }
.content .vs-box-2{ position: absolute; width: 96px; height: 120px; background:#392417;  padding: 15px; top: 175px; left: 70px; }
.content .vs-box .object{ float: left; width: 96px; overflow: hidden;}
.content .vs-box .object img{ width: 96px; height: 96px;}
.content .vs-box .vs-test{ display: block; float: left; width:40px; height: 96px; text-align: center; font-size: 20px; color: #db2b0f; line-height: 96px;}
.content .vs-box .object span,.content .vs-box-2 .object span{ display: block; padding-top: 8px; color: #95683f; width: 100%; overflow: hidden;text-align: center;}

.vs-box1-top{top: 0; left: 30px;}
.vs-box1-bottom{bottom: 0; left: 30px;}
.vs-box1-right{top:81px; right: -18px;}
.vs-box2-left{top: 81px; left: -22px;}
.vs-box2-top{top: 0px; right: 40px;}
.vs-box2-bottom{bottom: 0px; right: 40px;}

.tit_top{ padding: 90px 0 40px; height: 34px; line-height: 34px; font-size: 35px; color: #fee0c0; }
.tit_top span{ display: block; float: left; width: 6px; height: 34px; background: #fee0c0;border-radius: 5px; margin-right: 8px;}
.tit_top em{ font-style: normal;}
.tit_top:after{ content: ""; display: block; height: 0; visibility: hidden; clear: both; font-size: 0; }
.veto{ width: 1280px; margin-right: -80px; overflow: hidden;}
.veto-box{ width: 238px;  float: left; margin-right: 80px; margin-bottom: 40px;}
.veto-box-logo{ width: 238px; height: 129px; background: url(../images/top-team-bg.jpg) no-repeat; margin-bottom: 15px; padding-top: 20px}
.veto-box-logo img{ width:88px; height: 88px; display:block; margin:0 auto 10px; }
.veto-box-logo p{ font-size: 16px; color: #c9a99d; text-align: center;}
.vote-test-fl{ width: 145px; float: left; color: #926b5c}
.vote-test-fl p{ margin-top: 3px; width: 145px; height: 9px; background: #4b3127; border-radius: 8px; overflow: hidden;}
.vote-test-fl p span{ display: block; width: 20%; height: 9px; background:#ea7516; border-radius: 8px; }
.vote-test-fr{ display: block; float: right; width: 59px; height: 34px; background: url(../images/zan.jpg) left top;}
.vote-test-fr:hover{ background: url(../images/zan.jpg) left bottom; }
.tit2{ font-size: 16px; color: #fca03d}
.icon{ display: block; float: left; width: 20px; height: 20px; text-align: center; line-height: 20px; color:#220f07; font-style: normal;  background: #b89269; margin-right: 10px;}

.box-fl{ width: 697px; height: 450px; float: left; float: left;}
.box-fr{ background: #392417;  padding:30px; float: left; width: 443px; height: 390px; }
.box-fr h2{ font-size: 22px; color: #f8cca1; padding-bottom: 12px; border-bottom: 1px #432f23 solid;margin-bottom: 10px;}
.box-fr li{ height: 33px; line-height: 33px; background: url(../images/jt.jpg) left center no-repeat; padding-left: 20px;}
.box-fr li span{ float: right; color: #cda279;}
.box-fr li p{ color: #cda279; width: 85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.box-fr li:hover p{ color:#ea7516 }

.xf-box{ position: fixed; top: 20%; right: 3%; width: 160px; height: 286px; background: url(../images/xf.png) no-repeat; padding-top: 22px;}
.xf-box a{ display: block; width: 130px; height: 60px; margin: 0 auto; border-bottom: 1px #8c6041 solid; text-align: center; line-height:60px; font-size: 22px; color: #f0d3b8; }
.xf-box .border_none{ border-bottom: none;}
.xf-box a:hover,.xf-box a.on{ color: #fff;}

.nav-con{ padding-top: 30px}
.nav-con .nav-con-box{ display: none;}
.nav-con .nav-con-active{ display: block;}
.sz-box{ width: 1200px; height: 113px; background: #392417;}
.sz-box2{ width: 1200px; height: 163px; background: #392417;}
.w600{ width: 600px;}
.sz-box-test{ width: 33.3%; height: 113px; float: left;  }
.sz-box2 .sz-box-test{ height: 163px;}
.w20{ width: 20%;}
.w25{ width: 25%;}
.w50{ width: 50%}
.sz-box-test p{ font-size: 20px; line-height: 113px; color: #ddaf7f; text-align: center;}
.sz-box-test h2{ text-align: left; padding-left: 20%; padding-top:45px; font-size: 20px; font-weight: bold; color: #ddaf7f;}
.sz-box-test h2.pt10{ padding-top: 10px;}
.sz-box-test span{ display:block; text-align: left; padding-left: 20%;color: #aa785a;line-height: 1.5}
.sz-box-test span.pt5{ padding-top: 5px;}
.sz-box-bg{ background: url(../images/tit_bg.jpg) right center no-repeat;}
.sz-box-bg2{ background: url(../images/tit_bg2.jpg) right 1px no-repeat;}
.rule_img_fr{ float: left; width: 234px;}
.rule_test_fr{ float: left; margin-left: 65px; width: 900px;}
.rule_test_fr .top_h2{ font-size: 20px; color: #fca03d; padding-top: 30px; font-weight: bold;}
.rule_test_fr p{ line-height: 1.9; color: #b89269;}
.rule_test_fr .tit{ font-size: 16px; color: #fca03d; padding-top: 30px; font-weight: bold;}
.rule_test_fr .tit_h2{ font-size: 16px; color: #fca03d; font-weight: bold; padding-top: 20px;}
.bg_gray{ background: #210f06}
.nav-tab{}

.bonus-icon{ margin: 30px 65px 40px; padding-top: 288px; background: url(../images/trophy_bg.png) center top no-repeat;}
.bonus-icon div{ float: left; width: 19%; text-align: center;}
.bonus-icon div p{ text-align: center; font-size: 17px; color: #e0b25a; height: 30px; line-height: 30px;}
.bonus-icon div h2{ font-size: 30px; color: #e0b25a; font-weight: bold;}
.bonus-icon div h2 span{ font-size: 15px;}
.bonus-icon div.bonus2{ width: 19.5%}
.bonus-icon div.bonus3{ width: 23.5%}
.bonus-icon div.bonus5{ width: 16%}
.bonus-icon div.bonus3 p{ font-size: 18px; height: 25px; line-height: 25px;}
.bonus-icon div.bonus3 h2{ font-size: 41px;}

.bonus-text-box{  width: 273px; height: 374px; float: left; margin: 30px 63px; background: url(../images/test_bg.png) center no-repeat;}
.bonus-text-box h2{ padding: 17px 0; text-align: center; font-size: 22px; color: #fdb13a;font-weight: bold;}
.bonus-text-box li{ width: 200px; margin: 0 auto; height: 25px; line-height: 25px; border-bottom: 1px #472d1d solid; padding-bottom:2px;}
.bonus-text-box li span{ float: right; color: #feb23b}
.bonus-text-box li.border-none{ border-bottom: none;}

.slider-box{ position:relative; width: 697px; height: 450px; overflow: hidden;}
.slider{ position: absolute;width: 697px; height: 450px; overflow: hidden; top: 0; left: 0; z-index: 2; }
.slider img{width: 697px; height: 450px; }
.slider-point{ position: absolute; width: 80%; right: 10px; bottom: 10px; height: 16px; overflow: hidden;z-index: 3;}
.slider-point li{ float: right; width: 16px; height: 16px; margin: 0 5px; background:#c3bfbe;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.slider-point li.on,.slider-point li:hover{ width: 32px; background: #f96f0a}