@charset "UTF-8";
/* common */
.pick {
    background-color: #0078a3!important;
    border: 1px solid #0078a3!important
}

.moreSlide {
    transform: translate(0)
}

.bet-status-wait {
    background-color: #5C35FB !important;
}
.bet-status-lose {
    background-color: #bf38cb !important;
}
.bet-status-win {
    background-color: #e6b31e !important;
}
.bet-status-off {
    background-color: #35a3fb !important;
}
.bet-status-cancel {
    background-color: #2dc727c2 !important;
}

.locked .icon-state::before {
    content: '\e907';
}

.odds-up .icon-state::before {
    content: '\e914';
    color: red;
}

.odds-down .icon-state::before {
    content: '\e915';
    color: #008eff;
}

/* main */
.SportContent {
    background-size: cover;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-repeat: repeat-y;
    position: relative
}

.main_content_sport {
    width: calc(100% - 80px);
    position: fixed;
    top: 70px;
    left: 80px;
    z-index: 10;
    height: calc(100vh - 70px);
}

.sportFrame .chooseZone,
.sportFrame .decideZone {
    background-color: #212121
}

.sportFrame {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #0b0b11;
    position: relative
}

.sportFrame .chooseFrame {
    width: calc(88% - 320px);
    height: 100%;
    float: left;
    position: relative;
    display: flex;
}

.sportFrame .paging_box {
    padding-bottom: 60px;
}

/* left menu */
.sportFrame .chooseZone01 {
    float: left;
    width: 12%;
    background-color: #292e2f;
    overflow-y: scroll;
    height: 100%;
}

.sportFrame .chooseZone01 .title {
    width: 100%;
    height: 40px;
    color: var(--main);
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: 0 10px 0px 10px;
    border-bottom: 1px solid #6c6c6c;
    justify-content: space-between;
}

.sportFrame .chooseZone01 .title img {
    margin-right: 8px
}


.sportFrame .chooseZone01 .goResult {
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 10px;
    cursor: pointer;
    position: relative;
    background: var(--main01);
    color: #ffffff;
}
.sportFrame .chooseZone01 .sideMenu {
    height: auto;
    overflow: hidden;
}

