.black-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

.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: 652px;
    border-radius: 10px;
    width: 100%;
    margin: 0 auto;
    top: 0;
} /* 20200908 */
.pop-login .img {
    position: relative;
}
.pop-login .img img {
    max-width: 100%;
}
.pop-login .img span {
    position: absolute;
    top: 25px;
    left: 26px;
    width: 35%;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    background: #222020;
    border-radius: 30px;
    text-align: center;
    box-shadow: inset 5px 5px 7px rgba(0, 0, 0, 0.63);
}
.pop-login .img span img {
    width: 100%;
}
.pop-login .pop-close {
    position: absolute;
    top: -38px;
    right: -32px;
    font-size: 22px;
    color: #fff;
}
.login-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/image/login_bg.jpg") no-repeat center top;
    background-size: cover;
} /* 20200908 ../images/sub/login_bg.jpg?v=4 */
.login-box {
    margin: 145px 20px 100px;
} /* 20200908 */
.login-cont {
    /* max-width: 293px; */
    margin: 0 auto;
    padding: 0px 0 80px;
    text-align: center;
} /* 20200908 */
.login-cont p {
    font-size: 26px;
    color: #f60;
    margin-bottom: 14px;
    text-align: center;
} /* 20200908 */
.login-cont .tit {
    font-size: 36px;
    color: #fff;
    margin-bottom: 30px;
    text-align: center;
} /* 20200908 */
.login-cont .tit a {
    position: relative;
    vertical-align: middle;
}
/**.login-cont .tit a::after{content:"";position:absolute;top: 50%;margin-top: -12px;right: -22px;width:1px;height:20px;background:#4d4e50;}**/
.login-cont .tit img {
    /*width:120px;*/
    max-width: 100%;
} /* 20200908 */
.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 {
    margin: 0 80px;
    padding: 20px 60px 25px;
    background: #fff;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.07);
    border: 20px solid yellowgreen;
    border-image-source: url("https://i.imgur.com/m4HcW6v.png");
    border-image-slice: 12;
    border-image-width: 20px;
    border-image-repeat: round;
    outline: #cccccb solid 1px;
    border-radius: 3px;
} /* 20211122 */
.login-cont .cont .login-text {
    font-size: 32px;
    font-weight: 700;
    color: #353535; /*color: #fff;*/
    text-align: left;
    margin-bottom: 15px;
} /* 20200908 */
.login-cont .cont .login-text img {
    width: 70px;
} /* 20200908 */
.login-cont .cont p.ipt {
    margin: 0 0 20px;
    position: relative;
    height: 45px;
} /* 20200908 */
.login-cont .cont p.ipt i.iconfont {
    display: none;
    position: absolute;
    top: 4px;
    left: 10px;
    width: 31px;
    height: 31px;
    font-size: 31px;
    color: #fff;
}
.login-cont .cont p.ipt input {
    height: 45px;
    border: 0;
    font-size: 15px;
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    background: #fff; /* border: 1px solid #d5d5d4; */
    border: 1px solid #cccccb;
    color: #333;
    padding-left: 15px;
    border-radius: 3px;
    outline: 0; /*box-shadow: inset 0px 1px 5px rgb(204 204 203 / 45%);*/
} /* 20200908 */
.login-cont .cont p.ipt.on input {
    border: 1px solid #1f232a;
    background: #222020;
    box-shadow: 0px 0px 10px #1f232af0;
}
.login-cont .cont p.ipt.on i.iconfont {
    background: #222020;
    color: #1f232a;
    border-radius: 50%;
    overflow: hidden;
}
.login-cont .cont p.ipt input:first-child {
    margin-top: 0;
}
.login-cont .cont p.p4 input {
    padding: 0 12px;
    height: 40px;
    width: calc(100% - 80px); /*background: #464646;color: #fff;*/
    background: #fff;
    color: #333;
    border: 1px solid #cccccb;
    border-radius: 3px;
    outline: 0;
    box-sizing: border-box;
    font-size: 15px;
}
.login-cont .cont p.p4 .checking {
    display: inline-block;
}
.login-cont .cont p.p4 img {
    width: 80px;
    height: 40px;
}
.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 .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: #1f232a;
}

.btn-log {
    margin-top: 28px;
} /* 20200908 */
.btn-log a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 20px; /* font-weight: 700; */ /* border-radius: 5px; */
    color: #fff;
    margin: 0; /* background: #1f232a; */
    background: #009cff;
} /* 20200908 */
.btn-log a:hover {
    background: #244d7f;
    color: #fff;
}
.btn-log a:first-child::after {
    display: none;
}

.btn-log input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 20px; /* font-weight: 700; */ /* border-radius: 5px; */
    color: #fff;
    margin: 0;
    background: #1f232a;
} /* 20200908 */
.btn-code {
    margin-top: 15px;
} /* 20200908 */
.btn-code a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 20px; /* font-weight: 700; */ /* border-radius: 5px; */
    color: #fff;
    margin: 0; /* background: #F90; */
    background: #009cff;
} /* 20200908 */
.btn-code a:hover {
    background: #f60;
    color: #fff;
}
.btn-code a:first-child::after {
    display: none;
}
.btn-cancel {
    margin-top: 10px;
}
.btn-cancel a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 700; /* border-radius: 5px; */
    color: #fff;
    margin: 0; /* background: #C33; */
    background: #ffa800;
}
.btn-cancel a:hover {
    background: #f60;
    color: #fff;
}
.btn-cancel a:first-child::after {
    display: none;
}

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

.pop-code {
    max-width: 484px;
    border-radius: 10px;
    background: #222020;
    width: 100%;
    margin: 0 auto;
    top: 10%;
}
.login-cont .code-log a {
    width: 100%;
}
.login-cont .code-log a:hover {
}
.login-cont .code-log a.calcel-btn {
    margin-top: 4px;
    background: #999;
    font-size: 13px;
    color: #8c8c8c;
}
.pop-code .pop-close {
    position: absolute;
    top: -38px;
    right: -32px;
    font-size: 22px;
    color: #fff;
}

/*.pop-join{max-width: 484px;width: 100%;height: 84%;padding: 20px 40px 30px;border-radius: 10px;background:#222020;margin: 0 auto;top: 5%;bottom: 10%;}*/
.pop-join {
    max-width: 484px;
    width: 100%;
    height: 84%;
    padding: 20px 40px 30px;
    margin: 0 auto;
    top: 5%;
    bottom: 10%;
    background: #fff;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.07);
    border: 20px solid yellowgreen;
    border-image-source: url("https://i.imgur.com/m4HcW6v.png");
    border-image-slice: 12;
    border-image-width: 20px;
    border-image-repeat: round;
    outline: #cccccb solid 1px;
    border-radius: 3px;
} /*20211122*/
.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: 0 auto;
    box-sizing: border-box;
    position: relative;
    overflow-y: auto;
    height: calc(100% - 105px);
}
.join-v {
    margin: 0px auto;
}
.join-v .tit {
    font-size: 36px;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
}
.join-v .tit a {
    position: relative;
    margin-right: 42px;
    vertical-align: middle;
}
.join-v .tit a::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: -22px;
    width: 1px;
    height: 20px;
    background: #4d4e50;
}
.join-v .tit img {
    width: 97px;
}
.join-v .repeat-box {
    position: relative;
}
.join-v .repeat-btn {
    position: absolute;
    top: 6px;
    right: 0;
    width: 115px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #313131;
    border: 1px solid #313131;
}
.join-v .cont {
}
.join-v .cont ul {
    /* padding-bottom:10px; */
}
.join-v .cont li {
    overflow: hidden; /* margin-bottom: 25px; */
    position: relative;
}
.join-v .cont li .first {
    font-size: 14px !important;
    font-weight: 700;
    margin-bottom: 12px;
    color: #090723;
    position: relative;
}
.join-v .cont li.on .first {
    color: #1f232a;
}
.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: 21px;
}
.join-v .cont li .second .txt {
    position: absolute;
    bottom: 8px;
    color: #727272;
}
.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: #312f2f;font-size: 14px;color: #fff;outline: none;border: 1px solid #3e3e3e;border-radius: 3px;margin-bottom: 4px;}*/
.join-v .cont input,
.join-v .cont select {
    background: #fff;
    font-size: 14px;
    color: #333;
    outline: none;
    border: 1px solid #cccccb;
    border-radius: 3px;
    margin-bottom: 4px;
} /*20211122*/
.join-v .cont input,
.join-v .cont select {
    padding-left: 8px;
}
.join-v .cont input:focus,
.join-v .cont select:focus {
    border: 1px solid #1f232a;
}
.join-v .chk-btn {
    background: #ffa800;
}
.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: 35px;
}
.iptC {
    width: 100%;
    height: 35px;
}
.seleC {
    width: 100%;
    height: 35px;
}
.seleD {
    width: 50%;
    height: 35px;
}

.bank-box {
    font-size: 0;
}
.bank-box .seleD {
    margin-right: 4px;
    width: calc(
        50% - 4px
    ); /*background: #312f2f url(../images/sub/sele_icon.png) no-repeat 95% center !important;*/
    background: #fff url(../images/sub/sele_icon.png) no-repeat 95% 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: #ccc;
}
.join-v .cont input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
}
.join-v .cont input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
}

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

.chk-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    background: #b43435;
}

.join-info {
    text-align: center;
}
.join-info .p3 {
    color: #8c8c8c;
    text-align: center;
    margin: 0 0 15px;
}
.join-info .p3 a {
    color: #0040ff;
    font-size: 14px;
    font-weight: 700;
}
.join-info .p3 a:hover {
    color: #1f232a;
}
.join-info .btn-log a {
    width: 117px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 5px;
    color: #fff;
    margin: 0;
    background: #1f232a;
}
.join-sns {
    height: 62px;
    line-height: 62px;
    text-align: center;
    border-top: 1px solid #393737;
    margin-top: 20px;
}
.join-sns span {
    font-size: 0;
    vertical-align: middle;
    background: none;
    padding-left: 9px;
    margin-left: 8px;
}
.join-sns span strong {
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
}
.join-sns span i {
    position: relative;
    display: inline-block;
    width: 31px;
    height: 31px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    background: #3498db;
    vertical-align: middle;
    font-weight: normal;
    padding-right: 3px;
    margin-right: 8px;
}
.join-sns span:first-child i {
    font-size: 35px;
    background: #f9e81e;
    color: #222020;
}

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

#footer.login-ft {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.code-btn {
    margin-top: 20px;
}

.mt0 {
    margin-top: 0px;
}
.mt10 {
    margin-top: 10px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.ml10 {
    margin-left: 10px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.color-red {
    font-size: 12px;
    color: #df2c2c;
}
.color-black {
    font-size: 12px;
    font-family: "ÃÆ'Įâ€â"
        ¢ÃƒÆ
        "‚ªÃÆ"
        ƒâ€šÃÆ
        "‚µÃÆ"
        ƒâ€šÃÆ
        "‚´ÃÆ"
        Įâ€â
        "¢ÃƒÆ'‚«ÃÆ'ƒâ€šÃÆ'‚¦ÃÆ'ƒâ€šÃÆ'‚¼";
    color: #7c7c7c;
}

.black-btn a {
    display: block;
    height: 48px;
    line-height: 48px;
    background: #1698d3;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.white-btn {
    margin-top: 10px;
}
.white-btn a {
    display: block;
    height: 56px;
    line-height: 56px;
    background: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #808080;
}

.sms-v {
    margin-top: 15px;
}
.sms-v label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    font-size: 15px;
    color: #100f0f;
    height: 22px;
    line-height: 22px;
}
.sms-v label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: #0040ff;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.sms-v input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.sms-v input[type="checkbox"]:checked + label::before {
    background: #0040ff url(../images/sub/icon_true.png) no-repeat center;
}

.join-v3 {
    margin: 30px auto;
    padding: 65px 55px 127px;
    background: #fff;
}
.join-v3 > .tit {
    font-size: 26px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}
.join-v3 > .tit i {
    /* display:block; */
    margin-bottom: 20px;
    font-size: 65px;
    color: #253981;
    line-height: 80%;
    vertical-align: middle;
}
.join-v3 > .tit span {
    font-weight: 700;
    font-size: 38px;
    color: #253981;
    vertical-align: middle;
}
.join-v3 p {
    margin-bottom: 15px;
    line-height: 23px;
    font-size: 16px;
    color: #4b4b4b;
}
.join-v3 p strong {
    color: #181818;
}
.join-v3 p.smp1 {
    font-size: 13px;
    color: #df2c2c;
}
.join-v3 p .fzong {
    color: #a87c4f;
}
.join-v3 p.p1 {
    font-size: 17px;
    font-weight: 700;
    color: #04ade7;
}
.join-v3 p.p2 {
    margin: 25px 0 0;
}
.join-v3 .ft14 {
    font-size: 14px;
}
.join-v3 .box {
    border-bottom: 1px solid #c6c6c6;
    margin: 25px 0;
}
.join-v3 .box > .tit {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    background: #04ade7;
    border-radius: 25px;
    display: inline-block;
    padding: 8px 15px;
}
.join-v3 .box > .tit::before {
    position: absolute;
    top: -4px;
    left: 0;
    font-size: 37px;
    font-weight: normal;
}
.join-v3 .box > ul {
    padding-bottom: 25px;
    margin-left: 4px;
}
.join-v3 .box > ul > li {
    padding-left: 13px;
    text-indent: -16px;
    line-height: 24px;
    font-size: 14px;
    color: #4b4b4b;
}
.join-v3 .color-red {
    font-size: 15px;
}
.join-v3 .black-btn {
    margin-bottom: 0;
}

#header.sub-header {
    background: url("../images/sub/imgHeroes.jpg") no-repeat 50% 100%;
    position: relative;
    height: 382px;
    margin: 0 auto;
    background-size: cover;
    min-width: 1200px;
}

.sub-contener {
    margin: 0 auto;
    background: #eff0f1;
    padding: 20px 0 30px;
    min-width: 1200px;
    position: relative;
}

