@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;}
.mt20{ margin-top: 20px;}
.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;}
.w1200{ width: 1200px; position: relative; left:50%; margin-left: -600px;}
body{ min-width: 1200px; background-color: #eae9ee;}
.container{ background: url(../images/20180110/bg0110.jpg) no-repeat center top;}
.container_b{ /*background: url(../images/20180110/bg_02.jpg) no-repeat center bottom;*/ position: relative;}
.role{ width: 1269px; height: 2612px; position: absolute; left:0; top:116px; background: url(../images/role.png) no-repeat;}
.main{ padding-bottom: 170px;}
.top{height: 668px;  position:relative; margin:0 auto;}
.time{ display: none;}
.btn{display: inline-block;height: 27px;margin: 0 10px;vertical-align: middle; text-indent: -999em;}
.btn.on{ background-color: #818181; cursor: default;}
.loginbox{height: 50px;text-align: center;/*background: rgba(0,0,0,.46);*/line-height: 50px; top: 482px; position: absolute; left:50%; margin-left: -533px; width: 967px; padding: 0 50px; color: #fff; background: url(../images/20180110/loginbox.png) no-repeat 0 0;}
.login p{ font-size: 14px; color: #fff;}
.login .btnLogin{ width: 68px; background: url(../images/20180110/btnLogin.png) no-repeat 0 0;}
/*.login{text-align:left;}*/
.loginOut{ display: none; overflow: hidden; height: 48px; line-height: 48px;}
.loginOut p{ padding-left: 20px; }
.loginOut .prize{ width: 79px; background: url(../images/20180110/prize.png) no-repeat 0 0;}
.loginOut .quit{ width: 68px; background: url(../images/20180110/quit.png) no-repeat 0 0;}

/*.row { background-color: #262626}*/
/*.rowTit{ height: 110px;}*/
.rowTit h4{ text-align: left; color: #FFF; font-size: 42px; font-weight: bold;}
.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: #FFF;}
.mcont .tag{ color: #fff; font-size: 16px; padding:0 6px; display: inline-block; background-color: #000; position: absolute; left:0; top:0; }

.datalist{ text-align: center; width: 800px; margin: 0 auto; height: 300px; overflow: hidden;}
.datalist .tableTit{ height: 44px; color: #503875; font-size: 24px; text-align: center; font-weight: bold; line-height: 44px;}
.datalist .otable{ width: 100%; text-align: center; font-size: 16px; border-collapse: collapse;}
.otable td{ color: #FFF;}
.otable td,.otable th{border: 2px solid #444;}
.otable tbody tr{}
.otable tbody td{}
.otable thead th{text-align: center; background-color: #4e4e4e; color: #FFF;}
.otable tbody .receive{ width: 79px; height: 28px; background: url(../images/20180110/receive.png) no-repeat 0 0;}
.otable tbody .receive.on{ background: url(../images/20180110/unreceive.png) no-repeat 0 0;}

.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{}
.tabCont2 .col2{}
.tabCont2 .col3{width: 280px;}
.tabCont2 .col4{width: 160px;}

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

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


.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;width: 810px; margin: 0 auto; /*background: url(../images/footbg.jpg) no-repeat center top;*/ height: 375px; font-family: '微软雅黑'; color:#fff;}
.notice h2{ font-size: 18px; font-weight: bold;}
.notice ul{padding-top: 20px;}
.notice li{display: block; 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: 70px; 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;}

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





.popbg{background:#000; filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8; width: 100%; height: 100%; position:fixed; left: 0; top: 0; z-index: 998;display: none;}
.popBox{width: 628px; height: 405px; background: url(../images/20180110/pop.png) no-repeat 0 0; position: absolute; left: 50%; top: 50%; margin: -202px 0 0 -319px; z-index: 999;display: none;}
.popclose{display: block; width: 47px; height: 47px; background: url(../images/20180110/close.png) no-repeat 0 0; position: absolute; right: 20px; top: 15px;}
.popTitle{height: 80px; line-height: 80px; color: #FFF; text-indent: 25px; font-weight: bold; font-size: 28px;}
.formBox{padding-top: 54px;}
.formBox p{height: 62px; text-align: center;}
.formBox label{font-size: 20px; color: #be9f5e; vertical-align:middle; font-family:tahoma; padding-right: 10px;}
.formBox select{vertical-align:middle; width: 230px; height: 30px; border: 1px solid #ab8e55; }
.formBtn{width: 350px; margin: 0 auto; padding-top: 20px;}
.formBtn a{width: 142px; height: 39px; background: url(../images/20180110/btn.png) no-repeat 0 0; line-height: 38px; text-align: center; font-size: 14px; color: #FFF;}
.formBtn a.submit{float: left;}
.formBtn a.cle{float: right;}



.wm-public{z-index: 99 !important;}