@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;}

.main{}

.loginbox{position: absolute; left: 0; width: 100%; top: 776px;}
.login{text-align: center; color: #FFF ;line-height: 44px; font-size: 14px; width: 1124px; height: 44px; background: url(../images/login_b.jpg)  repeat 0 0; border: 6px solid #fbf8d0; border-radius: 44px; margin: 0 auto; display:block;}
.login a{display: inline-block; width: 90px; height: 34px; line-height: 34px; background: #faf6c2; text-align: center; color: #2d015b; border-radius: 17px; margin-left: 20px;}
/* .login a:hover{background: #ffe373;} */

.loginOut{text-align: center; color: #FFF ; line-height: 44px; font-size: 14px; width: 1100px; height: 44px; background: #573c95; border: 6px solid #fbf8d0; border-radius: 44px; margin: 0 auto; display: none;}
.loginOut a{display: inline-block; width: 90px; height: 34px; line-height: 34px; background: #faf6c2; text-align: center; color: #2d015b; border-radius: 17px; margin-left: 20px;}
/*.loginOut a:hover{background: #ffe373;}*/


.publicBor{width: 1178px; margin: 0 auto; border: 6px solid #fbf8d0; background:#ffb850 url(../images/d.jpg) no-repeat 0 0; padding: 14px; position: relative; margin-bottom: 100px;box-shadow:rgb(222, 46, 46) 0px 0px 98px inset;}
.publicline{border: 2px solid #fbf8d0; padding: 100px 70px 140px 70px; position: relative;}
.publicTit{background: url(../images/publicTitle.png) no-repeat 0 0; width: 544px; height: 72px; position: absolute; left: 50%; margin-left: -272px; top: -59px; padding-top: 10px;}
.publicTit img{display: block; margin: 0 auto;}



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

.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 #fbf8d0;}
.tableBox thead th{border:1px solid #fbf8d0; text-align: center; color: #FFF; font-size: 16px; line-height: 34px; }
.tableBox tbody th{border:1px solid #fbf8d0; text-align: center; font-size: 24px; color: #FFF; font-weight: bold;  padding: 10px 0;}
.tableBox tbody td{border:1px solid #fbf8d0;  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: #f6676d; border-radius: 18px; font-size: 18px; text-align: center;}
.tableBox .on{background:#c2c2c2; color: #757373;}
.tableBox .col1{ width: 90px;}
.tableBox .col2{ width: 200px;}
.tableBox .col3{padding: 0 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 #fbf8d0;  }
.thirdTable table{border:0 none;}

.fouthBox::-webkit-scrollbar{width:4px;height:4px;background-color:rgba(0,0,0,0);}
.fouthBox::-webkit-scrollbar-track{background-color: #ffbdb5;}
.fouthBox::-webkit-scrollbar-thumb{border-radius:0px;background-color:#fff461;} 
.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:230px; height:335px; border: 6px solid #fbf8d0; position:fixed; top:100px; right: 0; /*top: 315px;*/ z-index:999; }/*20160429*/
.czBtn{ height:60px; line-height:60px; display:block; text-align:center; background: url(../images/login_b.jpg)  repeat 0 0;font-size:26px; color:#FFF;font-weight: bold; }
.floatBtn{ width:230px; height:274px; background:#ffb850 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; font-weight:bold; border-top: 1px solid #fbf8d0; border-bottom: 1px solid #fbf8d0; }
.floatBtn a.on{ font-weight:bold; }

.floatBtn .btn1.on, .floatBtn .btn1:hover{ background: #ffb850 url(../images/lbg.png) no-repeat; background-position:  -1px -1px;box-shadow:rgb(222, 46, 46) 0px 0px 48px inset;}
.floatBtn .btn2.on, .floatBtn .btn2:hover{ background: #ffb850 url(../images/lbg.png) no-repeat; background-position:  -1px -56px;box-shadow:rgb(222, 46, 46) 0px 0px 48px inset;}
.floatBtn .btn3.on, .floatBtn .btn3:hover{ background: #ffb850 url(../images/lbg.png) no-repeat; background-position:  -1px -111px;box-shadow:rgb(222, 46, 46) 0px 0px 48px inset;}
.floatBtn .btn4.on, .floatBtn .btn4:hover{ background: #ffb850 url(../images/lbg.png) no-repeat; background-position:  -1px -166px;box-shadow:rgb(222, 46, 46) 0px 0px 48px inset;}
.floatBtn .btn5.on, .floatBtn .btn5:hover{ background: #ffb850 url(../images/lbg.png) no-repeat; background-position:  -1px -221px;box-shadow:rgb(222, 46, 46) 0px 0px 48px inset;}

.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: #573c95 url(../images/d.jpg) no-repeat 0 0; border: 5px solid #fbf8d0; 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; 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: #fbf8d0; font-size: 18px; color: #573c95; border-radius: 19px; margin: 0 20px;}
#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 #fbf8d0; 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;}

.pao1{width: 140px;height: 202px;background: url(../images/pao1.png) no-repeat 0 0;position: absolute;left:-70px;top: 10px;z-index: 9 }
.pao2{width: 128px;height: 180px;background: url(../images/pao2.png) no-repeat 0 0;position: absolute;right:-70px;top: 90px;z-index: 9 }