.sub-contener-wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.sub-contener strong {
    font-weight: bold;
}

div.local {
    position: absolute;
    width: 100%;
    top: -63px;
}

div.local h2 {
    color: #fff;
    font-weight: 700;
    font-size: 26px;
    float: left;
}
.location {
    float: right;
    margin-top: 14px;
}
.location > ul {
    float: left;
    background: url(../images/sub/location.png) no-repeat left 3px;
}
.location > ul > li {
    float: left;
    position: relative;
    font-size: 12px;
    font-weight: 300;
    color: #666;
    padding: 0 10px 0 20px;
    height: 16px;
    line-height: 16px;
}
.location > ul > li::before {
    font-size: 12px;
    font-weight: 700;
    color: #0040ff;
    position: absolute;
    left: 0;
    top: -1px;
}
.location > ul > li > strong {
    display: inline-block;
    position: relative;
    font-size: 12px;
    font-weight: 700;
    color: #0040ff;
    line-height: 98%;
}
.location > ul > li:first-child {
    padding-left: 18px;
}
.location > ul > li:last-child {
    padding-right: 0;
}

.cross-wraper {
    overflow: hidden;
}
.cross-wraper > .left {
    float: left;
    width: 930px;
    padding-bottom: 70px;
    padding: 0px 10px 70px;
    background: #ffffff;
    border: 1px solid #d1d2d3;
}
.cross-wraper > .right {
    float: right;
    width: 238px;
    border: 1px solid #d1d2d3;
    background: #fff;
}

#divMenu {
    background: url(../images/sub/card_bg.gif) repeat;
    padding: 8px 10px 10px;
}

.slip-header-new {
    overflow: hidden;
}
.beting-cart {
    font-size: 18px !important;
    font-weight: 700;
    color: #0040ff;
    float: left;
}
.beting-cart::before {
    font-size: 24px;
    font-weight: normal;
    vertical-align: -3px;
}

.btn-r {
    float: right;
    font-size: 0;
}
.money_view01 {
    font-size: 14px;
    color: #333;
}

.btnBettDel {
    margin-top: -8px;
    font-size: 17px;
    color: #a9a9a9;
}

.quick {
    position: absolute;
    top: -72px;
    right: 60px;
    z-index: 4;
}
.quick a {
    display: block;
    margin-bottom: 10px;
}
.quick.fixed {
    position: fixed;
    top: 0;
}

.power-wraper {
    overflow: hidden;
}
.power-wraper > .left {
    float: left;
    width: 910px;
    padding: 0px 10px 20px;
    background: #fff;
    border: 1px solid #d1d2d3;
}
.power-wraper > .right {
    float: right;
    width: 240px;
    border: 1px solid #d1d2d3;
    background: #fff;
    padding: 18px 9px 10px;
}

.all-game {
    width: calc(100% / 7 - 8px);
    margin-top: 8px;
    margin-left: 8px;
    height: 62px;
    line-height: 62px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #a87c4f;
    background: #181818;
}
.game-box {
    text-align: center;
    margin-top: 25px;
    min-height: 542px;
}

.table-style2 table thead th {
    padding: 13px 0;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: #8f9194;
}
.table-style2 table thead th:first-child {
    border-left: 0;
}
.table-style2 table tbody td {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    text-align: center;
    border-left: 1px solid #d1d2d3;
    border-bottom: 1px solid #d1d2d3;
}
.table-style2 table tbody tr:hover td {
    background: #f9f9f9;
}
.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;
}

.font-red {
    color: #e94343;
}
.font-red2 {
    color: #f11a1a;
}
.font-orange {
    color: #e0b11e;
}
.font-white {
    color: #ffffff;
}
.font-blue {
    color: #0040ff;
}

/* paging */
.paging {
    display: table;
    margin: 0 auto;
    text-align: center;
}
.paging a {
    float: left;
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin: 0 2px;
    border: 1px solid #262628;
    background: #262628;
    font-size: 18px;
    color: #7d7c7c;
}
.paging a > img {
    vertical-align: 0;
}
.paging a.on,
.paging a:hover {
    color: #fff;
    background: #0b0b0c;
    border: 1px solid #008fe8;
    font-weight: 700;
}
.paging a.img:hover {
    background: none;
}
.paging a.img {
    background: none;
    border: 0;
}

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

a.iconfont.del {
    color: #bababa;
    font-size: 18px;
}

.txt-ct {
    text-align: center;
    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;
}
a.btn {
    width: 98px;
    height: 38px;
    line-height: 38px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}
a.btn.black {
    background: #010515;
    box-sizing: border-box;
    color: #fff;
}
a.btn.grey {
    color: #e61f1f !important;
    border: 1px solid #2e2c44;
    box-sizing: border-box;
}
a.btn.grey2 {
    color: #fff;
    box-sizing: border-box;
    background: #820024;
}
a.btn.grey2-1 {
    color: #fff;
    box-sizing: border-box;
    background: #820024;
    width: auto;
    padding: 0 10px;
}
a.btn.grey3 {
    color: #0040ff !important;
    border: 1px solid #d1d2d3;
    box-sizing: border-box;
    width: 95px;
    height: 36px;
    line-height: 36px;
}
a.btn.grey4 {
    background: #8f9194;
}

a.btn.zong {
    background: #0040ff;
}
a.btn.zong2 {
    background: #c1a21e;
}

.cont_middle .tit {
    height: 29px;
    line-height: 29px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    background: #eff0f1;
    margin: -10px 0 6px;
}
.cont_middle .tit i {
    color: #ff0012;
}

.power-wraper .btn_price_zone button {
    width: calc(100% / 3 - 4px);
}
.power-wraper .btn_price_zone .bet_btn4,
.power-wraper .btn_price_zone .bet_btn5 {
    width: calc(100% / 2 - 4px);
}

.btn-zone-arr-new > div > div {
    overflow: hidden;
}
.btn_zone01,
.btn_zone02,
.btn_zone03 {
    margin-left: -2px;
}
.nomal_ball {
    margin-top: 10px;
}

.btn_zone03 .ball {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    letter-spacing: -2px;
    text-align: left;
    padding-left: 3px;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
}
.btn_zone03 .ball i {
    font-size: 17px;
    position: absolute;
    right: 0px;
    top: 1px;
}
.btn_zone03 .ball + #team_name {
    display: inline-block;
}
.btn_zone03 .ball.b-red {
    background: #d20a0a;
}
.btn_zone03 .ball.b-blue {
    background: #1133de;
}
.btn_zone03 .rotate {
    display: inline-block;
    transform: rotate(180deg) translate(-2px, 2px);
}
.btn_zone03 .lf {
    /* float:left; */ /* margin-left: 8px; */ /* margin-right: 8px; */
}
.btn_zone03 .rt {
    /* float:left; */
    text-align: center;
}
.btn_zone03 .rt #team_name {
    color: #e0b11e;
}
.btn_zone03 .rt .divd {
    color: #e06a41; /* font-size: 15px; */
    font-weight: 700;
}

.suo {
    position: absolute;
    top: -1px;
    left: -1px;
    right: 0px;
    bottom: 0px;
    z-index: 4;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
}
.suo i {
    color: #eb2629;
    display: inline-block;
    width: 108px;
    height: 108px;
    text-align: center;
    line-height: 108px;
    background: #fff url(../images/sub/suo.gif) no-repeat center center;
    border-radius: 50%;
    font-size: 60px;
    position: relative;
    top: 50%;
    margin-top: -54px;
}

.s-commom-warper {
    padding: 0 10px 50px;
    background: #fff;
    border: 1px solid #d1d2d3;
    overflow: hidden;
}
.s-commom-warper .game_list {
    width: 100%;
}

.cross-wraper .game_list {
    width: 100%;
}

.bet_info2 {
    text-align: center;
}
.bet_info2 li {
    display: inline-block;
    margin-left: 30px;
    color: #333;
    font-weight: 700;
}
.bet_info2 li span {
    font-weight: 700;
}

.betting-tab nav ul {
    border-bottom: 1px solid #d1d2d3;
    height: 47px;
    display: block;
}
.betting-tab nav ul li {
    float: left;
    flex: none;
    width: 171px;
}
.betting-tab nav ul li:last-child {
    border-right: 1px solid #d1d2d3;
}

.event-tb table thead th {
    padding: 11px 0;
}
.event-tb table tbody td {
    padding: 7px 0;
    border-left: 0;
    font-size: 15px;
    color: #666;
}
.event-tb table tbody td.left a {
    font-size: 15px;
    font-weight: 700;
    color: #333;
}

.board-tit {
    margin-top: 30px;
    font-size: 22px;
    font-weight: 700;
    color: #333;
}
.board-info {
    overflow: hidden;
    margin-top: 20px;
    padding: 0 10px;
    border-bottom: 1px solid #d1d2d3;
    height: 43px;
    line-height: 43px;
    border-top: 3px solid #000;
}
.board-info > div.left {
    float: left;
}
.board-info > div.right {
    float: right;
}
.board-info > div.left span {
    margin-right: 5px;
}
.board-info > div.left span:first-child {
    margin-right: 20px;
}
.board-info > div.right span {
    margin-left: 5px;
}
.board-info > div span {
    font-size: 14px;
    color: #666;
}
.board-info > div span::before {
    font-size: 17px;
    vertical-align: -1px;
    margin-right: 5px;
}

.view-cont {
    text-align: left;
    font-size: 14px;
    color: #666;
    padding: 17px 10px;
    line-height: 20px;
    border-bottom: 2px solid #d1d2d3;
}
.view-cont2 {
    text-align: left;
    font-size: 15px;
    color: #333;
    padding: 16px 10px;
    line-height: 20px;
    background: #eff0f1;
    border-top: 1px solid #d1d2d3;
    border-bottom: 2px solid #d1d2d3;
}

.cashin-wraper {
    padding: 5px 50px 0;
    border-radius: 10px;
}
.cashin-wraper .sub-tit2 {
    border-bottom: 0;
    height: auto;
    margin-bottom: 10px;
}

.moneycong-box1 {
    padding: 25px 0 25px 78px;
    position: relative;
    border-top: 1px solid #d1d2d3;
}
.moneycong-box1:first-child {
    border-top: 0;
}
.moneycong-box1::before {
    position: absolute;
    top: 50%;
    left: -20px;
    margin-top: -39px;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background: #0040ff;
    font-size: 50px;
    text-align: center;
    line-height: 78px;
    color: #fff;
}
.moneycong-box1 p {
    line-height: 25px;
    font-size: 15px;
    color: #666;
}
.moneycong-box1 p:first-child {
    margin-top: 0;
}
.moneycong-box1.icon-huan::before {
    content: "";
    background: #0040ff url(../images/sub/icon-huan.gif) no-repeat center;
    width: 78px;
    height: 78px;
    border-radius: 50%;
}

.btn-style1 {
    height: 29px;
    line-height: 29px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    background: #bfa300;
    border-radius: 3px;
    padding: 0 10px;
}
.btn-style2 {
    width: 183px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    background: #0040ff;
    border-radius: 3px;
}
.btn-style2-1 {
    width: 183px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    background: #b3005b;
    border-radius: 3px;
}
.btn-style3 {
    width: 197px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 19px;
    color: #fff;
    background: #c1a21e;
    border-radius: 25px;
}
.btn-style4 {
    width: 133px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    background: #0040ff;
}
.btn-style5 {
    width: 133px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 19px;
    font-weight: 700;
    color: #fff;
    background: #8f9194;
}
.btn-style6 {
    width: 195px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #c1a21e;
    border-radius: 25px;
}

.table-style3 {
    border-top: 3px solid #000;
}
.table-style3 table {
    border-collapse: collapse;
}
.table-style3 table tbody tr:nth-child(odd) {
    background: #0d121d;
}
.table-style3 table tbody tr:nth-child(even) {
    background: #1a1f29;
}
.table-style3 table tbody th {
    width: 15%;
    padding: 12px 0;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}
.table-style3 table tbody th:first-child {
    border-left: 0;
}
.table-style3 table tbody td {
    padding: 15px 0 15px 20px;
    background: url(../images/sub/card_bg2.gif) repeat;
    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: 14px;
    color: #333;
    background: #9b9ea2;
    border-radius: 3px;
}
.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: #333;
}
.table-style3 span.fgrey3 {
    color: #666;
    font-size: 13px;
    margin-left: 8px;
}
.table-style3 .white {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}
.table-style3 .white2 {
    font-size: 18px;
    color: #666;
}
.table-style3 .white3 {
    font-size: 14px;
    color: #333;
}
.table-style3 .blue2 {
    font-size: 22px;
    font-weight: 700;
    color: #0040ff;
}
.table-style3 .red {
    font-size: 14px;
    color: #ef1515 !important;
}
.table-style3 .black {
    font-size: 18px;
    font-weight: 700;
    color: #000414 !important;
}
.wid220 {
    width: 198px;
    height: 38px;
    padding: 0 10px;
}
.wid190 {
    width: 263px;
    height: 46px;
    padding: 0 10px;
}
.wid123 {
    width: 99px;
    height: 43px;
    padding: 0 10px;
}

.sub-tit2 {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    height: 35px;
}
.sub-tit2 span {
    font-size: 13px;
    color: #666;
    margin-left: 12px;
    vertical-align: -1px;
}

