@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 {}
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: 1200px;}
.container{position: relative;}
.page1{background:#fff url(../images/bg_01.jpg) no-repeat center 0;}
.page2{background: url(../images/bg_02.jpg) no-repeat center 1163px; padding-bottom: 50px;}
.comm-wrap{width: 1200px; margin: 0 auto;}
.top{height: 910px; position: relative;}
.eventTime{position: absolute; width: 100%; left: 0; top: 592px; text-align: center; color: #FFF; font-weight: bold; font-size: 28px;}

.main{}

.loginbox{position: absolute; left: 0; width: 100%; top: 776px;}
.login{text-align: center; color: #FFF ;line-height: 55px; font-size: 16px; width: 1124px; height:55px; background:#b47efb; border: 6px solid #FFF; border-radius: 55px; margin: 0 auto; display:block;}
.login a{display: inline-block; width: 90px; height: 34px; line-height: 34px; background: #efcd4b; text-align: center; color: #fff; border-radius: 17px; margin-left: 20px;}
/* .login a:hover{background: #ffe373;} */

.loginOut{text-align: center; color: #FFF ;line-height: 55px; font-size: 16px; width: 1124px; height:55px; background:#b47efb; border: 6px solid #FFF; border-radius: 55px; margin: 0 auto; display:none;}
.loginOut a{display: inline-block; width: 90px; height: 34px; line-height: 34px; background: #efcd4b; text-align: center; color: #fff; border-radius: 17px; margin-left: 20px;}
/*.loginOut a:hover{background: #ffe373;}*/


.publicBor{width: 1178px; margin: 0 auto; padding: 14px 0; position: relative; margin-bottom: 100px;}
.publicline{ padding: 100px 70px 140px 70px; position: relative;}
.publicTit{width: 628px; height: 72px; position: absolute; left: 50%; margin-left: -314px; top: -57px; padding-top: 10px; overflow: hidden; text-indent: -999px;}
.publicTit img{display: none; margin: 0 auto;}

.fivthBox{font-size: 18px; line-height: 36px; color: #fff0f2;}
.fivthBox table th{background: url(../images/quan.png) no-repeat 0 0; width:91px; text-align: center; line-height: 44px; font-size: 18px; font-weight: bold; color: #FFF;}
.fivthBox table td{padding: 0 10px; padding-bottom: 30px;}

.secondTable{width: 760px; margin: 0 auto;}

.row2 .mcont li,.row4 .mcont li {color: #fff;}

.listTable{padding-bottom: 50px;}
.listTable .tableBox tbody th{width: 100px; text-align: center;}
.listTable .tableBox tbody td{text-align: left; font-size: 16px; padding: 10px;}
.listTable .tableBox tbody td.cen{text-align: center;}

.row{}
.rowTit{ height: 110px;}
.rowTit h4{ height: 110px; text-align: left; color: #666; font-size: 20px; text-indent: -9999999px;}

.mcont li{ margin-bottom: 30px; position: relative; padding-left: 130px; color: #FFF; font-size: 16px;}
.mcont li p{padding-bottom: 20px;}
.mcont .tag{color: #fff; font-size: 16px; padding:4px 26px; display: inline-block; background:url(../images/k.png) no-repeat 0 0; position: absolute; left:0; top:0;}

.tableBox{border-collapse: collapse; width: 100%; border:2px solid #805cea;}
.tableBox thead th{border:1px solid #805cea; text-align: center; color: #FFF; font-size: 16px; line-height: 34px; }
.tableBox tbody th{border:1px solid #805cea; text-align: center; font-size: 24px; color: #FFF; font-weight: bold;  padding: 10px 0;}
.tableBox tbody td{border:1px solid #805cea;  color: #FFF; text-align: center; padding: 10px 0;}
.tableBox tbody td.col2{text-align: center;}
.tableBox tbody td.col3{}
.tableBox tbody td.t1{text-align: left; font-size: 12px; line-height: 18px; padding: 0 10px;}
.tableBox .btn{display: block; margin: 0 auto; width: 100px; height: 36px; line-height: 36px; color: #fff; background: #ee70fe; border-radius: 18px; font-size: 18px; text-align: center;}
.tableBox .on{background:#8671c4; color: #493195;}/*不可点击时候的状态*/
.tableBox .col1{ width: 90px;}
.tableBox .col2{ width: 200px;}
.tableBox .col3{padding: 30px 20px;}
.tableBox .col4{ width: 100px; padding: 0 10px;}
.tableBox .col6{font-weight: bold; font-size: 18px;  }
.tableBox .col7{}
.row4 .thirdBox{padding-right: 100px;}

.datalist{ text-align: center;}
.datalist .tableTit{ height: 44px; color: #FFF; font-size: 24px; text-align: center; font-weight: bold; line-height: 44px; background: url(../images/q.png) no-repeat center center; padding: 6px 0;}
.datalist .otable{ border: 2px solid #ff5a11; width: 100%; text-align: center; vertical-align: middle;}
.otable td{ color: #b71c1c;}
.otable tbody tr{ border-bottom: 2px solid #ff5a11;}
.otable tbody td{background: #fff1f0; border-right: 1px solid #ff5a11;}
.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: 1px solid #ff5a11; background: #ff9694;}

.fouthBox{height: 421px; width: 100%; overflow:hidden; overflow-y: auto;}
.tableScroll{border:4px solid #805ceb;  }
.thirdTable table{border:0 none;}

.fouthBox::-webkit-scrollbar{width:4px;height:4px; background-color:#4b3296;}
.fouthBox::-webkit-scrollbar-thumb{border-radius:0px;background-color:#ee70fe;} 
.fouthBox::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.fouthBox::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.fouthBox::-webkit-scrollbar-track-piece{margin: 0px 0;}

.paiBox{height: 140px; color: #ff5a11; text-align: center; padding-top: 10px;}
.paiBox strong{display: block; font-size: 16px; color: #dd4d50; padding: 12px 0;}
.paiBox p{color: #b71c1c; font-size: 14px; padding: 0 16px;}
.pai1{float: left; width: 468px; height: 108px; border:2px solid #ff5a11; background: #fbefde;}
.pai2{float: left; width: 196px; height: 108px; border:2px solid #ff5a11; background: #fbefde; margin-left: 22px;}
.pai3{float: right; width: 196px; height: 108px; border:2px solid #ff5a11; background: #fbefde;}

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


.tabCont2 .col1{ width: 136px;}
.tabCont2 .col2{ width: 150px;}
.tabCont2 .col3{ width: 206px;}
.tabCont2 .col4{ width: 104px;}
.tabCont2 .col6{ 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:155px; height:422px; background: url(../images/fr_01.png) no-repeat 0 0; position:fixed; top:100px; right: 0; /*top: 315px;*/ z-index:999; }/*20160429*/
.czBtn{height: 98px;}
.czBtn a{height:94px; width: 102px; display:block; background: url(../images/fr_02.png) no-repeat 0 -94px; margin: 0 auto; overflow: hidden; text-indent: -999px;}
.czBtn a:hover{background-position: 0 0;}

.floatBtn{width:131px; height: 278px; margin: 0 auto;}
.floatBtn a{display: block; width: 131px; height: 44px; line-height: 44px; text-align: center; font-size:18px; color: #FFF; margin-bottom: 11px;}
.floatBtn a.btn1{background: url(../images/e1.png) no-repeat -131px 0;}
.floatBtn a.btn2{background: url(../images/e2.png) no-repeat -131px 0;}
.floatBtn a.btn3{background: url(../images/e3.png) no-repeat -131px 0;}
.floatBtn a.btn4{background: url(../images/e4.png) no-repeat -131px 0;}
.floatBtn a.btn5{background: url(../images/e5.png) no-repeat -131px 0;}
.floatBtn a:hover,.floatBtn a.on{background-position:0 0;}

.goTop{display: block; width: 29px; height: 25px; margin: 0 auto; background: url(../images/top.png) no-repeat 0 0;}


.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: #FFF; border: 5px solid #FFF; padding: 5px; display: none; color:#FFF; position: relative; border-radius:20px;} 
.jiangBox{background: #5e41b1; border-radius:20px; height: 650px;}
.jiang-ul{width: 910px; height: 515px; margin: 0 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; color: #FFF;}
.jiang-btn{height: 45px; margin-top: 20px; text-align: center;}
.jiang-btn div{width: 140px; height: 38px; line-height: 38px; display: inline-block; cursor: pointer; background: #ee70fe; font-size: 18px; color: #fff; border-radius: 19px; margin: 0 20px;}
.jiang-btn div.on{background:#8671c4; color: #493195;}
#jiang-all{margin: 0;}
.jiang-close {background-image: url(../images/jiang_close.png?v=1);background-position: center center;background-repeat: no-repeat;width: 76px;height: 76px;top: -5px;position: absolute;cursor: pointer;right: -82px;}

.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 #805ceb; font:normal 14px "微软雅黑"; padding:5px; color:#fff; text-align:center; background-color: #573c95;}
#data table th{ background:#573c95; 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:#f2b600; 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; }


#form2{ display: none;}




.oneBox td,.oneBox th{height: 50px; vertical-align:middle;}
.tableBox tbody .towBox td{padding: 8px 0;vertical-align: middle;}
.tableBox tbody .threeBox td{padding: 8px 0;}
.tableBox tbody .towBox .btn,.tableBox tbody .threeBox .btn{width: 80px; height: 28px; line-height: 28px;}


.row4.publicline .tableBox .col1{ width: 90px;}
.row4.publicline .tableBox .col2{ width: 350px;}
.row4.publicline .tableBox .col3{padding: 0 20px;}
.row4.publicline .tableBox .col4{ width: 200px;}


.row1{height: 610px; padding-top: 180px;}
.row1 .tableBox{border: 1px solid #ffe273;}
.row1 .tableBox tbody th{border: 1px solid #ffe273;}
.row1 .tableBox thead th{border: 1px solid #ffe273;}
.row1 .tableBox tbody td{border: 1px solid #ffe273;}
.row1 .tableBox .btn{background: #b47efb;}
.row1 .tableBox .on{background:#f7d171; color: #493195;}/*不可点击时候的状态*/


.row2{height: 1050px;}
.row2 .secondTable{width: 90%;}
.row2 .tableBox thead th{border: 1px solid #8f6cff;}
.row2 .tableBox tbody td{border: 1px solid #8f6cff; padding: 0 5px;}
.row2 .tableBox .btn{background: #fe9508;}
.row2 .tableBox .on{background:#9e77ff; color: #493195;}/*不可点击时候的状态*/

.row2 .tableBox tbody .towBox td{padding: 16px 8px; line-height: 32px;}

.row3{height: 850px;}
.row3 .tableBox thead th{border: 1px solid #ffe273;}
.row3 .tableBox tbody td{border: 1px solid #ffe273;}
.row3 .tableBox .btn{background: #b47efb;}
.row3 .tableBox tbody .threeBox td{padding: 16px 8px;}
.row4{height: 1470px;}
.row5{height: 400px;}