/*--------文字白色--2------*/
.f-white, .menu2 li a, .on-bg-color { color: #fff }

.odds1 { color: #880000 }
.odds2 { color: #222 }
.odds3 { color: #0000BB }

.dark .odds1 { color: #dc4232 }
.dark .odds2 { color: #e5e5e5 }
.dark .odds3 { color: #7aa4e2 }

/*----蓝---------------------------*/
.blue, .blue2, .gocheck A:link { color: #0089F1; }
/*----绿-------------------------*/
.green { color: #11AA11 }

/*----比分弹出窗odds----------------*/
.oddschanges-bg2 { background-color: #f3f9fd }
.dark .oddschanges-bg2 { background-color: #46484e }
.oddschanges-bg1 { background-color: #fff9f4 }
.dark .oddschanges-bg1 { background-color: #524e49 }

.odds-table-bg2 { background-color: #d2d2d2 }
.dark .odds-table-bg2 { background-color: #3c3c3c }

.gray { background-color: #ECEDEB }
.dark .gray { background-color: #5a5a5a }

.gray-bg2 { background-color: #f9f9f9 }

.change_yellow { background-color: #ffff81 }
.dark .change_yellow { background-color: #948200 }

.up_red { BACKGROUND-COLOR: #e4f5cb }
.dark .up_red { BACKGROUND-COLOR: #466b10 }
.down_green { BACKGROUND-COLOR: #fad2c9 }
.dark .down_green { BACKGROUND-COLOR: #8c4332 }

.oddschanges .odd-bg1 { background-color: #edf9ec; }
.dark .oddschanges .odd-bg1 { background-color: #353e30; color: #adadad }
.oddschanges .odd-sname { background-color: #ffd746; color: #ad6212; }
.dark .oddschanges .odd-sname { background-color: #56544e; color: #d4a97a; }
.odd-bg1 span { text-decoration: underline dashed; }

.jqTitle { color: #fff; }
.green-bg { background-color: #EFF5EE }
.dark .green-bg { background-color: #EFF5EE }

.dark #oddsChange, .dark .white-bg2, .dark .livetab, .dark #panluDiv, .dark #showoptional2, .dark #showFilterBox, .dark #showCountry, .dark #showoptional, .dark #showCompany, .dark .bak_div { background-color: #444; }

.hand-bg { background-color: #327c00 }

/*----赔率---------------------------------------------------------------*/
.odds-table-bg { background-color: #d0d0d0 }
.dark .odds-table-bg { background-color: #585858 }

.oods-bg1 { background-color: #f4f4f4 }
.oods-bg2 { background-color: #fff }


.dark .oods-bg1, .dark .isLeaTop, .dark .oddate { background-color: #353535 }
.dark .fav-highlight { background-color: #4c4c2c !important}
.dark .oods-bg2 { background-color: #232323 }

.oods-c-bg1, .up { background-color: rgba(200,253,162,0.5);color: #000000ba;}
.oods-c-bg2, .down { background-color: rgba(247,200,200,0.5);color: #000000ba;}
.oods-c-bg3 { background-color: #FFFF00;color: #000000ba;}

.dark .oods-c-bg1, .dark .up { background-color: rgba(30,97,46,0.5);color:#FFFFFFba;}
.dark .oods-c-bg2, .dark .down { background-color: rgba(142,60,100,0.5);color:#FFFFFFba;}
.dark .oods-c-bg3 { background-color: #a97d00;color:#FFFFFFba;}

#teamid .sbg { background-color: #fff9ef }
.dark #teamid .sbg { background-color: #1d1c1a }

.oddschanges { background-color: #CECECE; }
.dark .oddschanges { background-color: #333 !important; }

.down2 { background: url(/images/redDown.png) no-repeat 43px 5px; display: block; width: 50px; margin: 0 auto; color: red; }
.up2 { background: url(/images/greenUp.png) no-repeat 43px 5px; display: block; width: 50px; margin: 0 auto; color: green; }

.resultColor {background:var(--yellow30);} /*完场赔率*/
.odds-change{background:var(--yellow30);} /*变化赔率*/

/*--------突出色---背景1--------*/
.switch > input[type="checkbox"]:checked + .switch-style { background-color: #FF6600 }

.hightlight-bg { background-color: #f4faff }
.dark .hightlight-bg { background-color: #333 }


.otOdds, .ouOdds, .handOdds { background-color: #fffae0 }
.handOdds { text-align: right; }
.dark .otOdds, .dark .ouOdds, .dark .handOdds { background-color: #3a362f }

.Preferences2 { background-color: #d1e6cc; }
.dark .Preferences2 { background-color: #435040; }

/*--------突出色---文字1--------*/
#myGamesCount, #hiddencount, #nshowhide { color: #f60 }


/*---广告相关样式----------*/
#topAdDiv { width: 1060px; margin: 0 auto; overflow: hidden; padding-top: 5px; }
#topAdDiv a ~ a { margin-left: 5px; }
#ad_middle_122 { text-align: center; width: 1060px; margin: 0 auto; overflow: hidden; }
#ad_middle_122 a:nth-of-type(even) { margin-left: 4px; }
#ad_middle_122 a img { padding-top: 5px }
/*#ad_middle_2 img{width:100%;}*/
#ad_middle_2 a:nth-of-type(even) { margin-left: 4px; }
#ad_middle_2 a img, #ad_middle_3 a img { padding: 1px 0; }
.leftnav .adclass { margin-left: -10px; }
/*#ad_middle_2,#ad_middle_133,.adclass { display:none}*/
.ad_inner_txt { display: inline-block; text-align: center; line-height: 26px; font-size: 14px; background-color: #FFF857; padding: 0 8px; border-radius: 3px; margin: 0 auto; }

/*------------------------------------------------main--------------------*/
.mcontent { width: 1060px; margin: 0px auto 10px auto; min-height: 700px }
.mcontent:after { content: " "; display: block; height: 0; visibility: hidden; clear: both; }
#main { width: 1060px; clear: both; margin: 0 auto; padding: 0px 0px 6px 0px; }
.clear { clear: both; display: block; height: 1px; overflow: hidden; }

.Preferences { padding: 6px 0 }
.Preferences li { line-height: 22px; padding: 0 6px }
.Preferences li:hover { background-color: #ffeece; border-radius: 3px; }

.slideBtn {position: relative;cursor:pointer;}
.slideBtn::after {display: inline-block;content: "";border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #999;position: absolute;right: 0;top:16px}
.slideBtn.on::after {transform: rotate(180deg);}
.dark .slideBtn::after {border-top: 5px solid #999;}
.lr_tit.on {border-bottom: 1px solid #e5e5e5;}
.dark .lr_tit.on {border-bottom: 1px solid #444;}

.lr_tit { font-weight: bold; display: block; line-height: 35px; font-size: 14px; padding-left: 5px; }
/*------------------------------------------------left--------------------*/
#left { width: 155px; float: left; margin-right: 10px }
.leftnav { padding: 5px 0;}

.leftnav li:last-child { border: none; }
.leftnav li a { line-height: 28px; display: block; text-align: left; }
.leftnav li a img { vertical-align: middle; width: 18px; height: 18px; border-radius: 50%; overflow: hidden; margin-top: -3px; margin-right: 3px; }
.leftnav li a:hover,
.leftnav .select a,
.leftnav .select a { background: #ffeece; text-decoration: none; border-radius: 3px; color: #ad6212 }
.leftnav span { padding-left: 24px; background: url(/Images/flag-list_rgb_17.png) no-repeat; }
/*------------------------------------------------min--------------------*/
#min { float: left; width: 660px }

ul.menu { float: left; margin: 5px 5px 5px 0; overflow: hidden; }
ul.menu li { float: left; padding: 0 8px; text-align: center; line-height: 26px; font-weight: normal; position: relative }
ul.menu .on { background: #ff552c; }
ul.menu .on a { color: #FFF; }
ul.menu li:last-child { border: none; }

#mintable td { text-align: center; }
#mintable .tds { height: 36px; }
#mintable .Leaguestitle td { border-bottom: 1px solid rgba(0,0,0,.1) !important }
.tds:hover { background-color: #efefef }
.dark #mintable .tds:hover td { background-color: #333 }
.bftab { text-align: center; line-height: 25px }
.bftab .iconbox {padding: 0 6px;text-align: center;}
.bftab .iconbox span {margin: 4px;}

#basketball #tools { padding: 0 }

.Leaguestitle { text-align: left; }
.dark #mintable .Leaguestitle td { border-bottom: 1px solid rgba(255,255,255,.1) !important }
.handpoint { cursor: pointer; }
.f-b { font-weight: bold }

.status { color: #0066FF }
.dark .status { color: #3778da }


.b3 { BACKGROUND-COLOR: #eeeeff }
.b4 { BACKGROUND-COLOR: #eeeeee }
.l1 { float: left; margin-left: 2px; }
.l1 a { font-weight: bold; }
.l1 .nolink { font-weight: bold; cursor:not-allowed}
.l2 { float: right; }
.l2 img { margin: 0 2px }
.l3 { float: left; margin-left: 10px; background: url(blue_img/ds.gif) no-repeat left; padding-left: 12px; color: black; font-weight: bold; }
.l4 { float: left; margin-left: 5px; padding-left: 6px; color: #B36946; }
.l5 { float: right; }
.l5 img { margin: 0 2px }
/*------------------------------------------------right--------------------*/
#div_search { width: 650px; left: -507px; top: 5px; z-index: 5; position: absolute; display: none; padding-bottom: 10px; }
#div_search a { line-height: 24px; padding: 0 10px; display: block; float: left; width: 90% }
#div_search a:hover { text-decoration: none; }
#right { width: 155px; float: left; margin-left: 10px }
.color { background-image: url(blue_img/color.gif); height: 8px; width: 72px; margin-top: 3px; background-repeat: no-repeat; overflow: hidden; }
.color li { float: left }
.color li a { display: block; height: 8px; width: 8px; margin-right: 4px; }

/*------------------------------------------------odds 2in1--------------------*/
.oddstd p { min-width: 40px;line-height: 16px; display: block; height: 16px; }
#soccer .mcontent .oddstd {padding: 2px 0;cursor:pointer;}

A.sb { FONT-WEIGHT: bold; COLOR: #de574a; text-DECORATION: none }
A.sb:hover { FONT-WEIGHT: bold; }
.dark A.sb { COLOR: #ea8989; }
a.pk { color: #157af7; text-decoration: none; font-weight: bold; }
.dark a.pk { COLOR: #4c8cb3; }
a.pk:hover { text-decoration: underline; font-weight: bold; }
/*------------------------------------------------Newbottom--------------------*/
.p2 { color: #999 }
#showoptional2 h1, #showoptional h1, #showCompany h1, #showCountry h1, #showFilterBox h1 { float: left; font-size: 11px; font-weight: bold; padding-left: 15px; }

#showoptional2, #showCountry, #showFilterBox { width: 620px; position: absolute; left: 55px; top: 29px; z-index: 5; visibility: hidden; }
#showoptional2 li, #showCountry li, #showCompany li, #showFilterBox li { line-height: 24px; display: block; width: 47%; float: left; padding-left: 5px; }
#showoptional2 li label, #countryListDiv li label, #showoptional li label, #showCompany li label { line-height: 24px; display: inline-block; width: 90%; cursor: pointer; }
#showoptional2 li input, #showCountry li input, #showCompany li input { vertical-align: top; margin: 6px 5px 0 0; }
#showoptional2 li:hover, #countryListDiv li:hover, #showoptional li:hover, #showCompany li:hover { background-color: #f0f0f0; }

#showCompany { width: 230px; position: absolute; left: 170px; top: 84px; z-index: 5; visibility: hidden; }
#showCompany li label { width: 76%; }

#myleague { OVERFLOW: auto; }
#myleague2, #countryListDiv, #myleague { OVERFLOW: auto; max-height: 470px; }
#myleague2 ul, #countryListDiv ul, #showCompany ul, #myleague ul, #showoptional ul { padding: 10px; overflow: hidden }

.cc a, #div_search .cc a,.cc span, #div_search .cc span { position: absolute; right: 10px; top: 8px; padding: 0; width: 24px; height: 24px; }
.cc a:before, .cc a:after,.cc span:before, .cc span:after  { position: absolute; content: ''; width: 16px; height: 1px; top: 11px; left: 4px; background-color: #666; }
.dark .cc a:before, .dark .cc a:after,.dark .cc span:before, .dark .cc span:after { background-color: #999; }
.cc a:before,.cc span:before { transform: rotate(45deg); }
.cc a:after,.cc span:after { transform: rotate(-45deg); }
.sotit { padding: 0 10px; line-height: 40px; text-align: center; font-size: 14px; font-weight: bold; }
.rbl { text-align: center; font-weight: bold; line-height: 35px; }
.bts { display: block; clear: both; padding: 10px; text-align: center; margin-top: 5px; overflow: hidden }
.bts span { margin: 0 3px; font-size: 11px; font-weight: bold; line-height: 36px; height: 36px; cursor: pointer; padding: 0 18px; border-radius: 3px; display: inline-block; vertical-align: middle; }
.bts .ent { background-color: #307b06; color: #FFF; padding: 0 30px }
.bts .LQent { background-color: #8e3537; color: #FFF; padding: 0 30px }
.bts .LQent:hover,.bts .ent:hover { background-color: #FF6600; }
.dark .bts .LQent,.dark .bts .ent { background-color: #c75102; color: #fff; }
.dark .bts .LQent:hover,.dark .bts .ent:hover { background-color: #F60; }
.bts span:hover { background-color: #FFF; }

.bts .fgSpan input[type="checkbox"] { vertical-align: middle;margin:-2px 5px 0 0;}
.bts .fgSpan label{cursor:pointer;}
.fg_Title { display: block; color: #212121; line-height: 24px; font-size: 14px; padding-left: 15px; clear: both; background-color: #FAFAFA; }
.dark .fg_Title {color: #fff;background-color: #2f2f2f;}
.oddstable { box-shadow: 1px 2px 1px #a0a0a0; }
.dark .oddstable { box-shadow: 0 1px 5px #000; }
.dark .oddstable .oddsCaption {background-color: #444;}
.oddstable td { line-height: 17px; text-align:center; }
.oddsCaption { font-weight: bold; line-height: 26px; text-align: center; }
.oddschanges td { line-height: 24px;text-align:center; }
.oddschanges .odd-teamname .sup { font-size: 12px; color: #9f0000; -webkit-transform: scale(0.89); transform: scale(0.89); display: inline-block; margin: 0 2px }
.oddschanges .odd-sname { display: inline-block; padding: 0 5px; line-height: 22px; border-radius: 3px; }
.oddschanges .odd-teamname { font-size: 13px; line-height: normal; }
.oddschanges .odd-score { font-size: 15px; font-weight: bold }
.oddschanges .more{text-align:center;background-color:var(--gray3);}
.oddschanges .more span{font-weight:bold;color:var(--blue40);text-decoration:underline;}
.oddschanges .more span:hover{color:#f60;cursor:pointer;}
.dark .oddschanges .more{background-color:#282828;}
.m5 { margin-bottom: 5px }
/*------------------------------------------------team vs team--------------------*/
.team_info { display: block; line-height: 24px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E6E6E6; border-top-width: 1px; border-top-style: solid; border-top-color: #E6E6E6; }
.teaminfo2 { background-color: #E6F0FB; color: #33638A; }
.agaT, .agaT td {background:var(--yellow20) !important;}
.greens { color: #360; background-color: #D3F88F; font-weight: bold; }
#teamid .sl { text-align: left }
#teamid .sr { text-align: right }
#teamid .underLine a { text-decoration: underline }
/*------------------------------------------------i vs i--------------------*/
#main2 { background-color: #FFF; clear: both; margin: 4px auto 0 auto; padding: 10px }
.dark #main2 { background-color: #282828; }

.bg1 { background-color: #f3f2f2 !important }
.dark .bg1 { background-color: #282828 !important }

#main .content { overflow: hidden; margin-bottom: 10px;padding:50px 6px 0px 6px; }
.btns { float: none; display: block; margin-right: auto; margin-left: auto; border-bottom: 2px solid #5885B7; height: 30px; }
.btns .btn { background: #BCDAFA; display: block; height: 29px; width: 100px; font-size: 14px; line-height: 29px; color: #333; float: left; text-align: center; border-top: 1px solid #a9bed3; border-right: 1px solid #a9bed3; border-left: 1px solid #a9bed3; }
.btns .btn.on { background: #5885B7; width: 100px; color: #FFF; font-weight: bold; }
.adclass { text-align: center; }
.white { color: white !important; }
.discription { padding: 10px 0; overflow: hidden; text-align: center; }
.discription span { width: 12px; height: 12px; display: inline-block; vertical-align: middle; }
#favProp { position: absolute; right: 10px; top: 54px; padding: 5px; border: 10px solid #2C435C; background: #5885B7; z-index: 99; line-height: 20px; color: white; font-size: 13px; }
.livetab { padding: 5px; border-radius: 3px }
.jqTitle { line-height: 22px; text-align: center; width: 100%; font-weight: bold; }

.livetab .info { float: left; width: 400px; }

.jqSubTitle td { background: #f3fdf1; font-weight: bold; }
.dark .jqSubTitle td { background: #546b50; }
.jqSubTitle2 span { display: inline-block; width: 50%; }

.jqSubTitle2, .jqTitle2 { line-height: 26px; text-align: center; width: 398px; float: left; font-weight: bold; }

.livetab td { text-align: center; line-height: 22px; font-size: 12px; }
/*popup*/
.popup-overlay { background-color: #000000; filter: alpha(opacity=20); opacity: .2; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; }
.popup-overlay-again { background-color: #000000; filter: alpha(opacity=50); opacity: .5; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; }
.popup-container { width: 100%; background-color: #FFFFFF; overflow: hidden; }
.popup-container .popup-titlebar { height: 28px; background: #397f19; cursor: move; border-top: 1px solid #397f19; background-position: 0px -2px; }
.popup-container .popup-titlebar .Ptitle { font-weight: 700; line-height: 30px; color: #fff; margin-left: 15px; background: none; font-size: 13px; }
.popup-container .popup-titlebar .Pclose { float: right; text-decoration: none; margin-top: 5px; margin-right: 3px; background: url(/images/close.gif) no-repeat; width: 20px; height: 20px; }
.popup-container .popup-titlebar .Pclose:hover { background: url(/images/close.gif) no-repeat; }
.popup-container .popup-content { border: solid 3px #397f19; margin: 0; overflow: hidden; }
.dark .popup-container .popup-content { background-color: #2f2f2f }
.popup-container .popup-resize { text-align: right; margin-top: -30px; height: 30px; line-height: 0; overflow: hidden; }
.popup-container .popup-resize div { width: 30px; line-height: 30px; background: url(/images/a_popup_resize.gif) 23px 22px no-repeat; float: right; text-indent: 100px; overflow: hidden; cursor: se-resize; }
.popup-container2 { width: 100%; background-color: #FFFFFF; overflow: hidden; }
.popup-container2 .popup-titlebar2 { height: 28px; background: #8e3537; cursor: move; background-position: 0px -2px; }
.popup-container2 .popup-titlebar2 .Ptitle { font-weight: 700; line-height: 30px; color: #fff; margin-left: 15px; background: none; font-size: 13px; }
.popup-container2 .popup-titlebar2 .Pclose { float: right; text-decoration: none; margin-top: 5px; margin-right: 3px; background: url(/images/close.gif) no-repeat; width: 20px; height: 20px; }
.popup-container2 .popup-titlebar2 .Pclose:hover { background: url(/images/close.gif) no-repeat; }
.popup-container2 .popup-content2 { border: solid 3px #8e3537; margin: 0; overflow: hidden; }
.dark .popup-container2 .popup-content2 { background-color: #2f2f2f }
.popup-container2 .popup-resize { text-align: right; margin-top: -30px; height: 30px; line-height: 0; overflow: hidden; }
.popup-container2 .popup-resize div { width: 30px; line-height: 30px; background: url(/images/a_popup_resize.gif) 23px 22px no-repeat; float: right; text-indent: 100px; overflow: hidden; cursor: se-resize; }
.JsTitle { position: absolute; top: 0; left: 0; z-index: 2000; padding: 5px; background-color: #0C609C; color: white; -webkit-box-shadow: 0 0 9px #999; box-shadow: 0 0 9px #999; filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', direction=135, strength=4); }
.JsTitleNoBG { position: absolute; top: 0; left: 0; z-index: 2000; padding: 0px; -webkit-box-shadow: 0 0 9px #999; box-shadow: 0 0 9px #999; }
.odds_checked, .odds_unchecked { margin: 2px 3px; line-height: 24px; width: 87px; display: inline-block; }
/*popup end*/
.tabs { border: 1px solid #cccccc; border-radius: 2px; line-height: 24px; height: 24px; overflow: hidden; }
.tabs span,
.tabs a { padding: 0px 4px; line-height: 24px; height: 24px; border: none; margin: 0px; overflow: hidden; cursor: pointer; }
.tabs .on { background: #fff; color: #5885B7; }
#mScore { font-size: 16px; color: #d64444; font-weight: bold; line-height: 30px; }
.dark #mScore {color: #de5b5c; }
.expLine { text-align: center; }
#main #left .lrdiv { width: 135px; }
.lrdiv .odds_setting{margin:0 0 3px 3px;}
.input_text { border: none; font-size: 12px; width: 105px; background: url(/images/f.png) no-repeat 5px; border-radius: 2px; padding: 5px 0 5px 30px; }
.dark .input_text { color: #999 !important; }
.search { overflow: hidden; padding: 10px 0 5px 0 }
.search * { box-sizing: border-box; }
.search input { height: 32px; border: solid 1px #e5e5e5; padding: 0 5px; width: 75%; float: left; border-right: none; }
.search input[type="text"] { padding-left: 25px; }
.search #btnsearch { width: 25%; float: right; background: #eaf7ff; border: solid 1px #e5e5e5; cursor: pointer; font-weight: bold; }
.leftnav .adclass a { padding: 0px; height: 80px; width: 144px; }
#oddsChange, #panluDiv, .bak_div { border-radius: 3px; overflow: hidden; padding: 5px; }
#main #left { overflow: hidden; padding: 0px; min-height: 1320px; }
#main .adclass { text-align: center; }
#main #right .adclass { margin-bottom: 5px }
#div_ad_float { padding-left: 24px; padding-top: 10px }
#main .adclass img,
#div_ad_float img,
#left_float_ad img { width: 155px; margin-bottom: 3px; }
#main #left .leftnav li a { width: 135px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
#basketball #main #left { min-height: 1520px; }

#main #min { width: 710px; }
.toolimg {min-width: 45px;position: relative; line-height: 25px; height: 25px;text-align: left !important;padding-left: 5px; }
.toolimg span {float: left;}
.toolimg .icons { position: absolute; right: 0px; top: 6px; width: 88px; }
.result .toolimg,.Schedule .toolimg{text-align:center !important;padding-left:0;}
.result .toolimg span,.Schedule .toolimg span{float:none;}
.popWin { z-index: 999999; overflow: hidden; box-shadow: 0 0 10px #999; color: #fff; text-align: center; left: 1%; }
.popWin .closeBtn { text-decoration: none; color: #151515; font-weight: normal; display: block; float: left; position: absolute; left: 0; top: 50%; width: 30px; height: 30px; margin-top: -15px; border-style: none; cursor: pointer; font-size: 30px; font-family: Arial; line-height: 30px; }
.popWin .info { padding: 5px 10px 10px 20px; font-size: 26px; text-align: center; }
.popWin .hd { line-height: 40px; height: 40px; font-size: 30px; font-weight: bold; margin: 0px; padding: 10px 20px 0px; }
.shareL li { margin: 9px; padding: 0; }
#popupLinksMsg { position: fixed; z-index: 999999; top: 400px; width: 420px; background: #ff6600; left: 50%; margin-left: -210px; border: 4px solid #fbac78; padding: 12px; border-radius: 6px; box-shadow: 0 8px 40px #b74949; }
#popupLinksMsg .step { margin-top: 5px; border: 1px double #FFF; }
#popupLinksMsg a { color: #00C; text-decoration: underline; }
#popupLinksMsg .linkBtn { line-height: 36px; text-align: center; font-size: 16px; float: left; margin-left: 5px; color: #555; border-radius: 3px; background-color: #FFF; width: 97% !important; box-shadow: 2px 2px 1px #bb6b5e; }
#popupLinksMsg .linkBtn:hover { background-color: #ffeee2 }
#popupLinksMsg .closeBtn { position: absolute; right: 0; cursor: pointer; font-size: 16px; color: #fff; text-align: center; top: 0; background-color: #fbac78; line-height: 14px; padding: 0 7px 7px 12px; border-radius: 0 0 0 50px; }
#popupLinksMsg .linkDesc { line-height: 28px; color: white; font-size: 14px; text-align: center }
#popupLinksMsg .content{ font-size:16px;color:#fff;line-height:24px;text-indent:1em;margin-bottom:8px; }
#topLine { font-weight: bold; line-height: 40px }

/*顶部球类导航*/
#newtop { width: 1060px; margin-right: auto; margin-left: auto; position: relative; }
#menu { padding: 2px; position: absolute; top: -50px; left: 200px; z-index: 1; margin-left: 10px }
#menu li { float: left; margin-right: 8px }
#menu li a { display: flex; font-size: 16px; font-weight: bold; color: #FFF; line-height: 35px; text-align: center; margin-right: 5px; padding: 0 10px; opacity: 0.75; position: relative }
#menu li a:hover { text-decoration: none; border-radius: 3px; opacity: 1; }
#menu .tab_on { font-weight: bold; opacity: 1; }
#menu .tab_on:after { display: inline-block; position: absolute; top: 32px; border-radius: 20px; left: 35px; width: calc(100% - 44px); width: -webkit-calc(100% - 44px); height: 2px; content: ""; background-color: #fff; }

#menu a i { display: inline-block; width: 17px; height: 17px; margin-top: 10px; margin-right: 7px; background-size: 100% }
#ball1 i { background-image: url(/images/soccer.png); }
#ball2 i { background-image: url(/images/basketball.png); }
#ball3 i { background-image: url(/images/Tennis.png); }
#ball4 i { background-image: url(/images/Esports.png); }
#ball5 i { background-image: url(/images/Baseball.png); }
#ball6 i { background-image: url(/images/Cricket.png); }
#ball9 i { background-image: url(/images/news.png); }
#ball10 i { background-image: url(/images/duelday.png); }
#ball11 i { background-image: url(/images/api.png); }
#ball12 i { background-image: url(/images/ad.png); }
#balls i { background-image: url(/images/more.png); }
#byLink { visibility: hidden; }
.miLive { background-image: url(/images/menubg3.gif); background-repeat: no-repeat; height: 33px; float: left; }
.clear { clear: both; }

/*顶部二级导航*/
.menu2 { clear: both; height: 35px; line-height: 35px; border-top: none; overflow: hidden; border-radius: 3px 3px 0 0;}
.menu2 li {position: relative;float: left;width: 12.4%;}
.menu2 li a { display: inline-block;width:100% !important; line-height: 35px; height: 35px; font-weight: bold; text-align: center; position: relative; cursor:pointer }
.menu2 li:last-child a { border-right: 0;border-right: none !important; }
.menu2 li a:hover { text-decoration: none; }
.menu2 li{flex:1}
.menu2{display:flex}

/*内容页菜单*/
#tools { line-height: 28px; height: 28px; overflow: hidden; }
#tools .w_search { float: right; }
#tools li { float: left; margin-right: 2px; cursor: pointer; height: 30px }

#tools li.old { float: right; }
#tools li span { line-height: 28px; text-align: center; display: block; float: left; padding-right: 5px; padding-left: 5px; min-width: 30px; text-decoration: none; border-radius: 3px 3px 0 0; }
#tools li span:hover { text-decoration: none; }

#tools .low span{position: relative; padding:0 20px 0 9px !important}
#tools .low span:after {position: absolute; width: 0;height: 0;content:"";border: 4px solid transparent; border-top-color: #666; right: 8px; top:13px}
#tools .on.low span:after, .dark #tools .on.low span:after { border-top-color: #fff; }
#tools .filterLi a,#tools .filterLi2 a {padding: 0 7px 0 10px;}
#tools li span u { margin-left: 8px }
#tools .on span, #tools .on span:hover { color: #fff; font-weight: bold; }
#tools .pd2 li a { padding: 0 15px }
#tools .pn-selectn-selectd2 .filterLi a:after, #main3 #tools .filterLi a:after { right: 15px; }
#tools .pd2 #li_MyGame a { padding-right: 17px }
.dark #tools .filterLi a:after { border-top-color: #999; }

/*内容页菜单---篮球*/
#basketball .odds_detail select {background: transparent;color: var(--textcolor-2);}

#main3 #tools li span { padding: 0 10px }
#main3 #tools { padding: 0 }

/*日期选择*/
.date-picker { height: 43px; margin-bottom: 10px; border-radius: 3px; padding-bottom: 5px; }
.date-picker-now { border-right: 1px solid #e5e5e5; }
.date-picker > div, .date-picker > ul > li { float: left; font-size: 12px; line-height: 1.3; text-align: center; letter-spacing: .07em; text-transform: uppercase; padding: 4px; cursor: pointer; height: 35px }
.date-picker ul li { width: 5.05%; display: block; margin: 0 2px; border-radius: 4px; position: relative }
.date-picker ul li:hover { color: #f60; background-color: #fff8f3; }
.dark .date-picker ul li:hover { color: #f60; background-color: #46382f; }
.date-picker ul li a:hover { text-decoration: none; }
.date-picker ul li.on { background-color: #f60; background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.2)); box-shadow: 0 1px 5px 0 rgba(144, 87, 0, 0.25); color: #fff; }
.dark .date-picker ul li.on { background-color: #b94b01 }
.date-picker ul .on a, .date-picker ul .on a:hover { color: #fff; }
.date-picker .li_today{ color: #ec6623; }
.date-picker span:first-child { display: block; width: 100% }
.date-picker span:last-child { display: block; font-size: 14px; font-weight: 800; width: 100%; }

.date-picker ul li:after { content: ""; display: inline-block; position: absolute; width: 1px; height: 12px; background-color: #efefef; right: -4px; top: 15px }
.date-picker ul li:last-child:after { display: none }
.dark .date-picker ul li:after { background-color: #333; }

.date-picker .date-picker-now { padding: 4px 15px; display: none }
.date-picker .date-picker-calendar { width: 6%; position: relative; }
.date-picker-calendar p { display: block; height: 20px; width: 20px; background-image: url(/images/date.png); margin: 7px auto 0 auto; }

.date-now-none .date-picker-now { display: none }
.date-now-none .date-picker-calendar { width: 6.8%; position: relative; z-index: 999 }
.date-now-none .date-picker ul li { width: 4.97%; display: block; margin: 0 2px; }
.date-now-none2 .date-picker ul li { width: 5%; display: block; }
.date-now-allnone .date-picker ul li { width: 5.51%; display: block; }
.datelayer { position: absolute; z-index: 6; right: -1px; top: -1px; visibility: hidden; border-radius: 3px; }
#calendar { box-shadow: 0 3px 6px rgba(0,44,95,0.2); border-radius: 3px; padding: 10px; z-index: 10; box-sizing: border-box; text-align: center; width: 300px; }
#calendar select { border: none; font-weight: bold; margin: 5px 30px; font-size: 16px !important }
#calendar .l-line { margin: 0 10px }
#calendar .d-line { padding-bottom: 5px; margin-bottom: 5px; }
#calendar th { color: #aeaeae; line-height: 2 }
#calendar td { line-height: 2.5; font-size: 14px; border-radius: 2px; }
#calendar td:hover { background-color: #F4F4F4; cursor: pointer }
.dark #calendar td:hover { background-color: #545454; }
#calendar .datelayer_td-blank, #calendar .datelayer_td-blank:hover { }
#calendar .datelayer_td-sel, #calendar .datelayer_td-sel:hover { background: #ffd842; border: 1px solid #f3b07a; border-radius: 2px; font-weight: bold; color: #ad6212; }
.dark #calendar .datelayer_td-sel, .dark #calendar .datelayer_td-sel:hover { background: #ffd842; color: #ad6212; }

.datelayer_fon-today { font-weight: bold; color: #ec6623 }
.datelayer_btn-today { color: #ec6623; margin: 10px 0; }

#tools .odds_setting { float: right; position: relative; }
#tools .odds_setting p { display: inline }
#odds_setting .odds_items { position: absolute; left: 31px; top: 3px; padding: 2px; cursor: pointer; background: #e1e1e1; border-radius: 20px; width: 36px; overflow: hidden; }
#odds_setting .odds_items .odds_item { display: block; float: left; width: 18px; height: 18px; background: #fff; border-radius: 50%; }
#odds_setting .odds_items.on { background: #3c78c6; }
#odds_setting .odds_items.on .odds_item { float: right; }
.switch_box { display: none; position: absolute; z-index: -1; }

.team_bf { font-size: 60px; }

#ad_middle_133 a { float: left; }
#ad_middle_133 a:last-child { float: right; }


#goalTable tr:hover td { background-color: #d9eaf9 }
.DataTips { text-align: center; color: #999; font-weight: bold; padding-top: 260px; line-height: 24px; font-size: 22px; min-height: 380px; background: url(/images/nomatch.png) no-repeat center 40px; }
.dark .DataTips { background: url(/images/nomatch_dark.png) no-repeat center 40px; background-color: #282828 }
.date_box .blueLink { color: blue; }

.sclassLink { font-size: 14px; cursor: pointer; font-weight: bold; }
.o-up { color: green }
.o-down { color: red; }
.o-draw { color: black; }
.oddsHead select { color: #FFF;font-size: 14px; border-width: 0; }

#myGamesCount, #hiddencount, #nshowhide { font-weight: bold; }
.on #myGamesCount { color: #ffd746 }
.Preferences input, .Preferences2 input { display: none }
.switch { cursor: pointer;width: 100%;display: inline-block; }
.switch .switch-style { height:14px; width:26px; background: #c1c1c1; -webkit-border-radius: 3px; border-radius: 10px; display: inline-block; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; float: right; margin-top: 4px; }
.switch .switch-style:before { display: block; content: ''; height: 12px; position: absolute; width: 12px; background-color: #fff; -webkit-border-radius: 2px; border-radius: 50%; left: 0.1em; top: 1px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.switch > input[type="checkbox"]:checked + .switch-style:before { left: 50%; }
.switch > input[type="checkbox"]:checked + .switch-style:after { }


/*dark-light模式开关*/
.theme-div { margin-top: 6px; float: left }
.theme-div input { display: none }
.theme { cursor: pointer; }
.theme .theme-style { height: 24px; width: 48px; background-color: #444; border-radius: 20px; display: inline-block; position: relative; transition: all 0.3s ease-in-out; cursor: pointer; float: right; vertical-align: middle; background-image: url(/images/theme.png); background-repeat: no-repeat; }
.theme .theme-style:before { display: block; content: ''; height: 22px; position: absolute; width: 22px; background-color: #fff; border-radius: 20px; left: 0.1em; top: 0.1em; background-image: url(/images/light.png); background-repeat: no-repeat; transition: all 0.3s ease-in-out; }
.theme > input[type="checkbox"]:checked + .theme-style:before { left: 50%; background-image: url(/images/dark.png); background-repeat: no-repeat; background-color: #fff; }
.theme > input[type="checkbox"]:checked + .theme-style { background-color: #000 }

/*声音开关*/
.Preferences2 { float: right; margin-left: 10px; padding: 0 10px; border-radius: 3px 3px 0 0; font-weight: bold }
.Preferences2 .switch .switch-style { margin-top: 5px; margin-left: 10px; height: 18px; width: 40px; }
.Preferences2 .switch .switch-style:before { width: 19px; height: 16px }
.Preferences2 .switch > input[type="checkbox"]:checked + .switch-style { background-color: #390; }

/*单选框*/
.el-radio > input[type="radio"] { display: none; }
.el-radio > input[type="radio"] + .el-radio-style { display: inline-block; padding: 0 15px; line-height: 35px; cursor: pointer; font-weight: bold; }
.el-radio > input[type="radio"]:checked + .el-radio-style { border-bottom: 2px solid #F60; color: #F60; }

/*条件过滤*/
#filterList { padding: 10px }
#filterList .item { margin-bottom: 4px }
#filterList .name { display: inline-block; width: 145px; text-align: right; margin-right: 5px }
.ef-radio > input[type="radio"] { display: none; }
.ef-radio-style { display: inline-block; cursor: pointer; padding: 0 10px; line-height: 26px; width: 50px; margin-left: 5px; border: 1px solid #e5e5e5 }
.off .ef-radio-style { background-color: #e5e5e5; color: #999 }
.dark .off .ef-radio-style { background-color: #666; color: #999 }
.ef-radio > input[type="radio"]:checked + .ef-radio-style { color: #ffffff; background-color: #307b06; }
.ef-radio > input[type="radio"]:checked + .dark .ef-radio-style { color: #ffffff; background-color: #307b06; }
.dark .ef-radio-style { border-color: #666; background-color: #333 }
/*共用样式*/
#main #min, #main3, #info { padding: 10px; border-radius: 4px; }
#main #right .lrdiv, #main #left .lrdiv { padding: 0 10px 10px 10px; overflow: hidden; border-radius: 4px; }
.menu2 li a, .leftnav li a, .Preferences li, #tools #filterLi a, #tools li span, #tools .filterLi2 a, #menu li a { transition: all 0.2s linear; }
.none { display: none }
.no-data{ background:#fff;line-height:32px;font-weight:normal;text-align:center; }
.dark .no-data{background:#151515;color:#fff;}

/*对阵右则功能小图标*/
.closes, .collapse, .expand { display: inline-block; float: left; width: 25px; height: 28px; border-left: 1px solid rgba(0,0,0,.08); position: relative; }
.dark .closes { background-color: #3a3a3a; opacity: 0.6; border-left: 1px solid #5a5a5a; }

.closes:before, .closes:after { position: absolute; content: ''; width: 12px; height: 1px; top: 11px; left: 6px; background-color: #888; }
.dark .closes:before { background-color: #fff; opacity: 0.6; }
.dark .closes:before, .dark .expand:before { opacity: 0.6; }
.closes:before { transform: rotate(45deg); }
.closes:after { transform: rotate(-45deg); }
.expand:before { transform: rotate(0deg); }
.expand:after { transform: rotate(-90deg); }
.collapse:before, .expand:before { display: inline-block; content: ""; position: absolute; top: 10px; left: 8px; width: 0; height: 0; vertical-align: middle; border-left: 4px solid transparent; border-right: 4px solid transparent; }
.collapse:before { border-bottom: 4px solid #666; }
.expand:before { border-top: 4px solid #666; }
.dark .collapse:before { border-bottom: 4px solid #999; }
.dark .expand:before { border-top: 4px solid #999; }
.dark .collapse, .dark .expand { border-left: 1px solid rgba(255,255,255,.08); }
a.schedule { display: inline-block; float: left; color: #666; width: 55px; height: 24px; overflow: hidden; padding: 0 5px; text-decoration: underline; line-height: 22px; text-align: center }
.schedule:hover, .collapse:hover, .closes:hover, .expand:hover { text-decoration: none; }
.collapse:hover, .closes:hover, .expand:hover, .dark .collapse:hover, .dark .closes:hover, .dark .expand:hover { background-color: rgba(0,0,0,.08); }

.isLeaTop .schedule:hover, .isLeaTop .collapse:hover, .isLeaTop .closes:hover, .isLeaTop .expand:hover { text-decoration: none; /*background-color:#e4d1a9;*/ opacity: 0.8; }

/*弹出窗共用样式*/
#showoptional2, #showCountry, #showoptional, #showCompany, #showFilterBox, #showOddsTypes, .tvLink, .BtvLink, #div_search,.tvLoginPop { border-radius: 6px; overflow: hidden; box-shadow: 0 0 20px #777777; }
.dark #showoptional2, .dark #showCountry, .dark #showFilterBox, .dark #showoptional, .dark #showCompany, .dark #showOddsTypes, .dark .tvLink, .dark #div_search { box-shadow: 0 0 20px #000; }

/*高亮绿提示窗*/
.notes-div { margin: 0 auto; width: 400px; padding: 20px; background-color: #eaf7e6; border: 1px solid #b9ccb3; color: #427742; box-shadow: 1px 2px 1px #bdd0bc; }

/*title弹出信息*/
.add-div, .close-info, .hidden-info, .display-info, .hidden-team, .display-team, .add-info2,.add-info-t,.add-info-t2, .allno,.rankicon,.neutral_info,.fbsclass,.ht-desc { position: relative }
.fbsclass:hover:after, .add-info:hover:after, .add-info2:hover:after, .add-info-l:hover:after, .add-info-l2:hover:after, .add-info-t:hover:after, .add-info-t2:hover:after, .analyze-icon:hover:after, .matchdata-icon:hover:after, .closedata-icon:hover:after, .odds-icon:hover:after, .Detail-icon:hover:after, .close-info:hover:after, .odds-icon1x2:hover:after, .Detail-basketball-icon:hover:after, .hidden-info:hover:after, .display-info:hover:after, .hidden-team:hover:after, .display-team:hover:after, .threeinone-icon:hover:after, .x12-icon:hover:after, .allno:hover:after, .rankicon:hover:after, .highlight-icon:hover:after, .neutral_info:hover:after,.bkflash-icon:hover:after,.ht-desc:hover:after { position: absolute; display: inline-block;font-size: 12px;line-height: 26px; z-index: 999; color: #fff; border-radius: 3px; background-color: #444; top: 28px; box-shadow: 0 0 6px #444; text-align: center; padding: 0 10px; white-space: nowrap; }
.fbsclass:hover:after{left:0px;top:20px;}
.neutral_info:hover:after {top: 18px;}
.dark .add-info:hover:after, .dark .add-info2:hover:after, .dark .add-info-l:hover:after, .dark .add-info-l2:hover:after, .dark .add-info-t:hover:after, .dark .add-info-t2:hover:after, .dark .analyze-icon:hover:after, .dark .matchdata-icon:hover:after, .dark .closedata-icon:hover:after, .dark .odds-icon:hover:after, .dark .Detail-icon:hover:after, .dark .close-info:hover:after, .dark .odds-icon1x2:hover:after, .dark .Detail-basketball-icon:hover:after, .dark .hidden-info:hover:after, .dark .display-info:hover:after, .dark .threeinone-icon:hover:after, .dark .x12-icon:hover:after, .allno:hover:after, .dark .rankicon:hover:after, .dark .highlight-icon:hover:after, .dark .neutral_info:hover:after, .dark .bkflash-icon:hover:after,.ht-desc:hover:after {background-color: #111;}

.fbsclass:hover::after{content:"No league information found"}
.neutral_info:hover:after { content: "Neutral Locatio" }
.add-info:hover:after { content: "Add this game to My Games!" }
.add-info2:hover:after { content: "Remove this game!" }
.add-info-l:hover:after { content: "Add this league to My Leagues!" }
.add-info-l2:hover:after { content: "Remove this league!" }
.add-info-t:hover:after { content: "Add this team to my favorites" }
.add-info-t2:hover:after { content: "Remove this team" }
.close-info:hover:after { content: "Remove all game of this league" }
.hidden-info:hover:after { content: "Hide all matches of this league";left:20px; }
.display-info:hover:after { content: "Display all matches of this league" }
.hidden-team:hover:after{content:"Hide all matches of this team"}
.display-team:hover:after{content:"Display all matches of this team"}

.odds-icon:hover:after { content: "Odds"; }
.odds-icon1x2:hover:after { content: "Odds"; }
.analyze-icon:hover:after { content: "Match analyze" }
.matchdata-icon:hover:after, .closedata-icon:hover:after { content: "Match data" }
.highlight-icon:hover:after{ content: "Match Highlights" }
.bkflash-icon:hover:after{ content: "Live Animation" }
.Detail-icon:hover:after { content: "Detail"; }
.threeinone-icon:hover:after { content: "3in1"; }
.x12-icon:hover:after { content: "1x2"; }
.rankicon:hover:after { content: "Standings" }
.Detail-basketball-icon:hover:after { content: "Statistics"; }

.odds-icon, .odds-icon1x2, .analyze-icon, .Detail-icon, .Detail-basketball-icon, .x12-icon, .matchdata-icon, .closedata-icon,.icon-font-reduce,.highlight-icon {color: #888;line-height: 14px;height: 14px; width: 16px; display: inline-block;margin: 0 2px; position: relative; text-align: center; }
.bkflash-icon {color: #888;line-height: 14px;height: 14px; width: 14px; display: inline-block; margin: 0 1px; position: relative; text-align: center; }
.threeinone-icon { display: inline-block; position: relative; }
.x12-icon { background-image: url(/images/1x2.png); }

.add-div .icon {padding-left: 3px;}
.add-div .icon.on {color: var(--yellow60);}
.add-div .icon-font-collect-on {color:var(--yellow60) !important;font-size:20px;cursor:pointer;}
.add-div .icon-font-collect-off{color:var(--gray50);font-size:20px;cursor:pointer;}

.icon.icon-analysis,.icon.icon-odds {font-size:15px;}
.icon.icon-icon-detail,.icon.icon-icon-live1,.icon.icon-b-ant-off,.icon.icon-b-ant-on {font-size:17px;vertical-align:-1px;}
.icon-matchdata,.icon-font-lineup,.icon-icon-live1 {color: #4fa82a;}
.icon-matchdata.on {color: #fe9626;transform: rotate(180deg);display: inline-block;}
.icon-icon-live1.on,.icon-b-ant-on {color: #fe9626;}
.icon-b-ant-on.on {color: #ff4e1e;}

.hidden-info, .display-info,.hidden-team,.display-team{ cursor:pointer;}

.l0:hover:after { left: 25px; }
.r0:hover:after { right: 0 }
.b0:hover:after { bottom: 28px;top: auto; }
#mintable .isLeaTop td { border-bottom: 1px solid #e2ded7; }
.dark #mintable .isLeaTop td { border-bottom: 1px solid #4e4836; }
.rankicon{font-style:normal;}

/*子频道排行榜*/
.Nrank {color:var(--textcolor-3);font-weight:700;font-style:italic;line-height:normal;font-family:"Sofascore Sans Condensed",sans-serif;}
.listtab td { text-align: center; padding: 8px 0; }
.listtab tr:last-child td { border-bottom: 0 }
/*.listtab a { text-decoration: underline;}*/
.rs_ser { padding: 0px; overflow: hidden }
.rs_ser li { float: left; position: relative; font-weight: bold; }
.rs_ser li a { line-height: 25px; display: block; float: left; width: 100%; text-align: center; color: #666; }
.rs_ser .nks a, .rs_ser .nks a:hover { text-decoration: none; color: #F60 }
.rs_ser .nks:after { content: ''; display: inline-block; width: 100%; height: 3px; background-color: #F60; position: absolute; bottom: 0; left: 0 }

.rs_ser_Second { background-color: #e5e5e5; overflow: hidden }
.dark .rs_ser_Second {background-color: #444;}
.rs_ser_Second li { float: left; }
.rs_ser_Second li a { color: #666; padding: 2px 5px; display: inline-block; margin: 5px }
.rs_ser_Second .nks a, .rs_ser_Second .nks a:hover { background-color: #f9f9f9; text-decoration: none; }
.dark .rs_ser_Second .nks a,.dark .rs_ser_Second .nks a:hover{background-color:#333 ;}
.listtab .stsw td { line-height: 18px; padding: 2px 0 }
.listtab .number { color: #666 }
.litab2 { background-color: #f9f9f9; }
#li_nba1, #li_nba2 { width: 50% }
.rf { padding: 10px; border-radius: 4px; overflow: hidden; width: 780px; float: left }

#info { margin: 0px auto 10px auto; width: 1040px }
.conner_span { display: inline-block; width: 100%; cursor:pointer; color:var(--blue40);}
.fx_corner{color:var(--blue40);}

.yellowcard, .redcard { padding: 0 2px; border-radius: 2px; margin: 0 2px }
.yellowcard { background-color: #fdd668; color: #9c6c44; }
.redcard { background-color: #d64444; color: #fff; }

#cbbOddsType { border: 1px solid #c5c5c5; height: 26px; padding: 0 3px; }

.o-tv { margin: 3px 0; display: block; clear: both }

.oodstable-t { text-align: center; font-weight: bold; line-height: 22px }
.oodstable-t2 { background-color: #fffae9; text-align: center }
.dark .oodstable-t2 { background-color: #312f26; }
.win-note { background-color: #f7f7f7; width: 91%; margin: 10px auto; padding: 10px; line-height: 20px; color: #666; }
.tennisAnalysis-win { width: 743px; padding: 10px; }
.team-hg,.bftab .rank{ color: #888888; transform: scale(.85); display: inline-block }
/*.dark .team-hg { color: #eca9a9 }*/
.text-info { text-align: center; color: green; position: relative; font-size: 12px; word-break: break-all; }
.dark .text-info, .dark .search-container .searchexplain { background-color: #222f19; color: #999; }

/*------------------------------------------------bottom--------------------*/
#bottom { clear: both; width: 100%; text-align: center; padding: 15px 0; background-color: #555; color: #999;}
.dark #bottom {background-color: #282828;}
#bottom a { color: #e5e5e5; }
#bottom .f_menu { width: 1000px;line-height: 20px;text-align: center;margin: 0 auto;margin-top: 10px }
#bottom .f_menu li { display: inline; padding: 0 10px;line-height: 20px;}
#bottom .f_menu .btn {background: var(--white10);text-decoration: none;padding: 2px 8px;border-radius: 4px;}
.f_menu .btn.open::after,.f_menu .btn.retract::after {content:"";margin-left: 4px;vertical-align: -2px;border-width: 4px;border-style: solid;border-color: #fff transparent transparent transparent;display: inline-block;}
.f_menu .btn.retract::after {border-color: transparent transparent #fff transparent;vertical-align: 2px;}
.menu, .menuL { font-weight: bold; }
.menuL a { padding-left: 4px; border-left: 1px solid #999; }
.menuL .flink { border-left: none; }
.network a { display: inline-block; padding: 5px 8px; margin-right: 10px; }
.network a:hover, #bottom .webid a:hover { background-color: #3e3e3e; text-decoration: none; border-radius: 3px }
.network img { vertical-align: -6px; margin-right: 6px; width: 23px; height: 23px }

.webid { text-align: center; margin-bottom: 10px; }
.webid .li { border-right: 1px solid #888; margin: 0 10px; display: inline-block; height: 12px; }
.webid .site {color: #d0d0d0;font-size: 14px;margin: 0 5px 0 20px;}
#bottom .webid a { display: inline-block; padding: 0 10px; font-size: 24px; font-weight: bold; color: #fff; font-family: Gotham, Helvetica Neue, Helvetica, Arial," sans-serif" }
#bottom .webid a i { color: #f60; font-style: normal; }
#logoSpan i { display: inline-block; border-radius: 2px; vertical-align: 20px; color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.2); padding: 0 4px; font-size: 13px; font-style: normal; font-weight: bold; line-height: 20px }
#logoSpan { display: inline-block; position: absolute; left: 0px; top: 10px }

/*--------------topTOOLS----------------------------------------------------*/
.ys_hide { display: none;}
#top-tools { background-color: #212121 }
.top-tools-c { width: 1060px; line-height: 36px; height: 36px; margin: 0 auto; color: #fff }
.top-tools-left { float: left; }
.top-tools-left2 { float: left; padding-left: 20px;width:630px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#ffde00; }
.top-tools-left2 a,.top-tools-left2 a:hover{color:#ffde00;text-decoration:none;cursor:pointer;}
.top-tools-right { float: right; height: 36px }
.top-tools-right .Choose-tool {min-width: 100px;text-align: right;}
.top-tools-right .Choose-tool span {padding-right: 10px;}
.Choose-tool { float: left; display: inline-block; margin-right: 15px; position: relative; cursor: pointer; }
.Choose-tool .flagimg {width: auto;height: 14px;border-radius: 2px;margin-right: 6px;vertical-align: -2px;}
.Choose-tool i { display: inline-block; content: ""; top: 2px; transition: .2s; width: 0; height: 0; vertical-align: middle; margin-left: 4px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #FFF; }
.Choose-tool.on i { transform: rotate(180deg); }
.Choose-tool ul { padding: 10px; background-color: #212121; position: absolute; left: 0; top: 44px; z-index: 9999; box-shadow: 0 5px 20px rgba(0,0,0,0.6); animation: popover .2s ease-in-out; border-radius: 6px; white-space: nowrap }
.top-notice{display:flex;float:right;width:550px;}
.top-notice .top-tools-left2{flex-grow:1;text-align:right;width:auto;margin:0px 5px;}
.top-notice .top-tools-left2 .swiper-slide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.top-notice .medias{display:inline-flex;margin-left:auto;height:36px;}
.top-notice .medias img{margin:6px;width:23px;height:23px;}
.top-notice > :only-child{text-align:left;}

@keyframes popover {
    0% { opacity: 0; transform: translateY(-60px); }
    100% { opacity: 1; transform: translateY(0); }
}

.Choose-tool ul:before { border-right: 8px solid transparent; position: absolute; display: block; content: ""; border-bottom: 8px solid #212121; border-left: 8px solid transparent; left: 20px; top: -8px; }
.Choose-tool ul li { height: 26px; line-height: 26px; padding: 0 5px; text-align: left;}

/*语言选择下拉框*/
.Choose-tool .country {display: flex;flex-direction: row;align-items: center;}
.Choose-tool .ctyicon {width: 22px;height: 22px;border-radius: 50%;margin-right: 8px;overflow: hidden;}
.Choose-tool .ctyicon img{height:22px;}
#chooseBolaWebSite ul li{padding:5px;}
#chooseBolaWebSite i{margin-left:6px;}

#ddlTimeZone { width: 320px; }

#ddlTimeZone li { float: left; width: 68px; border-radius: 2px }
.share { display: inline-block; width: 22px; height: 22px; margin: 7px 10px 0 0; opacity: .4; background-size: 22px 22px; cursor: pointer; }
.share:hover { opacity: .8 }
.share.facebook { background-image: url(/images/FaceBook.png); }
.share.twitter { background-image: url(/images/twitter.png); }
.share.telegram { background-image:url(/Images/telegram.png); }
.share.blogger { background-image:url(/Images/blogger.png); }
.top-tools-btn { display: block; padding: 0 10px; border: 1px solid rgba(255,255,255,0.5); float: left; margin: 7px 10px 0 0; line-height: 20px; border-radius: 3px; overflow: hidden; cursor: pointer; }
.menu-more { opacity: 1; background-color: #212121; }
.basketball-infos { text-align: center; line-height: 30px }
.bak_div { width: 550px; }
.bak_div .closebtn{top:10px;right:10px;}
.bak_div td { TEXT-ALIGN: center; LINE-HEIGHT: 21px; }
.bak_div .odd-bg1 b { white-space: nowrap }
.goal_bg { background-color: #BBBB22; }
.dark .goal_bg { background-color: #BBBB22; }
.redcard_bg { background-color: #ff8888; }

.tipsNum { padding-right: 10px; color: rgba(0,0,0,.6); display: none; }
.tipsNum:hover{text-decoration:underline;cursor:pointer;}
.tipsNum0 { padding-right: 35px; color: rgba(0,0,0,.6); display: none; }
.dark .tipsNum,.dark .tipsNum0 { color: rgba(255,255,255,.6) }
.tipsPre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: "Tahoma", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.plays .guest .playBox .play:last-child ul { right: 108px; top: 14px; }
.plays .playBox .play:last-child ul { left: 100px; top: 20px; }
.homeSix span, .guestSix span { font-size: 12px !important; font-weight: normal !important; width: 15px;display: inline-block !important; }
.homeSix span { margin-right: 2px; }
.guestSix span { margin-left: 2px; }
.ant .lb-ms { margin-bottom: 4px;text-align: center; }
.mx2 ul { padding-bottom: 2px; overflow: hidden; }
.lb-m { width: 55px;height:12px;display: inline-block; position: relative; margin: 0 3px; }
.lb-m:before { display: inline-block; content: ""; position: absolute; top: 4px; left: 0; width: 0; height: 0; vertical-align: middle; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #999; }
.lb-m:after { display: inline-block; content: ""; position: absolute; top: 4px; right: 0; width: 0; height: 0; vertical-align: middle; border-right: 4px solid #999; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.title-th th {white-space: inherit;width: auto;line-height: 16px;padding: 2px 0;}

/*外部页面调用样式*/
.n-select { padding: 0 5px; }
.n-select select { border: 0; }
.n-mapp { background-color: #ff6002; height: 24px; overflow: hidden }

#free-tools { line-height: 24px; }
#free-tools li { float: left; margin-top: 1px; border: solid 1px #cecece; border-radius: 2px; padding: 0 5px; display: block; cursor: pointer; margin: 0 3px 5px 0; }
.dark #free-tools li { border: solid 1px #444; }
#free-tools li select { border: none; line-height: 22px; height: 22px; }
.dark #free-tools li select { background-color: #282828; color: #fff; }
#free-tools .on { background-color: #307b06; }
#free-tools .on a, #free-tools .on a:hover { color: #FFF !important; }

#detail-oddsSel { width: 86px; position: absolute; right: 0; top: 10px; }
#detail-hfSel { width: 50px; position:absolute; right: 100px; top: 10px;}
.n-search { padding: 6px 10px; overflow: hidden; border-radius: 4px; margin-bottom: 5px }
.n-search .input_text { border-radius: 4px; outline: none; }

#selectsound1, #selectsound2 { width: 100%; height: 26px; margin-bottom: 4px; outline: none }
.goalTitle { line-height: 30px; padding: 0 10px; font-weight: 600; }


#menu li { position: relative; }
#menu li a:after { content: ""; position: absolute; left: 35px; bottom: 0; height: 2px; border-radius: 100px; background: #FFF; box-shadow: 0 0 0 rgb(255, 255, 255); transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, left 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, box-shadow 1s cubic-bezier(1, 1.39, 1, -1.67) 0s; width: 0px; overflow: hidden; }
#menu li:hover { box-shadow: 0 0 20px rgb(255, 255, 255,0) }
#menu li:hover a:after { width: calc(100% - 44px); box-shadow: 0 0 20px rgb(255, 255, 255,0) }
#menu li .newMark { position: absolute; right: -12px; top: -2px; font-size: 12px; font-weight: normal; background: #f00; color: #fff; padding: 0 3px 2px 3px; border-radius: 2px; }
.menu2 .newMark { position: absolute;right: 0;top: 0;height: 14px;line-height: 14px;font-size: 12px;font-weight: normal;background: #fb2b1c;color: #fff;padding: 0 3px 2px 3px;border-radius: 6px 0 6px 3px;z-index: 7;}

.allno { display: inline-block; width: 11px; height: 12px; background-image: url(/images/allno.png); margin: 2px 0 0 3px; cursor: pointer; }
.analyze-icon, .odds-icon, .Detail-icon, .matchdata-icon, .threeinone-icon, .closedata-icon, .odds-icon1x2, .Detail-basketball-icon,.highlight-icon,.bkflash-icon { cursor: pointer; }
.scoretab { background: #fff; padding: 5px; border-radius: 3px; box-shadow: 0 0 10px #666; }
.scoretab td { line-height: 22px; font-size: 12px; }
.closebtn { position: absolute; top: 6px; right: 6px; background: rgba(0,0,0,0.3); width: 20px; height: 20px; border-radius: 50%; cursor: pointer; }
.closebtn::before, .closebtn::after { content: ""; position: absolute; top: 10px; left: 4px; width: 12px; height: 1px; background: #fff; transform: rotate(45deg); }
.closebtn::after { transform: rotate(-45deg); }
.odds-table-bg .nodata { background-color:#fff;height:30px;text-align:center; }
.dark .odds-table-bg .nodata { background-color:#444;color:#fff;height:30px;text-align:center; }
.odds-table-bg .in-gif{ display:inline-block;background:url(/Images/in.gif);width:3px;height:8px; }
.dark .odds-table-bg .in-gif{ display:inline-block;background:url(/Images/in_white.gif);width:3px;height:8px; }
#basketball .listtab tr:hover { background: #ffeece; color: #ad6212; transition: all 0.2s linear; }
#basketball.dark .listtab tr:hover { background: #3a3a3a; }
#basketball .listtab tr:first-child:hover { background: none; }

/*社区登陆相关*/
.loginBox { width: 40px; height: 40px; position: absolute; right: 2px; top: 10px; }
.loginBox .iconfont{position:relative;display:block;width:40px;height:40px;}
.loginBox #login_icon a { display: block; }
.loginBox .badge_fill {position: absolute;bottom: -7px;top: unset; right:-2px;text-align:center;min-width:33px;}
.loginBox .sign_in_btn {position: absolute;right: 0;width: 90px;color: #fff;font-size: 14px;text-align: center;font-weight: bold;line-height: 34px;border: 1px solid #fff;border-radius: 3px;cursor:pointer;}
.member-login-icon { cursor: pointer; width: 40px; height: 40px; display: block; }
.member-login-icon img { border-radius: 50%; }
.loginBox .btn { padding: 0; background: rgba(0, 0, 0, 0.5); color: #fff; position: absolute; bottom: 0; width: 100%; left: 0; text-align: center; }
.loginBox img { border-radius: 50%; max-width: 100%; max-height: 100%; cursor: pointer; }
.menu2 li .icon {font-size: 16px;margin-right: 4px;font-weight: normal;vertical-align: -1px;}
.menu2 li .on .badge_fill { position: absolute; top: 3px; right: 3px; padding: 0 4px; }
.menu2 li .on .fav_count { position: absolute; top: 9px; padding: 0 4px; }
.badge_fill { white-space: nowrap; background: #F44336; border: solid 1px #F44336 !important; color: #fff; height: 15px; line-height: 13px; margin-left: 5px; font-weight: normal; border-radius: 10px; font-size: 12px; font-style: normal; position: absolute; top: 3px; right: 3px; padding: 0 4px; }
.fav_count { white-space: nowrap; background: #F44336; border: solid 1px #F44336 !important; color: #fff; height: 15px; line-height: 14px;text-align: center; margin-left: 5px; font-weight: normal; border-radius: 10px; font-size: 12px; font-style: normal; position: absolute; top: 9px;padding: 0 4px;box-sizing: initial; }
.fav_count.grayBG {background: #999;border-color: #999 !important;}

.footH1 {font-size: 15px; padding-top:5px;}
.sdss {background-color: #e5e5e5;}
.sdss:hover {background-color: #dadada;}
.dark .sdss {color: #FFF;background-color: #333;}
.dark .sdss:hover {color: #FFF;background-color: #505050;}

*{-webkit-text-size-adjust: none;} 
html {min-width: 1060px}

.nosclassLink { font-size: 14px; font-weight: bold; color: #d64444 !important; }
.flyClose {position: absolute;top: 0px;right: 0px;background: rgb(0 0 0 / 40%);width: 20px;height: 20px;border-radius: 50%;z-index: 100;cursor: pointer;}
.flyClose::before, .flyClose::after {content: "";position: absolute;top: 4px;left: 10px;background: #fff;width: 1px;height: 12px;transform: rotate( 45deg);}
.flyClose::after {transform: rotate( -45deg);}
.tav {color: #888;}

.to-1 {color: #555;}
.to-2 {color: #222;}
.dark .to-1 {color: #999;}
.dark .to-2 {color: #e5e5e5;}
.dark .timeco {color: #888;}

/*进球弹窗*/
#flGoalDiv {background-color: #FFF;margin-top:5px;border:3px solid #2f6f13;}
.dark #flGoalDiv {background-color: #292929;border: 3px solid #585858;box-shadow: 0 0 10px #000;}
#flGoalDiv td {font-family: 'Arial';font-size: 12px;}
#flGoalDiv .line td {line-height: 18px;font-size: 14px;padding: 6px 0;}
.line .teamname {width: 150px;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.line i.rank {float: right;font-size: 12px;font-style: normal;}
.GoalDiv-t {background-color: #DBECA6;color:#666;padding-left: 10px;}
.dark .GoalDiv-t {background-color: #0e100d;color:#999;}
.goal-time {color: #D64444;font-size: 12px;float: right;margin-right: 15px;}
.sjicon {width: 30px;height: 30px;border-radius: 50%;margin: 0 auto;}

/*------完场赛事分隔栏-----*/
.result-split{ background-color:#ffffcc;align-content:center;height:20px;font-weight:bold; }
.dark .result-split{background:#3e392c;color:#999;}

/*-----头部下拉框选项底色-----*/
#ddlTimeZone li:hover,#ddlOddsType li:hover { background:#226204; }

/*面包屑*/
.crumbs {width: 1060px;color: #999;font-size: 12px;line-height: 20px;margin: 5px auto;display: flex;align-items: center;}
.crumbs a.off {color: #307b06;font-weight: 600;margin: 0 5px;flex: 0 0 auto;}
.crumbs h1 {flex: 1;font-size:12px;font-weight: 600;margin: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:inline-block;}

/*精华视频*/
.youtube_box {background: var(--black);position: relative;height: 300px;text-align: center;}
.youtube_box .close {background: var(--white10);width: 24px;height: 24px;top: 10px;right: 10px;transform: translate(0,0);border-radius: 50%;}
.youtube_box iframe {width: 85%;height: 100%;}

.o-lose, .o-win, .o-draw, .o-none { color: #fff; border-radius: 2px; width: 17px; display: inline-block; line-height: 17px; text-align: center; }
.o-lose { background-color: #d64444 !important}
.o-win { background-color: #71ab49 !important }
.o-draw { background-color: #F09B57 !important }
.o-none { background-color: #999 !important }

.hbg-td1, .isLeaTop, .oddate, .fav-highlight { background-color: #fbfbcd !important }
.hbg-td2 { background-color: #edf9ee !important }
.hbg-td3 { background-color: #fbf1ef !important }

.dark .hbg-td1, .dark .isLeaTop, .dark .oddate { background-color: #4c4c2c !important }
.dark .hbg-td2 { background-color: #28462a !important }
.dark .hbg-td3 { background-color: #3e2e2b !important }

.tvImg {cursor:pointer;width:16px;height:16px;}

/* 指数公司logo----- */
.cmpimg {max-width: 100px;border-radius: 3px;margin: 2px auto;display: block;}
.flex {display: flex !important;align-items: center;justify-content: center;}
.tcenter .flex {justify-content: left;}
.flex .cmpimg {margin: 2px;display: inline-block;}
.flex .icon {color: var(--textcolor-3);font-size: 14px;display: inline-block;transform: rotate(-90deg);}

/*骨架屏*/
.skeleton-animate {
    background: linear-gradient(90deg, rgb(242,243,245) 25%, rgb(229,230,235) 37%, rgb(242,243,245) 63%);
    background-size: 400% 100%;
    animation: skeleton-circle 1.5s linear infinite;
}
body.dark .skeleton-animate {background: linear-gradient(90deg, hsla(0,0%,100%,0.08) 25%, hsla(0,0%,100%,0.12) 37%, hsla(0,0%,100%,0.08) 63%);background-size: 400% 100%;}

@keyframes skeleton-circle{
    0% {background-position: 100% 50%;}
    100% {background-position: 0 50%;}
}

/*圆圈加载动画*/
.spinner-border {display: inline-block;width: 2rem;height: 2rem;vertical-align: text-bottom;border: .25em solid currentColor;border-right-color: transparent;border-radius: 50%;-webkit-animation: spinner-border .75s linear infinite;animation: spinner-border .75s linear infinite;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
@keyframes spinner-border {
    0% { transform: rotate(0deg); }
    100% { -webkit-transform:rotate(360deg);transform: rotate(360deg); }
}