@charset "utf-8";
/* CSS Document */

.sb-wrap { display: flex; flex: 100%; flex-direction: column; padding: 10px; justify-content: center; background: #212121; }

.evt-tab { display: flex; padding: 0 0 10px; max-width: 800px; overflow-x: scroll; }
.tab-wrapper2 { width: 100%; max-width: 580px; padding: 10px 0; }
.tab-wrapper-full { max-width: 1000px; }

.tab-list { display: flex; overflow-x: auto; gap: 12px; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; }
.tab { flex-shrink: 0; cursor: pointer; }
.tab input[type="radio"] { display: none; }
.tab span { display: inline-flex; align-items: center; justify-content: center; background-color: #181818; color: #fff; transition: all 0.2s ease; user-select: none; width: 80px; height: 80px; flex-direction: column; line-height: 1; }
.tab span i { }
.tab span i img { width: 20px; }
.tab input[type="radio"]:checked + span { border: 1px #bb862a solid; }

.equ-wrap { flex-direction: column; margin: 10px 0 0; }
.equ-wrap .sb-search { width: 100%; height: 40px; background: #3b3936; border: 1px #4f4f4f solid; position: relative; }
.equ-wrap .sb-search input { position: absolute; top: 0; left: 0; }
.equ-wrap .sb-search button { position: absolute; top: 50%; margin-top: -10px; right: 10px; }
.equ-wrap .sb-search button img { width: 20px; opacity: 0.3; }

.animated-button1 {
	width: 100%;
	height: 100%;
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	position: absolute;
	cursor: pointer;
}
.animated-button1::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #ad8585;
	opacity: 0;
	-webkit-transition: 2s opacity ease-in-out;
	transition: 2s opacity ease-in-out;
}

.animated-button1 span { position: absolute; }

.animated-button1 span:nth-child(1) {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 2px;
	background: -webkit-gradient(linear, right top, left top, from(rgba(256, 216, 0, 0)), to(#ffd800));
	background: linear-gradient(to left, rgba(256, 216, 0, 0), #ffd800);
	-webkit-animation: 2s animateTop linear infinite;
		  animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button1 span:nth-child(2) {
	top: 0px;
	right: 0px;
	height: 100%;
	width: 2px;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(256, 106, 0, 0)), to(#ff6a00));
	background: linear-gradient(to top, rgba(256, 106, 0, 0), #ff6a00);
	-webkit-animation: 2s animateRight linear -1s infinite;
		  animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button1 span:nth-child(3) {
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 2px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(256, 106, 0, 0)), to(#ff6a00));
	background: linear-gradient(to right, rgba(256, 106, 0, 0), #ff6a00);
	-webkit-animation: 2s animateBottom linear infinite;
		  animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button1 span:nth-child(4) {
	top: 0px;
	left: 0px;
	height: 100%;
	width: 2px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(256, 216, 0, 0)), to(#ffd800));
	background: linear-gradient(to bottom, rgba(256, 216, 0, 0), #ffd800);
	-webkit-animation: 2s animateLeft linear -1s infinite;
		  animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.category-tab { display: flex; margin: 20px; justify-content: space-between; flex-direction: row; }
.category-tab button { width: 90%; padding: 8px; font-size: 14px; font-weight: bold; margin: 0 10px 0 0; }
.category-tab button:last-child { margin: 0; }

.category { background: #212121; display: block; flex: auto; padding: 0 0 30px; }

#dropdown-button { margin: 10px 0 0; }
#dropdown-button,
#dropdown-button ul,
#dropdown-button ul li,
#dropdown-button ul li a { padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#dropdown-button ul ul { display: none; }
#dropdown-button > ul > li.active > ul { display: block; }
.align-right { float: right; }
#dropdown-button ul li .imgcol1 { position: absolute; top: 12px; left: 10px; }
#dropdown-button ul ul li .imgcol2 { position: absolute; top: 17px; left: 20px; }
#dropdown-button > ul > li > a { padding: 14px 10px; cursor: pointer; z-index: 2; font-size: 14px; text-decoration: none; color: #fff; text-align:left; text-indent: 30px; transition: all 0.3s ease; position:relative; }
#dropdown-button ul > li.has-sub > a:after { position: absolute; right: 16px; top: 17px; z-index: 5; display: block; height: 10px; width: 2px; background: #999; content: ""; transition: all 0.3s ease; }
#dropdown-button ul > li.has-sub > a:before { position: absolute; right: 12px; top: 21px; display: block; width: 10px; height: 2px; background: #999; content: ""; transition: all 0.3s ease; }
#dropdown-button ul > li.has-sub.open > a:after,
#dropdown-button ul > li.has-sub.open > a:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#dropdown-button ul ul li a { padding: 15px 10px; cursor: pointer; z-index: 2; font-size: 14px; text-decoration: none; color: #fff; background: #343434; text-indent: 46px; transition: all 0.3s ease; position:relative; }
#dropdown-button ul ul > li.has-sub > a:after { top: 17px; right: 16px; background: #999; }
#dropdown-button ul ul ul li a { text-indent: 54px; }
#dropdown-button ul ul ul li .on { color: #ffae00; }
#dropdown-button ul ul li .on { color: #ffae00; }
#dropdown-button ul li .on { color: #ffae00; }
#dropdown-button ul ul ul li a:hover { color: #ffae00; }
#dropdown-button ul ul li a:hover { color: #ffae00; }
#dropdown-button ul li a:hover { color: #ffae00; }

.equ-b-wrap { display: flex; margin: 10px 0 0; flex-direction: row; justify-content: space-between; }
.equ-b-wrap div { display: inline-flex; justify-content: flex-start; }
.equ-b-wrap div:last-child { justify-content: flex-end; }
.equ-b-wrap div button { padding: 10px; color: #999; background: #333; margin: 0 6px 0 0; }
.equ-b-wrap div button:last-child { margin: 0; }
.equ-b-wrap div .on { color: #ffa200; border: 1px #ffa200 solid; }
.equ-b-wrap div button img { width: 20px; }

.view-list-wrap { display: flex; margin: 10px 5px 0; flex-direction: row; justify-content: flex-start; }
.view-list-wrap div { display: inline-flex; }
.view-list-wrap div button { padding: 10px 15px 10px 0; color: #fff; font-size: 14px; font-weight: bold; }
.view-list-wrap div button a { text-decoration: none; position: relative; background: linear-gradient(180deg, #fff, #fff); background-clip: text; color: transparent; padding-bottom: 6px; }
.view-list-wrap div button:hover a { background: linear-gradient(180deg, #ffd900, #fe6d06); background-clip: text; color: transparent; }
.view-list-wrap div button .on { background: linear-gradient(180deg, #ffd900, #fe6d06); background-clip: text; color: transparent; }
.view-list-wrap div button a:before { content: ''; position: absolute; background-color: #ffa200; height: 2px; width: 0; bottom: 0; transition: 0.5s; }
.view-list-wrap div button a:hover:before { width: 100%; }
.view-list-wrap select { background: #222; border: #222 solid; color: #fff; font-size: 14px; padding: 5px 10px 5px 0; }
.view-list-wrap select option { background: #222; }

.gm-wrap { display: flex; flex-direction: column; padding: 12px 15px 4px; background: #333; margin: 10px 0 0; }

.gm-evt-info { display: flex; justify-content: space-between; padding: 0 0 10px; flex-direction: row; }
.gm-evt-info .info-div { display: flex; justify-content: space-between; padding: 5px 0; flex-direction: row; }
.gm-evt-info .info-div div { margin: 0 5px 0 0; display: flex; justify-content: center; align-items: center; }
.gm-evt-info .info-div div i { display: flex; justify-content: center; align-items: center; }
.gm-evt-info .info-div div i img { width: 20px; }
.gm-evt-info .leaguename { color: #fff; font-size: 14px; }
.gm-evt-info .league-date { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 14px; }
.gm-evt-info .league-date i { margin: 0 5px 0 0; justify-content: center; align-items: center; display: flex; }
.gm-evt-info .league-date i img { width: 20px; }
.gm-evt-info .color-bg-1 { background-clip: text; color: transparent; background-image: linear-gradient(180deg, #ffd900, #fe6d06); font-size: 12px; font-weight: bold; line-height: 1; }

.gm-list-div { display: flex; justify-content: space-between; flex-direction: row; flex: 100%; letter-spacing: 0; margin: 0 0 10px; }
.gm-list-div .gm-item { display: flex; padding: 10px 8px; background: linear-gradient(180deg, #222, #111); margin: 0 8px 0 0; justify-content: space-between; color: #fff; font-size: 14px; cursor: pointer; transition: all 0.3s ease; min-height: 44px; }
.gm-list-div .gm-item:last-child { margin: 0 0 0 0; }
.gm-list-div .item1 { flex: 50%; }
.gm-list-div .item2 { flex: 50px; }
.gm-list-div .item3 { flex: 50%; }
.gm-list-div .item4 { flex: 50px; }
.gm-list-div .item5 { flex: 100px; }
.gm-list-div .gm-item .item-cont1 { display: flex; justify-content: flex-start; align-items: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.gm-list-div .gm-item .item-cont2 { display: flex; justify-content: flex-end; align-items: center; background: linear-gradient(180deg, #ffd900, #fe6d06); background-clip: text; color: transparent; font-size: 12px; font-weight: bold; }
.gm-list-div .gm-item .item-cont3 { display: flex; justify-content: center; align-items: center; background: linear-gradient(180deg, #ffd900, #fe6d06); background-clip: text; color: transparent; font-size: 12px; font-weight: bold; flex: 100%; }
.gm-list-div .gm-item .item-cont4 { display: flex; justify-content: flex-end; align-items: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.gm-list-div .gm-item .item-cont5 { display: flex; justify-content: flex-start; align-items: center; background: linear-gradient(180deg, #ffd900, #fe6d06); background-clip: text; color: transparent; font-size: 12px; font-weight: bold; }
.gm-list-div .gm-item .item-cont6 { display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: bold; flex: 100%; }
.gm-list-div .gm-item:hover { background: linear-gradient(180deg, #ffd900, #fe6d06); transform: scale(1.03); color: #111; }
.gm-list-div .gm-item:hover .item-cont2 { background: linear-gradient(180deg, #111, #111); background-clip: text; color: transparent; }
.gm-list-div .gm-item:hover .item-cont3 { background: linear-gradient(180deg, #111, #111); background-clip: text; color: transparent; }
.gm-list-div .gm-item:hover .item-cont5 { background: linear-gradient(180deg, #111, #111); background-clip: text; color: transparent; }
.gm-list-div .on { background: linear-gradient(180deg, #ffd900, #fe6d06); color: #111; cursor: inherit; transform: scale(1.01); }
.gm-list-div .on .item-cont2 { background: linear-gradient(180deg, #111, #111); background-clip: text; color: transparent; }
.gm-list-div .on .item-cont3 { background: linear-gradient(180deg, #111, #111); background-clip: text; color: transparent; }
.gm-list-div .on .item-cont5 { background: linear-gradient(180deg, #111, #111); background-clip: text; color: transparent; }

.detail-wrap { background: #212121; padding: 10px; }
.gm-head { display: flex; justify-content: space-between; padding: 0 10px; }
.gm-head div { display: flex; font-size: 15px; background: linear-gradient(180deg, #999, #999); background-clip: text; color: transparent; font-size: 12px; font-weight: bold; cursor: pointer; }
.gm-head .on { background: linear-gradient(180deg, #ffd900, #fe6d06); background-clip: text; color: transparent; font-size: 12px; font-weight: bold; }

.gm-detail-wrap { display: flex; flex: 100%; flex-direction: column; padding: 10px 0; justify-content: center; background: #212121; }
.gmpd { padding: 0 10px 0; }
.team-detail-info { display: flex; min-height: 140px; max-height: 140px; background: url("../images/bg-sports.png") center center; background-position: cover; object-fit: cover; align-items: center; justify-content: space-between; padding: 0 10% 0; }
.team-detail-info .info-layout { flex: 33.333%; align-items: center; justify-content: center; }
.team-detail-info .info-layout .team-item { display: flex; justify-content: flex-start; align-items: center; flex-direction: column; }
.team-detail-info .info-layout .team-item .jersey { display: flex; justify-content: center; align-items: center; position: relative; text-align: center; }
.team-detail-info .info-layout .team-item .jersey img { width: 40px; }
.team-detail-info .info-layout .team-item .jersey .frame { position: absolute; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px;; width: 60px; height: 60px; }
.team-detail-info .info-layout .team-item .jersey .frame img { width: 100%; filter: invert(13%) sepia(91%) saturate(7275%) hue-rotate(7deg) brightness(106%) contrast(119%); }
.team-detail-info .info-layout .team-item .jerseyname { display: flex; justify-content: center; align-items: center; position: relative; text-align: center; color: #fff; font-size: 14px; padding: 10px 0; }
.team-detail-info .info-layout .team-item .versus { font-family: "Jalnan"; font-weight: bold; font-size: 40px; }

.team-detail-info2 { display: flex; min-height: 200px; max-height: 200px; background: url("../images/banner_1.png") top center; background-position: cover; object-fit: cover; flex-direction: column; padding: 10px; }
.team-detail-info2 .info-layout { display: flex; justify-content: space-between; align-items: center; }
.team-detail-info2 .info-layout .layoutname { display: flex; color: #fff; font-size: 12px; text-align: left; }
.team-detail-info2 .info-layout .layoutdate { display: flex; color: #fff; font-size: 12px; padding: 6px; background: #050728; border: 1px #ffa200 solid; }
.team-detail-info2 .info-layout2 { display: flex; padding: 20px 10px; background: rgba(0,0,0, 0.7); margin: 10px 0 0; flex-direction: column; }
.team-detail-info2 .info-layout2 .layout-line { display: flex; justify-content: space-between; flex: 100%; }
.team-detail-info2 .info-layout2 .layout-line .layoutdate { display: flex; font-size: 12px; color: #ffae00; }
.team-detail-info2 .info-layout2 .layout-line .layoutdate2 { display: flex; font-size: 12px; color: #ffae00; flex-direction: row; justify-content: flex-end; align-items: center; }
.team-detail-info2 .info-layout2 .layout-line .layoutdate2 div { min-width: 34px; text-align: center; }
.team-detail-info2 .info-layout2 .layout-line .data1 { display: flex; font-size: 12px; color: #fff; flex-direction: row; justify-content: flex-end; align-items: center; }
.team-detail-info2 .info-layout2 .layout-line .data1 div { color: #fff; min-width: 34px; text-align: center; }

.bbl { background: url("../images/banner_11.png") top center; }
.bktb { background: url("../images/banner_3.png") top center; }

.slip-userinfo { background: #212121; padding: 10px; display: flex; flex-direction: column; }
.slip-userinfo .usernameinfo { display: flex; justify-content: flex-start; }
.slip-userinfo .usernameinfo .rankbg { display: flex; width: 50px; height: 50px; border-radius: 50%; justify-content: center; text-align: center; align-items: center; margin: 0 10px 0 0; }
.slip-userinfo .usernameinfo .rankbg p { width: 100%; font-size: 16px; font-weight: bold; }
.slip-userinfo .usernameinfo .id-wrap { display: flex; flex:auto; justify-content: space-between; flex-direction: row; align-items: center; border-bottom: 1px #444 solid; padding: 0 0 10px; }
.slip-userinfo .usernameinfo .id-wrap .id { display: flex; align-items: center; flex: auto; color: #fff; font-weight: bold; font-size: 12px; }
.slip-userinfo .usernameinfo .id-wrap .id span { color: #999; margin: 0 0 0 10px; }
.slip-userinfo .usernameinfo .id-wrap .option { width: 80px; height: 30px; background: #333; border: 1px #bb862a solid; color: #fff; font-size: 12px; line-height: 1; }
.slip-userinfo .usernameinfo .id-wrap .option svg { position: relative; top: 2px; margin: 0 2px 0 0; }
.slip-userinfo .usernameinfo .id-wrap .option:hover { transform: scale(1.05); }
.slip-userinfo .slip-stats { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0 0 0 50px; }
.slip-userinfo .slip-stats .stats-div { display: flex; flex-direction: row; padding: 10px 0 0; }
.slip-userinfo .slip-stats .stats-div:last-child { padding: 10px 0; }
.slip-userinfo .slip-stats .stats-div .statslabel { align-items: center; justify-content: flex-start; flex: auto; min-width: 80px; flex-direction: row; display: flex; margin: 0 10px 0 0; }
.slip-userinfo .slip-stats .stats-div .statslabel i { margin: 0 5px 0 0; }
.slip-userinfo .slip-stats .stats-div .statslabel i img { width: 15px; }
.slip-userinfo .slip-stats .stats-div .statslabel .label { color: #fff; font-size: 14px; }
.slip-userinfo .slip-stats .stats-div .statscont { align-items: center; justify-content: flex-start; flex: auto; display: flex; font-size: 14px; color: #fff; }
.slip-userinfo .slip-stats .stats-div .statscont p { background: linear-gradient(180deg, #ffd900, #fe6d06); background-clip: text; color: transparent; font-size: 14px; font-weight: bold; margin: 0 5px 0 0; }

.bet-slip { display: flex; flex-direction: column; padding: 10px; background: #212121; margin: 10px 0 0; }
.bet-slip .bs-head { padding: 10px; border-bottom: 1px #666 solid; width: 100%; justify-content: center; align-items: center; text-align: center; }
.bet-slip .bs-head span { background: linear-gradient(180deg, #ffd900, #fe6d06); background-clip: text; color: transparent; font-size: 18px; font-weight: bold; }
.bet-slip .bs-myinfo { padding: 10px 0; display: flex; flex-direction: column; border-bottom: 1px #666 solid; min-height: 100px; max-height: 400px; overflow-y: scroll; }
.bet-slip .bs-myinfo .myinfo-wrap { padding: 10px; display: flex; flex-direction: column; background: #333; border: 1px #bb862a solid; position: relative; color: #fff; font-size: 12px; font-weight: bold; margin: 0 0 10px; }
.bet-slip .bs-myinfo .myinfo-wrap .close-my { position: absolute; top: 10px; right: 10px; }
.bet-slip .bs-myinfo .myinfo-wrap .myiw-cont { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.bet-slip .bs-myinfo .myinfo-wrap .myiw-cont .flagname { flex-direction: row; display: flex; align-items: center; }
.bet-slip .bs-myinfo .myinfo-wrap .myiw-cont .flagname i { display: flex; min-height: 30px; align-items: center; }
.bet-slip .bs-myinfo .myinfo-wrap .myiw-cont .flagname i img { width: 18px; margin: 0 5px 0 0; }
.bet-slip .bs-myinfo .myinfo-wrap .myiw-cont span { color: #888; margin: 0 0 0 5px; }
.bet-slip .bs-myinfo .myinfo-wrap .myiw-cont .team-item { flex: 50%; font-size: 14px; padding: 10px 0 0; }
.bet-slip .bs-myinfo .myinfo-wrap .myiw-cont .versus-item { min-width: 35px; padding: 0 10px 0; }
.bet-slip .bs-myinfo .myinfo-wrap .myiw-cont .txt-right { text-align: right; }
.bet-slip .bs-myinfo .myinfo-wrap .myiw-cont .odd-item { flex: 50%; background: linear-gradient(180deg, #ffd900, #fe6d06); background-clip: text; color: transparent; font-size: 12px; font-weight: bold; }
.bet-slip .bs-myinfo .myinfo-none { padding: 20px 10px; display: flex; flex-direction: column; background: #333; position: relative; color: #fff; margin: 0 0 10px; width: 100%; text-align: center; }
.bet-slip .bs-myinfo .myinfo-none i { }
.bet-slip .bs-myinfo .myinfo-none span { font-size: 16px; color: #fff; }

.bet-slip .bs-cont { display: flex; flex-direction: column; margin: 10px 0 0; }
.bet-slip .bs-cont .alle { display: flex; padding: 0 0 5px; }
.bet-slip .bs-cont .alle button { color: #888; padding: 5px 0; flex-direction: row; display: flex; }
.bet-slip .bs-cont .alle button i { margin: 0 5px 0 0; display: flex; align-items: center; }

.bet-slip .bs-cont .slt-currency { display: flex; flex-direction: row; margin: 0 0 5px 0; }
.bet-slip .bs-cont .slt-currency .btn-col { flex: auto; min-width: 39.2px; height: 36px; text-align: center; margin: 0 5px 0 0; }
.bet-slip .bs-cont .slt-currency .btn-col button { width: 100%; height: 100%; font-weight: bold; color: #ffa200; font-size: 14px; background: #333; }
.bet-slip .bs-cont .slt-currency .btn-col button:hover { background: #444; }
.bet-slip .bs-cont .slt-currency .btn-col .col-clr { color: #fff; }
.bet-slip .bs-cont .slt-currency .input-col { flex: auto; height: 36px; text-align: center; margin: 0; background: #333; position: relative; }
.bet-slip .bs-cont .slt-currency .input-col i { position: absolute; top: 10px; right: 10px; }

.bet-slip .bs-cont .slt-info { display: flex; flex-direction: column; margin: 5px 0 0; padding: 0 5px 0; }
.bet-slip .bs-cont .slt-info .infolabel { display: flex; flex-direction: row; justify-content: space-between; padding: 0 0 5px; color: #fff; }
.bet-slip .bs-cont .slt-info .infolabel .namelabel { font-size: 12px; }
.bet-slip .bs-cont .slt-info .infolabel .contlabel { font-size: 14px; font-weight: bold; }

.bet-slip .btm-betbutton { display: flex; margin: 5px 0 0; padding: 0; position: relative; width: 100%; height: 40px; }
.bet-slip .btm-betbutton button { width: 100%; padding: 10px 0; color: #ffa200; font-size: 14px; font-weight: bold; background: #333; }

.mobile-test { display: none; }

.mobile-cart-view { display: none; }

.downcont { display: block; top: 10px; right: 0; left: inherit; bottom: inherit; height: 100%; }

.modalp { position: relative; }

.btnom { display: none; }
.btnom:hover { box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2); }

.modalp .closebtnom { display: none; }

.view-full { flex: 100%; }

.rst-wrap { }
.rst-tab-wrap { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; }
.rst-tab-wrap div { flex: 20%; margin: 0 8px 0 0; }
.rst-tab-wrap div:last-child { margin: 0 0 0 0; }
.rst-tab-wrap div button { width: 100%; height: 40px; text-align: center; background: #212121; border: 1px #666 solid; color: #fff; font-size: 15px; font-weight: bold; }
.rst-tab-wrap div button:hover { border: 1px #ffd900 solid; background-image: linear-gradient(180deg, #ffd900, #fe6d06); color: #000; }
.rst-tab-wrap div .on { border: 1px #ffd900 solid; background-image: linear-gradient(180deg, #ffd900, #fe6d06); color: #000; }

.rst-table-div { display: block; }
.rst-table { display: block; margin: 10px 0 0; }
.rst-table table { width: 100%; border: 0; border-collapse: collapse; border-spacing: 0; border: 0; display: table; background: #212121; }
.rst-table table thead th { text-align: center; color: #000; font-size: 12px; padding: 5px; font-weight: bold; background-image: linear-gradient(180deg, #ffd900, #fe6d06); }
.rst-table table tbody tr { border-bottom: 1px #bb862a solid; }
.rst-table table tbody tr:last-child { border-bottom: 0; }
.rst-table table tbody td { border-right: 1px #666 solid; text-align: center; color: #fff; padding: 5px 0; }
.rst-table table tbody td:last-child { border-right: 0; }
.rst-table table tbody .vs { color: #ffd900; }
.rst-table table tbody .grn { color: #00e52a; }
.rst-table table tbody .ylw { color: #ffcc00; }
.rst-table table tbody .red { color: #f00000; }
.rst-table table tbody .gry { color: #888; }
.rst-table table tbody td:last-child { border-right: 0; }
.rst-table .rst-stats { display: flex; justify-content: flex-start; align-items: center; padding: 10px; position: relative; flex-wrap: wrap; }
.rst-table .rst-stats div { margin: 0 5px 0 0; padding: 0 10px 0 5px; border-right: 1px #666 solid; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 12px; }
.rst-table .rst-stats div:last-child { border-right: 0; }
.rst-table .rst-stats div span { font-weight: bold; background-image: linear-gradient(180deg, #ffd900, #fe6d06); background-clip: text; color: transparent; margin: 0 0 0 5px; }
.rst-table .rst-stats .gm-evt { color: #ffa200; }
.rst-table .rst-stats .rst-info { position: absolute; right: 10px; top: 50%; margin-top: -10px; font-size: 12px; color: #fff; }
.rst-table .rst-stats .vs { color: #ffd900; }
.rst-table .rst-stats .grn { color: #00e52a; }
.rst-table .rst-stats .ylw { color: #ffcc00; }
.rst-table .rst-stats .red { color: #f00000; }
.rst-table .rst-stats .gry { color: #888; }

.csn-table table thead th { padding: 14px 0; border-right: 1px #666 solid; }
.csn-table table thead th:last-child { border-right: 0; }

.table-none-data { background: #252525; font-size: 20px; text-align: center; width: 100%; padding: 70px 0; color: #fff; }

.b365-col-button-area { display: flex; min-width: 600px; max-width: 600px; align-items: flex-start; flex-direction: column; }
.b365-gm-wrap { width: 100%; max-height: 420px; overflow-y: scroll; }

.b365-gm-wrap .gm-wrap { padding: 10px 10px 4px; margin: 0 0 10px; }
.b365-gm-wrap .gm-evt-info { display: flex; justify-content: space-between; padding: 5px 5px 10px; flex-direction: row; }
.b365-gm-wrap .gm-evt-info .info-div { display: flex; justify-content: space-between; padding: 0; flex-direction: row; }
.b365-gm-wrap .gm-evt-info .info-div div { margin: 0; display: flex; justify-content: center; align-items: center; }
.b365-gm-wrap .gm-evt-info .info-div div i { display: flex; justify-content: center; align-items: center; }
.b365-gm-wrap .gm-evt-info .info-div div i img { width: 20px; }
.b365-gm-wrap .gm-evt-info .leaguename { color: #fff; font-size: 12px; }
.b365-gm-wrap .gm-evt-info .color-bg-1 { background-clip: text; color: transparent; background-image: linear-gradient(180deg, #ffd900, #fe6d06); font-size: 14px; font-weight: bold; line-height: 1; }

.live-show-div { display: flex; width: 100%; min-height: 180px; flex-direction: column; padding: 5px 10px 10px; margin: 0 0 15px; }
.live-show-div .gm-evt-info { display: flex; justify-content: space-between; padding: 0 0 10px; flex-direction: row; }
.live-show-div .gm-evt-info .info-div { display: flex; justify-content: space-between; padding: 5px 0; flex-direction: row; }
.live-show-div .gm-evt-info .info-div div { margin: 0 5px 0 0; display: flex; justify-content: center; align-items: center; }
.live-show-div .gm-evt-info .info-div div i { display: flex; justify-content: center; align-items: center; }
.live-show-div .gm-evt-info .info-div div i img { width: 20px; }
.live-show-div .gm-evt-info .leaguename { color: #fff; font-size: 14px; }
.live-show-div .gm-evt-info .league-date { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 14px; }
.live-show-div .gm-evt-info .league-date i { margin: 0 5px 0 0; justify-content: center; align-items: center; display: inline-flex; border: 1px #fff solid; padding: 0 10px 1px; border-radius: 20px; }
.live-show-div .gm-evt-info .league-date i img { width: 20px; }

.live-show-div .team-detail-stats { display: flex; min-height: 0; align-items: center; justify-content: space-between; padding: 5px 2% 0; cursor: pointer; }
.live-show-div .team-detail-stats .info-layout { flex: 33.333%; align-items: center; justify-content: center; }
.live-show-div .team-detail-stats .info-layout .team-item { display: flex; justify-content: flex-start; align-items: center; flex-direction: column; }
.live-show-div .team-detail-stats .info-layout .team-item .jersey { display: flex; justify-content: center; align-items: center; position: relative; text-align: center; }
.live-show-div .team-detail-stats .info-layout .team-item .jersey img { width: 40px; }
.live-show-div .team-detail-stats .info-layout .team-item .jersey .frame { position: absolute; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px;; width: 60px; height: 60px; }
.live-show-div .team-detail-stats .info-layout .team-item .jersey .frame img { width: 100%; filter: invert(13%) sepia(91%) saturate(7275%) hue-rotate(7deg) brightness(106%) contrast(119%); }
.live-show-div .team-detail-stats .info-layout .team-item .jerseyname { display: flex; justify-content: center; align-items: center; position: relative; text-align: center; color: #fff; font-size: 14px; padding: 10px 0; }
.live-show-div .team-detail-stats .info-layout .team-item .versus { font-family: "Jalnan"; font-size: 24px; display: flex; flex-direction: row; }
.live-show-div .team-detail-stats .info-layout .team-item .versus .scorer { font-size: 30px; margin: 0 10px 0 0; }
.live-show-div .team-detail-stats .info-layout .team-item .versus .scorer:last-child { margin: 0 0 0 10px; }

.basket { background: url("../images/bg-card-sport3.png") center center no-repeat; object-fit: cover; background-size: 110%; }
.hockey { background: url("../images/bg-card-sport2.png") center center no-repeat; object-fit: cover; background-size: 110%; }
.baseball { background: url("../images/bg-card-sport11.png") center center no-repeat; object-fit: cover; background-size: 110%; }

.live-show-div .live-gm-wrap { display: flex; flex-direction: column; padding: 0; margin: 5px 0 0; }
.live-show-div .gm-list-div { display: flex; justify-content: space-between; flex-direction: row; flex: 100%; letter-spacing: 0; margin: 0 0 10px; }
.live-show-div .gm-list-div .gm-item { display: flex; padding: 5px 0; background: linear-gradient(180deg, #222, #111); margin: 0 8px 0 0; flex-direction: column; color: #fff; font-size: 14px; cursor: pointer; transition: all 0.3s ease; text-align: center; min-height: 44px; justify-content: center; }
.live-show-div .gm-list-div .gm-item:last-child { margin: 0 0 0 0; }
.live-show-div .gm-list-div .item1 { flex: 50%; }
.live-show-div .gm-list-div .gm-item .item-cont1 { display: flex; justify-content: center; align-items: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.live-show-div .gm-list-div .gm-item .item-cont2 { display: flex; justify-content: center; align-items: center; background: linear-gradient(180deg, #ffd900, #fe6d06); background-clip: text; color: transparent; font-size: 12px; font-weight: bold; }
.live-show-div .gm-list-div .gm-item:hover { background: linear-gradient(180deg, #ffd900, #fe6d06); transform: scale(1.03); color: #111; }
.live-show-div .gm-list-div .gm-item:hover .item-cont2 { background: linear-gradient(180deg, #111, #111); background-clip: text; color: transparent; }
.live-show-div .gm-list-div .on { background: linear-gradient(180deg, #ffd900, #fe6d06); color: #111; cursor: inherit; transform: scale(1.01); }
.live-show-div .gm-list-div .on .item-cont2 { background: linear-gradient(180deg, #111, #111); background-clip: text; color: transparent; }
.live-show-div .gm-list-div .item-lock {  }
.live-show-div .gm-list-div .item-lock i img { width: 20px; }
.live-show-div .gm-list-div .item-lock:hover { background: linear-gradient(180deg, #222, #111); cursor: inherit; transform: scale(1); color: #fff; }







@media screen and (max-width: 768px) {
	
	
	.mobile-test { display: block; }
	.detail-wrap { padding: 10px 0; }
	
	.category { display: none; }
	.sb-wrap { flex: auto; flex-direction: column; padding: 5px; width: 100%; }
	
	.gm-wrap { padding: 5px 5px 4px; margin: 5px 0 0; }
	.gm-evt-info { padding: 0 0 5px; }
	.gm-evt-info .info-div div i img { width: 15px; }
	.gm-evt-info .leaguename { font-size: 12px; }
	.gm-evt-info .league-date { font-size: 12px; }
	.gm-list-div .gm-item { font-size: 11px; padding: 10px 2px; margin: 0 3px 0 0; font-weight: normal; }
	.gm-list-div .gm-item .item-cont2 { font-size: 11px; }
	.gm-list-div .gm-item .item-cont3 { font-size: 11px; }
	.gm-list-div .gm-item .item-cont5 { font-size: 11px; }
	.gm-list-div .gm-item .item-cont6 { font-weight: normal; font-size: 12px; }
	
	.team-detail-info { display: none; }
	.team-detail-info2 { display: none; }

	.mobile-cart-view { display: flex; width: 100%; height: 50px; }
	.mobile-cart-view button { width: 100%; height: 100%; text-align: center; color: #111; font-size: 13px; }
	
	.downcont { display: block; left: 0; bottom: 68px; width: 100%; min-height: inherit; }
	.downcont > .btnom { margin: 0; padding: 0; }

	.btnom { position: relative; display: block; width: 100%; color: #fff; position: fixed; transition: all .4s ease; cursor: pointer; text-align: center; left: 0; bottom: 68px; }
	.downcont.modal-open .modalp { top: 0; }
	
	.modalp .closebtnom { display: block; position: absolute; top: 10px; right: 10px; font-size: 16px; color: #fff; }
	
	.modalp { width: 100%; height: 100%; margin: 0; padding: 0 0 68px; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); top: 100%; position: fixed; left: 0; background: #222; overflow-y: scroll; }
	.modalp .body { padding: 0; }
	
	.slip-userinfo { display: none; }
	.bet-slip { margin: 0 0 0; }
	.bet-slip .bs-cont .slt-currency .btn-col { min-width: 57.5px; }
	.bet-slip .bs-head { padding: 0 10px 10px; border-bottom: 1px #666 solid; width: 100%; justify-content: center; align-items: center; text-align: left; }
	.bet-slip .bs-myinfo { padding: 5px 0; max-height: 360px; overflow-y: scroll; }
	
	.rst-tab-wrap div { margin: 0 4px 0 0; }
	.rst-tab-wrap div button { font-size: 12px; }
	.cont-downcont-view { display: none; }
	
	.rst-table table thead th { font-size: 11px; }
	.rst-table table tbody td { font-size: 11px; }
	
	.rst-table .rst-stats { padding: 0 40px 0 0; }
	.rst-table .rst-stats div {  font-size: 11px; }
	.rst-table .rst-stats .rst-info { right: 0; }
	
	.b365-col-button-area { min-width: inherit; max-width: inherit; width: 100%; }
	.b365-gm-wrap { max-height: inherit; overflow-y: inherit; }
	.b365-gm-wrap .gm-evt-info .color-bg-1 { font-size: 12px; }
	
	.b365-gm-wrap .gm-wrap { padding: 4px 4px 4px; margin: 0 0 10px; }
	
	.live-show-div { padding: 0 10px 10px; margin: 0 0 10px; min-height: 150px; }
	
	.basket { background-size: 150%; }
	.hockey { background-size: 150%; }
	.baseball { background-size: 150%; }
	
	.live-show-div .gm-evt-info .leaguename { font-size: 12px; }
	.live-show-div .gm-evt-info .league-date { font-size: 12px; }
	.live-show-div .team-detail-stats .info-layout .team-item .jersey img { width: 30px; }
	.live-show-div .team-detail-stats .info-layout .team-item .jersey .frame { margin-top: -25px; margin-left: -25px;; width: 50px; height: 50px; }
	.live-show-div .team-detail-stats .info-layout .team-item .jerseyname { font-size: 12px; }
	.live-show-div .team-detail-stats .info-layout .team-item .versus { font-size: 15px; }
	.live-show-div .team-detail-stats .info-layout .team-item .versus .scorer { font-size: 25px; }
	.live-show-div .gm-list-div .gm-item { font-size: 12px; padding: 2px 0; }
	
	.live-show-div .live-gm-wrap { margin: 0; }
	.live-show-div .gm-list-div { margin: 0; }
	
	
}