@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
li{list-style:none;}
img{border:0px;}
i,em{font-style:normal;}
body{color:#151515; font-size:14px; float:left; line-height:22px; font-family:'MicroSoft Yahei',verdana,arial,tahoma;}
a{text-decoration:none; color:#ADBDCC; transition: all 0.25s ease;}
input{outline:none; border:0px; font-size:14px; color:#C3D4E6; font-family:'MicroSoft Yahei',verdana,arial,tahoma; transition: all 0.25s ease;}
input.error{border:1px solid #eb2d2d; color:#eb2d2d;}
.fl{float:left}
.fr{float:right;}

.header{width:100%; float:left; height:80px; box-sizing: border-box; border:1px solid #630807; border-bottom:0px; border-bottom:1px solid #470605; position:relative; background:#202427 url(../images/headBg1.png) center center no-repeat; box-shadow:0px 1px 4px 0px rgba(25, 25, 25, 0.77);}
.return{background:url(../images/headIcon1.png) center center no-repeat; width:10px; height:18px; float:left; background-size:100% 100%; margin:31px 40px 0px 35px;}
.return:hover{background:url(../images/headIcon1H.png) center center no-repeat;}
.refresh{background:url(../images/headIcon2.png) center center no-repeat; width:20px; height:20px; float:left; background-size:100% 100%; margin:30px 0px 0px 0px}
.refresh:hover{background:url(../images/headIcon2H.png) center center no-repeat;}
.menu{width:420px; position:absolute; left:50%; margin-left:-210px; display:flex; justify-content:center;}
.menu a{width:78px; float:left; height:77px; position:relative; margin-right:10px;}
.menu a b{font-weight:normal; width:62px; height:62px; position:absolute; top:3px; left:8px}
.menu a i{width:100%; height:100%; position:absolute; left:0px;  top:0px;}
.menu a em{width:100%; float:left; color:#CFAB60; text-align:center; position:absolute; bottom:-7px; display:block;}
.menu a:hover em{display:block;}
.menu a.hover b{background:url(../images/menuIcon1ABg.png) center center no-repeat;}
.menu a.hover em{display:block;}
.menu a.hover img{display:block;}
.menu a.hover{background:linear-gradient(0deg, #150B07, #230902, #150B07);}
.menu a:last-child{margin-right:0px;}
.menu a img{position:absolute; top:0px; left:0px; display:none;}
.menu a img:last-child{right:0px; left:inherit;}
.headOper{position:absolute; right:0px; top:0px; background:url(../images/headBg2.png) center center no-repeat; width:115px; height:27px; background-size:100% 100%;}
.headOper a{width:12px; height:12px; float:left; margin:9px 15px 0px 0px }
.headOper1{background:url(../images/headIcon5.png) center center no-repeat;}
.headOper2{background:url(../images/headIcon6.png) center center no-repeat;}
.headOper3{background:url(../images/headIcon7.png) center center no-repeat;}
.headOper1:hover{background:url(../images/headIcon5H.png) center center no-repeat;}
.headOper2:hover{background:url(../images/headIcon6H.png) center center no-repeat;}
.headOper3:hover{background:url(../images/headIcon7H.png) center center no-repeat;}
.headOper a:first-child{margin-left:34px}
.headMember{background:#2D363C; width:120px; border-radius:8px; position:absolute; top:35px; left:-20px; padding:10px 0px; z-index:1000; display:none;}
.headMember a{width:112px; float:left; height:30px; line-height:30px; margin:0px; color:#98A5B3; font-size:14px;}
.headOper .headMember a:first-child{margin-left:0px;}
.headMember a i{float:left; margin:8px 5px 0px 6px; width:14px; height:14px;}
.headMember .headMIcon1 i{background:url(../images/mMenuIcon1.png) center center no-repeat;}
.headMember .headMIcon2 i{background:url(../images/mMenuIcon2.png) center center no-repeat;}
.headMember .headMIcon3 i{background:url(../images/mMenuIcon3.png) center center no-repeat;}
.headMember .headMIcon4 i{background:url(../images/mMenuIcon4.png) center center no-repeat;}
.headMember .headMIcon5 i{background:url(../images/mMenuIcon5.png) center center no-repeat;}
.headMember .headMIcon6 i{background:url(../images/mMenuIcon6.png) center center no-repeat;}
.headMember a:hover{background:#39434A;}

.notLogin{float:right; width:272px;}
.notLogin img{background:#212326; border:1px solid #C3D4E6; width:39px; height:39px; border-radius:50%; margin:20px 20px 0px 0px; float:left}
.notLogin .btn{margin-top:28px}
.headLogin{width:272px; float:right;}
.headLogin img{background:#212326; border:1px solid #C3D4E6; width:39px; height:39px; border-radius:50%; margin:20px 8px 0px 0px; float:left}
.headLoginC{float:left; margin-top:16px; width:200px}
.headLoginC b{width:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; font-weight:normal; float:left;}
.headLoginC p{float:left; width:100%; color:#A1AAB3; margin-top:2px;}
.headLoginC p em{background:url(../images/headIcon3.png) center left no-repeat; padding-left:22px; float:left; margin-right:15px}
.headLoginC p i{background:url(../images/headIcon4.png) center left no-repeat; padding-left:22px; float:left;}
.content{width:100%; float:left; box-sizing: border-box; border:1px solid #630807; border-top:0px; background:url(../images/bg.png) center top no-repeat; height:800px; position:relative;overflow: hidden;}
.nav{background:#250A02; width:190px; box-shadow:0px 8px 12px 0px rgba(11, 11, 11, 0.7); position:absolute; z-index:10; left:0px; top:0px; height:100%;}
.nav_1{width:100%; float:left; border-bottom:1px solid #1A0701; height:50px;}
.navA{width:100%; float:left; text-indent:20px; line-height:50px; position:relative; color:#B3B3B3;}
.navA::after{content:''; background:url(../images/iconDown.png) center center no-repeat; width:10px; height:6px; position:absolute; left:84px; top:22px}
/*自定义游戏菜单的滚动条样式*/
.sortcontainer{width:100%; height:670px; overflow-x:hidden; overflow-y:auto; float:left;}
.sortcontainer::-webkit-scrollbar{width:10px; border-radius:5px;}/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.sortcontainer::-webkit-scrollbar-track{background-color:#250A02; border-radius:5px;}/*定义滚动条轨道*/  
.sortcontainer::-webkit-scrollbar-thumb{border-radius:5px; width:10px; height:40px; background:#401103}/*滑块*/
.sortcontainer::-webkit-scrollbar-thumb:hover{background:#250A02; }

.nav_11{width:100%; float:left; display:none; position:relative;}
.nav_11 a{width:100%; float:left; height:40px; line-height:40px; color:#B3AB7F; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.nav_11 a img{float:left; margin:6px 10px 0px 25px; border-radius:6px;}
.nav_11 a.ui-sortable-helper{border:1px dashed #2D3135; width:-webkit-calc(100% - 5px); width:-moz-calc(100% - 5px); width:calc(100% - 5px); height:38px; line-height:38px;}
.nav_11 a:hover{background:#1A0701;}
.nav_11 a i{background:url(../images/navImg.png) center center no-repeat; width:13px; height:24px; position:absolute; left:0px; top:8px; display:none;}
.nav_11 a.stopTak img{opacity:.6;}
.nav_11 a.stopTak{color:#8C8C8C;}
.nav_11 a.hover{background:#1A0701; color:#fff; font-size:16px;}
.nav_11 a.hover i{display:block;}
.navA.active::after{content:''; background:url(../images/iconTop.png) center center no-repeat; width:10px; height:6px; position:absolute; left:84px; top:22px}
.rightView{width:1331px; margin:0px 0px 0px 190px; float:left; height:800px}
.rightCon{width:1291px; float:left;}
.iframeCss{border:0px; float:left; width:1291px; height:709px; margin:30px 9px 0px 40px}
.memberContent{border:0px; float:left; width:1340px; height:800px; margin:0px 0px 0px 0px}

.bodyDiv::-webkit-scrollbar{width:10px; border-radius:5px;}/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.bodyDiv::-webkit-scrollbar-track{background-color:#292929; border-radius:5px;}/*定义滚动条轨道*/  
.bodyDiv::-webkit-scrollbar-thumb{border-radius:5px; width:10px; height:40px; background:#552415}/*滑块*/
.bodyDiv::-webkit-scrollbar-thumb:hover{background:#552415; }
.footer{position:fixed; bottom:0px; left:190px; height:60px; box-shadow:0px 1px 18px 0px rgba(153, 153, 153, 0.3); background:#292929; width:1340px} 
.footerCon{float:right}
.footerCon p{float:left; color:#888; line-height:60px;}
.footerCon span{float:left; line-height:60px; color:#333; margin-right:50px}
.footerCon span em{width:6px; height:6px; background:#17E64E; float:left; border-radius:50%; margin:27px 12px;}
.startUp{background:url(../images/btn1.png) center center no-repeat; width:240px; height:60px; float:left;}
.startUp:hover{background:url(../images/btn1H.png) center center no-repeat;}
.downloading{background:url(../images/btn3.png) center center no-repeat; width:240px; height:60px; float:left;}
.downloading:hover{background:url(../images/btn3H.png) center center no-repeat;}
.startz{background:url(../images/startz.png) center center no-repeat; width:240px; height:60px; float:left;}
.update{background:url(../images/btn2.png) center center no-repeat; width:240px; height:60px; float:left;}
.update:hover{background:url(../images/btn2H.png) center center no-repeat;}
/* .indexHtml{margin:40px 9px 0px 40px} */

.btn{background:#212326; height:22px; color:#FFD028; padding:0px 15px; border:1px solid #454B52; border-radius:4px; float:left;}
.btn:hover{background:#2C2F33; border:1px solid #454B52;}

.popupView{position:fixed; width:100%; height:100%; z-index:100; top:0px; left:0px;}
.popupBg{position:fixed; width:100%; height:100%; z-index:101; top:0px; left:0px; background:rgba(11, 12, 13, .3);}
.popupClose{position:absolute; right:16px; top:16px; cursor:pointer;}
.loginDiv{position:fixed; z-index:102; top:50%; left:50%; width:600px; height:440px; background:#0F0706; border-radius:8px; margin:-220px 0px 0px -300px}
.loginImg{position:absolute; left:-2px; top:-7px} 
.loginCon{float:right; width:280px; margin-right:60px}
.loginCon h5{font-size:20px; color:#FFD028; font-weight:400; margin:33px 0px 35px 0px;}
.formUl{width:100%; float:left; position:relative; margin-bottom:20px}
.loginCon .formInput{background:#0F0706;}
.formInput{height:22px; line-height:22px; padding:10px 15px; width:248px; background:#1C2023; border:1px solid #9BA5B3; border-radius:4px; color:#fff;}
.formInput:focus{border:1px solid #e1e1e1}
p.error{position:absolute; bottom:-20px; left:0px; color:#f00; font-size:12px; display:none;}
.formInput::-webkit-input-placeholder{color:#9BA5B3;}
.formInput:-moz-placeholder{color:#9BA5B3;}
.formInput::-moz-placeholder{color:#9BA5B3;}
.formInput:-ms-input-placeholder{color:#9BA5B3;} 
.loginPassWord{width:100%; float:left; margin-bottom:26px}
.loginPassWord a{color:#858D99; float:right;}
.loginPassWord a:hover,.loginRegister a:hover{color:#ADBDCC;}
.loginCon .btn{width:100%; color:#0B0C0D; font-size:18px; border-radius:4px; background:linear-gradient(0deg, #FEE84A, #FFD51C); line-height:48px; text-align:center; height:48px; padding:0px; margin-bottom:12px; transition:none;}
.loginCon .btn:hover{background:#FFD028;}
.loginRegister{width:100%; float:left; display:flex; justify-content:center; margin-bottom:35px}
.loginRegister a{font-size:16px; color:#9BA5B3;}
.loginFooter{width:100%; float:left; display:flex; justify-content:center;}
.loginFooter a{float:left; margin-right:21px;}
.loginFooter a:last-child{margin:0px}

.register{width:560px; height:440px; position:fixed; z-index:102; top:50%; left:50%; background:#0F0706; border-radius:8px; margin:-220px 0px 0px -280px}
.registerTitle{background:url(../images/registerHead.png) center top no-repeat; width:100%; height:80px; float:left; text-align:center; font-size:24px; color:#FFD028; line-height:80px; margin-bottom:40px}
.register .popupClose{top:28px; right:28px;}
.registerCon{width:360px; margin:0 auto;}
.registerCon .formInput{width:328px; background:#0F0706;}
.registerCon .getCode .formInput{width:188px;}
.getCodeBtn{background:#28BBFF; width:120px; height:44px; float:right; border-radius:4px; font-size:14px; color:#fff; text-align:center; line-height:44px;}
.getCodeBtn:hover{background:#4BB2F9;}
.getCodeBtn.null{background:#2C2F33;}
.registerCon .btn{width:100%; color:#0B0C0D; font-size:18px; border-radius:4px; background:linear-gradient(0deg, #FEE84A, #FFD51C); line-height:48px; text-align:center; height:48px; padding:0px; margin-bottom:12px; transition:none; margin-top:20px}
.loginCon .btn:hover{background:#FFD028;}

.foucebox{width:1000px; height:300px; float:left; margin-bottom:15px;}
.foucebox .bd{position:relative; float:left; width:750px; height:300px; overflow:hidden;}
.foucebox .showDiv{position:relative; width:750px; height:300px;}
.foucebox .showDiv img {width:750px; height:300px;}
.foucebox .hd{width:250px; height:300px; background:#1A0701; float:right;}
.foucebox .hd ul li{width:250px; font-size:16px; text-align:center; line-height:59px; float:left; color:#B33109; display:inline; position:relative; cursor:pointer; position:relative; border-bottom:1px solid #470605;}
.foucebox .hd ul li i{position:absolute; bottom:0px; left:0px; height:1px; width:1px; background:#FAB41E; display:none; -webkit-animation:xin .2s linear infinite;animation:xin 1.4s linear normal;}
.foucebox .hd ul li img{position:absolute; left:0px; top:0px; display:none;}
.foucebox .hd ul li img:last-child{bottom:0px; top:inherit;}
.foucebox .hd ul li.on{background:linear-gradient(90deg, #1A0701, #4D1403, #1A0701);; color:#fff; font-size:18px;}
.foucebox .hd ul li.on i{display:block; width:80px;}
.foucebox .hd ul li.on img{display:block;}
.foucebox .hd ul li:last-child{border:0px; line-height:60px;}
.serch{width:1250px; float:left; margin-bottom:15px}
.serchDiv{width:218px; height:40px; padding:0px 12px 0px 10px; background:#1A0701; border:1px solid #821A01; float:left; margin-right:20px}
.serchDiv input{float:left; width:180px; height:22px; line-height:22px; padding:9px 0px; background:#1A0701; color:#fff;}
.serchDiv a{background:url(../images/serch.png) center center no-repeat; width:22px; height:22px; float:right; margin:9px 0px 0px 0px;}
.serchDiv input::-webkit-input-placeholder{color:#C3D4E6;}
.serchDiv input:-moz-placeholder{color:#C3D4E6;}
.serchDiv input::-moz-placeholder{color:#C3D4E6;}
.serchDiv input:-ms-input-placeholder{color:#C3D4E6;} 
.serchList{width:718px; float:left; overflow:hidden;}
.serchList a{line-height:40px; float:left; margin-right:20px; color:#98A5B3;}
.serchList a:hover{color:#ccc;}
.tableList{width:100%; float:left; margin-top:-2px; height:604px; overflow-y:auto;}
.tableList::-webkit-scrollbar{width:10px; border-radius:5px;}/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.tableList::-webkit-scrollbar-track{background-color:#292929; border-radius:5px;}/*定义滚动条轨道*/  
.tableList::-webkit-scrollbar-thumb{border-radius:5px; width:10px; height:40px; background:#552415}/*滑块*/
.tableList::-webkit-scrollbar-thumb:hover{background:#552415; }
.Table{width:1250px; border:1px solid #F4C079; background:#FBF6BE; border-right:0px; border-bottom:0px; border-radius:0px 0px 4px 4px; position:relative;}
.Table thead{background:linear-gradient(0deg, #ffb266, #ffcc99); width:100%; height:48px; line-height:48px;}
.Table tr{width:100%;}
.Table thead th{font-weight:bold; text-align:center; color:#fff; font-size:18px; border-right:1px solid #F4C079; border-bottom:1px solid #F4C079; text-shadow:0px 2px 2px rgba(37, 10, 2, 0.3); -webkit-mask-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 1)), color-stop(40%, rgba(248, 218, 191, .7)),to(rgba(251, 208, 167, .1)));}
.Table thead th:last-child{border-right:0px;}
.Table td{line-height:22px; font-size:12px; padding:5px 5px; color:#333; border-right:1px solid #F4C079; border-bottom:1px solid #F4C079; text-align:center;}
.Table tbody tr:hover{background:#FCE2A9;}
.Table tbody tr:hover td{color:#3D0C08;}
.Table td em{color:#FF0000;}
.Table tr:last-child td{border-bottom:0px;}
.Table td a.downLoad{background:url(../images/btn.png) center center no-repeat; width:68px; height:24px; line-height:24px; display:inline-block; color:#F8D87C; margin:0px 5px}
.Table td a.downLoad:hover{color:#fff; background:url(../images/btnH.png) center center no-repeat;}
.bgFBF6BE{background:#FBF6BE;}
.bgFCFAE0{background:#FCFAE0;}
.bgFF8C00{background:#FF8C00}
.Table tr.bgFF8C00 td em{color:#000; font-weight:bold}
.Table td a{color:#333;}


.memberHead{background:url(../images/memberBanner.png) center center no-repeat; width:100%; height:240px; float:left;}
.memberHeadCon{background:#212326; height:80px; width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); float:left; margin-top:160px; padding-left:100px; position:relative;}
.memberHeadImg{width:87px; height:87px; float:left; border-radius:50%; border:3px solid #CFDBE6; position:absolute; top:-40px}
.memberInfo{float:left; width:800px; margin-left:105px}
.memberInfo_1{width:100%; float:left; margin:10px 0px 5px 0px}
.memberInfo_1 b{float:left; color:#E5F3FF; font-size:16px; font-weight:400; margin-right:12px;}
.memberEdit{background:url(../images/edit.png) center center no-repeat; width:14px; height:14px; float:left; margin:4px 0px 0px 0px}
.memberEdit:hover{background:url(../images/editH.png) center center no-repeat;}
.memberInfo_2{width:100%; float:left;}
.man{width:16px; height:24px; float:left; background:url(../images/man.png) center center no-repeat; margin:2px 10px 0px 0px;}
.woman{width:16px; height:24px; float:left; background:url(../images/wmen.png) center center no-repeat; margin:2px 10px 0px 0px;}
.diamond{width:64px; height:27px; background:url(../images/icon1.png) center center no-repeat; float:left; margin-right:40px}
.memberInfo_2 p{height:22px; line-height:22px; margin:2px 10px 0px 0px; border:1px solid #575E66; background:#1B1C1F; border-radius:4px; float:left; padding:0px 20px 0px 5px;}
.memberInfo_2 p img{float:left; margin:2px 5px 0px 0px}
.memberInfo_2 p em{color:#FAB41E; float:left; margin-right:10px;}
.memberInfo_2 p i{float:left; color:#FEF6E1;}
.bindDiv{width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); float:left; padding-left:100px; background:#fff; box-shadow:0px 1px 12px 0px rgba(153, 153, 153, 0.3); height:60px;}
.bindDiv_1{float:left; margin:16px 50px 0px 0px; line-height:28px;}
.bindDiv_1 label{float:left; color:#333; margin-right:10px;}
.bindDiv_1 p{margin-right:25px; color:#212326; float:left;}
.bindDiv_1 .cancelBind{width:80px; text-align:center; line-height:28px; height:28px; background:#BFBFBF; color:#333; border:0px; padding:0px}
.bindDiv_1 .cancelBind:hover{background:#A6A6A6;}
.bindDiv_1 p.null{color:#999;}
.bindDiv_1 .bindBtn{width:80px; text-align:center; line-height:28px; height:28px; background:#FAB41E; color:#FEF6E1; border:0px; padding:0px}
.bindDiv_1 .bindBtn:hover{background:#E0A21B;}
.memberCon{width:-webkit-calc(100% - 69px); width:-moz-calc(100% - 69px); width:calc(100% - 69px); height:470px; float:left; padding:30px 39px 0px 30px; background:#EDEDED;}
.redeemCode{background:#fff; width:810px; height:410px}
.memberTitle{width:100%; float:left; line-height:60px; text-align:center; font-size:18px; color:#333; font-weight:bold; border-bottom:1px solid #ddd; margin-bottom:10px}
.memberCon .Table{border:0px; background:#fff; width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); padding-left:20px;}
.memberCon .Table td{border:0px; line-height:24px; padding-right:20px; text-align:left;}
.memberCon .Table tr td:last-child{text-align:center; padding-right:0px;}
.memberCon .Table tr:hover{background:#fff;}
.memberCon .Table tr .copy{background:#4BB2F9; height:24px; line-height:24px; color:#fff; border-radius:4px; display:inline-block; width:60px;}
.memberCon .Table tr .copy:hover{background:#28BBFF;}
.memberCon .Table tr td em.null{color:#8A9299;}
.memberCon .Table tr .copy.null{background:#B8C2CC; cursor:default;}
.personRecord{background:#fff; width:440px; height:410px}
.personList{width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); float:left; padding:0px 20px; margin-top:2px}
.personList p{float:left; width:100%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#666; line-height:28px; margin-top:3px;}
.personList p em{color:#212326; margin-left:7px;}
.memberInfoBtn{position:absolute; right:60px; top:24px}
.memberInfoBtn a{height:32px; line-height:32px; border-radius:4px; float:left; width:80px; text-align:center; margin-left:20px}
.memberInfoCancel{background:#212326; border:1px solid #FAB41E; height:30px; line-height:30px; color:#FAB41E;}
.memberInfoCancel:hover{background:#FAB41E; border:1px solid #FAB41E; color:#fff;}
.memberInfoPre{background:#FAB41E; color:#fff;}
.memberInfoPre:hover{background:#E0A21B;}
.memberConNew{width:-webkit-calc(100% - 69px); width:-moz-calc(100% - 69px); width:calc(100% - 69px); height:480px; float:left; padding:30px 39px 0px 30px; background:#EDEDED;}
.memberNav{width:200px; float:left; background:#F4F4F4; height:420px; padding-top:20px;}
.memberNav a{margin-bottom:5px; width:196px; float:left; height:40px; line-height:40px; font-size:16px; color:#333; border-left:4px solid #F4F4F4; text-indent:16px;}
.memberNav a:hover{background:#fff; border-left:4px solid #fff;}
.memberNav a.hover{background:#fff; border-left:4px solid #FAB41E;}
.memberContentInfo{background:#fff; width:821px; height:440px; float:left;}
.formGroup{width:-webkit-calc(100% - 60px); width:-moz-calc(100% - 60px); width:calc(100% - 60px); margin:20px 30px 0px 30px}
.formGroup_1{width:100%; float:left; margin-bottom:24px}
.formGroup_1 img{width:68px; height:68px; border-radius:50%; float:left; margin-right:22px;}
.uploadImgBtn{width:118px; background:#EDEDED; border:1px solid #B3B3B3; border-radius:4px; text-align:center; line-height:26px; float:left; color:#333; position:relative; cursor:pointer; margin-top:20px}
.uploadImgBtn input{opacity:0; position:absolute; width:100%; height:100%; top:0px; left:0px; cursor:pointer; z-index:10;}
.formGroup_2{width:100%; float:left; margin-bottom:20px;}
.formGroup_2 label{float:left; margin-right:23px; color:#333; font-size:16px; line-height:28px;}
.formGroup_2 .formInput{height:22px; background:#fff; padding:2px 10px; border:1px solid #B3B3B3; color:#333; font-size:14px;}
.formGroupSex{float:left; line-height:28px;}
.formGroupSex p{float:left; margin-right:42px;}
.formGroupSex input{float:left; margin:8px 10px 0px 0px}
.formGroupInfo{float:left; margin-right:32px; width:80px; color:#666; line-height:28px;}
.formGroup_2 .bindBtn{width:80px; text-align:center; line-height:26px; height:26px; background:#fff; color:#333; border:1px solid #B3B3B3; padding:0px}
.formGroup_2 .bindBtn:hover{background:#E0A21B; background:#fff; border:1px solid #E0A21B; color:#E0A21B;}
.bindPhone{width:480px; height:320px; position:fixed; z-index:102; background:#2D3135; border-radius:8px; top:50%; left:50%; margin:-160px 0px 0px -240px; box-shadow:0px 1px 24px 0px rgba(20, 23, 25, 0.4);}
.title1{width:100%; float:left; text-align:center; background:#212326; border-radius:8px 8px 0px 0px; height:60px; font-size:18px; color:#fff; line-height:60px; border-bottom:1px solid #454B52; margin-bottom:35px;}
.phoneChange{width:360px; margin:0 auto;}
.phoneChange .formInput{width:328px; background:#fff; padding:9px 15px; border:0px; color:#333;}
.phoneChange .getCode .formInput{width:188px;}
.phoneChange .getCodeBtn{background:linear-gradient(0deg, #FEE84A, #FFD51C); height:40px; line-height:40px; color:#141719;}
.phoneChange .getCodeBtn.null{background:#eee;}
.phoneChange .formInput::-webkit-input-placeholder{color:#abaaaa;}
.phoneChange .formInput:-moz-placeholder{color:#abaaaa;}
.phoneChange .formInput::-moz-placeholder{color:#abaaaa;}
.phoneChange .formInput:-ms-input-placeholder{color:#abaaaa;} 
.formULbTN{width:100%; float:left; display:flex; margin-top:25px;}
.formULbTN a{height:38px; line-height:38px; text-align:center; width:100px; float:left; border-radius:4px; font-size:16px; margin-right:20px}
.formULbTN a:first-child{background:#2D3135; border:1px solid #4BB2F9; color:#4BB2F9;}
.formULbTN a:first-child:hover{background:#4BB2F9; color:#fff;}
.formULbTN a:last-child{background:linear-gradient(0deg, #329DFA, #52B3FF); border:1px solid #4BB2F9; color:#fff;}
.formULbTN a:last-child:hover{background:linear-gradient(0deg, #52B3FF, #329DFA);}

.bindWx{width:360px; height:400px; position:fixed; z-index:102; background:#2D3135; border-radius:8px; top:50%; left:50%; margin:-160px 0px 0px -240px; box-shadow:0px 1px 24px 0px rgba(20, 23, 25, 0.4);}
.wxContent{width:240px; margin:0 auto;}
.wxContent_1{width:100%; float:left; display:flex; justify-content:center; margin:-5px 0px 30px 0px}
.wxContent_1 img{float:left;}
.wxContent .formInput{width:208px; padding:8px 15px; font-size:14px; background:#2D3135; border:1px solid #575E66}
.wxContent .formULbTN{margin-top:10px}
.wxContent .formULbTN a{margin:0px 10px}
.cancelBindPopup{width: 480px; height:320px; position:fixed; z-index:102; background:#2D3135; border-radius:8px; top:50%; left:50%; margin:-160px 0px 0px -240px; box-shadow:0px 1px 24px 0px rgba(20, 23, 25, 0.4);}
.cancelBindPopup .formULbTN{display:flex; justify-content:center;}
.cancelBindPopup .formULbTN a:last-child{margin:0px}
.popupTipText{width:100%; float:left; text-align:center; color:#CFDBE6; margin:50px 0px 33px 0px}

.systemSet{width:480px; height:400px; position:fixed; z-index:102; background:#2D3135; border-radius:8px; top:50%; left:50%; margin:-200px 0px 0px -240px; box-shadow:0px 1px 24px 0px rgba(20, 23, 25, 0.4);}
.systemSet .title1{color:#C3D4E6; margin-bottom:20px}
.systemSetCon{width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); float:left; padding:0px 50px;}
.systemSet_1{width:100%; float:left; margin-bottom:18px;}
.systemSet_1 label{width:100%; float:left; color:#98A5B3; font-size:16px; line-height:16px; margin-bottom:11px;}
.systemSet_11{width:100%; float:left;}
.systemSet_11 input{float:left; line-height:22px; padding:4px 10px; background:#fff; border:1px solid #575E66; border-radius:4px; width:258px;}
.systemSet_11 .btn{background:#2D3135; border:1px solid #858E99; border-radius:4px; float:right; height:30px; line-height:30px; width:80px; text-align:center; padding:0px; color:#fff;}
.systemSet_11 .btn:hover{background:#FFD028; border:1px solid #FFD028; color:#212326;}
.systemSetCon .formULbTN{display:flex; justify-content:center; margin-top:20px}
.systemSetCon .formULbTN a{width:134px; font-size:14px;}
.systemSetCon .formULbTN a:first-child{border:1px solid #98A5B3; color:#98A5B3;}
.systemSetCon .formULbTN a:last-child{margin:0px; border:1px solid #2D3135; background:#FFD028; color:#212326;}
.systemSetCon .formULbTN a:hover{background:#FFD028; border:1px solid #FFD028; color:#212326;}
.systemSetCon .formULbTN a:last-child:hover{background:#FAB41E; color:#212326;}

.advertisement{border:0px; width:798px; height:455px; position:fixed; z-index:102; top:50%; left:50%; margin:-227.5px 0px 0px -399px}
#popup_advertisement .popupClose{position:fixed; z-index:103; top:50%; left:50%; margin:-227.5px 0px 0px 343px; background:url(../images/icon2.png) center center no-repeat; width:56px; height:30px;}
#popup_advertisement .popupClose img{float:left; margin:5px 0px 0px 25px}
.indexBannerImg{width:798px; height:455px; float:left;}
.dropdown-menu{position:absolute; top:100%; left:0; z-index:10001; float:left; min-width:118px; padding:10px 0; text-align:left; list-style:none; background-color:#2D363C; border:1px solid #111314; -webkit-background-clip:padding-box; background-clip:padding-box; border-radius:8px;}
.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.dropdown-menu>li>a{display:block; clear:both; font-weight:400; line-height:30px; color:#98A5B3; white-space:nowrap; text-indent:15px;}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#F4F4F4;text-decoration:none;background-color:#39434A}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}
#htmlSrc{display:none;}
@keyframes xin{
	0%{width:0px}
	50%{width:40px} 
	100%{width:80px}
}

.navFooter{position:absolute; z-index:1; bottom:0px; left:11px; background:#140501; border-radius:8px 8px 0px 0px; width:168px; height:56px;}
.navQQ{width:100%; float:left; display:flex; justify-content:center; line-height:24px; margin:7px 0px 2px 0px; font-size:18px; color: #AD9B5D; font-weight:600;
background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#EA642F), to(#EFC87D), color-stop(.8,#e7bd6b)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.navQQ i{background:url(../images/imgQQ.png) left center no-repeat; float:left; width:114px; height:21px;}
.navWei{width:100%; float:left; text-align:center; font-size:14px; color:#BA310D; text-indent:3px; line-height:18px;}
.navWei:hover{color:#FEFEFC}
.navQQ:hover{background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#F8500E), to(#EFC87D), color-stop(.8,#e7bd6b));}
.navQQ:hover i{background:url(../images/imgQQH.png) left center no-repeat;}

.goTop{background:url(../images/goTop.png) center center no-repeat; width:36px; height:36px; position:fixed; z-index:1000; right:40px; bottom:20px; display:none}