.write-table {
    border-top: 2px solid #000000;
    border-bottom: 1px solid #b8b9ba;
}
.write-table table th {
    background: #dedede;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    border-top: 1px solid #b8b9ba;
}
.write-table table td {
    padding: 0 12px;
    font-size: 14px;
    height: 40px;
    color: #666;
    border-top: 1px solid #b8b9ba;
    border-left: 1px solid #b8b9ba;
}
.write-table table tr:first-child th,
.write-table table tr:first-child td {
    border-top: 0;
}
.write-table table td input,
.write-table table td textarea {
    border: 0;
    background: #101010;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
}
.wid190 {
    width: 239px;
    height: 43px;
}
.write-table p.fgrey {
    margin-top: 10px;
}
.write-table span.fgrey {
    margin-left: 8px;
}
.wid100p {
    width: calc(100%);
    height: 50px;
}
.area100p {
    width: calc(100%);
    height: 340px;
}
.ipt-file {
    position: relative;
}
.ipt-file .stylefile {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 110px;
    height: 41px;
    cursor: pointer;
}
.ipt-file a.file {
    width: 130px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(#696969, #323232);
}
.ipt-file span.cont {
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
}

.write-table2 {
    border-top: 3px solid #000000;
}
.write-table2 table th {
    background: #dedede;
    border-top: 1px solid #b8b9ba;
    font-size: 16px;
    color: #333;
}
.write-table2 table td {
    background: #fff;
    border-left: 0;
    border-top: 1px solid #b8b9ba;
    padding: 0;
}
.write-table2 table td input,
.write-table2 table td textarea {
    background: #fff; /* padding: 20px 15px; */
    outline: 0;
    color: #666;
}
.write-table2 table td textarea {
    padding: 20px 10px;
}

.icon-mn_zhuyi:before {
    background: #002182;
}

.btn-all {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 2px;
}
.btn-all a {
    width: 90px;
    height: 43px;
    line-height: 45px;
    background: #0051bf;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border-radius: 6px;
}
.btn-all a i {
    font-size: 16px;
    font-weight: 700;
}
.btn-all a.first {
    font-size: 14px;
    color: #fff;
    background: #b3005b;
}
.btn-all a:hover {
    background: #006cff;
    color: #fff;
}
.btn-all a.first:hover {
    background: #ff0081;
}
.c0040ff {
    color: #0040ff;
}

.my-page-tb table tbody th {
    font-size: 16px;
    padding-left: 42px;
}

.answer .left {
    border-left: 0;
}
.answer {
    display: none;
}
.answer td {
    /* background:#eff0f1; */
}
.answer-v {
    padding: 10px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    background: url(../images/sub/answer_icon.png) no-repeat left 13px;
}

.view-cont-ask {
    padding: 17px 10px;
    font-size: 15px;
    color: #333;
}
.free-cont {
    border-bottom: 1px solid #d1d2d3;
    color: #333;
}
.free-cont p {
    font-size: 15px;
}

.anser-tit {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    margin-top: 10px;
}
.anser-write {
    margin-top: 15px;
}
.anser-write table td {
    padding: 0;
    border: 0;
}
.anser-write textarea {
    border: 1px solid #999999;
    border-right: 0;
    background: #333;
    padding: 20px;
    width: 100%;
    height: 93px;
    vertical-align: top;
    color: #fff !important;
    box-sizing: border-box;
}
.anser-write .anser-write-btn {
    display: block;
    width: 112px;
    height: 93px;
    line-height: 93px;
    text-align: center;
    background: #0e7683;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    vertical-align: top;
}

.anser-cont {
    margin-top: 10px;
    border-top: 3px solid #000;
}
.anser-cont > ul > li {
    position: relative;
    padding: 0 10px 13px;
    border-bottom: 1px solid #d1d2d3;
}
.anser-cont > ul > li > p.tit {
    height: 40px;
    line-height: 40px;
}
.anser-cont > ul > li > p.tit .left {
    float: left;
    color: #666;
    font-size: 14px;
    font-weight: 700;
}
.anser-cont > ul > li > p.tit .left i {
    font-weight: 700;
    color: #ffdf00;
}
.anser-cont > ul > li > p.tit .right {
    float: left;
    color: #666;
    margin-left: 25px;
}
.anser-cont > ul > li > p.cont {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    line-height: 20px;
}
.anser-cont > ul > li a.del {
    display: none;
    position: absolute;
    top: 9px;
    right: 10px;
    font-size: 17px;
    color: #b7b7b7;
}
.anser-cont > ul > li a.del:hover {
    color: #0040ff;
}
.anser-cont > ul > li:hover a.del {
    display: block;
}

a.btn2 {
    width: 90px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #d1d2d3;
    font-weight: 700;
    color: #333;
    text-align: center;
}
a.btn2.black2 {
    /* background:#0c0c0c; */
}
a.btn2.grey2 {
    /* background:#1d1d1d; */
}

.btn-zone-arr-new h3 {
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    background: #d1d2d3;
}

.realtimebet {
    overflow: hidden;
    margin-top: 5px;
}
.realtimebet > .tit {
    height: 49px;
    line-height: 49px;
    text-align: center;
    border-bottom: 1px solid #d1d2d3;
    font-size: 22px;
    font-weight: 700;
    color: #0040ff;
}
.realtimebet > .cont {
    padding: 15px 0 12px;
    margin-top: -15px;
    margin-left: -26px;
    border-bottom: 1px solid #d1d2d3;
    font-size: 0;
}
.realtimebet > .cont > a {
    margin-left: 26px;
    margin-top: 15px;
    text-align: center;
    font-size: 18px;
    color: #333;
    font-size: 0;
    width: calc(100% / 5 - 26px);
}
.realtimebet > .cont > a span {
    display: inline-block;
    border: 3px solid #c3c3c3;
    border-radius: 10px;
    overflow: hidden;
}
.realtimebet > .cont > a:hover span {
    border: 3px solid #dedede;
}
.realtimebet > .cont > a span:last-child {
    display: block;
    border: 0;
    font-size: 18px;
    margin-top: 15px;
}
.realtimebet > .cont > a:hover span:last-child {
    border: 0;
}

.sub-container {
    min-width: 800px;
    max-width: 855px;
    margin: 20px auto 25px;
    position: relative;
    z-index: 1;
    background-color: transparent;
}
.sub-container #content_left {
    top: 0;
}
.sub-container #content_right {
    top: 0;
}

#container::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: url(https://i.imgur.com/xx7wKfc.jpg) no-repeat center bottom;
    background-size: cover;
    display: none;
} /**../images/sub/sub_bg.jpg **/

#content {
    position: relative;
    padding: 10px 10px 60px;
    overflow: hidden;
    min-height: 1000px;
}
#content::after {
    content: "";
    clear: both;
    display: block;
}

#content_left {
    position: absolute;
    top: 20px;
    left: -290px;
    width: 270px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 20px;
}

.join-box::-webkit-scrollbar,
#content_right::-webkit-scrollbar,
#content_left::-webkit-scrollbar {
    width: 1px;
    height: 16px;
    background-color: #4a4a4a;
}
.join-box::-webkit-scrollbar-track,
#content_right::-webkit-scrollbar-track,
#content_left::-webkit-scrollbar-track {
    background-color: #4a4a4a;
}
.join-box::-webkit-scrollbar-thumb,
#content_right::-webkit-scrollbar-thumb,
#content_left::-webkit-scrollbar-thumb {
    background-color: #696969;
}
.join-box::-webkit-scrollbar-button,
#content_right::-webkit-scrollbar-button,
#content_left::-webkit-scrollbar-button {
    background: #4a4a4a;
}

.nav-item0 {
    margin-bottom: 10px;
}
.nav-item0 > ul {
    overflow: hidden;
}
.nav-item0 > ul > li {
    float: left;
    width: calc(100% / 4);
    text-align: center;
}
.nav-item0 > ul > li > a {
    color: #fff;
}
.nav-item0 > ul.ul1 {
    background: #0d0d0d;
}
.nav-item0 > ul.ul1 > li {
    height: 46px;
    line-height: 46px;
    font-size: 13px;
}
.nav-item0 > ul.ul1 > li > a {
    color: #fff !important;
}
.nav-item0 > ul.ul1 > li > a i.iconfont {
    font-size: 22px;
    vertical-align: middle;
    margin-right: 5px;
}
.nav-item0 > ul.ul1 > li:nth-child(1) > a i.iconfont {
    font-size: 25px;
}
.nav-item0 > ul.ul1 > li:nth-child(2) > a i.iconfont {
    font-size: 24px;
}
.nav-item0 > ul.ul1 > li:nth-child(3) > a i.iconfont {
    font-size: 20px;
}
.nav-item0 > ul.ul1 > li:nth-child(4) > a i.iconfont {
    font-size: 28px;
}

.nav-item0 > ul.ul2 {
    background: #1f232a;
}
.nav-item0 > ul.ul2 > li {
    border-left: 1px solid #1c1f25;
    border-top: 1px solid #1c1f25;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
}
.nav-item0 > ul.ul2 > li:nth-child(1),
.nav-item0 > ul.ul2 > li:nth-child(5),
.nav-item0 > ul.ul2 > li:nth-child(9),
.nav-item0 > ul.ul2 > li:nth-child(13) {
    border-left: 0;
}
.nav-item0 > ul.ul2 > li > a {
    display: block;
}
.nav-item0 > ul.ul2 > li.ease-cashin {
    background: #f52390;
    width: 100%;
}
.nav-item0 > ul.ul2 > li.ease-cashin a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.nav-item0 > ul.ul2 > li.ease-cashin i.iconfont {
    font-size: 0;
    vertical-align: middle;
    margin-right: 5px;
}

.nav-item1 {
    border-top: 1px solid #1b3664;
}
.nav-item1 > ul > li {
    background: #1f232a;
    border-top: 1px solid #1a263e;
}
.nav-item1 > ul > li:first-child {
    border-top: 0;
}
.nav-item1 > ul > li:last-child {
}
.nav-item1 > ul > li > h2 {
    position: relative;
}
.nav-item1 > ul > li > h2 a {
    display: block;
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: url("/assets/tp_bg2.jpg?v=2");
}
.nav-item1 > ul > li > h2.on a {
    background: #306899;
}
.nav-item1 > ul > li > h2 a span {
    font-size: 12px;
    color: #a8a8a8;
    margin-left: 10px;
}
.nav-item1 > ul > li > h2 span.nav-icon {
    position: absolute;
    top: calc(50% - 7px);
    right: 20px;
    cursor: pointer;
    width: 15px;
    height: 15px;
    background: url(../images/sub/nav_off.png) no-repeat;
}
.nav-item1 > ul > li > h2.on span.nav-icon {
    background: url(../images/sub/nav_on.png) no-repeat;
}

.nav-item1 > ul > li:nth-child(1) > .depth2 {
    display: block;
}
.nav-item1 > ul > li > .depth2 {
    display: block;
    border-top: 1px solid #262626;
}
.nav-item1 > ul > li > .depth2 > li {
    position: relative; /*border-top: 1px solid #1a263e;*/
}
.nav-item1 > ul > li > .depth2 > li:first-child {
    border-top: 0;
}
.nav-item1 > ul > li > .depth2 > li i.iconfont {
    color: #8f8f8f;
    margin-right: 12px;
    width: 16px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.nav-item1 > ul > li > .depth2 > li > a {
    position: relative;
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 12px;
    font-size: 14px;
    color: #fff;
}
.nav-item1 > ul > li > .depth2 > li > span.num {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 41px;
    height: 20px;
    line-height: 23px;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    color: #fff;
    background: rgb(0 0 0 / 30%);
}
.nav-item1 > ul > li > .depth2 > li.last-nav {
    background: url(../images/common/nav_line.gif) no-repeat;
    margin-top: 5px;
    padding-top: 5px;
}
.nav-item1 > ul > li > .depth2 > li.last-nav > a {
}
.nav-item1 > ul > li > .depth2 > li.last-nav > span.num {
    top: 12px;
}
.nav-item1 > ul > li > .depth2 > li:hover a {
    background: #16191e;
    color: #a83c3a;
}
.nav-item1 > ul > li > .depth2 > li:hover a i.iconfont {
    color: #a83c3a;
}
.nav-item1 > ul > li > .depth2 > li:hover a span {
    text-decoration: underline;
}

#content_main {
}
#content_right {
    position: absolute;
    top: 20px;
    right: -310px;
    width: 295px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 18px;
}
.cont_row {
    position: relative;
    background: #000;
    padding: 10px 10px 50px 10px;
    border-radius: 5px;
}

.content_title {
    margin-top: 0px;
}
.input_st {
    color: #d8d8d8;
}
.checkbox input.cb_box {
    opacity: 1;
}

.g_item li {
    height: 40px !important;
    line-height: 40px !important;
}

/********************************************************
********************************************************/
.content_title {
    position: relative;
    padding: 0px 20px;
}
.content_title_mini {
    position: relative;
    margin-top: 50px;
    padding: 10px;
    background-color: rgba(30, 34, 44, 0.7);
    border: 1px solid #ffb900;
}
.sub_title {
    color: #817f80;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 40px;
}
.sub_title span {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #000 !important;
    margin-right: 10px;
}
.sub_title span.blue {
    color: #006cff !important;
}
.game_cate {
    margin-bottom: 10px;
    text-align: center;
    vertical-align: middle;
}
.game_cate::after {
    content: "";
    clear: both;
    display: block;
}
.game_cate ul {
}
.game_cate ul li {
    display: table-cell;
    width: 1%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    vertical-align: top;
}
.game_cate ul .game_cate01 {
    width: 24px;
    height: 24px;
    line-height: 36px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px;
}

