@charset "utf-8";
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0; outline: none;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
span,a,strong,div{-webkit-appearance:none;-webkit-tap-highlight-color:transparent;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.pub_yh{font-family:"Microsoft YaHei";}
.pub_btn{display: block; overflow: hidden; text-indent: -999px; cursor: pointer; margin: 0 auto;}
.pub_btn:hover{background-position: 0 bottom;}
.pub_le{float: left}
.pub_lr{float: right;}
.pub_ib{text-align: center; display: table; word-spacing:-1em;}
.pub_text1{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pub_text2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_table{border-collapse: collapse; width: 100%;}
.none{display:none;}
*:not(input):not(textarea){user-select:none;}
body{background:#000; font-size:12px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;  -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

#content{position: relative; min-width: 1300px; max-width: 1920px; margin: 0 auto; background: url(../images/bg.jpg) no-repeat center 0; padding-bottom: 300px;}

.section{position: relative;}
.section1{height: 560px;}
.section2{padding-bottom: 60px;}
.publicMain{width: 1006px; height: 100%; margin: 0 auto; position: relative;}

.bt1{background: url(../images/bt1.png) no-repeat 0 0; height: 50px;}
.bt2{background: url(../images/bt2.png) no-repeat 0 0; height: 50px;}
.bt3{background: url(../images/bt3.png) no-repeat 0 0; height: 50px;}
.userCont{width: 740px; height: 272px; background: url(../images/userbg.png) no-repeat 0 0; font-size: 16px; margin-bottom: 60px;}
.userMain{padding: 0 0 0 25px; display: flex;}
.userLogin{width: 260px;}
.userTips{height: 34px; padding-top: 36px; color: #fff; text-align: center;}
.userVip{width: 380px;}
.userVip .what{text-align: center;}
.userVip .what a{color: #ffd67c; display: block; width: 200px; height: 30px; margin: 0 auto; cursor: pointer; line-height: 30px; position: relative;}
.userVip .what a div.showDiv{width: 400px; height: 106px; background: url(../images/tips.png) no-repeat 0 0; position: absolute; left: 20px; top: 30px; display: none;}
.userVip .what a div.showDiv p{font-size: 16px; color: #ffefd6; line-height: 24px; padding: 22px 10px 0 10px; text-align: left;}
.userVip .what a:hover div.showDiv{display: block;}
.userCont a.btn{width: 240px; display: block; margin: 0 auto; font-weight: bold; cursor: pointer; text-align: center; text-align: center;}
.userCont a.style1{width: 240px; height: 64px; line-height: 64px; font-size: 24px; color: #972f36; background: url(../images/btn.png) no-repeat 0 0; margin-bottom: 12px;}
.userCont a.style2{width: 360px; height: 140px; line-height: 140px; font-size: 36px; color: #FFF; background: url(../images/btn2.png) no-repeat 0 0; margin-bottom: 12px;}
.userCont a.btn:hover{background-position: 0 bottom;}
.loginok{height: 272px; display: flex; justify-content: center; align-items: center;}
.loginok h3{font-size: 16px; line-height: 26px; padding-top: 10px;}
.loginok h3 span{color: #ffd67c;}
.logoutDiv{font-size: 18px; color: #fff; line-height: 32px;}
.logoutDiv span.userName{color: #ffefd6;}
.logoutDiv a{color: #ff3e2e;}

.userInfo{font-size: 18px; color: #ffefd6; width: 700px; height: 100%; display: flex; align-items: center;}
.userInfo p{height: 40px; line-height: 40px;}
.userInfo p.s{border-bottom: 1px dashed #4c4446; padding-bottom: 16px; margin-bottom: 16px;}

.userInfo a{color: #ff3e2e;}
.userInfo a.blue{color: #2cd228;}
.userInfo strong{font-weight: normal; color: #ffaa24;}
.userStatus1,.userStatus2,.userMain{width: 100%; height: 100%;}
.vipStatus{display: none;}

.validmount,.nextRankAmount,.keepAmount,.todayAmount{color: #ff0;}

.tableStyle{margin-bottom: 28px;}
.tableStyle table{width: 100%; border-collapse: collapse;}
.tableStyle table th,.tableStyle table td{border: 1px solid #ae9d76; padding-left: 36px;}
.tableStyle table th{height: 48px; font-size: 16px; color: #ffb966; background: #852b2c;}
.tableStyle table td{height: 38px; font-size: 16px; color: #ffefd6; background: #111317;}

.vipFont{font-size: 16px; color: #ffefd6; line-height: 30px; padding-bottom: 50px;}
.vipFont strong{color: #ffbe40;}
.lbCont{width: 1005px; height: 295px; background: url(../images/line.png) no-repeat 0 0; margin-bottom: 40px; display: flex; justify-content: center;}
.lblist{width: 336px; height: 295px;}
.lblist p{height: 70px; text-align: center; font-size: 16px; color: #ffefd6; display: flex; align-items: center; justify-content: center;}
.lblist img{display: block; margin: 0 auto;}
.lblist a{display: block; width: 80px; height: 40px; line-height: 40px; text-align: center; background: #c04c4c; margin: 0 auto; cursor: pointer; font-size: 18px; color: #ffffff; border-radius: 40px;}
.lblist a:hover{background: #ab2121;}

.libaoTips{padding-bottom: 30px;}
.libaoTips ul{margin-left: 24px;}
.libaoTips li{list-style: decimal; font-size: 16px; color: #ffefd6; line-height: 30px;}

.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop1{width: 820px; height: 450px; background: #e9e9e1;}
.pop2{width: 750px; height: 550px; background: #e9e9e1;}
.closeBtn{display: block; width: 51px; height: 52px; background: url(../images/close.png) no-repeat 0 0; cursor: pointer; position: absolute; right: -60px; top: 0;}


.pt1{background: url(../images/pt1.png) no-repeat center; height: 130px;}
.pt2{background: url(../images/pt2.png) no-repeat center; height: 130px;}

.btnBox{display: flex; justify-content: center;}
.btnBox a{display: block; width: 200px; height: 64px; line-height: 64px; border-radius: 64px; background: #c03b3d; font-size: 26px; color: #ffefd6; cursor: pointer; margin: 0 auto; text-align: center;}
.btnBox a:hover{background: #ab2121;}


.msg{padding:0 30px; font-size: 30px; color: #1b1719; line-height: 50px; text-align: center; height: 150px; display: flex; justify-content: center; align-items: center; margin-bottom: 40px;}

.subMain{padding-bottom: 40px;}
.sublist{height: 80px;}
.sublist span{float: left; width: 180px; padding-right: 10px; height: 50px; line-height: 50px; font-size: 24px; color: #1b1719; text-align: right;}
.sublist select{float: left; width: 415px; height: 50px; background: #FFF; border: 1px solid #c03b3d; font-size: 18px; color: #000; outline: none;}
.sublist div.s1{float: left; width: 405px; height: 48px; line-height: 48px; padding: 0 5px; background: #FFF; border: 1px solid #c03b3d; font-size: 18px; color: #000; outline: none;}
.sublist div.s2{float: left; width: 405px; height: 50px; line-height: 50px; font-size: 18px; color: #000; outline: none;}


.scrollStyle::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
.scrollStyle::-webkit-scrollbar-track{border-radius:6px;background-color:#1e1e1e;}/*底*/
.scrollStyle::-webkit-scrollbar-thumb{border-radius:6px;background-color:#8b8b8b;}/*面*/
.scrollStyle::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
.scrollStyle::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
.scrollStyle::-webkit-scrollbar-track-piece{margin:0;}

body::-webkit-scrollbar{width:6px;height:6px;background-color:rgba(0,0,0,0);}
body::-webkit-scrollbar-track{border-radius:6px;background-color:#1e1e1e;}/*底*/
body::-webkit-scrollbar-thumb{border-radius:6px;background-color:#8b8b8b;}/*面*/
body::-webkit-scrollbar-thumb:hover{background-color:rgba(143,143,148,1);}
body::-webkit-scrollbar-thumb:active{background-color:rgba(106,106,112,1);}
body::-webkit-scrollbar-track-piece{margin:0;}