@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* 
font-family: 'Nanum Gothic';
Regular 400
Bold 700
ExtraBold   800
*/

@font-face {
  font-family: "a1";
  font-style: normal;
  font-weight: 400;
  src: local("/font/a1"), /* computer */
    url("/font/a1.eot"), /* IE9 Compat Modes */
    url("/font/a1.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */  
    url("/font/a1.woff") format("woff"), /* Modern Browsers */
    url("/font/a1.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a2";
  font-style: normal;
  font-weight: 500;
  src: local("/font/a2"), /* computer */
    url("/font/a2.eot"), /* IE9 Compat Modes */
    url("/font/a2.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 
    url("/font/a2.woff") format("woff"), /* Modern Browsers */
    url("/font/a2.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a3";
  font-style: normal;
  font-weight: 600;
  src: local("/font/a3"), /* computer */
    url("/font/a3.eot"), /* IE9 Compat Modes */
    url("/font/a3.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/font/a3.woff") format("woff"), /* Modern Browsers */
    url("/font/a3.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a4";
  font-style: normal;
  font-weight: 700;
  src: local("/font/a4"), /* computer */
    url("/font/a4.eot"), /* IE9 Compat Modes */
    url("/font/a4.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/font/a4.woff") format("woff"), /* Modern Browsers */
    url("/font/a4.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a5";
  font-style: normal;
  font-weight: 800;
  src: local("/font/a5"), /* computer */
    url("/font/a5.eot"), /* IE9 Compat Modes */
    url("/font/a5.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/font/a5.woff") format("woff"), /* Modern Browsers */
    url("/font/a5.ttf") format("truetype"); /* Safari, Android, iOS */
}



/* **** Common Reset **** */
*{margin:0;padding:0;list-style:none;font-size:13px;font-weight:500;font-family: "a2",sans-serif;color:#f0f0f0;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
li,p,span,strong,a,i,em{font-size:inherit;color:inherit;font-family:inherit;}
b, strong{font-weight:500;color: inherit;font-size: inherit;}
font{font-weight:500;font-size:inherit;}
input,select,img{vertical-align:middle;}
img{border:0;max-width:100%;}
table{width:100%;}
table caption{position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.clear{clear:both;}
.clearfix::after{content:"";display:block;clear:both;}
.blind {position: absolute;top: 0px;left: 0px;overflow: hidden;display: inline-block !important;width: 1px !important;height: 1px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
a{display:inline-block;text-decoration:none;transition:all 0.2s ease-in-out;}
i{font-style:normal;}
body{background: #232323;background-attachment: fixed;background-size: cover;/* padding-top: 100px; */}
table {border-collapse: collapse;width: 100%;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-appearance: none;appearance: none;}
select::-ms-expand { display: none;}

.betscroll::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	background-color: #262626;}
.betscroll::-webkit-scrollbar{	width: 2px;	background-color: #F5F5F5;	opacity:0.5;}
.betscroll::-webkit-scrollbar-thumb{	background-color: #ff3d12;	opacity:0.5;}
.betscroll { scrollbar-base-color: #262626;scrollbar-Face-Color: #ff3d12; scrollbar-Track-Color:#262626;   scrollbar-Shadow-Color: #262626}

.betscroll2::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);	background-color: #2e333d;}
.betscroll2::-webkit-scrollbar{	width: 2px;	background-color: #2e333d;	opacity:0.5;}
.betscroll2::-webkit-scrollbar-thumb{	background-color: #606570;	opacity:0.5;}
.betscroll2 { scrollbar-base-color: #2e333d;scrollbar-Face-Color: #606570; scrollbar-Track-Color:#2e333d;   scrollbar-Shadow-Color: #2e333d}


.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}

.blue{color:#5d8ef9 !important;}
.green{color: #4af60e !important;}
.red{color: #ea3d3d !important;}
.grey{color:#77787b !important;}
.orange{color: #ff5500 !important;}
.yellow{color:#fcd47a !important;}
.white{color:#fff !important;}

.menu-box-bg{display:none;position:fixed;top:0;left:0;z-index: 2;width:100%;height:100%;background: rgba(0, 0, 0, 0.7);}
.menu-box{position:fixed;top:0;right:-100%;z-index: 1000;width: 100%;height:100%;background: rgba(0, 0, 0, 0.9);}
.menu-box-tit{font-size:19px;font-weight:700;color: #a89060;height: 60px;line-height: 60px;padding: 0 20px;/* background: #142844; */border-bottom: 1px solid rgba(255, 255, 255, 0.2);/* text-align: center; */}
.menu-box-tit img{height: 33px;}
.menu-box-tit span{display: inline-block;font-size: 14px;color: #333;vertical-align:middle;}
.menu-box-tit span i{display:inline-block;font-size: 20px;font-weight: 700;color: #0241ff;margin-right: 10px;}
.menu-box-tit span strong{font-size: 20px;font-weight:700;color: #333;}
.menu-box-tit a.iconfont{position:absolute;right:20px;top: 13px;width: 77px;height: 27px;line-height: 27px;font-size: 14px;color: #333;background: #e5e5e5;border: 1px solid #c7c7c7;border-radius:16px;text-align: center;}
.menu-box-tit a.iconfont i{color:#0241ff;}
.menu-box-tit2{padding: 12px 8%;}
.menu-box-tit2 p{line-height:24px;color: #333;}
.menu-box-tit2 p span{font-weight:700;}
.menu-box-cont{height: calc(100% - 68px);overflow-y:auto;padding: 3px 0;}
.menu-box-cont .cont1{overflow: hidden;margin-bottom: 15px;}
.menu-box-cont .cont1 a{float:left;width:50%;height:50px;line-height:50px;text-align:center;font-size: 18px;font-weight:700;color:#fff;background: #454545;}
.menu-box-cont .cont1 a:first-child{background: #0241ff;}
.menu-box-cont > ul > li{margin: 0 15px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.menu-box-cont > ul > li > a{position:relative;display: block;height: 60px;line-height: 60px;font-size: 18px;color: #fff;padding: 0 15px;}
.menu-box-cont > ul > li > a.deph1-icon::after{content: "";position: absolute;top: calc(50% - 5px);right: 10px;font-family: "iconfont";color: #ec2a4c;background: url(../images/common/nav_off.png) no-repeat;width: 15px;height: 9px;}
.menu-box-cont > ul > li > a.on{color: #ff5500;}
.menu-box-cont > ul > li > a.on.deph1-icon::after{background: url(../images/common/nav_on.png) no-repeat;}
.menu-box-cont > ul > li > a i{position:absolute;left: 0;top:0;font-size: 23px;color: #a09f9e;}
.menu-box-cont > ul > li > a.color{color: #142844;}
.menu-box-cont > ul > li:nth-child(11) > a{/* color: #ffae00; */}
.menu-box-cont > ul > li:nth-child(12) > a{color: #00b2ef;}
.menu-box-cont > ul > li:nth-child(13) > a{color: #00b2ef;}
.menu-box-cont a.logout{display:block;height:33px;line-height:33px;text-align:center;border: 1px solid #c7c7c7;background: #eff0f1;font-size: 14px;color: #666;margin: 30px 8% 10px;}
.menu-box-cont a.logout img{margin-left:5px;width:16px;}
.deph2{padding: 0px 15px 20px;display: none;overflow: hidden;}
.deph2 li{position:relative;margin-top: 15px;}
.deph2 li::before{display: none;content:"";position:absolute;top: calc(50% - 3px);left:0;width:4px;height:4px;background:#676565;}
.deph2 li:first-child{margin-top:0;}
.deph2 li a{color: #9b9b9b;font-size: 16px;/* font-weight: 700; */display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.deph2 li a:hover{/*color:#fff;text-decoration:underline;*/}
.bottom-box{overflow: hidden;margin: 20px 75px 0;}
.bottom-box a{display: block;text-align: center;background: #5f47f1;height: 50px;line-height: 50px;font-size: 18px;color: #fff;border-radius: 30px;}
.bottom-box a:first-child{margin-bottom: 10px;background: #1b92d5;}


.header-tit{position:relative;font-size: 16px;color: #afafaf;height: 30px;padding: 0 10px;}
.header-tit .more-btn{position:absolute;top: 3px;right: 10px;font-size: 13px;color: #646464;}
.header-tab{padding:0 10px;margin: 0px 0 10px;overflow: hidden;}
.header-tab > ul{background: #3a3b42;overflow: hidden;}
.header-tab > ul > li{float:left;width: calc(100% / 3);border-left: 1px solid #404654;}
.header-tab > ul > li:first-child{border-left:0;}
.header-tab > ul > li > a{display:block;height: 40px;line-height: 40px;text-align:center;background: #2e333d;font-size: 13px;font-weight: 800;color: #b0b0b7;position: relative;}
.header-tab > ul > li > a:hover,
.header-tab > ul > li > a.on{color: #ffffff;}
.header-tab > ul > li > a:hover::before,
.header-tab > ul > li > a.on::before{content:"";position:absolute;top:0;left:0;bottom: 0;right: 0;width:100%;height:100%;border: 1px solid #ff5500;box-sizing: border-box;}
.header-tab-cont{height:auto;overflow: auto;padding-bottom: 4px;}
.header-tab-cont .header-tab-cont-tab2,
.header-tab-cont .header-tab-cont-tab3{display:none;}
.header-tab-cont > div{/* padding: 0 10px 0; */}
.header-tab-cont > div > ul > li{position: relative;color: #cbcbcb;padding-left: 50px;padding-right: 50px;border-bottom: 1px solid #2e333d;}
.header-tab-cont > div > ul > li > a{height: 45px;line-height: 45px;overflow: hidden;display: block;}
.header-tab-cont > div > ul > li > a:hover .iconfont,
.header-tab-cont > div > ul > li > a.on .iconfont{color: #d4d4d4;}
.header-tab-cont > div > ul > li > a:hover .tit,
.header-tab-cont > div > ul > li > a.on .tit{color: #ff5500;text-decoration: underline;}
.header-tab-cont > div > ul > li > a:hover .count,
.header-tab-cont > div > ul > li > a.on .count{color: #fcae31;}
.header-tab-cont > div > ul > li:first-child{margin-top:0px;  }
.header-tab-cont > div > ul > li .iconfont{position: absolute;left: 15px;top: -1px;/* background: #1a1a3a; */z-index: 1;vertical-align: middle; color:#8594a9; }
.header-tab-cont > div > ul > li .tit {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  color: #fffefe;
  font-size: 13px;
}
.header-tab-cont > div > ul > li .tit.hover{overflow: inherit;text-overflow: inherit;transform: translateX(calc(-100% + 130px));padding-right: 0;transition: all 5s ease;/* width: calc(100% + 100%); */position: relative;right: 0;display: inline-block;width: auto;}
.header-tab-cont > div > ul > li .count {
    position: absolute;
    right: 12px;
    top: calc(50% - 13px);
    width: 37px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #2e333d;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 700;
    color: #ff5500;
}
.header-tab-cont > div.header-tab-cont-tab1 > ul > li:nth-child(5) > i.iconfont{font-size: 25px;padding-left: 7px;}
.header-tab-cont > div.header-tab-cont-tab1 > ul > li:nth-child(14) > i.iconfont{font-size: 17px;}

.hd-cont-depth2{display:none;margin: 0 -12px;padding: 5px 0;border-top: 1px solid #3e3f46;}
.hd-cont-depth2 > ul > li{}
.hd-cont-depth2 > ul > li:first-child{border-top:0;}
.hd-cont-depth2 > ul > li > a{display: block;height: 31px;line-height: 31px;font-size: 14px;font-weight: 700;color: #b2b2ba;padding: 0 20px;}
.hd-cont-depth2 > ul > li > a:hover,
.hd-cont-depth2 > ul > li > a.on{color:#fff;text-decoration: underline;}
.hd-cont-depth2 > ul > li > a img{margin-right: 10px;}
.hd-cont-depth3{display:none;}
.hd-cont-depth3 > ul > li{background: #232323;border-top: 1px solid #353535;}
.hd-cont-depth3 > ul > li a{display:block;padding-left: 42px;padding: 10px 10px 10px 42px;}
.hd-cont-depth3 > ul > li a:hover,
.hd-cont-depth3 > ul > li > a.on{background: #1d1d1d;color:#f8dd1c;}

#content_left {
  width: 80%;
  height: 100%;
  margin: 0 0 0 20%;
  overflow-y: auto;
  overflow-x: hidden;
  background: #000000;
  border-left: 1px solid #2e333d;
}
#content_left .left-box .header-tit{position:relative;font-size: 13px;font-weight: 800;color: #ff5500;height: 30px;padding: 0 20px;}
#content_left{width: 85%;height: 100%; margin:0 0 0 15%; overflow-y: auto;overflow-x: hidden;background: #000000;}
#content_left .cont{/* position: fixed; *//* width: 235px; */transition: .25s .1s;}
#content_left + .sub_wrap.row{margin: 0;}
#content_left .left-box{/* margin-top:10px */ background:#191e24; }
#content_left .left-box + .left-box{/* padding: 10px 0; */}
#content_left .left-box + .left-box .header-tab-cont{padding:0;overflow: hidden;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li{padding:0;border-top: 1px solid #1d2329;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li > a{padding: 0 0px 0 50px;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li > a.on{}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li > a.bgno{}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li i{position:absolute;top:0;left: 13px;font-size: 20px;color: #8594a9;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 > ul > li .tit{white-space:normal;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 .hd-cont-depth2{border-top:0;padding: 7px 10px;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 .hd-cont-depth2 > ul > li > a{position:relative;padding: 0 30px;height: 24px;line-height: 24px;}
#content_left .header-tab-cont > div.header-tab-cont-tab2 .hd-cont-depth2 > ul > li > a::before{content:"";position:absolute;width: 4px;height:1px;background: #b9bcc1;top: calc(50% - 1px);left: 20px;}
#content_left .leftCtInner { margin:10px; background:#191e24; }

.nav-item0{margin-bottom: 0px;border: 1px solid #2e333d;}
.nav-item0 > ul.ul1{border-bottom: 1px solid #f50;}
.nav-item0 > ul.ul1 > li{border-top:0;background: #1d2329;color:#2d303a;border: 0;height: 46px;line-height: 46px;}
.nav-item0 > ul.ul1 > li a i{vertical-align: -3px;color:#69727d;font-size: 20px;margin-right: 5px;}
.nav-item0 > ul{overflow:hidden;background: #1d2329;}
.nav-item0 > ul > li{float:left;width: calc(100% / 3);text-align:center;box-sizing: border-box; background:linear-gradient(to right, #102c4b, #1d2329); }
.nav-item0 > ul > li{border-left: 1px solid #000;border-top: 1px solid #000;height:40px;line-height:40px;font-size: 13px;color: #dfdfdf;}
.nav-item0 > ul > li:nth-child(1),
.nav-item0 > ul > li:nth-child(4),
.nav-item0 > ul > li:nth-child(7),
.nav-item0 > ul > li:nth-child(10),
.nav-item0 > ul > li:nth-child(13),
.nav-item0 > ul > li:nth-child(16){border-left:0;}
.nav-item0 > ul > li > a{display:block;color: inherit;font-weight: 700;color: #fff;}

.left-talk{/* background: #1d2329; *//* border: 1px solid #2e333d; */margin: 10px 10px;text-align: center;}
.left-talk p{font-size: 14px;color: #2b91d0;/* border-radius: 10px; *//* padding: 16px 0; */font-size: 22px;overflow: hidden;position: relative;}
.left-talk p i{display: inline-block;width: 43px;line-height: 43px;text-align: center;font-size: 43px;/* position: absolute; *//* left: calc(50% - 90px); */top: 21px;color: #43a7e5;vertical-align: middle;margin-right: 15px;}
.left-talk p span strong{color: #2b91d0;font-size: 22px;display: inline-block;margin-top: 8px;}
.left-talk p:last-child{}
.left-talk p:last-child i{}
.left-talk p:last-child span{display: inline-block;font-size: 14px;color: #ffffff;margin-bottom: 8px;padding-top: 6px;vertical-align: middle;text-align: left;}

.betslip_bt{text-align:center;padding: 15px 10px;background-size: cover;}
.betslip_bt p img { width:100%; }
.betslip_bt .img img{width: 92px;}
.betslip_bt .txt{font-size: 14px;font-weight: 700;color: #ffffff;margin: 0 0 10px;line-height: 1.5;}
.betslip_bt .box{height: 46px;line-height: 44px;border: 1px solid #ff5500;background: rgba(0, 0, 0, 0.6);font-size: 22px;font-weight: 800;color: #ff5500;margin: 0 15px;}

#content_left .logout{margin: 0px 10px 30px;}
#content_left .logout a {
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
  border: 1px solid #2c323b;
  background: #191e24;
  font-size: 14px;
  color: #abadaf;
  font-weight:700;
}

#headerBox{ padding-top:125px; width: 100%; min-width:320px; z-index: 21; box-shadow: 0px 9px 11px rgba(0, 0, 0, 0.2); }
#headerBox .headerInner { z-index:15; position: fixed;top: 0;left: 0; width: 100%; min-width:320px; transition:all 0.3s; }


#header{position: relative; width: 100%; min-width:320px; background:#020106; border-bottom:1px solid #2d2d2d; }
#header span.iconfont{color: #cdd2d8;vertical-align: middle;font-size: 35px;}
#header span.iconfont.pink{background: linear-gradient(to right,#d71307,#d157b9);-webkit-background-clip: text;color: transparent;vertical-align: middle;font-size:20px;}
#header .info span.iconfont{font-size: 19px;color: #fff;}
.header-tp{ height:51px;text-align: center; display:table;width:100%;border-bottom: 1px solid #2d2d2d;padding:0 15px;background:#090400; }
.header-tp > *{display: inline-block;vertical-align: middle;text-align:right;}
.header-tp > .logo{text-align:left;/* position: absolute; */left: 15px;height: 59px;line-height: 59px;}
.header-tp > .logo img{height: 42px;}
.header-tp > .memo{font-size: 13px;color:#bdbdbd;line-height: 58px;}
.header-tp > .memo a{font-weight: 700;}
.header-tp > .memo .white{font-size: 15px;vertical-align: middle;}
.header-tp > .login-btn{text-align:right;}
.header-tp > .login-btn > a{display:inline-block;width:41px;height:41px;background:linear-gradient(135deg, #de2632, #c161c1);box-shadow:0px 0px 17px rgba(238, 48, 61, 0.81);border-radius:41px;line-height:41px;text-align:center;color:#ffffff;font-weight:700;font-size:11px;box-shadow:0px 0px 17px rgba(238, 48, 61, 0.81);}
.header-tp.before-login > .menu{width:50px;}
.header-tp > .menu{/* width:65px; */position: absolute;left:10px; top:13px; }
.header-tp > .menu > a{display:inline-block; text-align:center;}
.header-tp > .menu > a i {background: linear-gradient(to top, #c7b080 , #b29364);line-height: 37px;-webkit-background-clip: text;color: transparent; font-size:35px; }
.header-tp .top-right { position:absolute; right:10px; top:15px;}
.header-tp .top-right a { color:#b0b0b0; }
.header-tp .top-right a i { display:block; background: linear-gradient(to top, #c7b080 , #b29364); -webkit-background-clip: text;color: transparent;font-size:32px; }


.header-bt{overflow:hidden; padding-top:5px; }
.header-bt ul li { position:relative; padding:0; height:30px; line-height:30px; text-align: center; color:#ced2d8; font-size:13px; }
.header-bt ul li .yellow { color:#f2d09e !important; }
.header-bt ul li .light-red { color:#ef434b !important; }
.header-bt ul li .iconfont { vertical-align:middle; }
.header-bt ul li:before { content:""; position:absolute; right:0; top:8px; width:1px; height:14px; background:#2d2d2d; }
.header-bt ul li.last:before  { display:none; }
.header-bt > .left{float:left;/* width:50%; */font-weight:700;color: #ced2d8;line-height: 25px;}
.header-bt > .left > ul{overflow:hidden;font-size: 0;/* margin-bottom:12px; */}
.header-bt > .left > ul > li{display: inline-block;position: relative;padding-right: 10px;margin-right: 8px;vertical-align: middle;}
.header-bt > .left > ul > li::before{content:"";position:absolute;top: calc(50% - 6px);right: 0;width:1px;height:10px;background:#394d62;}
.header-bt > .left > ul > li:first-child{padding-right: 0;margin-right: 5px;max-width: 105px;}
.header-bt > .left > ul > li:first-child::before{display:none;}
.header-bt > .left > ul > li:first-child a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.header-bt > .left > ul > li > a{display: block;font-size: 13px;font-weight:700;color: #ced2d8;}
.header-bt > .left > p{margin-top: 5px;}
.header-bt > .left > p:last-child{/* margin-left: 13px; */}
.header-bt > .right{float:right;/* width:50%; */text-align:right;font-size:0;line-height: 25px;}
.header-bt > .right > ul{overflow:hidden;/* margin-bottom:12px; */font-size:0;}
.header-bt > .right > ul > li{display:inline-block;position: relative;padding-left:11px;margin-left:10px;vertical-align: top;}
.header-bt > .right > ul > li::before{content:"";position:absolute;top: calc(50% - 6px);left:0;width:1px;height:10px;background:#394d62;}
.header-bt > .right > ul > li:first-child::before{display:none;}
.header-bt > .right > ul > li:first-child{background:none;padding-left:0;margin-left:0;}
.header-bt > .right > ul > li > a{display: block;font-size:13px;font-weight:700;color: #ced2d8;}
.header-bt > .right > p a{width: 76px;height: 32px;line-height: 32px;border:1px solid #e0c7a8;margin-left:3px;font-size:13px;font-weight:700;color:#fff;text-align:center;}
.header-bt > .right > p a:first-child{background:#ff5500;border:1px solid #ff5500;}

.header-bt2{overflow:hidden;padding: 5px 10px 12px;/*background: #07203b;*/}
.header-bt2 > .left{float:left;/* width:50%; */font-weight:700;color: #ced2d8;}
.header-bt2 > .left > ul{overflow:hidden;/* margin-bottom:12px; */}
.header-bt2 > .left > ul > li{display: inline-block;position: relative;padding-left:11px;margin-left:10px;}
.header-bt2 > .left > ul > li::before{content:"";position:absolute;top: calc(50% - 6px);left:0;width:1px;height:10px;background:#394d62;}
.header-bt2 > .left > ul > li:first-child,
.header-bt2 > .left > ul > li:nth-child(2){padding-left: 0;margin-left: 0;}
.header-bt2 > .left > ul > li:first-child::before{display:none;}
.header-bt2 > .left > ul > li > a{font-weight:700;color: #ced2d8;}
.header-bt2 > .left > p:first-child{margin-bottom: 5px;}
.header-bt2 > .left > p:last-child{/* margin-left: 13px; */}
.color-rou{color: #f50;}
.color-orange{color: #ff5500;}
.color-white{color: #fff;}

.header-bt2 > .right{float:right;/* width:50%; */text-align:right;font-size:0;line-height: 25px;}
.header-bt2 > .right > ul{overflow:hidden;/* margin-bottom:12px; */font-size:0;}
.header-bt2 > .right > ul > li{display:inline-block;position: relative;padding-left:11px;margin-left:10px;}
.header-bt2 > .right > ul > li::before{content:"";position:absolute;top: calc(50% - 7px);left:0;width:1px;height:10px;background:#394d62;}
.header-bt2 > .right > ul > li:first-child::before{display:none;}
.header-bt2 > .right > ul > li:first-child{background:none;padding-left:0;margin-left:0;}
.header-bt2 > .right > ul > li > a{font-size:13px;font-weight:700;color: #ced2d8;}
.header-bt2 > .right > p a{width: 76px;height: 32px;line-height: 32px;border:1px solid #e0c7a8;margin-left:3px;font-size:13px;font-weight:700;color:#fff;text-align:center;}
.header-bt2 > .right > p a.on{background:#ff5500;border:1px solid #ff5500;}

.top{display: none;position:fixed;bottom: 60px;right: 10px;z-index: 2;}

h3.title{margin-bottom:20px; color:#fcd47a;font-size:24px;padding-left: 10px;}
h3.title > span{display:inline-block;margin-left:5px;font-weight:700;color:#767676;font-size:14px;}

.menu-box{position:fixed;top:0;left:-100%;z-index:9999;width: 100%;height:100%;}
.menu-box-tit{
  font-weight: 700;
  color: #a89060;
  height: 55px;
  line-height: 52px;
  padding: 0 20px;
  background: #100f0e;
  border-bottom: 1px solid #635737;
  text-align: center;
}
.menu-box-tit img{ height:35px; }
.menu-box-tit span{display: inline-block;font-size: 14px;color: #333;vertical-align:middle;}
.menu-box-tit span i{display:inline-block;font-size: 20px;font-weight: 700;color: #0241ff;margin-right: 10px;}
.menu-box-tit span strong{font-size: 20px;font-weight:700;color: #333;}
.menu-box-tit a.iconfont{position:absolute;right:20px;top: 13px;width: 77px;height: 27px;line-height: 27px;font-size: 14px;color: #333;background: #e5e5e5;border: 1px solid #c7c7c7;border-radius:16px;text-align: center;}
.menu-box-tit a.iconfont i{color:#0241ff;}
.menu-close{position: absolute;top: 7px;right: 10px; text-align: center;}
.menu-close a{font-size:35px;
    background: linear-gradient(to top, #916d34 , #edc776);
    -webkit-background-clip: text;
    color: transparent;
	font-weight:bold;
}

.menu-box .leftBottom { height:100%; }
.menu-box .leftBottom .left,
.menu-box .leftBottom .right { float:left; height:calc(100% - 55px); padding:20px 0 20px 23px; box-sizing: border-box; }
.menu-box .leftBottom .left{ width:160px; padding-left:0; padding-top:3px; background:linear-gradient(to right,#6a5834,#3b2c15); overflow-y:scroll;  }
.menu-box .leftBottom .left li a { position:relative; display:block; font-size:14px; color:#fff; font-weight:500; padding:12px 0 12px 30px; }
.menu-box .leftBottom .left li a.on { text-decoration:underline; color:#fcf79c; }
.menu-box .leftBottom .left li a.on::after { content:''; display:block; position:absolute; top:5px; left:0; width:3px; height:24px; background:#fcf79c; }

.menu-box .leftBottom .left li a.c-yellow { color:#ebc530; }
.menu-box .leftBottom .left li a.c-gold { color:#c4af8c; }

.menu-box .leftBottom .right { width:calc(100% - 160px); padding-right:20px; background:rgb(0,0,0,0.95);  }
.menu-box .leftBottom .right .rightTitle { position:relative; color:#fccc40; }
.menu-box .leftBottom .right .rightTitle a { display:block; padding:0 0 20px; margin:0 0 18px; font-size:14px;  color:#fcf79c; border-bottom:1px solid #473933; }
.menu-box .leftBottom .right .rightTitle .iconfont { position:absolute; right:-4px; top:-4px; font-size:23px; color:#fff; }
.menu-box .leftBottom .right .rightTitle .ct {  }
.menu-box .leftBottom .right .depth2 { height:calc(100% - 87px); overflow-y:scroll; }
.menu-box .leftBottom .right .depth2 li a { display:block; padding:9px 0; font-size:14px; color:#fff; font-weight:500; }
.menu-box .leftBottom .right .depth2 li a.gameLock span { color:#f33f1f;  }
.menu-box .leftBottom .right .depth2 li li a { color:#bbb; padding:6px 0; }
.menu-box .leftBottom .right .depth2 li li a span { font-weight:500; }
.menu-box .leftBottom .right .menu-right { display:none; height:100%; }
.menu-box .leftBottom .right .menu_1 { display:block; }
.menu-box .leftBottom .right .depth2 .ul-item-cont { display:none; padding-left:12px; background:#232323; }
.menu-box .leftBottom .right .depth2 .ul-item-cont a { font-size:13px; }
.menu-box .leftBottom .right .depth2 .active .ul-item-cont { display:block; }

.info-box-bg{display:none;position:fixed;top:0;left:0;z-index: 2;width:100%;height:100%;background: rgba(0, 0, 0, 0.1); }
.info-box{position:fixed;top:0;right: -100%;z-index: 9999;width:100%;height:100%; background: rgba(0, 0, 0, 0.95); overflow-y:auto; overflow-x:hidden; }
.info-box .info-box-tp {position:relative; width:100%; height:100%; }
.info-box-tit{font-size:16px; color:#eae1d4;height:54px;line-height:54px;padding: 0 15px; border-bottom: 1px solid #3a3a3a; background:#100f0e; position:relative; z-index:3; width:100%;  }
.info-box-tit span strong{font-size:16px; color: #fff; font-weight:500; vertical-align: middle; margin-left:5px; }
.info-box-tit .info-close{position:absolute;z-index:4;top:0;right:10px;}
.info-box-tit .info-close a { font-size:33px; background-image:linear-gradient(to top, #916d34 , #edc776); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight:bold; }
.info-box-scroll { /*padding-top:54px;*/ }
.info-box-tit2 { padding:20px; border-bottom:12px solid #2d2d2d; }
.info-box-tit2 .left { float:left; width:calc(100% - 100px);}
.info-box-tit2 .left .cash-tit { font-size:13px; color:#bbbbbb;  }
.info-box-tit2 .left .cash { padding:5px 0; }
.info-box-tit2 .left .cash a { font-size:24px; color:#f2d09e;  }
.info-box-tit2 .left .point a { font-size:13px; color:#bbbbbb;  }
.info-box-tit2 .left .point a span { font-size:13px; color:#fff;  }
.info-box-tit2 .right { float:right; width:100px; text-align:right; }
.info-box-tit2 .right span { margin-left:5px;  }
.info-box-tit2 .right .bok { height:40px; line-height:40px; color:#bababa; font-size:13px;  }
.info-box-tit2 .right .memo { padding-top:15px; color:#bababa; font-size:13px;  border-top:1px solid #3e3e3e; }
.info-box-tit2 .right .memo span { padding-left:5px; }
.info-box-tit2 .right .c-red { color:#fff;  margin-right:3px; }
.info-box-tit2 .right a { position:relative; }
.info-box-tit2 .right a i.iconfont { position:absolute; left:-25px; color:#fff; top:0; font-size:20px; }

.info-box-cont .cont1 { padding:25px 10px 0; font-size:0; border-bottom:12px solid #2d2d2d; }
.info-box-cont .cont1 li {display:inline-block; width:25%; font-size:13px; color:#a19677;margin-bottom:25px; }
.info-box-cont .cont1 li a { position:relative; padding-top:35px; text-align:center; width:100%; color:#b3b3b3; }
.info-box-cont .cont1 li i { position:absolute; top:0; left:50%; transform:translateX(-50%); font-size:25px; background-image: linear-gradient(#c7b080, #b29364); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.info-box-cont .cont2 { padding:15px 30px; font-size:0; }
.info-box-cont .cont2 li a { height:44px; line-height:44px; color:#b3b3b3; font-size:14px; width:100%; font-weight:500; } 
.info-box-cont .cont2 li i { font-size:20px; display:inline-block; width:30px; vertical-align:middle; }
.info-box-cont a.logout { margin:15px 20px; width:calc(100% - 40px); height:40px; background:#141414; color:#fff; text-align:center; line-height:40px; border:2px solid #313131; border-radius:10px; }
.info-box-cont .cont3 { padding:2px; margin:10px 20px; width:calc(100% - 40px); background:linear-gradient(149deg,#9b0623 20%,#2a2b2a 50%); border-radius:10px; }
.info-box-cont .cont3 > span { display:block; width:100%; background:#141414; border-radius:10px; padding:12px 18px; }
.info-box-cont .cont3 > span p.tit { color:#f3c089; font-size:14px; font-family:'a4'; }
.info-box-cont .cont3 > span p.tit .iconfont { font-size:25px; margin-right:5px; vertical-align:middle; }
.info-box-cont .cont3 > span a.link { background:#232323; border:1px solid #40413f; border-radius:5px; width:100%; text-align:center; height:44px; line-height:44px; margin-top:10px; font-size:18px; }
.info-box-cont .rightSection { margin:5px 20px 0; font-size:0; }
.info-box-cont .rightSection a{ display:inline-block; width:calc(50% - 2.5px);}
.info-box-cont .rightSection a:nth-child(2) { float:right; }
.info-box-cont .rightSection a img{ width:100%; }

.center { text-align:center; }

.info-box-cont .cont4 { padding:2px; margin:10px 20px 0; width:calc(100% - 40px); background:linear-gradient(149deg,#9b0623 20%,#2a2b2a 50%); border-radius:10px; }
.info-box-cont .cont4 > span { display:block; width:100%; background:#141414; border-radius:10px; padding:12px 18px; }
.info-box-cont .cont4 > span p.tit { color:#f3c089; font-size:14px; font-family:'a4'; }
.info-box-cont .cont4 > span p.tit .iconfont { font-size:20px; margin-right:5px; vertical-align:middle; }
.info-box-cont .cont4 > span p.tit span { color:#fff; font-family:'a3'; }



#footer {
  margin-top: 20px;
  position: relative;
  background: #000;
  text-align: center;
  padding: 32px 0 82px;
  border-top:1px solid #502020; 
}
#footer > .footer-txt > p{color: #a3a3a3;font-size: 12px;line-height: 20px;font-family: "ns";}
#footer > .footer-icon{margin-top: 10px;}
#footer > .footer-icon span{display:inline-block;margin:2px 0;width:85px;}

#footer-btn{position: fixed;bottom: 0;left:0;width: 100%;background: #0d0d0d;z-index: 6;border-top: 1px solid #973200;box-shadow: 2px 2px 15px #973200;text-align:center;display:table;}
#footer-btn > a{display:table-cell;vertical-align:middle;height:60px;position: relative;}
#footer-btn > a > span.iconfont{background: #ff5500;-webkit-background-clip: text;color: transparent;font-size:27px;height: 25px;line-height: 25px;display: inline-block;}
#footer-btn > a:nth-child(1) > span.iconfont{font-size:20px;}
#footer-btn > a:nth-child(2) > span.iconfont{font-size: 26px;}
#footer-btn > a:nth-child(3) > span.iconfont{font-size: 26px;}
#footer-btn > a:nth-child(4) > span.iconfont{font-size: 26px;}
#footer-btn > a:nth-child(5) > span.iconfont{font-size: 28px;}
#footer-btn > a > p{color: #a3a3a3;font-size:11px;margin-top:5px;font-family: "ns";}
#footer-btn > a + a:before{content:"";position:absolute;top:50%;left:0;height:34px;margin-top:-17px;width:1px;background:#2b2518;}

.footerQuick { position:fixed; bottom:0; left:0; right:0; background:#090400; border-top:1px solid #9f3232; z-index:12; box-shadow:0 -2px 3px rgba(249,49,49,0.35); }
.footerQuick li { position:relative; float:left; width:25%; height:50px;  text-align:center;  }
.footerQuick li:first-child:before { display:none; }
.footerQuick li:before { content:""; position:absolute; top:10px; left:0; height:30px; width:1px; background:#333333; }
.footerQuick li a { display:block; color:#a4a4a4; font-size:12px; }
.footerQuick li a i { display:block; height:20px; margin:5px 0 4px; font-size:20px;
    background: linear-gradient(#c7b080 , #b29364);
    -webkit-background-clip: text;
    color: transparent;
}

@media screen and (max-width:374px){
    .header-bt2 > .right > p a{width: 66px;}
    .header-bt > .right > ul > li > a,
    .header-bt > .left > ul > li > a{font-size: 12px;letter-spacing: -0.5px;}
    .header-bt > .left > ul > li{padding-right: 10px;margin-right: 8px;}
    .header-bt > .right > ul > li{padding-left: 10px;margin-left: 8px;}
	.header-bt > .left > ul > li:first-child{max-width: 77px;}
    .header-bt > .left > ul > li:first-child img{width: 20px;}
    .header-tp > .logo img{/* height: 26px; */}
	.header-bt > ul > *{margin:0;letter-spacing:-1px;}
	.menu-box > .nenu-tp > .close{width:50px;}

}

.notice-container {
  width:100%;
  display: table;
  table-layout: fixed;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  background: #232323;
  box-sizing: border-box;
}
.main-container .notice-container {
  position: relative;
  width: calc(100% + 20px);
  left: -10px;
}
.notice-container .notice { 
  width:50px;
  display: inline-block;
  text-align:center;
  color: #8594a9;
  vertical-align: middle;
  font-size: 17px;
 }
.notice-container .notice .iconfont { vertical-align: top; color:#2d2d2d; background:linear-gradient(#c7b080,#b29364); display:inline-block; width:38px; height:22px; line-height:22px; text-align:center; border-radius:10px; margin-top:12px; }
.notice-container marquee { width:calc( 100% - 54px ); display:inline-block; vertical-align:middle; color:#ff8b06; font-size:12px; font-weight:700; }

.inlineGrid2 { margin-left:-10px; font-size:0; }
.inlineGrid2 > * { display:inline-block; width:calc(100% / 2 - 10px); margin-left:10px; margin-bottom:10px; font-size:13px; vertical-align: top; }
.inlineGrid3 { margin-left:-10px; font-size:0; }
.inlineGrid3 > * { display:inline-block; width:calc(100% / 3 - 10px); margin-left:10px; margin-bottom:10px; font-size:13px; vertical-align: top; }
.inlineGrid4 { margin-left:-10px; font-size:0; }
.inlineGrid4 > * { display:inline-block; width:calc(100% / 4 - 10px); margin-left:10px; margin-bottom:10px; font-size:13px; vertical-align: top; }
.inlineGrid5 { margin-left:-10px; font-size:0; }
.inlineGrid5 > * { display:inline-block; width:calc(100% / 5 - 10px); margin-left:10px; margin-bottom:10px; font-size:13px; vertical-align: top; }
.inlineGrid6 { margin-left:-10px; font-size:0; }
.inlineGrid6 > * { display:inline-block; width:calc(100% / 6 - 10px); margin-left:10px; margin-bottom:10px; font-size:13px; vertical-align: top; }

.flexGrid2,
.flexGrid3,
.flexGrid4,
.flexGrid5,
.flexGrid6,
.flexGrid7 { display: flex; flex-wrap: wrap; align-items:flex-start; justify-content:flex-start; }
.flexGrid2 > *:nth-child(2n),
.flexGrid3 > *:nth-child(3n),
.flexGrid4 > *:nth-child(4n),
.flexGrid5 > *:nth-child(5n),
.flexGrid6 > *:nth-child(6n),
.flexGrid7 > *:nth-child(7n) { padding-right:0 !important; }
.flexGrid2 > * { width:50%; padding:0 10px 10px 0; }
.flexGrid3 > * { width:calc(100% / 3); padding:0 10px 10px 0; }
.flexGrid4 > * { width:25%; padding:0 10px 10px 0; }
.flexGrid5 > * { width:20%; padding:0 10px 10px 0; }
.flexGrid6 > * { width:calc(100% / 6); padding:0 10px 10px 0; }
.flexGrid7 > * { width:calc(100% / 7); padding:0 10px 10px 0; }


.fz12{ font-size:12px !important; }
.fz13{ font-size:13px !important; }
.fz14{ font-size:14px !important; }
.fz15{ font-size:15px !important; }
.fz16{ font-size:16px !important; }
.fz17{ font-size:17px !important; }
.fz18{ font-size:18px !important; }
.fz19{ font-size:19px !important; }
.fz20{ font-size:20px !important; }
.fz21{ font-size:21px !important; }
.fz22{ font-size:22px !important; }
.fz23{ font-size:23px !important; }
.fz24{ font-size:24px !important; }
.fz25{ font-size:25px !important; }
.fz26{ font-size:26px !important; }
.fz27{ font-size:27px !important; }
.fz28{ font-size:28px !important; }
.fz29{ font-size:29px !important; }
.fz30{ font-size:30px !important; }
.fz31{ font-size:31px !important; }
.fz32{ font-size:32px !important; }
.fz33{ font-size:33px !important; }
.fz34{ font-size:34px !important; }
.fz35{ font-size:35px !important; }
.fz36{ font-size:36px !important; }
.fz37{ font-size:37px !important; }
.fz38{ font-size:38px !important; }
.fz39{ font-size:39px !important; }
.fz40{ font-size:40px !important; }
.fz41{ font-size:41px !important; }
.fz42{ font-size:42px !important; }
.fz43{ font-size:43px !important; }
.fz44{ font-size:44px !important; }
.fz45{ font-size:45px !important; }
.fz46{ font-size:46px !important; }
.fz47{ font-size:47px !important; }
.fz48{ font-size:48px !important; }
.fz49{ font-size:49px !important; }
.fz50{ font-size:50px !important; }
.ml0{ margin-left:0px !important;}
.ml5{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;}
.ml25{ margin-left:25px !important;}
.ml30{ margin-left:30px !important;}
.ml35{ margin-left:35px !important;}
.ml40{ margin-left:40px !important;}
.ml45{ margin-left:45px !important;}
.ml50{ margin-left:50px !important;}
.ml55{ margin-left:55px !important;}
.ml60{ margin-left:60px !important;}
.ml65{ margin-left:65px !important;}
.ml70{ margin-left:70px !important;}
.ml75{ margin-left:75px !important;}
.ml80{ margin-left:80px !important;}
.mr0{ margin-right:0px !important;}
.mr5{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mr25{ margin-right:25px !important;}
.mr30{ margin-right:30px !important;}
.mr35{ margin-right:35px !important;}
.mr40{ margin-right:40px !important;}
.mr45{ margin-right:45px !important;}
.mr50{ margin-right:50px !important;}
.mr55{ margin-right:55px !important;}
.mr60{ margin-right:60px !important;}
.mr65{ margin-right:65px !important;}
.mr70{ margin-right:70px !important;}
.mr75{ margin-right:75px !important;}
.mr80{ margin-right:80px !important;}