.game_cate ul li .game_cate01 span {
    margin-left: 15px;
}
.game_cate ul li:first-child {
    border-left: none;
}
.game_cate ul li a {
    vertical-align: middle;
    display: block;
    padding: 0 38px;
    margin: 0;
    color: #c0c0c0;
    font-size: 14px;
    letter-spacing: 0px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    padding: 0;
    height: 55px;
    line-height: 53px;
}
.game_cate ul li a i.iconfont {
    display: inline-block;
    width: 31px;
    font-size: 29px;
    overflow: hidden;
    margin-right: 10px;
    vertical-align: middle;
    color: #8f8f8f;
}
.game_cate ul li a .cate01 {
    display: block;
    height: 30px;
    width: 30px;
    padding-left: 10px;
    margin-top: -500px;
}
.game_cate ul li a {
    border: 1px solid #2d2d2f;
}
.game_cate ul li a:hover {
    border: 1px solid #5a4bef;
}
.game_cate ul li a:hover i.iconfont,
.game_cate ul li a.on i.iconfont {
    background-image: -webkit-linear-gradient(45deg, #5b4af0, #1796d3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.game_cate ul li a.on {
    border: 1px solid #5a4bef !important;
    color: #1d222c; /* background-color: #030316; */
}
.game_cate ul li a span,
.game_cate ul li a span {
    vertical-align: middle;
}
.game_cate ul li:hover a span,
.game_cate ul li a.on span {
    /* -webkit-transform: scale(0.95); */ /* transform: scale(0.95); */
    opacity: 1;
    color: #fff; /* font-weight: bold; */
}

.game_cate li a p.cate1 {
    background-position: 0 0;
}
.game_cate li a p.cate2 {
    background-position: -12px 0;
}
.game_cate li a p.cate3 {
    background-position: -64px 0;
}
.game_cate li a p.cate4 {
    background-position: -96px 0;
}
.game_cate li a p.cate5 {
    background-position: 0 -32px;
}
.game_cate li a p.cate6 {
    background-position: -32px -32px;
}
.game_cate li a p.cate7 {
    background-position: -64px -32px;
}
.game_cate li a p.cate8 {
    background-position: -96px -32px;
}
.game_cate li a p.cate9 {
    background-position: 0 -64px;
}

/********************************************************
–  search :
********************************************************/
.search {
    padding: 10px;
    margin-bottom: 10px;
    background-color: #1d222c;
}
.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: 110px;
}
/********************************************************
–  selectbox :
********************************************************/
.select_st {
    padding: 10px 59px 10px 10px;
    border: 1px solid #ccc;
    background: url(../images/sub/select_down.png?v=2) no-repeat 90% 50%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select_st2 {
    padding: 10px 67px 10px 10px;
    border: 1px solid #1f232a;
    background: #090723 url(../images/sub/select_down.png?v=2) no-repeat 90% 50%;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.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;
}

/********************************************************
 page move :
********************************************************/
.move {
    margin: 50px auto 0 auto;
    text-align: center;
}
.move .page {
    overflow: hidden;
    display: table;
    margin: 0 auto;
}
.move .page li {
    float: left;
    min-width: 34px;
    height: 34px;
    line-height: 34px;
    margin: 0 4px;
    border: 1px solid #2d2d39;
}
.move .page li.on a {
    color: #f0ba6d;
}
.move .page li a {
    display: block;
    color: #999;
    font-size: 12px;
    font-family: "Nanum Gothic";
}
.move .page li.next a,
.move .page li.prev a {
    position: relative;
    width: 34px;
    height: 34px;
}
.move .page li.next a::before,
.move .page li.prev a::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border: 0 solid #ddd;
    border-width: 1px 1px 0 0;
}
.move .page li.prev a::before {
    margin: -4px 0 0 -2px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.move .page li.next a::before {
    margin: -4px 0 0 -6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.move .page li.on span {
    color: #f0ba6d;
}
.move .page li span {
    /* display: block; */
    color: #999;
    vertical-align: top;
}
.move .page li.next span,
.move .page li.prev span {
    position: relative;
    width: 34px;
    height: 34px;
}
.move .page li.next span::before,
.move .page li.prev span::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border: 0 solid #ddd;
    border-width: 1px 1px 0 0;
}
.move .page li.prev span::before {
    margin: -4px 0 0 -2px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.move .page li.next span::before {
    margin: -4px 0 0 -6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/********************************************************
 cart :
********************************************************/
#cart {
    position: relative;
}
.cart-top {
    background: #0d0d0d; /* border: 1px solid #262626; */
}
/*  head */
#cart .ct_hd {
    overflow: hidden;
    height: 46px;
    line-height: 46px;
    color: #fff;
    padding: 0 6px 0 15px;
    background: #14171a;
}
#cart .ct_hd::after {
    content: "";
    display: block;
    clear: both;
}
#cart .ct_hd .tx {
    font-size: 14px;
    float: left;
}
#cart .ct_hd .tx i.iconfont {
    margin-left: 12px;
}
#cart .ct_hd .num {
    font-size: 14px;
    float: right;
    width: calc(100% - 94px);
}
#cart .ct_hd .num span {
    display: block;
}
#cart .ct_hd .num input {
    width: 100%;
    height: 31px;
    line-height: 31px;
    background-color: transparent;
    font-size: 13px;
    text-align: right;
    color: #fff;
    background: #262626;
    border: 0;
    padding-right: 10px;
}

#cart h1.bet-box1 {
    height: 46px;
    line-height: 46px;
    padding: 0 15px;
    overflow: hidden;
    background: #0d0d0d;
}
#cart h1.bet-box1 > span {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}
#cart h1.bet-box1 > span.num {
    display: inline-block;
    width: 23px;
    height: 23px;
    line-height: 25px;
    text-align: center;
    background: rgb(0 0 0 / 30%);
    border-radius: 50%;
    font-size: 14px;
    color: #ffffff;
    margin-left: 5px;
}
#cart h1.bet-box1 > span i {
    font-size: 21px;
    vertical-align: middle;
    margin-right: 8px;
    color: #fff;
}
#cart h1.bet-box1 > ul {
    float: right;
    overflow: hidden;
}
#cart h1.bet-box1 > ul > li {
    float: left;
    margin-left: 12px;
    cursor: pointer;
    transition: 0.3s;
}
#cart h1.bet-box1 > ul > li .iconfont {
    font-size: 19px;
    color: #4e4e4e;
}
#cart h1.bet-box1 > ul > li .iconfont:hover {
    color: #fff;
}

/*   */
#cart .ct_list {
    margin-top: 5px;
    font-size: 13px;
    margin: 3px 10px 0;
}
#cart .ct_list .crt_gm {
    position: relative;
    padding: 5px;
    margin: 0 0 3px 0;
    border: 1px solid #2f2f2f;
    background-color: #0d0d0d;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
#cart .ct_list .crt_gm:hover {
    border: 1px solid #a8a8a8;
}
#cart .ct_list .crt_gm:hover p a.del {
    color: #fff;
}
#cart .ct_list .crt_gm p {
    line-height: 17px;
    height: 17px; /* padding: 2px 0; */
}
#cart .ct_list .crt_gm p.line-tit {
    color: #b0b0b0;
    font-size: 12px;
}
#cart .ct_list .crt_gm p .tm {
    display: block;
    width: 180px; /* line-height: 1.5; */
    color: #c3b203;
    font-size: 12px;
    letter-spacing: -0.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#cart .ct_list .crt_gm p .tm.cho {
    display: inline-block;
    width: 150px;
    color: #cfcfcf;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#cart .ct_list .crt_gm p .odd {
    float: right;
    color: #fff;
    font-size: 12px;
}
#cart .ct_list .crt_gm p .odd .wol {
    color: #fb2534;
    margin-right: 2px;
    font-size: 12px;
}
#cart .ct_list .crt_gm p a {
    position: absolute;
    right: 5px;
    top: 4px;
    width: 20px; /* height: 19px; */ /* background-color: #a9a9a9; */ /* text-indent: -99999px; */
}
#cart .ct_list .crt_gm p a.del {
    background: none;
    font-size: 10px;
    color: #747474;
}
#cart .ct_list .no-game {
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 12px;
    color: #cfcfcf;
    border: 1px solid #2f2f2f;
}

.cont_middle {
    position: relative;
    padding: 10px;
}
.cont_middle > ul {
}
.cont_middle > ul.ul1 {
    border-bottom: 1px solid #313131;
    padding-bottom: 7px;
    margin-bottom: 7px;
}
.cont_middle > ul.ul1 li {
    height: 23px;
    line-height: 23px;
}
.cont_middle > ul.ul1 li span {
    font-size: 13px;
    color: #d1d1d1;
}
.cont_middle > ul.ul1 li strong {
    font-size: 13px;
    color: #fff;
}
.cont_middle > ul.ul1 li strong.blue {
    font-size: 15px;
    color: #0ba0fc !important;
}

.cont_middle li {
    height: 21px;
    line-height: 21px;
    text-align: right;
}
.cont_middle span {
    font-size: 12px;
    color: #7c7c7c;
    float: left;
}
.cont_middle strong {
    color: #7c7c7c;
    font-size: 12px;
}

/*   */
#cart .ct_betbt {
    clear: both;
    overflow: hidden;
    padding: 10px 10px 0;
    border-bottom: 0;
}
#cart .ct_betbt > div {
    display: block;
    font-size: 0;
    margin-bottom: 1px;
    margin-left: -1px;
}
#cart .ct_betbt > div .betbt {
    display: inline-block;
    width: calc(100% / 3 - 1px);
    margin-left: 1px;
    height: 33px;
    line-height: 33px;
    background: linear-gradient(#202327, #323233);
    border: 0;
    color: #ffffff;
    font-size: 13px;
    cursor: pointer;
    outline: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-weight: bold;
}
#cart .ct_betbt > div .betbt:active {
    box-shadow: inset 0 0 0 1px #241f1e, inset 0 3px 20px rgba(0, 0, 0, 0.7);
}
#cart .ct_betbt > div .betbt:first-child {
    /* margin-left: 0px; */
}
#cart .ct_betbt > div .betbt:hover {
    background: #207da8;
    color: #fff;
}
#cart .ct_betbt > div .cbt_ha {
}
#cart .ct_betbt > div .cbt_re {
    width: 113px;
    background: #2b50ff;
    color: #fff;
    width: calc(100% / 3 - 2px);
    border: 0;
}
#cart .ct_betbt > div .cbt_re:hover {
    background-color: #1c129e;
}
#cart .ct_betbt > div .cbt_ha {
    width: calc(100% / 3 - 2px);
    background: #7b4def;
    color: #fff;
    border: 0;
}
#cart .ct_betbt > div .cbt_ha:hover {
    background-color: #3d2775;
}
#cart .ct_betbt > div .cbt_max {
    width: calc(100% / 3 - 2px);
    background: #594def;
    color: #fff;
    border: 0;
}
#cart .ct_betbt > div .cbt_max:hover {
    background-color: #2f297d;
}

/*   */
#cart .ct_foot {
    clear: both;
    overflow: hidden;
    padding: 0 9px 15px; /* border: 1px solid #2e2c44; */
    border-top: 0;
}
#cart .ct_foot button {
    cursor: pointer;
    float: left;
    width: calc(50% - 2px);
    border: 0;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    color: #fff;
    transition: all 0.3s ease;
    margin: 0 1px;
}
#cart .ct_foot .betbt_cancel {
    background: #9b0754;
}
#cart .ct_foot .betbt_cancel:hover {
    background: #670237;
}
#cart .ct_foot .betbt_login {
    background: #9b0754;
    width: calc(100% - 2px);
}
#cart .ct_foot .betbt_login:hover {
    background: #670237;
}

#cart .ct_foot .betbt_now {
    color: #fff;
    background: #0050bd;
}
#cart .ct_foot .betbt_now:hover {
    background: #024094;
}
#cart .ct_foot .betbt_now:active {
    box-shadow: inset 0 0 0 1px #241f1e, inset 0 3px 30px rgba(0, 0, 0, 0.7);
}

/*   */
#cart .ct_banner {
    display: block;
    margin: 10px 0 0;
    position: relative;
    cursor: pointer;
    background: url(../images/sub/twi_bg.jpg) no-repeat;
    padding: 22px 24px 0;
    height: 122px;
    color: #b7b7b7;
    font-size: 16px;
}
#cart .ct_banner img {
    max-width: 100%;
    margin-right: 15px;
}
#cart .ct_banner .sns_txt {
    position: absolute;
    top: 90px;
    left: 25px;
    font-size: 20px;
    font-weight: bold;
    color: #c19304;
}

#cart .ct_banner .twi-bt {
    font-size: 30px;
    color: #fff;
    margin-top: 15px;
}

/********************************************************
 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;
    margin-bottom: 10px;
}
.game_head table {
    width: 100%;
    table-layout: fixed;
    background-color: #020202;
}
.game_head table thead th {
    height: 36px;
    color: #fff;
    font-size: 12px;
    letter-spacing: -1px;
    font-weight: normal;
}

/* game -   */
.g_head {
    clear: both;
    overflow: hidden;
    height: 36px;
    line-height: 36px;
    margin: 10px 0 2px 0;
    background-color: #0d0d0d;
    text-align: left;
    letter-spacing: -1px;
    font-size: 14px;
    padding-left: 0;
}
/*.g_head.bg {height: 36px; line-height: 36px; background-color: #EFF0F1;}*/
.g_head img {
    width: 22px;
    margin: -3px 0 0 7px;
    vertical-align: middle;
}
.g_head span {
    display: inline-block;
    margin-left: 8px;
}
.g_head i.iconfont {
    color: #969696;
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    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;
    font-weight: bold;
}
.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 {
    border-radius: 3px;
    float: left;
    height: 50px !important;
    line-height: 50px !important;
    margin-bottom: 1px;
    letter-spacing: -1px;
    margin-left: 2px;
    font-weight: 700;
    background-color: #151517;
    border: 1px solid #2d2d2f;
}
.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(10% - 2px);
    text-align: center;
    color: #a5a5a5;
    font-size: 13px;
    font-weight: bold;
}
.g_day span {
    color: #a5a5a5;
}
/* 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(12% - 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: 75%;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 700;
}
.g_away_n,
.g_away_o,
.g_away_d {
    width: 75%;
    float: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 700;
}
.g_home_odd_n,
.g_home_odd_o,
.g_home_odd_d {
    width: 20%;
    float: right;
    position: relative;
    letter-spacing: -0.5px;
}
.g_away_odd_n,
.g_away_odd_o,
.g_away_odd_d {
    width: 20%;
    float: left;
    position: relative;
    letter-spacing: -0.5px; /* font-weight: 700; */
}
.g_odd_n,
.g_odd_o,
.g_odd_d,
.g_odd_h {
    display: block;
}

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

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

.g_home_d {
    color: #999;
    text-align: left;
    font-size: 16px;
}
.g_home_odd_d {
    color: #999;
    text-align: right;
    font-size: 16px;
}
.g_odd_d {
    color: #e06a41;
    text-align: center;
    font-size: 16px;
}
.g_away_odd_d {
    color: #999;
    text-align: left;
    font-size: 16px;
}
.g_away_d {
    color: #999;
    text-align: right;
    font-size: 16px;
}