.sportFrame .chooseZone01 .sideMenu ul {
    background-color: #292e2f;
}
.sportFrame .chooseZone01 .sideMenu ul li {
    width: 100%;
    float: right;
    height: 45px;
    display: flex;
    align-items: center;
    background: linear-gradient(#393737,#2c2c2c);
    font-size: 13px;
    border-bottom: 1px solid #6c6c6c;
    position: relative;
    cursor: pointer;
    border-left: 1px solid #6c6c6c;
    justify-content: space-between;
    color: silver;
    padding-right: 7px;
}
.sportFrame .chooseZone01 .sideMenu ul li .info {
    display: flex;
    align-items: center;
}

.sportFrame .chooseZone01 .sideMenu ul li span {
    color: #6c6c6c;
    font-family: ko-regular!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
    height: 100%;
    line-height: 54px;
}
.sportFrame .chooseZone01 .sideMenu ul li img {
    margin: 5px;
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle {
    background-color: linear-gradient(#4c4c4c,#141414);
    border-top: 1px solid #6c6c6c;
    border-bottom: 1px solid #6c6c6c;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
    cursor: pointer;
    position: relative;
    margin-top: -1px;
}


.sportFrame .chooseZone01 .sideMenu01 .ballTitle:hover {
    background: linear-gradient(var(--main),var(--main));
    cursor: pointer;
    transition: .2s all ease-out
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-family: ko-regular!important
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball img {
    height: 25px;
    margin-right: 10px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowB {
    color: var(--main);
    font-size: 16px;
    position: relative;
    cursor: pointer;
    opacity: 0;
    transition: .2s ease-out;
    z-index: 1
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle:hover .arrowB {
    opacity: 1
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .txt {
    color: var(--main);
    opacity: 1;
    transition: .2s ease-out;
    position: absolute;
    right: 7px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle:hover .txt {
    opacity: 0
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowGO span {
    transform: rotate(0)!important
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowB span {
    color: #ffffff;
    font-size: 16px;
    position: absolute;
    top: -6px;
    right: 1px;
    transform: rotate(180deg);
    transition: .2s ease-out
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle {
    background-color: #282828;
    border-top: 1px solid #6c6c6c;
    border-bottom: 1px solid #6c6c6c;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 16px;
    margin-top: -1px
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle:hover {
    background: linear-gradient(var(--main),var(--main));
    cursor: pointer;
    transition: .2s all ease-out
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .ball {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-family: ko-regular!important
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .ball img {
    height: 17px;
    margin-right: 6px
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .arrowC {
    color: var(--main);
    font-size: 16px;
    position: relative;
    cursor: pointer
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .arrowC span {
    color: #ffffff;
    font-size: 16px;
    position: absolute;
    top: -7px;
    right: -5px;
    transform: rotate(180deg);
    transition: .2s ease-out
}

.sportFrame .chooseZone01 .sideMenu01 .countryTitle .arrowGO span {
    transform: rotate(0)!important
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrame .country {
    background-color: #282828;
    border-top: 1px solid #6c6c6c;
    border-bottom: 1px solid #6c6c6c;
    line-height: 15px;
    padding: 8px 16px;
    cursor: pointer;
    transition: .4s ease-out;
    margin-top: -1px;
    color: #a5a5a5;
    font-size: 13px;
}


.sportFrame .chooseZone01 .sideMenu01 .countryFrame .country:hover {
    background: linear-gradient(var(--main),var(--main))
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrame .country span {
    color: #6c6c6c;
    font-size: 12px
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrame .country:hover span {
    color: #ffffff
}

.sportFrame .chooseZone01 .sideMenu01 .countryFrame .country span.name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 198px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p {
    padding-left: 25px
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .ball p:before {
    content: "";
    position: absolute;
    left: 3%;
    width: auto;
    min-width: 18px;
    height: 38px;
    background-image: url(../../assets/0_noPIC.9c7d31e3.html);
    background-size: 17px;
    background-position: center center;
    background-repeat: no-repeat
}


.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowD {
    color: var(--main);
    font-size: 16px;
    position: relative;
    cursor: pointer;
    opacity: 0;
    transition: .2s ease-out;
    z-index: 1
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle .arrowD span {
    color: var(--main);
    font-size: 16px;
    position: absolute;
    top: -6px;
    right: 1px;
    transform: rotate(180deg);
    transition: .2s ease-out
}

.sportFrame .chooseZone01 .sideMenu01 .ballTitle:hover .arrowD {
    opacity: 1
}

.sportFrame .chooseZone01 .sideMenu01 .esFrameClose {
    display: none
}

.sportFrame .chooseZone01 .sideMenu01 .ball .txt01 {
    width: 157px;
    line-height: 1.2
}

.leagueoflegendswildrift {
    width: 180px;
    line-height: 1.25
}

.sportFrame .chooseZone01 .sideMenu ul .activeSTab,
.sportFrame .chooseZone01 .sideMenu ul .activeSTab span,
.sportFrame .chooseZone01 .sideMenu ul li:hover,
.sportFrame .chooseZone01 .sideMenu ul li:hover span {
    background: var(--main01);
    color: var(--font01)
}


/* right decide */

.sportFrame .setZone {
    padding-left: 5px;
    /* height: 40px; */
    display: flex;
    flex-wrap: wrap;
}

.sportFrame .setZone .set01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.sportFrame .setZone .set01 .switchZone {
    display: flex;
    align-items: center;
    padding: 7px;

}

.sportFrame .setZone .set01 .switchZone .switch {
    width: 45px;
    height: 26px;
    position: relative;
    border-radius: 20px;
    cursor: pointer;
    background: #4b4b4b;
}

.sportFrame .setZone .set01 .switchZone .switch:before {
    content: "";
    width: 19px;
    height: 19px;
    background-color: var(--font01);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 31%;
    transform: translate(-50%,-50%)
}

.sportFrame .setZone .set01 .switchZone .txt {
    white-space: nowrap;
    font-size: 14px;
    margin-left: 5px;
    color: var(--font02);
}

.sportFrame .setZone .set01 .switchZone .frame {
    position: relative
}

.sportFrame .setZone .set01 .switchZone .frame:hover .hoverMsg {
    display: block
}

.sportFrame .setZone .set01 .switchZone span {
    font-size: 18px;
    margin-left: 3px;
    color: var(--font02);
}

.sportFrame .setZone .set01.on .switchZone .switch {
    background: linear-gradient(var(--main),var(--main));
}

.sportFrame .setZone .set01.on .switchZone .switch:before {
    left: 71%
}

.sportFrame .setZone .set01 .inputFrame {
    height: 33px;
    background-color: #0b0b11;
    border-radius: 5px;
    margin-left: 5px;
    position: relative;
    display: none;
}
.sportFrame .setZone .set01.on .inputFrame { 
    display: block;
}

.sportFrame .setZone .set01 .inputFrame input {
    padding-left: 5px;
    /* line-height: 36px; */
    height: 33px;
    color: var(--font02);
    width: 100%;
    border: 0;
    max-width: 150px;
    outline: none
}

.sportFrame .setZone .set01 .inputFrame input::placeholder {
    color: #505050;
    font-size: 12px
}

.sportFrame .setZone .set01.on .inputFrame .editZone { 
    
}

.sportFrame .setZone .set01.on .inputFrame .editZone .button{ 
    position: absolute;
    right: 3px;
    top: 3px;
    color: white;
    background: #4c4c4c;
    padding: 6px;
    border-radius: 5px;
    cursor: pointer;
}

.sportFrame .setZone .set01 .league-menu-wrap{
    color: #a8a7a7;
    display: flex;
    word-break: keep-all;
    align-items: center;
}

.sportFrame .setZone .set01 .league-menu-wrap span{
    font-size:10px;
    border: 2px solid #ddd;
    color: #cacaca;
    padding: 5px;
    border-radius: 15px;
    margin: 0 5px;
}

.sportFrame .setZone .set01 .setIcon span {
    color: var(--font02);
    font-size: 23px
}

.sportFrame .setZone .set01 + .warning {
    color: var(--font02);
    font-size: 12px;
    display: flex;
    align-items: center;
    margin: 5px 10px;
    display: none;
}

.sportFrame .setZone .set01.on + .warning {
    display: flex;
}

.sportFrame .setZone .warning span {
    color: #ff6d0b;
    font-size: 19px;
    margin-right: 5px
}

.sportFrame .decideZone {
    width: 320px;
    float: right;
    position: relative;
    overflow-y: scroll;
    height: 100%;
    padding-bottom: 35px;
}

.sportFrame .decideZone .panelChange .title {
    height: 40px;
    width: 100%;
    background-color: var(--main01);
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    padding: 0 14px
}

.sportFrame .decideZone .panelChange .title .xx1 {
    border: 2px solid #ffffff;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer
}

.sportFrame .decideZone .panelChange .title .xx1 span {
    font-size: 12px;
    transform: scale(.8);
    font-weight: bolder
}

.sportFrame .decideZone .content .tabBar {
    height: 48px;
    width: 100%;
    background-color: #dbebf7
}

.sportFrame .decideZone .content .tabBar .tab {
    width: 100%;
    height: 48px
}

.sportFrame .decideZone .content .tabBar .tab ul {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 48px
}

.sportFrame .decideZone .content .tabBar .tab ul li {
    float: left;
    width: 50%;
    height: 48px;
    background-color: #4c4c4c;
    color: #818181;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative
}

.sportFrame .decideZone .content .tabBar .tab ul li span {
    margin-left: 3px
}

.sportFrame .decideZone .content .tabBar .tab ul li:hover,
.sportFrame .decideZone .content .tabBar .tab ul li.activeTab {
    background-color: var(--main01);
    color: var(--font01)!important
}

.sportFrame .decideZone .content .tabBar .tab ul li .no {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    font-size: 12px;
    color: #161616;
    position: absolute;
    right: 3px;
    top: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none
}

.sportFrame .decideZone .content .tabBar .icon {
    height: 44px;
    display: flex;
    align-items: center
}

.sportFrame .decideZone .content .tabBar .icon span {
    margin-left: 13px;
    cursor: pointer
}

.sportFrame .decideZone .content .tabBar .icon span.icon-iconLock1 {
    font-size: 15px
}

.sportFrame .decideZone .content .listFrame .listZone .deleteAll {
    width: 90%;
    height: 38px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #818181
}

.sportFrame .decideZone .content .listFrame .listZone .deleteAll .refreshZone {
    display: flex;
    align-items: center;
    color: #818181;
    border-radius: 5px;
    cursor: pointer;
    transition: .4s ease-out
}

.sportFrame .decideZone .content .listFrame .listZone .deleteAll .refreshZone span {
    margin-right: 6px;
    font-size: 18px
}

.sportFrame .decideZone .content .listFrame .listZone .deleteAll .deleteAll01 {
    display: flex;
    align-items: center;
    cursor: pointer
}

.sportFrame .decideZone .content .listFrame .listZone .deleteAll .xxAll {
    margin: 0 10px;
    cursor: pointer
}

.sportFrame .decideZone .content .listFrame .list {
    position: relative;
    margin: 0 auto 13px;
    border-radius: 10px;
    overflow: hidden;
    background: linear-gradient(#4c4c4c,#141414)
}

.sportFrame .decideZone .content .listFrame .list .left {
    line-height: 1.7
}

.sportFrame .decideZone .content .listFrame .list .left .txtFrame {
    display: flex;
    align-items: center
}

.sportFrame .decideZone .content .listFrame .list .left .txtFrame span {
    margin-right: 4px
}

.sportFrame .decideZone .content .listFrame .list .left .obj {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 2px
}

.sportFrame .decideZone .content .listFrame .list .left h2 {
    color: #ffffff;
    font-size: 15px;
    font-family: ko-bold!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 207px
}

.sportFrame .decideZone .content .listFrame .list .left h3 {
    color: var(--txtColor122);
    font-size: 14px
}

.sportFrame .decideZone .content .listFrame .list .left h4 {
    color: #fe7e82!important;
    font-size: 16px;
    text-decoration: line-through
}

.sportFrame .decideZone .content .listFrame .list .percent {
    position: absolute;
    bottom: 0;
    left: 0;
    align-items: center;
    color: #ffffff;
    font-size: 14px;
    background-color: #7a98f9;
    width: 100%;
    height: 36px;
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    border-radius: 0 0 5px 5px
}

.sportFrame .decideZone .listZone .slipZone .slip,
.sportFrame .decideZone .content .listFrame .list {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 13px;
    background: linear-gradient(#4c4c4c,#141414)
}

.sportFrame .decideZone .content .moneyZone .title,
.sportFrame .decideZone .listZone .slipZone .slip .title,
.sportFrame .decideZone .content .listFrame .list .title {
    color: var(--font01);
    font-size: 16px;
    padding: 9px;
    font-family: ko-regular!important;
    background: var(--main01);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sportFrame .decideZone .content .listFrame .list .title .txtFrame {
    font-size: 14px;
    font-family: ko-bold!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 207px;
    padding-bottom: 2px
}

.sportFrame .decideZone .content .listFrame .list .title .txtFrame span {
    color: #f02828;
    font-size: 15px;
    margin-right: 4px;
    display: none
}

.sportFrame .decideZone .content .listFrame .blocking .title .txtFrame span {
    display: inline-block
}

.sportFrame .decideZone .content .listFrame .list .title .xx {
    border: 1px solid #ffffff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.sportFrame .decideZone .content .listFrame .blocking .title .xx {
    position: relative;
    z-index: 10
}

.sportFrame .decideZone .content .listFrame .list .title .xx span {
    color: var(--font02);
    font-size: 20px;
}

.sportFrame .decideZone .content .listFrame .list .content {
    width: 100%;
    padding: 10px
}

.sportFrame .decideZone .content .listFrame .list .content .txtList {
    color: var(--font02);
    font-size: 13px;
    font-family: ko-bold!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}

.sportFrame .decideZone .content .listFrame .list .content .txtList .redTxt {
    color: #f20f2a!important;
    font-size: 15px;
    font-family: ko-bold!important;
    text-decoration: line-through
}
.sportFrame .decideZone .content .listFrame .list .content .txtList .rightZone {
    padding: 0;
}
.sportFrame .decideZone .content .listFrame .list .content .txtList .rightZone01 {
    color: #fe7e82!important;
    font-size: 16px;
    font-family: ko-bold!important;
    text-decoration: line-through
}

.sportFrame .decideZone .content .listFrame .list .mask {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #141414a3;
    display: none
}

.sportFrame .decideZone .content .listFrame .blocking .mask {
    display: block
}

.sportFrame .decideZone .listZone {
    padding: 0px 3px;
}

.sportFrame .decideZone .listZone .slipZone {
    margin: 20px auto 0
}

.sportFrame .decideZone .listZone .slipZone .slip .title .time {
    font-size: 12px;
    font-family: ko-bold!important
}

.sportFrame .decideZone .listZone .slipZone .slip .title .txt {
    font-size: 14px;
    font-family: ko-bold!important
}

.sportFrame .decideZone .listZone .slipZone .slip .content {
    padding: 1px 8px 6px;
    position: relative
}


.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone {
    font-size: 12px;
    /* line-height: 3; */
    border-bottom: 1px dotted #736f6f;
    color: white;
    padding: 10px 5px;
}

.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone .team-wrap{
    display: flex;
    padding-bottom: 10px;
    align-items: center;
}

.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone .team-wrap .team{
    margin-left: 15px;
    color: #66d4ff;
}

.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone .bet-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
}

.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone .bet-wrap .bet{
    display: flex;
    width: 100%;
    justify-content: space-between;
    border: 1px solid #919191;
    padding: 0px 10px;
    border-radius: 5px;
    height: 30px;
    align-items: center;
}

.sportFrame .decideZone .listZone .slipZone .slip .content .ballZone .bet-wrap .bet span {
    word-break: keep-all;
    text-align: center;
    width: 100%;
    white-space: nowrap;
}

.sportFrame .decideZone .listZone .slipZone .slip .content .status{
    padding: 5px 10px;
    border-radius: 5px;
    background: #0088ff;
    white-space: nowrap;
}

.sportFrame .decideZone .listZone .slipZone .slip .content .resultZone {
    margin-top: 7px;
    align-items: center;
    width: 100%;
    align-items: end;
    color: white;
    font-size: 13px;
}

.sportFrame .decideZone .listZone .slipZone .slip .content .resultZone .result{
    display: flex;
    justify-content: space-between;
    padding: 5px;
}

.sportFrame .decideZone .listZone .slipZone .slip .content .resultZone .result .sp-number {
    font-size: 16px;
    color: #32dbff;
    font-weight: 600;
}

.sportFrame .decideZone .listZone .slipZone .slip .content .resultZone .cancel-btn{
    padding: 7px 30px;
    border-radius: 5px;
    background: #f73759;
}

.sportFrame .decideZone .listZone .more {
    color:white;
    cursor:pointer;
    text-align:center;
}

@-webkit-keyframes shineTag01 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes shineTag02 {
    0% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes toasts {
    0% {
        opacity: 0;
        top: 110%
    }

    50% {
        opacity: 1;
        top: 50%
    }

    to {
        opacity: 0;
        top: -10%
    }
}

@-webkit-keyframes toasts01 {
    0% {
        opacity: 0;
        top: 50%;
        transform: translate(-50%,-50%) scale(0)
    }

    50% {
        opacity: 1;
        top: 50%;
        transform: translate(-50%,-50%) scale(1)
    }

    to {
        opacity: 0;
        top: -10%;
        transform: translate(-50%,-50%) scale(1)
    }
}

.sportFrame .decideZone .content .moneyZone .input_content {
    width: 67%;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    background-repeat: no-repeat;
    background-position: 10px;
    box-sizing: border-box;
    border-radius: 3px;
    position: relative;
    color: var(--font02);
    background-color: #131313;
    border: 1px solid #505050;
    margin-bottom: 0;
}

.sportFrame .decideZone .content .moneyZone .input_content input {
    text-align: right;
    height: 30px
}

.sportFrame .decideZone .content .moneyZone .input_content input:focus {
    border-bottom: none!important;
    box-shadow: none!important
}

.sportFrame .decideZone .content .moneyZone .input_content input::placeholder {
    color: #fe7e82!important
}

.sportFrame .decideZone .content .moneyZone .inputFrame {
    display: flex;
    margin-bottom: 5px
}

.sportFrame .decideZone .content .moneyZone .inputFrame .info {
    display: flex;
    align-items: center;
    width: 35%
}

.sportFrame .decideZone .content .moneyZone .inputFrame .info .icon {
    width: 28px;
    height: 28px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    background: #2e3135
}

.sportFrame .decideZone .content .moneyZone .inputFrame .info .icon span {
    color: #000000
}

.sportFrame .decideZone .content .moneyZone .content01 {
    padding: 0 8px;
    margin-top: -15px
}

.sportFrame .decideZone .content .moneyZone .content01 .moneyBtnFrame {
    padding-bottom: 10px
}

.sportFrame .decideZone .content .moneyZone .content01 .moneyBtns {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
    justify-content: space-between;
}

.sportFrame .decideZone .content .moneyZone .content01 .moneyBtns .btnD {
    width: 33%;
    height: 40px;
    border: 1px solid var(--main);
    background-color: #0b0b11;
    display: flex;
    align-items: center;
    color: #ffffff;
    cursor: pointer;
    margin-top: 3px;
    margin-left: -1px;
    justify-content: center;
    border-radius: 5px;
}

.sportFrame .decideZone .content .moneyZone .content01 .moneyBtns .btnD:hover,
.sportFrame .decideZone .content .moneyZone .content01 .moneyBtns .btnM:hover,
.sportFrame .decideZone .content .moneyZone .content01 .moneyBtns .chooseBtn {
    color: #ffffff;
    background: var(--main);
    border: 1px solid #505050;
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame {
    display: flex;
    justify-content: space-between;
    margin-top: 10px
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA {
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0s ease-out;
    z-index: 0
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA span {
    font-size: 16px;
    margin-right: 7px;
    color: var(--font01)
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA:nth-child(1) {
    width: 33%;
    color: var(--font01)
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA:nth-child(2) {
    width: 67%;
    color: var(--font01)
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA,
.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA:before {
    border-radius: 4px;
    color: var(--font01)
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA:before {
    width: 98%;
    height: 98%;
    top: 50%
}

.sportFrame .decideZone .content .btnGO {
    background-color: #4385f8;
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    cursor: pointer;
    padding: 9px;
    margin-top: 12px
}

.sportFrame .decideZone .content .bSuccess {
    background-color: #4f2526;
    border: 1px solid #4f2526;
    color: var(--font01)
}

.sportFrame .decideZone .content .bSuccess span {
    color: var(--font01)
}

.sportFrame .decideZone .content .bFailed {
    background-color: #0078a3;
    color: var(--font01)
}

.sportFrame .decideZone .content .bFailed span {
    color: var(--font01)
}

.sportFrame .decideZone .content .bLoading {
    background-color: #0078a3;
    color: var(--font01)
}

.sportFrame .decideZone .content .bLoading img {
    width: 22px;
    margin-right: 5px
}

.sportFrame .decideZone .content .btnGO .txt {
    display: flex;
    align-items: center
}

.sportFrame .decideZone .content .btnGO .txt .txtInner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 220px;
    color: var(--font01)
}

.sportFrame .decideZone .content .btnGO span {
    font-size: 22px;
    margin-right: 5px;
    color: var(--font01)
}

.sportFrame .decideZone .content .btnGO span.icon-iconARdownA {
    transform: rotate(270deg)
}

.sportFrame .chooseZone01 .goResult span.icon-iconARupA {
    transform: rotate(90deg);
    transition: .2s all
}

.sportFrame .chooseZone01 .goResult:hover span.icon-iconARupA {
    transform: rotate(90deg) translateY(-5px)
}

.sportFrame .decideZone .content .result .txtList {
    display: flex;
    justify-content: space-between;
    color: white;
    padding: 5px 10px;
}


.sportFrame .decideZone .setZone .set01 .inputFrame .btnE,
.sportFrame .decideZone .setZone .set01 .inputFrame .btnV {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    padding: 6px;
    border-radius: 5px;
    color: var(--font01);
    background: #505050!important
}

.sportLBtn01 .loading,
.lockLoading {
    width: 25px;
    height: 25px
}

.winLose {
    color: var(--main01);
    font-size: 12px
}

.subMenuBottom {
    height: 35px;
    width: 100%
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA:hover,
.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA:hover:before {
    background: var(--main);
    color: var(--font01)
}


.sportFrame .decideZone .listZone .slipZone .slip .content .timeZone {
    color: #6c6c6c;
    display: flex;
    align-items: center;
    margin-top: 9px;
    border-bottom: 1px solid #505050;
    padding-bottom: 16px
}

.sportFrame .decideZone .listZone .slipZone .slip .content .timeZone span {
    font-size: 17px;
    font-weight: 100
}

.sportFrame .decideZone .listZone .slipZone .slip .content .timeZone .txt {
    font-size: 12px;
    margin-left: 5px
}


.sportFrame .decideZone .content .moneyZone .content01 .hint {
    color: #f20f2a!important;
    font-size: 12px;
    margin-bottom: -5px;
    text-align: center
}

.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA.checkOK,
.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA.checkOK:before,
.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA.checkOK:hover,
.sportFrame .decideZone .content .moneyZone .content01 .btnFrame .btnA.checkOK:hover:before {
    background: #f0ab05!important;
    border: 1px solid #f0ab05!important;
    color: #fff
}


/* sports */
.sportFrame .chooseFrame .chooseZone {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    margin-top: 40px;
    padding-bottom: 40px;
}

.sportFrame .chooseFrame .chooseZone .sportZone {
    /* margin-top: 40px; */
    overflow: scroll;
}

.sportFrame .chooseFrame .chooseZone .sportZone .bonus-folder-wrap {
    display: grid;
    /* margin: 7px; */
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 5px;
}

.sportFrame .chooseFrame .chooseZone .sportZone .bonus-folder-wrap .bonus-bet {
    padding: 10px;
    border: 1px solid #4c4c4c;
    border-radius: 5px;
    color: #b5afaf;
    width: 100%;
}

.sportFrame .chooseFrame .chooseZone .bFrame {
    margin-top: 40px;
}

.sportFrame .chooseFrame .chooseZone .bFrame .btnM{
    flex: 26%;
}

.sportFrame .tabZone,
.sportFrame .tabZone .tabFrame {
    height: 40px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    z-index: 2;
}

.sportFrame .tabZone button {
    background: -webkit-linear-gradient(90deg,rgb(210,158,84) 15%,rgb(236,204,148) 100%);
    color: #0078a3;
    border: none;
    border-radius: 5px;
    padding: 7px 13px;
    height: 33px;
    margin-right: 5px;
    font-size: 12px;
    transition: .3s ease-out
}

.sportFrame .tabZone ul {
    display: flex;
    align-items: center;
    height: 40px;
    padding-left: 5px;
    border: none
}

.sportFrame .tabZone ul li {
    height: 32px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    cursor: pointer;
    border: none;
    border-radius: 3px;
    z-index: 0;
    overflow: unset;
    white-space: nowrap;
}

.sportFrame ul li:before {
    width: 97%;
    height: 91%;
    top: 50%
}

.sportFrame .tabZone ul li:before {
    border-radius: 4px;
    border: 1px solid var(--main);
}

.sportFrame .tabZone ul li img {
    margin-right: 5px
}

.sportFrame .tabZone ul li .txt {
    color: var(--main);
    font-size: 12px
}

.sportFrame .tabZone ul li .txt span {
    color: var(--main);
    margin-left: 4px
}

.sportFrame .tabZone ul li:hover:before,
.sportFrame .tabZone ul li.active:before
{
    background: var(--main);
    color: #ffffff;
    transition: .4s ease-out;
}

.sportFrame .tabZone ul li:hover .txt,
.sportFrame .tabZone ul li.active .txt,
.sportFrame .tabZone ul li:hover .txt span,
.sportFrame .tabZone ul li.active .txt span {
    color: var(--font01)
}

.sportFrame .chooseZone .sportZone .pageSport:nth-child(2),
.sportFrame .chooseZone .sportZone .pageSport:nth-child(3),
.sportFrame .chooseZone .sportZone .pageSport:nth-child(4),
.sportFrame .chooseZone .sportZone .pageSport:nth-child(5),
.sportFrame .chooseZone .sportZone .pageSport:nth-child(6),
.sportFrame .chooseZone .sportZone .pageSport:nth-child(7) {
    display: none
}

.sportZone .cubeZone {
    overflow-y: scroll;
    height: 100%;
}

.sportZone .cubeZone .cube .titleS {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: space-between;
    color: var(--font02)
}

.sportZone .cubeZone .cube .titleS .left {
    color: var(--font02);
    font-size: 14px;
    display: flex;
    align-items: center
}

.sportZone .cubeZone .cube .titleS .left img {
    margin-right: 5px;
    height: 20px
}

.sportZone .cubeZone .cube .titleS .left span {
    color: #f20f2a;
    margin: 5px
}

.sportZone .cubeZone .cube .titleS .right {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.sportZone .cubeZone .cube .titleS .right .heart01 {
    position: absolute;
    top: 1px;
    left: -32px;
    cursor: pointer
}

.sportZone .cubeZone .cube .titleS .right .heart01 span {
    font-size: 25px!important;
    font-weight: 400!important;
    position: absolute
}

.sportZone .cubeZone .cube .titleS .right .arrowGO span {
    transform: rotate(180deg)
}

.sportZone .cubeZone .cube .listS {
    display: flex;
    width: 100%;
    padding: 6px .6%;
    align-items: center;
    justify-content: space-between;
    background: none;
    color: var(--font02);
    font-size: 12px
}

.sportZone .cubeZone .cube .listS:nth-child(1) {
    margin-top: 10px
}

.sportZone .cubeZone .cube .listS:last-child {
    margin-bottom: 10px
}

.sportZone .cubeZone .cube .listS:hover {
    background-color: #313131
}

.sportZone .cubeZone .cube .listS .leftZone {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative
}

.sportZone .cubeZone .cube .listS .leftZone .gameName {
    word-break: keep-all;
    text-align: center;
}

.sportZone .cubeZone .cube .listS .leftZone .hintFrame {
    position: absolute;
    margin-left: 17px;
    cursor: pointer
}

.sportZone .cubeZone .cube .listS .leftZone .hintFrame span {
    font-size: 1vw;
    position: relative
}

.sportZone .cubeZone .cube .listS .leftZone .hintFrame:hover .hint {
    display: flex
}

.sportZone .cubeZone .cube .listS .leftZone .hintFrame .hint:after {
    content: "";
    background-repeat: no-repeat;
    width: 10px;
    height: 5px;
    position: absolute;
    top: -3px
}

.sportZone .cubeZone .cube .listS .rightZone {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn {
    display: flex;
    width: 90%;
    justify-content: space-between
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .single-pick-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .single-pick-wrap .single-pick {
    flex: 30%;
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .nameA {
    background-color: #131313;
    font-size: 12px;
    width: 44.5%;
    height: 32px;
    padding: 0 1.5%;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .nameA:hover {
    background: var(--main);
    border: 1px solid #505050
}


.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .nameA,
.heartFrame {
    border: 1px solid #505050;
    border-radius: 5px
}

.sportFrame .chooseZone .locked{
    opacity: 0.7;
    background: #414141 !important;
    cursor: default;
    pointer-events: none;
}

.sportFrame .chooseZone .icon-iconLock{
    display: none;
}

.sportFrame .chooseZone .locked .icon-iconLock{
    display: initial;
}

.sportFrame .chooseZone .btnM.locked .icon-iconLock:before{
    display: initial;
    color:#00b4ff;
    font-size:14px;
    border: 1px solid #00b4ff;
    padding:5px;
    border-radius:15px;
}

.sportFrame .chooseZone .btnM.locked .odds{
    display: none;
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .nameA .txtFrame {
    display: flex;
    align-items: center
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .nameA .txtFrame img {
    width: 1vw
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .nameA .txtFrame h2 {
    margin-left: 5px;
    margin-right: 5px
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .nameA .txt {
    display: flex;
    align-items: center
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .nameA.exactly-under-over .txt {
    flex-wrap: wrap;
    justify-content: center;
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .nameA .txt h3{
    padding:0px 5px;
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .nameA .txt span {
    margin: 0 3px;
    opacity: 1;
    animation: shineArrow .9s infinite
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .nameA .txt .arrow {
    width: 12px;
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .nameC {
    width: 10%;
    height: 32px;
    font-size: 10px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity:1;
}
.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .nameC.locked {
    background: #131313 !important;
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .goingUP,
.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .goingDOWN {
    background-color: #2e3135;
    border: 1px solid #616469;
    animation: shineArrow01 .9s infinite
}

.icon-iconARdownB,
.icon-iconARupB {
    display: none
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .goingUP .icon-iconARupB,
.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .goingDOWN .icon-iconARdownB {
    display: block
}

.sportZone .cubeZone .cube .listS .rightZone .more {
    width: 8%
}

.sportZone .cubeZone .cube .listS .rightZone .more a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    border-radius: 5px;
    font-size: 1.1rem;
    cursor: pointer
}

.odds-setting-panel {
    padding: 2vw 3vw 1vw;
    background: var(--spbgColor07)
}

.control-box {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.switch-content {
    width: 88vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

a.icon-setting {
    width: 6vw;
    color: var(--sptxtColor03);
    font-size: 1.6rem
}

.toggle {
    width: 28vw;
    height: 30px;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.toggle-switch {
    display: inline-block;
    background: var(--spbgColor01);
    border-radius: 16px;
    width: 48px;
    height: 26px;
    position: relative;
    vertical-align: middle
}

.toggle-switch:before,
.toggle-switch:after {
    content: ""
}

.toggle-switch:before {
    display: block;
    background: var(--spbgColor06);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 4px
}

.toggle-checkbox:checked+.toggle-switch {
    background: var(--spbgColor02)
}

.toggle-checkbox:checked+.toggle-switch:before {
    left: 25px
}

.toggle-checkbox {
    position: absolute;
    visibility: hidden
}

.toggle-label {
    position: relative;
    font-size: .86rem;
    margin-left: 4px;
    color: var(--sptxtColor01)
}

.stick-on {
    width: 55vw;
    margin-left: 2vw
}

.stick-on .on,
.stick-on .edit {
    padding: 2px;
    height: 30px;
    background: var(--spbgColor06);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw
}

.stick-on .on>p {
    font-size: 1rem;
    padding-left: 6px;
    color: var(--sptxtColor02);
    font-weight: 700
}

.stick-on .on>span.icon-edit {
    font-size: 1.25rem;
    color: var(--sptxtColor03)
}

.stick-on .edit input {
    width: 34vw;
    border: 0px;
    height: 30px;
    font-size: 1rem;
    padding-left: 6px;
    color: var(--sptxtColor02);
    font-weight: 700
}

.stick-on .edit input::-webkit-input-placeholder {
    color: var(--sptxtColor02)
}

.stick-on .edit button {
    width: 12vw;
    height: 26px;
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw;
    background: var(--spbgColor08);
    color: var(--sptxtColor05);
    font-size: .81rem
}

.alarm {
    width: 100%;
    margin-top: 3px;
    color: var(--sptxtColor03)
}

.alarm>span.icon-alarm {
    color: var(--sptxtColor06)!important
}

.odds-change-panel {
    position: absolute;
    z-index: 100;
    border-top: 1px solid var(--borderColor06);
    background: rgb(236,241,253);
    background: -webkit-linear-gradient(315deg,rgb(236,241,253) 0%,rgb(255,255,255) 18%,rgb(239,243,254) 38%,rgb(239,243,254) 100%);
    background: -moz-linear-gradient(315deg,rgb(236,241,253) 0%,rgb(255,255,255) 18%,rgb(239,243,254) 38%,rgb(239,243,254) 100%);
    background: -o-linear-gradient(315deg,rgb(236,241,253) 0%,rgb(255,255,255) 18%,rgb(239,243,254) 38%,rgb(239,243,254) 100%);
    background: linear-gradient(135deg,rgb(236,241,253) 0%,rgb(255,255,255) 18%,rgb(239,243,254) 38%,rgb(239,243,254) 100%)
}

.odds-change-panel .head {
    font-size: .86rem;
    padding: 4px 3vw;
    background: var(--spbgColor03);
    color: var(--sptxtColor04);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.odds-change-panel .head span.icon-close {
    width: 20px;
    height: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--spborderColor01);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    font-size: .72rem
}

.odds-change-panel .head span.icon-close:before {
    transform: scale(.72);
    -webkit-transform: scale(.72);
    -moz-transform: scale(.72);
    -ms-transform: scale(.72);
    -o-transform: scale(.72)
}

.odds-change-panel .container {
    padding: 4px 3vw;
    color: var(--sptxtColor05)
}

.radio {
    margin: 10px 0;
    font-size: .86rem
}

.radio input[type=radio] {
    position: absolute;
    opacity: 0
}

.radio input[type=radio]+.radio-label {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
    color: var(--font02);
    font-size: 12px
}

.radio input[type=radio]+.radio-label:before {
    content: "";
    background: #292e2f;
    border-radius: 100%;
    border: 1px solid #4b4b4b;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

.radio-label:after {
    display: none
}

radio input[type=radio]+.radio-label:before {
    content: "";
    background: #292e2f;
    border-radius: 100%;
    border: 1px solid #4b4b4b;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease
}

.radio input[type=radio]:checked+.radio-label:before {
    background-color: var(--main01)
}

.radio input[type=radio]:focus+.radio-label:before {
    outline: none
}

.radio input[type=radio]+.radio-label:empty:before {
    margin-right: 0
}

.sportZone .cubeZone .cube .titleS {
    background: var(--main01)
}

.sportZone .cubeZone .cube .titleS:hover {
    background: linear-gradient(var(--main),var(--main));
    cursor: pointer;
    transition: .2s all ease-out
}

.arrowT,
.arrowW,
.arrowM {
    margin-left: 9px;
    width: 17px;
    height: 32px;
    line-height: 32px;
    position: relative;
    text-align: center;
    cursor: pointer
}

.arrowT span,
.arrowW span,
.arrowM span {
    color: var(--font02);
    font-size: 16px;
    position: absolute;
    top: 8px;
    left: 0;
    transform: rotate(0)
}

.arrowT:hover span,
.arrowW:hover span,
.arrowM:hover span {
    color: var(--main01)!important
}

.title .right .arrowGO span {
    transform: rotate(180deg)
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .pick .blueTxt,
.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .nameA:hover .blueTxt {
    color: var(--font01)!important
}

.btnM.blocking .right span.percent {
    display: none!important
}

@keyframes shineArrow {
    0% {
        opacity: 1
    }

    50% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}

@keyframes shineArrow01 {
    0% {
        background-color: #2e3135;
        border: 1px solid #616469
    }

    50% {
        background-color: #fffae2;
        border: 1px solid #2d9261
    }

    to {
        background-color: #2e3135;
        border: 1px solid #616469
    }
}

[class^=fa] {
    font-style: normal
}

input[name^=like],input[name^=favourite] {
    display: none
}

input[name^=like]+label[for],input[name^=favourite]+label[for] {
    background-color: #fef26b;
    -webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    border-radius: .25em;
    color: #ffffff;
    cursor: pointer;
    font-weight: 300;
    margin: .35em;
    padding: 6px 12px
}

input[name^=favourite]+label[for] {
    background-color: #face1f
}

input[name^=like]+label[for]:hover,input[name^=like]+label[for]:focus,input[name^=favourite]+label[for]:hover,input[name^=favourite]+label[for]:focus {
    background-color: #face1f;
    outline: 0
}

input[name^=favourite]+label[for]:hover,input[name^=favourite]+label[for]:focus {
    background-color: #face1f
}

input[name^=like]+label[for].transparent {
    background-color: transparent;
    color: #face1f
}

input[name^=favourite]+label[for].transparent {
    background-color: transparent;
    color: #face1f
}

input[name^=like]+label[for].transparent:hover,input[name^=like]+label[for].transparent:focus,input[name^=favourite]+label[for].transparent:hover,input[name^=favourite]+label[for].transparent:focus {
    color: #face1f
}

input[name^=favourite]+label[for].transparent:hover,input[name^=favourite]+label[for].transparent:focus {
    color: #face1f
}

input[name^=like]+label[for].transparent:hover .fa-star,input[name^=like]+label[for].transparent:focus .fa-star,input[name^=favourite]+label[for].transparent:hover .fa-star,input[name^=favourite]+label[for].transparent:focus .fa-star {
    opacity: .25
}

input[name^=favourite]+label[for].transparent :hover,input[name^=favourite]+label[for].transparent :focus {
    color: #face1f
}

input[name^=like]+label[for] .do,input[name^=like]+label[for] .done,input[name^=favourite]+label[for] .do,input[name^=favourite]+label[for] .done {
    margin-left: .35em
}

input[name^=like]+label[for] .done,input[name^=favourite]+label[for] .done,input[name^=like]:checked+label[for] .do,input[name^=favourite]:checked+label[for] .do {
    display: none
}

input[name^=like]+label[for] .do,input[name^=favourite]+label[for] .do,input[name^=like]:checked+label[for] .done,input[name^=favourite]:checked+label[for] .done {
    display: inline-block
}

input[name^=like]+label[for] .fa,input[name^=favourite]+label[for] .fa {
    display: inline-block;
    position: relative
}

input[name^=like]+label[for] .fa .fa-star-o,input[name^=favourite]+label[for] .fa .fa-star-o {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    font-size: 21px;
    color: #f9d219
}

input[name^=like]+label[for] .fa .fa-star,input[name^=favourite]+label[for] .fa .fa-star {
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    font-size: 21px;
    color: #f9d219
}

input[name^=like]+label[for] .fa .fa-star.fx {
    color: #face1f
}

input[name^=favourite]+label[for] .fa .fa-star.fx {
    color: #face1f
}

input[name^=like]:checked+label[for] .fa .fa-star-o,input[name^=favourite]:checked+label[for] .fa .fa-star-o {
    opacity: 0
}

input[name^=like]:checked+label[for] .fa .fa-star,input[name^=favourite]:checked+label[for] .fa .fa-star {
    opacity: 1
}

input[name^=like]:checked+label[for] .fa .fa-star.fx,input[name^=favourite]:checked+label[for] .fa .fa-star.fx {
    -moz-animation: expand .65s cubic-bezier(.43,
    .475,1,
    .08);
    -o-animation: expand .65s cubic-bezier(.43,
    .475,1,
    .08);
    -webkit-animation: expand .65s cubic-bezier(.43,
    .475,1,
    .08);
    animation: expand .65s cubic-bezier(.43,
    .475,1,
    .08);
    opacity: 0
}

@keyframes expand {
    0% {
        -moz-transform: scale(1,1);
        -o-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        transform: scale(1)
    }

    50% {
        -moz-transform: scale(2,2);
        -o-transform: scale(2,2);
        -webkit-transform: scale(2,2);
        transform: scale(2);
        opacity: .7
    }

    to {
        -moz-transform: scale(6,6);
        -o-transform: scale(6,6);
        -webkit-transform: scale(6,6);
        transform: scale(6);
        opacity: 0
    }
}


.heartFrame {
    width: 5%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.heartFrame .heart {
    position: absolute;
    top: 11px;
    left: 50%;
    transform: translate(-50%,-50%)
}

.heartFrame .heart label:before,
.heartFrame .heart label:after {
    display: none
}

.heartFrame.heart01 {
    cursor: pointer
}

.heartFrame.heart01 span {
    transition: all .2s linear;
    font-size: 1.2vw!important;
    font-weight: 400!important;
    color: #505050!important;
}

.heartFrame.heart01 span.starFULL {
    color: #ffdc33!important
}

.koreanFrame .chooseZone .sportZone .pageSport .cubeZone .cube .listS .rightZone .chooseBtn {
    width: 94%!important
}

.sportZone .cubeZone .cube .listS .rightZone .chooseBtn .nameS .txtFrame img.teamImg {
    width: 22px;
    height: 22px
}

.title .tooltip,
.teamZone .tooltip {
    background-color: #0b0b11;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    white-space: unset;
    padding: 8px;
    border-radius: 3px;
    color: var(--font02);
    line-height: 1.6;
    font-size: 12px;
    text-align: justify;
    width: 250px;
    visibility: hidden
}

.title .tooltip {
    top: 50%
}

.title .txtFrame:hover+.tooltip,
.teamZone:hover .tooltip {
    visibility: visible
}


.sportFrame .chooseZone .filterZone .input_content select option {
    background-color: #030303
}

.chooseZone .bZone .title .right .heart01 span.icon-fa-star {
    color: #ffdc33!important
}

.rightZone .nameS:last-child .txtFrame h2 {
    text-align: right
}

.bZone.Space {
    display: block;
    height: 20px;
    width: 100%
}

.chooseZone .bZone .title .left .arrowT span {
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    transform: rotate(0) translateY(1px)
}

.chooseZone .bZone .title .left .arrowGO span {
    transform: rotate(180deg) translateY(1px)
}

.chooseZone .switcher .right .arrowGO span {
    transform: rotate(0deg)
}

.chooseZone .switcher.opened .right .arrowGO span {
    transform: rotate(180deg)
}

.chooseZone .videoZone .title {
    width: 100%;
    height: 40px;
    background-color: #4c4c4c;
    display: flex;
    align-items: center;
    padding: 0 7px 0 10px;
    justify-content: space-between
}

.chooseZone .videoZone .title .left {
    font-size: 14px;
    color: var(--font02);
    height: 20px;
    white-space: nowrap;
}

.chooseZone .videoZone .title .left img {
    margin-right: 5px;
    height: 18px;
    vertical-align: text-bottom
}

.chooseZone .videoZone .title .left span {
    color: #f20f2a;
    margin-right: 5px
}

.chooseZone .videoZone .title .left span.vs {
    color: var(--main);
    margin-left: 5px
}

.chooseZone .videoZone .title .right {
    display: flex;
    align-items: center
}
.chooseZone .videoZone .maintainZone {
    width: 100%;
    padding-bottom: 5.5%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 5vh;
    background-color: #131313;
    text-align: center;
    display: none;
}

.chooseZone .videoZone .maintainZone img {
    width: 20vw
}

.chooseZone .videoZone .maintainZone h4 {
    color: var(--font02);
    margin-top: 2vh;
    font-size: 1.3vw
}

.chooseZone .videoZone .maintainZone h3 {
    color: #505050;
    margin-top: 2vh;
    width: 80%;
    font-size: .8vw;
    line-height: 1.6;
    font-family: ko-regular!important;
    text-align: center;
    margin: 2vh auto 0
}

.chooseZone .videoZone .maintainZone h3 span {
    color: var(--main01)
}

.chooseZone .bZone .title .left {
    display: flex;
    align-items: center;
}

.chooseZone .bZone .title .left img {
    margin-right: 10px;
    height: 18px
}

.chooseZone .bZone .title .left img.moneyICON {
    margin-left: 7px;
    height: 18px;
    width: 18px
}

.chooseZone .bZone .title .left .arrowT {
    background-color: #4385f8;
    margin-left: 9px;
    width: 20px;
    height: 20px;
    position: relative;
    text-align: center;
    cursor: pointer;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 3px
}

.chooseZone .bZone .title .left .arrowT:hover {
    background-color: #1d51ab
}

.chooseZone .bZone .title .right .heart01 {
    position: relative;
    top: 4px;
    right: 30px;
    cursor: pointer;
    display: none;
}

.chooseZone .bZone .title .right .heart01 span {
    font-size: 25px!important;
    font-weight: 400!important;
    color: #ffdc33!important;
    position: absolute
}

.chooseZone .bZone .content {
    padding: 10px 0;
}

.chooseZone .bZone .content .nameZone {
    height: 29px;
    display: flex;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #d8dbe5;
    margin-bottom: 8px
}

.chooseZone .bZone .content .nameZone:after {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    background-color: #d8dbe5
}

.chooseZone .bZone .content .nameZone .name {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 16px
}

.chooseZone .bZone .content .nameZone02:after {
    display: none
}

.chooseZone .bZone .content .nameZone02 .name {
    width: 33%;
    position: relative
}

.chooseZone .bZone .content .nameZone02 .name:nth-child(2):before {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    bottom: -11px;
    left: 0;
    background-color: #d8dbe5
}

.chooseZone .bZone .content .nameZone02 .name:nth-child(2):after {
    content: "";
    width: 1px;
    height: 40px;
    position: absolute;
    bottom: -11px;
    right: 0;
    background-color: #d8dbe5
}

.chooseZone .bZone .content .btnZone {
    display: flex;
    justify-content: space-between;
    padding: 2px 5px;
    gap: 3px;
    flex-wrap: wrap;
}

.chooseZone .bZone .content .btnZone .btnM .block {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    display: none;
    z-index: 1;
    border-radius: 3px
}

.chooseZone .bZone .content .btnZone .blocking .block {
    display: block
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM:hover,
.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .yellowChoose,
.chooseZone .bZone .content .btnZone .btnM:hover {
    background: var(--main);
    border: 1px solid #505050
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM,
.chooseZone .bZone .content .btnZone .btnM {
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #131313;
    background-image: none;
    border: 1px solid #505050;
    border-radius: 5px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    padding: 0 8px;
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM .block {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 1;
    border-radius: 3px
}

.sportFrame .btnZone .btnM .block .lockL {
    top: 50%;
    right: -86%;
    transform: translateY(-50%)
}

.sportFrame .btnZone .btnM .block .lockLL {
    top: 50%;
    right: -84%;
    transform: translateY(-50%)
}

.sportFrame .btnZone .btnM .block .lockC {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.sportFrame .btnZone .btnM .block .lockR {
    top: 50%;
    left: 3%;
    transform: translateY(-50%)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM .block .lock span,
.chooseZone .bZone .content .btnZone .btnM .block .lock span {
    color: var(--main);
    font-size: 17px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .blocking .block {
    display: block
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM span.percent,
.chooseZone .bZone .content .btnZone .btnM .right span {
    color: var(--font01)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM.btn20 span.percent {
    margin: 0
}

.sportFrame .chooseZone .cubeZone01 {
    width: 100%;
    padding-top: 10px;
    position: relative
}

.sportFrame .chooseZone .cubeZone01 .cube01 {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.sportFrame .chooseZone .cubeZone01 .cube02 {
    padding-bottom: 0!important;
    display: none
}

.cubeOK {
    border: 5px solid #4385f8!important
}

.sportFrame .chooseZone .cubeZone01 .frameA {
    position: relative;
    width: 97%;
    height: 110%;
    background-color: #282828;
    margin: 30px auto 15px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid #4b4b4b
}

.sportFrame .chooseZone .cubeZone01 .frameA.active {
    border: 1px solid var(--main);
    filter: drop-shadow(0px 0px 5px var(--main));
}

.sportFrame .chooseZone .cubeZone01 .frameA:last-child {
    margin-bottom: 20px!important
}

.sportFrame .chooseZone .cubeZone01 .active {
    border: 1px solid var(--main01)
}

.sportFrame .chooseZone .cubeZone01 .frameA .title02 {
    width: 93%;
    position: absolute;
    top: -1%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: space-between
}

.sportFrame .chooseZone .cubeZone01 .frameA .title02 .time {
    font-size: 16px;
    color: var(--font02);
    padding: 10px 18px;
    background-color: #4b4b4b;
    border: 1px solid #505050;
    border-radius: 5px
}

.sportFrame .chooseZone .cubeZone01 .frameA .title02 .more {
    padding: 10px 18px;
    font-size: 16px;
    color: var(--font01);
    background-color: var(--main01);
    border-radius: 5px;
    cursor: pointer
}

.sportFrame .chooseZone .cubeZone01 .frameA .title02 .more:hover {
    background-color: var(--main)!important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title,
.chooseZone .bZone .title {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: space-between;
    color: var(--font01);
    background-color: var(--main01)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title:hover,
.chooseZone .bZone .title:hover {
    background: linear-gradient(var(--main),var(--main));
    cursor: pointer;
    transition: .2s all ease-out
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title01 {
    justify-content: flex-end;
    box-shadow: none!important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .frameALL {
    /* padding-top: 5px; */
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .left {
    font-size: 13px;
    display: flex;
    align-items: center;
    font-family: ko-regular!important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .left img {
    margin-right: 5px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .left span {
    color: #f20f2a;
    margin: 5px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .heart01 {
    position: absolute;
    top: 1px;
    left: -32px;
    cursor: pointer
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .heart01 span {
    font-size: 25px!important;
    font-weight: 400!important;
    color: #ffdc33!important;
    position: absolute
}



.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .iconStar {
    margin-right: 13px;
    background: url(../../assets/starA01.db9a3cd9.html) no-repeat;
    width: 22px;
    height: 21px;
    cursor: pointer
}

.iconStar01 {
    background: url(../../assets/starA.dec7581a.html) no-repeat!important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .time {
    width: 150px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #0b0b11;
    border: 1px solid #b7b7b7;
    color: #ffffff;
    border-radius: 3px;
    font-size: 12px;
    margin-right: 5px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .more {
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border: 1px solid #ffffff;
    background-color: #38383f;
    color: #a8a8aa;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 3px;
    cursor: pointer;
    cursor: none
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .greenBtn:hover {
    background-color: #1d51ab!important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .title .right .more span {
    font-size: 14px;
    margin-left: 4px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .bZone .content {
    padding: 5px;
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content {
    padding: 44px 8px 23px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams {
    display: flex;
    width: 98%;
    padding: 7px 0;
    justify-content: center;
    align-items: center;
    margin-bottom: 27px;
    position: relative;
    color: var(--font02)
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .bTime {
    position: absolute;
    top: -10%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: var(--font02);
    font-size: .8vw
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .obj01 {
    position: relative;
    width: 20%;
    display: flex;
    justify-content: flex-end
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .hintFrame {
    position: absolute;
    left: 24px;
    top: -16px;
    cursor: pointer
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .hintFrame span {
    font-size: 19px;
    position: relative
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .hintFrame:hover .hint {
    display: flex
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .heart01 {
    position: absolute;
    top: -17px;
    left: 15px;
    cursor: pointer;
    display: none;
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .heart01 span {
    font-size: 35px!important;
    font-weight: 400!important;
    color: var(--font02)!important;
    position: absolute
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .heart01 span.starFULL {
    color: #ffdc33!important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .obj01 .greenLine {
    background-color: #4385f8
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .teamZone {
    display: flex;
    align-items: center;
    width: 31%
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .teamA {
    justify-content: flex-end
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .teamB {
    justify-content: flex-start
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .teamZone .teamBG {
    width: 50 px;
    height: 50 px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .teamZone .teamBG img {
    height: 52px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .teamZone .point {
    margin-left: 35px;
    font-size: 36px;
    font-family: ko-bold!important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .teamB .point {
    margin-right: 35px;
    margin-left: 0!important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .teams .centerZone {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-family: ko-bold!important
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    gap: 2px;
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM span,
.chooseZone .bZone .content .btnZone .btnM span {
    color: var(--font02);
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM .block {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
    z-index: 1;
    border-radius: 3px
}

.sportFrame .chooseZone .cubeZone01 .cube01 .content .btnZone .btnM .block .lock,
.chooseZone .bZone .content .btnZone .btnM .block .lock {
    width: 33px;
    height: 33px;
    background-color: #0b0b11;
    border: 1px solid var(--main);
    border-radius: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

#bet_result .main_content_wrap {
    margin: auto;
    background: #2e3135;
    padding: 15px 20px 50px;
}
#bet_result .sportZone .cubeZone {
    overflow-y: auto;
}
#bet_result .sportZone .cubeZone .cube .titleS {
    background: #212121;
}

#bet_result .sportZone .cubeZone .cube .listS .rightZone .more a {
    background: #212121;
    white-space: nowrap;
}