body {
    background: #141414 url(https://i.imgur.com/1JZWEax.png) no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
    min-width:1280px;
}
body .main-lfctrt2 { 
    max-width: none;
    width: calc(100% - 600px);
    min-width:900px;
    max-width:1280px;
 }
 body.sub { min-width:1480px; }
 body.sub.popMode { min-width:auto; }
 body.sub.popMode #wraper { min-width:auto; }
 body.sub.popMode .sub-container { min-height:auto; }
 body.sub.popMode .main-lfctrt2 { width:auto; min-width:auto; }
 body.sub.popMode .main-lfctrt2 .content-box { margin:0 auto; }
 /* body.sub .main-lfctrt2 { 
    max-width: none;
    width: 1280px;
    margin:0 auto;
 } */


.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:10px;}
.header-tab-cont .header-tab-cont-tab2,
.header-tab-cont .header-tab-cont-tab3{display:none;}
.header-tab-cont > div{padding: 0 10px 0;max-height: 800px;}
.header-tab-cont > div > ul > li{position: relative;color: #cbcbcb;padding-left: 42px;padding-right: 42px;border-top: 1px solid #313641;}
.header-tab-cont > div > ul > li > a{height: 40px;line-height: 40px;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 img{position: absolute;left: 10px;top: calc(50% - 11px);font-size: 20px;/* background: #1a1a3a; */width: 20px;z-index: 1;vertical-align: middle;}
.header-tab-cont > div > ul > li .tit{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 700;color: #fff;}/* 20210623 */
.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: 0;top: calc(50% - 11px);width: 36px;height: 21px;line-height: 21px;text-align: center;background: #2e333d;border-radius: 5px;font-size: 13px;font-weight: 700;color: #fcae31;}
.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;}

.tx_red{color: #df4442 !important;}
.tx_blue{color:#2ee2ed!important;}
.tx_green{color:#D7C35C!important;}
.font-orange{color:#D0810E!important;}
.font-red2{color:#df4442!important;}

#visual .visualBg{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
    background: url(../login_img/login_bg.png?v=1) no-repeat center;
    background-size: cover;
}
#visual.pop::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);}
#visual video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#000;
}
@media (min-aspect-ratio: 16/9) {
    #visual video {
        height: 308%;
        top: -103%;
    }
}

@media (max-aspect-ratio: 16/9) {
    #visual video {
        width: 303%;
        left: -100%;
    }
}





.pop-mode{transform: translate(0, 0);transition: all 0.3s ease;top: 0;left:0;right:0;z-index: 101;width: 100%;/* height: 80%; *//* overflow: hidden; */}
.pop-mode.pop-show{transform: translate(0, 50px);}

.pop-login{max-width: 460px;border-radius:10px;background: url(../login_img/box_bg.png);width: 100%;position: absolute;margin: 5% auto 0;padding: 40px 0 80px;/* border: 2px solid #047f5b; */}

.login-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000201;}
.login-bg img{position: absolute;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;animation:animar_fondo 20s linear infinite alternate;}

@keyframes animar_fondo {
	from {transform: scale(1) translate(0px);}
	to {transform: scale(1.2) translate(50px);}
}


.minigame{overflow:hidden;}
.minigame > ul > li{float:left;width: calc(100% / 10);}
.minigame > ul > li .img{border-right:1px solid #454545;}
.minigame2 > ul > li{width:calc(100% / 2);}
.minigame2 > ul > li .mini-live-tmenu{width:1%;}
.minigame3 > ul > li{width:calc(100% / 2);line-height:45px;}
.minigame3 > ul > li .mini-live-tmenu{width:1%;}

.mini-live-tmenu {
    cursor: pointer;
    text-align: center;
    display: table-cell;
    width: 1%;
    height: 60px;
    vertical-align: middle;
    color: #fff;
    font-weight: 700;
    background: #07203b;
}

.mini-live-tmenu:hover {
    background: #262e40;
}

.live-tmenu-countdown{color: #cac6c0 !important;margin-top: 5px;}

.t-line1 {
    border-top: 1px solid #c21161;
    border-right: 1px solid #444444;
}



.t-line2 {
    border-top: 1px solid #d40000;
    border-right: 1px solid #444444;
}



.t-line3 {
    border-top: 1px solid #5c861b;
    border-right: 1px solid #444444;
}



.t-line4 {
    border-top: 1px solid #206725;
    border-right: 1px solid #444444;
}



.t-line5 {
    border-top: 1px solid #c21161;
    border-right: 1px solid #444444;
}



.t-line6 {
    border-top: 1px solid #008fe8;
    border-right: 1px solid #444444;
}



.t-line7 {
    border-top: 1px solid #ff9000;
    border-right: 1px solid #444444
}



.t-line8 {
    border-top: 1px solid #5d871b;
    border-right: 1px solid #444444
}



.t-line9 {
    border-top: 1px solid #206825;
    border-right: 1px solid #444444
}



.t-line10 {
    border-top: 1px solid #93f;
	border-right: 1px solid #444444;
}

.t-line11 {
    border-top: 1px solid #709aef;
	border-right: 1px solid #444444;
}

.t-line12 {
    border-top: 1px solid #70dfef;
	border-right: 1px solid #444444;
}

.t-line13 {
    border-top: 1px solid #55e377;
	border-right: 1px solid #444444;
}

.t-line14 {
    border-top: 1px solid #c7e355;
	border-right: 1px solid #444444;
}

.t-line15 {
    border-top: 1px solid #5c8610;
	border-right: 1px solid #444444;
}

.t-line16 {
    border-top: 1px solid #d40300;
	border-right: 1px solid #444444;
}


.login-box{padding: 10px 20px 75px;}
.login-cont{/* max-width: 293px; */margin:0 auto;/* padding: 32px 0 30px; */text-align: center;}
.login-cont .tit{margin-bottom: 55px;text-align: center;}/* 20210623 */
.login-cont .tit p{font-size:16px;color:#fff;margin-top: 15px;}
.login-cont .tit a{position:relative;vertical-align: middle;}
.login-cont .tit img {width:70%;}

.login-cont p.p1{font-size:38px;font-weight:700;color:#fff;}
.login-cont p.p2{font-size:22px;font-weight:300;color:#fff;margin: 15px 0 20px;}
.login-cont .cont{padding: 0px 75px;position: relative;}
.login-cont .cont .ipt{margin: 0 0 20px;position: relative;/* border-radius: 5px; */}
.login-cont .cont .ipt::before{display: none;content:"";position:absolute;top: calc(50% - 13px);left: 68px;width:1px;height:25px;background: #4a4f54;}
.login-cont .cont .ipt i.iconfont{position:absolute;top: calc(50% - 14px);left: 0;font-size: 28px;color: #fba91a;width: 67px;text-align: center;}
.login-cont .cont .ipt:nth-child(2) i.iconfont{font-size: 26px;}
.login-cont .cont .ipt input{
    height: 50px;
    border: 0;
    font-size: 16px;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    background: #e6dfbd;
    
    color: #000;
    padding-left: 0;
    padding: 0 15px;
    outline: 0;
    text-align: left;
    border-radius: 15px;
}
.login-cont .cont .ipt input::placeholder { color:#44433d; }
.login-cont .cont .ipt p { font-size:16px; color:#ffffff; margin:0 0 10px; }
.login-cont .cont .ipt .iconfont { display:none; cursor:pointer;position:absolute;  color:#150f17; }
.login-cont .cont .ipt .iconfont.lookBefore { right: 15px; top: 35px; display:block; font-size:38px;  }
.login-cont .cont .ipt .iconfont.lookAfter {  right:20px; top: 40px; font-size:27px; }
.login-cont .cont div.ipt-rt{text-align:right;margin-bottom: 30px;}
.login-cont .cont div.ipt-rt a{color:#325745;}
.login-cont .cont div.ipt-rt label{font-size:14px;font-weight:700;color:#acabab;margin-left:5px;}

.login-cont .cont p.ipt2{margin: 0 0 10px;position: relative;/* border-radius: 5px; */}
.login-cont .cont p.ipt2 span.checking{position:absolute;top:0;left: 0;width: 160px;height:58px;}
.login-cont .cont p.ipt2 span.checking img{width: 100%; height: 100%}
.login-cont .cont p.ipt2 input{
    height: 58px;
    border: 0;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    background: #3e2d20;
    border: 1px solid #5c4839;
    color: #fff;
    padding-left: 0;
    padding: 0 20px 0 165px;
    outline: 0;
    /* text-align: center; */
}
.login-cont .cont
.login-cont .btn-log{margin-top: 20px;overflow: hidden;}

.login-cont .btn-log .btn-tp a{width: 100%;}
.login-cont .btn-log .btn-tp a.apply-btn{}
.login-cont .btn-log .btn-tp{overflow:hidden;}
.login-cont .btn-log .btn-bt{margin-top: 5px;overflow:hidden;}
.login-cont .btn-log .btn-bt a{float:left;width: calc(100% / 2 - 2px); font-size: 16px; border:2px solid #00d4ff; background:linear-gradient(#00cbff, #00a7ff); }
.login-cont .btn-log .btn-bt a.btn.grey{color: #fff !important;float: right;padding: 0;}

.login-cont .btn-log a{width: 100%;display: block;height: 50px;line-height: 50px;font-size: 18px;color: #fff; background: linear-gradient(#a10623, #7b0923);border-radius: 25px;font-family: "a3"; font-weight: bold;}
.login-cont .btn-log a:hover{opacity:0.9;}
.login-cont .btn-log a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}
.login-cont .btn-log a:first-child::after{display:none;}
.login-cont .btn-log a.apply-btn{background: none;color: #171318;float: right;font-size: 18px;margin-top: 20px;background: linear-gradient(#fcf79e, #a57d38);border-radius: 25px;}
.login-cont .btn-log a.apply-btn:active{box-shadow: none}
/* .login-cont.btnCode .btn-log a { width:calc(50% - 8px); margin-left:5pxc; } */





/* 20210623 */
.login-cont .btn-log a.discuss-btn{background: none;color: #fff;float: left;font-size: 16px;background:linear-gradient(#00cbff, #00a7ff);border-radius: 5px;}
.login-cont .btn-log a.discuss-btn:active{box-shadow: none}
/* //20210623 */
.login-cont .p3{color: #8c8c8c;text-align: center;margin: 25px 0 15px;}
.login-cont .p3 a{color: #fff;font-size: 14px;font-weight: 700;}
.login-cont .p3 a:hover{color: #006bfc;}
.login-cont .login-twi{text-align:center;margin-top: 30px;}
.login-cont .login-twi > ul > li{display:inline-block;}
.login-cont .login-twi > ul > li:first-child{margin-right:10px;}
.login-cont .login-twi > ul > li span{color: #8c8c8c;font-size: 14px;display: inline-block;vertical-align: middle;}
.login-cont .login-twi > ul > li span strong{color:#fffefe;}
.login-cont .login-twi > ul > li span:first-child{margin: 0 10px;}
.login-cont .login-twi > ul > li i.iconfont{display:inline-block;width:40px;height:40px;/* background:#fff; *//* line-height: 40px; */font-size: 36px;border-radius: 50%;}
.login-cont .login-twi > ul > li:first-child i.iconfont{/* background:#ffdd00; */color: #ff5500;}
.login-cont .login-twi > ul > li:last-child i.iconfont{/* background: #ff5500; *//* font-size: 18px; */color: #ff5500;}

.login-cont .login-twi p{display:inline-block;color: #fff;}
.login-cont .login-twi p:last-child{text-align:left;margin-left:10px;line-height:1.5;vertical-align: middle;}
.login-cont .login-twi p span{display:block;font-size: 14px;color: #a3a3a3;}
.login-cont .login-twi p strong{display:block;font-size: 22px;color: #fff;}

.login-copy{color:#6a6a6a;margin-top: 30px;text-align: center;}

.login-cont input::-webkit-input-placeholder { /* WebKit browsers */
  color: #8c8c8c;
}
.login-cont input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #8c8c8c;
}
.login-cont input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #8c8c8c;
}


.color-red{font-size:12px;color: #ffd300;}
.color-black{font-size:12px;color: #ffd300;}

.black-btn a{display:block;height: 62px;line-height: 62px;background: linear-gradient(#f8c71e, #ff7a15);border-radius: 5px;text-align:center;font-size: 22px;font-weight: 700;color: #333;}
.white-btn{float: left;}
.white-btn a{display:block;height: 62px;line-height: 62px;background: none;color: #fff;text-align:center;font-size: 22px;font-weight: 700;border: 1px solid #fff;border-radius: 5px;}
.white-btn a:active{box-shadow: none !important;}

.pop-join{max-width: 580px;width: 100%;height: 84%;/* padding: 35px 40px 40px; */border-radius: 10px;margin: 0 auto 30px;top: 5%;bottom: 10%;/* border: 1px solid #2a3d40; */transform: none;}
.pop-join .pop-close{position:absolute;top: -38px;right: -32px;font-size: 22px;color: #fff;}
.pop-join .img{text-align:center;font-size: 38px;font-weight: 700;color: #fff;margin-bottom: 25px;}
.pop-join .img img{width: 141px;margin-right: 5px;}
.join-box{margin: 5% auto 0;box-sizing: border-box;position: relative;height: calc(100% - 105px);}
.join-v{margin: 0px auto;}
.join-v .tit{font-size: 36px;color: #fff;margin-bottom: 25px;text-align: center;}
.join-v .tit a{position:relative;vertical-align: middle;}
.join-v .tit img{width: 200px;}
.join-v .repeat-box{position:relative;}
.join-v .repeat-btn{    position: absolute;
    top: 0px;
    right: 0;
    width: 115px;
    height: 51px;
    line-height: 52px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #313131;
    border: 1px solid #313131;
    color: #fff;
    background: #585858;}
.join-v .cont{
    background: rgb(7,1,5, 0.6);
    
    padding: 15px 33px 20px;
    position: relative;
    border-radius: 10px;
width: 460px;}
.join-v .cont ul{/* padding-bottom:10px; */}
.join-v .cont li{overflow:hidden;margin-bottom: 17px;/* position:relative; */}
.join-v .cont li .first{font-size: 15px !important;color: #fff;padding: 0 0 5px 13px;position: relative;}
.join-v .cont li.on .first{/*color:#009eff;*/}
.join-v .cont li.abled .first{position:relative;}
.join-v .cont li.abled .first::after{display: none;content:"\e6c7";position:absolute;top:0;right:0;color: #ff0000;font-family: "iconfont" !important;font-size: 16px;}
.join-v .cont li.ok .first::after{display: none;content:"\e680";position:absolute;top:0;right: -3px;color: #fccc14;font-family: "iconfont" !important;font-weight: normal;font-size: 23px;}
.join-v .cont li.abled .second input{border: 1px solid #ff0000;}
.join-v .cont li.abled .second .txt{color:#ff0000;}
.join-v .cont li .first i{font-size:16px;color:#c41e1e;margin-left:5px;}
.join-v .cont li .second{position: relative;/* padding-bottom: 20px; */}
.join-v .cont li .second .txt{color: #8f8f8f;font-size: 12px;margin-top: 5px;}
.join-v .cont li .second .joinCate { padding:0 15px; margin:0 0 5px; height:45px; line-height:45px; font-size:14px; color:#4c4c4c; border:1px solid #cbcbcb; border-radius:5px;}
.join-v .cont .grey{margin-left:10px;font-size:15px;color:#b1b1b1;}
.join-v .cont .white{margin:0 6px;font-size:16px;color:#fff;}
.join-v .cont input,
.join-v .cont select{background-color: #e6dfbd !important;font-size: 14px;color: #000;outline: none;border: 1px solid #cbcbcb;border-radius: 12px;margin-bottom: 4px;}
.join-v .cont input,
.join-v .cont select{padding-left: 15px;}
.join-v .cont select{color: #616161;}
.join-v .cont input.iptD2{width: calc(100% - 97px);}
.join-v .cont input:focus, .join-v .cont select:focus{/*border: 1px solid #0096ff;*/}
.join-phone{overflow:hidden;}
.join-phone input,
.join-phone span,
.join-phone select{float:left;}
.join-phone span{margin:0 3px;line-height: 45px;width: calc(3% - 6px);text-align: center;}
.ipt91{width: 33%;height: 44px;}
.ipt111{width: 31%;height: 35px;}
.ipt101{width: 33%;height: 35px;}
.iptD{width: 50%;height: 45px;}
.iptD2{height: 45px;}
.iptC{width: 100%;height: 45px;}
.seleC{width: 100%;height: 35px;}
.seleD{width: 50%;height: 45px;}

.join-btn{overflow:hidden;}
.join-btn.btn-log a {
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    
    font-family: "a3";color: #fff;
    
    background: linear-gradient(#a10623, #7b0923);
    border-radius: 25px;
    text-align: center;
}
.join-btn.btn-log a.yellow { color:#171318 !important; background: linear-gradient(#fcf79e, #a57d38); }

.join-btn .black-btn{/* float: left; *//* width: 49%; */position:relative;overflow:hidden;}
.join-btn .white-btn{float: none;/* width: 49%; */position:relative;margin-top: 10px;overflow:hidden;}
.join-btn .white-btn a:hover,
.join-btn .black-btn a:hover{opacity:0.9;}
.join-btn .white-btn a:active,
.join-btn .black-btn a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}

.chk-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 93px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #9e0623;
    border-radius: 12px;
}
.chk-btn:hover{opacity:0.9;}
.chk-btn:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}


.bank-box{font-size:0;margin-bottom: -2px;}
.bank-box .seleD{margin-right: 2px;width: calc(50% - 2px);background: #fff url(../images/sub/sele_icon_new.png) no-repeat right 15px center !important;}

.bank-box select {
  -webkit-appearance: none;  /* */
  -moz-appearance: none;
  appearance: none; 
}
/* IE 10, 11 */
.bank-box select::-ms-expand { 
  display: none;
}

.join-v .cont input::-webkit-input-placeholder { /* WebKit browsers */
  color: #7d7d7d;
}
.join-v .cont input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #7d7d7d;
}
.join-v .cont input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #7d7d7d;
}

.pop-code{max-width: 347px;border-radius:10px;background: rgba(33, 43, 49, 0.8);width: 100%;position: absolute;margin: 12% auto 0;max-height: 450px;border: 2px solid #047f5b;}

.sub-container{min-height:600px; background-attachment: fixed; }

.sub-banner{height:240px;background-position:center top;background-repeat:no-repeat;background-size:cover;padding-top:142px;line-height: 105px;text-align:center;font-size:40px;font-weight:700;color:#fff;/* text-shadow: 2px 1px 0px #39ab1e; */}
.bg1{background-image:url(../images/sub/bg1.jpg);}
.bg2{background-image:url(../images/sub/bg2.jpg);}
.bg3{background-image:url(../images/sub/bg3.jpg);}
.bg4{background-image:url(../images/sub/bg4.jpg);}
.bg5{background-image:url(../images/sub/bg5.jpg);}
.bg6{background-image:url(../images/sub/bg6.jpg);}
.bg7{background-image:url(../images/sub/bg7.jpg);}
.bg8{background-image:url(../images/sub/bg8.jpg);}
.bg9{background-image:url(../images/sub/bg9.jpg);}
.bg10{background-image:url(../images/sub/bg10.jpg);}
.bg11{background-image:url(../images/sub/bg11.jpg);}
.bg12{background-image:url(../images/sub/bg12.jpg);}
.bg13{background-image:url(../images/sub/bg13.jpg);}
.bg14{background-image:url(../images/sub/bg14.jpg);}
.bg15{background-image:url(../images/sub/bg15.jpg);}
.bg16{background-image:url(../images/sub/bg16.jpg);}
.bg17{background-image:url(../images/sub/bg17.jpg);}
.bg18{background-image:url(../images/sub/bg18.jpg);}
.bg19{background-image:url(../images/sub/bg19.jpg);}
.bg20{background-image:url(../images/sub/bg20.jpg);}


.sub-container-wrap{/* max-width:1300px; */margin: 0px auto 0;padding-top: 20px !important;/* overflow: hidden; */}
.sub-container-wrap::after{content:"";clear:both;display:block;}
.sub-container-wrap .content-box{width:100%;padding-bottom:65px;}

.sub-lfrt .content-box{float:left;width:calc(100% - 250px);}
.sub-lfrt .right-box{float:right;width:235px;position: relative;}

.sub-lfctrt .left-box{float:left;width:175px;}
.sub-lfctrt .content-box{float:left;width:calc(100% - 440px);margin:0 15px;}
.sub-lfctrt .right-box{float:right;width:235px;position: relative;z-index: 1;}

/* 20210623 */
/* .sub-lfctrt2{padding: 0 20px;max-width: 1850px;}
.sub-lfctrt2 #content_left{float:left;width: 270px;padding-top: 0;position: static;height: auto;}
.sub-lfctrt2 #content_left .cont{height:auto;max-height: none;}
.sub-lfctrt2 .left-box{width: 235px; border: 1px solid #2e333d;padding-top: 10px;}
.sub-lfctrt2 .content-box{float:left;width: calc(100% - 510px);margin: 0 20px;}
.sub-lfctrt2 .right-box{float:right;width:235px;position: relative;z-index: 1;} */
/* //20210623 */
.sub-lfctrt2 .content-box2{float:right;width: calc(100% - 255px);margin-left:20px;}

.sub-tab1 {text-align: center;overflow: hidden;/* border-radius: 5px; */}
.sub-tab1 ul {}
.sub-tab1 ul li {float: left;width: calc(100% / 3);border-left: 1px solid #404654;}
.sub-tab1 ul li:first-child {border-left: none;}
.sub-tab1 ul li a {position: relative;display: block;height: 45px;line-height: 45px;font-size: 16px;font-weight: 700;color: #b8b9bd;background: #2e333d;}
.sub-tab1 ul li a.on, 
.sub-tab1 ul li a:hover {/* background: #ffae00; */color: #fff;}
.sub-tab1 ul li a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}

.sub-tab1 ul li a.on::before, 
.sub-tab1 ul li a:hover::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#f50;}

.sub-tab2 {text-align: center;overflow: hidden;/* border: 1px solid #b8bcc4; */border-radius: 5px;}
.sub-tab2 ul {}
.sub-tab2 ul li {float: left;width: calc(100% / 2);border-left: 1px solid #b8bcc4;}
.sub-tab2 ul li:first-child {border-left: none;}
.sub-tab2 ul li a {display: block;height: 45px;line-height: 45px;font-size: 16px;font-weight: 700;color: #191923;background: linear-gradient(#fff, #dadbdc);}
.sub-tab2 ul li a.on, 
.sub-tab2 ul li a:hover {background: linear-gradient(#e73b54, #9b2739);color: #fff;}
.sub-tab2 ul li a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}

.sub-tab5 {text-align: center;overflow: hidden;border: 1px solid #b8bcc4;border-radius: 5px;}
.sub-tab5 ul {}
.sub-tab5 ul li {float: left;width: calc(100% / 5);border-left: 1px solid #b8bcc4;}
.sub-tab5 ul li:first-child {border-left: none;}
.sub-tab5 ul li a {display: block;height: 45px;line-height: 45px;font-size: 16px;font-weight: 700;color: #191923;background: linear-gradient(#fff, #dadbdc);}
.sub-tab5 ul li a.on, 
.sub-tab5 ul li a:hover {background: linear-gradient(#e73b54, #9b2739);color: #fff;}
.sub-tab5 ul li a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}

.sub-tab4 {text-align: center;overflow: hidden;/* border-radius: 5px; */}
.sub-tab4 ul.grid2 li { width:50%; }
.sub-tab4 ul li {float: left;width: calc(100% / 4);border-left: 1px solid #404654;}
.sub-tab4 ul li:first-child {border-left: none;}
.sub-tab4 ul li a {position: relative;display: block;height: 45px;line-height: 45px;font-size: 16px;font-weight: 700;color: #b8b9bd;background: #2e333d;}
.sub-tab4 ul li a.on, 
.sub-tab4 ul li a:hover {/* background: #ffae00; */color: #fff;}
.sub-tab4 ul li a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}
.sub-tab4 ul li a.on::before, 
.sub-tab4 ul li a:hover::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#f50;}

.sub-tab6 {text-align: center;overflow: hidden;border: 1px solid #b8bcc4;border-radius: 5px;}
.sub-tab6 ul {}
.sub-tab6 ul li {float: left;width: calc(100% / 6);border-left: 1px solid #b8bcc4;}
.sub-tab6 ul li:first-child {border-left: none;}
.sub-tab6 ul li a {display: block;height: 45px;line-height: 45px;font-size: 16px;font-weight: 700;color: #191923;background: linear-gradient(#fff, #dadbdc);}
.sub-tab6 ul li a.on, 
.sub-tab6 ul li a:hover {background: linear-gradient(#e73b54, #9b2739);color: #fff;}
.sub-tab6 ul li a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}


/* .game_cate {margin-top: 5px;margin-bottom: 10px;text-align: center;background: #1d2329;}
.game_cate::after {content: ''; clear: both; display: block;}
.game_cate ul {}
.game_cate ul li {display: table-cell;width: 1%;height: 60px;vertical-align:middle;border-left: 1px solid #2e333d;}
.game_cate ul li:first-child {border-left: none;}
.game_cate ul li a {vertical-align:middle;margin:0;color: #b5b7bb;font-size: 13px;font-weight: 700;width: 100%;height: 60px;line-height: 1.5;padding: 13px 0px;}
.game_cate ul li a i.num{display:block;font-weight:700;}
.game_cate ul li a:hover,
.game_cate ul li a.on {color: #ff5500;}
.game_cate ul li a span{font-weight: 700;} */

.game_cate { border-bottom: 1px solid #f3c089; }
.game_cate::after {content: ''; clear: both; display: block;}
.game_cate ul { text-align:center; }
.game_cate ul li { display:inline-block; position:relative; width:135px; }
.game_cate ul li:first-child {border-left: none;}
.game_cate ul li a { color: #cac6c0;font-size: 14px; padding-bottom: 15px; }
.game_cate ul li:first-child:after { display:none; }
.game_cate ul li:after { content:''; position:absolute; width:1px; height:40px; background: #b29364; top: 29px; left:0;  }
.game_cate ul li a i { display:block; font-size:39px; line-height:44px; padding-top: 12px; }
.game_cate ul li:nth-child(2) a i { font-size:42px; }
.game_cate ul li:nth-child(3) a i { font-size:44px; }
.game_cate ul li:nth-child(4) a i { font-size:44px; }
.game_cate ul li:nth-child(5) a i { font-size:39px;}
.game_cate ul li:nth-child(6) a i { font-size:30px; }
.game_cate ul li:nth-child(7) a i { font-size:29px; }
.game_cate ul li a:hover,
.game_cate ul li a.on {color: #f3c089;}
.game_cate ul li a span{ display:block; padding-top: 6px;  }

.sport-notice{background: #2e333d;border: 1px solid #404654;/* border-radius:5px; */padding:10px 15px;margin-bottom: 10px;}
.sport-notice > ul > li{margin-top:5px;line-height:18px;color:#fff;}
.sport-notice > ul > li i{color:#e5bf22;margin-right: 5px;}
.sport-notice > ul > li:first-child{margin-top:0px;}
.sport-notice > ul > li:hover,
.sport-notice > ul > li.on{color: #e5bf22;}
.sport-notice > ul > li i{vertical-align:middle;display: inline-block;}
.sport-notice > ul > li .txt{font-weight:700;display: inline-block;}

.betting-close{ position:absolute;top:0;bottom: 18px;left:0;right:0;z-index: 11;background: rgba(0, 0, 0, 0.8);border: 1px solid #7e0923;}
.betting-close span{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:110px;margin:auto;padding-top: 80px;text-align:center;font-size: 18px;font-weight: 700;color:#fff;background: url(../images/sub/betting_close.png) no-repeat center top;}

.betslip_w {position: relative;width: 260px;border: 1px solid #2e333d;background: #1d2329;/* border-radius: 10px; */overflow: hidden;padding-bottom: 0px;}
.betslip_w .bsp_top {overflow:hidden;height: 51px;line-height: 51px;padding: 0 10px;border-bottom: 1px solid #f50;}
.betslip_w .bsp_top .tit {float:left;font-size: 16px;font-weight: 800;color: #f50;}
.betslip_w .bsp_top .tit .iconfont{display:inline-block;/* width: 32px; *//* height: 32px; */line-height: 32px;text-align: center;font-size: 20px;color: #f50;/* background: #ffae00; */border-radius: 10px;margin-right: 10px;vertical-align: middle;}
.betslip_w .bsp_top .tit span { color:#fff; font-size:15px;}
.betslip_w .bsp_top .move {float:right;/* border: 1px solid #664600; *//* border-radius: 3px; */margin-top: 11px;position: relative;}
.betslip_w .bsp_top .move span {float: left;width: 38px;height: 27px;line-height: 27px;text-align: center;cursor:pointer;color: #8e9aa5;font-size: 0;/* background: #212531; */position: absolute;top: 2px;right: 0;z-index: 0;}
.betslip_w .bsp_top .move span i{font-size: 18px;}
.betslip_w .bsp_top .move span.active{z-index: 10;}

.betslip_w .bsp_top .move .on {/* background: #35404a; */z-index: 1;}
.betslip_w .bsp_top .move .off {/* border-right: 1px solid #664600; */color: #ff5500;}
.betslip_w .bsp_betbtn.carat {background: #ff5500;text-align:center;height:45px;line-height:45px;color: #fff;font-weight: 800;font-size: 18px;cursor:pointer;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;margin: 0 10px;/* border-radius: 5px; */}
.betslip_w .bsp_betbtn.carat:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}
.betslip_w .bsp_betbtn.ruby {background:#ff7ef1; text-align:center; height:45px; line-height:45px; color:#000; font-weight:bold; font-size:20px; cursor:pointer;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.betslip_w .bsp_betbtn:hover {background:#fff;color: #000;}
.betslip_w .betslip { background:rgba(0, 0, 0, 0.07); border:1px solid rgba(0, 0, 0, 0.2); min-height:100px;}
.betslip_w .betslip .line {border-top: 1px solid #4d5660;}
.betslip_w .betslip .line:hover {/* background:rgba(0, 0, 0, 0.1); */}
.betslip_w .betslip .line:after { content:''; display:block; clear:both;}
.betslip_w .betslip .rate {margin: 0 10px;line-height: 30px;height: 30px;background: #2e333d;padding: 0 10px;overflow: hidden;}
.betslip_w .betslip .rate dt {float:left;color: #fff;font-size: 12px;/*  */}
.betslip_w .betslip .rate dd {width:65%;float:right;text-align:right;color: #aeafbd;font-weight: 700;line-height: 28px;font-size: 12px;}
.betslip_w .betslip .rate dd #TotalBenefit.white{margin-right: 5px;font-size: 12px;font-weight: 800;color:#fff;}
.betslip_w .betslip .rate dd .red{font-weight:700;color:#df4442;}
.betslip_w .betslip .rate dd .blue2{font-weight:700;color:#2ee2ed;}

.betslip_w .betslip .rate dd #totalprice{color: #f4ca38;font-weight: 700;font-size: 12px;}
.betslip_w .betslip .rate dd .reset {display: inline-block;width: 14px;height: 20px;line-height: 20px;font-size: 14px;vertical-align: middle;margin-right: 10px;color: #6262a0;}
.betslip_w .betslip .rate dd span.caratcolor {color: #f50;font-weight: 800;font-size: 12px;margin-right: 5px;}
.betslip_w .betslip .rate dd span.rubycolor {color:#ff7ef1;}
.betslip_w .betslip .rate dd span#bRto{font-size: 12px;color: #ffd800;font-weight: 800;margin-right: 5px;}
.betslip_w .betslip .bsp_item {position:relative;border-top: 0;border-bottom: 1px solid #5a563c;display: none;}
.betslip_w .betslip .bsp_item .btn2 {display:inline-block;border-radius: 5px;width: 70px;height: 26px;line-height: 26px;text-align: center;font-size: 13px;color: #000;font-weight: 700;background: #fcd50b;}
.betslip_w .betslip .bsp_item .bsp_item_w { position:absolute; background:rgba(0, 0, 0, 0.7); width:250px; left:0px; top:37px;}
.betslip_w .betslip .bsp_item .bsp_item_w ul { padding:10px 10px 5px 10px;}
.betslip_w .betslip .bsp_item .bsp_item_w ul li { font-size:11px; padding-bottom:5px;}
.betslip_w .betslip .bsp_item .bsp_item_w ul li b { color:#f1cc45; font-size:11px;}
.betslip_w .betslip .bsp_item + .rate{border-top:0;}
.betslip_w .betslip .bsp_mybetmoney {width: 109px;height: 22px;background: #fff;color: #2e3032;text-align:right;padding: 0 5px;border: 0;font-weight: 700;font-size: 12px;}
.betslip_w .betslip .bsp_money{padding:0 10px;margin: 7px 0 5px;}
.betslip_w .betslip .bsp_money ul {overflow:hidden;margin: -2px 0 0 -3px;/* border-radius: 5px; */}
.betslip_w .betslip .bsp_money ul li {float:left;width: calc(100% / 2 - 3px);margin-left: 3px;margin-top: 2px;color: #fff;}
.betslip_w .betslip .bsp_money ul li span {cursor:pointer;display:block;height: 26px;line-height: 26px;background: linear-gradient(#fdfdfd, #dddedf);/* border-radius: 5px; */color: #3a3b42;font-size: 12px;font-weight: 800;text-align: center;}
.betslip_w .betslip .bsp_money ul li span:hover{color: #792a03;}
.betslip_w .betslip .bsp_money ul li span:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}
.betslip_w .betslip .bsp_money ul li.reset span{background: #792a03;color:#fff;}
.betslip_w .betslip .bsp_money ul li.max span{background: #792a03;color:#fff;}
.betslip_w .betslip .bsp_money ul li.reset span:hover{background: #fff;color: #000;}
.betslip_w .betslip .bsp_money ul li.max span:hover{background: #fff;color: #000;}


.betslip_w .betslip .bsp_money ul li .i-refresh { font-size:16px;}
.betslip_w .betslip .bsp_max {text-align:center;font-size: 0;padding: 0 10px;margin: 6px 0 10px;}
.betslip_w .betslip .bsp_max a {width: calc(50% - 4px);display:inline-block;color:rgba(255, 255, 255, 0.5);}
.betslip_w .betslip .bsp_max a#betlistalldel{color: #a5a7ab;font-weight: 800;font-size: 12px;width: 100%;height: 22px;line-height: 23px;/* border-radius: 5px; */background: #2e333d;}
.betslip_w .betslip .bsp_max a#maxbetting{background: #202145;border: 1px solid #3c8770;color: #3ebf99;font-weight: 700;font-size: 13px;}

.betslip_w .betslip .bsp_event_w .bsp_event {border: 1px solid #363b45;/* border-radius:3px; */overflow:hidden;background: #11191f;position:relative;margin-bottom: 5px;}
.betslip_w .betslip .bsp_event_w .bsp_event:hover {border: 1px solid #f50;}
.betslip_w .betslip .bsp_event_w .bsp_event dd {padding: 6px 5px 5px 10px;}
.betslip_w .betslip .bsp_event_w .bsp_event dd span {display:block;color: #9fa3a6;font-size: 12px;line-height:20px;width:calc(100% - 25px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.betslip_w .betslip .bsp_event_w .bsp_event:hover dd span {overflow:visible;text-overflow:visible;white-space:normal;}
.betslip_w .betslip .bsp_event_w .bsp_event dd span .change { font-weight:normal; color:#FF0000; font-size:11px; padding-left:5px;}
.betslip_w .betslip .bsp_event_w .bsp_event dt {background: #2e333d;height: 26px;line-height: 26px;padding: 0 10px;overflow:hidden;}
.betslip_w .betslip .bsp_event_w .bsp_event dt .checkteam {width:calc(100% - 40px);float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px;color: #ffffff;}
.betslip_w .betslip .bsp_event_w .bsp_event dt .checkteam:hover {/* overflow:visible; */text-overflow:visible;/* white-space:normal; */}
.betslip_w .betslip .bsp_event_w .bsp_event dt .checkrate {font-size: 13px;font-weight:bold;color: #fff600;font-family:verdana;text-align:right;width:40px;float:right;}
.betslip_w .betslip .bsp_event_w .bsp_event dt .checkteam .box{display:inline-block;width:38px;height:19px;line-height: 20px;font-size: 12px;color: #fff;text-align: center;background: #377965;border-radius: 10px;margin-right: 5px;}
.betslip_w .betslip .bsp_event_w .bsp_event dt .checkteam .red{color:#fb2960 !important;}
.betslip_w .betslip .bsp_event_w .bsp_event .remove {position: absolute;top: 10px;right: 10px;width: 12px;height: 12px;cursor: pointer;}
.betslip_w .betslip .bsp_event_w .bsp_event .remove i {font-size: 14px;color: #8787a6;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
.betslip_w .betslip .bsp_event_w .bsp_event .remove:hover i {transform:rotate(90deg);-webkit-transform:rotate(90deg);color: #ff3d12;}
.betslip_w .betslip .betscroll {padding: 0px 10px 0;margin-top: 5px;max-height:250px;overflow-y:scroll;}

.bet-bt{margin-top: 15px;padding: 0 10px;}
.bet-bt > dl{overflow:hidden;line-height: 22px;}
.bet-bt > dl dt{position:relative;float:left;font-size: 13px;font-weight: 700;color: #a2a3a7;width:107px;}
.bet-bt > dl dd{float:right;font-size: 13px;font-weight: 700;color: #f50;}
.bet-bt > dl dd span{font-weight:700;}

/* 20210623 */
.betslip_bt{/* border: 1px solid #2e333d; *//* height: 167px; */text-align:center;margin-top: 10px;/* padding: 20px 0 25px; *//*background: url(../images/sub/betslip_bt.png) no-repeat;background-size: cover;*/}/* 20210623 */
.betslip_bt .img img{width: 92px;}
.betslip_bt .txt{font-size: 16px;font-weight: 800;color: #ffffff;margin: 11px 0 12px;line-height: 1.5;}
.betslip_bt .box{width: 198px;height: 46px;line-height: 44px;border: 1px solid #ff5500;background: rgba(0, 0, 0, 0.6);font-size: 18px;font-weight: 800;color: #ff5500;margin: 0 auto;}
/* //20210623 */

.mt60{margin-top:60px !important;}
.mt50{margin-top:50px !important;}
.mt40{margin-top:40px !important;}
.mt30{margin-top:30px !important;}
.mt20{margin-top:20px !important;}
.mt15{margin-top:15px !important;}
.mt10{margin-top:10px !important;}
.mt5{margin-top:5px !important;}
.ml10{margin-left:10px !important;}
.mr10{margin-right:10px !important;}
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.pl0{padding-left:0 !important;}


.btn_orange {
    background: #ff3131;
    color: #fff;
    padding: 5px 15px;
    border: 1px solid #ff3131;
    border-radius: 5px;
}
.btn_orange:hover {
    color: #FFF 
}

/* paging */
.paging{display: table;margin: 0 auto 20px;text-align: center; vertical-align: top; }
.paging .pageNum { display:inline-block; margin:0 5px; padding:0 15px; font-size:0; background:#fff; border-radius:35px; vertical-align:top; }
.paging a{ display:inline-block; height: 35px;line-height: 35px;font-size: 13px;}
.paging .pageNum a { width:30px; height:100%; color:#3c3c3c; }
.paging a > img{vertical-align: top;}
.paging a.on { position:relative; height: 35px; color:#dbc414; vertical-align: top; }
.paging a.on span { position:absolute; left:0; top:-3px; bottom:-3px; right:0; line-height:42px; background: #957441; color:#fff; box-shadow: 0px 0px 15px #787878; border-radius:5px; }


.lr-box{margin-top: 20px;position:relative;min-height:32px;}
.lr-box .btn-left{position:absolute;top:-3px;left:0;}
.lr-box .btn-center{text-align:center;}
.lr-box .btn-right{position:absolute;top: 0px;right:0;}

.lr-box2{overflow:hidden;}
.lr-box2 .btn-left{float:left;}
.lr-box2 .btn-right{float:right;}

a.btn{min-width: 114px;height: 46px;line-height: 46px;color:#fff;text-align:center;font-size: 18px;/* border-radius: 5px; */padding: 0 15px;}
a.btn:hover { opacity:0.9; }
a.btn:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}
a.btn.black{background: #000000;width: 80px;height: 35px;line-height: 35px;min-width: auto;border: 1px solid #3f3b3b;font-size: 14px;padding: 0;border-radius: 5px;}
a.btn.grey{/* background: #69727d; */color: #fff !important;}
a.btn.green{background: #9d0623;border-radius: 7px;color: #ffffff !important;font-size: 14px;width: 80px;height: 35px;min-width: auto;line-height: 35px;font-weight: 500;}
a.btn.green2{background: #000000;color: #ffffff !important;border-radius: 0;min-width: auto;padding: 0;width: 70px;font-size: 14px;height: 35px;border-radius: 5px;line-height: 35px;border: 1px solid #3f3b3b;}
a.btn.red{background: #df4442;color: #fff !important;font-family: 'Youandi_Modern';}
a.btn.red2{background: #f50;color: #fff !important;font-family: 'Youandi_Modern';}
a.btn.orange{background: #f50;color: #fff !important;font-size: 16px;border-radius: 10px;min-width: 145px;}

.boardWrite a.btn.green { width:auto; padding:0 18px; background:linear-gradient(#7e0923, #b61332) }
a.btn.ask { width:auto; padding:0 13px; background:#8b6e5c; height:35px; line-height: 35px; font-size:14px; color:#ffffff; border-radius:7px; }
a.btn.purple-bd { 
    background: #000000;
    color: #ffffff !important;
    border-radius: 0;
    min-width: auto;
    padding: 0;
    width: 80px;
    font-size: 14px;
    height: 35px;
    border-radius: 5px;
    line-height: 35px;
    border: 1px solid #3f3b3b;
 }

.sub-lfctrt2 .left-box .header-tit{font-size: 13px;font-weight: 800;color: #ff5500;padding: 15px 15px 10px;height: auto;}
.sub-lfctrt2 .left-box .header-tab-cont { padding-bottom:10px; }
.sub-lfctrt2 .left-box .header-tab-cont > div.header-tab-cont-tab2 > ul > li,
.sub-lfctrt2 .left-box .header-tab-cont > div.header-tab-cont-tab3 > ul > li{padding:0 15px;}
.sub-lfctrt2 .left-box .header-tab-cont > div.header-tab-cont-tab2 > ul > li > a{background: url(../images/sub/nav-off.png) no-repeat right center;}
.sub-lfctrt2 .left-box .header-tab-cont > div.header-tab-cont-tab2 > ul > li > a.on{background:url(../images/sub/nav-on.png) no-repeat right center;}
.sub-lfctrt2 .left-box .header-tab-cont > div > ul > li .count{background: #2e333d;color: #c6c6c6;}


.betslip-tit{background: #2e333d;/* border-radius:5px; */text-align:center;height:32px;line-height:32px;font-size:12px;font-weight: 800;color: #a2a6ae;margin: 10px 10px 0;}

.table-tit{}
.table-style1{background: #1f1f1f;border: 1px solid #6c2c34;/* border-radius:13px; *//* box-shadow:0px 0px 17px #000; */position: relative;margin-top: 10px;}
.table-style1:before{display: none;content:"";position:absolute;top:0;left:0;width: 100%;height: 100%;z-index: 0;box-shadow: inset 1px 1px 2px #333436;border-radius: 13px;}
.table-style1 > .box{position: relative;z-index:2;}
.table-style1 > .box > dl{display:table;width:100%;}
.table-style1 > .box > dl + dl{border-top: 1px solid #34393f;}
.table-style1 > .box > dl > *{display:table-cell;vertical-align:middle;padding:10px 0;height: 70px;}
.table-style1 > .box > dl > dt{width:145px;font-size:14px;color:#d2d2d2;}
.table-style1 > .box > dl > dd{font-size:13px;color:#6d6d6d;}
.table-style1 > .box > dl > dd > span{font-size:13px;}
.table-style1 > .box > dl > dd > span.check-bg { display:inline-block; margin:0 5px 0 0; }
.table-style1 > .box > dl > dd > span.check-bg label {background: linear-gradient(#303030, #1f1f1f);color: #f3c089 !important;border-radius: 10px;display: inline-block;/* min-width: 114px; */height: 45px;padding: 0 20px;line-height: 46px;line-height: 43px;text-align: center;font-size: 14px; font-family: "a3";border: 1px solid #414141;}
.table-style1 > .box > dl > dd > span.check-bg label input { display:none; }
.table-style1 > .box > dl > dd > span.check-bg.on label { border:1px solid #edc878; background:#c1a979; font-size:14px; color:#1f1f1f !important;}
.table-style1 > .box > dl > dd > input, .table-style1 > .box > dl > dd > select{width:190px;margin-right:10px;border: 1px solid #474747;border-radius: 8px;background: #2d2d2d;padding: 0 10px;line-height: 25px;height: 45px;color: #fff;font-size: 13px;box-sizing: border-box;}
.table-style1 > .box > dl > dd > select{background: url(../images/common/select-bg.gif) no-repeat right 10px center #1d2329;}
.table-style1 > .box > dl > dd > input.orange{color: #f50 !important;}
.table-style1 > .box > dl > dd > input.w283{width:283px;}
.table-style1 > .box > dl > dd p.money{color: #f2d09e;font-size:22px;display:inline-block;margin-right:10px;font-family: "a3";}
.table-style1 > .box > dl > dd p.money > span{color:#bdbdbd;font-size:13px;font-weight:700;}
.table-style1 > .box > dl > dd a.h31{height:31px;line-height:31px;width:73px;}
.table-style1 > .box > dl > dd a.h45{height:45px;line-height:45px;width:143px;margin-right:10px;}
.table-style1 > .box > dl > dd a.h45 > span{font-weight:700;font-size:16px;}
.table-style1 > .box > dl > dd .btn-all > a{background: linear-gradient(#f1f1f1, #c1c1c1);color: #1f1f1f;font-size:14px;width:83px;line-height: 45px;text-align:center;border-radius: 10px;font-family: "a3";margin-right:2px;}
.table-style1 > .box > dl > dd .btn-all > a:hover{background:linear-gradient(#c1c1c1, #f1f1f1);}
.table-style1 > .box > dl > dd .btn-all > a.first{background: #888888;color: #ffffff;}
.table-style1 > .box > dl > dd .btn-all > a.first:hover{color:#fff;}

.table-style1 > .box > dl.dl2 > dt{vertical-align:top;padding-top: 25px;}
.table-style1 > .box > dl.dl2 > dd input, 
.table-style1 > .box > dl.dl2 > dd select{width:190px;margin-right:10px;border: 1px solid #404447;border-radius: 8px;background: #1d2329;padding: 10px 20px;line-height: 25px;height: 45px;color: #fff;font-size: 13px;}
.table-style1 > .box > dl.dl2 > dd p{margin-top:10px;padding-top:10px;border-top: 1px solid #34393f;}
.table-style1 > .box > dl.dl2 > dd p:first-child{border:0;margin:0; padding:0;}


.table-style1{}
.table-style1 table thead th{font-size: 12px;color: #d4d4d4;height: 36px;background: #1f1f1f;}
.table-style1 table thead tr th:first-child{border-left:0;}
.table-style1 table tbody th{background: #323637;font-weight:700;color:#fff;text-align:left;height: 39px;}
.table-style1 table tbody th font{color:#fff;}
.table-style1 table tbody td{text-align:center;font-family:"tahoma";color:#fff;background: #000;padding: 2px;}
.table-style1 table tbody td .tbg{position:relative;border: 1px solid #474747;overflow:hidden;line-height:37px;padding: 0 10px;margin: 0px 0;}
.table-style1 table tbody td .tbg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;/* border-top:1px solid #646464; *//* border-left:1px solid #646464; *//* border-radius:4px; */}
.table-style1 table tbody td .tbg:hover,
.table-style1 table tbody td .tbg.on{border: 1px solid #10bbff;}
.table-style1 table tbody td .tbg:hover::before,
.table-style1 table tbody td .tbg.on::before{/* border-top:1px solid #564c4c; *//* border-left:1px solid #564c4c; */}
.table-style1 table tbody td .vs{font-weight:bold;}



.cont_row{position:relative;}
.cont_row *{/* font-family:'ns'; */}
.bonus-tit{font-size:12px;color: #8e969b;margin: 20px 0 10px;}
.bonus-tit span.blue{font-size:14px;color: #dc294a !important;}
.bonus-tit span.yellow{font-size: 14px;color: #fff !important;}
.bonus-tit span.small {font-size: 12px;color: #cdcdcd;}
.bonus_folder{overflow:hidden;}
.bonus_folder > ul{margin-left: -6px;overflow: hidden;}
.bonus_folder > ul > li{float:left;width: calc(100% / 3 - 6px);margin-left: 6px;}
.bonus_folder.num1 > ul > li{float:left;width:100%;}
.bonus_folder > ul > li > a{display:block;background: #4f412c;border: 1px solid #846a42;height: 35px;line-height: 35px;padding:0 10px;font-size: 13px;color: #ffffff;}
.bonus_folder > ul > li > a:hover{}
.bonus_folder > ul > li > a .lf{float:left;}
.bonus_folder > ul > li > a .lf .yellow{color:#f5e810 !important;}
.bonus_folder > ul > li > a .lf .red{color: #ef4444 !important;}
.bonus_folder > ul > li > a .lf .green{color: #e2bd11 !important;}
.bonus_folder > ul > li > a .lf .blue{color: #16c2c2 !important;}
.bonus_folder > ul > li > a.g_gr_c .lf .yellow,
.bonus_folder > ul > li > a.g_gr_c .lf .red,
.bonus_folder > ul > li > a.g_gr_c .lf .green,
.bonus_folder > ul > li > a.g_gr_c .lf .blue{/* color:#fff !important; */}
.bonus_folder > ul > li > a.g_gr_c .rt{/* color: #fff; */}


.bonus_folder > ul > li > a .rt{float:right;text-align:center;font-size: 14px;color: #ef4444;}
.bonus_folder > ul > li:nth-child(2) > a .rt { color:#e2bd11 !important; }
.bonus_folder > ul > li:nth-child(3) > a .rt { color:#16c2c2 !important; }


/********************************************************
 game css : 
********************************************************/
/* game -  */
.game_data {/* font-family: 'Nanum Gothic',dotum,sans-serif; */}
.game_row {display: block;/* font-family: 'Nanum Gothic',dotum,sans-serif; */}

/* game -  */
.game_head {overflow: hidden;border: 1px solid #6c2c34;}
.game_head table {width: 100%;table-layout: fixed;background-color: #1f1f1f;}
.game_head table thead th {height: 36px;color: #d4d4d4;font-size: 12px;}

/* game -   */
.g_head {clear: both;overflow: hidden;height: 38px;line-height: 40px;/* margin: 10px 0 2px 0; *//* background-color: #0d0d0d; */text-align: left;letter-spacing: -1px;font-size: 13px;padding-left: 0;}
/*.g_head.bg {height: 36px; line-height: 36px; background-color: #EFF0F1;}*/
.g_head img {/* width: 22px; */margin: 0px 0 0 7px;vertical-align: middle;}
.g_head span {display: inline-block;margin-left: 8px;color: #dddfe2 !important;}
.g_head i.iconfont{color: #969696;display: inline-block;/* vertical-align: middle; */width: 20px;margin-right: 10px;/* font-size: 21px; */}
.g_head em {text-decoration: none;color: #dadada;font-weight: normal;font-style: normal;}
.g_head em strong {color: #dadada;font-weight: normal;}

/* game -   */
.g_league_1 {color: #969696;}
.g_league_2 {color: #f8376b;}
.g_league_3 {color: #e649fa;}
.g_league_4 {color: #fa7949;}
.g_league_5 {color: #00d3db;}
.g_league_6 {color: #00c45b;}

/* game -   */
.game_sub {display: none;}
.game_sub.on {display: block}

/* game -   */
.g_item {overflow: hidden; display: block;}
.g_item a{display:block;}
.g_item::after {content: '';/* display: block; *//* clear: both; */}
.g_item li {float: left;height: 35px !important;line-height: 35px !important;letter-spacing: 0px;margin-left: 2px;background: #1f1f1f;border: 1px solid #3f3b3b;overflow: hidden;white-space: nowrap;}
.g_item li:first-child{margin-left:0;}
.g_item li img {display: inline-block;vertical-align: middle;}
.g_item li.last-over{background:#202022 !important;color:#656565;border:1px solid #2d2d2f !important;}
.g_item li.last-over *{color: #656565 !important;}
.g_item li.last-over img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
 
.g_day {width: calc(12% - 2px);text-align: center;color: #c7c7c7;font-size: 13px;}
.g_day span {color: #c7c7c7;}
/* game -    */
.g_home {width: calc(33% - 2px);margin-right: 1px;padding: 0 10px;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;font-weight: bold;border: 1px solid #d1d2d3;}
.g_odd {width: calc(10% - 2px);margin-right: 1px;text-align: center;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;font-weight: bold;border: 1px solid #d1d2d3;}
.g_away {width: calc(33% - 2px);padding: 0 10px;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;font-weight: bold;border: 1px solid #d1d2d3;}

/* game -    */
.g_home_h_s {width: calc(33% - 2px); margin-right: 1px; padding: 0 10px; cursor: pointer; font-weight: bold;}
.g_odd_h_s {width: calc(12% - 2px); margin-right: 1px; text-align: center; cursor: pointer; font-weight: bold;}
.g_away_h_s {width: calc(33% - 2px); padding: 0 10px; cursor: pointer; font-weight: bold;}

/* game -    */
.g_home_sc {width: calc(33% - 2px); margin-right: 1px; padding: 0 10px; cursor: pointer; font-weight: bold;}
.g_odd_sc {width: calc(12% - 2px); margin-right: 1px; text-align: center; cursor: pointer; font-weight: bold;}
.g_away_sc {width: calc(33% - 2px); padding: 0 10px; cursor: pointer; font-weight: bold;}

.g_home_ed {width: calc(29% - 2px); margin-right: 1px; padding: 0 10px; cursor: pointer; font-weight: bold;}
.g_odd_ed {width: calc(7% - 2px); margin-right: 1px; text-align: center; cursor: pointer; font-weight: bold;}
.g_away_ed {width: calc(28% - 2px); padding: 0 10px; cursor: pointer; font-weight: bold;}

/* game -    */
.g_home_n, .g_home_o, .g_home_d {width: 82%;float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.g_away_n, .g_away_o, .g_away_d  {width: 82%;float: right;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.g_home_odd_n, .g_home_odd_o, .g_home_odd_d {width: 18%;float: right;position: relative;}
.g_away_odd_n, .g_away_odd_o, .g_away_odd_d {width: 18%;float: left;position: relative;}
.g_odd_n, .g_odd_o, .g_odd_d, .g_odd_h {display: block;}

.g_home_odd_n .hot, 
.g_home_odd_d .hot,
.g_away_odd_n .hot,
.g_away_odd_d .hot{font-size: 13px;font-weight:700;color: #54ff00;margin: 0 2px;font-family: 'Youandi_Modern';}

.g_home_odd_o .hot,
.g_away_odd_o .hot{color: #fff;}


.g_gr_c .g_home_odd_o .hot, 
.g_gr_c .g_away_odd_o .hot{color: #fff;}


.g_home_n {color: #fff;text-align: left;font-size: 13px;}
.g_home_odd_n {color: #fff;text-align: right;font-size: 13px;}
.g_odd_n {color: #fff;text-align: center;font-size: 13px;}
.g_away_odd_n {color: #fff;text-align: left;font-size: 13px;}
.g_away_n {color: #fff;text-align: right;font-size: 13px;}

.g_home_o {color: #fff;text-align: left;font-size: 13px;}
.g_home_o.gold { color:#c6af7f; }
.g_home_odd_o {color: #fff;text-align: right;font-size: 13px;}
.g_odd_o {color: #fff;text-align: center;font-size: 13px;}
.g_away_odd_o {color: #fff;text-align: left;font-size: 13px;}
.g_away_o {color: #fff;text-align: right;font-size: 13px;}
.g_home_o span, .g_away_o span {color: #fff!important;}

.g_home_d {color: #838383;text-align: left;font-size: 13px;}
.g_home_odd_d {color: #838383;text-align: right;font-size: 13px;}
.g_odd_d {color: #838383 !important;text-align: center;font-size: 13px;}
.g_away_odd_d {color: #838383;text-align: left;font-size: 13px;}
.g_away_d {color: #838383;text-align: right;font-size: 13px;}

.g_odd_h {color: #fff !important;text-align: center;font-size: 13px;}

/* game -    */
.g_more {text-align: center; font-size: 13px;}
.g_more img {vertical-align: middle;}
.g_more.list {width: calc(6% - 2px);}
.g_more.list span{font-size: 13px;color: #a4a7aa !important;}
.g_more.icon {width: calc(6% - 2px);}
.g_more.bet {width: calc(6% - 2px);}
.g_more.bet .mrbt {color: #aaa;}
.g_more.bet .mred {color: #777;}
.g_more.scr {width: calc(6% - 2px);color: #737373;}
.g_more.scr b{color: #fff !important;font-size: 13px;}
.g_more.win {width: calc(6% - 2px); color: #e22f2f;}
.g_more.win b span{ color:#e22f2f !important; font-family:"a3" }
.g_more.win b span.tx_blue { color:#15bfbf !important }
.g_more.win b span.tx_yell { color:#fff !important }
.g_more.win b span.tx_white { color:#fff !important }

/* game -    */
.g_gr_nt {background-color: #2f4657;}
.g_gr_nto {background-color: #2fb3ed;}
.g_gr_n {background-color: #151517;/* border: 1px solid #2d2d2f; */}
.g_gr_o {/*background: #2e333d !important; */border: 1px solid #6d5d44 !important; }
.g_gr_c {border: 1px solid #f3c089 !important; background:#4f412c !important; }
.g_gr_d {background-color: #272727 !important;border: 1px solid #373737 !important;}
.g_gr_sc {background-color: #3b3331;}

.g_gr_o .divd2.name{color: #fff;}
.g_gr_c .divd2.name{color: #fff !important;}
.g_gr_o .divd{color: #fff;}
.g_gr_c .name{color: #fff !important;}

/* game -    */
.g_list_hold {}
.g_list_hold span {color: #ea3fd3;}
.g_list_hold em {color: #f3c089;}
.g_list_view {background: #4f412c;}
.g_list_view span {color: #ffc600;}
.g_list_view em {color: #fff;}

.g_list_hold, .g_list_view {width: 100%;height: 35px;margin-left: 1px;line-height: 35px;display: inline-block;cursor: pointer;text-align: center;position: relative;}
.g_list_hold span, .g_list_view span {display: inline-block;font-size: 12px;margin: 0 5px 0 0;}
.g_list_hold em, .g_list_view em {display: inline-block;font-style: normal;font-size: 13px;font-family: "a2";}

.g_list_view::before{content:"";position:absolute;top: -1px;left: -2px;width: calc(100% + 2px);height:100%;border: 3px solid #c5ad7d;box-sizing: border-box;}

/* game -  //   */
.g_evt {width: 40px; height: 36px; line-height: 36px; text-align: center;}
.g_evt img {vertical-align: middle;}
.g_lg {width: calc(14% - 2px);height: 36px;line-height: 36px;text-align: left;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.g_lg img {/* width: 26px; *//* height: 16px; */margin: -2px 0 0 5px;vertical-align: middle;}
.g_lg span {color: #fff;}

/* game -  //  */
.g_info {padding: 2px;margin-top: 5px;}
.g_info ul {display: table;border: 1px solid #2e2c44;color: #fff;}
.g_info ul li {display: table-cell; width: 1%; height: 34px; line-height: 34px; text-align: center;}
.g_info ul li input[type="checkbox"] {vertical-align: middle; height: 34px; line-height: 34px;}

.realtimebet{margin:0 10px;overflow:hidden;}
.realtimebet > .tit{height: 31px;line-height: 31px;text-align:center;/* border-bottom:1px solid #2c2f31; */font-size: 14px;font-weight:700;color: #fff;background: #2e333d;/* border-radius: 5px; */}
.realtimebet > .cont{padding: 10px 0 20px;margin-top: -10px;margin-left: -20px;border-bottom: aliceblue;font-size:0;overflow: hidden;}
.realtimebet > .cont > a{margin-left: 20px;margin-top: 10px;color:#ccc;text-align:center;font-size:18px;color:#ccc;font-size: 0;float: left;width: calc(100% / 6 - 20px);}
.realtimebet > .cont > a span{display:inline-block;border: 2px solid #2e333d;overflow:hidden;}
.realtimebet > .cont > a:hover span{border: 2px solid #ff5500;}
.realtimebet > .cont > a span:last-child{display:block;border:0;font-size: 16px;font-weight: 700;color: #c4c4c7;margin-top: 10px;}
.realtimebet > .cont > a:hover span:last-child{border:0;}

.realtimebet > .cont > a img{max-width:100%;}

.realtimebet.mini-game-list > .cont { display:flex; flex-wrap: wrap; }

.casino-tit{height: 31px;line-height: 31px;text-align:center;/* border-bottom:1px solid #2c2f31; */font-size: 14px;font-weight:700;color: #fff;background: #404654;/* border-radius: 5px; */margin-bottom: 10px;}
.casino-box{overflow:hidden;}
.casino-box > ul{margin-left: -33px;margin-top: -30px;}
.casino-box > ul > li{float:left;width: calc(100% / 4 - 33px);margin-left: 33px;margin-top: 30px;text-align:center;}
.casino-box > ul > li a{display:block;}
.casino-box > ul > li a span{display:block;}
.casino-box > ul > li a:hover span.img img{opacity:0.8;}
.casino-box > ul > li .img img{max-width:100%;}
.casino-box > ul > li .txt{margin-top:10px;font-size: 16px;font-weight:700;color: #c4c4c7;}


.power-box{background: #1f1f1f;border: 1px solid #f3c089;height: 55px;margin-top: 0;margin-bottom: 5px;padding: 0 20px;overflow: hidden;/* border-radius: 8px; */}
.power-box .left{float:left;position: relative;}
.power-box .left > li{color: #a1a8a9;font-size: 14px;}
.power-box .left > li:first-child{font-size:20px;font-family:"a3";color:#fff;margin-bottom: 8px;line-height: 55px;}
.power-box .left > li:first-child span{font-weight: 700;color: #deb71f !important;}
.power-box .left > li:first-child i{font-size: 22px;font-weight: 700;color: #fff;}
.power-box .left > li:first-child span i{color: #e8cd63;} 
/* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
    cursor: pointer;
}

.flip-clock-wrapper a:hover {
    color: #fff;
}

.flip-clock-wrapper ul {
    list-style: none;
}

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
    content: " ";
    display: table;
}

.flip-clock-wrapper.clearfix:after {
    clear: both;
}

.flip-clock-wrapper.clearfix {
    *zoom: 1;
}

/* Main */
.flip-clock-wrapper {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    -webkit-user-select: none;
}

.flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important;
}

.flip-clock-meridium a {
    color: #313333;
}

.flip-clock-wrapper {float: right;margin-top: 4px;}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 0 2px;
    width: 34px;
    height: 39px;
    border-radius: 10px;
    background: linear-gradient(#453f29, #312d1d, #201d13);
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 52px;
    text-decoration: none !important;
    box-shadow: -1px -1px 1px #1e1c12;
    border-radius: 4px;
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2;
}

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
}

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    overflow: hidden;
    outline: 1px solid transparent;
    font-size: 24px;
    font-family: "Arial";
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0;
}

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #111;
}

.flip-clock-wrapper ul li a div.up::before{content:"";position:absolute;bottom: 0px;left:0;z-index: 2;width:100%;height: 13px;background:url(../images/sub/clock.png) no-repeat;}
.flip-clock-wrapper ul li a div.down::before{content:"";position:absolute;top: -7px;left:0;z-index: 2;width:100%;height:13px;background:url(../images/sub/clock.png) no-repeat;}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #cacaca;
    text-align: center;
    background: #323232;
    border-radius: 3px;
    font-size: 24px;
    line-height: 39px;
    font-weight: 700;
    box-shadow: inset 2px 1px 1px #1a1810;
    font-family: "Arial";
    text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0;
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0;
}

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3;
}

.flip-clock-wrapper .flip {
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd 0.5s 0.5s linear both;
    -moz-animation: asd 0.5s 0.5s linear both;
    animation: asd 0.5s 0.5s linear both;
    z-index: 5;
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 24px;
    height: 39px;
}

.flip-clock-divider:first-child {
    width: 0;
}

.flip-clock-dot {
    display: block;
    background: #a09f9a;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 9px;
    border-radius: 50%;
}

.flip-clock-divider.minutes .flip-clock-label {
    color: #fafafa;
    right: -88px;
    display: none;
}

.flip-clock-divider.seconds .flip-clock-label {
    color: #fafafa;
    right: -91px;
    display: none;
}

.flip-clock-dot.topx {
    top: 10px;
    display: block !important;
}

.flip-clock-dot.bottom {
    bottom: 10px;
}

@-webkit-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn 0.5s 0.5s linear both;
    -moz-animation: turn 0.5s 0.5s linear both;
    animation: turn 0.5s 0.5s linear both;
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg);
    }

    100% {
        -webkit-transform: rotateX(0deg);
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg);
    }

    100% {
        -moz-transform: rotateX(0deg);
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg);
    }

    100% {
        -o-transform: rotateX(0deg);
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 0.5s linear both;
    -moz-animation: turn2 0.5s linear both;
    animation: turn2 0.5s linear both;
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateX(-90deg);
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0deg);
    }

    100% {
        -moz-transform: rotateX(-90deg);
    }
}


@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0deg);
    }

    100% {
        -o-transform: rotateX(-90deg);
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg);
    }

    100% {
        transform: rotateX(-90deg);
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3;
}

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.3s linear both;
}

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.2s linear both;
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.game-select-box-cont1 {/* padding:15px; */margin-top: 3px; margin-bottom: 15px;/*overflow:hidden;*/margin-left: -10px;padding:0 0 3px; }
.superpower .game-select-box-cont1 { margin-left:0; }
.game-select-box-cont1:after { content:""; clear:both; display:block; }
.game-select-box-cont1 > div.left,
.game-select-box-cont1 > div.right{float:left; background: #141414; width:calc(100% - 10px); margin-left:10px; border: 1px solid #353535; margin-top:10px; }

.game-select-box-cont1 > div.per-18 { width:calc(18% - 10px); }
.game-select-box-cont1 > div.per-25 { width:calc(25% - 10px); }
.game-select-box-cont1 > div.per-28 { width:calc(28% - 10px); }
.game-select-box-cont1 > div.per-35 { width:calc(35% - 10px); }
.game-select-box-cont1 > div.per-60 { width:calc(60% - 10px); }
.game-select-box-cont1 > div.per-65 { width:calc(65% - 10px); }
.game-select-box-cont1 > div.per-20 { width:calc(20% - 10px); }
.game-select-box-cont1 > div.per-40 { width:calc(40% - 10px); }
.game-select-box-cont1 > div.per-50 { width:calc(50% - 10px); }
.game-select-box-cont1 > div.per-72 { width:calc(72% - 10px); }
.game-select-box-cont1 > div.per-33 { width:calc(100% / 3 - 10px); }

.game-select-box-cont1 .small-tit{font-size:13px;font-weight: 500;color: #fff; padding:10px 0; border-bottom: 1px solid #000000; text-align:center; background: #3b3b3b; }
.game-select-box-cont1 .small-tit span{color: #ff009c;}
.game-select-box-cont1 .small-tit span.yellow{color:#fae00f !important;}
.game-select-box-cont1 .small-tit i{font-size:16px;color: #deb829;margin-right:5px;vertical-align: middle;}


.game-select-box-cont1 .cont{ padding:10px 10px 10px; }
.game-select-box-cont1 .cont ul{margin-left: -7px;/*overflow: hidden;*/}
.game-select-box-cont1 .cont ul:after { content:""; clear:both; display:block; }
.game-select-box-cont1 .cont ul li{cursor:pointer;float:left;width:calc(100% / 2 - 10px);margin-left: 10px; /*background: linear-gradient(#404047, #2f2f38);*/text-align: center;/*border-radius: 5px;*/}
.game-select-box-cont1 .cont ul li:hover > div { border: 2px solid #ddad33; box-shadow: inset 0 0 59px #4c3e14; }
.game-select-box-cont1 .cont ul li.on .game-ctrl { border: 2px solid #ddad33; box-shadow: inset 0 0 59px #4c3e14;  }
/* .game-select-box-cont1 .cont ul li:hover > div p,
.game-select-box-cont1 .cont ul li.on .game-ctrl p { background:#e6de0f; color:#000; } */

.game-select-box-cont1 .cont ul li .blue-box {  border-radius:10px; border:2px solid #083373; }
.game-select-box-cont1 .cont ul li .red-box { border-radius:10px; border:2px solid #5c1f1f; }
.game-select-box-cont1 .cont ul li .green-box { border-radius:10px; border:2px solid #1d5949; }

.game-select-box-cont1 .cont ul.ul3 li { width:calc(100% / 3 - 10px);}
.game-select-box-cont1 .cont ul.ul4 li { width:calc(100% / 4 - 10px);}
.game-select-box-cont1 .cont ul.ul5 li { width:calc(100% / 5 - 10px);}
.game-select-box-cont1 .cont ul.ul6 li { width:calc(100% / 6 - 10px);}
.game-select-box-cont1 .cont ul.ul9 li { width:calc(100% / 9 - 10px);}
.game-select-box-cont1 .cont ul.ul10 li { width:calc(100% / 10 - 10px);}

.game-select-box-cont1 .small .game-ctrl {
    padding: 5px 15px;
    box-sizing: border-box;
}
.game-select-box-cont1 .cont ul:after {
    content: "";
    clear: both;
    display: block;
}
.game-select-box-cont1 .small .game-ctrl p {
    position: relative;
    float: left;
    width: 38px;
    height: 38px;
    font-size: 18px;
    line-height: 38px;
}
.game-select-box-cont1 .small .game-ctrl span {float: right; margin-top:0; line-height:38px; }
.game-select-box-cont1 .cont+.cont { padding-top:0; }
.game-select-box-cont1 .small .game-ctrl p em {
    position: absolute;
    top: 0;
    font-style: normal;
    width: 15px;
    height: 15px;
    line-height: 15px;
    background: #fff;
    font-size: 12px;
    color: #0066ff;
    border-radius: 15px;
    text-align: center;
    /* font-family: Arial; */
font-family: a2;font-weight: 500;}
.game-select-box-cont1 .small .game-ctrl p em.numLeft {left: -5px;}
.game-select-box-cont1 .small .game-ctrl p em.numRight {right: -5px;}

.game-select-box-cont1 .small .red-box .numLeft,
.game-select-box-cont1 .small .red-box .numRight { color:#fb333c; }

.game-select-box-cont2 { position:relative;}
.game-select-box-cont2 .cont{overflow:hidden;}
.game-select-box-cont2 .cont ul{margin-left: -4px;overflow: hidden;}
.game-select-box-cont2 .cont ul li{cursor:pointer;float:left;width: calc(100% / 4 - 4px);margin-left: 4px;height: 70px;background: linear-gradient(#404047, #2f2f38);text-align: center;border-radius: 5px;}
.game-select-box-cont2 .cont ul li:hover{background:#525357;}
.game-select-box-cont2 .cont ul li.on{background: linear-gradient(#e73b54, #982637);}
.game-select-box-cont2 .cont ul li.on .game-ctrl p{color:#fff;}
.game-select-box-cont2 .cont ul li.on .game-ctrl p i,
.game-select-box-cont2 .cont ul li.on .game-ctrl p em{color:#fff !important;}
.game-select-box-cont2 .cont ul.ul2:first-child{margin-top:0;}
.game-select-box-cont2 .cont ul.ul2{margin-top:5px;}
.game-select-box-cont2 .cont ul.ul2 li{width: calc(100% / 3 - 4px);}

.game-select-box-cont3 {position:relative;margin-bottom: 10px;overflow: hidden;margin-left: -30px;}
.game-select-box-cont3 .cont{overflow:hidden;}
.game-select-box-cont3 .cont ul{margin-left: -4px;overflow: hidden;}
.game-select-box-cont3 .cont ul li{cursor:pointer;float:left;width: calc(100% / 2 - 4px);margin-left: 4px;height: 70px;background: linear-gradient(#404047, #2f2f38);text-align: center;border-radius: 5px;margin-top: 4px;}
.game-select-box-cont3 .cont ul li:hover{background:#525357;}
.game-select-box-cont3 .cont ul li.on{background: linear-gradient(#e73b54, #982637);}
.game-select-box-cont3 .cont ul li.on .game-ctrl p{color:#fff;}
.game-select-box-cont3 .cont ul li.on .game-ctrl p i,
.game-select-box-cont3 .cont ul li.on .game-ctrl p em{color:#fff !important;}

.game-select-box-cont4 { position:relative;}
.game-select-box-cont4 .cont{overflow:hidden;}
.game-select-box-cont4 .cont ul{margin-left: -4px;overflow: hidden;}
.game-select-box-cont4 .cont ul li{cursor:pointer;float:left;width: calc(100% / 3 - 4px);margin-left: 4px;height: 70px;background: linear-gradient(#404047, #2f2f38);text-align: center;border-radius: 5px;}
.game-select-box-cont4 .cont ul li:hover{background:#525357;}
.game-select-box-cont4 .cont ul li.on{background: linear-gradient(#e73b54, #982637);}
.game-select-box-cont4 .cont ul li.on .game-ctrl p{color:#fff;}
.game-select-box-cont4 .cont ul li.on .game-ctrl p i,
.game-select-box-cont4 .cont ul li.on .game-ctrl p em{color:#fff !important;}

.game-select-box-cont5 { position:relative;}
.game-select-box-cont5 .cont{overflow:hidden;}
.game-select-box-cont5 .cont ul{margin-left: -4px;overflow: hidden;}
.game-select-box-cont5 .cont ul li{cursor:pointer;float:left;width: calc(100% / 6 - 4px);margin-left: 4px;height: 70px;background: linear-gradient(#404047, #2f2f38);text-align: center;border-radius: 5px;}
.game-select-box-cont5 .cont ul li:hover{background:#525357;}
.game-select-box-cont5 .cont ul li.on{background: linear-gradient(#e73b54, #982637);}
.game-select-box-cont5 .cont ul li.on .game-ctrl p{color:#fff;}
.game-select-box-cont5 .cont ul li.on .game-ctrl p i,
.game-select-box-cont5 .cont ul li.on .game-ctrl p em{color:#fff !important;}

.game-select-box-cont6 {position:relative;margin-bottom: 10px;overflow: hidden;}
.game-select-box-cont6 .cont{overflow:hidden;}
.game-select-box-cont6 .cont ul{margin-left: -4px;overflow: hidden;}
.game-select-box-cont6 .cont ul li{cursor:pointer;float:left;width: calc(100% / 2 - 4px);margin-left: 4px;height: 70px;background: linear-gradient(#404047, #2f2f38);text-align: center;border-radius: 5px;margin-top: 4px;}
.game-select-box-cont6 .cont ul li:hover{background:#525357;}
.game-select-box-cont6 .cont ul li.on{background: linear-gradient(#e73b54, #982637);}
.game-select-box-cont6 .cont ul li.on .game-ctrl p{color:#fff;}
.game-select-box-cont6 .cont ul li.on .game-ctrl p i,
.game-select-box-cont6 .cont ul li.on .game-ctrl p em{color:#fff !important;}
.round,
.square{ width:100%; background:#000000; text-align:center; padding-top: 12px; padding-bottom: 15px; }
.square p{ font-size: 22px; display:inline-block; color:#fff; width:52px; height:52px; line-height:52px; border-radius:50%; }
.square span{display:block;font-size: 13px; margin-top: 10px;}
.square p.font-14 { font-size:14px; }
.pSmall .square p { font-size:14px; }
.blue-box{display: inline-block;font-size: 18px; color:#fff;}
.blue-box p{ vertical-align:middle; color: #fff; background:linear-gradient(#5a96f0,#0066ff); }
.blue-box p span{display:block;font-size: 12px; color: #fff; }
.red-box{display:inline-block; font-size: 18px; color:#fff;}
.red-box p{ vertical-align:middle; color: #fff; background:linear-gradient(#f36969,#ff3333); }
.red-box p span{display:block;font-size:13px; color: #fff;margin-top: 6px;}
.orange-box{display:inline-block;width:70px;height:70px;background:linear-gradient(#e99267, #d74601);font-size:30px;font-weight:700;color:#fff;}
.orange-box p{width: 1%;height:70px;display:table-cell;vertical-align:middle;}
.orange-box p span{display:block;font-size:13px;}
.green-box{display: inline-block; font-size: 18px; color:#fff;}
.green-box p{ vertical-align:middle; color: #fff; background:linear-gradient(#27d4a7,#03a57b); }
.green-box p span{display:block;font-size:13px; color: #fff; }


.betting_lock {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(26, 25, 33, 0.8);
    z-index: 2;
    border: 2px solid #2e333d;
    border-radius: 5px;
}
.line-center {
    top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 145px;
    margin: auto;
    padding-top: 86px;
    text-align: center;
    font-size: 23px;
    font-weight: bolder;
    color: #fff;
    background: url(../images/sub/betting_close.png) no-repeat center top;
}
.line-center .produce { font-size:13px; color:#999999; margin:10px 0 0; }



.game-ctrl .red{color: #e73b54 !important;}
.game-ctrl .blue{color: #1dcbf6 !important;}
.game-ctrl .green{color:#44d631 !important;}
.game-ctrl .yellow{color:#A7A450 !important;}
.game-ctrl .black{color:#6C6868 !important;}
.game-ctrl i{font-weight: 800;}
.game-ctrl em{color:#dadae0;font-style:normal;font-weight: 800;}


.line-three .cont{margin-left: -14px;}
.line-three .cont ul{width: calc(100% / 3 - 10px);float: left;margin-top: 0 !important;margin-left: 10px;}

.game-iframe-close{width:100%;height: 30px;line-height: 30px;text-align:center;background: #404654;/* border-radius: 5px; */border:0;color: #9b9b9d;/* margin-top: 5px; */margin-bottom: 30px;}
.game-iframe-close.on{color: #9b9b9d;}
.game-iframe-close:hover{background: #404654;}
.game-iframe{margin-top:1px;min-width: 835px;}
.game-iframe-cont{background: #141414 url(../images/sub/game-iframe-bg.png) no-repeat;border: 1px solid #f3c089;text-align:center;background-size: cover;margin: 20px 0 0 0;}

.section-box{margin-bottom: 10px;overflow: hidden;position:relative;}
.section-box-tit{/* height:40px; *//* line-height:40px; */color:#fff;font-size: 24px;font-family: "a3";}
.section-box-tit span{color: #757575;font-size:13px;}
.section-box-tit .all-del{float:right;background:#b0005b;padding:0 10px;height:22px;line-height:22px;color:#fff;border-radius: 3px;margin-top: 9px;}
.section-box-tit .all-del:hover{background:#ff0081;}
.section-box-tit i{margin-right:10px;}

/* .table-style2{border-top: 2px solid #fe5402;} */
.table-style2 table thead th{padding: 12px 0;font-size: 14px;color: #fff;background: #3b3b3b;}
.table-style2 table thead th:first-child{border-left:0;}
.table-style2 table tbody td{padding: 4px 5px;height: 40px;font-size: 14px;color: #fff;text-align:center;border-left: 1px solid #3c3c3c;border-bottom: 1px solid #3c3c3c;line-height: 1.3;background: #212121;}
.table-style2 table tbody td *{/*  */}
.table-style2 table tbody tr:hover td{}
.table-style2 table tbody tr.top-three td{background:#492624;border-left:1px solid #5c3c3a;border-bottom:1px solid #5c3c3a;}
.table-style2 table tbody tr td.left{text-align:left;padding-left: 20px;}
.table-style2 table tbody tr td:first-child{border-left:0;}
.table-style2 table tbody .icon-s{margin-right:5px;}
.table-style2 table tbody td .btn-grey{width: 60px;height:31px;line-height:31px;text-align:center;background:#515253;border:1px solid #77777a;border-radius:5px;}
.table-style2 table tbody td .btn-red{width: 60px;height:31px;line-height: 27px;text-align:center;background: #1d2329;border: 2px solid #ff5500;border-radius:5px;}
.table-style2 table tbody td span.yellow { color:#e9cd63 !important; }
.table-style2 table tbody td span.blue { color:#2f89fa !important; }

.f14{font-size:14px !important;}
.f14.font-white *{font-size: 14px;}
.font-red{color: #f43631;}
.font-red2{color: #2fd9b7;}
.font-orange{color: #ff5401;}
.font-white{color: #ffffff !important;}
.font-yellow{color: #f1b31e;}
.font-blue{color: #1de4f6;}
.font-green{color: #2acc35;}
.font-green2{color: #29bc33;}

a.iconfont.del{color: #bababa;font-size: 18px;width: 49px;height: 27px;padding: 0;line-height: 27px;font-size: 13px;color: #fb2c4a !important;background: #2e333d;border: 0;border-radius: 5px;}
a.iconfont.del2{color: #bababa;font-size: 18px;width: 49px;height: 27px;padding: 0;line-height: 27px;font-size: 13px;color: #e73b54 !important;background: #212531;border: 0;border-radius: 3px;}

.btn-box-grey{color: #bababa;font-size: 18px;display: inline-block;width: 49px;height: 27px;padding: 0;line-height: 27px;font-size: 12px;color: #fff !important;background: #585858;border: 0;border-radius: 3px;}
.btn-box-yell{color: #fff;font-size: 18px;display: inline-block;width: 49px;height: 27px;padding: 0;line-height: 27px;font-size: 12px;color: #fff !important;background: #ff5401;border: 0;border-radius: 3px;}
.btn-box-pink{color: #bababa;font-size: 18px;display: inline-block;width: 49px;height: 27px;padding: 0;line-height: 27px;font-size: 12px;color: #11191f !important;background: #2fd9b7;border: 0;border-radius: 3px;}

/********************************************************
 search : 
********************************************************/
.search {padding: 10px;margin-bottom: 10px;background-color: #1f1f1f;border: 1px solid #3f3b3b;margin-top: 15px;}
.search::after {content: ''; display: block; clear: both;}
.search span {display: inline-block;margin-right: 1px;}
.search .sch_left {float: left; color: #999;}
.search .sch_right {float: right;}
.search span input {width: 145px;}
/********************************************************
 selectbox : 
********************************************************/
.select_st {padding: 10px 59px 10px 10px;border: 1px solid #af3a00;background: #11191f url(../images/sub/select_down.png?v=2) no-repeat 90% 50%;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 40px;font-weight: 700;color: #fff;}
.select_st2 {padding: 10px 110px 10px 10px;border: 1px solid #3f3b3b;background: #1f1f1f url(../images/sub/select_down.png?v=2) no-repeat 93% 50%;color: #fff;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 35px;color: #fff;}
.select_st::-ms-expand {display: none;}
.select_st2::-ms-expand {display: none;}
.coupon_select {padding: 5px 50px 5px 13px; border: 1px solid #4f6083; background: #1d222c url(../images/sub/select_down.png?v=2) no-repeat 90% 50%; color: #999; cursor: pointer;vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.coupon_select::-ms-expand {display: none;}
/********************************************************
 input :  
********************************************************/
.input_st {padding: 10px 10px 10px 10px;border: 1px solid #ccc;}
.input_ip {border: 1px solid #111; background-color: #aaa; color: #000; resize: none; font-size: 13px; letter-spacing: -0.5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) inset;}


/********************************************************
 icon_set : 
********************************************************/
.icon_set {background: url(../images/sub/icon_set.png?v=2) no-repeat;}

/********************************************************
 botton : 
********************************************************/
.btn_st_n {display: inline-block;line-height: 1;width: 80px;height: 35px;line-height: 35px;margin: 0 0px;background-color: #215991;color: #ddd;cursor: pointer;background: #60543b;vertical-align: middle;border-radius: 3px;font-size: 14px;text-align: center;}
.btn_st_s {display: inline-block; line-height: 1; padding: 9px 14px 10px 14px; margin: 0 2px; background-color: #215991; color: #ddd; cursor: pointer; vertical-align: middle; border-radius: 3px; }
.btn_st_xs {display: inline-block; line-height: 1; padding: 6px 14px 7px 14px; margin: 0 2px; background-color: #215991; color: #ddd; cursor: pointer; vertical-align: middle; border-radius: 3px; }
.btn_st_xxs {display: inline-block; line-height: 1; padding: 8px 10px 9px 10px; margin: 0 2px; background-color: #215991; color: #ddd; cursor: pointer; vertical-align: middle; border-radius: 3px; }
.btn_st_l {display: inline-block; line-height: 1; padding: 15px 30px; margin: 0 5px; background-color: #4E7EC4; color: #fff; cursor: pointer; vertical-align: middle; text-align: center; border-radius: 3px; }
.btn_st_re {display: inline-block; width: 86px; line-height: 1; padding: 30px 0; background-color: #4E7EC4; color: #fff; cursor: pointer; vertical-align: middle; text-align: center;}

.btst_r {background-color: #b0005b;color: #fff;} /*  */
.btst_dr {background-color: #8f9194;color: #fff !important;border: 1px solid #8f9194;} /*  */
.btst_b {background-color: #0050bd;color: #fff;} /*  */
.btst_bv {background-color: #1e3572; color: #fff;} /*  */
.btst_o {background-color: #1796d3;color: #fff !important;border: 1px solid #1796d3;} /*  */
.btst_br {border: 1px solid #253981;background-color: #253981;color: #fff;} /*  */
.btst_y {background-color: #bca101;color: #2A313E;} /*  */
.btst_g {background-color: #02a89e;color: #fff;} /*  */
.btst_bg {background-color: #006465; color: #fff;} /*  */
.btst_p {background-color: #6f0e86; color: #fff;} /*  */
.btst_yg {background-color: #4f6083;color: #fff !important;} /*  */

.btn_bx, .btn_bx20, .btn_row40 {content: ''; clear: both; display: block; overflow: hidden;}
.btn_bx {padding: 10px 0 0 0;}
.btn_bx210 {padding: 20px 10px 10px 10px;}
.btn_bx20 {padding: 20px 10px 20px 10px;}
.btn_row30 {padding: 30px 0;}
.btn_row40 {padding: 40px 0;}
.btn_row20 {padding: 20px 0;}


/********************************************************
 input :  
********************************************************/
.input_st {padding: 10px 10px 9px 10px;background-color: #1f1f1f;border: 1px solid #3f3b3b;color: #d4d4d4;height: 35px;font-size: 14px;}
.input_ip {border: 1px solid #111; background-color: #aaa; color: #000; resize: none; font-size: 13px; letter-spacing: -0.5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) inset;}

/********************************************************
 font color : 
********************************************************/
.tx_red {color: #f50;}
.tx_blue {color: #00deff;}
.tx_green {color: #ae43fa;}
.tx_gray {color: #999;}
.tx_org {color: #ff6c00;}
.tx_white {color: #fff;}
.tx_yellow {color: #f6ef23;}
.tx_sky {color: #41e1ff;}
.tx_yell {color: #5177ff;font-weight: bold;}
.tx_blue_span {width: 50px;height:50px;line-height: 50px;text-align: center;background-color: #3190fd;font-size:15px;font-weight: bold;color: #fff;float: left;margin-top: 2px;font-size:0px;}
.tx_red_span {width: 50px;height:50px;line-height: 50px;text-align: center;background-color: #fc3636;font-size:15px;font-weight: bold;color: #fff;float: left;margin-top: 2px;font-size:0px;}
.tx_org_span {width: 50px;height:50px;line-height: 50px;text-align: center;background-color: #ffce00;font-size:15px;font-weight: bold;color: #fff;float: left;margin-top: 2px;font-size:0px;}
.tx_o_span {
    background: url(/images/sadari_betbut_01.png?v=2) no-repeat;
    background-position: -30px -25px;
}
.tx_e_span {
    background: url(/images/sadari_betbut_03.png?v=2) no-repeat;
    background-position: -30px -25px;
}
.tx_l_span {
    background: url(/images/sadari_betbut_05.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_r_span {
    background: url(/images/sadari_betbut_07.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_3_span {
    background: url(/images/sadari_betbut_16.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_4_span {
    background: url(/images/sadari_betbut_17.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_under_span {
    background: url(/images/power_betbut_31.png?v=2) no-repeat;
    background-position: -39px -7px;
}
.tx_over_span {
    background: url(/images/power_betbut_32.png?v=2) no-repeat;
    background-position: -39px -7px;
}
.tx_a_span {
    background: url(/images/sadari_betbut_09.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_b_span {
    background: url(/images/sadari_betbut_18.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_c_span {
    background: url(/images/sadari_betbut_11.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_d_span {
    background: url(/images/sadari_betbut_19.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_snail_span1 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: -170px 5px;
}
.tx_snail_span2 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: -170px -57px;
}
.tx_snail_span3 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: -495px 5px;
}
.tx_snail_span4 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: -495px -57px;
}
.tx_snail_span5 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: 75px 6px;
}
.tx_snail_span6 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: 75px -56px;
}
.tx_snail_span7 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: 75px -126px;
}
.tx_snail_span8 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: 75px -196px;
}
.tx_s_span {
    background: url(/images/power_betbut_13.png?v=2) no-repeat;
    background-position: 0px 0px;
    background-size: 150%;
    width: 100%;
    height:50px;line-height: 50px;
}
.tx_m_span {
    background: url(/images/power_betbut_15.png?v=2) no-repeat;
    background-position: 0px 0px;
    background-size: 150%;
    width: 100%;
    height:50px;line-height: 50px;
}
.tx_ll_span {
    background: url(/images/power_betbut_17.png?v=2) no-repeat;
    background-position: 0px 0px;
    background-size: 150%;
    width: 100%;
    height:50px;line-height: 50px;
}
.power_div {
    width: 100% !important;
    height: 25px;
    line-height: 25px;
    text-align: center !important;
}
.tx_powerbcap {
    background: url(/images/powerbca_p.png?v=2) no-repeat;
    background-position: -30px -22px;
    background-size: 190%;
    width: 100%;
    height: 70px;
    line-height: 70px;
}
.tx_powerbcab {
    background: url(/images/powerbca_b.png?v=2) no-repeat;
    background-position: -30px -22px;
    background-size: 190%;
    width: 100%;
    height: 70px;
    line-height: 70px;
}
.tx_powerbcat {
    background: url(/images/powerbca_t.png?v=2) no-repeat;
    background-position: -28px -20px;
    background-size: 185%;
    width: 100%;
    height: 70px;
    line-height: 70px;
}
.tx_o {font-weight: bold;height: 20px !important;line-height: 20px !important;}
.tx_box {width: 55px !important;height: 55px !important;line-height: 55px !important;margin-top:2px !important;}
.tx_box2 {width: 120px !important;height: 55px !important;line-height: 55px !important;margin-top:2px !important;}


.melti-wraper{/* padding: 10px 10px 40px; *//* background:#14171a; */overflow:hidden;}
.melti-v{/* height:45px; */line-height:45px;background: #1d2329;border: 1px solid #2e333d;border-top: 2px solid #ff5500;padding: 10px;overflow: hidden;}
.melti-v select{float:left;width:170px;height:45px;padding-left:15px;border: 0;background: #2e333d url(../images/sub/melti_icon1.gif) no-repeat 92% 15px;border: 1px solid #404654;border-radius: 5px;font-size:15px;font-weight:700;color:#fff;}
.melti-v select {
  -webkit-appearance: none;  
  -moz-appearance: none;
  appearance: none; 
}

.melti-v select::-ms-expand { 
  display: none;
}

.game-list{float:left;margin-left:5px;}
.game-list a{background: #404654 url(../images/sub/melti_icon2.gif) no-repeat 90% center;padding:0 30px 0 12px;margin-left:10px;height:29px;line-height:29px;font-size:15px;font-weight:700;color:#fff;border: 1px solid #404040;border-radius:16px;}
.melti-v .none{float:left;margin-left:20px;color: #f50;font-weight: 700;}

.melti-v2{overflow:hidden;margin-top: 20px;margin-left: -20px;}
.game-box{float:left;width: 420px;margin-left: 20px;}
.melti-v2 .game-box2:first-child{}
.melti-v2 .game-box2:last-child{}
.game-box .game{height: 276px;overflow:hidden;}
.game-cont-floor0{background: #1d2329;}
.game-box-1{height:311px;overflow:hidden; position:relative;}
.game-box2-1{position:relative;}
.game-box-1 .game-tit,
.game-box2-1 .game-tit{line-height: 30px;text-align:center;font-size: 14px;font-weight:700;color: #d1d1d1;background: #2e333d;}

.game-btn{background: #1d2329;overflow:hidden;padding: 10px;transition: 0.3s;}
.game-btn a{background: linear-gradient(#0c2e47, #07203b);text-align:center;}
.game-btn a:hover{background: linear-gradient(#07203b, #0c2e47);}
.game-btn span{display:inline-block;font-weight:400;color:#fff;}
.game-btn span.ball{/* width:43px; *//* height:43px; *//* border-radius:50%; *//* box-shadow: inset 0px -1px 0px #ffffff57; */}
.game-btn span.b-pink{color: #da42b5;}
.game-btn span.b-blue{color: #1dcbf6;}
.game-btn span.b-green{color: #29bc33;}
.game-btn span.b-yellow{color: #f1b31e;}
.game-btn span.b-red{color: #e73b54;}
.game-btn span.b-cyan{color: #2fc0c3;}
.game-btn ul{/* overflow:hidden; */margin-top: 4px;}
.game-btn ul:first-child{margin-top:0;margin-top: -4px;}

.game-btn ul > li{font-size:0;float:left;margin-left:4px;margin-top: 4px;}
.game-btn ul > li > a{position:relative;border-radius:6px;overflow:hidden;display:table-cell;vertical-align:middle;border: 1px solid #27405a;width: 1%;height: 40px;}
.game-btn ul > li > a::before{display: none;content:"";position:absolute;top:0;left:1px;right:1px;width:calc(100% - 2px);height:1px;background:#646464;border-radius:6px;}
.game-btn ul > li > a:hover::before,
.game-btn ul > li > a.on{background: linear-gradient(#f33434, #ff5500);border: transparent;}
.game-btn ul > li > a.on span{color: #fff;}
.game-btn ul > li > a span{position:relative;font-weight: 700;}
.game-btn ul > li > a span .iconl{position:absolute;top:5px;left:-2px;line-height: 100%;}
.game-btn ul > li > a span .iconr{position:absolute;top:5px;right:-2px;line-height: 100%;}
.game-btn ul > li > a span .iconl.num{top:-2px;left:-8px;width:17px;height:17px;line-height:17px;text-align:center;background:#fff;border-radius:50%;font-size:15px;font-weight:800;color:#000000;display: none;}
.game-btn ul > li > a span .iconr.num{top:-2px;right:-8px;width:17px;height:17px;line-height:17px;text-align:center;background:#fff;border-radius:50%;font-size:15px;font-weight:800;color:#000000;display: none;}
.game-btn ul > li .orange{color:#f1b31e;}
.game-btn ul > li .blue{color:#2b8fff;}
.game-btn ul > li .red{color:#e03d38;}
.game-btn ul > li .color1{color:#1ee5f1;}
.game-btn ul > li .color2{color:#f1b118;}
.game-btn ul > li .color3{color:#9ff11e;}
.game-btn ul > li .color4{color:#f425cb;}

.game-btn ul.two-btn1 > li{width:calc(50% - 4px);}
.game-btn ul.three-btn1 > li{width:calc(100% / 3 - 4px);}
.game-btn ul.four-btn1 > li{width:calc(100% / 4 - 4px);}
.game-btn ul.four-btn2 > li{width:calc(100% / 4 - 4px);}

.two-btn1{margin-left:-4px;}
.two-btn1 > li a{width: 1%;height:77px;}
.game-btn .two-btn1 > li a span{font-size:20px;font-weight: 700;/* width:50px; *//* height:50px; *//* line-height:50px; */}

.two-btn2{margin-left:-4px;}
.two-btn2 > li a{width: 186px;height: 54px;}
.game-btn .two-btn2 > li a span{font-size:20px;font-weight:800;width: 40px;height: 40px;line-height: 40px;}

.two-btn3{margin-left:-4px;margin-top: 9px;}
.two-btn3 > li a{width: 186px;height: 54px;}
.game-btn .two-btn3 > li a{font-size: 20px;font-weight:800;}

.three-btn1{margin-left:-4px;margin-top:4px;}
.three-btn1 > li a{width: 122px;height:41px;}
.game-btn .three-btn1 > li a{font-size: 20px;font-weight: 700;color:#f1b31e;}

.four-btn1{margin-left:-4px;margin-top:4px;}
.four-btn1 > li a{width: 91px;height:51px;}
.game-btn .four-btn1 > li a span{font-size: 20px;font-weight: 700;/* width:43px; *//* height:43px; *//* line-height:43px; */}

.four-btn2{margin-left:-4px;margin-top:4px;}
.four-btn2 > li a{width: 91px;height:51px;}
.game-btn .four-btn2 > li a span{font-size: 20px;font-weight: 700;/* width:43px; *//* height:43px; *//* line-height:43px; */}

.two-btn5{margin-left:-4px;margin-top: 9px;}
.two-btn5 > li a{width: 30%;height: 54px;}
.game-btn .two-btn3 > li a{font-size: 20px;font-weight:800;}

.game-cont{border-top: 2px solid #323e3f;padding: 15px 0 20px;background: #1d2329;}
.game-cont-floor1{margin-bottom:5px;padding: 0 10px;}
.game-cont-floor1 > li{height: 22px;line-height: 22px;}
.game-cont-floor1 > li .tit{float:left;font-size: 13px;font-weight:700;color: #a2a3a7;}
.game-cont-floor1 > li .num{float:right;font-size: 13px;font-weight:700;color: #f50;}
.game-cont-floor1 > li .num *{font-weight: 700;}
.game-cont-floor1 > li .num .white{color:#fff;}
.game-cont-floor1 > li .num span.red2{font-size: 18px;font-weight: 700;}
.game-cont-floor1 > li .num input[type="text"]{width:117px;height:25px;padding:0 6px;color:#fff;border:0 !important; background:#232529;text-align:right;}
.game-cont-floor1 > li .num #dp_benefit{color: #f4ca38 !important;}
.game-cont-floor1:first-child > li .tit{color: #ced7e0;}

.game-cont-floor0 > li{height: 40px;line-height: 40px;padding: 0 10px;overflow: hidden;}
.game-cont-floor0 > li *{font-family:"Youandi_Modern";font-weight: 700;}
.game-cont-floor0 > li .tit #game-no{color: #f50;}
.game-cont-floor0 > li .tit{float:left;font-size:15px;font-weight:700;color: #fff;}
.game-cont-floor0 > li .num{float:right;font-size: 13px;font-weight:700;color: #fff;}
.game-cont-floor0 > li .num #rest-time{font-size:15px;color: #fbe103;}
.game-cont-floor0 > li .num i{font-size:15px;color: #7a7a8a;}
.game-cont-floor0 > li .num span.red2{font-size: 18px;font-weight: 700;}
.game-cont-floor0 > li .num input[type="text"]{width:117px;height:25px;padding:0 6px;color:#fff;border:0 !important; background:#232529;text-align:right;}

.total{
    padding: 0 10px;
}
.total input[type="text"]{color: #181f26 !important;width:100%;height: 35px;line-height: 35px;text-align:center;font-size: 14px;font-weight: 700;border: 0;background: #ecf1f7 !important;}
.game-cont-floor2{overflow:hidden;margin-top: 4px;margin-left: -4px;padding: 0 10px;}
.game-cont-floor2 > li{float:left;width: calc(100% / 4 - 4px);margin-top:4px;margin-left: 4px;}
.game-cont-floor2 > li > a{display:block;height: 30px;line-height: 30px;text-align:center;font-size: 13px;font-weight: 800;color: #3a3b42;background: linear-gradient(#fdfdfd, #dddedf);border-radius: 3px;/* border: 1px solid #a8b6c4; */}
.game-cont-floor2 > li > a:hover{color: #792a03;}
.game-cont-floor2 > li.max > a{
    color: #fff;
    background: #792a03;
}
.game-cont-floor2 > li.max > a:hover{color: #000;background: #fff;}
.game-cont-floor2 > li.reset > a{color: #fff;background: #792a03;}
.game-cont-floor2 > li.reset > a:hover{color: #000;background: #fff;}

.game-cont-floor3{text-align:center;margin-top: 5px;margin-bottom: 15px;padding: 0 10px;}
.game-cont-floor3 a{display:block;height: 45px;line-height: 45px;font-size:22px;font-weight: 800;color: #fff;background: #ff5500;border-radius: 3px;}

.game-cont-floor4{overflow-y:auto;margin-top:10px;scrollbar-arrow-color: #8c8c8c;scrollbar-highlight-color: #4a4a4a;scrollbar-track-color: #696969;scrollbar-face-color: #696969;margin: 10px 10px 0;}
.game-cont-floor4 table{/* min-width:700px; */table-layout: fixed;}
.game-cont-floor4::-webkit-scrollbar{width: 16px;height: 16px;background-color: #4a4a4a;}
.game-cont-floor4::-webkit-scrollbar-track{background-color: #4a4a4a;}
.game-cont-floor4::-webkit-scrollbar-thumb{background-color: #696969;}
.game-cont-floor4::-webkit-scrollbar-button {background:#505050;}
.game-cont-floor4 table thead th{font-size: 12px;height: 44px;padding: 0;background: #404654;line-height: 1.3;}
.game-cont-floor4 table tbody td{font-size: 12px;height: 44px;}
.game-cont-floor4 table tbody td strong,
.game-cont-floor4 table tbody td strong b{font-size:12px !important;}

.game-cont-floor5{border-top: 2px solid #323e3f;padding: 15px 10px 0;}
.game-cont-floor5 .section-box-tit{font-size:16px;font-weight: 700;}

.txt-ct{text-align: center !important;margin-top:20px;}
.txt-rt{text-align:right;margin-top:10px;}
a.refresh-btn{width:90px;height:30px;line-height:30px;background:#1d1d1d;border:1px solid #404040;font-weight:700;color:#fff;text-align:center;}
a.delete-btn{width:90px;height:30px;line-height:30px;background:#0c0c0c;border:1px solid #404040;font-weight:700;color:#fff;text-align:center;}


.sports-result{/* padding:0 15px; */margin-top: 0;}
.sports-result .g_head{/*border-top:0;*/}
.sports-result .g_head em{color: #ffffff;font-style: normal;padding-left: 10px;margin-right: 10px;}
.sports-result .g_head em strong{color: #ffffff;/* margin-left: 5px; */}
.sports-result .g_head > span{margin-left: 0;color: #3398cc;}
.sports-result .g_item li.g_day{width:calc(11% - 2px);color: #c7c7c7;}
.sports-result .g_item li.g_lg{padding-left: 5px;/* text-align: center; */}
.sports-result .g_head > span.gold { color:#f3c089 !important }
.sports-result .g_item li.g_lg span{color: #ffffff !important;}
.sports-result .g_item li.g_home{width:calc(33% - 2px);}
.sports-result .g_item li.g_home_ed{width: calc(28% - 2px);}
.sports-result .g_item .g_home_odd_n{color: #fff;}
.sports-result .g_item .g_away_odd_o{/*color: #f50;*/}
.sports-result .g_item .g_gr_o .g_odd_d{color: #fff !important;}
.sports-result .g_item li.g_gr_o{background: #2f2a24 !important;}
.sports-result .g_item li.g_gr_o .g_away_odd_n{color:#fff !important;}
.sports-result .g_item li.g_gr_o .g_home_odd_n,
.sports-result .g_item li.g_gr_o .g_away_odd_o{color:#fff !important;}
.sports-result .g_item li.g_more.scr b{color: #fff !important;font-weight: 500;}

.sports-result .g_item .g_odd_d{color: #fff !important;}
.sports-result .g_item li.g_odd{width:81px;}
.sports-result .g_item li.g_odd_ed{width: calc(7% - 2px); background:#1f1f1f !important;}
.sports-result .g_item li.g_odd_ed.g_gr_o { background:#2f2a24 !important; }
.sports-result .g_item li.g_odd_ed .g_odd_h{color: #fff !important;}
.sports-result .g_item li.g_gr_o .g_odd_h{color:#fff !important;}
.sports-result .g_item li.g_away{width:calc(33% - 2px);}
.sports-result .g_item li.g_away_ed{width: calc(28% - 2px);}
.sports-result .g_head + .g_item{/* border-top:1px solid #ccc; */}
.sports-result ul.g_item { margin:0 0 2px 0 }

.sports-result.__mini .g_item li.g_home_ed{width: calc(69% - 2px);}
.sports-result.__mini .g_item li.g_lg.g_lg{text-align:center;/* padding-left:0; */}

.sports-result.__mini .g_item li.g_gr_o i{color:#fff;}

.betting{border-top:0;}
.betting .game_row{margin-top:10px;}
.betting .game_row:first-child{margin-top:0;}

div.summary {
    display: table;
    table-layout: auto;
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-spacing: 0;
    
    border: 1px solid #3f3b3b;
    margin-top: 2px;
    background: #0f0f0f;box-sizing: border-box;
    position:relative;
    padding-left: 50px;
}
div.summary .btn_bx{position:absolute;top:0;right: 10px;padding-top: 0;}
div.summary .btn_bx a{width: 67px;height: 25px;line-height: 25px;text-align: center;padding: 0;margin: 0;background: #800e24;color: #fff;font-size: 12px;border: 0;}
div.summary .btn_bx a.btst_dr{background: #828282;}

div.summary .first{position:absolute;top:0;left: 25px;color: #fff;font-size: 12px;}
div.summary .first label { font-size:12px; }
div.summary > ul {
    /* display: table-row; */
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 0 0 0 40px;
}
div.summary > ul > li {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    font-size: 12px;
    margin-left: 25px;
    color: #c6c6c6;
}
div.summary > ul > li .yellow{color: #f4ca38 !important;}
div.summary > ul > li .white{color:#fff !important;}
div.summary > ul > li:first-child{margin-left:0;}
div.summary > ul > li > span {
    display: inline-block;
    font-weight: 400;
    /* margin: auto 5px; */
    color: #8c8c8c;
}

div.summary > ul > li > strong {
    display: inline-block;
    font-weight: 400;
    color: #ffc240 !important;
}
div.summary > ul > li > strong.blue { color:#10c6ad !important; }

div.summary > ul > li > strong > span {
    color: #cacaca;
}

.event-list{overflow:hidden;}
.event-list > ul{margin-left: -20px;}
.event-list > ul > li{float: left;margin-left: 20px;margin-top: 20px;width: calc(100% / 4 - 20px);height: 274px;background: #212531;border: 1px solid #4a3b1c;position: relative;}
.event-list > ul > li > a{display:block;padding: 20px 20px 0;}
.event-list > ul > li:hover{background: #1b1b25;}
.event-list > ul > li > a p.class-name{
     display: inline-block;
     width: 71px;
     height: 30px;
     line-height: 30px;
     font-size: 14px;
     font-weight: 800;
     color:#fff;
     background: #ffae00;
     border-radius: 5px;
     text-align: center;
     }
.event-list > ul > li > a p.tit{font-size: 20px;font-weight: 800;color: #fff;height: 80px;padding-top: 10px;line-height: 1.2;margin-bottom: 15px;}
.event-list > ul > li > a p.tit strong{display:block;font-size: 14px;font-weight: 800;color: #767c8d;margin-bottom: 8px;}
.event-list > ul > li > a p.cont{color: #a7a7a7;line-height: 1.6;height: 100px;overflow: hidden;word-break: keep-all;}
.event-list > ul > li > a p.event-info{
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
         height: 50px;
         line-height: 50px;
         overflow:hidden;
         color: #808080;
         padding: 0 20px;
         border-top: 1px solid #4a3b1c;
         }
.event-list > ul > li > a p.event-info span{font-size: 15px;padding-left: 34px;}
.event-list > ul > li > a p.event-info span::before{margin-right:5px;}
.event-list > ul > li > a p.event-info span.icon-zuozhe{float: right;background: url(../images/sub/icon-zuozhe.png) no-repeat left center;}
.event-list > ul > li > a p.event-info span.icon-zuozhe::before{font-size: 23px;vertical-align: -4px;}
.event-list > ul > li > a p.event-info span.icon-riqi{float: left;background: url(../images/sub/icon-riqi.png) no-repeat left center;}
.event-list > ul > li > a p.event-info span.icon-riqi::before{font-size: 25px;vertical-align: -2px;}

.board-box{margin: 0;background: #212531;}
.board-tit{position:relative;font-size: 20px;color: #fff;height: 55px;line-height: 55px;padding: 0 20px;background: #404654;border-top: 2px solid #926400;border-bottom: 1px solid #5e636f;}
.board-tit .class-name{width:71px;height:30px;line-height: 30px;text-align:center;font-size: 14px;font-weight: 700;color: #121a20;background: #ffae00;display: inline-block;border-radius: 5px;margin-right: 20px;vertical-align: middle;}
.board-tit .author{position:absolute;top:0;right:20px;font-size: 14px;font-weight: 700;color: #333;}
.board-info{overflow:hidden;border-bottom: 1px solid #1a1a1a;height: 42px;line-height: 42px;padding: 0 20px;}
.board-info > div.left{float:left;}
.board-info > div.right{float:right;}
.board-info > div.left span{margin-right:5px;}
.board-info > div.right span{margin-left: 30px;}
.board-info > div.right span.icon-denglu1::before{font-size: 20px;vertical-align: -2px;}
.board-info > div.right span.icon-liuyan::before{font-size: 20px;vertical-align: -2px;}
.board-info > div span{font-size:14px;color: #808080;}
.board-info > div span::before{font-size:17px;vertical-align: -1px;margin-right:5px;}

.view-cont{text-align:left;font-size: 18px;color: #9b9b9b;padding: 25px 10px 30px;line-height: 2;margin-top: 0;border-bottom: 1px solid #3e3f46;}
.view-cont .red{color: #f81010 !important;}
.view-cont2{text-align:left;font-size: 14px;color: #fff;padding: 18px 20px;line-height:1.5;background: #212531;border-bottom: 1px solid #3e3f46;}

.vfootball-btn{text-align:center;margin: 5px 0 8px;padding-bottom: 15px;}
.vfootball-btn a{border-radius:5px;width:166px;height:32px;line-height: 35px;font-weight: 700;color: #fff !important;}
.vfootball-btn a.red{background: linear-gradient(#e53b53, #9d283a);}
.vfootball-btn a.green{background: linear-gradient(#08bc9a, #088d74);}
.vfootball-btn a.blue{background: linear-gradient(#277ce6, #1861b3);}
.vfootball-btn a.black{background: linear-gradient(#898989, #444);}

.board-tb{background: #212531;}
.board-tb table tbody tr.notice-tr td{background: #404654 !important;border-bottom: 1px solid #4f5562;}
.board-tb table tbody tr.notice-tr:hover td{/* border-bottom: 1px solid #3aab1f; */}
.board-tb table tbody tr.notice-tr td{color: #c0c0c0;}
.board-tb table tbody tr.notice-tr td .date{color: #c0c0c0;}
.board-tb table tbody tr.notice-tr td.left a{padding-left: 20px;color: #f2f431;font-weight: 800;font-family: 'Youandi_Modern';position: relative;}
.board-tb table tbody tr.notice-tr td.left a::before{content:"";position: absolute;left: 0;}

.board-tb table thead tr th{height:42px;font-size: 16px;/* border-bottom: 1px solid #56575f; */}
.board-tb table tbody td{height:45px;font-weight: 700;color: #c0c0c0;font-size: 14px;border-bottom: 1px solid #404654;border-left: 0;}
.board-tb table tbody td.left{padding-left: 15px !important;font-family: 'Youandi_Modern';}
.board-tb table tbody td.left a *{font-family:"Youandi_Modern";}
.board-tb table tbody td.left a{color: #ececec;}
.board-tb table tbody td.left a span{font-weight: 800;margin-right: 5px;}
.board-tb table tbody td.left a span.ask{margin-left: 0;}
.board-tb table tbody td.left a span.ask.green{color: #ffae00 !important;}
.board-tb table tbody td.left a .bet-icon{margin-left:5px;}
.board-tb table tbody td .date{color: #c0c0c0;font-weight: 700;}
.board-tb table tbody td .date2{color: #aeaeae;font-weight: 700;}
.board-tb table tbody tr td .event-style{display:inline-block;width: 75px;height: 26px;line-height: 26px;text-align:center;background: #ffae00;font-size: 13px;font-weight: 800;font-family: 'Youandi_Modern';color: #121920;border-radius:5px;}
.board-tb table tbody tr:hover td{background: rgba(0, 0, 0, 0.8);border-bottom: 1px solid #926400;}

.board-tb table tbody td.lv-td{text-align:left;padding-left: 0;}
.board-tb table tbody td .lv{margin-right:10px;}
.board-tb table tbody td .state_on{display:inline-block;font-family: 'Youandi_Modern';font-weight:700;color: #f6ef23;}
.board-tb table tbody td .state_off{display:inline-block;font-family: 'Youandi_Modern';font-weight:700;color: #e73b54;/* width: 67px; *//* height: 27px; *//* line-height: 30px; *//* text-align: center; *//* background: #df4442; *//* border-radius: 5px; */}
.board-tb table tbody td .state_no{display:inline-block;font-family: 'Youandi_Modern';font-weight:700;color: #df4442;}
.board-tb table tbody tr.memo-on td{background:#67686d;color:#fff;}
.board-tb table tbody tr.memo-on td span.date2{color:#fff;}
.YM{font-family:"Youandi_Modern" !important;font-weight: 700 !important;}

.anser-tit{font-size: 16px;font-weight:700;color: #fff;margin-top:15px;}
.anser-tit i.iconfont{font-size: 27px;vertical-align: middle;}
.anser-tit img{margin-right:5px;}
.anser-write{margin-top: 10px;}
.anser-write table td{padding:0;border:0;}
.anser-write table td.center { text-align: center; }
.anser-write table td .gold { color:#e4b481; font-size:14px; font-family:"a3" }
/* 20210620 */
.anser-write textarea{padding: 11px;width: 100%;height: 40px;vertical-align: top;color: #fff;/* resize: none; */border: 1px solid #3f3b3b;background: transparent;border-radius: 5px;}
.anser-write .anser-write-btn{display:block;width: 103px;height: 42px;line-height: 42px;text-align:center;background: linear-gradient(#7e0923, #b61332);font-size: 17px;color: #ffffff;vertical-align: top;border-radius: 5px;float: right;}

.anser-cont{}
.anser-cont > ul > li{overflow:hidden;border-bottom: 1px solid #3f3b3b;padding: 0 20px;position: relative;}
.anser-cont > ul > li:first-child{border-top: 1px solid #3f3b3b;}
/* //20210620 */
.anser-cont > ul > li > p.tit{float: left;height: 42px;line-height: 42px;min-width: 120px;margin-right: 15px;white-space: nowrap;overflow: hidden;font-size: 14px;}
.anser-cont > ul > li > p.tit .left{/* float:left; */color: #b4b4b4;font-weight:700;}
.anser-cont > ul > li > p.tit .left i{margin-right:5px;}
.anser-cont > ul > li > p.tit .left strong{display: inline-block;color: #fff;/* max-width: 46px; */overflow: hidden;vertical-align: middle;}
.anser-cont > ul > li > p.tit .right{/* float:right; */color: #666;}
.anser-cont > ul > li > p.cont{float: left;font-size: 14px;color: #d0d0d0;line-height: 42px;}
.anser-cont > ul > li p.cont a.icon-shanchu{display:none;position:absolute;top: 0;right:10px;font-size: 25px;color: #949596;}
.anser-cont > ul > li > p.cont a.icon-shanchu:hover{color: #ffae00;}
.anser-cont > ul > li:hover p.cont a.icon-shanchu{display:block;}

.anser-cont2{padding: 20px;background: #212531;border-top: 2px solid #926400;color: #fff;font-size: 14px;margin-top: 5px;min-height: 88px;line-height: 1.5;}

.board_write-box{/* background: #1b1b25; */margin-top: 10px;border-top: 2px solid #926400;}
.board_write-box li{overflow:hidden;border-bottom: 1px solid #404654;display: table;width: 100%;}
.board_write-box li:last-child{margin-bottom:10px;}
.board_write-box li .first{font-size: 20px;font-weight:700;color: #d6d6de;background: #212531;position: relative;/* float: left; */width: 212px;height: 53px;text-align: center;vertical-align: middle;display: table-cell;}
.board_write-box li .first span{color: #2b50ff;vertical-align: middle;}
.board_write-box li .first span.red{color: #ee2a4d !important;}
.board_write-box li .first i{font-size: 14px;color: #ee2a4d;margin-left:5px;}

.board_write-box li .first .txt-num{position:absolute;top:0;right:0;color: #a2a2a2;}
.board_write-box li .first .txt-num i{color:#f02955;}

.board_write-box li .second{/* float:left; */width: calc(100% - 212px);display: table-cell;}
.board_write-box input,
.board_write-box textarea,
.board_write-box select{background: transparent;font-size: 15px;color: #fff;outline: none;border: 0;padding-left: 20px;transition: all 0.3s ease;}
.board_write-box textarea{width:100%;height: 295px;padding: 20px;}
.board_write-box input:focus,
.board_write-box select:focus,
.board_write-box textarea:focus{border:1px solid #fff;}
.board_write-box .iptC{width: calc(100% - 163px);height: 53px;}
.board_write-box .btn_black{float: right;margin-right: 10px;margin-top: 7px;width: 133px;height: 39px;line-height: 39px;padding:0;vertical-align: middle;background: #2c7f75;color: #fff;border-radius: 5px;border: 0;font-size: 14px;}
.board_write-box .btn_black i.iconfont{font-size: 26px;vertical-align: middle;margin-right: 5px;display: inline-block;}
.board_write-box .btn_black i.iconfont img{display:block;}

.board_write-box input::-webkit-input-placeholder { /* WebKit browsers */
  color: #999999;
}
.board_write-box input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999999;
}
.board_write-box input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999999;
}
.board_write-box textarea::-webkit-input-placeholder { /* WebKit browsers */
  color: #999999;
}
.board_write-box textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999999;
}
.board_write-box textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999999;
}

.board_write-box-o{overflow:hidden;margin-top: 10px;}
.board_write-box-o .red{float:left;color: #ff2525 !important;}
.board_write-box-o .txt-num{float:right;color:#a2a2a2;}
.board_write-box-o .txt-num i{color:#ff2525;}

.answer .left{border-left:0;}
.answer{display:none;}
.answer td{background: #1a1a1a;}
.answer-v{color: #fff;font-size: 14px;font-weight: 700;line-height: 1.5;text-align: center;padding: 15px 0;}
.memo-close{margin-top:15px;}
.memo-close a{min-width: auto;width:82px;height:34px;line-height: 37px;}

.board_view_info {overflow: hidden;display: block;background: #212531;}
.board_view_info dl {width: 100%;display: table;color: #c0c0c0;border-bottom: 1px solid #3e3f46;}
.board_view_info dl dt {display: table-cell;height: 40px;line-height: 40px;padding: 0 10px 0 12px;font-size: 13px;}
.board_view_name {width: 50%;}
.board_view_name span {color: #c0c0c0;}
.board_view_name img {vertical-align: middle; margin: -1px 5px 0 5px;}
.board_view_day {width: 50%; text-align: right;}
.board_view_day span {font-size: 12px;color: #c0c0c0;}
.board_view_day em {display: inline-block; padding: 0 10px; font-style: none;}
.board_view_data {padding: 30px 20px;color: #fff;line-height: 1.8;font-size: 13px;border-bottom: 1px solid #726550;}
.board_view_data img {max-width: 1000px; height: auto; margin: 0 auto;}

.cashin-wraper{overflow:hidden;border: 1px solid #443619;background: #212531;margin-top: 20px;}
.cashin-wraper dl{padding: 25px 20px 30px;}
.cashin-wraper dl dt{font-size:22px;font-weight:700;color: #ffae00;margin-bottom:15px;}
.cashin-wraper dl dt img{margin-right:5px;}
.cashin-wraper dl dt i.iconfont{font-size:25px;margin-right:5px;vertical-align: -2px;}
.cashin-wraper dl dd{padding-left:12px;font-size: 14px;font-weight:700;color: #f1f1f1;margin-top:5px;}

.cashin-wraper2{background: #a2293c;height:48px;line-height: 48px;text-align:center;font-size:16px;font-weight:700;color: #fae60a;margin-top: 5px;border-radius: 10px;}
.cashin-wraper2 img{margin-right:5px;}
.cashin-wraper2 i.iconfont{font-size: 25px;margin-right: 5px;vertical-align: middle;color: #fff;}
.cashin-wraper2 a{width:133px;height:34px;line-height: 34px;margin-left:15px;padding:0;font-size:14px;font-weight: 800;color: #e73b54;background: #fff url(../images/sub/cash_icon.gif) no-repeat right 15px center;border-radius: 5px;padding-left: 15px;padding-right: 33px;}


.table-style3{border-top: 2px solid #926400;}
.table-style3 table tbody th{padding:12px 0;font-size: 20px;font-weight: 700;color: #d6d6de;background: #212531;border-bottom: 1px solid #404654;}
.table-style3 table tbody th:first-child{border-left:0;}
.table-style3 table tbody td{padding: 15px 0 15px 15px;background: transparent;border-bottom: 1px solid #404654;font-size: 16px;color: #333;}
.table-style3 table tbody td input[type="password"],
.table-style3 table tbody td input[type="text"]{border: 0;font-size: 16px;font-weight: 700;color: #fff;border-radius: 5px;background: #212531;border: 0;}
.table-style3 p.fgrey{margin-top:10px;}
.table-style3 span.fgrey{margin-left:8px;}
.table-style3 span.fgrey2{margin-left:8px;font-size: 14px;color: #7f7f7f;font-weight: 700;}
.table-style3 span.fgrey3{color: #666;font-size: 13px;margin-left: 8px;}
.table-style3 .fred{color: #f43131;font-size: 14px;margin-bottom: 5px;}
.table-style3 .white{font-size:24px;font-weight:700;color:#fff;}
.table-style3 .white2{font-size: 18px;color: #ffffff;}
.table-style3 .white3{font-size:14px;color: #333;}
.table-style3 .green{font-size: 17px;font-weight: 700;color: #fff !important;/* padding-left: 38px; */height: 26px;line-height: 30px;/* background: url(../images/sub/icon-money.gif) no-repeat left center; */}
.table-style3 .green i.iconfont{font-size:25px;vertical-align: -4px;margin-right:10px;}
.table-style3 .green span{font-size:20px;font-weight:700;color: #fae60a;}
.table-style3 .red{font-size:14px;color: #ef1515 !important;}
.table-style3 .black{font-size:18px;font-weight:700;color:#000414 !important;}
.table-style3 .money-ipt{position:relative;display: inline-block;}
.table-style3 .money-ipt span{position:absolute;top:0;left: 10px;height:40px;line-height:40px;;font-weight: 700;}
.table-style3 .money-ipt input{/* padding-left: 120px; */}


.wid220{width: 198px;height:38px;padding:0 10px;}
.wid190{width: 190px;height: 40px;padding:0 10px;}
.wid123{width: 134px;height: 40px;padding:0 10px;}
.wid234{width: 234px;height: 40px;padding:0 10px;}


.c0040ff{color: #ae9461;}

.btn-all{display:inline-block;vertical-align:top;margin-left: 0;margin-right:2px;}
.btn-all a{width: 84px;height: 44px;line-height: 40px;background: #805a06;text-align: center;font-size: 16px;font-weight: 800;color: #fff;border-radius: 6px;}
.btn-all a i{font-size:16px;font-weight: 700;}
.btn-all a.first{font-size: 16px;background: #6d6c68;}
.btn-all a:hover{background: #906a15;}
.btn-all a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}

.btn-style2{width: 184px;height: 56px;line-height: 56px;text-align:center;font-size: 22px;font-weight: 800;color: #121a20;background: #ffae00;border-radius: 5px;}
.btn-style2-2{width: 184px;height: 56px;line-height: 56px;text-align:center;font-size: 22px;font-weight: 700;color: #fff;background: #2c7f75;border-radius: 5px;}
.btn-style2-3{width: 184px;height: 56px;line-height: 56px;text-align:center;font-size: 22px;font-weight: 700;color: #fff;background: #df4442;border-radius: 5px;}

.btn-style2:hover,
.btn-style2-2:hover,
.btn-style2-3:hover{opacity:0.9;}
.btn-style2:active,
.btn-style2-2:active,
.btn-style2-3:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}

.cash-tb{background:none;}
.cash-tb table tbody td{border-left: 1px solid #2d2d33;}
.cash-tb table thead tr th{font-size: 14px;}

.qna-tb table thead tr th{border-bottom: 1px solid #404654;}
.memo-tb table thead tr th{border-bottom: 1px solid #404654;}
.memo-tb table tbody tr.memo-on td{background: #4a4a52;color:#fff;}
.memo-tb table tbody tr:hover td{/* background: #0a2225; *//* border-bottom: 1px solid #3aab1f; */}
.memo-tb table tbody td.left a .font-white{color:#ececec !important;}

.ctInner h3.title { color:#ffffff; font-size:18px; margin:0 0 20px; }

.bok_wrap {
	width: 100%;
	text-align: center;
	/* background: #174159; */
	position: relative;
	margin-bottom: 10px;
}

.bok_wrap2 {
    text-align: center;
    margin: 0 auto;
    border: 2px solid #f3c089;
    position: relative;
    padding-bottom: 40px;
    background: url(https://i.imgur.com/5VKb4p2.jpg) no-repeat;
    background-size: cover;
}
.bok_wrap2 .bok_txt{/* position: absolute; */top: 72%;left: 34%;padding: 30px 0 40px;}
.bok_wrap2 .bok_btn{position:relative;display: table;margin: 0 auto;}
.bok_wrap2 .bok_count {
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	width: 53px;
	height: 38px;
	line-height: 36px;
	text-align: center;
	position: absolute;
	top: 28px;
	left: 161px;
	
}

.bok_wrap2 .next_bok_btn {
	position: absolute;
	top: 549px;
	left: 383px;
}

.bok_wrap2 .all_bok_btn {
	position: absolute;
	top: 549px;
	left: 616px;
}

.bok_table {
	width: 100%;
}

.bok_table table {
	margin: 0 auto;
}

.bok_table th {
	background: #2a2248;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 42px;
}

.bok_table .bok_tbg {
	background: #030316;
	border-bottom: 1px solid #1b1b1b;
	text-align: center;
	color: #dadada;
	font-size: 12px;
	height: 30px;
}


/* date */
#date_layer table{border-bottom: 1px solid #4d4d4d;}
#date_layer {
	text-align: left;
	border: 1px solid #353535;
	background: #101010;
	padding: 0 25px 25px;
margin: 0 0 30px;}
#date_layer *{}
#date_layer td table{width:auto;}

#date_layer #box {
	width: 100%;
}

#date_layer #box .top {
	float: left;
}

#date_layer #box .day {
	float: left;
}

#date_layer .w {

	/* line-height: 20px; */
	color: #fff;
	font-size: 34px;
	padding: 6px 20px;
}

#date_layer .title {
	color: #fff;
	font-size: 20px;
	padding: 0 0 0 0;
	font-family: "a3";background: #575757;
	/* border-top: 1px solid #ffae00; */
}

#date_layer .title1 {
	color: #1fbbf5;
	font-size: 20px;
	font-family: "a3";padding: 0 0 0 0;
	background: #575757;
	/* border-top: 1px solid #ffae00; */
}

#date_layer .title2 {
	color: #f82e2e;
	font-size: 20px;
	padding: 0 0 0 0;
	font-family: "a3";background: #575757;
	/* border-top: 1px solid #ffae00; */
}

#date_layer .sun1 {
	color: #fff;
	font-size: 14px;
	float: left;
}

#date_layer .sat1 {
	color: #fff;
	font-size: 14px;
	float: left;
}

#date_layer .day1 {
	color: #c8c8cb;
	font-size: 16px;
	float: left;
}
#date_layer .day1 b { font-weight:500; }

#date_layer .sun2 {
	font-weight: bold;
	line-height: 20px;
	color: #FE7676;
	font-size: 16px;
	float: left;
}

#date_layer .sat2 {
	font-weight: bold;
	line-height: 20px;
	color: #82D4FF;
	font-size: 16px;
	float: left;
}

#date_layer .day2 {
	font-weight: bold;
	line-height: 20px;
	color: #FF9933;
	font-size: 16px;
	float: left;
}

#date_layer .sun3 {
	color: #ffbebe;
	font-size: 11px;
}

#date_layer .sat3 {
	color: #b8b8ff;
	font-size: 11px;
}

#date_layer .day3 {
	color: #dcdcdc999;
	font-size: 11px;
}

#date_layer .dot {
	color: #000000;
	font-size: 12px;
}

#date_layer .check {
	color: #126420;
	font-size: 11px;
}

#date_layer .check2 {
	color: #dcdcdc999;
	font-size: 11px;
}
#date_layer .rowTbl td{position:relative;/* border-bottom:1px solid #334c3e; *//* border: 1px solid #4c515c; */}
#date_layer .rowTbl td .day-s{position:absolute;left: 17px;top: 13px;width: 29px;height: 19px;line-height: 21px;border: 2px solid #212121;border-radius: 5px;}
#date_layer .rowTbl td .day-s .sun1{color: #c8c8cb;}
#date_layer .rowTbl td .day-s .sat1{color: #c8c8cb;}
#date_layer .rowTbl td .day-s.nowday{/* border: 1px solid #fff; *//* padding:2px 3px; *//* border-radius: 5px; */}
#date_layer .rowTbl td .day-s.nowday .day1{color: #f8dd1c;}
#date_layer .rowTbl td .check-s{position:absolute;width: 100%;right: 0;bottom:10px;}
#date_layer .rowTbl td.noday .day-s a span{color: #7d9a88;}
#date_layer .rowTbl td.noday .check-s img{opacity:0.4;}


.vsoccer .g_day{width: calc(13% - 2px);}
.vsoccer .g_home{width: calc(34% - 2px);}
.vsoccer .g_odd{width: calc(7% - 2px);}
.vsoccer .g_away{width: calc(34% - 2px);}
.vsoccer .g_more.list{width: calc(12% - 2px);}
.vsoccer .g_more.list span{color:#9595aa !important;}
.vsoccer .g_more.list .g_odd_h{color: #656565 !important;}


h3.sub-title {
    margin-bottom: 20px;
    color: #fff;
    font-size: 24px;
    padding: 0 10px;
    font-family: "a3";
}
h3.sub-title > span{display:inline-block;margin-left: 10px;color: #767676;font-size:14px;}
h3.sub-title > a.notandum{display:inline-block;padding:0 10px;line-height: 33px;border: 1px solid #313641;background: #1d2329;/* border-radius:8px; */float:right;font-weight:700;color: #f50;font-size:14px;}
h3.sub-title > a.notandum > span{vertical-align: middle;}


.table-thead{background: #1f1f1f;position: relative;}
.table-thead:before{display: none;content:"";position:absolute;top:0;left:0;width: 100%;height: 100%;z-index: 0;box-shadow: inset 1px 1px 2px #4a473c;border-radius: 13px;}
.table-thead th{height:50px;color:#ffffff;font-size:16px;border-top: 1px solid #6c2c34;border-bottom: 1px solid #6c2c34;}
.table-tbody{margin-bottom:30px;}
.table-tbody table{table-layout:fixed;}
.table-tbody table .notice-tr td { background:#141414; }
.table-tbody td{text-align:center;color: #a0a0a0;font-size:14px;height:50px;border-bottom: 1px solid #2b2b2b;}
.table-tbody td .norNum { color:#9c9c9c; }
.table-tbody td.left{text-align:left;padding-left:20px;}
.table-tbody td p.money{color: #f6cc35;font-size:14px;}
.table-tbody td p.money > span{color:#ffffff;font-size:14px;}
.table-tbody td span.orange{color: #f6cc35 !important;}
.table-tbody td.status span.red { 
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #ffffff !important;
    background: linear-gradient(#7f0923,#b61332);
    display: inline-block;
    border-radius: 5px;
 }
 .table-tbody td.status span.grey { 
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #ffffff !important;
    background: linear-gradient(#4b4b4b,#858585);
    display: inline-block;
    border-radius: 5px;
 }

.table-tbody td a.del-btn > span{color:#585858;font-size: 22px;}
.table-tbody td a.del-btn:hover > span{color: #f50;}
.table-tbody td span.notice-tit{display:inline-block;height:27px;line-height: 27px;padding:0 10px;color: #fff;font-size: 13px;border-radius:5px;background: linear-gradient(#7f0923, #b71332);}
.table-tbody td a.tit{display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #d2d2d2;font-size:14px;}
.table-tbody td a.tit.faqLink{color: #fff;}
.table-tbody .notice-tr td .tit{color: #fff;}
.table-tbody td .tit:hover,
.table-tbody td a.tit.faqLink:hover { text-decoration:underline; color:#edc778; }
.table-tbody tr.on td a.tit { color:#edc778; font-size:14px; text-decoration:underline; }
/* .table-tbody td a.tit span{margin:0 5px;} */
.table-tbody td a.tit span.ask { color:#fcf79e !important; }
.table-tbody td.lv-td{text-align:left;padding-left: 40px;}
.table-tbody td .lv{margin-right:5px;}
.table-tbody .norTr:nth-child(2n) td { background:#1f1f1f; }

.table-view{background: #1f1f1f;border: 1px solid #3f3b3b;/* border-radius:13px; *//* box-shadow:0px 0px 17px #000; */position: relative;}
.table-view:before{display: none;content:"";position:absolute;top:0;left:0;width: 100%;height: 100%;z-index: 0;box-shadow: inset 1px 1px 2px #313335;border-radius: 13px;}
.table-view .box{position: relative;z-index:2;padding: 20px 0px;}
.table-view .box *{color:#fefefe;}
.table-view .box > dl{display:table;width:100%;border-bottom: 1px solid #3f3b3b;margin-bottom: 25px;padding: 0 20px;}
.table-view .box > dl > *{display:table-cell;vertical-align: top;height:50px;/* padding:0 10px; */}
.table-view .box > dl > dt{font-size:22px;}
.table-view .box > dl > dt > span.notice-tit{display:inline-block;height:27px;line-height:25px;border: 1px solid #f50;padding:0 10px;color: #f50;font-size:14px;border-radius:5px;vertical-align: middle;margin-right:15px;}
.table-view .box > dl > dd{color:#adadad;font-size:14px;text-align:right;width:100px;padding-top: 10px;}
.table-view .txt-box{/* padding:10px; */line-height:25px;min-height: 400px;font-size:14px;padding: 0 20px;}

.customer-service-write{/* border-radius:13px; *//* box-shadow:0px 0px 17px #000; */position: relative;}
.customer-service-write:before{display: none;content:"";position:absolute;top:0;left:0;width: 100%;height: 100%;z-index: 0;box-shadow: inset 1px 1px 2px #313335;border-radius: 13px;}
.customer-service-write + .customer-service-write{margin-top:10px;}
.customer-service-write .box{position: relative;z-index:2;}
.customer-service-write .box > dl{display:table;width:100%;}
.customer-service-write .box > dl > *{display:table-cell;vertical-align: middle;min-height:25px;line-height:25px;}
.customer-service-write .box > dl > dt{width:70px;border-right:1px solid #4c4c4c;color:#ffffff;font-size:22px;}
.customer-service-write .box > dl > dd{}
.customer-service-write .box > dl > dd > input{border:0;width:100%;background: #1f1f1f;padding: 0px 24px;height: 50px;border-top: 1px solid #6c2c34;border-bottom: 1px solid #6c2c34;color: #fff;font-size: 16px;}
.customer-service-write .box > dl > dd > textarea{resize:none;color:#fff;width:100%;background: transparent;border: 0;padding: 15px 25px;border-bottom: 1px solid #3f3b3b;font-size: 16px;}

.customer-service-view{/* box-shadow:0px 0px 17px #000; */position: relative;margin: 15px 0 0;}
.customer-service-view:before{display: none;content:"";position:absolute;top:0;left:0;width: 100%;height: 100%;z-index: 0;box-shadow: inset 1px 1px 2px #313335;border-radius: 13px;}
.customer-service-view + .customer-service-view{margin-top:22px;}
.customer-service-view .box{position: relative;z-index:2;}
.customer-service-view .box *{color:#fefefe;font-size:14px;line-height:25px;}
.customer-service-view .box .writer { padding:0 10px; height:42px; line-height:41px; border-bottom:1px solid #3f3b3b; color:#d2d2d2; }
.customer-service-view .box .writer span { color:#d2d2d2; }
.customer-service-view .box .artContent { padding:18px 24px; border-bottom:1px solid #3f3b3b; }
.customer-service-view .box dl > *{/* padding:0 10px; */}
.customer-service-view .box dl > dt{border-bottom: 1px solid #6c2c34;border-top: 1px solid #6c2c34;display:table;width:100%;background: #1f1f1f;padding: 0 25px;}
.customer-service-view .box dl > dt > *{display:table-cell;height: 50px;vertical-align: middle;}
.customer-service-view .box dl > dt.tit > h3{color: #ffffff;font-size: 16px;}
.customer-service-view .box dl > dt.tit2 > h3{color: #f6cc35;font-size: 22px;}
.customer-service-view .box dl > dt.tit2 > span.day{color:#adadad;font-size:14px;text-align:right;width:160px;}
.customer-service-view .box dl > dt.tit > span.day{color:#adadad;font-size:14px;text-align:right;width:160px;vertical-align: middle;}
.customer-service-view .box dl > dd{min-height: 100px;/* padding:0 10px; */}


.table-tbody2{margin-bottom:30px;}
.table-tbody2 table{table-layout:fixed;}
.table-tbody2 td{text-align:center;color:#adadad;font-size:14px;height:50px;border-bottom:1px solid #404447;}
.table-tbody2 td p.money{color:#fcd47a;font-size:14px;}
.table-tbody2 td p.money > span{color:#ffffff;font-size:14px;}
.table-tbody2 td span.orange{color:#fcd47a !important;}
.table-tbody2 td a.del-btn > span{color:#585858;font-size: 22px;}
.table-tbody2 td a.del-btn:hover > span{color: #f50;}
.table-tbody2 td span.notice-tit{display:inline-block;height:27px;line-height:25px;border:1px solid #edbd67;padding:0 10px;color:#edbd67;font-size:14px;border-radius:5px;}
.table-tbody2 td a.tit{display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fefefe;font-size:14px;}
.table-tbody2 td a.tit.on{color: #f50;text-decoration: underline;}
.table-tbody2 tr.memo-on{background: #1d2329;}
.table-tbody2 td .answer-v{background: #1d2329;padding:15px;line-height:20px;color:#fefefe;font-size:14px;}
.table-tbody2 td .answer-v > .memo-close{margin-top:20px;}
.table-tbody2 td .answer-v > .memo-close > a.close-btn{background: #2e333d;width:70px;height:27px;line-height:27px;color: #f6cc35;font-size:14px;border-radius:10px;}
.table-tbody2 td .yellow{color:#f6cc35 !important;}

.betting_attachment .content-box{padding: 0 20px 60px;}


.pan_type {overflow:hidden;text-align: center;margin: 20px 0;}
.pan_type li {display: inline-block;width: 155px;height: 50px;line-height: 50px;cursor:pointer;background: #2e333d;border: 1px solid #2e333d;}
.pan_type li span {font-size: 18px;color: #b0b0b7;font-weight: 700;vertical-align: middle;}
.pan_type li i {font-size: 26px;color: #b0b0b7;vertical-align: middle;margin-right: 5px;}
.pan_type li:hover {border: 1px solid #ff5500;}
.pan_type .select {border: 1px solid #ff5500;}
.pan_type .select span {color: #fff;}
.pan_type .select i {color: #ff5500;}


.game_w { width:100%; position:relative; height:100%;}
.game_w:after { display:block; content:''; clear:both;}
.game_w .game_l {float:left;width:calc(50% - 5px);overflow-y:scroll;height: 820px;color: #2a2a2a;border: 1px solid #2e333d;}
.game_w .game_r {float:right;width:calc(50% - 5px);overflow-y:scroll;height: 820px;border: 1px solid #2e333d;}

.bet_w {background:rgba(0, 0, 0, 0.07);border: 1px solid #2e333d;border-top:none;border-bottom:none;}
.bet_w .leagueinfo {background: #1d2329;height: 43px;padding:0 10px;overflow:hidden;border-top: 1px solid #2e333d;}
.bet_w .leagueinfo span {line-height: 43px;height: 43px;display:inline-block;font-size: 15px;font-weight: 700;color: #fff;}
.bet_w .leagueinfo i {float:left;position:relative;top: calc(50% - 9px);margin-right:8px;}
.bet_w .leagueinfo .lg_t2 {float:right;font-weight:normal;font-size: 14px;color: #a6a6a6;letter-spacing:normal;}
.bet_w .bet_list {border-top:1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid #2e333d;overflow:hidden;}
.bet_w .bet_list:hover {background:rgba(0, 0, 0, 0.1);}
.bet_w .bet_list li {float:left;height: 40px;line-height: 40px;border: 1px solid #20374f;border-radius:3px;text-align:center;/* box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); */background: #07203b;color: #fff;font-size:12px;cursor:pointer;margin:6px 0;}
.bet_w .bet_list .in_team {line-height: 40px;width:calc(100% - 60px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px;}
.bet_w .bet_list .in_rate {line-height: 40px;width:40px;font-size: 13px;}
.bet_w .bet_list .in_rate.change { color:#00FFFF;}
.bet_w .bet_list .in_rate.change .i-arrow-up { color:#FF0000;}
.bet_w .bet_list .in_rate.change .i-arrow-down { color:#00CC00;}
.bet_w .bet_list .b_title {margin:0;background:none;width:calc(100% - 10px);text-align:left;border:none;box-shadow:none;cursor:default;padding: 6px 0 3px 20px;height: 33px;line-height: 33px;position:relative;}
.bet_w .bet_list .b_title span {color:#fff;font-size: 14px;}
.bet_w .bet_list .b_title b {color: #868686;font-weight:normal;padding:0 5px;font-size: 14px;}
.bet_w .bet_list .b_title .score { position:absolute; top:5px; right:10px; text-align:right; }
.bet_w .bet_list .b_title .score span {display: inline-block;border: 1px solid rgba(0, 0, 0, 0.5);box-shadow: 0 1px rgba(255, 255, 255, 0.1);background: rgba(0, 0, 0, 0.2);text-align: center;order-radius: 3px; padding: 0 5px;font-family:verdana; font-weight:bold; font-size:11px; color:#f1cc45;}
.bet_w .bet_list .b_title .gametime {position:absolute;top:5px;right:10px;text-align:right;font-size: 13px;letter-spacing:normal;color: #a6a6a6;}
.bet_w .bet_list .b_one { float:left;overflow:hidden; width:calc(100% - 118px); margin-left:3px; cursor:default; text-align:left;  }
.bet_w .bet_list .b_one span { padding-left:10px;}
.bet_w .bet_list .b_time { float:left; width:85px; text-align:center; font-size:11px; color:rgba(255, 255, 255, 0.5); border:none;box-shadow:none; background-image:none; cursor:default;}
.bet_w .bet_list .b_home {float:left;border-radius:3px 0 0 3px;overflow:hidden;width: calc(50% - 103px);margin-left: 10px;}
.bet_w .bet_list .b_home .in_team { float:left; text-align:left; padding-left:10px;}
.bet_w .bet_list .b_home .in_rate { float:right; text-align:right; padding-right:10px;}
.bet_w .bet_list .b_vs {float:left;width: 110px;border-right:none;border-left:none;border-radius:0 0;}
.bet_w .bet_list .b_away {float:left;border-radius:0 3px 3px 0;overflow:hidden;width: calc(50% - 101px);}
.bet_w .bet_list .b_away .in_rate { float:left; text-align:left; padding-left:10px;}
.bet_w .bet_list .b_away .in_team { float:right; text-align:right; padding-right:10px;}
.bet_w .bet_list .b_grh { float:left; width:50px; background-image:linear-gradient(to bottom, #444444, #363636);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);margin-left:4px;}
.bet_w .bet_list .b_grh .i-grh { font-size:20px; position:relative; top:4px;}
.bet_w .bet_list .b_more {float:left;width: 70px;background: #07203b;/* box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); */margin-left:4px;font-weight:bold;margin-right: 10px;color: #ff5500;}
.bet_w .bet_list .b_home:hover, 
.bet_w .bet_list .b_vs:hover,
.bet_w .bet_list .b_away:hover {background: #2e333d;}
.bet_w .bet_list .b_grh:hover,
.bet_w .bet_list .b_more:hover {background: #2e333d;} 
.bet_w .bet_list .select {background-image:linear-gradient(to bottom, #3b3b3b, #323232);}
.bet_w .bet_list .select span,  .bet_w .bet_list .select {color: #f50;}
.bet_w .bet_list .b_more.select {background: #11191f!important;/* box-shadow: 0 1px #424242; *//* border: 2px solid #f50; */position: relative;}
.bet_w .bet_list .b_more.select::before{content:"";position:absolute;top: -1px;left: -1px;width: calc(100% + 2px);height: calc(100% + 2px);border: 2px solid #f50;box-sizing: border-box;border-radius: 3px;}
.bet_w .bet_list.select .b_title span {color: #f50;}
.bet_list.bet_off .b_home,
.bet_list.bet_off .b_vs,
.bet_list.bet_off .b_away,
.bet_list.bet_off .b_one {opacity:0.3; cursor:default;}
.bet_w .bet_list.two .b_home,  .bet_w .bet_list.two .b_away {width:calc(50% - 60px)!important;}
.bet_w .bet_list.two .b_away { margin-left:0; border-left:none;}
	

.game_l .bet_w .bet_list li.on{}
.game_w .bet_w .bet_list li.on.b_home, 
.game_w .bet_w .bet_list li.on.b_vs, 
.game_w .bet_w .bet_list li.on.b_away {background: #11191f;color: #f50;}
.game_w .bet_w .bet_list li.on.b_home span, 
.game_w .bet_w .bet_list li.on.b_vs span, 
.game_w .bet_w .bet_list li.on.b_away span{color: #f50;}

.game_w .game_l .bet_w .bet_list .b_more{width: 50px;}
.game_w .game_l .bet_w .bet_list .b_vs{width:60px;}
.game_w .game_l .bet_w .bet_list .b_home,
.game_w .game_l .bet_w .bet_list .b_away{width: calc(50% - 67px);}

.default_type {}
.default_type .bet_w {/* width:80%; */margin:0 auto;}
.default_in {padding: 20px 228px;}
.default_in .bet_screen { margin-bottom:0;}


/* Game */
.spi i {background: url(../images/sub/sports_icon.png) no-repeat;background-size:18px auto;display:inline-block;width:18px;height:19px;}

.spi .id_6002 { background-position: 0 -810px;}    
.spi .id_6005 { background-position: 0  -894px;}  
.spi .id_6010 { background-position: 0 -637px;}  
.spi .id_1251 { background-position: 0  -1249px;}  /* UFC, MMA */
.spi .id_6011 { background-position: 0  -1249px;}  /* UFC, MMA */
.spi .id_9999 { background-position: 0  -1285px;}  /* e-sports */

.spi .id_22877 { background-position: 0 -212px;}  
.spi .id_1252  { background-position: 0 -1231px;}
.spi .id_22881 { background-position: 0 -1231px;} 
.spi .id_4010  { background-position: 0 -257px;}  
.spi .id_22884 { background-position: 0 -257px;} 
.spi .id_22886 { background-position: 0 -319px;} 
.spi .id_1000000000000 { background-position: 0 -1304px;}  
.spi .id_18 { background-position: 0 -341px;}   
.spi .id_19 { background-position: 0 -383px;}   
.spi .id_20 { background-position: 0 -404px;}     
.spi .id_26 { background-position: 0 -532px;}
.spi .id_28 { background-position: 0 -574px;}
.spi .id_32 { background-position: 0 -658px;}
.spi .id_36 { background-position: 0 -742px;}
.spi .id_37 { background-position: 0 -763px;}
.spi .id_38 { background-position: 0 -784px;}
.spi .id_40 { background-position: 0 -828px;}
.spi .id_41 { background-position: 0 -849px;}
.spi .id_42 { background-position: 0 -870px;}
.spi .id_43 { background-position: 0 -892px;}
.spi .id_44 { background-position: 0 -913px;}
.spi .id_45 { background-position: 0 -934px;}
.spi .id_46 { background-position: 0 -955px;}
.spi .id_47 { background-position: 0 -975px;}
.spi .id_48 { background-position: 0 -996px;}
.spi .id_49 { background-position: 0 -1018px;}
.spi .id_50 { background-position: 0 -1039px;}
.spi .id_51 { background-position: 0 -1060px;}
.spi .id_52 { background-position: 0 -1081px;}
.spi .id_53 { background-position: 0 -1104px;}
.spi .id_55 { background-position: 0 -1146px;}
.spi .id_56 { background-position: 0 -1167px;}
.spi .id_57 { background-position: 0 -1188px;}
.spi .id_58 { background-position: 0 -1209px;}


.bet_live .id_1 { background:url(../images/sub/bg_1.jpg)  no-repeat top center;}
.bet_live .id_215 {  background:url(../images/sub/bg_215.jpg)  no-repeat top center;}
.bet_live .id_226 {  background:url(../images/sub/bg_226.jpg)  no-repeat top center;}
.bet_live .id_227 {  background:url(../images/sub/bg_227.jpg)  no-repeat top center;}
.bet_live .id_237 {  background:url(../images/sub/bg_237.jpg)  no-repeat top center;}
.bet_live .id_238 {  background:url(../images/sub/bg_238.jpg)  no-repeat top center;}
.bet_live .id_239 {  background:url(../images/sub/bg_239.jpg)  no-repeat top center;}
.bet_live .id_240 { background:url(../images/sub/bg_240.jpg)  no-repeat top center;}
.bet_live .id_1100 {  background:url(../images/sub/bg_1100.jpg)  no-repeat top center;}
.bet_live .id_1200 {  background:url(../images/sub/bg_1200.jpg)  no-repeat top center;}
.bet_live .id_1250 {  background:url(../images/sub/bg_1250.jpg)  no-repeat top center;}
.bet_live .id_1400 {  background:url(../images/sub/bg_1400.jpg)  no-repeat top center;}
.bet_live .id_1500 {  background:url(../images/sub/bg_1500.jpg)  no-repeat top center;}
.bet_live .id_1600 {  background:url(../images/sub/bg_1600.jpg)  no-repeat top center;}
.bet_live .id_1700 {  background:url(../images/sub/bg_1700.jpg)  no-repeat top center;}
.bet_live .id_1900 {  background:url(../images/sub/bg_1900.jpg)  no-repeat top center;}
.bet_live .id_2100 {  background:url(../images/sub/bg_2100.jpg)  no-repeat top center;}
.bet_live .id_2700 {  background:url(../images/sub/bg_2700.jpg)  no-repeat top center;}
.bet_live .id_3300 {  background:url(../images/sub/bg_3300.jpg)  no-repeat top center;}
.bet_live .id_3500 {  background:url(../images/sub/bg_3500.jpg)  no-repeat top center;}
.bet_live .id_3600 {  background:url(../images/sub/bg_3600.jpg)  no-repeat top center;}
.bet_live .id_3700 {  background:url(../images/sub/bg_3700.jpg)  no-repeat top center;}
.bet_live .id_3800 {  background:url(../images/sub/bg_3800.jpg)  no-repeat top center;}
.bet_live .id_5000 {  background:url(../images/sub/bg_5000.jpg)  no-repeat top center;}
.bet_live .id_6000 {  background:url(../images/sub/bg_6000.jpg)  no-repeat top center;}
.bet_live .id_6001 {  background:url(../images/sub/bg_6001.jpg)  no-repeat top center;}
.bet_live .id_6002 {  background:url(../images/sub/bg_6002.jpg)  no-repeat top center;}
.bet_live .id_6003 {  background:url(../images/sub/bg_6003.jpg)  no-repeat top center;}
.bet_live .id_6004 {  background:url(../images/sub/bg_6004.jpg)  no-repeat top center;}
.bet_live .id_6005 {  background:url(../images/sub/bg_6005.jpg)  no-repeat top center;}
.bet_live .id_6010 {  background:url(../images/sub/bg_6010.jpg)  no-repeat top center;}
.bet_live .id_1251 {  background:url(../images/sub/bg_6011.jpg)  no-repeat top center;}
.bet_live .id_6011 {  background:url(../images/sub/bg_6011.jpg)  no-repeat top center;}
.bet_live .id_22877 {  background:url(../images/sub/bg_22877.jpg)  no-repeat top center;}
.bet_live .id_1252  {  background:url(../images/sub/bg_22881.jpg)  no-repeat top center;}
.bet_live .id_22881 {  background:url(../images/sub/bg_22881.jpg)  no-repeat top center;}
.bet_live .id_4010  {  background:url(../images/sub/bg_22884.jpg)  no-repeat top center;}
.bet_live .id_22884 {  background:url(../images/sub/bg_22884.jpg)  no-repeat top center;}
.bet_live .id_22886 {  background:url(../images/sub/bg_22886.jpg)  no-repeat top center;}
.bet_live .id_4030 {  background:url(../images/sub/bg_22886.jpg)  no-repeat top center;}

.bet_rate.id_1 { background:url(../images/sub/bg_1.jpg)  no-repeat top center;}
.bet_rate.id_215 {  background:url(../images/sub/bg_215.jpg)  no-repeat top center;}
.bet_rate.id_226 {  background:url(../images/sub/bg_226.jpg)  no-repeat top center;}
.bet_rate.id_227 {  background:url(../images/sub/bg_227.jpg)  no-repeat top center;}
.bet_rate.id_237 {  background:url(../images/sub/bg_237.jpg)  no-repeat top center;}
.bet_rate.id_238 {  background:url(../images/sub/bg_238.jpg)  no-repeat top center;}
.bet_rate.id_239 {  background:url(../images/sub/bg_239.jpg)  no-repeat top center;}
.bet_rate.id_240 {background: url(../images/sub/bg_240.jpg)  no-repeat center center;}
.bet_rate.id_1100 {  background:url(../images/sub/bg_1100.jpg)  no-repeat top center;}
.bet_rate.id_1200 {  background:url(../images/sub/bg_1200.jpg)  no-repeat top center;}
.bet_rate.id_1250 {  background:url(../images/sub/bg_1250.jpg)  no-repeat top center;}
.bet_rate.id_1400 {  background:url(../images/sub/bg_1400.jpg)  no-repeat top center;}
.bet_rate.id_1500 {  background:url(../images/sub/bg_1500.jpg)  no-repeat top center;}
.bet_rate.id_1600 {  background:url(../images/sub/bg_1600.jpg)  no-repeat top center;}
.bet_rate.id_1700 {  background:url(../images/sub/bg_1700.jpg)  no-repeat top center;}
.bet_rate.id_1900 {  background:url(../images/sub/bg_1900.jpg)  no-repeat top center;}
.bet_rate.id_2100 {  background:url(../images/sub/bg_2100.jpg)  no-repeat top center;}
.bet_rate.id_2700 {  background:url(../images/sub/bg_2700.jpg)  no-repeat top center;}
.bet_rate.id_3300 {  background:url(../images/sub/bg_3300.jpg)  no-repeat top center;}
.bet_rate.id_3500 {  background:url(../images/sub/bg_3500.jpg)  no-repeat top center;}
.bet_rate.id_3600 {  background:url(../images/sub/bg_3600.jpg)  no-repeat top center;}
.bet_rate.id_3700 {  background:url(../images/sub/bg_3700.jpg)  no-repeat top center;}
.bet_rate.id_3800 {  background:url(../images/sub/bg_3800.jpg)  no-repeat top center;}
.bet_rate.id_5000 {  background:url(../images/sub/bg_5000.jpg)  no-repeat top center;}
.bet_rate.id_6000 {  background:url(../images/sub/bg_6000.jpg)  no-repeat top center;}
.bet_rate.id_6001 {  background:url(../images/sub/bg_6001.jpg)  no-repeat top center;}
.bet_rate.id_6002 {  background:url(../images/sub/bg_6002.jpg)  no-repeat top center;}
.bet_rate.id_6003 {  background:url(../images/sub/bg_6003.jpg)  no-repeat top center;}
.bet_rate.id_6004 {  background:url(../images/sub/bg_6004.jpg)  no-repeat top center;}
.bet_rate.id_6005 {  background:url(../images/sub/bg_6005.jpg)  no-repeat top center;}
.bet_rate.id_6010 {  background:url(../images/sub/bg_6010.jpg)  no-repeat top center;}
.bet_rate.id_1251 {  background:url(../images/sub/bg_6011.jpg)  no-repeat top center;}
.bet_rate.id_6011 {  background:url(../images/sub/bg_6011.jpg)  no-repeat top center;}
.bet_rate.id_4000 {  background:url(../images/sub/bg_22877.jpg)  no-repeat top center;}
.bet_rate.id_22877 {  background:url(../images/sub/bg_22877.jpg)  no-repeat top center;}
.bet_rate.id_1252  {  background:url(../images/sub/bg_22881.jpg)  no-repeat top center;}
.bet_rate.id_22881 {  background:url(../images/sub/bg_22881.jpg)  no-repeat top center;}
.bet_rate.id_4010  {  background:url(../images/sub/bg_22884.jpg)  no-repeat top center;}
.bet_rate.id_22884 {  background:url(../images/sub/bg_22884.jpg)  no-repeat top center;}
.bet_rate.id_4030  {  background:url(../images/sub/bg_22886.jpg)  no-repeat top center;}
.bet_rate.id_22886 {  background:url(../images/sub/bg_22886.jpg)  no-repeat top center;}



.bet_rate {padding: 16px 0 20px;text-align:center;}
.bet_rate li {display:inline-block;border:1px solid rgba(0, 0, 0, 0.9);background: rgba(0, 0, 0, 0.5);border-radius:3px;height: 32px;/* line-height: 32px; */padding:5px 8px;}
.bet_rate .sc_home, .bet_rate .sc_away {width: calc(50% - 50px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bet_rate .sc_home .in_team {text-align: left;padding-right:9px;}
.bet_rate .sc_vs {width: 73px;overflow: hidden;}
.bet_rate .sc_time {background:rgba(0, 0, 0, 0.5);font-size: 13px;border-radius:3px;display:inline-block;padding:3px 10px;color: #fff;border: 1px solid #2e333d;}
.bet_rate .sc_time b {font-size: 13px;font-weight:normal;color: #f50;padding-left:5px;}
.bet_rate .sc_time i { position:relative; top:2px; color:rgba(255, 255, 255, 0.5);}
.bet_rate .sc_away .in_team {text-align: right;padding-left:9px;}
.bet_rate .in_team {display:inline-block;width:calc(100% - 65px);font-size: 14px;color:#fff;}
.bet_rate .in_rate {display:inline-block;width: 53px;height:22px;border-radius:3px;background: #f50;text-align:center;line-height:22px;color: #fff;font-size: 14px;/* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); */font-weight:bold;}
.bet_rate {background-size: cover !important;border: 1px solid #2e333d;}
.bet_screen { margin-bottom:15px; border:1px solid rgba(255, 255, 255, 0.1);}
.bet_screen iframe { border:none; width:100%; margin:0 auto; height:260px;}
.sub_bet {background: #11191f;border: 1px solid #2e333d;border-top:none;}
.sub_bet .sb_tit {background: #1d2329 url(../images/sub/sb_tit_on.png) no-repeat right 10px center;height: 43px;line-height: 43px;padding:0 10px;border-top: 1px solid #2e333d;cursor:pointer;position:relative;}
.sub_bet .sb_tit.active{background: #1d2329 url(../images/sub/sb_tit_off.png) no-repeat right 10px center;}
.sub_bet .sb_tit .i-ar { font-size:20px;  display:inline-block; line-height:37px; position:relative; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.sub_bet .sb_tit .sb_tit_txt {display:inline-block;width: calc(100% - 5px);text-align:center;font-size: 15px;font-weight:bold;/* position:relative; *//* top:-3px; */color: #fff;}
.sub_bet .sb_tit .score {position:absolute; top:8px; right:5px; text-align:right; }
.sub_bet .sb_tit .score span {display: inline-block;border: 1px solid rgba(0, 0, 0, 0.5);box-shadow: 0 1px rgba(255, 255, 255, 0.1);background: rgba(0, 0, 0, 0.2);text-align: center;order-radius: 3px; padding: 0 5px;font-family:verdana; font-weight:bold; font-size:11px; color:#f1cc45;}
.sub_bet .sb_list { padding:7px 7px 2px 7px; overflow:hidden;}
.sub_bet .sb_list .sb_in {width: calc(50% - 0px);overflow:hidden;height: 40px;overflow:hidden;border: 1px solid #20374f;border-radius:3px;/* box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); */background: #07203b;font-size:12px;cursor:pointer;float:left;padding:0 10px;margin-bottom:4px;}
.sub_bet .sb_list .sb_in .in_team, .sub_bet .sb_list .sb_in .in_rate {line-height: 40px;font-size: 13px;color: #fff;}
.sub_bet .sb_list .sb_in .in_team {float:left;width: calc(100% - 40px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub_bet .sb_list .sb_in .in_rate { float:right; text-align:right; width:40px;}
.sub_bet .sb_list .sb_in .in_rate.change { color:#00FFFF;}
.sub_bet .sb_list .sb_in .in_rate .i-arrow-up { color:#FF0000;}
.sub_bet .sb_list .sb_in .in_rate .i-arrow-down { color:#00CC00;}
.sub_bet .sb_list .sb_in:nth-child(odd) {/* border-right:none; */border-radius:3px 0 0 3px;}
.sub_bet .sb_list .sb_in:nth-child(even) {  border-radius:0 3px 3px 0;}
.sub_bet .sb_list .sb_in:hover, .sub_bet .sb_list .select {background: #11191f;}
.sub_bet .sb_list .select .in_team, .sub_bet .sb_list .select .in_rate {color: #f50;}
.sub_bet .sb_list .sb_in.bet_off {opacity:0.3; cursor:default;}
.bet_w .bet_list li.bet_off      {opacity:0.3; cursor:default;}

.sub_bet .sb3 .sb_in {width: calc(33.3% - 0px);}
.sub_bet .sb3 .sb_in:nth-child(3n-1) { border-left:none; border-right:none; border-radius:0;}
.sub_bet .sb3 .sb_in:nth-child(3n-2) { border-right:1px solid #323232; border-radius:3px 0 0 3px;}

.sub_bet .sb3 .sb_in:nth-child(3n) {  border-radius:0 3px 3px 0;}

.sub_bet.opened .sb_tit .sb_tit_txt {color: #f50;}
.sub_bet .sb_tit:hover .sb_tit_txt {/* color: #fff; */}

.game_tab {overflow:hidden;margin-top: 5px;margin-bottom:10px;background:#363636;}
.game_tab li { float:left; width:calc(20% - 0px);}
.game_tab li span {display:block;height: 35px;line-height: 35px;text-align:center;border-bottom: 1px solid #f50;font-size: 13px;color: #a5a5ad;cursor:pointer;background: #1d2329;position:relative;}
.game_tab li span:after {content:'';width:1px;height:13px;background: #474b54;position:absolute;top: calc(50% - 6px);right:0;}
.game_tab li:last-child span:after { display:none;}
.game_tab li span:hover { color:#fff;}
.game_tab .tabcheck-select span {border: 1px solid #f50;border-bottom:none;font-weight:bold;color: #f50;background: #11191f;}


.popup-bg{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 100;top:0;left:0;display:none;}
.popup-bg .popup-box{width:360px;padding: 40px 35px 30px;margin:165px auto;background: #1d2329;border: 1px solid #313641;/* border-radius:13px; *//* box-shadow:0px 0px 17px #000; */position: relative;}
.popup-bg .popup-box:before{content:"";position:absolute;top:0;left:0;width: 100%;height: 100%;z-index: 0;border-radius: 13px;}
.popup-bg .popup-box > .box{position: relative;z-index:2;}
.popup-bg .popup-box > .box > .pop-logo{text-align:center;margin-bottom:20px;}
.popup-bg .popup-box > .box > a.popup-close{position:absolute;top:-20px;right:-20px;color:#616161;font-size:17px;}
.popup-bg .popup-box > .box > h4.tit{margin:20px 0 10px 10px;font-size:13px;font-size:13px;color:#d2d2d2;}
.popup-bg .popup-box > .box input{width:100%;}
.popup-bg .popup-box > .box > .pop-btn{margin-top:20px;text-align:center;}
.popup-bg .popup-box > .box > .pop-btn > a{width:100%;height:45px;line-height:45px;}
.popup-bg .popup-box > .box > .pop-btn > a span{font-weight:700;font-size:16px;}
.popup-bg .popup-box > .box > p.txt{margin-top:20px;text-align:center;color:#6d6d6d;font-size:13px;}
.popup-bg .popup-box > .box > p.txt > a{color:#fcd47a;text-decoration: underline;}
#recommender-code{/*display:block;*/}


#notandum > .popup-box{width:660px;}
#notandum > .popup-box h3.tit{color: #f50;font-size:22px;font-weight:700;padding-bottom:15px;border-bottom: 1px solid #313641;margin-bottom:20px;}
#notandum > .popup-box .popup-txt *{color:#d2d2d2;font-size:13px;line-height:25px;}
#notandum > .popup-box .pop-btn > a{width:123px;margin:0 auto;}

/* 20210623 */
.discuss-box{    
    width: 520px;
    left: calc(50% - 260px);
    right: 0;
    top: 120px;
    position: absolute;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
}
.discuss-box .pop-tit { height:70px; line-height:70px; font-size:28px; color:#3c3e43; font-weight:700; border:1px solid #bebebe; }
.discuss-box.show .btn_warp a:last-child{display:none;}
.discuss-box.show2 .btn_warp a:first-child{display:none;}

.discuss-box ul li{overflow:hidden;margin-bottom: 10px;position:relative;}
.discuss-box ul li .first{font-size: 15px !important;font-weight: 700;margin-bottom: 8px;color: #dcdcdc;position: relative;text-align: left;}
.discuss-box ul li .second{position: relative;/* padding-bottom: 20px; */}
.discuss-box ul li .second .txt{/* position:absolute; */bottom: 7px;color: #8d8d8d;font-size: 12px;/*  */margin-top: 5px;}
.discuss-box ul li input,
.discuss-box ul li select,
.discuss-box ul li textarea{background-color: #1d2329 !important;font-size: 14px;color: #fff;outline: none;border: 1px solid #4a4f54;/* border-radius: 5px; */margin-bottom: 4px;padding: 0 15px;}
.discuss-box ul li textarea{width:100%;height:100px;resize: none;padding: 15px;}
.discuss-box .btn_warp a{display:block;height:62px;line-height:62px;margin-top:10px;font-size: 22px;border-radius: 0;background: linear-gradient(#f8c71e, #ff7a15);border-radius: 5px;color: #333 !important;}
.discuss-box .btn_warp a:last-child{background:none;border:1px solid #fff;color: #fff !important;}
.discuss-close{position:absolute;top: 15px;right: 15px;}
.discuss-close a{font-size:35px;color:#fff;}
/* //20210623 */
.bg-black { display:none; position:fixed; z-index: 140; left:0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.5); backdrop-filter:blur(20px); }
.popup {
    display: none;
    left: calc(50% - 300px);
    top: 175px;
    width: 520px;
    z-index: 140;
    position: absolute;
    padding: 25px 0px 30px;
    background: #fff;
    border-radius:5px;
}
.popup .pop-tit { font-size:28px; color:#0f0f10; text-align:center; border-bottom:1px solid #bebebe; padding-bottom:15px; }
.popup .pop-tit p { font-weight:700; padding:0 0 0 40px; text-align: left; }
.popup .b-close { position:absolute; top:23px; right:20px; }
.popup .b-close:hover { animation: round_animate 0.2s linear;  }
@keyframes round_animate {
    from {transform: rotate(0deg);}
    to {transform: rotate(180deg);}
}
.popup .gidbx_tb { padding:0 40px; }
.popup .gidbx_tb ul { padding:40px 0 0;}
.popup .gidbx_tb ul li {
    margin-bottom: 10px;
    position: relative;
}
.popup .gidbx_tb ul li .pth {
    font-size: 15px;
    font-weight:700;
    margin: 15px 0 10px;
    color: #191919;
    text-align: left;
}
.popup .gidbx_tb .second { text-align:left; }
.popup .gidbx_tb .third { margin:5px 0 0; text-align:left; color:#bbbbbb; font-size:13px; }
.popup .gidbx_tb ul li input, 
.popup .gidbx_tb ul li select{
	text-align:left;
    background-color:#fff;
    font-size: 15px;
    color: #000;
    outline: none;
	border:1px solid #bebebe;
    padding: 0 15px;
	height:45px;
	width:100%;
}
.popup .gidbx_tb ul li textarea {
	text-align:left;
    background-color:#fff;
    font-size: 15px;
    color:#000;
    outline: none;
	border:1px solid #bebebe;
    padding:15px;
	height:120px;
	width:100%;
}
.popup #notice_view {
    width: 100%;
    height:120px;
    padding:15px;
    overflow-y:auto;
    box-sizing: border-box;
    border:1px solid #bebebe;
}

.popup_1 .b-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #222;
}

.popup.isAsk .answer,
.popup.isAnswer .ask  { display:none; }
.popup.isAnswer .answer { display:block; }
.popup.isAnswer .answer.btn { display:block; }
.popup.isAnswer #resReply { display:none; }

.popup .gidbx_tb table tr th{
	margin:0;
	padding:0;
}
.popup .gidbx_tb table tr th p {
	background:rgba(255, 255, 255, 0.15);
	border:2px solid rgb(49 51 63 / 97%);
	width:100%;
	border-radius:6px;
	color:#fff;
	padding-top:20px;
	padding-bottom:20px;
}
.popup .gidbx_tb table tr td {
    height: auto;
    color: #888;
    font-size: 13px;
    text-align: left;
	border:2px solid rgb(49 51 63 / 97%);
}
.popup .gidbx_tb table tr td p.ipt input { border:none; }
.popup .gidbx_tb table tr td em {
    display: block;
    margin: 8px 0 0 0;
    color: #ffba00;
}

.popup .gidbx_tb table tr td > div {
    padding: 5px 0;
}
.btn_warp.btn-log { margin:20px 40px 0; }
.btn_warp.btn-log a {
    display: block;
    margin: 0 0 10px;
    height: 60px;
    font-weight: 700;
    line-height: 58px ;
    box-sizing: border-box;
    background:linear-gradient(#f9bb1c, #fe8816);
    border:2px solid #f9c71e;
    font-size:20px;
    color:#ffffff;
    border-radius:5px;
}
#notice_view { color:#5a5a5a !important;}


.minigame-tab-brand{overflow:hidden;}
.minigame-tab-brand > ul { border-left:1px solid #6c2c34 }
.minigame-tab-brand > ul > li{float:left;width:calc(100% / 6);}
.minigame-tab-brand > ul > li > a{border: 1px solid #6c2c34; border-left:0; border-bottom:1px solid #f3c089; padding:5px 0; background: #1f1f1f;height:65px;display: block;text-align: center;font-size: 14px;color: #fff;}
/* .minigame-tab-brand > ul > li > a img{margin-right:5px;} */
.minigame-tab-brand > ul > li:first-child > a{border-left: 1px solid #6c2c34;}
.minigame-tab-brand > ul > li > a:hover,
.minigame-tab-brand > ul > li > a.on{margin-left:-1px; color:#f3c089;background:transparent; border:1px solid #f3c089; border-top:2px solid #f3c089; border-bottom:0; }
/* .minigame-tab-brand > ul > li > a span.on { display:none; }
.minigame-tab-brand > ul > li > a:hover span.on,
.minigame-tab-brand > ul > li > a.on span.on { display:inline; }
.minigame-tab-brand > ul > li > a.on span.out,
.minigame-tab-brand > ul > li > a:hover span.out { display:none; } */
.minigame-tab-brand > ul > li > a span.on { display:none; } 

.minigame-tab-brand-cont{/* line-height:61px; */border:1px solid #f3c089; border-top:0; background:transparent; margin-right:1px; }
.minigame-tab-brand-cont > ul{display:none;width: 100%;}
.minigame-tab-brand-cont > ul > li{display:table-cell;width: calc(50%); position:relative; }
.minigame-tab-brand-cont > ul.ul3 > li{width: calc(100% / 3);}
.minigame-tab-brand-cont > ul.ul4 > li{width: calc(100% / 4);}
.minigame-tab-brand-cont > ul.ul6 > li{width: calc(100% / 6);}
.minigame-tab-brand-cont > ul > li .mini-live-tmenu{position:relative; height:63px; background:transparent;border-top:0;  }
.minigame-tab-brand-cont > ul > li:after { content:""; position:absolute; right:0; top:50%; transform: translateY(-50%); height:17px; width:1px; background:#b29364; }
.minigame-tab-brand-cont > ul > li:last-child:after { display:none; } 
.minigame-tab-brand-cont > ul > li .mini-live-tmenu { border:0 !important; }
.minigame-tab-brand-cont > ul > li .live-tmenu-name { font-size:14px; color:#cac6c0; }
.minigame-tab-brand-cont > ul > li.on div,
.minigame-tab-brand-cont > ul > li:hover div { color:#f3c089 !important; }

.game-select-box-cont1 .cont ul.ul3 li { width:calc(100% / 3 - 10px);}
.game-select-box-cont1 .cont ul.ul4 li { width:calc(100% / 4 - 10px);}
.game-select-box-cont1 .cont ul.ul5 li { width:calc(100% / 5 - 10px);}
.game-select-box-cont1 .cont ul.ul6 li { width:calc(100% / 6 - 10px);}
.game-select-box-cont1 .cont ul.ul9 li { width:calc(100% / 9 - 10px);}
.game-select-box-cont1 .cont ul.ul10 li { width:calc(100% / 10 - 10px);}


.event-box {padding: 20px 0 20px;margin-top: -15px;margin-left: -20px;border-bottom: aliceblue;font-size:0;overflow: hidden;}
.event-box  > a{margin-left: 20px;margin-top: 10px;color:#ccc;text-align:center;font-size:18px;color:#ccc;font-size: 0;float: left;width: calc(100% / 5 - 20px);}
.event-box  > a span{display: block;border: 1px solid #3f3b3b;overflow:hidden;border-radius:5px; }
.event-box  > a span.img{height: 270px;}
.event-box  > a span.txt { font-size:13px; margin:10px 0 0; border:0; height:30px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;}
/* .event-box  > a:hover span{border: 2px solid #ff5500;} */
/* .event-box  > a span:last-child{display:block;border:0;font-size: 16px;font-weight: 700;color: #c4c4c7;margin-top: 10px; height:32px; } */
/* .event-box  > a:hover span:last-child{border:0;} */
.event-box  > a img{width: 100%;}


.login-cont .btn-log.inlineGrid2 a { width:calc(100% / 2 - 10px); margin-top:0; }

.cashin-current { margin: 0 0 10px; font-weight:700; border-top:1px solid #313641; }
.cashin-current .section-box-tit { padding:20px 0 15px; }
.cashin-current .tit{font-size:22px; color:#ffffff; font-weight:700;}
.cashin-current ul { margin-right:-20px; }
.cashin-current li { padding:0 20px 0 0; }
.cashin-current li .thumb { position:relative; overflow:hidden; background:#1d2329; border: 1px solid #353535; }
.cashin-current li .thumb h3 { height:50px; line-height:52px; color:#fff; font-size: 20px;  background: #3f3f3f; text-align: center; }
.cashin-current li .thumb h3 span { font-size:14px; color:#ffffff; }
.cashin-current li .thumb .ctInner { position:relative; padding: 13px 30px 13px 120px; min-height: 0; border:0; background:#1f1f1f; }
.cashin-current li .thumb .ctInner .rate {position: absolute;left: 28px;top: 20px;font-size: 32px;font-weight: 700;color: #f7b21e; }
.cashin-current li .thumb .ctInner .help { font-size:14px; color: #cdcdcd; line-height:1.5; }
.cashin-current li .thumb .ctInner .help strong { font-size:18px;  color: #e40931; }
.cashin-current .cashout-info { height:54px; text-align:center; background: #1f1f1f; line-height:54px; color:#fff; margin-top: 10px; font-size: 14px;  border: 1px solid #353535; }
.cashin-current .cashout-info img { vertical-align:middle; margin-right:10px; }
.cashin-current .section-box-tit span { color:#ecc777; margin-left:5px; }
.cashin-current .cashout-info i { margin-right:10px; color:#ff3d12; font-size:27px; vertical-align:middle; }

body.login { overflow:hidden; }
.login-wraper,
#visual { height:100%; }
#visual { position:relative; overflow:hidden; }
.login-cont .tel { margin:25px 0 0; text-align: center; font-size:20px; color:#e6dfbd; font-family: "a3"; }
.login-cont .tel .addr {  color:#faf59d; }
.login-cont .tel .iconfont { 
    font-size:50px;
    display:inline-block;
    margin:0 5px 0 0;
    vertical-align: middle;
    background: linear-gradient(360deg,#b68026 , #8e5b1e 20%, #f6e886 47%, #fcf7a0);
    -webkit-background-clip: text;
    color: transparent;
 }

 body.join .login-box {
    
    position: absolute;
    left: 50%;
    padding: 0;top: 0;
    transform: translateX(-50%);
    z-index: 10;
}

.join-v .cont input::placeholder { color:#44433d; }

.content-box .ctInner { padding:20px;  background: rgb(35,35,35,0.85); border-radius:8px; min-height: 600px;border: 1px solid #353535;}

.mini-type { display:inline-block;width:55px; height:26px; line-height: 26px; border-radius:5px; text-align: center; }
.mini-type.r-gray { background:linear-gradient(#8b8b8b, #4d4d4d); }
.mini-type.r-yellow { background:linear-gradient(#f2cf72, #ffc702); color:#0f0f10; }
/* .mini-type.r-yellow2 { background: #e6e81a; color: #2F2E2E;} */
.mini-type.r-red { background:linear-gradient(#f36767,#fe3838 ) }

.table-style2 table tbody td.gameOption,
.table-style2 table tbody td.gameOption * { color:#f3c089 !important; font-weight:400; }

@media screen and (max-width:1860px){
	#container .right-box,
    #content_left {
        /* margin-right:0; */
        top:35px
    }
}

.attendance-txt{font-size:20px; margin:0 0 10px; color:#fff; text-align: left; padding-left:100px; height:250px;padding-top:135px; background: url('/images/sub/atten_img1.jpg') no-repeat; border: 1px solid #c7af7f; }
.attendance-txt p{margin-top:10px; font-weight:400; font-size:16px;  padding-left:180px; color: #fff; }
.attendance-txt > span{color: #f7b21e; position:relative; }
.attendance-txt > span:after { content:''; display:block; position:absolute; bottom:0; width:100%; height:1px; left:0; background: #f7b21e; }
.attendance-txt p span { color:#fff; }

.tabTitle {  }
.tabTitle ul li { padding:0; }
.tabTitle ul li a{ display:block; height:50px; line-height:50px; border: 1px solid #6c2c34;border-left: 0;color: #fff; font-size:18px;   border-bottom: 1px solid #f3c089; text-align: center; background: #1f1f1f; }
.tabTitle ul li:first-child a { border-left:1px solid #6c2c34; }
.tabTitle ul li a.on,
.tabTitle ul li a:hover { color: #f3c089;  border: 1px solid #f3c089;border-top: 2px solid #f3c089;border-bottom:0; background: transparent; }

.tabTitle2 { border:1px solid #3f3b3b; margin:10px 0 0;}
.tabTitle2 ul li { padding:0; }
.tabTitle2 ul li a { display:block; height:50px; line-height:50px; position:relative;  background:#1f1f1f; font-size:16px; color:#cac6c0; text-align: center;}
.tabTitle2 ul li a.on,
.tabTitle2 ul li a:hover { color:#f3c089; }
.tabTitle2 ul li a:after { content:"";  height:25px; width:1px; position:absolute; right:0; top:50%; transform:translateY(-50%); background:#3f3b3b; }
.tabTitle2 ul li:last-child a:after { display:none; }

.btn_st_n.grey { width:80px; color:#fff !important; background:#636363; border-radius:5px; }
.btn_st_n.red { width:80px; color:#fff !important; background:#970723; border-radius:5px; }
.btn_st_n.btst_o { width:100px; color:#fff !important; background:#8b6e5c; border-radius:5px; border:0; }
.content-box .bet-detial-table {
    border-collapse: separate;
    border-spacing: 2px;
    width: calc(100% + 4px);
    margin-left: -2px;
    margin-bottom:15px;
}
.content-box .bet-detial-table > tbody > tr > td {
    border: 1px solid #3f3b3b;
    height: 35px;
	background: #1f1f1f;
	color:#fff;
font-family: "a1";}
.content-box .bet-detial-table > tbody > tr > td.active { 
    background: #2f2a24;
    border: 1px solid #876846;
 color: #c6af7f !important;}
 .content-box .bet-detial-table > tbody > tr > td * { font-family:"a1"; }
 .content-box .bet-detial-table > tbody > tr > td.active span { color:#c6af7f !important; font-family: "a2"; }

 .qnaAnswer h3 { font-size:22px; color:#c5ad7e; margin:45px 0 14px; }
 .qnaAnswer .answerContent { padding:35px 20px; border:1px solid #9e0623; background:#1f1f1f; color:#fff; font-size:15px; font-family:"a1" }
 
.table-tbody tr.oddBg td{ background:#1f1f1f; }

.msgStatus span { display:inline-block; width:70px; height:31px; line-height:31px; text-align: center; color:#fff; font-size:14px; border-radius:5px; background:linear-gradient(#7f0923, #b71332) }
.msgStatus span.gray { background:linear-gradient(#4b4b4b, #868686) }

.cashin-wraper{ border: 1px solid #353535;background: #1f1f1f;margin-top: 20px;}
.cashin-wraper + .cashin-wraper { margin-top:5px; }
.cashin-wraper dl .pt13 { padding-top:30px; text-align: center; }
.cashin-wraper dl .pt25 { padding-top:25px; }
.cashin-wraper dl .pt50 { padding-top:50px; }
.cashin-wraper dl{padding:30px 50px 30px; overflow:hidden; }
.cashin-wraper dl dt{ float:left; font-weight:600; font-size:36px;
	background: linear-gradient(to right, #c6af7f, #b39465);
	-webkit-background-clip: text;
	color: transparent;
}
.cashin-wraper dl dd{ float:left; padding-left:60px; color:#fff; }
.cashin-wraper dl dd p { font-weight:400; line-height:25px; font-family: "a1";}
.cashin-wraper dl dd span { color: #fff; display:inline-block; width: 12px; font-size:14px; }
.cashin-wraper dl dd .m-yellow { color:#fbdd50; }
.cashin-wraper dl dd .m-red { color:#ea3d3d; }

.table-style1.cashArea { padding: 5px 40px 12px; border:1px solid #353535; background:#1f1f1f; }
.table-style1 > .box > dl > dd > span.red { color:#dd4260 !important; }
a.btn.orange2 {     
    background: linear-gradient(#ae1331, #810923);
    color: #fff !important;
    font-size: 16px;
    border-radius: 10px;
    min-width: 125px; 
}
.table-style1 > .box > dl > dd .users { color:#fcf799; font-size:22px; }

a.btn.btnCash { width:140px; height:54px; line-height:54px; text-align: center; font-size:20px; font-family:"a3"; color:#ffffff; border-radius:5px; background:linear-gradient(#c4a15e, #957441) }

.cashList .table-thead { border:1px solid #6c2c34; }
.cashList .table-thead th { border:0; height:40px; font-size:14px; }
.cashList .table-tbody td { height:40px; border-left:1px solid #3c3c3c; border-bottom:1px solid #3c3c3c; color:#f1f1f1;}
.cashList .table-tbody td:first-child { border-left:0; }

a.btn.green2.btnCashDel { width:85px; height:40px; line-height:40px; font-size:15px; }
a.btn.green2.btnCashDel.c-red { color:#fa4949 !important; }

.cash-type { display:inline-block; width:70px; height:26px; line-height:26px; border-radius:5px; font-size:14px; }
.cash-type.r-red { color:#fff; background:#7e0923; }
.cash-type.r-yellow { color:#fff; background:#957441;}
.cash-type.r-gray { color:#fff; background:#4c4c4c; }
.cash-type.r-purple { color:#fff; background:linear-gradient(#9b33f8,#7219c3); }

.center { text-align: center; }

.rolling .section-box-tit { font-family:"a2"; }
.rolling span { font-size:14px; color:#f3c089; }

.closeStatus { display:block !important; }
.vGameClose { bottom:0 !important; min-height:200px !important; }
.vGameClose .line-center { position:relative; top:50%; transform:translateY(-50%); }

#board_list { position:relative; min-height:300px; }