.g_odd_h {
    color: #999;
    text-align: center;
}

/* game -    */
.g_more {
    text-align: center;
    font-size: 16px;
}
.g_more img {
    vertical-align: middle;
}
.g_more.list {
    width: calc(6% - 2px);
}
.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.win {
    width: calc(6% - 2px);
    color: #aaa;
}

/* 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-color: #2d2d31 !important;
    border: 1px solid #2d2d31 !important;
}
.g_gr_c {
    background-color: #1796d3 !important;
    border: 1px solid #2d2d2f !important;
}
.g_gr_d {
    background-color: #090723;
    border: 1px solid #2e2c44;
}
.g_gr_sc {
    background-color: #3b3331;
}

.g_gr_o .divd {
    color: #fff;
}
.g_gr_c .name {
    color: #fff !important;
}
.g_gr_o .divd2.name {
    color: #fff;
}
.g_gr_c .divd2.name {
    color: #fff !important;
}
.g_gr_c .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: #fff;
}
.g_list_view {
    /* background-color: #292d3c; */
}
.g_list_view span {
    color: #ffc600;
}
.g_list_view em {
    color: #008fe8;
}

.g_list_hold,
.g_list_view {
    width: 100%;
    height: 50px;
    margin-left: 1px;
    line-height: 50px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}
.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-size: 12px;
    font-weight: bold;
    font-style: normal;
}

/* 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;
}

/********************************************************
 scroll top :
********************************************************/
.scrtop {
    position: fixed;
    left: 50%;
    bottom: 180px;
    display: none;
    width: 40px;
    height: 40px;
    margin: 0 0 0 640px;
    background-color: #3c3533;
    border: 1px solid #5a4841;
    z-index: 99;
}
.scrtop .scrtop_btn {
    display: block;
    width: 21px;
    height: 21px;
    margin: 10px auto 0 auto;
    background-position: -20px -39px;
    text-indent: -99999px;
}
.scrdown {
    position: fixed;
    left: 50%;
    bottom: 130px;
    display: none;
    width: 40px;
    height: 40px;
    margin: 0 0 0 640px;
    background-color: #3c3533;
    border: 1px solid #5a4841;
    z-index: 99;
}
.scrdown .scrdown_btn {
    display: block;
    width: 21px;
    height: 21px;
    margin: 10px auto 0 auto;
    background-position: -42px -39px;
    text-indent: -99999px;
}

/********************************************************
 selectbox :
********************************************************/
.select_st {
    line-height: 20px;
    padding: 8px 50px 8px 10px;
    border: 1px solid #1f232a;
    background: #090723 url(../images/sub/select_down.png?v=2) no-repeat 90% 50%;
    color: #fff;
    cursor: pointer;
    height: 36px;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select_st::-ms-expand {
    display: none;
}
.coupon_select {
    padding: 5px 50px 5px 13px;
    border: 1px solid #4f6083;
    background: #1d222c url(../images/sub/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;
}

/********************************************************
 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;
    padding: 12px 14px;
    margin: 0 2px;
    background-color: #215991;
    color: #ddd;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 3px;
}
.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: #090723;
    border: 1px solid #1f232a;
    color: #fff;
    height: 36px;
}
.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: #fc3636;
}
.tx_blue {
    color: #3190fd;
}
.tx_green {
    color: #ae43fa;
}
.tx_gray {
    color: #999;
}
.tx_org {
    color: #ff6c00;
}
.tx_white {
    color: #fff;
}
.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;
}

/********************************************************
 minigame :
********************************************************/
.content_title_mini {
    position: relative;
    margin-top: 25px;
    padding: 10px;
    background-color: rgba(30, 34, 44, 0.7);
    border: 1px solid #ffb900;
}
/*
.banner_mini_nfx{background-image:url(../images/sub/baner_nfx.jpg?v=4); height:140px;padding-left:760px; padding-top:80px; line-height:25px;background-position: 0px -50px;}
**/
.banner_mini_nfx {
    background-image: url(../images/sub/baner_nfx.jpg?v=4);
    height: 220px;
}
.banner_mini_snail {
    background-image: url(../images/sub/bn_sr.jpg);
    height: 140px;
    padding-left: 790px;
    padding-top: 80px;
    line-height: 25px;
}
.banner_mini_power {
    background-image: url(../images/sub/bn_ep.jpg?v=3);
    height: 140px;
    padding-left: 760px;
    padding-top: 80px;
    line-height: 25px;
    background-position: 0px -50px;
}
.banner_mini_powerbca {
    background-image: url(../images/sub/bn_bca.jpg?v=3);
    height: 120px;
    padding-left: 760px;
    padding-top: 100px;
    line-height: 25px;
    background-position: 0px -30px;
}
.banner_mini_bladder1 {
    background-image: url(../images/sub/bn_lad1.jpg?v=3);
    height: 140px;
    padding-left: 760px;
    padding-top: 80px;
    line-height: 25px;
    background-position: 0px -50px;
}
.banner_mini_bladder2 {
    background-image: url(../images/sub/bn_lad2.jpg?v=3);
    height: 140px;
    padding-left: 760px;
    padding-top: 80px;
    line-height: 25px;
    background-position: 0px -50px;
}
.banner_mini_bladder3 {
    background-image: url(../images/sub/bn_lad3.jpg?v=3);
    height: 140px;
    padding-left: 760px;
    padding-top: 80px;
    line-height: 25px;
    background-position: 0px -50px;
}
.banner_mini_rrgame {
    background-image: url(../images/sub/bn_rrgame10m.jpg);
    height: 140px;
    padding-left: 760px;
    padding-top: 80px;
    line-height: 25px;
    background-position: 0px -50px;
}
.banner_mini_rrgame5 {
    background-image: url(../images/sub/bn_rrgame5m.jpg);
    height: 140px;
    padding-left: 760px;
    padding-top: 80px;
    line-height: 25px;
    background-position: 0px -50px;
}
.banner_mini_rrgame3 {
    background-image: url(../images/sub/bn_rrgame3m.jpg);
    height: 140px;
    padding-left: 760px;
    padding-top: 80px;
    line-height: 25px;
    background-position: 0px -50px;
}
.banner_mini_bubble1 {
    background-image: url(../images/sub/bn_blad1.jpg?v=3);
    height: 120px;
    padding-left: 740px;
    padding-top: 100px;
    line-height: 25px;
    background-position: 0px -30px;
}
.banner_mini_bubble3 {
    background-image: url(../images/sub/bn_blad3.jpg?v=4);
    height: 120px;
    padding-left: 740px;
    padding-top: 100px;
    line-height: 25px;
    background-position: 0px -30px;
}
.banner_mini_bubble_power {
    background-image: url(../images/sub/bn_blad2.jpg?v=4);
    height: 120px;
    padding-left: 740px;
    padding-top: 100px;
    line-height: 25px;
    background-position: 0px -30px;
}

.banner_mini_huobi1m {
    background-image: url(../images/sub/huobi1.jpg);
    height: 120px;
    padding-left: 740px;
    padding-top: 100px;
    line-height: 25px;
    background-position: 0px -30px;
}
.banner_mini_power_ladder {
    background-image: url(../images/sub/power_ladder.jpg);
    height: 120px;
    padding-left: 740px;
    padding-top: 100px;
    line-height: 25px;
    background-position: 0px -30px;
}

.banner_mini_card {
    background-image: url(../images/sub/banner07.jpg?v=3);
    height: 140px;
    padding-left: 760px;
    padding-top: 80px;
    line-height: 25px;
    background-position: 0px -20px;
}
.banner_mini_bca {
    background-image: url(../images/sub/bn_mb.jpg);
    height: 120px;
    padding-left: 760px;
    padding-top: 100px;
    line-height: 25px;
    background-position: 0px -30px;
}
.banner_mini_bca h3 {
    font-size: 16px !important;
}
.banner_mini_nine {
    background-image: url(../images/sub/bn_nb2.jpg);
    height: 120px;
    padding-left: 760px;
    padding-top: 100px;
    line-height: 25px;
    background-position: 0px -30px;
}
.banner_mini_nine h3 {
    font-size: 16px !important;
}
.banner_mini_oe {
    background-image: url(../images/sub/bn_oe.jpg);
    height: 120px;
    padding-left: 760px;
    padding-top: 100px;
    line-height: 25px;
    background-position: 0px -30px;
}
.banner_mini_oe h3 {
    font-size: 16px !important;
}
.banner_mini_wheel {
    background-image: url(../images/sub/bn_wl.jpg);
    height: 120px;
    padding-left: 760px;
    padding-top: 100px;
    line-height: 25px;
    background-position: 0px -30px;
}
.banner_mini_wheel h3 {
    font-size: 16px !important;
}
.banner_mini h3 {
    color: #f9b00b;
    font-weight: bold;
    font-size: 18px;
    margin-top: -30px;
}
.banner_mini p {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}
.banner_mini_roulette {
    background-image: url(../images/sub/banner_roulette.jpg);
    height: 140px;
    padding-left: 790px;
    padding-top: 130px;
    line-height: 25px;
}
.banner_mini_b1m {
    background-image: url(../images/sub/bn_b1m.jpg);
    height: 120px;
    padding-left: 760px;
    padding-top: 100px;
    line-height: 25px;
    background-position: 0px -30px;
}
.banner_mini_b3m {
    background-image: url(../images/sub/bn_b3m.jpg);
    height: 120px;
    padding-left: 760px;
    padding-top: 100px;
    line-height: 25px;
    background-position: 0px -30px;
}

.banner_mini_hdari2min {
    background-image: url(../images/sub/banner-dari.jpg);
    height: 140px;
    padding-left: 790px;
    padding-top: 130px;
    line-height: 25px;
}
.banner_mini_hdari3min {
    background-image: url(../images/sub/banner-dari3.jpg);
    height: 140px;
    padding-left: 790px;
    padding-top: 130px;
    line-height: 25px;
}
.banner_mini_hsoccer {
    background-image: url(../images/sub/banner-soccer.jpg);
    height: 140px;
    padding-left: 790px;
    padding-top: 130px;
    line-height: 25px;
}
.banner_mini_hhl1m {
    background-image: url(../images/sub/banner_highlow.jpg);
    height: 140px;
    padding-left: 790px;
    padding-top: 130px;
    line-height: 25px;
}
.banner_mini_hhl {
    background-image: url(../images/sub/banner_highlow.jpg);
    height: 140px;
    padding-left: 790px;
    padding-top: 130px;
    line-height: 25px;
}

/********************************************************
 category menu :
********************************************************/
.cate_btn {
    margin-bottom: 10px;
    background-color: #ffffff;
    text-align: center;
}
.cate_btn ul::after {
    content: "";
    clear: both;
    display: block;
}
.cate_btn ul li {
    display: table-cell;
    width: 1%;
}
.cate_btn ul li:first-child {
    border-left: none;
}
.cate_btn ul li a {
    display: block;
    padding: 12px 0;
    color: #adadad;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border: 1px solid #2e2c44;
    font-weight: bold;
    background-color: #090723;
}
.cate_btn ul li a.on,
.cate_btn ul li a:hover {
    border: 1px solid #e83fd4;
    color: #fff;
    font-weight: bold;
    background-color: #090723;
}

/********************************************************
 minigame :
********************************************************/
.live_cnt {
    text-align: center;
    background-color: transparent;
}
.btn_set {
    position: relative;
    display: block;
    background: url(../images/minigame/btn_set.png?v=2) no-repeat;
}

/*  //  */
.live_gm {
    position: relative;
    max-width: 920px;
    min-width: 610px;
    width: 100%;
    margin: 0 auto;
    z-index: 2;
}
.live_gm .gm_bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.live_gm .gm_bg1 {
    position: absolute;
    bottom: 0px;
    right: 0;
    z-index: 3;
}
.live_gm .left_tx {
    line-height: 1.3;
    font-family: Dotum, "arial", sans-serif;
}
.live_gm .left_tx span {
    color: #ffd800;
}
.live_gm .left_tx::-webkit-scrollbar-track {
    background-color: #5a3f2f;
    border-radius: 5px;
}
.live_gm .left_tx::-webkit-scrollbar {
    width: 10px;
    background-color: #73503c;
}
.live_gm .left_tx::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #fae6c5;
    border-radius: 5px;
}
.live_gm .left_tx {
    scrollbar-base-color: #5a3f2f;
    scrollbar-face-color: #e8c957;
    scrollbar-3dlight-color: #5a3f2f;
    scrollbar-highlight-color: #5a3f2f;
    scrollbar-track-color: #5a3f2f;
    scrollbar-arrow-color: #e8c957;
    scrollbar-shadow-color: #5a3f2f;
    scrollbar-dark-shadow-color: #5a3f2f;
}

/*  //  */
.live_gm.ntry_pwb {
    height: 610px;
}
.live_gm.ntry_pwb iframe {
    width: 920px;
    height: 610px;
}

/*  //  */
.live_gm.ntry_pwsdr {
    height: 610px;
}
.live_gm.ntry_pwsdr iframe {
    width: 920px;
    height: 610px;
}

/*  //  */
.live_gm.ntry_knsdr {
    height: 610px;
}
.live_gm.ntry_knsdr iframe {
    width: 920px;
    height: 610px;
}

/*  //   */
.live_gm.gm_ltshj {
    overflow: hidden;
    position: relative;
    width: 830px;
    height: 560px;
    margin: 0 auto;
    background-color: #202020;
    z-index: 1;
}
.live_gm.gm_ltshj iframe {
    position: absolute;
    left: 0;
    top: -30px;
    width: 830px;
    height: 579px;
    z-index: 0;
}

/*  //   */
.live_gm.gm_ltsbcr1 {
    overflow: hidden;
    position: relative;
    width: 830px;
    height: 665px;
    margin: 0 auto;
    background-color: #202020;
    z-index: 1;
}
.live_gm.gm_ltsbcr1 iframe {
    position: absolute;
    left: 0;
    top: -30px;
    width: 830px;
    height: 690px;
    z-index: 0;
}

