@import url('common.css?v=0.7');
@import url('detail.css?v=0.6');
@import url('ico_main.css?v=0.6');


header.top-logo.sticky{position:sticky;top:0;z-index:100;background:#193155;}
header.top-logo > .top-area{width:100%;height:58px;display:block;position:relative;}
header.top-logo > .top-area > .logo{background-position:0 -108px;width:128px;height:28px;position:absolute;top:13px;cursor:pointer;}
header.top-logo > .top-area > .live{background-position:0 -60px;width:54px;height:24px;position:absolute;top:15px;right:38px;cursor:pointer;}
header.top-logo > .top-area > .live.on{background-position:-54px -60px;}
header.top-logo > .top-area > .mix{background-position:-152px -108px;width:28px;height:28px;position:absolute;top:13px;right:-2px;cursor:pointer;}


header.top-sticky{position:sticky;top:12px;z-index:100;background:#193155;}
header.top-sticky.up{top:58px;}
header.top-sticky > .top-menu{margin:0 0;width:100%;background:linear-gradient(104deg, rgba(255, 255, 255, 0.10) 0%, rgba(138, 144, 255, 0.20) 50%, rgba(255, 255, 255, 0.10) 100%);border:1px solid rgba(255, 255, 255, 0.05);border-radius:16px;}
header.top-sticky > .top-menu > .top-sports{padding:12px 12px 0 12px;border-bottom:1px solid rgba(255, 255, 255, 0.05);}
header.top-sticky > .top-menu > .top-sports > ul.sports{display:flex;padding-bottom:8px;}
header.top-sticky > .top-menu > .top-sports > ul.sports > li{width:36px;height:36px;border:1px solid rgba(255, 255, 255, 0.05);background:rgba(255, 255, 255, 0.10);border-radius:36px;text-align:center;margin-right:8px;float:left;display:block;cursor:pointer;line-height:34px;font-size:12px;font-weight:900;letter-spacing:-.12px;color:rgba(255,255,255,.8);transition:width .1s ease-in;overflow:hidden;}
header.top-sticky > .top-menu > .top-sports > ul.sports > li > .txt{font-size:14px;font-weight:700;letter-spacing:-.14px;color:#1B1D1F;line-height:34px;display:none;}
header.top-sticky > .top-menu > .top-sports > ul.sports > li.on{background:#fff;width:70px;color:#1B1D1F;}
header.top-sticky > .top-menu > .top-sports > ul.sports > li.on > .txt{display:inline-block;}
header.top-sticky > .top-menu > .top-sports > ul.sports > li.on > .ico-main{margin-right:4px;}

header.top-sticky > .top-menu > .top-sports ul.leagues{display:none;}
header.top-sticky > .top-menu > .top-sports ul.leagues.show{display:flex;justify-content:flex-start;gap:16px;}
header.top-sticky > .top-menu > .top-sports ul.leagues li{line-height:18px;white-space: nowrap;display:inline-block;color:rgba(255,255,255,.5);padding:9px 0 9px 0;position:relative;cursor:pointer;}
header.top-sticky > .top-menu > .top-sports ul.leagues li.on{font-weight:700;color:#fff;}
header.top-sticky > .top-menu > .top-sports ul.leagues li.on:after{content:'';display:block;position:absolute;width:10px;height:2px;background:#fff;bottom:0px;left:calc(50% - 5px);}
header.top-sticky > .top-menu > .top-sports ul.leagues li .onGame{display:inline-block;margin:6px 4px 0 0;width:4px;height:4px;background:#B20003;border-radius:4px;vertical-align:top;}

header.top-sticky > .top-menu > .top-calendar{width:100%;position:relative;padding:8px 0;border-bottom:1px solid rgba(255, 255, 255, 0.05);display:inline-block;}
header.top-sticky > .top-menu > .top-calendar > aside.today-pick-box{float:left;padding:12px;display:block;}
header.top-sticky > .top-menu > .top-calendar > aside.today-pick-box > button{border:none;padding:0;margin:0;}
header.top-sticky > .top-menu > .top-calendar > aside.calendar-box{float:right;padding:12px;display:block;}
header.top-sticky > .top-menu > .top-calendar > aside.calendar-box > button{border:none;padding:0;margin:0;}
header.top-sticky > .top-menu > .top-calendar > div.scroll{position:relative;width:calc(100% - 96px);height:48px;display:inline-block;overflow-x:auto;scroll-behavior: smooth;-ms-overflow-style:none;}
header.top-sticky > .top-menu > .top-calendar > div.scroll::-webkit-scrollbar{display:none;}
header.top-sticky > .top-menu > .top-calendar > div.scroll > ul.datelist{position:relative;float:left;width:550px;height:48px;display:inline-block;}
header.top-sticky > .top-menu > .top-calendar > div.scroll > ul.datelist li{display:inline-block;float:left;padding:10px 12px;font-size:12px;letter-spacing:-.12px;text-align:center;line-height:14px;color:rgba(255, 255, 255, 0.70);}
header.top-sticky > .top-menu > .top-calendar > div.scroll > ul.datelist li label{font-size:12px;line-height:14px;letter-spacing:-.12px;font-weight:700;display:block;color:rgba(255, 255, 255, 0.70);}
header.top-sticky > .top-menu > .top-calendar > div.scroll > ul.datelist li.on{background:rgba(0,0,0,.1);color:#fff;font-weight:700;border-radius:8px;}
header.top-sticky > .top-menu > .top-calendar > div.scroll > ul.datelist li.on label{color:#fff;}


section.league{width:100%;display:none;border-bottom:1px solid #203A62;padding:0 12px;}
section.league.on{display:inline-block;}
section.league > .title{width:100%;padding:16px 4px;display:inline-block;}
section.league > .title > .ico-main, section.league > article > .liveText > .more{float:right;}
section.league > .title > .name{font-size:18px;font-weight:700;letter-spacing:-.36px;line-height:24px;width:calc(100% - 80px);display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
section.league > article{width:100%;background:rgba(0, 0, 0, 0.20);display:inline-block;margin-bottom:8px;border-radius:16px;}
section.league > article > .liveText{width:100%;display:inline-block;padding:12px 12px 0 12px;}
section.league > article > .liveText span{width:calc(100% - 64px);margin:0 32px 0 8px;line-height:24px;display:inline-block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
section.league > article:last-child{margin-bottom:24px;}
section.league:last-child{border:none;}

section.league > article > .scoreBoard{width:100%;padding:16px 8px 8px 8px;display:flex;border-bottom:1px solid #222E53;}
section.league > article > .scoreBoard > li{float:left;text-align:center;display:inline-block;}
section.league > article > .scoreBoard > li.team{width:72px;font-size:11px;color:#9EA4AA;line-height:14px;}
section.league > article > .scoreBoard > li.team > div{line-height:18px;width:100%;margin:4px 0 2px 0;overflow:hidden;min-height:18px;max-height:36px;}
section.league > article > .scoreBoard > li.team > div.gameLive2{font-size:11px;color:#9EA4AA;line-height:14px;}
section.league > article > .scoreBoard > li.team > div.gameLive2 > div.player{margin:0 0 2px 0;line-height:14px;font-size:12px;color:#C9CDD2;letter-spacing:-.12px;}
section.league > article > .scoreBoard > li.team .card{width:12px;height:14px;font-size:10px;font-weight:900;line-height:14px;border-radius:2px;background:#C00023;display:block;position:absolute;top:0;right:-18px;text-align:center;}
section.league > article > .scoreBoard > li.team .card.yellow{background:#FFB700;color:#1B1D1F;}
section.league > article > .scoreBoard > li.team .card.sec{top:16px;}
section.league > article > .scoreBoard > li.team .card.right{right:unset;left:-18px;}
section.league > article > .scoreBoard > li.team .result{display:inline-block;position:absolute;border-radius:2px;width:22px;height:14px;font-size:8px;font-weight:700;line-height:14px;top:0;}
section.league > article > .scoreBoard > li.team .result.red{background:#C00023;}
section.league > article > .scoreBoard > li.team .result.yellow{background:#FFB700;color:#1B1D1F;}
section.league > article > .scoreBoard > li.team .result.left{left:-18px;}
section.league > article > .scoreBoard > li.team .result.right{right:-18px;}
section.league > article > .scoreBoard > li.team .result.sec{top:16px;}

section.league > article > .scoreBoard > li.scorebox{width:calc(100% - 144px);display:flex;vertical-align:middle;flex-direction:column;justify-content: center;align-items: center;}
section.league > article > .scoreBoard > li > .subScore{width:100%;margin-bottom:4px;color:#C9CDD2;text-align:center;font-size:10px;line-height:12px;}
section.league > article > .scoreBoard > li > .score{width:100%;margin-top:2px;}
section.league > article > .scoreBoard > li > .score span{font-size:28px;line-height:34px;font-weight:900;display:inline-block;}
section.league > article > .scoreBoard > li > .score span.hyphen{margin:0 8px;font-size:16px;font-weight:400;}
section.league > article > .scoreBoard > li > .score span.lose{opacity:.5;}
section.league > article > .scoreBoard > li > .score span.etcScore{font-size:24px;line-height:28px;font-weight:400;letter-spacing:-.48px;}

section.league > article > .bet-info{width:100%;padding:12px;display:inline-block;}
section.league > article > .bet-info > li{width:calc((100% - 58px) / 3);height:30px;float:left;position:relative;text-align:left;margin-right:4px;padding:4px;line-height:22px;color:#F7F8F9;display:flex;align-items:center;}
section.league > article > .bet-info > li:first-child, section.league > article > .bet-info > li:nth-child(5n){width:46px;margin-right:0;padding:4px 0;}
section.league > article > .bet-info > li.on{color:#F7F8F9;font-weight:700;}
section.league > article > .bet-info > li.on > .bcircle{background:#39455E;color:#E8EBED;}
section.league > article > .bet-info > li.re{color:#F00;font-weight:700;}
section.league > article > .bet-info > li.re > .bcircle{background:#39455E;color:#E8EBED;}
section.league > article > .bet-info > li.off{opacity:.5;}
section.league > article > .bet-info > li.calc{background:rgba(255, 255, 255, 0.10);border-radius:30px;opacity:1;}
section.league > article > .bet-info > li.calc.sel{background:rgba(255, 255, 255, 0.90);color:#1B1D1F;font-weight:700;}
section.league > article > .bet-info > li.calc.sel > .bcircle{background:#1B1D1F;color:#E8EBED;}

section.league > article > .bet-info.bet-odd{padding-top:0;}

.gstatus{min-width:68px;height:24px;display:inline-block;padding:5px 6px;font-size:12px;font-weight:700;line-height:14px;letter-spacing:-.12px;color:#1B1D1F;background:#fff;border-radius:24px;}
.gstatus.s1{background:rgba(0, 98, 195, .50);;color:#fff;}
.gstatus.s2{background:#7F0002;color:#fff;}
.gstatus.s3{background:#EA9000;color:#1B1D1F;}
.gstatus.s4{background:#EA9000;color:#1B1D1F;}
.gstatus.s5{background:#142744;border:1px solid rgba(255, 255, 255, 0.50);color:#fff;}
.gstatus.s6{background:#1B1D1F;color:#fff;}
.gstatus.s7{background:#142744;border:1px solid rgba(255, 255, 255, 0.50);color:#fff;}

.mCalendar{position:fixed;width:100%;min-width:360px;max-width:480px;height:604px;background:#fff;z-index:501;display:none;border-radius:16px 16px 0 0;padding-bottom:40px;bottom:-100%;}
.mCalendar > .closeX{position:absolute;top:-88px;left:50%;transform:translateX(-50%);background:#22272E;border:none;width:48px;height:48px;border-radius:48px;}
.mCalendar > .btnClose{width:120px;background:#1B1D1F;color:#fff;font-size:16px;font-weight:700;line-height:48px;letter-spacing:-.32px;border-radius:48px;border:none;bottom:-90px;left:50%;transform:translateX(-50%);position:absolute;cursor:pointer;}
.mCalendar > ul{width:100%;padding:16px 12px;display:inline-block;border-bottom:1px solid #E8EBED;}
.mCalendar > ul > li{float:left;color:#1B1D1F;font-size:16px;line-height:22px;letter-spacing:-.32px;}
.mCalendar > ul > li.lMonth{width:50px;cursor:pointer;}
.mCalendar > ul > li.cMonth{width:calc(100% - 100px);font-weight:700;font-size:18px;letter-spacing:-.36px;text-align:center;}
.mCalendar > ul > li.rMonth{width:50px;cursor:pointer;text-align:right;}
.mCalendar > table{width:calc(100% - 8px);margin:0 4px 8px 4px;}
.mCalendar > table > thead > tr > th{font-weight:700;color:#72787F;padding:4px 0 0 0;line-height:30px;}
.mCalendar > table > tbody > tr > td{padding:4px 4px 8px 4px;text-align:left;vertical-align:top;border-radius:6px;margin-bottom:16px;cursor:pointer;}
.mCalendar > table > tbody > tr > td.dis{cursor:default;}
.mCalendar > table > tbody > tr > td > div{font-weight:700;color:#1B1D1F;margin-bottom:8px;}
.mCalendar > table > tbody > tr > td.today{background:#FA2C52;}
.mCalendar > table > tbody > tr > td.dis > div{color:#C9CDD2;}
.mCalendar > table > tbody > tr > td > span{color:#72787F;display:block;font-size:11px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mCalendar > table > tbody > tr > td.today > span{color:#fff;}