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

.scroll::-webkit-scrollbar{width:5px;border-radius:2.5px;background:transparent}
.scroll::-webkit-scrollbar-thumb{width:5px;border-radius:2.5px;background:#312d24;transition:all .3s}
.scroll::-webkit-scrollbar-thumb:hover{background:#ddb57f}

#container{padding:112px 0 0!important}
.prematch{display:flex;justify-content:space-between;width:100%;background: #15130c;}
.prematch-aside{flex:0 0 350px;overflow:hidden scroll;height:calc(100vh - 130px);margin:10px 20px 0 10px;padding-right:3px}
.prematch-content{flex-grow:1;margin-right:10px;padding-top:10px}
.prematch-right{flex:0 0 300px;position:static!important;height:calc(100vh - 112px)!important}
/* .prematch-right .rightArea{top:120px!important} */

.aside-list{padding:5px 10px;border-radius:5px;background:#312d24}
.aside-list>li{border-bottom: 1px solid #262316;}
.aside-list>li>a{position:relative;display:flex;align-items:center;height:40px;padding:0 10px;font-family:'a3';font-size:12px;color: #d8d8d8;}
.aside-list>li>a img{width:25px;height:auto;margin-right:10px}
.aside-list>li>a i{position:absolute;right:0;display:flex;align-items:center;height:20px;padding:0 8px;border-radius:10px;background:#15130c;font-size:12px;color:#fff}
.aside-list>li>a.active{position:relative}
.aside-list>li>a.active::after{display:block;position:absolute;bottom:0;left:0;right:0;width:100%;height:1px;background: #40382d;content:''}
.aside-list>li>a.active i{background:#ddb57f;color:#000}
.aside-list>li:last-child{border-bottom:0}
/* ul.aside-list{padding:5px 10px} */

.country{/*overflow:hidden scroll;*/display:none;position:relative;/*max-height:457px;*/margin:10px 0;/*padding:0 6px 0 0*/}
.country>li{margin-top:5px;border-radius:5px;background:#15130c}
.country>li>a{display:flex;position:relative;align-items:center;height:40px;padding:0 15px 0 0;font-family:'a2';font-size:12px;color:#fff}
.country>li>a .fi{width:21px!important;margin:0 12px;border-radius:3px;background-size:100%;background-position:0%;line-height:1.3em}
.country>li>a .txt{color:#72695c}
.country>li>a .iconfont2{position:absolute;right:15px;font-size:12px;color: #fff;transition:all .3s;}
.country>li>a.active .iconfont2{transform:rotate(180deg)}
.country>li:first-child{margin-top:0}
.country>li.no-leagues{padding:10px 0;color:#6f6f6f;text-align:center}

.leagues{overflow:hidden;display:none;padding:8px;border-top:1px solid #262316}
.leagues li a{overflow:hidden;position:relative;display:flex;align-items:center;justify-content:space-between;height:32px;padding-left:35px;font-family:'a2';font-size:12px;color:#fff}
.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 .iconfont2{position:relative;color: #d8d8d8;transition:all 0.3s cubic-bezier(.4,0,.2,1)}
.leagues li a button .iconfont2::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.active .iconfont2{color: #ddb57f;}
.leagues li a button.active .iconfont2::before{transform:translate(-50%, -50%) scale(1);opacity:0}
.leagues li a button:active .iconfont2{transform:scale(.95)}
.leagues li a img{height:18px;margin-right:10px;padding-left:10px;border-left:1px solid #262316}
.leagues li a .txt{flex:1;overflow:hidden;min-width:0;color:#72695c;white-space:nowrap;text-overflow:ellipsis}
.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: #ddb57f;}
.leagues li a .fav-cnt .iconfont2{margin-left:3px;font-size:13px}
.leagues li a.active{position:relative;border-radius:5px;background: #312d24;}
.leagues li a.active::before{position:absolute;top:0;left:0;width:2px;height:32px;background:#ddb57f;content:''}
.leagues li a.active .txt{color:#ddb57f}
.leagues.active{display:block}

.tabs{display:flex;padding:5px;border-radius:5px;background: #312d24;}
.tabs li a{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100px;height:74px;font-family:'a3';font-size:12px;color:#fff;transition:all .3s}
.tabs li a span{display:flex;align-items:center;height:24px;line-height:24px;margin-bottom:10px}
/* .tabs li a img{margin-bottom:10px} */
/* .tabs li a:hover{border-radius:5px;background:rgba(50,53,58,.6)} */
.tabs li a i{position:absolute;top:8px;left:54px;display:flex;align-items:center;height:14px;padding:0 4px;border-radius:7px;background:#fff;font-size:9px;color:#000;line-height:9px}
.tabs li a.active{border-radius:5px;background: #15130c;color:#fff}
.tabs li a.active::after{display:block;position:absolute;left:28px;bottom:0;width:44px;height:2px;background: #ddb57f;content:''}
.tabs li a.active i{background:#ddb57f;color:#000}

.games{display:flex;flex-wrap:nowrap;height:calc(100vh - 216px);margin-top:10px}
.games .left-panel{overflow:hidden scroll;display:flex;flex-direction:column;flex-grow:1;margin-right:20px;gap:10px}
.games .left-panel .wrapping{margin-right:3px;border-radius:5px;background: #312d24;}
.games .right-panel{overflow:hidden;flex:0 0 732px}

.left-panel .no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0 50px;border-bottom:1px solid #40382d;color:#72695c}
.left-panel .no-data .iconfont2{font-size:62px}

.filter{position:relative;display:flex;align-items:center;height:45px;padding:0 10px;border-radius:5px 5px 0 0;color:#fff;gap:8px}
.filter .fi{position:relative;width:21px!important;border-radius:3px;background-size:100%;background-position:0%;line-height:1.3em}
.filter .txt{overflow:hidden;max-width:340px;white-space:nowrap;text-overflow:ellipsis}
.filter button{position:absolute;right:10px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:5px;border:0;background: #15130c;color: #fff;outline:none;cursor:pointer}
.filter button:hover .iconfont2{color:#ddb57f}

.games-list{width:100%;padding:10px;border-radius:0 0 5px 5px;border-top:1px solid #40382d}
.games-list li{overflow:hidden;display:flex;flex-direction:column;border-radius:5px;gap:10px}
.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-size:14px;color:#fff;cursor:pointer}
.games-list li .game-date .fi{position:relative;width:21px!important;margin-right:5px;border-radius:3px;background-size:100%;background-position:0%;line-height:1.3em}
.games-list li .game-date .iconfont2{font-size:13px;color: #fff;transition:all .3s}
.games-list li .game-info{overflow:hidden;display:none;position:relative;height:auto;max-height:0;border-radius:5px;background:#15130c;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:42px;padding:0 10px;border-bottom: 1px solid #262316;font-size:13px;color:#fff}
.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: #000;outline:none;cursor:pointer}
.games-list li .game-info .g-date button .iconfont2{font-size:14px;color: #d8d8d8;}
.games-list li .game-info .g-date button.active .iconfont2{color: #ddb57f;}
.games-list li .game-info .g-date em{font-style:normal}
.games-list li .game-info .g-info{display:grid;grid-template-columns:1fr 160px 1fr;padding:10px;color:#fff}
.games-list li .game-info .g-info p{overflow:hidden;display:flex;align-items:center}
.games-list li .game-info .g-info p:nth-child(2){padding:0 10px;justify-content:space-between;text-align:center;color:#72695c}
.games-list li .game-info .g-info p:nth-child(2) strong{flex:0 0 45px;display:flex;align-items:center;justify-content:center;width:45px;height:35px;border-radius:5px;background:#262316;font-size:15px;color:#fff}
.games-list li .game-info .g-info p:last-child{justify-content:flex-end}
.games-list li .game-info .g-info p span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;text-overflow:ellipsis}
.games-list li .game-info .g-info p em{display:flex;flex-direction:column}
.games-list li .game-info .g-info p em cite{font-size:12px;font-style:normal}
.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:34px;padding:0 9px;border-radius:5px;border: 1px solid #353535;background: #000;outline:none;cursor:pointer}
.games-list li .game-info .g-rate button span{font-size:11px;color:#fff}
.games-list li .game-info .g-rate button:hover{border-color:#ddb57f}
.games-list li .game-info .g-rate button.active,
.games-list li .game-info .g-rate button.g_gr_c{border-color:#ddb57f;background:#262316}
.games-list li .game-info .g-rate button.active *,
.games-list li .game-info .g-rate button.g_gr_c * { color:#000; }
.games-list li .game-info .g-rate.hidden{display:none}
.games-list li .game-info.active::before{position:absolute;top:0;left:0;bottom:0;width:3px;height:100%;background: #ddb57f;content:''}
.games-list li .game-info.active .g-date{color:#ddb57f}
.games-list li .game-info.active .g-info p strong{background:#ddb57f!important;color:#000!important}
.games-list li .game-info.hidden{display:none!important}
/* .games-list li.active .game-date{background: #141414;} */
.games-list li.active .game-date .iconfont2{transform:rotate(180deg)}
.games-list li.active .game-info{max-height:5000px;opacity:1}

.game-image{display:flex;align-items:center;justify-content:space-between;width:100%;height:116px;padding:0 70px;background-repeat:no-repeat;background-size:100% 116px;color:#fff}
.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}

.game-button{overflow:hidden;position:relative;display:flex;align-items:center;height:52px;border-bottom: 1px solid #40382d;gap:5px}
.game-button button{display:flex;align-items:center;justify-content:center;height:32px;padding:0 10px;border:0;border-radius:5px;background: #312d24;font-size:12px;color:#fff;cursor:pointer;transition:all .3s;white-space:nowrap}
.game-button button .iconfont2{color: #fff;}
.game-button button:first-child,
.game-button button.btn-expand-sub{width:32px}
.game-button button.btn-expand-sub{position:absolute;right:0}
.game-button button:nth-of-type(2){padding:0 8px}
.game-button button:hover,
.game-button button.active{background: #ddb57f;color:#000}
.game-button button:hover .iconfont2{color:#000}
.game-button button.btn-sub-fav.active .iconfont2{color:#000}
.game-button .search-subs{display:none;position:absolute;left:-100%;align-items:center;width:calc(100% - 37px);height:32px;border-radius:5px;background: #000;transform:none;transition:none;animation:none}
.game-button .search-subs button{background:transparent}
.game-button .search-subs button .iconfont2{font-size:12px}
.game-button .search-subs input{width:100%;border:0;background:transparent;color:#fff;outline:none}
.game-button .search-subs input::placeholder{color:#fff}
.game-button .search-subs:hover{background: #ddb57f;}
.game-button .search-subs:hover button .iconfont2,
.game-button .search-subs:hover input,
.game-button .search-subs:hover 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}
.game-button .bt-left.sc{width:52px;background:linear-gradient(to right, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%)}
/* .game-button .bt-right.sc{width:52px;background:linear-gradient(to left, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%)} */
.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 - 282px - 113px);margin-top:10px;padding:0 3px 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: #312d24;font-size:12px;color:#fff;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;border:0;background:transparent;cursor:pointer}
.game-subs li .title button .iconfont2{margin-left:0;font-size:16px}
.game-subs li .title button.active .iconfont2{color:#fcb239}
.game-subs li .title .iconfont2{margin-left:5px;font-size:13px;color: #fff;transition:all .3s}
.game-subs li .title .iconfont2.arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:0;transform:rotate(180deg)}
.game-subs li .title.active .iconfont2.arrow{transform:rotate(0deg)}
.game-subs li .rates{padding:5px 10px 10px 10px;background: #000;}
.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:34px;padding:0 9px;border-radius:5px;border: 1px solid #4b4630;background: #000;font-size:11px;color:#fff;cursor:pointer}
.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 i{color:#ddb57f}
.game-subs li .rates .grid button i.red{color:#c50101!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:#ddb57f}
.game-subs li .rates .grid button.active,
.game-subs li .rates .grid button.g_gr_c{border-color:#ddb57f;background:#262316}
.game-subs li .rates .grid button.active span{color:#fff}
.game-subs li .rates .grid button:disabled{border-color:rgba(53,53,53,.5);background:rgba(53,53,53,.1);cursor:not-allowed}
.game-subs li .rates .grid button:disabled *{color:#444!important}
.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{border-radius:5px;background:rgba(21,19,12,.5);}
}

@media screen and (max-width: 1023px) {
	button { border:0; outline:0; }
	#container{margin:0;padding:0!important}
	.prematch{background:none}

	.tabs{overflow:auto hidden;padding:5px 5px 0;border-radius:0;border-bottom:1px solid #40382d;background:#000}
	.tabs li a{width:auto;padding:0 12px;font-size:11px;white-space:nowrap;pointer-events:auto}
	.tabs li a i{left:initial;right:5px}
	.tabs li a.active{background:#312d24}
	.tabs li a.active::after{left:12px;right:12px;width:calc(100% - 24px)}

	.games-list li .game-info .g-rate button.g_gr_c,
	.games-list li .game-info .g-rate button.g_gr_c:hover,
	.game-subs li .rates .grid button.g_gr_c,
	.game-subs li .rates .grid button.g_gr_c:hover{border-color:#ddb57f!important}

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

	.prematch{position:relative;width:100%;height:auto}
	.left-panel{display:flex;flex-direction:column;width:100%;padding-top:10px;background:#000;gap:10px}
	.right-panel{overflow:hidden auto;position:fixed;top:0;right:-100%;bottom:0;width:100%;padding:0 10px 80px 10px;background:#100f0e;transition:all .3s;z-index:666}

	.wrapping{background:#312d24}

	.locate{display:flex;align-items:center;justify-content:space-between;height:45px;padding:0 8px;border-top:1px solid #353535;border-bottom:1px solid #353535}
	.locate h4{font-family:'jal';font-size:13px;color:#fff}
	.locate h4 .iconfont2{margin-right:4px;color:#697183}

	.filter{border-color:#353535}
	.filter strong{display:flex;align-items:center;flex:1;min-width:0;font-size:13px;color:#fff}
	.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 .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 .dropdown{right:0;width:110px}

	.games-list li .game-info .g-info{display:grid;grid-template-columns:1fr 140px 1fr;padding:10px;color:#fff}
	.games-list li .game-info .g-info p{font-size:12px}
	.games-list li .game-info .g-info p:not(:nth-child(2)){display:inline-flex;align-items:center}
	.games-list li .game-info .g-info p:nth-child(2) strong{flex:0 0 35px;display:flex;align-items:center;justify-content:center;width:35px;height:30px;border-radius:5px;background:#262316;font-size:14px;color:#fff}
	.games-list li .game-info .g-info p:nth-child(3) span{text-align:right}
	.games-list li .game-info .g-info p span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;white-space:normal;text-overflow:ellipsis}

	.game-locate{position:sticky;top:0;display:flex;align-items:center;width:calc(100% + 20px);height:50px;margin:0 -10px;border-bottom:1px solid #40382d;background:#100f0e;font-size:13px;color:#fff;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 .fi::after{position:absolute;top:-1px;left:-1px;width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.15);content:''}
	.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;color:#fff}
	.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:#000;font-size:10px;color:#fff}
	.game-image p span{overflow:hidden;flex:1;min-width:0;padding-right:20px;white-space:nowrap;text-overflow:ellipsis}
	.game-image p em{font-style:normal;font-size:15px;font-weight:bold;text-align:right}

	.game-subs{height:auto;margin-top:0;padding:10px 0 0 0}
	.game-subs li .rates{background:rgba(49,45,36,.5)}
}

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

#content{padding-bottom:0!important}
.prematch-result{margin-top:-10px}
.prematch-result .games{height:100vh!important}
.prematch-result .game-date{overflow:hidden;position:relative;justify-content:flex-start!important}
.prematch-result .game-date .iconfont2{position:absolute;right:10px}
.prematch-result .game-date em{overflow:hidden;min-width:0;padding-right:25px;white-space:nowrap;font-style:normal;text-overflow:ellipsis}
.prematch-result .game-info{max-height:none!important;opacity:1!important}
.prematch-result .game-info .g-info{grid-template-columns:1fr 140px 1fr!important}
.prematch-result .game-info .g-info p{position:relative}
/* .prematch-result .game-info .g-info p span{padding-right:30px} */
/* .prematch-result .game-info .g-info p em{position:absolute;top:4px;right:0;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:5px;background:#000;font-style:normal;font-size:12px} */
.prematch-result .game-locate{display:none}
.prematch-result .game-image .s-date{font-size:14px!important}
.prematch-result .game-image .s-time{font-size:20px!important}
.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:#ddb57f!important}

@media screen and (max-width: 1023px) {
	.prematch-result{margin-top:0}
	.prematch-result .games{height:auto!important;margin-top:0}
	.prematch-result .left-panel{flex:0 0 100%;overflow:auto;margin:0;border-radius:0;transform:initial}
	.prematch-result .left-panel .wrapping{margin:0;border-radius:0}
	.prematch-result .left-panel .filter{border-radius:0}
	.prematch-result .right-panel{padding:0 10px 5px}
	.prematch-result .game-locate{display:flex}
	.prematch-result .game-subs{overflow:hidden;height:auto}
}