/*  //   */
.live_gm.gm_ltsbcr2 {
    overflow: hidden;
    position: relative;
    width: 830px;
    height: 665px;
    margin: 0 auto;
    background-color: #202020;
    z-index: 1;
}
.live_gm.gm_ltsbcr2 iframe {
    position: absolute;
    left: 0;
    top: -30px;
    width: 830px;
    height: 690px;
    z-index: 0;
}

/*  //   */
.live_gm.gm_ltsdt {
    overflow: hidden;
    position: relative;
    width: 830px;
    height: 560px;
    margin: 0 auto;
    background-color: #202020;
    z-index: 1;
}
.live_gm.gm_ltsdt iframe {
    position: absolute;
    left: 0;
    top: -30px;
    width: 830px;
    height: 579px;
    z-index: 0;
}

/********************************************************
 pwb :
********************************************************/
/*   */
.pwb_title {
    width: 102px;
    text-align: center;
    color: #5f6b80;
    font-size: 12px;
}
.pwb_score {
    width: 131px;
    text-align: center;
    color: #5f6b80;
    font-size: 12px;
}

.pwb_n,
.pwb_o,
.pwb_d {
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    font-weight: bold;
}
.pwb_odd_n,
.pwb_odd_o,
.pwb_odd_d {
    width: 50px;
    float: right;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
}

.pwb_day {
    width: 101px;
    padding: 0 0 0 10px;
    text-align: left;
    color: #999;
    letter-spacing: 1px;
    font-size: 12px;
}

.pwb_lg {
    width: 101px;
    padding: 0 0 0 10px;
    text-align: left;
    color: #ccc;
    letter-spacing: 2px;
}
.pwb_lg em {
    color: #fddb4c;
}

.pwb_n {
    color: #ededed;
}
.pwb_odd_n {
    color: #ffc356;
    text-align: right;
}
.pwb_o {
    color: #000;
}
.pwb_odd_o {
    color: #000;
    text-align: right;
}
.pwb_d {
    color: #999;
}
.pwb_odd_d {
    color: #999;
    text-align: right;
}

.pwb_t_1 {
    color: #7fcb34;
}
.pwb_t_2 {
    color: #6b9eff;
}
.pwb_t_3 {
    color: #af7dff;
}
.pwb_t_4 {
    color: #ffa557;
}

/*   -  */
.pwb_1_1,
.pwb_1_2 {
    width: 403px;
    padding: 0 5px;
    cursor: pointer;
    text-align: left;
}
.pwb_1_1 {
    margin-right: 1px;
}

.pwb_2_1,
.pwb_2_2,
.pwb_2_3 {
    width: 265px;
    padding: 0 5px;
    cursor: pointer;
    text-align: left;
}
.pwb_2_1,
.pwb_2_2 {
    margin-right: 1px;
}

.pwb_3_1,
.pwb_3_2,
.pwb_3_3,
.pwb_3_4,
.pwb_3_5,
.pwb_3_6 {
    width: 127px;
    padding: 0 5px;
    cursor: pointer;
    text-align: left;
}
.pwb_3_1,
.pwb_3_2,
.pwb_3_3,
.pwb_3_4,
.pwb_3_5 {
    margin-right: 1px;
}

.pwb_4_1,
.pwb_4_2,
.pwb_4_3,
.pwb_4_4 {
    width: 196px;
    padding: 0 5px;
    cursor: pointer;
    text-align: left;
}
.pwb_4_1,
.pwb_4_2,
.pwb_4_3 {
    margin-right: 1px;
}

/*   -  */
.pwb_ed_1_1,
.pwb_ed_1_2 {
    width: 514px;
}
.pwb_ed_1_1 {
    margin-right: 1px;
    padding: 0 5px;
    cursor: pointer;
    text-align: left;
}
.pwb_ed_1_2 {
    padding: 0 5px;
    cursor: pointer;
    text-align: left;
}

.pwb_ed_2_1,
.pwb_ed_2_2 {
    width: 339px;
    margin-right: 1px;
    padding: 0 5px;
    cursor: pointer;
    text-align: left;
}
.pwb_ed_2_3 {
    width: 339px;
    padding: 0 5px;
    cursor: pointer;
    text-align: left;
}

.pwb_ed_3_1,
.pwb_ed_3_2,
.pwb_ed_3_3,
.pwb_ed_3_4,
.pwb_ed_3_5,
.pwb_ed_3_6 {
    margin-right: 1px;
    padding: 0 5px;
    cursor: pointer;
    text-align: left;
}
.pwb_ed_3_1 {
    width: 164px;
}
.pwb_ed_3_2 {
    width: 164px;
}
.pwb_ed_3_3 {
    width: 164px;
}
.pwb_ed_3_4 {
    width: 164px;
}
.pwb_ed_3_5 {
    width: 164px;
}
.pwb_ed_3_6 {
    width: 164px;
    margin-right: 0 !important;
}

.pwb_ed_4_1,
.pwb_ed_4_2,
.pwb_ed_4_3,
.pwb_ed_4_4 {
    margin-right: 1px;
    padding: 0 5px;
    cursor: pointer;
    text-align: left;
}
.pwb_ed_4_1 {
    width: 251px;
}
.pwb_ed_4_2 {
    width: 252px;
}
.pwb_ed_4_3 {
    width: 251px;
}
.pwb_ed_4_4 {
    width: 252px;
    margin-right: 0 !important;
}

/* */
.g_pwb_info {
    overflow: hidden;
    margin-top: 5px;
    background-color: #222;
    border-bottom: 1px solid #333;
}
.g_pwb_info p {
    height: 34px;
    line-height: 34px;
    text-align: right;
    padding-right: 20px;
    color: #999;
}
.g_pwb_info p span {
    color: #ddd;
    margin: 0 5px;
}
.g_pwb_info p em {
    color: #00ff27;
    margin: 0 5px;
}
.g_pwb_info p strong {
    color: #ffc400;
    margin: 0 5px;
    font-weight: normal;
}

.table-style2 table thead th {
    padding: 13px 0;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: #1a1f29;
}
.table-style2 table thead th:first-child {
    border-left: 0;
}
.table-style2 table tbody td {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 700;
    color: #adadad;
    text-align: center;
    border-left: 1px solid #2e2c44;
    border-bottom: 1px solid #2e2c44;
}
.table-style2 table tbody tr:hover td {
    background: #0d121d;
}
.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;
}

.font-red {
    color: #e94343;
}
.font-red2 {
    color: #f11a1a;
}
.font-orange {
    color: #e0b11e;
}
.font-white {
    color: #ffffff;
}
.font-blue {
    color: #0040ff;
}

/********************************************************

********************************************************/
@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.board_list {
    overflow: hidden;
}
.board_list table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.board_list table thead th {
    height: 40px;
    color: #989898;
    background-color: #191c27;
    letter-spacing: -1px;
    font-weight: normal;
    font-weight: bold;
}
.board_list.lst table thead th {
    background-color: #191c27; /* color: #333; */
}
.board_list table tbody tr {
    text-align: left;
    border-bottom: 1px solid #2e2c44;
    letter-spacing: -0.5px;
}
.board_list table tbody tr td {
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    font-family: inherit;
}
.board_list table tbody .b_notice {
    background-color: rgba(52, 46, 45, 0.6);
    border-bottom: 1px solid #111;
}
.board_list table tbody .b_notice span {
    font-weight: 700;
}
.board_list table tbody .b_notice img {
    vertical-align: middle;
}
.board_list table tbody .b_number {
    text-align: center;
    color: #fff;
    font-size: 11px;
}
.board_list table tbody .b_number img {
    vertical-align: middle;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.board_list table tbody .b_subject {
    padding-right: 5px;
}
.board_list table tbody .b_subject a {
    display: block;
    color: #fff;
    font-size: 13px;
}
.board_list table tbody .b_subject:hover {
    text-decoration: underline;
}
.board_list table tbody .b_subject img,
.b_subject_n img {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    animation: sbj_icon 1.5s infinite ease;
    -webkit-animation: sbj_icon 1.5s infinite ease;
}
.board_list table tbody .b_subject_n {
    padding-right: 5px;
}
.board_list table tbody .b_subject_n a {
    font-size: 13px;
}
.board_list table tbody .b_admin {
    color: #bababa;
}
.board_list table tbody .b_name {
    color: #fff;
}
.board_list table tbody .b_name_1 {
    color: #bababa;
    padding-left: 10px;
}
.board_list table tbody .b_name img,
.b_name_1 img {
    margin-right: 5px;
    vertical-align: middle; /*-webkit-animation:name_icon 3s linear infinite; -moz-animation:name_icon 3s linear infinite; animation:name_icon 3s linear infinite;*/
}
.board_list table tbody .b_day {
    text-align: center;
    color: #fff;
    font-size: 13px;
}
.board_list table tbody .b_normal {
    text-align: center;
    color: #ee3fd1;
}
.board_list table tbody .td_view.hide {
    display: none;
}
.board_list table tbody .td_view.show td {
    padding: 20px;
    line-height: 1.8;
    border-bottom: 1px solid #dfe0e5;
    background-color: #eff0f1;
}
.t_more_re {
    display: inline-block;
    padding: 0 5px;
    color: #fd7601;
    font-size: 12px;
    letter-spacing: -0.5px;
}

@keyframes sbj_icon {
    0% {
        opacity: 0.6;
    }
    30% {
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    100% {
        opacity: 0.6;
    }
}
/*@keyframes name_icon {
0% { transform: perspective(800px) rotateY(-360deg); background-position: 100% 0;  }
100% { transform: perspective(800px) rotateY(-0deg); background-position: 0 0;  }
}*/

.board_view {
    margin-bottom: 7px;
    text-align: left;
}
.board_view h3 {
    height: 46px;
    line-height: 46px;
    padding: 0 12px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}
.board_view h3 span {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}
.board_view_info {
    overflow: hidden;
    display: block;
}
.board_view_info dl {
    width: 100%;
    display: table;
    color: #fff;
    border-top: 3px solid #000;
    border-bottom: 1px solid #2e2c44;
}
.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: #dadada;
}
.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: #dadada;
}
.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 #2e2c44;
}
.board_view_data img {
    max-width: 1000px;
    height: auto;
    margin: 0 auto;
}

.comment_write {
    margin-top: 20px;
    overflow: hidden;
    text-align: left;
}
.comment_write .re_txtr {
    display: inline-block;
    width: 100%;
}
.comment_write .re_txtr textarea {
    width: 100%;
    height: 73px;
    padding: 10px;
    vertical-align: top;
    background: #090723;
    border: 1px solid #2e2c44;
    color: #fff;
}
.comment_re {
    /*overflow-y: scroll;*/
    border-top: 3px solid #000;
    margin-top: 10px;
}
.comment_re table {
    width: 100%;
    table-layout: fixed;
    font-size: 13px;
    border-collapse: collapse;
}
.comment_re table tr {
    height: 42px;
    text-align: left;
    border-bottom: 1px solid #2e2c44;
}
.comment_re table tr th {
    font-weight: 700;
    padding-left: 12px;
    color: #fff;
}
.comment_re table tr td {
    color: #dadada;
}

.board_write {
    border-top: 3px solid #000000;
    border-bottom: 1px solid #2e2c44;
}
.board_write table {
    width: 100%;
    table-layout: fixed;
    text-align: left;
    border-collapse: collapse;
}
.board_write table tr {
    border-top: 1px solid #2e2c44;
}
.board_write table tr th {
    background-color: #191c27;
    text-align: center;
    color: #fff;
    font-weight: normal;
    font-size: 13px;
}
.board_write table tr td {
}
.board_write table tr td .write_row_bx {
    margin: 10px;
}
.board_write table tr td .write_row_bx input {
    width: 100%;
    height: 34px;
    line-height: 34px;
    padding: 10px;
    border: 0;
    background: none;
    box-shadow: none;
    color: #dadada;
}
.board_write table tr td .write_row_bx textarea {
    width: 100%;
    height: 300px;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #2e2c44;
    background: none;
    color: #dadada;
}
.board_write table tr td .write_row_line {
    margin: 10px;
}

.bdtb_view {
    display: none;
    background-color: rgba(16, 16, 18, 0.5) !important;
}
.bdtb_view.on {
    display: table-row;
    *display: block;
}
.bdtb_view td {
    text-align: left !important;
    line-height: 1.7 !important;
    padding: 15px;
    font-size: 13px !important;
    color: #ccc;
}
.bdtb_view td.tac {
    text-align: center !important;
    border-right: 1px solid #2a2a2a;
    color: #e3c000;
}

/********************************************************

********************************************************/
.fl {
    float: left;
}
.fr {
    float: right;
}
.cb {
    clear: both;
}
.tal {
    text-align: left;
}
.tar {
    text-align: right;
}
.tac {
    text-align: center;
}
.f11 {
    font-size: 11px;
}
.f12 {
    font-size: 12px;
}
.f13 {
    font-size: 13px;
}
.f14 {
    font-size: 14px;
}
.f15 {
    font-size: 15px;
}
.f16 {
    font-size: 16px;
}
.f17 {
    font-size: 17px;
}
.f18 {
    font-size: 18px;
}
.f19 {
    font-size: 19px;
}
.f20 {
    font-size: 20px;
}
a.atbtn:active {
    box-shadow: inset 0 0 0 1px #241f1e, inset 0 3px 30px rgba(0, 0, 0, 0.7);
}

/********************************************************

********************************************************/
.cashin_order {
    padding: 30px 0;
    text-align: center;
}

