.top-notice{display:none;position:fixed;top:120px;left:0;align-items:center;width:100%;height:39px;padding:0 50px;border-bottom:1px solid #292a2c;background:#000;z-index:20}
.g_gr_n{background:transparent}
.fi::before{font-size:0;line-height:0}

.prematch{position:relative;display:flex;justify-content:space-between;width:100%}
.prematch-aside{flex:0 0 250px;overflow:hidden scroll;height:calc(100vh - 124px);margin:0 10px 0 0;padding:0 5px 10px 0;transition:all .3s}
.prematch-content{flex-grow:1;transition:all .3s}
body.expand .prematch-aside{transition:all .3s}
/* .prematch-right{flex:0 0 298px} */
/* .prematch-right .rightArea{top:120px!important} */

.aside-list{padding:5px 10px;border-radius:5px;background:var(--0d0d0d)}
.aside-list>li{border-bottom:1px solid var(--body-bg)}
.aside-list>li>a{position:relative;display:flex;align-items:center;height:40px;font-family:'p5';font-size:13px;}
.aside-list>li>a:hover {color: var(--theme-color);}
.aside-list>li>a img{width:20px;height:auto;margin-right:10px}
.aside-list>li>a i{position:absolute;right:0;display:inline-flex;align-items:center;justify-content:center;padding: 0 5px;height:15px;border-radius:10px;font-family:'p5';font-size:11px;color:#586171}
.aside-list>li>a.active{position:relative}
.aside-list>li>a.active i{background:var(--38ffa8);color:var(--black)}
.aside-list>li:last-child{border-bottom:0}
/* ul.aside-list{padding:5px 10px} */

.favorite-layer{display:none;position:absolute;top:147px;left:0;width:450px;height:auto;max-height:600px;overflow:hidden auto;border-radius:10px;background:var(--0d0d0d);box-shadow:0 10px 30px rgba(0,0,0,.45);z-index:120}
.favorite-layer.active{display:block}
.favorite-layer{overflow:visible}
.favorite-layer::before{content:'';position:absolute;top:-10px;left:39px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--0d0d0d)}
.favorite-list{padding:0 10px;border-radius:10px;background:var(--0d0d0d)}
.favorite-list h3{position:relative;display:flex;align-items:center;padding:10px 0;font-size:12px;cursor:pointer}
.favorite-list h3 img{width:20px;height:auto;margin-right:10px}
.favorite-list h3 button{position:absolute;right:30px;display:flex;align-items:center;height:25px;background:transparent;font-family:'p6';font-size:11px;color:var(--7b7b7b);cursor:pointer}
/* .favorite-list h3 button .iconfont{margin:0 0 -3px -5px;font-size:22px} */
.favorite-list h3 .arrow{position:absolute;right:5px;font-size:12px;color:var(--a4a2a4);transition:all .3s}
.favorite-list h3 span{display:flex;align-items:center}
.favorite-list h3 span:first-child{flex-grow:1}
.favorite-list h3 span:first-child .iconfont{margin-right:8px;color:#697183}
.favorite-list h3 span button{display:flex;align-items:center;justify-content:center;width:25px;height:25px;margin-left:7px;border:0;border-radius:5px;background:#24272b;font-size:12px;color:#697183;outline:none;cursor:pointer}
.favorite-list h3 span button:last-child{width:auto;padding:0 8px 0 6px}
.favorite-list h3 em{font-style:normal}
.favorite-list h3.active .arrow{transform:rotate(180deg)}
.favorite-list .country{display:none;margin:0;padding:0 0 10px 0;border-radius:0}
.favorite-list .country>li>a{padding:0 15px 0 10px}
.favorite-list .country>li>a .iconfont{transform:rotate(180deg)}
.favorite-list .country>li>a.active .iconfont{transform:rotate(0deg)}
.favorite-list .leagues{display:none;padding: 10px;}
.favorite-list .leagues.active{display:block}
.favorite-list .leagues li a .txt{padding-right:35px}
.favorite-list .leagues li.no-data{text-align:center;color:#45484e;font-size: 11px;}
.favorite-list .games-list{display:none;height:auto;max-height:500px;overflow-y:auto;border-top:1px solid #2f3441;background:none;padding: 10px;}
.favorite-list .games-list::-webkit-scrollbar{width:5px;border-radius:2.5px;background:var(--left-bg)}
.favorite-list .games-list::-webkit-scrollbar-thumb{width:5px;border-radius:2.5px;background:var(--454545);transition:all .3s}
.favorite-list .games-list::-webkit-scrollbar-thumb:hover{background:var(--font-color)}
.favorite-list .games-list.active{display:block}
.favorite-list .games-list .game-date{border-radius:5px;background:var(--0d0d0d)}
.favorite-list .games-list li.title{display:flex;align-items:center;height:30px;background:transparent;font-size:11px;}
.favorite-list .games-list li.title img{margin:0 5px}
.favorite-list .games-list li{overflow:hidden;border-radius:5px}
.favorite-list .games-list li .game-date{overflow:hidden;position:relative;justify-content:flex-start}
.favorite-list .games-list li .game-date .tit{overflow:hidden;max-width:280px;white-space:nowrap;text-overflow:ellipsis}
.favorite-list .games-list li .game-date .iconfont{position:absolute;right:10px}
.favorite-list .games-list li.no-data{background:none;text-align:center;color:#45484e;font-size: 11px;}
/* .favorite-list .games-list li.active .ct{border-top:1px solid #32353a} */
.favorite-list .game-info{display:block!important}
/* .favorite-list .game-info .btn-fav{background:#24272b!important} */
.favorite-list .game-subs{overflow:hidden;height:auto;margin:0 10px 10px;padding:0}
.favorite-list .game-subs>li:last-child{margin-bottom:0}
.favorite-list .game-subs .title,
.favorite-list .game-subs .rates .grid button{height:30px}

.search{position:relative;margin:0 5px 0 0;padding:0;border:0;background:none}
.search form{position:relative;display:flex;width:100%;height:42px;margin:0 0 10px!important;padding:0!important;border-radius:10px;border:1px solid transparent;background:var(--0d0d0d);z-index:15}
.search form input{width:100%;height:100%;padding-left:10px;border:0;background:transparent;font-size:14px;color:var(--font-color);outline:none}
.search form input::placeholder{font-size:12px;color:var(--9e9e9e)}
.search form button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;background:transparent;cursor:pointer}
.search form button .iconfont{font-size:16px;color:var(--9e9e9e)}
.search form.active{border:1px solid var(--38ffa8)}
.search form.active button .iconfont{color:var(--38ffa8)}
.search-result{display:none;position:absolute;top:42px;left:0;width:100%;min-height:380px;padding:10px 0 10px 10px;border-radius:5px;border:1px solid var(--454545);background:var(--0d0d0d);z-index:10;box-shadow:0 5px 10px rgba(0,0,0,.5)}
.search-result .s-tabs{display:flex;margin-bottom:10px}
.search-result .s-tabs button{display:flex;align-items:center;justify-content:center;height:32px;margin-left:5px;padding:8px;border-radius:5px;background:#24272b;font-size:0;cursor:pointer;transition:all .3s}
.search-result .s-tabs button:first-child{margin-left:0}
.search-result .s-tabs button.active,
.search-result .s-tabs button:hover{background:var(--126e51);font-size:13px;color:#fff;white-space:nowrap}
.search-result .s-tabs button.active img,
.search-result .s-tabs button:hover img{margin-right:4px}
.search-result .s-results{overflow:hidden scroll;min-height:165px;max-height:440px;padding:0 5px 0 0}
.search-result .s-results li{display:flex;flex-direction:column;justify-content:center;padding:10px;border-top:1px solid var(--body-bg);cursor:pointer}
.search-result .s-results li strong{margin-bottom:4px;font-size:12px}
.search-result .s-results li .keyword{background:yellow;color:red}
.search-result .s-results li .date{margin:0;font-size:11px;color:var(--9e9e9e)}
.search-result .s-results li:hover{background:#000}
.search-result .no-result{display:flex;align-items:center;justify-content:center;flex-direction:column;height:380px;gap:18px;font-size:16px}
.search-result .no-result .iconfont{font-size:46px;color:#828282}
.search-result .no-result span{font-size:12px;color:var(--aeaeae)}
.search-result .btn-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;background:none;font-size:16px;color:var(--9e9e9e);outline:none;cursor:pointer}

.country{display:none;position:relative;}
.country>li{margin-top:5px;border-radius:5px;background:var(--left-bg)}
.country>li>a{display:flex;position:relative;align-items:center;height:28px;padding:0 15px 0 0;font-size:13px;color:var(--9e9e9e)}
.country>li>a:hover {color: var(--theme-color);}
.country>li>a .fi{width:18px!important;margin:0 11px;border-radius:3px;background-size:100%;background-position:0%;height: 15px;}
.country>li>a .iconfont{position:absolute;right:15px;font-size:12px;color:#5c5c5c;transition:all .3s}
.country>li>a.active .iconfont{transform:rotate(180deg)}
.country>li:first-child{margin-top:0}
.country>li.no-leagues{padding:10px 0;color:#757575;text-align:center;font-size: 11px;}

.leagues{overflow:hidden;display:none;border-top:1px solid #2f3441}
.leagues li a{overflow:hidden;position:relative;display:flex;align-items:center;justify-content:space-between;height:32px;font-size:12px;color:var(--9e9e9e)}
.leagues li a button{display:flex;align-items:center;justify-content:center;width:37px;height:32px;border:0;background:transparent;outline:none;cursor:pointer}
.leagues li a button .iconfont{position:relative;color:var(--a4a2a4);transition:all 0.3s cubic-bezier(.4,0,.2,1)}
.leagues li a button .iconfont::before{position:absolute;top:50%;left:50%;width:120%;height:120%;background:rgba(255,215,0,.3);border-radius:50%;transform:translate(-50%, -50%) scale(0);transition:transform .3s ease-out;content:''}
.leagues li a button .iconfont:hover{color:#fcb239}
.leagues li a button.active .iconfont{color:#fcb239}
.leagues li a button.active .iconfont::before{transform:translate(-50%, -50%) scale(1);opacity:0}
.leagues li a button:active .iconfont{transform:scale(.95)}
.leagues li a img{height:18px;margin-right:10px;padding-left:10px;border-left:1px solid var(--464646)}
.leagues li a .txt{flex:1;overflow:hidden;min-width:0;padding-left:4px;white-space:nowrap;text-overflow:ellipsis}
.leagues li a .txt:hover{color: var(--font-color);}
.leagues li a .fi{overflow:hidden;position:absolute;right:10px;width:18px!important;height:18px;border-radius:50%}
.leagues li a .fi::after{display:block;position:absolute;top:-1px;left:-1px;width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.15);content:''}
.leagues li a .fav-cnt{display:flex;align-items:center;margin-right:5px;font-size:12px;color:var(--a4a2a4)}
.leagues li a .fav-cnt .iconfont{margin-left:3px;font-size:13px}
.leagues li a.active{position:relative;background:#292929}
.leagues li a.active::before{position:absolute;top:0;left:0;width:2px;height:100%;background:var(--3aec9d);content:''}
.leagues li a.active .txt{color:var(--38ffa8)}
.leagues li a.active img{border-color:var(--9e9e9e)}
.leagues.active{display:block}

.prematch .bonus-folder{border-radius:10px; margin:0 5px 10px 0; border: 0;}

.games{display:flex;flex-wrap:nowrap;height:calc(100vh - 110px);margin-top:10px;gap:20px;overflow:hidden}
.games .left-panel{overflow:hidden scroll;flex:1 1 50%;min-width:0;margin-right:0}
.games .left-panel .wrapping{margin-right:5px;border-radius:10px;background:var(--3838)}
.games .right-panel{overflow:hidden;flex:1 1 50%;min-width:0}

.filter{display:flex;align-items:center;justify-content:space-between;height:45px;padding:0 8px;border-radius:5px 5px 0 0;border-bottom:1px solid var(--body-bg)}
.filter span button{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:5px;border:0;background:var(--left-bg);color:var(--a4a2a4);outline:none;cursor:pointer}
.filter span button:not(.btn-bettype):hover .iconfont{color:var(--38ffa8)}
.filter span:first-child{flex-grow:1}
.filter span:first-child button{width:auto;padding:0 9px}
.filter span:first-child button .iconfont{margin-left:9px;font-size:12px}

.filter select,
.locate select{width:80px;height:25px;padding:0 10px;border-radius:5px;border:0;background:var(--left-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M958.388 321.118l-63.397-64.032-383.606 380.993-380.377-384.196-63.397 64.032 380.377 384.196 63.397 63.397 63.397-63.397L958.388 321.118z' fill='%23a4a2a4'/%3E%3C/svg%3E") no-repeat 90% 6px;background-size:13px 13px;color:var(--a4a2a4);outline:none;appearance:none;cursor:pointer}

.dropdown{display:none;position:absolute;padding:6px;border-radius:5px;border:1px solid var(--454545);background:var(--0d0d0d);z-index:10}
.dropdown li{display:flex;align-items:center;height:30px;padding:0 9px;border-radius:5px;cursor:pointer;transition:all .3s}
.dropdown li:hover{background:var(--38ffa8);color:#000}

.games-list{width:100%;padding:8px;border-radius:0 0 5px 5px}
.games-list li{overflow:hidden;margin-top:5px;border-radius:5px;background:var(--0d0d0d)}
.games-list li:first-child{margin-top:0}
.games-list li .game-date{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;padding:0 10px;border:0;background:none;font-family:'p6';font-size:14px;color:var(--font-color);cursor:pointer}
.games-list li .game-date .fi{position:relative;width:21px!important;height: 20px;margin-right:5px;border-radius:3px;background-size:100%;background-position:0%;line-height:1.3em}
.games-list li .game-date .iconfont{font-size:13px;color:var(--a4a2a4);transition:all .3s}
.games-list li .game-date.league-date{justify-content:flex-start;gap:5px}
.games-list li .game-date.league-date .txt{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}
.games-list li .game-date.league-date .date{margin-left:auto;font-style:normal;font-size:12px;color:var(--a4a2a4);white-space:nowrap}
.games-list li .game-date.league-date .iconfont.arrow{margin-left:6px}
.games-list li .game-info{overflow:hidden;display:none;position:relative;z-index:0;height:auto;max-height:0;border-top:1px solid var(--3838);cursor:pointer;opacity:0;transition:max-height 0.2s ease, opacity 0.2s ease;-webkit-tap-highlight-color:transparent}
/* .games-list li .game-info:nth-of-type(1){border-top:0} */
.games-list li .game-info .g-date{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 10px;border-bottom:1px solid var(--3838);font-size:11px;}
.games-list li .game-info .g-date strong{color:var(--aeae)}
.games-list li .game-info .g-date span{display:flex;align-items:center}
.games-list li .game-info .g-date button{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;border:0;background:var(--3838);outline:none;cursor:pointer}
.games-list li .game-info .g-date button .iconfont{font-size:14px;color:var(--a4a2a4)}
.games-list li .game-info .g-date button.active .iconfont{color:#fcb239}
.games-list li .game-info .g-date em{margin-left:12px;font-style:normal;font-size:11px;}
.games-list li .game-info .g-info{display:grid;grid-template-columns:1fr 30px 1fr;padding:10px;gap:10px}
.games-list li .game-info .g-info p{overflow:hidden;display:flex;align-items:center;height:28px;}
.games-list li .game-info .g-info p i{display:none;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;margin-right:10px;border-radius:50%;background:var(--3838);font-size:9px;line-height:23px}
.games-list li .game-info .g-info p span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;font-size:12px;text-overflow:ellipsis}
.games-list li .game-info .g-info p:nth-child(2){font-family:'p6';color:var(--font-color);font-style: italic;}
.games-list li .game-info .g-info p:last-child{justify-content:flex-end;text-align:right}
.games-list li .game-info .g-rate{display:flex;padding:0 10px 10px 10px;gap:5px}
.games-list li .game-info .g-rate button{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 9px;border-radius:5px;background:#323843;outline:none;cursor:pointer;border: 1px solid transparent;}
.games-list li .game-info .g-rate button span{font-size:11px;color:var(--font-color)}
.games-list li .game-info .g-rate button span.rate{color:var(--aeae)}
.games-list li .game-info .g-rate button i{color:var(--38ffa8)}
.games-list li .game-info .g-rate button i.red{color:#ff06cf!important}
.games-list li .game-info .g-rate button i.blue{color:#009cff!important}
.games-list li .game-info .g-rate button:hover{border-color:var(--38ffa8)}
.games-list li .game-info .g-rate button.active,
.games-list li .game-info .g-rate button.g_gr_c{background:#1a352b}
.games-list li .game-info .g-rate.hidden{display:none}
.games-list li .game-info .g-rate.off{opacity:0.35;pointer-events:none}
.games-list li .game-info .g-rate.off button{cursor:default;background:var(--3838);border-color:transparent}
.games-list li .game-info .g-rate.off button span.rate{color:var(--font-color)}
.games-list li .game-info.disabled{opacity:0.5;pointer-events:none}
.games-list li .game-info.disabled .g-rate{opacity:0.5}
.games-list li .game-info.disabled button{cursor:default;background:var(--3838);border-color:transparent}
.games-list li .game-info.active .g-date em{color:var(--38ffa8);font-style: italic;text-decoration: underline;}
.games-list li .game-info.active::before{position:absolute;top:0;left:0;bottom:0;width:3px;height:100%;background:var(--38ffa8);content:''}
.games-list li .game-info.active::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: linear-gradient(90deg, rgb(82 131 136) 0%, rgb(13 13 13) 50%); opacity: 0.2; content: ""; }
.games-list li .game-info.active .g-info p:nth-child(2){color:var(--38ffa8)}
.games-list li .game-info.hidden{display:none!important}
.games-list li.active .game-date{background:var(--0d0d0d)}
.games-list li.active .game-date .iconfont{transform:rotate(180deg)}
.games-list li.active .game-info{max-height:5000px;opacity:1}
.games-list li.all-mode .game-date{position:relative;justify-content:flex-start;gap:5px}
.games-list li.all-mode .game-date .fi{margin:0}
.games-list li.all-mode .game-date .txt{overflow:hidden;padding-right:30px;white-space:nowrap;text-overflow:ellipsis}
.games-list li.all-mode .game-date .iconfont{position:absolute;right:10px}

.game-image{overflow:hidden;display:flex;align-items:center;justify-content:space-between;width:100%;height:116px;padding:0 70px;border-radius:5px;border:1px solid var(--black);background-repeat:no-repeat;background-size:cover;background-position: center;}
.game-image div{flex:0 0 33.333%}
.game-image div:nth-of-type(1),
.game-image div:nth-of-type(3){overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;font-size:18px}
.game-image div:nth-of-type(2){text-align:center}
.game-image div:nth-of-type(2) p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis;padding:0 20px}
.game-image div:nth-of-type(2) strong{display:block;margin:15px 0 10px;font-size:18px}
.game-image div:nth-of-type(3){text-align:right}
.game-image i{display:none}
@media screen and (max-width: 1650px) {
	.game-image{padding:0 5px}
}

.game-button{overflow:hidden;position:relative;display:flex;align-items:center;border-bottom:1px solid var(--454545);gap:5px;flex-wrap: wrap;padding: 5px 0;}
.game-button button{display:flex;align-items:center;justify-content:center;height:32px;padding:0 10px;border-radius:5px;background:var(--0d0d0d);font-size:12px;color:var(--9e9e9e);cursor:pointer;transition:all .3s;white-space:nowrap}
.game-button button .iconfont{color:var(--a4a2a4)}
.game-button button:first-child,
.game-button button.btn-expand-sub{width:32px}
.game-button button.btn-expand-sub{position:absolute;right:0;z-index:3}
.game-button button:nth-of-type(2){padding:0 8px}
.game-button button:hover,
.game-button button.active{background:var(--38ffa8);color:var(--black)}
.game-button button:hover .iconfont{color:var(--black)}
.game-button button.btn-sub-fav.active .iconfont{color:var(--black)}
.game-button .search-subs{display:none;position:absolute;left:-100%;align-items:center;right:37px;width:auto;box-sizing:border-box;height:32px;border-radius:5px;background:var(--38ffa8);transform:none;transition:none;animation:none;z-index:2}
.game-button .search-subs button{background:transparent}
.game-button .search-subs button .iconfont{font-size:12px}
.game-button .search-subs input{width:100%;border:0;background:transparent;outline:none}
.game-button .search-subs input::placeholder{color:#697183}
.game-button .search-subs button .iconfont,
.game-button .search-subs input,
.game-button .search-subs input::placeholder{color:#000}
.game-button .bt-left,
.game-button .bt-right{display:flex;align-items:center;position:absolute;width:37px;height:52px}
.game-button .bt-right{right:0;z-index:4}
.game-button .bt-middle{overflow:auto hidden;display:flex;align-items:center;height:52px;padding:0 37px;gap:5px}

.game-subs{overflow:hidden scroll;height:calc(100vh - 270px);padding:10px 5px 0 0}
.game-subs li{overflow:hidden;margin-bottom:5px;border-radius:5px}
.game-subs li:first-child{margin-top:0}
.game-subs li .title{overflow:hidden;display:flex;align-items:center;justify-content:space-between;height:40px;padding-left:10px;background:var(--454545);font-size:12px;cursor:pointer}
.game-subs li .title span{flex-grow:1}
.game-subs li .title button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;cursor:pointer}
.game-subs li .title button .iconfont{margin-left:0;font-size:16px}
.game-subs li .title button.active .iconfont{color:#fcb239}
.game-subs li .title .iconfont{margin-left:5px;font-size:13px;color:var(--a4a2a4);transition:all .3s}
.game-subs li .title .iconfont.arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:0;transform:rotate(180deg)}
.game-subs li .title.active .iconfont.arrow{transform:rotate(0deg)}
.game-subs li .rates{padding:5px 10px 10px 10px;border-top:1px solid var(--body-bg);background:var(--3838)}
.game-subs li .rates .grid{display:grid;gap:5px;margin-top:5px}
.game-subs li .rates .grid.grid1{grid-template-columns:1fr}
.game-subs li .rates .grid.grid2{grid-template-columns:1fr 1fr}
.game-subs li .rates .grid.grid3{grid-template-columns:1fr 1fr 1fr}
.game-subs li .rates .grid button{overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;width:100%;height:36px;padding:0 9px;border-radius:5px;background:#10141c;font-size:11px;color:var(--font-color);cursor:pointer;border: 1px solid transparent;}
.game-subs li .rates .grid button span{white-space:nowrap}
.game-subs li .rates .grid button span:first-child{overflow:hidden;min-width:0;padding-right:10px;text-overflow:ellipsis}
.game-subs li .rates .grid button span.rate{color:var(--aeae)}
.game-subs li .rates .grid button i{color:var(--38ffa8)}
.game-subs li .rates .grid button i.red{color:#ff06cf!important}
.game-subs li .rates .grid button i.blue{color:#009cff!important}
.game-subs li .rates .grid button img{margin:1px 0 0 1px}
.game-subs li .rates .grid button:hover{border-color:var(--38ffa8)}
.game-subs li .rates .grid button.active,
.game-subs li .rates .grid button.g_gr_c{background:#1a352b}
.game-subs li .rates .grid button.active span{}
.game-subs li .rates .grid.off{opacity:0.35;pointer-events:none}
.game-subs li .rates .grid.off button{cursor:default;background:var(--0d0d0d,#0d0d0d);border-color:transparent}
.game-subs li .rates .grid.off button span.rate{color:var(--font-color,#fff)}
.game-subs li .rates:not(:has(*)):first-of-type{padding:10px 10px 0!important}
.game-subs li .rates:not(:has(*)):last-of-type{padding-bottom:10px}

@media (hover: hover) and (pointer: fine) {
    .tabs li a:hover{color:var(--font-color)}
}

@media screen and (max-width: 1023px) {
	.favorite-layer{position:static;display:block;width:100%;height:auto;overflow:visible;box-shadow:none;border-radius:0;background:transparent}
	.search form{height:45px;margin:0 0 10px!important;border-radius:10px}
	.search .search-result{top:45px;border-radius:10px}

	.games-list li .game-info .g-rate button:hover{border-color:#32353a!important}
	.game-subs li .rates .grid button:hover,
	.prematch-bonus ul li a:hover{border-color:#24272b!important}

	.prematch{overflow:hidden;position:relative;display:flex;justify-content:flex-start;flex-wrap:nowrap;width:100%;height:auto}
	/* .aside-list{flex:0 0 100%;width:100%;margin-top:10px;padding:10px;border-radius:10px;transform:translateX(0);transition:all .3s} */
	.aside-list {
		overflow: hidden auto;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		padding-top: 50px;
		background: rgba(0,0,0,.8);
		backdrop-filter: blur(10px);
		z-index: 102;
		transform: translate3d(100%, 0, 0);
		transition: transform .3s ease;
		will-change: transform;
		backface-visibility: hidden;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}
	.aside-list.active {transform: translate3d(0, 0, 0); }
	.aside-list h1{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:50px;border-bottom:1px solid rgba(255,255,255,.2);font-family:'p6';font-size:12px;color:#9a9a9a}
	.aside-list strong{font-size:16px;color:var(--font-color)}
	.aside-list h1 button{position:absolute;top:0;right:0;width:50px;height:50px;background:transparent;font-size:30px;color:var(--font-color)}
	.aside-list h1{justify-content:flex-start;padding:0 20px}
	.aside-list h1 img{height:30px}



	.left-panel{flex:0 0 100%;width:100%;transform:translateX(0%);transition:all .3s}
	.prematch:not(.inplay):not(.sports-dev) > .right-panel,
	.prematch-result .games > .right-panel{overflow:hidden auto;position:fixed;top:0;right:0;bottom:0;width:100%;padding:0 10px 10px 10px;background:var(--body-bg);transform:translate3d(100%,0,0);transition:transform .3s ease;will-change:transform;z-index:666}
	.prematch:not(.inplay):not(.sports-dev) > .right-panel.active,
	.prematch-result .games > .right-panel.active{transform:translate3d(0,0,0)}
	#aside-btn{display:flex;position:fixed;right:10px;bottom:130px;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#2a2f36;font-size:11px;color:#fff;z-index:901;box-shadow:0 4px 10px rgba(0,0,0,.35);gap:4px}
	#aside-btn span{margin-top:3px;font-size:12px;color:var(--ffe)}
	.favorite-list{display:none;position:fixed;top:255px;right:10px;left:10px;width:auto;height:auto;padding:0 10px 10px;border:1px solid #454545;border-radius:10px;background:var(--body-bg);transform:none;transition:none;overflow:visible;z-index:1200;box-shadow:0 10px 24px rgba(0,0,0,.45)}
	body.prematch-favorite-open .favorite-list{display:block}
	body.prematch-favorite-open .favorite-list::before{content:'';position:absolute;top:-8px;left:var(--favorite-arrow-left, 38px);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--body-bg);z-index:2}
	body.prematch-favorite-open .favorite-list::after{content:'';position:absolute;top:-9px;left:calc(var(--favorite-arrow-left, 38px) - 1px);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #454545;z-index:1}
	.favorite-list h3{height:32px;padding:0;overflow:visible;font-size:0;line-height:0;color:transparent}
	.favorite-list h3>img,
	.favorite-list h3>.fav-count,
	.favorite-list h3>.arrow{display:none}
	.favorite-list h3>button{display:flex;position:absolute;top:4px;right:10px;height:28px;padding:0 0 0 8px;z-index:3;pointer-events:auto}
	.favorite-list h3 button{right:10px}
	.favorite-list .country{position:relative;max-height:318px;margin:0;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:2}
	.favorite-list .country>li{overflow:hidden;border-radius:10px;background:var(--454545)}
	.favorite-list .games-list{padding:10px!important;border-top:1px solid var(--body-bg);background:var(--3838);max-height:none;overflow-y:visible}
	.favorite-list .games-list li .game-date{font-size:12px}
	.favorite-list .leagues{padding:0;background:var(--3838)}
	.favorite-list .leagues li{border-top:1px solid var(--body-bg)}
	.favorite-list .leagues li a{height:40px}
	.favorite-list .leagues li.no-data{padding:10px}

	.locate{display:flex;align-items:center;justify-content:space-between;height:45px;border-bottom:1px solid #515151}
	.locate h4{font-size:14px;font-family:'p7'}
	.locate h4 .iconfont{margin-right:4px;color:#697183}
	.locate select{background:var(--0d0d0d) url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='14' height='14' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='%23a4a2a4'/></g></svg>") no-repeat 90% 6px;}

	.filter{padding:0;border-color:#3f3f3f}
	.filter strong{display:flex;align-items:center;flex:1;min-width:0;font-size:13px;}
	.filter strong .btn-back,
	.game-locate .btn-back{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;margin-left:-8px;background:none;font-size:20px;color:#fff}
	.filter strong .btn-back {display:none; }
	.filter strong .fi{position:relative;top:1px;width:21px!important;margin-right:5px;border-radius:3px;background-size:100%;background-position:0%;line-height:1.3em}
	.filter strong .fi::after{display:block;position:absolute;top:-1px;left:-1px;width:21px!important;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.15);content:''}
	.filter strong .text{flex:1;overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}
	.filter span button{background:var(--0d0d0d)}
	.filter .dropdown{right:0;width:110px}

	.games-list{padding:10px 0}
	.games-list li{border-radius:10px}
	.game-info.active .g-date span em{color:var(--38ffa8)}

	.game-locate{position:sticky;top:0;display:flex;align-items:center;width:calc(100% + 20px);height:50px;margin:0 -10px;border-bottom:1px solid #515151;background:var(--body-bg);font-size:12px;z-index:667}
	.game-locate .btn-back{margin-left:0}
	.game-locate .fi{position:relative;width:24px;height:24px;margin-right:10px;border-radius:50%}
	.game-locate .text{flex:1;overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}

	.game-image{flex-direction:column;justify-content:flex-start;width:100%;height:136px;margin-top:10px;padding:0 10px;background-repeat:no-repeat;background-size:100% 136px;}
	.game-image h5{display:flex;align-items:center;width:100%;height:42px;border-bottom:2px solid rgba(255,255,255,.5);font-size:12px}
	.game-image p{overflow:hidden;display:flex;align-items:center;width:100%;height:24px;margin-top:15px;font-size:14px}
	.game-image p i{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:10px;border-radius:50%;background:var(--3838);font-size:10px;}
	.game-image p span{overflow:hidden;flex:1;min-width:0;padding-right:20px;white-space:nowrap;text-overflow:ellipsis}
	.game-image p em{display:flex;align-items:center;justify-content:center;width:20px;height:18px;border-radius:3px;background:var(--38ffa8);font-family:'p7';font-style:normal;font-size:12px;color:var(--0d0d0d);text-align:right}

	.game-subs{height:auto;padding:10px 0 0 0}
	.favorite-list .game-subs li{margin-bottom:0}
}

i.red{color:#c50101!important}
i.blue{color:#009cff!important}
.blink{animation:blink 1s;animation-iteration-count:5}
@keyframes blink{
	50%{color:#e02020}
}

/* 경기결과 */
.prematch-result{margin-top:-10px}
.prematch-result .tabs{padding:0 15px;border-radius:5px}
.prematch-result .games{height:100vh!important}
.prematch-result .games .left-panel{flex-grow:1}
.prematch-result .games .right-panel{flex:0 0 58%!important}
.prematch-result .filter{grid-template-columns:20px 0 1fr 50px;gap:5px}
.prematch-result .game-date{position:relative;justify-content:flex-start!important;overflow:hidden}
.prematch-result .game-date .iconfont{position:absolute;right:10px}
.prematch-result .game-date em{min-width:0;padding-right:25px;font-style:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.prematch-result .game-info .g-info p{position:relative}
.prematch-result .games-list li .game-date{width:100%;}
.prematch-result .game-info .g-info p em{position:absolute;top:4px;right:0;display:flex;min-width:20px;height:20px;padding:0 5px;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-family:'p7';background:var(--454545);border-radius:2px}
.prematch-result .game-info.active .g-info p em{color:var(--body-bg);background:var(--38ffa8)}
.prematch-result .game-locate{display:none}
.prematch-result .game-image{border-radius:5px}
.prematch-result .game-image div:nth-of-type(2){display:block}
.prematch-result .game-image .s-date{font-size:14px!important}
.prematch-result .game-image .s-time{font-size:20px!important}
.prematch-result .game-button .bt-right.sc{background:none}
.prematch-result .game-subs{height:calc(100vh - 168px)}
.prematch-result .game-subs .grid button{cursor:default!important}
.prematch-result .game-subs .grid button:hover{border-color:#24272b!important}
.prematch-result .game-subs .grid button.g_gr_c:hover{border-color:var(--14815f)!important}
.prematch-result .g_gr_c::after{display:none}
.prematch-result .games-list li .game-info .g-info{display:grid;grid-template-columns:1fr 100px 1fr!important;align-items:center}
.prematch-result .games-list li .game-info .g-info p:nth-child(2){display:grid;width:100px!important;grid-template-columns:35px 30px 35px}
.prematch-result .games-list li .game-info .g-info p:nth-child(2) strong{display:inline-flex;width:35px;height:25px;align-items:center;justify-content:center;color:#fff;font-size:14px;font-family:'p6';background:#10141c;border-radius:5px}
.prematch-result .games-list li .game-info .g-info p em{position:static;color:var(--theme-color);font-style:normal;text-align:center;background:none}
.prematch-result .games-list li .game-info.active .g-info p:nth-child(2) strong{color:#0b223f!important;background:var(--theme-color)}
.prematch-result .games-list li .game-info .g-info p:nth-child(2) {font-style: normal;}
.prematch-result .g_gr_c{border:1px solid var(--14815f)!important;background:var(--424846)!important}
[data-theme-mode=light] body.prematch-favorite-open .favorite-list{border-color:#c7d7ee}
[data-theme-mode=light] body.prematch-favorite-open .favorite-list::after{border-bottom-color:#c7d7ee}
@media screen and (max-width:1023px){
  .prematch-result{margin-top:0;padding:0!important}
  .prematch-result .games{height:auto!important;margin-top:0}
  .prematch-result .left-panel{margin:0;flex:0 0 100%;border-radius:0;transform:initial;overflow:auto}
  .prematch-result .left-panel .wrapping{margin:0;background:none;border-radius:0}
  .left-panel .wrapping{margin:10px 0 0 0;}
  .prematch-result .left-panel .filter{margin-bottom:-10px;border:0;border-radius:0}
  .prematch-result .right-panel{padding:0 10px 5px}
  .prematch-result .game-locate{display:flex}
  .prematch-result .game-image .s-date{font-size:11px!important}
  .prematch-result .game-subs{height:auto;overflow:hidden}
}

[data-theme-mode=light] .prematch .game-button .bt-right.sc,[data-theme-mode=light] .prematch-result .game-button .bt-right.sc{display:flex!important}