@charset "utf-8";
/* CSS Document */


body{background:#030104; padding:0; margin:0; font-size:12px; font-family:Arial; min-width:1000px;}
img{border:0;}
ul,li{ list-style-type:none; padding:0; margin:0;}
a{text-decoration:none;}
.allclear{ clear:both;}

.top{ width:100%; height:41px; margin:0 auto; background:url(../images/nav_bg.jpg) repeat-x;}
.all{ width:100%; height:688px; background:url(../images/game_bg.jpg) top center no-repeat;}
.warp{width: 100%;min-height: 800px;padding-bottom: 100px; background:#0c0211 url("../images/server_bg.jpg") top center no-repeat;}
.main{position: relative; width:960px; height:auto; margin:0 auto;}
.tool{ width:1000px; height:41px; margin:0 auto; overflow:hidden;}
.topbtn{float: right;height: 41px;}
.topbtn ul:after{content: "";display: block; clear:both;}
.topbtn ul li{float: left;margin-left: 40px;}
.topbtn ul li a{display: block;color: #1e254b;font-size: 18px;font-weight: bold;line-height: 41px;}
.topbtn ul li:first-child a{margin-left: 0;}
.topbtn ul li a:hover{color: #5346e7;}

.font{float: left;font-size: 18px;color: #978eff;line-height: 41px;}







/*server*/
.logo{position: absolute;top: 60px;left: 352px;}
.right{margin-top: 192px;width: 684px;float: right;}
.left{float: left;margin-top: 200px;}
.left_y{width: 260px;min-height: 300px; background: url("../images/left_y.png") center repeat-y;}
.left_bot{width:260px;height: 28px;background: url("../images/left_bot.png") center bottom no-repeat;}
.left_top{width: 260px;height: 25px;background: url("../images/left_top.png") center top no-repeat;}
.lf_title,.rg_title{text-align: center;}
.lf_list{margin-top: 40px;text-align: center;}
.btn{display: inline-block;width:202px;height: 35px;background: url("../images/btn.png") center no-repeat;padding: 5px 0;margin-bottom: 10px; font-size: 14px;color: #fff;}
.btn span{font-size: 12px;color: #100803;}
.btn:hover,.btn2:hover{background: url("../images/btn2.png") center no-repeat;}


.right_y{min-height: 600px; background: url("../images/right_y.png") center repeat-y;}
.right_bot{height: 47px;background: url("../images/right_bot.png") center bottom no-repeat;}
.right_top{height: 50px;background: url("../images/right_top.png") center top no-repeat;}
.recommend{width: 622px;margin: 25px auto 0;}
.line{width: 622px;height: 1px;background-color: #b48c4f;border-bottom:2px solid #3d3127;margin: 10px auto;}
.rg_list{width: 622px;margin: 0 auto;text-align: justify;}
.btn2{display: inline-block;width: 202px;height: 45px;background: url("../images/btn.png") center no-repeat;line-height: 45px;font-size: 14px;color: #ffffff;text-align: center;}
.left_fix{height: 0;padding: 0;overflow: hidden;}


/*events*/
.box{ position:absolute; left:-2px; top:190px;}
.box_top{ width:964px; height:57px; background: url("../images/top.png") no-repeat;}
.box_y{ width:802px; min-height:500px;background: url("../images/main_y.png") repeat-y; padding:0 81px 20px 81px;}
.box_bot{ width:964px; height:25px; background: url("../images/bot.png") no-repeat; margin-bottom:50px;}
.title_bg{ width:100%; height:30px; background: url("../images/title_bg.png") top center no-repeat; text-align:center; padding:10px 0 45px 0;}
.line{ width:802px; height:4px; background: url("../images/line.png") no-repeat; margin:0 auto 15px auto;}
.textbox{ width:802px; height:530px; margin:0 auto; line-height:24px;}
.textbox a{ color:#939392;}
.textbox a:hover{ color:#fffdc7;}
.newstext1{ width:55px; float:left;}
.newstext2{ width:677px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newstext3{ width:70px; float:right; text-align:right;}

div.black { padding:10px 3px; font-size:80%; margin:3px; color:#a0a0a0; text-align:center; width:150px; margin:20px auto;}
div.black a { border:#fffdc7 1px solid; background-position:50% bottom; color:#fffdc7; margin-right:6px; text-decoration:none; background-color:#504133; font-size:12px; padding:2px 5px;}
div.black a:hover { border:#fffdc7 1px solid; background-color:#fffdc7; color:#504133;}
div.black span.current { border:#fffdc7 1px solid; background-position:50% bottom; color:#504133; margin-right:6px; text-decoration:none; background-color:#fffdc7; font-size:12px; padding:2px 5px;}


.title_font{ width:100%; height:40px; background: url("../images/title_bg.png") top center no-repeat; text-align:center; font-size:18px; line-height:40px; color:#ffffff; font-weight:bold;}
.time{ width:100%; height:45px; line-height:45px; text-align:center; font-size:12px; color:#ffffff;}
.textbox2{ width:802px; margin:0 auto; font-size:14px; color:#ffffff; word-wrap:break-word; word-break:break-all; line-height:22px;}
.pic{ width:100%; text-align:center; margin:20px 0;}



/*products*/
.pro_title{width: 424px;margin: 0 auto 10px;padding-top: 5px; }
.pro_title a{float: left;width: 202px;height: 45px;}
.pro_title .vip{float: right;}
.pro_cont{width: 802px;margin-top: 53px;margin-bottom: 60px; text-align: justify;text-justify: inter-ideograph;}
.pro_list{position: relative;display: inline-block; width: 240px;height: 287px;background: url("../images/pro_list.png") center no-repeat;}
.list_btn{display: block;margin-top: 6px;width: 100%;height: 44px;font-size: 28px;color: #ffffff;line-height: 44px;text-align: center;}
.list_btn:hover{color: #eab535;text-decoration: underline;}
.list_title{text-align: center;font-size: 28px;color: #ffffff;margin-top: 35px;line-height: 40px; }
.list_txt{width: 175px;margin: 0 auto; border-top: 1px solid #504133;}
.list_txt span{color:#ffffff;line-height: 30px;}
.list_txt em{color: #eab535;font-size: 20px;font-weight: bold;font-style: normal;}
.pro_click{position: absolute;left: 0;bottom: 0;width: 240px;height: 63px;background: url("../images/pro_click.png") center no-repeat;}
.pro_click:hover{background: url("../images/pro_click2.png") center no-repeat;}
.left_fix{height: 0;padding: 0;overflow: hidden;}
.pro_info{margin-top: 40px;width: 100%;}
.pro_lf{float: left;width: 290px;}
.pro_lf p,.pro_rg p{margin-bottom: 26px;font-size: 14px;}
.pro_lf label,.pro_rg label{display: inline-block;width: 120px;text-align: right;margin-right: 5px; color: #f1b72b;font-weight: bold;}
.pro_lf span{display: inline-block;width: 160px;color: #ffffff;}
.pro_rg{float: right;width: 510px;}
.pro_rg label{width: 100px;}
.pro_rg select{width: 400px;height: 25px;background-color: #fffdf2;color: #44372a;}
.pro_rg textarea{width: 374px;height: 88px;padding: 10px;background-color: #271e16;color: #ffffff;font-size: 14px; border: 1px solid #e2af35;vertical-align: text-top; }
.pro_btn{padding-bottom: 50px;width: 606px;margin: 80px auto 0;}
.pro_card,.pro_proceed{display: inline-block;width: 293px;height: 45px;background: url("../images/pro_card.png") center no-repeat;}
.pro_card:hover{background: url("../images/pro_card2.png") center no-repeat;}
.pro_proceed{margin-left: 16px; background: url("../images/pro_proceed.png") center no-repeat;}
.pro_proceed:hover{background: url("../images/pro_proceed2.png") center no-repeat;}
.vip_cont .pro_lf{margin-left: 200px;width: 400px;}
.vip_cont .pro_lf label{width: 150px;}
.vip_cont .pro_lf span{width: 240px;}
.pro_lf span.on{font-size: 20px;font-weight: bold;color: #35e4ea;}
.pro_lf em{display: block;width: 340px;height: 108px;margin: 0 auto;padding: 20px 10px 10px 28px;line-height: 20px; font-style: normal; background-color: #271e16;color: #ffffff;border: 1px solid #e2af35;}
.pro_btn2{text-align: center;padding: 80px 0 150px;}


/*右下角弹窗*/
.adBox{position: absolute;bottom: 0;right: 0;z-index: 99;width: 350px;height: 205px;}
.ad_close{position: absolute;top: 0;right: 0;width: 34px;height: 34px;cursor: pointer;}
.ad_link{display: block;width: 350px;height: 205px;background: url("../images/ad_img.jpg") no-repeat;}
.ad_tips{position: absolute;top: 10px;left: 15px;font-size: 14px;color: #fff;line-height: 20px;}
.ad_tips input{width: 18px;height: 18px; vertical-align: -4px;}