.gidbx {
    margin-bottom: 10px;
}
.gidbx_hd {
    padding: 14px 0 14px 12px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
.gidbx_ct {
    padding: 10px 10px 10px 12px;
    font-size: 15px;
    color: #dadada;
}
.gidbx_ct > p {
    line-height: 1.8;
    padding-bottom: 5px;
    font-size: 14px;
    line-height: 19px;
}
.gidbx_ct > p em {
    font-style: normal;
}
.gidbx_ct span {
    color: #989898;
}

.gidbx_tb {
    border-top: 3px solid #2e2c44;
}
.gidbx_tb table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}
.gidbx_tb table tr {
}
.gidbx_tb table tr th {
    background-color: #191c27;
    border-bottom: 1px solid #2e2c44;
    border-right: 1px solid #2e2c44;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
.gidbx_tb table tr td {
    height: 53px;
    padding: 0 10px;
    color: #fff;
    font-size: 13px;
    border-bottom: 1px solid #2e2c44;
}
.gidbx_tb table tr td span {
    display: inline-block;
    margin-left: 10px;
}
.gidbx_tb table tr td input {
    height: 34px;
    line-height: 34px;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #2e2c44;
    background: none;
    box-shadow: none;
    color: #fff;
}
.gidbx_tb table tr td .tdx {
    display: inline-block;
    margin: 0 0 0 5px;
}

.like_tb {
    padding: 10px 0;
}
.like_tb > table {
    width: 100%;
    table-layout: fixed;
}
.like_tb > table tr {
    border: 0 !important;
}
.like_tb > table td {
    line-height: 1.5;
    padding: 10px 0 !important;
    border: 1px solid #fff;
    background-color: #222;
    text-align: center;
    color: #ccc;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.like_tb > table td:hover {
    background-color: rgba(82, 69, 68, 0.8) !important;
}
.like_tb > table td:hover p {
    color: #ffc356;
}
.like_tb > table td p {
    color: #999;
}

.rulebx {
    padding: 10px;
}
.rulebx h3 {
    padding: 15px 0;
    margin: 0 0 0 0;
    border-bottom: 1px solid #ffb900;
    color: #ffb900;
    font-weight: normal;
}
.rulebx .rule_c {
    padding: 20px;
}
.rulebx .rule_c p {
    line-height: 2;
    color: #ffb900;
}
.rulebx .rule_n {
    padding: 20px 0;
    border-bottom: 1px solid #3b3231;
    border-top: 1px solid #3b3231;
    color: #ffb900;
    text-align: center;
}
.rulebx .rule_n p {
    animation: rule_n 1.5s infinite ease-in-out;
    -webkit-animation: rule_n 1.5s infinite ease-in-out;
}
@keyframes rule_n {
    0% {
        opacity: 0.5;
    }
    30% {
        opacity: 1;
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}

/********************************************************
 coupon :
********************************************************/
.coupon_warp {
    padding: 10px;
    margin: 0 0 15px 0;
    background-color: #3b3331;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.coupon_warp .cp_shop {
    padding: 10px;
    background-color: #222;
    border: 1px solid #111;
}
.coupon_warp .cp_shop .cp_h3 {
    padding: 5px 0 15px 0;
    margin-bottom: 15px;
    border-bottom: 2px solid #3b3331;
    color: #ddd;
    font-size: 13px;
    font-weight: normal;
}
.coupon_warp .cp_shop .cp_h3 span {
    display: inline-block;
}
.coupon_warp .cp_shop a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    color: #ddd;
    cursor: pointer;
}
.coupon_warp .cp_shop a:active {
    box-shadow: inset 0 0 0 1px #111, inset 0 3px 20px rgba(0, 0, 0, 0.7);
}
.coupon_warp .cp_shop .cp_coin {
    background-color: #4d403b;
    color: #ddd;
}
.coupon_warp .cp_shop .cp_coin:hover {
    background-color: #62524c;
}
.coupon_warp .cp_shop .cp_coin_del {
    background-color: #7c1e1e;
    color: #ddd;
}
.coupon_warp .cp_shop .cp_coin_del:hover {
    background-color: #912323;
}
.coupon_warp .cp_shop .cp_coin_now {
    background-color: #523c8e;
    color: #ddd;
}
.coupon_warp .cp_shop .cp_coin_now:hover {
    background-color: #664dad;
}
.coupon_warp .cp_shop .cp_num {
    width: 130px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin: -1px 5px 0 0;
    text-align: right;
}

.coupon_shop {
    position: relative;
}
.coupon_shop .cp_h4 {
    padding: 15px 0;
    margin: 20px 0 0 0;
}
.coupon_shop .cp_h4 h4 {
    padding: 0 0 10px 0;
    font-size: 16px;
    color: #ffc356;
    font-weight: normal;
}
.coupon_shop .cp_h4 p {
    color: #aaa;
}

.coupon_shop .cp_list {
    overflow: hidden;
}
.coupon_shop .cp_list::after {
    content: "";
    clear: both;
    display: block;
}
.coupon_shop .cp_list table {
    width: 100%;
    table-layout: fixed;
}
.coupon_shop .cp_list table tr {
    background-color: rgba(59, 50, 49, 0.2);
}
.coupon_shop .cp_list table tr td {
    height: 50px;
    padding: 10px;
    border: 1px solid #3b3331;
}
.coupon_shop .cp_list table .cp_info {
    text-align: left;
    color: #aaa;
}
.coupon_shop .cp_list table .cp_point {
    text-align: right;
    color: #aaa;
}
.coupon_shop .cp_list table .cp_point span {
    color: #93f54b;
}

.coupon_shop .cp_list .cp_banner {
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(17, 17, 17, 0.7);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.coupon_shop .cp_list .cpbn_st_1 {
    background-color: #1a5d4b;
    border: 1px solid #006c4f;
}
.coupon_shop .cp_list .cpbn_st_1 span {
    color: #ffce00;
}
.coupon_shop .cp_list .cpbn_st_2 {
    background-color: #124264;
    border: 1px solid #215174;
}
.coupon_shop .cp_list .cpbn_st_2 span {
    color: #ffce00;
}
.coupon_shop .cp_list .cpbn_st_3 {
    background-color: #67115d;
    border: 1px solid #77146c;
}
.coupon_shop .cp_list .cpbn_st_3 span {
    color: #ffce00;
}

dfn.arr_wave {
    font-size: 12px;
    vertical-align: middle;
    font-style: normal;
}
dfn.arr_up {
    color: #fe3131;
}
dfn.arr_down {
    color: #317efe;
}

span.yellow {
    color: #d7d01e !important;
}

.bonus-tit {
    font-size: 12px;
    color: #838383;
    margin: 20px 0 10px;
}
.bonus-tit span.blue {
    font-size: 14px;
    color: #008fe8;
}
.bonus-tit span.yellow {
    font-size: 14px;
    color: #f8f851;
}
.bonus_folder {
    overflow: hidden;
}
.bonus_folder > ul {
    margin-left: -10px;
    overflow: hidden;
}
.bonus_folder > ul > li {
    float: left;
    width: calc(100% / 3 - 10px);
    margin-left: 10px;
}
.bonus_folder.num1 > ul > li {
    float: left;
    width: 100%;
}
.bonus_folder > ul > li > a {
    display: block;
    background: #262628;
    height: 42px;
    line-height: 42px;
    padding: 0 10px;
    font-size: 14px;
    color: #d9d9d9;
}
.bonus_folder > ul > li > a:hover {
}
.bonus_folder > ul > li > a .lf {
    float: left;
}
.bonus_folder > ul > li > a .rt {
    float: right;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #1c1c1c;
    border-radius: 50%;
    margin-top: 4px;
    font-weight: bold;
}

.section-box {
    padding: 20px;
    background: #000611;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.section-box-tit {
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.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;
}

.btn-group {
    overflow: hidden;
    float: right;
}
.btn-group a {
    display: inline-block;
    padding: 0 15px;
    height: 25px;
    line-height: 25px;
    background: #00050f;
    color: #fff;
    border: 1px solid #262a33;
    border-radius: 3px;
}
.btn-group a:hover {
    background: #111111;
}

.minigame {
    overflow: hidden;
    border-bottom: 1px solid #505765;
    border-left: 1px solid #454545;
}
.minigame > ul > li {
    float: left;
    width: calc(100% / 4);
}
.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: #000717;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.badge {
    padding: 3px 6px;
    border-radius: 8px;
}
.badge2 {
    padding: 3px 6px;
    border-radius: 2px;
}
.badge-success {
    background: #188dd7;
    color: #fff;
}
.badge-danger {
    background: #f0451d;
    color: #fff;
}
.badge-green {
    background: #50981a;
    color: #fff;
}
.badge-yellow {
    background: #fc0;
    color: #333;
}
.badge-orenge {
    background: #f60;
    color: #fff;
}

.game-iframe-close {
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #262e40;
    border: 0;
    color: #fff;
}
.game-iframe-close:hover {
    background: #1f232a;
}
.game-iframe-close strong {
    color: #fff !important;
}

.game-iframe {
    margin-top: 10px;
    min-width: 835px;
}
.game-iframe-cont {
    text-align: center;
}

.power-box {
    background: #000611;
    height: 107px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 15px 0 20px;
    overflow: hidden;
    border-radius: 8px;
}
.power-box .left {
    float: left;
    margin-top: 27px;
    padding-left: 28px;
    position: relative;
}
.power-box .left > li {
    color: #929394;
}
.power-box .left > li:first-child {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
}
.power-box .left > li:first-child span {
    font-weight: 700;
    color: #fc9700 !important;
}
.power-box .left > li:first-child i {
    font-size: 23px;
    color: #fc9700;
    position: absolute;
    left: 0;
    top: 0;
}

/* 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: 27px;
}

.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: 2px;
    width: 44px;
    height: 51px;
    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: 34px;
    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: 36px;
    line-height: 51px;
    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: 80px;
}

.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: 16px;
    display: block !important;
}

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

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

.small-tit {
    font-size: 13px;
    font-weight: 700;
    color: #b7b7b7;
    margin-top: 10px;
    margin-bottom: 10px;
}
.small-tit span {
    color: #fcfc65;
}
.small-tit i {
    font-size: 16px;
    color: #deb829;
    margin-right: 5px;
    vertical-align: middle;
}

.game-select-box-cont1 .cont {
    overflow: hidden;
}
.game-select-box-cont1 .cont ul {
    margin-left: -5px;
    overflow: hidden;
}
.game-select-box-cont1 .cont ul li {
    cursor: pointer;
    float: left;
    width: calc(100% / 4 - 5px);
    margin-left: 5px;
    height: 88px;
    padding: 8px 0;
    background: #303235;
    border-top: 1px solid #58595c;
    text-align: center;
}
.game-select-box-cont1 .cont ul li:hover {
    background: #525357;
    border-top: 1px solid #747578;
}
.game-select-box-cont1 .cont ul li.on {
    background: #0050bd;
    border-top: 1px solid #3273ca;
}
.game-select-box-cont1 .cont ul.ul2:first-child {
    margin-top: 0;
}
.game-select-box-cont1 .cont ul.ul2 {
    margin-top: 5px;
}
.game-select-box-cont1 .cont ul.ul2 li {
    width: calc(100% / 3 - 5px);
}

.game-select-box-cont2 {
    position: relative;
}
.game-select-box-cont2 .cont {
    overflow: hidden;
    width: 100%;
}
.game-select-box-cont2 .cont ul {
    margin-left: -5px;
    overflow: hidden;
}
.game-select-box-cont2 .cont ul li {
    cursor: pointer;
    float: left;
    width: calc(100% / 4 - 5px);
    margin-left: 5px;
    height: 88px;
    padding: 8px 0;
    background: #303235;
    border-top: 1px solid #58595c;
    text-align: center;
}
.game-select-box-cont2 .cont ul li:hover {
    background: #525357;
    border-top: 1px solid #747578;
}
.game-select-box-cont2 .cont ul li.on {
    background: #0050bd;
    border-top: 1px solid #3273ca;
}
.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 - 5px);
}

.game-select-box-cont3 {
    position: relative;
}
.game-select-box-cont3 .cont {
    overflow: hidden;
    width: 100%;
}
.game-select-box-cont3 .cont ul {
    margin-left: -5px;
    overflow: hidden;
}
.game-select-box-cont3 .cont ul li {
    cursor: pointer;
    float: left;
    width: calc(100% / 2 - 5px);
    margin-left: 5px;
    height: 88px;
    padding: 8px 0;
    background: #303235;
    border-top: 1px solid #58595c;
    text-align: center;
}
.game-select-box-cont3 .cont ul li:hover {
    background: #525357;
    border-top: 1px solid #747578;
}
.game-select-box-cont3 .cont ul li.on {
    background: #0050bd;
    border-top: 1px solid #3273ca;
}

.game-select-box-cont4 {
    position: relative;
}
.game-select-box-cont4 .cont {
    overflow: hidden;
    width: 100%;
}
.game-select-box-cont4 .cont ul {
    margin-left: -5px;
    overflow: hidden;
    margin-top: 5px;
}
.game-select-box-cont4 .cont ul li {
    cursor: pointer;
    float: left;
    width: calc(100% / 3 - 5px);
    margin-left: 5px;
    height: 88px;
    padding: 8px 0;
    background: #303235;
    border-top: 1px solid #58595c;
    text-align: center;
}
.game-select-box-cont4 .cont ul li:hover {
    background: #525357;
    border-top: 1px solid #747578;
}
.game-select-box-cont4 .cont ul li.on {
    background: #0050bd;
    border-top: 1px solid #3273ca;
}

.game-select-box-cont5 {
    position: relative;
}
.game-select-box-cont5 .cont {
    overflow: hidden;
    width: 100%;
}
.game-select-box-cont5 .cont ul {
    margin-left: -5px;
    overflow: hidden;
}
.game-select-box-cont5 .cont ul li {
    cursor: pointer;
    float: left;
    width: calc(100% / 6 - 5px);
    margin-left: 5px;
    height: 88px;
    padding: 8px 0;
    background: #303235;
    border-top: 1px solid #58595c;
    text-align: center;
}
.game-select-box-cont5 .cont ul li:hover {
    background: #525357;
    border-top: 1px solid #747578;
}
.game-select-box-cont5 .cont ul li.on {
    background: #0050bd;
    border-top: 1px solid #3273ca;
}

.game-select-box-cont6 {
    position: relative;
}
.game-select-box-cont6 .cont {
    overflow: hidden;
    width: 100%;
}
.game-select-box-cont6 .cont ul {
    margin-left: -5px;
    overflow: hidden;
}
.game-select-box-cont6 .cont ul li {
    cursor: pointer;
    float: left;
    width: calc(100% / 5 - 5px);
    margin-left: 5px;
    height: 88px;
    padding: 8px 0;
    background: #303235;
    border-top: 1px solid #58595c;
    text-align: center;
}
.game-select-box-cont6 .cont ul li:hover {
    background: #525357;
    border-top: 1px solid #747578;
}
.game-select-box-cont6 .cont ul li.on {
    background: #0050bd;
    border-top: 1px solid #3273ca;
}

.betting_lock {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000eb;
    z-index: 2;
}
.line-center {
    top: 45%;
    /* transform: translateY(-20%); */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    height: 31px;
    font-size: 31px;
    font-weight: bolder;
    color: #fc0;
}

