@charset "utf-8";

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; list-style: none;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5; font-size: 14px; font-family: Microsoft YaHei; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
select, input, img { vertical-align: middle; outline: none;border:0 }
a { text-decoration: none;  blr: expression(this.onFocus=this.blur());outline: none; }
a:hover {  text-decoration: none; }
a:focus{ outline: none;}
.ovf{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url("ellipsis.xml#ellipsis");}
.cl:after { content: ""; display: block; clear: both; }
.cl { zoom: 1; }
.fl { float: left; }
.fr { float: right;}
.mb20{margin-bottom: 20px;}
.mb10{ margin-bottom: 10px;}
.mb30{ margin-bottom: 30px;}
.mdlr80{ margin-left: 80px; margin-right: 80px;}
.mb24{ margin-bottom: 24px;}
.pb90{ padding-bottom: 90px;}
.pb70{ padding-bottom: 70px;}
.pb60{ padding-bottom: 60px;}
.pb50{ padding-bottom: 50px;}
.pb40{ padding-bottom: 40px;}
.pb20{ padding-bottom: 20px;}
.w856{ width: 856px; position: relative; left:50%; margin-left: -304px;}
body{ min-width: 856px;}
.container{ background:#000 url(../images/bg.jpg) no-repeat center top; position: relative;}
.role{ width: 1269px; height: 2612px; position: absolute; left:0; top:116px; background: url(../images/role.png) no-repeat;}
.main{ min-height: 2158px;}
.top{height: 486px;  position:relative; margin:0 auto;}
.time{ display: none;}
.btn{display: inline-block;width: 90px;height: 34px;margin: 0 10px;vertical-align: middle;background: #503875;font-size: 14px;text-align: center;color: #fff;line-height: 34px;border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
.btn.on{ background-color: #818181; cursor: default;}
.loginbox{height: 48px;text-align: left;background: rgba(0,0,0,.46);line-height: 48px; top: 430px; position: absolute; left:0; width: 100%; color: #fff;}
.login p{ padding-left: 220px;  font-size: 14px; color: #fff; text-align: left;}
.login .btnLogin{}
.loginOut{ display: none; overflow: hidden; height: 48px; line-height: 48px;}
.loginOut p{ padding-left: 20px; }


.row { background-color: #262626}
.rowTit{ height: 110px;}
.rowTit h4{ height: 110px; text-align: left; color: #fff; font-size: 20px; text-indent: -9999999px;}
.area1 .rowTit{ background:url(../images/title1.png) no-repeat;}
.area2 .rowTit{ background:url(../images/title2.png) no-repeat;}
.area3 .rowTit{ background:url(../images/title3.png) no-repeat;}
.mcont li{ margin-bottom: 10px; position: relative; padding-left: 92px; color: #a9a9a9;}
.mcont .tag{ color: #fff; font-size: 16px; padding:0 6px; display: inline-block; background-color: #503875; position: absolute; left:0; top:0; }

.datalist{ text-align: center;}
.datalist .tableTit{ height: 44px; color: #503875; font-size: 24px; text-align: center; font-weight: bold; line-height: 44px;}
.datalist .otable{ border: 2px solid #b1b1b1; width: 100%; text-align: center; vertical-align: middle;}
.otable td{ color: #bebebe;}
.otable tbody tr{ border-bottom: 2px solid #b1b1b1;}
.otable thead tr{ background-color: #503875; font-size: 16px; color: #fff; text-align: center; height: 50px; line-height: 50px;}
.otable thead th{ text-align: center;border-bottom: 2px solid #b1b1b1;}

.money{height: 92px; line-height: 92px; color: #fff; font-weight: bold; font-size: 24px;  background-color: #503875; display: inline-block; width: 100%; text-align: center;}
.tabCont1 .col1{ width: 92px; }
.tabCont1 .col2{ width: 150px; padding-left: 10px; font-size: 16px;}
.tabCont1 .col3{ width: 294px; font-size: 12px;}
.tabCont1 .col4{ width: 104px; }
.tabCont1 .col5{ width: 54px; text-align: center;}
.tabCont1 thead { display: none;}


.tabCont2 .col1{ width: 136px; }
.tabCont2 .col2{ width: 150px;}
.tabCont2 .col3{ width: 206px; }
.tabCont2 .col4{ width: 104px; }

.tabCont2 tbody td{ text-align: center; height: 50px; padding:2px 0;}

.img-left{ width: 320px; height: 303px; float: left; margin-top: 24px;margin-right: 18px;}
.word-right{ width: 356px; float: left;margin-top: 24px;}
.word-right p{ color: #959595; line-height: 26px; font-size: 14px;}
.word-right .btnGet{ display: block; width: 220px;height: 62px; background-color: #1c112f; line-height: 62px; color: #777; font-size: 24px; font-weight: bold; margin: 0 auto; margin-top: 24px; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.word-right .btnGet.on{ background-color: #818181; color: #fff; cursor: default;}
.role{ width: 1269px; height: 2612px; position: absolute; left:0; top:116px; background: url(../images/role.png) no-repeat;}

.floatnav{ width:230px; height:385px; position:fixed; top:100px; right: 0; /*top: 315px;*/ z-index:999; }/*20160429*/
.czBtn{ height:60px; line-height:60px; display:block; text-align:center; background:#332155 ; font-size:26px; color:#fff2cc;font-weight: bold; }
.floatBtn{ width:230px; height:219px; background:#594180 url(../images/lbg.png) no-repeat; }
.floatBtn a{ float:left; height:53px; width:228px; line-height:52px; font-size:18px; color:#ffffff;  text-indent:78px; border-left:1px solid #3d276a; font-weight:bold; border-right: 1px solid #3d276a; border-top: 1px solid #3d276a; border-bottom: 1px solid #462f70; }
.floatBtn a.on{ font-weight:bold; }
.floatBtn a:hover{border-color: #6d4f9b;}
.floatBtn .btn1.on, .floatBtn .btn1:hover{ background: #7c5ba7 url(../images/lbg.png) no-repeat; background-position:  -1px -1px;}
.floatBtn .btn2.on, .floatBtn .btn2:hover{ background: #7c5ba7 url(../images/lbg.png) no-repeat; background-position:  -1px -56px;}
.floatBtn .btn3.on, .floatBtn .btn3:hover{ background: #7c5ba7 url(../images/lbg.png) no-repeat; background-position:  -1px -111px;}
.floatBtn .btn4.on, .floatBtn .btn4:hover{ background: #7c5ba7 url(../images/lbg.png) no-repeat; background-position:  -1px -166px;}

.notice{position: relative;height: 420px; margin: 0 auto; background: url(../images/footbg.jpg) no-repeat center top; height: 375px;}
.notice ul{width: 810px;padding-top: 140px;margin:0 auto;}
.notice li{display: block; font-family: '微软雅黑'; color:#fff; font-size:14px;line-height:24px; position: relative; padding-left: 24px;}
.notice li span{display: inline-block; position: absolute; left:0; top:0; }
.jiang-alert{width: 1000px; height: 650px; background-color: #19102a; border: 5px solid #19102a; display: none; color:#fff; position: relative;} 
.jiang-ul{width: 910px; height: 515px; margin: 25px 45px 25px 45px;}
.jiang-title{ height: 40px; font-size: 40px; font-family: '黑体'; font-weight: bold;}
.jiang-text{ margin-top: 20px; font-family: '微软雅黑'; font-size:16px; line-height:24px; }
.jiang-btn{background-image: url(../images/jiang_btn.png); background-position: center center; background-repeat: no-repeat; height: 45px; margin-left: 5px; margin-top: 20px;}
.jiang-btn div{width: 150px; height: 45px; float: left; margin-right: 44px; cursor: pointer;}
#jiang-all{margin: 0;}
.jiang-close {background-image: url(../images/jiang_close.png);background-position: center center;background-repeat: no-repeat;width: 72px;height: 72px;top: -5px;position: absolute;cursor: pointer;right: -72px;}

.iframe_box{ display:block; width:920px;height:250px;}
#data table{ border-collapse:collapse; border-spacing:0; width:918px; }
#data table th,#data table td{ border:1px solid #281c3a; font:normal 14px "微软雅黑"; padding:5px; color:#fff; text-align:center; background-color: #281c3a;}
#data table th{ background:#281c3a; font-weight:bold; }
.checkbox{ margin-right: 6px;}

.table_sure{width:650px;margin:20px auto;color:#fff;}
.table_sure a{display:block;width:100px;height:26px;line-height:26px;text-align:center;color:#fff; background:#503875; border-radius:5px;}
.table_sure input{width:140px;height:26px;line-height:26px;}
#serverlist,#rolelist{ width: 150px;}
#data tbody td{ background-color: #3d3d3d;  border: 0;}
#data table .col1{ width: 133px;}
#data table .col2{ width: 178px;}
#data table .col3{ width: 178px;}
#data table .col4{ width: 141px;}
#data table .col5{ width: 142px;}
#data table .col6{ width: 145px;}
#data .databox tr{ border-bottom: 1px solid #b1b1b1; height: 42px; line-height: 42px;}
#data .databox{ height: 335px; overflow: hidden; overflow-y:auto; }

#jiang-no{ margin-left: 185px;}

#form2{ display: none;}