.blue-box {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: #1c1c1c;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
.blue-box p {
    width: 1%;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    font-weight: 700;
    color: #007ffc;
}
.blue-box p span {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    margin-top: 6px;
}
.red-box {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: #1c1c1c;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
.red-box p {
    width: 1%;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    font-weight: 700;
    color: #fc1515;
}
.red-box p span {
    display: block;
    font-size: 13px;
    font-weight: 700;
    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;
    width: 70px;
    height: 70px;
    background: #1c1c1c;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
.green-box p {
    width: 1%;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    font-weight: 700;
    color: #0a9502;
}
.green-box p span {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    margin-top: 6px;
}

.square p {
    display: block;
    width: auto;
    height: 30px;
    line-height: 30px;
    background: #1c1c1c;
    padding: 0 5px;
}
.square span {
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-top: 8px;
}

.square {
    position: relative;
    border-radius: 5px;
    cursor: pointer;
    background: none;
    padding: 10px 0;
    width: auto;
}
.round {
    position: relative;
    border-radius: 50%;
    cursor: pointer;
}
.square:hover::before,
.round:hover::before,
.square.on::before,
.round.on::before {
    display: none;
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    width: 100%;
    height: 100%;
    border: 3px solid #defb18;
    border-radius: 5px;
    box-shadow: inset 5px 15px 10px 0px rgba(0, 0, 0, 0.5);
}
.round:hover::before,
.round.on::before {
    border-radius: 50%;
}

.game-select-box-cont1 {
    /* padding:15px; */
    margin-bottom: 10px;
    overflow: hidden;
    margin-left: -30px;
}
.game-select-box-cont1 > div {
    float: left;
    width: calc(50% - 30px);
    margin-left: 30px;
}

.sports-result {
    /* padding:0 15px; */
}
.sports-result .g_head {
    /*border-top:0;*/
}
.sports-result .g_head em {
    color: #fff;
    font-style: normal;
    padding-left: 10px;
}
.sports-result .g_head em strong {
    color: #fff;
    margin-left: 5px;
}
.sports-result .g_head > span {
    margin-left: 15px;
    color: #3398cc;
}
.sports-result .g_item li.g_day {
    width: calc(11% - 2px);
}
.sports-result .g_item li.g_lg {
    padding-left: 10px;
}
.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 li.g_odd {
    width: 81px;
}
.sports-result .g_item li.g_odd_ed {
    width: calc(7% - 2px);
}
.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.__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;
}

div.summary {
    display: table;
    table-layout: auto;
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-spacing: 0;
    border-collapse: separate;
    text-align: center;
    border: 1px solid #2d2d2f;
    background: #151517;
    margin-top: 2px;
    box-sizing: border-box;
    position: relative;
}

div.summary .first {
    position: absolute;
    top: 0;
    left: 15px;
}
div.summary > ul {
    display: table-row;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
div.summary > ul > li {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    padding: 0 15px;
    font-size: 12px;
}

div.summary > ul > li > span {
    display: inline-block;
    font-weight: 400;
    margin: auto 5px;
    color: #fff;
}

div.summary > ul > li > strong {
    display: inline-block;
    font-weight: 400;
    color: #fff;
}

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

.btn-all-right {
    float: right;
}
.btn-all-right a {
    height: 22px;
    line-height: 22px;
    padding: 0 14px;
}

.notice-box > .tit {
    overflow: hidden;
    width: 100%;
    height: 38px;
    line-height: 38px;
    background: #262a34;
}
.notice-box > .tit span {
    float: left;
    padding: 0 15px;
    color: #fff;
    font-weight: 700;
}
.notice-box > .tit span:first-child {
    width: 51px;
}
.notice-box > .cont {
    background: #0d121d;
}
.notice-box > .cont > ul > li {
    color: #fff;
    font-weight: 700;
}
.notice-box > .cont > ul > li .n-tit {
    overflow: hidden;
    color: #fff;
    font-weight: 700;
    height: 38px;
    line-height: 38px;
}
.notice-box > .cont > ul > li .n-tit > div {
    float: left;
}
.notice-box > .cont > ul > li .n-tit > a {
    overflow: hidden;
}
.notice-box > .cont > ul > li .n-tit > a > div {
    float: left;
    padding: 0 15px;
}
.notice-box > .cont > ul > li .n-tit > a > div:first-child {
    width: 51px;
    text-align: center;
}
.notice-box > .cont > ul > li .n-tit > a > div:last-child {
    width: calc(100% - 51px);
}
.notice-box > .cont > ul > li .n-cont {
    display: none;
    background: #1a1f29;
    padding: 20px 20px 30px;
    line-height: 2;
}

.click-attend button {
    background: #333;
    border: 1px solid #333;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.click-attend button:hover {
    background: #7200bf;
}
.click-attend button:focus {
    background: #7200bf;
}

.attend-box {
    margin: 20px 0 10px;
    color: #fff;
    font-size: 14px;
}
.attend-box > span {
    margin-right: 15px;
}
.attend-box i {
    vertical-align: middle;
    font-size: 17px;
    margin-right: 5px;
}
.attend-box .yellow {
    color: #fb7a02;
}
.attend-box .green {
    color: #0a9503 !important;
}
.attend-box .blue {
    color: #48b3d3 !important;
}

.bdtb_view {
    display: none;
}

.width-full td {
    color: #fff;
}
.width-full td div strong {
    font-size: 14px;
}
.width-full .green {
    color: #0a9503 !important;
}
.width-full .red {
    color: #fb1515 !important;
}
.width-full .orange {
    color: #ff9900 !important;
}
.width-full .grey {
    color: #a0a0a0 !important;
}

.money_view01 {
    color: #008fe8 !important;
}
.cart-box {
    position: absolute;
    right: 0;
    top: 0px;
    width: 295px;
    box-sizing: border-box;
}

.realtimebet {
    margin: 0 10px;
    overflow: hidden;
}
.realtimebet > .tit {
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-bottom: 1px solid #2c2f31;
    font-size: 22px;
    font-weight: 700;
    color: #ccc;
}
.realtimebet > .cont {
    padding: 15px 0 12px;
    margin-top: -15px;
    margin-left: 0px;
    border-bottom: 1px solid #2c2f31;
    font-size: 0;
}
.realtimebet > .cont > a {
    margin-left: 20px;
    margin-top: 15px;
    color: #ccc;
    text-align: center;
    font-size: 18px;
    color: #ccc;
    font-size: 0;
}
.realtimebet > .cont > a span {
    display: inline-block;
    border: 3px solid #2c2f31;
    border-radius: 10px;
    overflow: hidden;
}
.realtimebet > .cont > a:hover span {
    border: 3px solid #2c2f31;
}
.realtimebet > .cont > a span:last-child {
    display: block;
    border: 0;
    font-size: 18px;
    margin-top: 15px;
}
.realtimebet > .cont > a:hover span:last-child {
    border: 0;
}

.melti-wraper {
    padding: 10px 10px 40px;
    background: #14171a;
    overflow: hidden;
}
.melti-v {
    height: 45px;
    line-height: 45px;
}
.melti-v select {
    float: left;
    width: 170px;
    height: 45px;
    padding-left: 15px;
    border: 1px solid #404040;
    background: #1d1d1d url(../images/sub/melti_icon1.gif) no-repeat 92% 15px;
    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: #1d1d1d 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: #f95157;
}

.melti-v2 {
    overflow: hidden;
    margin-top: 20px;
    margin-left: -20px;
}
.game-box {
    float: left;
    width: 398px;
    margin-left: 20px;
}
.melti-v2 .game-box2:first-child {
}
.melti-v2 .game-box2:last-child {
}
.game-box .game {
    height: 276px;
    overflow: hidden;
}
.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: 25px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #ccc;
}

.game-btn {
    background: #010101;
    overflow: hidden;
    padding: 4px 10px 5px;
    transition: 0.3s;
}
.game-btn a {
    background: linear-gradient(#323233, #202327);
    text-align: center;
}
.game-btn a:hover {
    background: #207da8;
}
.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 {
    background: #dd25b0;
}
.game-btn span.b-blue {
    background: #2b63ff;
}
.game-btn span.b-green {
    background: #1fa328;
}
.game-btn span.b-yellow {
    background: #f1b31e;
}
.game-btn span.b-red {
    background: #e03d38;
}
.game-btn span.b-cyan {
    background: #33a1a3;
}
.game-btn ul {
    overflow: hidden;
}

.game-btn ul > li {
    font-size: 0;
    float: left;
    margin-left: 4px;
}
.game-btn ul > li > a {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #14171a;
}
.game-btn ul > li > a::before {
    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: #0050bd;
}
.game-btn ul > li > a span {
    position: relative;
}
.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;
}
.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;
}
.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;
}

.two-btn1 {
    margin-left: -4px;
}
.two-btn1 > li a {
    width: 187px;
    height: 77px;
}
.game-btn .two-btn1 > li a span {
    font-size: 20px;
    font-weight: 800;
    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: 18px;
    font-weight: 800;
    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: 16px;
    font-weight: 800;
    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: 14px;
    font-weight: 800;
    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: 1px solid #2f2f2f;
    padding: 15px 9px 20px;
    margin-top: 12px;
}
.game-cont-floor1 > li {
    height: 27px;
    line-height: 27px;
}
.game-cont-floor1 > li .tit {
    float: left;
    font-size: 15px;
    font-weight: 700;
    color: #ccc;
}
.game-cont-floor1 > li .num {
    float: right;
    font-size: 15px;
    font-weight: 700;
    color: #ccc;
}
.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:first-child {
    height: 37px;
}
.game-cont-floor1 > li:first-child .tit {
    font-size: 18px;
}
.game-cont-floor1 > li:first-child .tit span {
    font-size: 18px;
    font-weight: 700;
}
.game-cont-floor1 > li:first-child .num {
    color: #ccc;
}
.total {
}
.total input[type="text"] {
    color: #fff;
    width: 100%;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #14171a !important;
    background: #373737 !important;
}
.game-cont-floor2 {
    overflow: hidden;
    margin-top: 4px;
    margin-left: -4px;
}
.game-cont-floor2 > li {
    float: left;
    width: 91px;
    margin-top: 4px;
    margin-left: 4px;
}
.game-cont-floor2 > li > a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #181818;
    background: #e3e8f8;
    border-radius: 3px;
    border: 1px solid #a8b6c4;
}
.game-cont-floor2 > li > a:hover {
    background: #0040ff;
    color: #fff;
}
.game-cont-floor2 > li.max > a {
    color: #0040ff;
}
.game-cont-floor2 > li.max > a:hover {
    color: #fff;
}
.game-cont-floor2 > li.reset > a {
    color: #0040ff;
}
.game-cont-floor2 > li.reset > a:hover {
    color: #fff;
}

.game-cont-floor3 {
    text-align: center;
    margin-top: 5px;
}
.game-cont-floor3 a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    background: #0040ff;
    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;
}
.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: 14px;
}
.game-cont-floor4 table tbody td {
    font-size: 13px;
}

.bok_wrap {
    width: 100%;
    text-align: center;
    background: #174159;
    position: relative;
}

.bok_wrap2 {
    width: 1234px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    padding-bottom: 20px;
}

.bok_wrap2 .bok_count {
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    width: 52px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    top: 553px;
    left: 412px;
}

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

.no-login {
    margin-top: 10px;
}
.no-login a {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #fff; /* background: #95ca32; */
    background: #ffa800;
}
.no-login a i {
    font-size: 27px;
    vertical-align: middle;
    margin-right: 10px;
    color: #7a7a7a;
}
.no-login a:hover {
    color: #fff;
}
.no-login a:hover i {
    color: #fff;
}
.popup {
    display: none;
    width: 520px;
    left: 0;
    right: 0;
    top: 209px;
    z-index: 10;
    position: absolute;
    margin: 0 auto;
    padding: 50px 10px 10px 10px;
    background-color: #ffffff;
    border: 1px solid #3da7ff;
}

.popup .b-close,
.popup_1 .b-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #70c2fe;
    color: #fff;
}

.popup .gidbx_tb table tr th {
    background-color: #70c2fe;
}
.popup .gidbx_tb table tr td {
    height: auto;
    padding: 10px 10px;
    background-color: #fff;
    color: #888;
    font-size: 13px;
    text-align: left;
}
.popup .gidbx_tb table tr td input {
    background: #fff;
    color: #333;
}
.popup .gidbx_tb table tr td em {
    display: block;
    margin: 8px 0 0 0;
    color: #ffba00;
}

.popup .gidbx_tb table tr td p {
    display: block;
    margin: 8px 0 0 0;
    font-size: 11px;
    color: #999;
}

.popup .gidbx_tb table tr td > div {
    padding: 5px 0;
}

@media (min-width: 1880px) {
    #header.sub-header {
        /* background-size: 100% auto; */
    }
}

@media screen and (max-width: 1560px) {
    .sub-container {
        max-width: 800px;
    }
    .realtimebet .cont img {
        max-width: 100px;
    }
}