body { padding: 0; margin: 0; font-size: 12px; font-family: "Tahoma", "Helvetica Neue", Helvetica, Arial, sans-serif; min-width: 1060px; } div, h1, h2, h3, h4, p, form, input, textarea, img, span { margin: 0; padding: 0; font-weight: normal; } ul { margin: 0; padding: 0; list-style-type: none; } li { vertical-align: bottom; } img { border-width: 0; } a { text-decoration: none; } a:hover { color: #f60; text-decoration: underline; } input[type="radio"], input[type="checkbox"] { margin: 2px 5px 0 0; vertical-align: -2px; } .nolink{ cursor:not-allowed;} /*--足球风格--soccer-----------------------------------------------------------------------------------------------------*/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ #header-wrapper, #analyMap a, .mintopnav li.on a, .dark .jqTitle { background-color: var(--second-color); } /*---soccer--bg1----*/ /**/ .menu2, #soccer .scoretitle td, #tools .on a, #tools .on a:hover, #soccer.dark #tools .on a, #soccer.dark #tools .on a:hover, .mintopnav.v2 li.on a, .oddsHead select, .nav_select, .jqTitle { background-color: var(--primary-color) } /*---soccer--bg2----*/ /**/ #soccer .scoretitle td { color: RGBA(255,255,255,.7); padding-bottom: 3px; line-height: 18px } /**/ /*soccer二级导航栏*/ /**/ .tools, .mintopnav { border-bottom: 3px solid var(--primary-color); } /**/ .menu2 li a:hover { background-color: #184707 } /*---soccer--hover-backgroundcolor----*/ /**/ .menu2 li a { border-right: 1px solid var(--second-color); } /**/ .menu2 li .on, .menu2 li .on:hover { color: var(--text-primary); } /**/ .dark .menu2 li .on, .dark .menu2 li .on:hover { color: #fff } #soccer .Leaguestitle td { padding-left: 0 } /**/ /*----------------------------------------------------------------------------------------*/ /*---共用风格----------------------------------------------------------------------------------------------*/ body { background-color: #e5e5e5; } body.dark, body.dark, .dark .menu2 li .on, .dark .menu2 li .on:hover { background-color: #151515; } body.dark select, .dark .o-lose, .dark .o-win, .dark .o-draw, .dark .fx-logo img, .dark .fbheader .home img, .dark .fbheader .guest img, .dark .fx-title img, .dark #newsList li .img img, .dark .black-down,.dark .points { opacity: 0.75; } /*---白色背景--------*/ .lrdiv2, #div_search, #oddsChange, #panluDiv, #calendar, #calendar .datelayer_td-blank, #calendar .datelayer_td-blank:hover, #main #min, #main3, #teammain, #info, #main #right .lrdiv, #main #left .lrdiv, .rf, #showoptional2, #showCountry, #showFilterBox, #showoptional, #showCompany, .pc_win, #showOddsTypes, .rbl, .b1, .com LI SPAN A:hover, .white-bg, .white-bg2, .livetab, .team-table-home .vv, .team-table-guest .vv, .home-div a span, .guest-div a span, body select, .fx-tb-b li b, .fx-tb-b h4, .fx-tab .fx-tab-on, .fx-tab .fx-tab-on2, .twin, .bak_div, .tvLink, .n-search { background-color: #fff; } .dark .lrdiv2, .dark #div_search, .dark #calendar, .dark #calendar .datelayer_td-blank, .dark #calendar .datelayer_td-blank:hover, .dark #main #min, .dark #main3, .dark #teammain, .dark #info, .dark #main #right .lrdiv, .dark #main #left .lrdiv, .dark .rf, .dark #showOddsTypes, .dark .b1, .dark .com LI SPAN A:hover, .dark .white-bg, .dark .bts span:hover, .dark .win-note, .dark #calendar select, .dark .team-table-home .vv, .dark .team-table-guest .vv, .dark .home-div a span, .dark .guest-div a span, .dark .fx-tb-b li b, .dark .fx-tab .fx-tab-on, .dark .fx-tab .fx-tab-on2, .dark .nwLeft, .dark .side-box, .dark .twin, .dark #bottom, .dark .tvLink, .dark .n-search { background-color: #282828; } /*--------灰色背景--1--500-----*/ .menu2 li .on, .menu2 li .on:hover, .date-tab, #tools li a, .oodstable-t, .date-table th, .d_out, .gray-bg2, .fx-tb-a li .fx-td-data, .fx-line, .mintopnav a, .date-table-ul td a, .lo-f2, .fx-tb-b h4, .fx-tab span, .oddsCaption, .home-div a span, .guest-div a span, .Leaguestitle { background-color: #e5e5e5; } .dark .date-tab, .dark #tools li a, .dark .oodstable-t, .dark .date-table th, .dark .gray-bg2, .dark .fx-tb-a li .fx-td-data, .dark .fx-line, .dark .mintopnav a, .dark .date-table-ul td a, .dark .lo-f2, .dark .fx-tab span, .dark .oddsCaption, .dark .home-div a span, .dark .guest-div a span, .dark .Leaguestitle { background-color: #333; } /*--------灰色背景--2--300-----*/ .sotit, .bts span, .scoretitle td, .litab2, .listtab .stsw td, .close-match, .com LI SPAN A, .team-table-home td, .team-table-guest td, .team-table-other td, .team-table-home tr, .team-table-guest tr, .team-table-other tr, .fx, .team-table-home, .team-table-guest, .team-table-other, .player-list, .jqSubTitle2, .jqTitle2, #calendar td, .loadngdiv, .fx20, .oddstitle, .search-container .searchItem:nth-child(odd) { background-color: #f9f9f9 } .dark .sotit, .dark .bts span, .dark .scoretitle td, .dark .litab2, .dark .listtab .stsw td, .dark .close-match, .dark .com LI SPAN A, .dark .team-table-home td, .dark .team-table-guest td, .dark .team-table-other td, .dark .team-table-home tr, .dark .team-table-guest tr, .dark .team-table-other tr, .dark .fx, .dark .team-table-home, .dark .team-table-guest, .dark .team-table-other, .dark .player-list, .dark .jqSubTitle2, .dark .jqTitle2, .dark #calendar td, .dark .loadngdiv, .dark .fx20, .dark .oddstitle, .dark .d_over, .dark .search-container .searchItem:nth-child(odd) { background-color: #2f2f2f } /*--------灰色背景--3---600----*/ #tools li a:hover, .date-tab a:hover, .date-table-ul td a:hover, .oddstable, .schedule:hover, .collapse:hover, .closes:hover, .expand:hover { background-color: #dadada; } .dark #tools li a:hover, .dark .date-tab a:hover, .dark .date-table-ul td a:hover, .dark .oddstable, .dark .d_out { background-color: #505050; } .dark .schedule:hover, .dark .collapse:hover, .dark .closes:hover, .dark .expand:hover { background-color: #151515; } /*--------文字灰度--1------*/ body, .Leaguestitle, a, .sotit, .date-tab a:hover, A.sb:hover, a.pk:hover, .team-table-title, .team-table-title a, .team-table-title2, .fx-title .fx-title-vs, .team_bf { color: #444 } body.dark, .dark .Leaguestitle, .dark a, .dark .menu2 li a, .dark .leftnav li a, .dark .Leaguestitle td a, .dark .sotit, .dark .date-tab a:hover, .dark A.sb:hover, .dark a.pk:hover, .dark .team-table-title, .dark .team-table-title a, .dark #calendar select, .dark .team-table-title2, .dark .fx-title .fx-title-vs, .dark .r_h21, .dark .team_bf { color: #e5e5e5 } /*--------文字灰度--2------*/ .time, #tools .odds_setting p, .rbl, #tools li a:hover, .date-table th, .odd-bg1 span, .bts span, .team-table-other b, .stat-title, .fx-c-3, .oddstitle, .oodstable-t, .lr_tit, .lr_tit { color: #666 } .dark .time, .dark #tools .odds_setting p, .dark .rbl, .dark #tools li a:hover, .dark .date-table th, .dark .odd-bg1 span, .dark .bts span, .scoretitle td, .listtab .stsw td, .dark .team-table-other b, .dark .stat-title, .dark .fx-c-3, .dark .oddstitle, .dark .oodstable-t, .dark .lr_tit, .dark .lr_tit { color: #999 } .dark .scoretitle td, .dark .listtab .stsw td { color: #949494; } /*--------文字白色--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 } /*--------线框灰度--1------*/ #mintable td, #oddsmain td, .lr_tit, .lr_titA, .date-picker, .sotit, .rbl, .scoretitle td, .listtab td, .listtab .stsw td, .com LI, .team-table-home td, .team-table-guest td, .team-table-other td, .fx-div, .fg_Title, #calendar .d-line, .tgs2 td, .rs_ser li a, .r-line, .jqSubTitle2, .jqTitle2, .Prediction-t, ul.menu li, .jqSubTitle2, .jqTitle2, #calendar .l-line, .bts span, .win-note, .loadngdiv, ul.menu, .tabsBox, .twin, .discription span, .Leaguestitle td, .date-picker .date-picker-calendar, .tvLink ul li a, #div_search, .search-container .searchItem, .bt-selected { border-color: #e5e5e5 !important } .dark #mintable td, .dark #oddsmain td, .dark .lr_tit, .dark .lr_titA, .dark .date-picker, .dark .sotit, .dark .rbl, .dark .scoretitle td, .dark .listtab td, .dark .listtab .stsw td, .dark .com LI, .dark .team-table-home td, .dark .team-table-guest td, .dark .team-table-other td, .dark .fx-div, .dark .fg_Title, .dark #calendar .d-line, .dark #newsList li, .dark .tgs2 td, .dark .rs_ser li a, .dark .r-line, .dark .jqSubTitle2, .dark .jqTitle2, .dark .Prediction-t, .dark ul.menu li, .dark .jqSubTitle2, .dark .jqTitle2, .dark #calendar .l-line, .dark .bts span, .dark .win-note, .dark .loadngdiv, .dark ul.menu, .dark .tabsBox, .dark .twin, .dark .discription span, .dark .Leaguestitle td, .dark .date-picker .date-picker-calendar, .dark .tvLink ul li a, .dark #div_search, .dark .search-container .searchItem, .dark .bt-selected { border-color: #444 !important } #mintable td, #oddsmain td, .lr_tit, .lr_titA, .date-picker, .sotit, .rbl, .scoretitle td, .listtab td, .listtab .stsw td, .com LI, .team-table-home td, .team-table-guest td, .team-table-other td, .fx-div, .fg_Title, #calendar .d-line, .tgs2 td, .search-container .searchItem { border-bottom: 1px solid transparent; } .rs_ser li a { border-bottom: 3px solid transparent; } .r-line, .jqSubTitle2, .jqTitle2, .Prediction-t, ul.menu li { border-right: 1px solid transparent; } .jqSubTitle2, .jqTitle2, #calendar .l-line, .date-picker .date-picker-calendar { border-left: 1px solid transparent; } .bts span, .win-note, .loadngdiv, ul.menu, .tabsBox, .twin, .discription span, .tvLink ul li a, #div_search { border: 1px solid transparent; } /*--------线框灰度--2--深----*/ .date-table, .d_out, .d_over, .date-tab a, .date-tab b, .date-table, .date-table td, .date-table th, #selectsound1, #selectsound2 { border-color: #d0d0d0 !important } .dark .date-table, .dark .d_out, .dark .d_over, .dark .date-tab a, .dark .date-tab b, .dark .date-table, .dark .date-table td, .dark .date-table th, .dark #selectsound1, .dark #selectsound2 { border-color: #444 !important } .Leaguestitle td, .date-table, .d_out, .d_over { border-bottom: 1px solid transparent; } .date-tab a, .date-tab b, .date-table { border-right: 1px solid transparent; } .date-table td, .date-table th { border-left: solid 1px transparent; border-top: solid 1px transparent; } /*---dark情景-弹出窗背景-------*/ .dark .Preferences li:hover, .dark .leftnav li a:hover, .dark .leftnav .select a, .dark .leftnav .select a, .dark #showoptional2 li:hover, .dark #countryListDiv li:hover, .dark #showoptional li:hover, .dark #showCompany li:hover, .dark .rbl, .dark #goalTable tr:hover td { background-color: #3a3a3a; } .bts { border-top: 1px solid #e5e5e5; } .dark .bts { border-top: 1px solid #333; } /*----红----------------------------------------------------------------*/ .red, .red2, .lo-f2, .fbheader .row .LName, .fbheader .row .LName a, .fbheader .row .end .score, .sclassLink, .zbf { color: #d64444 !important; } .dark .red, .dark .red2, .dark .lo-f2, .dark .fbheader .row .LName, .dark .fbheader .row .LName a, .dark .fbheader .row .end .score, .dark .sclassLink, .dark .zbf { color: #de5b5c !important; } /*----蓝-----------------------------------------------------------------*/ .blue, .blue2, .gocheck A:link, .blue a {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 .pc_win, .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 .oods-bg2 { background-color: #232323 } .oods-c-bg1, .up { background-color: #d4ffb6 } .oods-c-bg2, .down { background-color: #f9d2d2 } .oods-c-bg3 { background-color: #FFFF00 } .dark .oods-c-bg1, .dark .up { background-color: #1e612e } .dark .oods-c-bg2, .dark .down { background-color: #8e3c64 } .dark .oods-c-bg3 { background-color: #a97d00 } #teamid .sbg { background-color: #fff9ef } .dark #teamid .sbg { background-color: #1d1c1a } .oddschanges { background-color: #CECECE; } .dark .oddschanges { background-color: #333 !important; } /*--------突出色---背景1--------*/ .switch > input[type="checkbox"]:checked + .switch-style { background-color: #FF6600 } .hightlight-bg { background-color: #f4faff } .dark .hightlight-bg { background-color: #333 } /*--------彩色背景--c-------*/ /*.oddstd { background-color: #fbfaf5} .dark .oddstd{background-color: #222;}*/ .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 } /*--------弹出窗口阴影--------*/ #oddsChange, #panluDiv, .livetab, .bak_div { box-shadow: 0 0 10px #666; } .dark #oddsChange, .dark #panluDiv, .dark .livetab, .dark .bak_div { box-shadow: 0 0 10px #000; } /*-------文字广告--c-------*/ .adtext-bg { background-color: #ffffff; margin: auto; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; width: 100%; } .dark .adtext-bg { background-color: #403323 } .ad-txt-red, a.adtext1 { color: #D64444; font-weight: bold; } .dark .ad-txt-red, .dark a.adtext1 { color: #fbd0b4; font-weight: bold; } .ad-txt-blue, a.adtext2 { color: #0089F1; font-weight: bold; } .dark .ad-txt-blue, .dark a.adtext2 { color: #6cb9fd; font-weight: bold; } .adtext-bg2 { background-color: #ffffcc } .dark .adtext-bg2 { background-color: #383832 } .txtad_div { text-align: center; width: 100%; background-color: #FFFFE8; border-top: solid 1px #e5e5e5; /*border-bottom: solid 1px #e1e1e1;*/ } #basketball .txtad_div { text-align: center; width: 100%; background-color: #FFF; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; } #basketball.dark .txtad_div { background-color: #222; border-color: #444 } /*--篮球风格--Basketball-----#---------------------------------------------------------------------------------------------*/ /**/ /**/ /**/ /**/ /**/ /**/ #basketball #header-wrapper, #basketball .oddsHead select, #basketball #analyMap a, #basketball .nav_select, #basketball .mintopnav li.on a { background-color: #693131; } #basketball.dark .menu2 li .on, #basketball.dark .menu2 li .on:hover { background-color: #151515; color: #FFF } #basketball .menu2, #basketball #tools .on a, #basketball #tools .on a:hover, #basketball .mintopnav.v2 li.on a, .date-table-ul .dateLink-sel, .date-table-ul .dateLink-sel:hover, .on-bg-color { background-color: #a94446 } #basketball .Leaguestitle { background-color: #ffe9c3; } #basketball.dark .Leaguestitle { background-color: #693131; } #basketball .Leaguestitle td { border-bottom: 1px solid #E5CA9D !important; } #basketball.dark .Leaguestitle td { border-bottom: 1px solid #3e2020 !important; } #basketball .scoretitle td { line-height: 24px } #basketball .bftab { line-height: 30px } #basketball .bf { font-weight: 600 } /**/ /**/ /*Basketball二级导航栏*/ /**/ #basketball .menu2 li .on, #basketball .menu2 li .on:hover { color: #a94446; background-color: #e5e5e5 } /**/ #basketball .menu2 li a:hover { background-color: #923031 } /**/ #basketball .tools, #basketball .mintopnav { border-bottom: 3px solid #a94446; } /**/ #basketball .menu2 li a { border-right: 1px solid #8e3537; } /**/ #basketball .menu2 .sub2_4 { width: 130px; } /**/ /**/ /*------------------------------------------------------------------------*/ /*--棒球风格--Baseball-----------------------------------------------------------------------------------------------------------*/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ #baseball #header-wrapper, #baseball .oddsHead select, #baseball #analyMap a, #baseball .nav_select, #baseball .mintopnav li.on a, #baseball #tools .on a, #baseball #tools .on a:hover, #baseball .mintopnav.v2 li.on a, #baseball .date-tab b, #baseball .date-tab a.on { background-color: #373f92; } /**/ #baseball .tools, #baseball #tool { border-bottom: 3px solid #373f92; } /**/ #baseball .Leaguestitle { background-color: #e2ebf3 } #baseball.dark .Leaguestitle { background-color: #373f93 } #baseball .Leaguestitle td { border-bottom: 1px solid rgba(0,0,0,.1) !important } #baseball.dark .Leaguestitle td { border-bottom: 1px solid rgba(255,255,255,.1) !important } /**/ /*-------------------------------------------------------------------------*/ /*--网球风格--Tennis-----#---------------------------------------------------------------------------------------------*/ /**/ /**/ /**/ /**/ /**/ /**/ /**/ #tennis #header-wrapper, #tennis .oddsHead select, #tennis #analyMap a, #tennis .nav_select, #tennis .mintopnav li.on a, #tennis .menu2, #tennis #tools .on a, #tennis #tools .on a:hover, #tennis .mintopnav.v2 li.on a, #tennis .date-tab b, #tennis .date-tab a.on { background-color: #57750c; } /**/ /**/ #tennis .tools, #tennis #tool { border-bottom: 3px solid #57750c; } /**/ #tennis .Leaguestitle { background-color: #e5ead5; } /* #tennis.dark .Leaguestitle { background-color: #41520e; } */ #tennis .Leaguestitle td { border-bottom: 1px solid rgba(0,0,0,.1) !important } #tennis .scoretitle td,#tennis .scoretitle td div { line-height: 24px } #tennis.dark .Leaguestitle td { border-bottom: 1px solid rgba(255,255,255,.1) !important } /**/ /*-----------------------------------------------------------------------*/ /*---Basketball-Baseball-Tennis--共用比分线框----------*/ .Leaguestitle td { padding-left: 0px; line-height: 28px } .scoretitle td { line-height: 20px; } /*----------------------------------top--------------------------------*/ #top { position: relative; clear: both; } #top .top { width: 1060px; margin: 0 auto; overflow: hidden; position: relative; height: 60px; } #top .weblogo { height: 32px } #nav { width: 100%; overflow: hidden; } #nav .nav { background-color: #346bab; width: 950px; margin: 0 auto; overflow: hidden; } #nav li { float: left; margin-right: 2px; width: 116px; } #nav li a { color: #fff; text-align: center; width: 100%; display: block; line-height: 40px; font-size: 15px; } #nav li a:hover { color: #fffc00; text-decoration: none; } #nav span a, #nav span a:hover { color: #fffc00; background-position: left 26px; } .member-icon { width: 40px; height: 40px; position: absolute; background: url(/images/user-login.png) no-repeat; cursor: pointer; } #nav2 { width: 100%; } #nav2 ul { margin-bottom: 5px; } .nav2 { background: #fff; clear: both; border: solid 1px #e4e4e4; border-top: none; height: 30px; text-align: center; width: 948px; margin: 0 auto; border-radius: 0 0 4px 4px; } .nav2 li { background: url(blue_img/ik.gif) no-repeat right; padding: 0 11px; line-height: 30px; display: block; float: left; height: 30px; } .nav2 li.worldcup { background: url("/images/worldcup.png") no-repeat 10px center; background-size: auto 77%; padding-left: 26px; } .nav2 li a { font-size: 14px; } .nav22 { clear: both; height: 30px; text-align: center; background-color: #FFF; width: 950px; margin: 0 auto; } .nav22 li { background: url(blue_img/ik.gif) no-repeat right; padding: 0 8px; line-height: 30px; display: inline; height: 30px; font-weight: bold; } .nav22 li a { text-decoration: underline; } /*---广告相关样式----------*/ #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 ~ a { 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}*/ /*------------------------------------------------main--------------------*/ .mcontent { width: 1060px; margin: 0px auto 10px auto; min-height: 700px } .mcontent:after { content: " "; display: block; height: 0; visibility: hidden; clear: both; } #live .settop { margin: 0 2px; cursor: pointer; } #main { width: 100%; margin: 0; padding: 0; } .clear { clear: both; display: block; height: 1px; overflow: hidden; } .lrdiv2 { clear: both; width: 150px; } .lrdiv2 .toolsBox { padding-bottom: 5px; border: solid 1px #ccc; } .lrdiv2 .toolsBox h3 { margin-bottom: 5px; } .Preferences { padding: 6px 0 } .Preferences li { line-height: 22px; padding: 0 6px } .Preferences li:hover { background-color: #ffeece; border-radius: 3px; } .lr_tit, .lr_titA { font-weight: bold; display: block; line-height: 35px; font-size: 14px; padding-left: 5px; } .lr_tit2 { line-height: 24px; font-weight: bold; color: #425B7E; display: block; height: 24px; padding-left: 24px; } .lr_litime, .lr_litime a { line-height: 20px; } /*------------------------------------------------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; } .leftnav li a.on { text-decoration: none; border-radius: 3px; color: #f60; background-color: rgb(253, 250, 241); } .leftnav li a.on:hover { background-color: #ffeece; color: #f60; } #nob, #nob2 { border-bottom-width: 0; } /*.leftnav span { padding-left: 24px; background: url(/Images/flag-list_rgb_17.png) no-repeat; }*/ .selectBtn { background: url("/images/rt.gif") no-repeat 130px center #fff; border: solid 1px #ccc; color: #333; cursor: pointer } /*------------------------------------------------min--------------------*/ #min { float: left; width: 660px } .comp .mintopnav { padding-top: 5px; margin: 0; } .comp .mintopnav a { background: #fff; } .mintopnav { overflow: hidden; text-align: center; } .mintopnav a { display: inline-block; text-align: center; padding: 0 42px; line-height: 24px; border-radius: 2px 2px 0 0; } .mintopnav a:hover { text-decoration: none; } .mintopnav.v2 li a { text-align: center; float: none; line-height: 30px; } .mintopnav.v2 li { display: inline-block; margin: 0 -1px } .mintopnav.v2 li.on a, .mintopnav li.on a { color: #fff; line-height: 30px; border-radius: 2px 2px 0 0; font-weight: 600; } ul.menu { float: left; margin: 5px 5px 5px 0; overflow: hidden; } ul.menu li { float: left; min-width: 48px; 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; } .tabsBox { float: right; margin-top: 5px; width: 110px; overflow: hidden; } .tabsBox .item { line-height: 26px; width: 50%; float: left; text-align: center; } .tabsBox .item.on { background-color: #ff562c; color: #fff; } .tabsBox .item.on a { color: #fff; } .odds_refresh { height: 28px; border: 1px solid #e5e5e5; margin: 5px 0 0 10px; padding-left: 5px } .nav_select { overflow: hidden; } .nav_select ul { } .nav_select li { display: inline-block; padding: 0 10px; float: left; margin: 5px 3px; line-height: 24px; color: #FFF; cursor: pointer; } .nav_select li:first-child { margin-left: 10px } .nav_select li a { color: #FFF; } .nav_select .nav_selected { background-color: #a84547; border-radius: 3px; opacity: 1; } #mnavnone a { background-image: none; } #note { line-height: 26px; background-color: #FFFACC; clear: both; border-right: 1px solid #C6C6C6; border-left: 1px solid #C6C6C6; padding: 0 10px; text-align: left; height: 26px; color: #B36946; } #note .close a { float: right; display: block; background-image: url(blue_img/close.gif); height: 14px; width: 14px; margin-top: 5px; line-height: 0px; } #mintable td, #oddsmain td { text-align: center; } #mintable .tds { height: 36px; } .tds:hover { background-color: #efefef } .dark #mintable .tds:hover td { background-color: #333 } .bftab { text-align: center; line-height: 25px } #baseball .scoretitle b, #tennis .scoretitle b { color: #212121 } #basketball #tools { padding: 0 } .date-tab { float: right; border-radius: 3px 3px 0 0; background-color: #f1f1f1; } .date-tab a, .date-tab b { float: left; position: relative; z-index: 99999; display: flex; padding: 0 20px; } .date-tab b { color: #FFF; font-weight: 600; } .date-tab a:hover { text-decoration: none; } .date-tab i { display: inline-block; height: 13px; width: 13px; background-image: url(/images/date.png); background-size: 100%; margin-right: 5px; margin-top: 8px } .date-tab a.on i { background-image: url(/images/date_dark.png); } .date-tab a.on { color: #fff; } .Leaguestitle { text-align: left; } #mintable .Leaguestitle td { border-bottom: 1px solid rgba(0,0,0,.1) !important } .dark #mintable .Leaguestitle td { border-bottom: 1px solid rgba(255,255,255,.1) !important } .red, .blue { cursor: pointer; } .f-b { font-weight: bold } .status { color: #0066FF } .dark .status { color: #3778da } /*.toolimg img { margin: 0 2px}*/ .b3 { BACKGROUND-COLOR: #eeeeff } .b4 { BACKGROUND-COLOR: #eeeeee } .l1 { float: left; margin-left: 2px; } .l1 a { font-weight: bold; } .l2 { float: right; } .l2 img { margin: 0 2px } .contest { font-weight: bold; background-color: #FFFACC; } .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 } .contest { font-weight: bold; background-color: #FFFACC; } .date_li { background: #e4e4e4; margin-bottom: 5px; } .date_li a { height: 26px; line-height: 26px; display: block; float: left; padding: 0 8px; border-left: solid 1px #ccc; } .date_li a:first-child { border: none; } .date_li a:hover { background-color: #F4FBFF; text-decoration: none; color: #F30; } .date_li b { height: 26px; line-height: 26px; display: block; float: left; padding: 0 8px; background: #346bab; color: #FFF; } .date_li22 { height: 32px; line-height: 32px; background: #e4e4e4; margin-bottom: 5px; } .date_li22 a { display: block; float: left; padding: 0 5px; text-decoration: underline; } .date_li22 a:hover { background-color: #F4FBFF; text-decoration: underline; color: #F30; } .date_li22 b { height: 26px; line-height: 26px; display: block; float: left; padding: 0 8px; background-image: url(/images/date6.gif); color: #FFF; } /*------------------------------------------------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 } .comCbb { vertical-align: middle; } .soundtab { background-color: #F4F5F5; clear: both; width: 100%; overflow: hidden; padding: 0 0 4px 0; line-height: 20px; } .soundtab select { margin-left: 2px; width: 85px; height: 20px; font-size: 11px; margin-top: 1px; } .soundtab span { line-height: 18px } .fontse a { background: url(blue_img/font.gif) repeat-x; font-weight: bold; border: 1px solid #D1D1D1; margin-right: 7px; display: block; float: left; padding-right: 4px; padding-left: 4px; } .fontse a:hover { color: #039; border: 1px solid #09F; text-decoration: none; } .e12 { font-size: 12px } .e14 { font-size: 14px } .set1 { padding-left: 13px; background: url(blue_img/re.gif) no-repeat left top; margin: 0 8px 0 4px; } .set2 { padding-left: 13px; background: url(blue_img/re.gif) no-repeat left -20px; } .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--------------------*/ #oddsmain { float: left; width: 787px } .oddstd p { line-height: 16px; display: block; height: 16px; } 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--------------------*/ .bt_time { font-weight: bold; color: #F60; } .p2 { color: #999 } #score_win { position: absolute; left: 356px; top: 235px; border: 3px solid #090; background-color: #FFF; padding: 1px; } .score_title { background-color: #DBECA6; } #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: 600px; 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; } #showoptional { width: 440px; position: absolute; left: 55px; top: 29px; z-index: 5; visibility: hidden; } #showoptional li { line-height: 24px; display: block; width: 45%; float: left; padding-left: 5px; margin-right: 10px; cursor: pointer; } #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: 300px; } #myleague2 ul, #countryListDiv ul, #showCompany ul, #myleague ul, #showoptional ul { padding: 10px; overflow: hidden } .cc a, #div_search .cc a { position: absolute; right: 10px; top: 8px; padding: 0; width: 24px; height: 24px; } .cc a:before, .cc a:after { position: absolute; content: ''; width: 16px; height: 1px; top: 11px; left: 4px; background-color: #666; } .dark .cc a:before, .dark .cc a:after { background-color: #999; } .cc a:before { transform: rotate(45deg); } .cc a: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 20px; border-radius: 3px; display: inline-block; vertical-align: middle; } .bts .ent { background-color: var(--primary-color) !important; color: var(--text-white) !important; padding: 0 30px } .bts .ent:hover { background-color: var(--thirdly-color); } /* .dark .bts .ent { background-color: #c75102; color: #fff; } */ /* .dark .bts .ent:hover { background-color: #F60; } */ .bts span:hover { background-color: #FFF; } .bts .fgSpan input[type="checkbox"] { vertical-align: middle; } .fg_Title { display: block; color: #212121; line-height: 24px; font-size: 14px; padding-left: 15px; clear: both; background-color: #FAFAFA; } .oddstable { box-shadow: 1px 2px 1px #a0a0a0; } .dark .oddstable { box-shadow: 1px 2px 1px #000; } .oddstable td { line-height: 17px; text-align: center; } .oddsCaption { font-weight: bold; line-height: 26px; text-align: center; } .oddschanges td { line-height: 24px } .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 } .m5 { margin-bottom: 5px } /*------------------------------------------------team vs team--------------------*/ #teammain { float: left; width: 875px; } .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; } #teammain2 h3, #teammain h3 { font-size: 14px; line-height: 25px; font-weight: bold; color: #FFF; } #team_info2 { border-top-width: 0px; border-bottom-width: 0px; } .teamname_td, .teamname_td2 { background-color: #E6F0FB; line-height: 18px; font-weight: bold; font-size: 14px; } .teaminfo2 { background-color: #E6F0FB; color: #33638A; } .teaminfo_td, .teaminfo_td2 { background-color: #FFF7E1; font-weight: bold; } .te1 { background-color: #FFF; } .te2 { background-color: #F5F5F5; } .greens { color: #360; background-color: #D3F88F; font-weight: bold; } .BgYellow { background-color: #fcebda; color: #73250f } .BgSky { background-color: #d2e6ff } #teamid .sl { text-align: left } #teamid .sr { text-align: right } .leftnav_2 li { border-bottom: 1px solid #D7D7D7; } .leftnav_2 li a { line-height: 20px; display: block; height: 20px; width: 147px; font-weight: bold; color: #425B7E; padding-left: 6px; text-align: left; } .leftnav_2 li a:hover { color: #FFF; text-decoration: none; background-color: #0C0; } .hp { FONT-SIZE: 8pt; COLOR: #ffffff; BACKGROUND-COLOR: #d64444; padding: 0 2px; margin: 0 2px; } /*------------------------------------------------i vs i--------------------*/ #main2 { background-color: #FFF; clear: both; margin: 4px auto 0 auto; padding: 10px } .dark #main2 { background-color: #282828; } .ivsi_top { text-align: center; padding-bottom: 16px; padding-top: 16px; } .ivsi_top h2 { font-size: 16px; line-height: 16px; font-weight: bold; display: inline; } .ivsi_top span a { background-image: url(/images/Excel_icon.gif); background-repeat: no-repeat; background-position: left; text-decoration: underline; padding-left: 16px; color: #5F9349; } .ivsi_top span a:hover { color: #F60; text-decoration: none; } #ivsi h3 { font-size: 16px; line-height: 23px; font-weight: bold; color: #FFF; } #ivsi td { text-align: center; line-height: 18px; } .hh4 { font-size: 14px; font-weight: bold; color: #FFF; } .leftnav .th_1 { background-position: 0px -480px; } .leftnav .th_2 { background-position: 0px -168px; } .leftnav .th_3 { background-position: 0px -1128px; } .leftnav .th_4 { background-position: 0px -624px; } .leftnav .th_5 { background-position: 0px -144px; } .leftnav .th_6 { background-position: 0px -1056px; } .leftnav .th_7 { background-position: 0px -1104px; } .leftnav .th_8 { background-position: 0px -1032px; } .leftnav .th_9 { background-position: 0px -888px; } .leftnav .th_10 { background-position: 0px -336px; } .leftnav .th_11 { background-position: 0px -264px; } .leftnav .th_12 { background-position: 0px -192px; } .leftnav .th_13 { background-position: 0px -528px; } .leftnav .th_14 { background-position: 0px -936px; } .leftnav .th_15 { background-position: 0px -288px; } .leftnav .th_16 { background-position: 0px -960px; } .leftnav .th_17 { background-position: 0px -552px; } .leftnav .th_18 { background-position: 0px 0px; } .leftnav .th_19 { background-position: 0px -745px; } .leftnav .th_20 { background-position: 0px -1152px; } .leftnav .th_21 { background-position: 0px -96px; } .leftnav .th_22 { background-position: 0px -504px; } .leftnav .th_23 { background-position: 0px -912px; } .leftnav .th_24 { background-position: 0px -120px; } .leftnav .th_25 { background-position: 0px -1512px; } .leftnav .th_26 { background-position: 0px -216px; } .leftnav .th_27 { background-position: 0px -648px; } .leftnav .th_28 { background-position: 0px -672px; } .leftnav .th_29 { background-position: 0px -1080px; } .leftnav .th_30 { background-position: 0px -312px; } .leftnav .th_31 { background-position: 0px -360px; } .leftnav .th_32 { background-position: 0px -456px; } .leftnav .th_33 { background-position: 0px -1368px; } .leftnav .th_34 { background-position: 0px -408px; } .leftnav .th_35 { background-position: 0px -816px; } .leftnav .th_36 { background-position: 0px -432px; } .leftnav .th_37 { background-position: 0px -24px; } .leftnav .th_38 { background-position: 0px -1344px; } .leftnav .th_39 { background-position: 0px -840px; } .leftnav .th_40 { background-position: 0px -1392px; } .leftnav .th_41 { background-position: 0px -864px; } .leftnav .th_42 { background-position: 0px -2640px; } .leftnav .th_43 { background-position: 0px -792px; } .leftnav .th_44 { background-position: 0px -2448px; } .leftnav .th_45 { background-position: 0px -2736px; } .leftnav .th_46 { background-position: 0px -1920px; } .leftnav .th_47 { background-position: 0px -1704px; } .leftnav .th_48 { background-position: 0px -1656px; } .leftnav .th_49 { background-position: 0px -1176px; } .leftnav .th_50 { background-position: 0px -2976px; } .leftnav .th_s { background-position: 0px -1200px; } .leftnav .th_60 { background-position: 0px -3217px; } /*detail views*/ .fx20 { padding: 20px; clear: both; margin-bottom: 20px } .stat { overflow: hidden; padding: 5px 0 20px 0; text-align: center } .stat li { line-height: 18px; padding: 0 15px; margin-bottom: -1px } .stat-c { display: inline-block; width: 50px; text-align: center; font-size: 14px } .stat-title { display: inline-block; width: 140px; text-align: center; border: 1px solid #dcdcdc; box-shadow: 1px 1px 6px #d6d6d6; vertical-align: middle; line-height: 30px; background-color: #fff; margin: 0 -4px } .dark .stat-title, .dark .fx-c-3, .dark .fx-tb-b li b, .dark .fx-tb-b h4 { border: 1px solid #444; box-shadow: 1px 1px 6px #212121; background-color: #3e3e3e } .dark .fx-tb-b h4 { background-color: #2f2f2f !important } .stat-bar-wrapper { display: inline-block; position: relative; background-color: #eaeaea; width: 320px; height: 18px; overflow: hidden; vertical-align: middle; } .dark .stat-bar-wrapper { background-color: #3a3a3a; } .stat-bar { display: inline-block; height: 18px; position: absolute; } .stat-bar-wrapper.homes { /*background-color: #f9e4dc*/ border-radius: 3px 0 0 3px; } .stat-bar-wrapper.aways { /*background-color: #d4ecf9*/ border-radius: 0 3px 3px 0; } .stat .homes .stat-bar, .home-bg { background-color: #e27a48 } .stat .aways .stat-bar, .away-bg { background-color: #3f9ed8 } .stat .homes .stat-bar { border-radius: 3px 0 0 3px; } .stat .aways .stat-bar { border-radius: 0 3px 3px 0; } .stat li:hover .stat-title { background-color: #fbfbcd;} .dark .stat li:hover .stat-title { background-color: #333 } .stat li:hover .stat-c { font-weight: bold; color: #d64444; } .stat li:hover .t-stat-c {font-weight: bold;} .posediv { width: 1000px; position: relative } .fx-title { text-align: center; margin-bottom: 10px; color: #666; } .fx-title img { display: none; height: 25px; vertical-align: middle; margin: 0 20px; border: 1px solid #e5e5e5; padding: 10px; background-color: #fff; border-radius: 10px 0 10px 0; } .fx-title span { display: inline-block; font-weight: bold } .fx-title-name { font-size: 18px; width: 310px } .fx-title .fx-title-vs { margin: 0 10px; width: 350px; font-size: 20px; } .f-l { text-align: left } .f-r { text-align: right } .fx-tab { text-align: center; margin: 20px auto } .fx-tab li { display: inline-block; color: #666; width: 150px; line-height: 25px; vertical-align: middle; } .fx-tab .middle-line { display: inline-block; width: 1px; background-color: #e5e5e5; margin: 0 170px; height: 30px; vertical-align: middle; padding: 0; border: none } .fx-tab span { border-radius: 20px; display: inline-block; height: 25px } .fx-tab .fx-tab-on { color: #e27a48; } .fx-tab .fx-tab-on2 { color: #3f9ed8; } .fx-tab .fx-tab-on, .fx-tab .fx-tab-on2 { font-weight: bold; box-shadow: 0 1px 8px 0 rgba(0,0,0,0.36); border-radius: 20px; } .fx-tab2 { text-align: center; margin: 10px auto } .fx-tab2 li { color: var(--textcolor-2);display: inline-block;width: 120px; line-height: 25px; vertical-align: middle; cursor: pointer; } .fx-tab2 span { background-color: var(--bgcolor-3); border-radius: 20px; display: inline-block; height: 25px; padding: 2px; } .fx-tab2 .fx-tab2-on {background-color: var(--bgcolor-1);color: var(--textcolor-1); font-weight: bold; border-radius: 20px;} .fx-comparision { width: 500px; margin: 0 auto; text-align: center } .fx-data-left, .fx-data-right { display: inline-block; vertical-align: middle; } .fx-data-left li, .fx-data-right li { width: 200px; } .fx-data-left li span { float: right; } .fx-data-right li div, .fx-data-right li span { float: left; } .fx-c2 { font-size: 15px; font-weight: bold; padding: 0 5px; text-align: center } .fx-c2:after { content: "%"; font-size: 12px; padding: 0 1px } .fx-c-l { border-radius: 3px 0 0 3px; } .fx-c-r { border-radius: 0 3px 3px 0; } .scoreComp { float: left; } .missComp { float: right; } .fx-c-l, .fx-c-r { height: 18px } .fx-c-3 { width: 60px; background-color: #FFF; box-shadow: 1px 1px 4px #888; line-height: 30px; margin: 0 -3px -1px -4px; display: inline-block; vertical-align: middle; } .fl { left: 0 } .fr { right: 0 } .bg1 { background-color: #f3f2f2 !important } .dark .bg1 { background-color: #282828 !important } .ky img { vertical-align: 0; margin: 0 3px; } .team-table-other .fx-green { background-color: #60a93c !important; color: #fff } .team-table-other .fx-red { background-color: #ec4545 !important; color: #fff } .team-table-other .fx-blue { background-color: #346ec5 !important; color: #fff } #main .content { overflow: hidden; margin-bottom: 10px; padding: 0px; } .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; } #home,#guest { float: left; width: 170px; height: auto; text-align: center; margin-top: 10px; } #matchItems { float: left; width: 598px; padding-top: 10px; } #matchItems .item { text-align: center; line-height: 20px; font-size: 12px; overflow: hidden; } .bhTable,.statisticsTable { line-height: 16px; } .bhTable th, .statisticsTable th { padding: 5px; background: #5885B7; color: #FFF; font-size: 14px; } .bhTable td, .statisticsTable td { border-bottom: 1px solid #e5e5e5; font-size: 12px; padding-right: 5px; padding-left: 5px; height: 20px; color: #333; } .bhTable tr td.bg1, .statisticsTable tr td.bg1 { background: #F4F4F4; } .bhTable tr td.bg2, .statisticsTable tr td.bg2 { background: #FFF; } .bhTable tr td.bg3, .statisticsTable tr td.bg3 { background: #F4F4F4; } .bhTable tr td.bg4, .statisticsTable tr td.bg4 { background: #FFF; } .bhTable tr.bg1, .statisticsTable tr.bg1 { background: #F4F4F4; } .barBg2 .info { background: #ff6600; height: 16px; float: right; } .barBg .info { background: #0b79c9; height: 16px; } #home { width: 170px; height: auto; text-align: center; margin-top: 10px; float: left; } #guest { width: 170px; height: auto; text-align: center; margin-top: 10px; float: left; } #home .name { text-align: center; color: rgb(18, 134, 197); line-height: 20px; font-size: 14px; font-weight: bold; margin-top: 5px; display: block; } #guest .name { text-align: center; color: rgb(18, 134, 197); line-height: 20px; font-size: 14px; font-weight: bold; margin-top: 5px; display: block; } /*match box*/ #mactbox-black { background-color: #444; overflow: hidden; padding: 30px 0 10px 0 } #matchBox { background: url("../images/soccer-bg.png") no-repeat; color: #fff; width: 980px; margin: 0 auto; clear: both } .dark #matchBox { opacity: 0.85; } .teamNames { position: relative; text-align: center; width: 980px; margin: 0 auto } .teamNames a { color: #fff } .tn-home, .tn-away { width: 50%; display: inline-block; float: left; color: #fff; line-height: 30px; font-size: 16px; font-weight: bold; border-radius: 8px 8px 0 0; } .tn-vs-d { position: absolute; left: 400px; width: 180px; height: 46px; border-radius: 6px; top: -3px; display: inline-block; transform: perspective(1.5em) rotateX(-5deg); transform-origin: top; background-color: #e8e8e8; background-image: linear-gradient(180deg,transparent,#ccc,#f0f0f0); box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.25); } .tn-vs-c { position: absolute; left: 400px; width: 180px; font-size: 22px; font-weight: bold; color: #555; top: -1px; display: inline-block; } #matchBox .backupPlay { background-color: #41750D; border: 3px solid #71A140; border-top: none; height: auto; } #matchBox .backupPlay .play { width: 131px; height: 40px; color: rgb(231, 241, 218); line-height: 20px; font-size: 12px; text-decoration: none; margin-right: 5px; margin-left: 5px; float: left; display: block; white-space: nowrap; } #matchBox .backupPlay .play div { height: 20px; text-align: center; line-height: 20px; display: block; } #matchBox .backupPlay .play .name { background: rgb(58, 92, 27); width: 115px; height: 20px; text-align: left; line-height: 20px; overflow: hidden; padding-right: 5px; padding-left: 5px; display: block; white-space: nowrap; text-overflow: ellipsis; border-radius: 3px; } #matchBox .backupPlay .play .name a, #matchBox .backupPlay .play .name a:hover { color: #ceefc0; } #matchBox .backupPlay .bu_txt { text-align: center; color: #79af35; font-size: 14px; } #matchBox .backupPlay .home { width: 425px; clear: left; float: left; padding-left: 15px; } #matchBox .backupPlay .guest { width: 425px; clear: right; float: right; } #matchBox .plays { width: 100%; height: 450px; display: block; } #matchBox .plays .home { width: 469px; float: left; } #matchBox .plays .guest { width: 469px; float: right; } #matchBox .plays .playBox { width: 117px; float: left; position: relative; } #matchBox .plays .playBox .play { height: 90px; margin-right: auto; margin-left: auto; float: none; display: table; position: relative } #matchBox .plays .playBox .play div { text-align: center; line-height: 20px; display: block; min-height: 20px; } .plays .playBox .play span { vertical-align: middle; display: table-cell; } #matchBox .plays .playBox .play .name { background: rgb(58, 92, 27); width: 80px; height: 20px; text-align: left; color: rgb(231, 241, 218); line-height: 20px; padding-right: 5px; font-size: 12px; display: block; white-space: nowrap; text-overflow: ellipsis; border-radius: 3px; position: relative } #matchBox .plays .playBox .play .name a { color: rgb(231, 241, 218); overflow: hidden; width: 60px; display: inline-block; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; } #matchBox .plays .guest .playBox .play .name a { padding-left: 20px; } #matchBox .plays .five .playBox { width: 93px; } #matchBox .plays .five .playBox .play .name { background: rgb(58, 92, 27); width: 80px; height: 20px; text-align: left; color: rgb(231, 241, 218); line-height: 20px; padding-right: 5px; ont-size: 12px; float: none; display: block; white-space: nowrap; text-overflow: ellipsis; } #matchBox .plays .five .playBox .play .name a { width: 52px; height: 20px; text-align: left; color: rgb(231, 241, 218); line-height: 20px; overflow: hidden; font-size: 12px; display: block; white-space: nowrap; text-overflow: ellipsis; } #matchBox .plays .guest.five .playBox .play .name a { padding-left: 25px } #matchBox .plays .playBox .play a:hover { color: rgb(220, 222, 44); } #matchBox .one .playBox { width: 75%; text-align: left; padding-top: 8px; margin-left: 25%; } #matchBox .one .playBox .play { margin: 10px auto; width: 90%; height: 20px; white-space: nowrap; } #matchBox .one .playBox .play .name { width: auto; height: 20px; text-align: left; color: rgb(231, 241, 218); line-height: 20px; padding-right: 5px; padding-left: 5px; font-size: 12px; margin-right: auto; margin-left: auto; float: left; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; } #matchBox .one .playBox .play .img { vertical-align: middle; float: left; padding-left: 5px } #matchBox .hurtPlay { background-color: #41750D; border: 3px solid #71A140; border-top: none; position: relative; height: auto; padding-bottom: 15px; overflow: hidden; } #matchBox .hurtPlay h3 { color: #FF0; display: block; font-weight: normal; text-align: center; padding: 0px; line-height: 30px; margin: 0px; font-size: 14px; } #matchBox .hurtPlay ul li, #matchBox .hurtPlay ul { list-style: none; padding: 0px; margin: 0px; } #matchBox .hurtPlay ul li { width: 50%; float: left; text-align: center; font-size: 12px; } #matchBox .hurtPlay .title { background-color: #43800b; margin-bottom: 10px; line-height: 30px; } #matchBox .hurtPlay .name { background: #3A5C1B; line-height: 20px; height: 20px; width: 84%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 5px; padding-left: 5px; text-align: left; margin: 0px auto 5px auto; } #matchBox .hurtPlay .play { color: #E7F1DA; text-decoration: none; display: block; float: left; white-space: nowrap; margin-right: 5px; margin-left: 5px; line-height: 20px; font-size: 12px; width: 114px; height: 40px; } #matchBox .hurtPlay .name a { color: #E7F1DA; } #matchBox .hurtPlay .bu_txt { left: 484px; top: 50%; width: 60px; height: 60px; text-align: center; color: rgb(255, 255, 0); line-height: 20px; margin-top: -40px; position: absolute; margin-left: -25px; font-size: 14px; } #matchBox .hurtPlay .home ul { width: 100%; } #matchBox .hurtPlay .home { float: left; width: 425px; clear: left; margin-left: 1px; min-height: 70px; } #matchBox .hurtPlay .guest { float: right; width: 425px; clear: right; margin-right: 1px; } .one .playBox .play span { padding: 0; display: inline; } .team-h1 { text-align: center } .team-h1 span { display: inline-block; width: 50%; height: 3px; } #icons { line-height: 30px; overflow: hidden; padding: 10px; color: #bbb; width: 980px; margin: 0 auto; } #icons div.title { background: url("../images/bf_img/title.jpg") no-repeat left; margin: 0px; padding: 0px; height: 105px; } #icons .icon { text-align: left; line-height: 24px; margin-left: 5px; float: left; display: block; white-space: nowrap; width: 130px; padding-right: 5px; } #icons .icon img { margin-top: -3px; margin-right: 5px; vertical-align: middle; } /*match box end*/ .playInfoBar { line-height: 22px; } .playInfoBar .title { float: left; margin-right: 10px; padding-left: 10px; display: block; } .playInfoBar a { font-weight: normal; color: #FFF; display: block; float: left; padding-right: 10px; padding-left: 10px; } .playInfoBar a.on { color: #ca6800; background-color: #fff; font-weight: bold; opacity: 0.8; } .yellow_bg { background-color: #eaeaea; border-bottom: 1px solid #d8d8d8; } .yellow_l_bg { background-color: #FFF7E1; } /*detail End*/ .adclass { text-align: center; } .leftTd { background-color: #ffffff; text-align: left; } #showOddsTypes { width: 200px; position: absolute; left: 0; top: 84px; z-index: 5; visibility: hidden; } #showOddsTypes .selectUL li { line-height: 30px; cursor: pointer; padding-left: 10px } #showOddsTypes .selectUL li strong { width: 30px; margin-right: 10px; display: inline-block; padding-left: 5px } #showOddsTypes .selectUL li:hover { background: #166cbf; color: #FFF } .nullA, .nullA:hover, .nullA:visited, .nullA:link { cursor: default; text-decoration: none !important; color: black; border-left: none; } .white { color: white !important; } .discription { padding-top: 10px; 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; } #SelectLink { visibility: hidden; top: 50px; left: 800px; width: 130px; position: absolute; border: solid 3px #2C435C; line-height: 22px; text-align: left; background-color: #72ACDE; z-index: 8; padding: 3px; } #SelectLink a, .wap a, .wap2 a { color: #FF0; font-weight: bold; } .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; } div#dbpop { float: left; position: absolute; left: 498px; top: 166px; } #tr_com_h td, #tr_com_g td { text-align: center; } #hotInfo { background-color: #FFFACC; height: 26px; width: 950px; margin-right: auto; margin-left: auto; position: relative; } #hotInfo span, #hotInfo li { float: left; line-height: 24px; height: 24px; margin: 2px 2px 0px 5px; } #hotInfo li { background-image: url(/images/lesIcon.png); background-size: 18px auto; height: 18px; background-repeat: no-repeat; padding-left: 20px; } #hotInfo span { font-weight: bold; } .hLea2 { background-position: 0px -54px; } .hLea3 { background-position: 0px -90px; } .hLea4 { background-position: 0px -108px; } .hLea5 { background-position: 0px -18px; } .hLea6 { background-position: 0px -36px; } .hLea7 { background-position: 0px -72px; } #allListM { position: absolute; background-color: #FFF; border: 3px solid #6596CA; left: 140px; top: 0px; width: 654px; z-index: 100; padding: 8px; } #allListM .leftnav li { float: left; margin: 3px 5px; width: 120px; border-bottom: none; } #allListM .leftnav li a { background-image: none; } #allListM .leftnav li a:hover { background-color: #FFF9AA; } #allListM .leftnav { margin: 5px; } #bottomM .smrTitle ul, #bottomM .smrM { padding-left: 22px; } #bottomM .smrTitle li { padding-left: 10px; width: 135px; float: left; list-style: none; } #bottomM .smrM ul { padding-left: 10px; width: 135px; float: left; list-style: none; line-height: 20px; height: 80px; } #bottomM .titleM, #bottomM .smrTitle li { font-weight: bold; margin-bottom: 10px; margin-top: 10px; } #bottomM .linksM { text-align: center; margin-left: 22px; } #bottomM .linksM li { float: left; width: 135px; text-align: left; padding-left: 10px; } #bottomM .rrs { height: 36px; width: 100%; text-align: center; } .scTitle { padding: 2px 20px 2px 20px; } .scTitle a { color: #003399 !important; font-weight: bold; } .more_r { color: red; font-weight: bold; float: right; font-size: 14px; line-height: 26px; padding-right: 5px; } .aotable { text-align: center; margin-bottom: 10px; } /*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; border-top: 1px solid #8e3537; 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: 82px; display: inline-block; } /*popup end*/ #analyMap a { width: 66px; text-align: center; color: #fff; line-height: 22px; margin-bottom: 2px; display: block; } #analyMap a:hover, #analyMap a:first-child { background-color: #f60; text-decoration: none; } .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: red; font-weight: bold; line-height: 30px; } .expLine { text-align: center; } #main #left .lrdiv { width: 135px; } .input_text { border: none; font-size: 12px; width: 133px; 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; } .nwTool .menu span:hover { color: #ff0; } .noteImg { width: 728px; height: 63px; margin-bottom: 5px; border-radius: 2px; overflow: hidden; display: block; } .noteImg img { width: 100%; } .bottomBar { background: #efefef; padding: 0 5px; margin-bottom: -5px; line-height: 26px; margin-top: 5px; } #backup_fav_top { background: #fff; cursor: pointer; width: 1000px; margin-right: auto; margin-left: auto; position: relative; } #backup_fav { text-align: center; background-color: #2d67b3; width: 100%; font-size: 16px; line-height: 30px; margin: 0 auto; color: #fff; } .backup_fav_m { font-size: 50px; line-height: 80px; } .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: 3px } #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: auto; } #basketball #main #left { min-height: 1520px; } #main #min { width: 710px; } .toolimg { position: relative; line-height: 25px; height: 25px; text-align: left !important; } .toolimg .icons { position: absolute; right: 0px; top: 6px; width: 88px; } .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; } .popWinBtm { background: #5f9bcf; z-index: 999999; box-shadow: 0 0 10px #666; color: #fff; text-align: left; left: 0%; bottom: 0px; width: 100%; padding-top: 5px; padding-bottom: 5px; line-height: 22px; } .popWinBtm .linkBtn2 { background: #fff; width: 80px; text-align: center; border-radius: 5px; border: 2px solid #486d96; margin-right: 5px; margin-left: 5px; padding: 5px; overflow: hidden; line-height: 20px; height: 20px; } .popWinBtm .closeBtn { width: 20px; font-size: 18px; text-align: center; border-radius: 5px; color: #fff; font-family: Verdana, Geneva, sans-serif; text-decoration: none; top: 0px; right: 0px; line-height: 20px; height: 20px; padding-right: 5px; padding-left: 5px; float: right; } #popupLinksMsg { position: absolute; 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 { margin: 5px 0px 0px 0; line-height: 22px; color: white; font-size: 14px; text-align: center } #topLine { font-weight: bold; line-height: 40px } #popTouchWin { min-height: 200px; } #popTouchWin * { box-sizing: border-box; } #popTouchWin #pop1 { float: left; width: 100%; } #popTouchWin b { font-size: 50px; display: block; } #popTouchWin .closeBtn { font-size: 75px; min-height: 200px; line-height: 200px; width: 10%; float: left; position: static; margin: 0; } #popTouchWin .phone { background: url("/images/phone.png")no-repeat 5px center; background-size: auto 60%; } #popTouchWin .ios { background: url("/images/ios.png") no-repeat 5px center; background-size: auto 60%; } #popTouchWin .android { background: url("/images/android.png") no-repeat 5px center; background-size: auto 60%; } #popTouchWin a { display: block; height: 200px; font-size: 30px; padding: 50px 0 0 130px; float: left; width: 45%; text-align: left; } /*顶部球类导航*/ #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); } #ball9 i { background-image: url(/images/news.png); } #ball10 i { background-image: url(/images/duelday.png); } #balls i { background-image: url(/images/more.png); } #ball11 i { background-image: url(/images/api.png); } #ball12 i { background-image: url(/images/ad.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 a { display: inline-block; line-height: 35px; height: 35px; float: left; font-weight: bold; width: 14.2%; text-align: center; position: relative; } .menu2 li:last-child a { border-right: 0; } .menu2 li a:hover { text-decoration: none; } .shareLi { position: absolute; right: -6px; bottom: -1px; } .shareLi img { width: 30px; margin-top: 3px; } /*内容页菜单*/ #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 a { 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 a:hover { text-decoration: none; } #tools .filterLi a{position: relative; padding:0 19px 0 9px;} /*#tools .filterLi a:after { width: 0;height: 0;content:"";border: 4px solid transparent;border-top-color: #666;margin-left: 5px;vertical-align: -3px;display: inline-block;*/ /*position: absolute; right: 5px; top:13px;*/ /*}*/ #tools .on.filterLi a:after, .dark #tools .on.filterLi a:after { border-top-color: #fff; } #tools .filterLi2 a { padding: 0 7px; } #tools li span u { margin-left: 8px } #tools .on a, #tools .on a:hover { color: #fff; font-weight: bold; } #tools .pd2 li a { padding: 0 15px } /* #tools .pd2 .filterLi a,#main3 #tools .filterLi a {padding:0 28px 0 17px} */ #tools .pd2 .filterLi a:after, #main3 #tools .filterLi a:after { right: 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; } /*内容页菜单---篮球*/ .odds_detail select {background: transparent;} #basket #tools .odds_detail { margin: 0 10px 0 0; } #basket #tools .odds_setting { width: auto; } #basket #tools .odds_setting li { line-height: 15px; border: none; text-align: center; height: auto; padding: 0 10px; cursor: pointer; } #basket #tools .odds_setting li:hover { color: #F30; } #main3 #tools li a { padding: 0 10px } #main3 #tools { padding: 0 } #tools .on-arrow a { position: relative; } #oTypeText:after { position: absolute; width: 0; height: 0; content: ""; border: 4px solid transparent; border-top-color: #FFF; right: 15px; top: 13px; } #tools #li_MyGame a { padding-right: 7px } /*日期选择*/ .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: 10px; 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 a { 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; } /* 篮球内页新头 */ .bkTeamBox { width: 100%; overflow: hidden; display: table; } .bkTeamBox li { width: 10%; min-height: 150px; text-align: center; display: table-cell; vertical-align: middle; } .bkTeamBox li.Score { width: 60% } .bkTeamBox li.HName a, .bkTeamBox li.GName a { color: #2196F3; } .bkTeamBox li .team_bf { font-size: 30px; font-weight: 300; color: #036; } .topStatus { text-align: center; position: relative; } .topStatus > div { width: auto; position: absolute; top: 0; } .topStatus .left { left: 0; } .topStatus .right { right: 0; text-align: right; max-width: 400px; } .VS { font-size: 30px; font-weight: bold; display: block; text-align: center; } .uyds td { font-weight: bold; text-align: center; font-size: 14px; } .t_bf td { text-align: center; color: #FFF; } .t_bf { color: #333; } .zbf { font-weight: bold; font-size: 15px; } .o_team { font-size: 14px; font-weight: bold; } /* 篮球内页新头 */ #downobj { background-image: url(/images/Excel_icon.gif); background-repeat: no-repeat; background-position: left; text-decoration: underline; padding-left: 16px; color: #5F9349; } /*新版本足球内页头部赛事信息*/ .fbheader { overflow: hidden; padding: 0; padding: 10px; } .fbheader > div { text-align: center; } .fbheader .home { width: 15%; float: left; text-align: center; margin-top: 8.5px; } .fbheader .vs { width: 70%; float: left; } .fbheader .guest { width: 15%; float: right; text-align: center; margin-top: 8.5px; } .fbheader .home a, .fbheader .guest a { font-size: 14px; color: var(--textcolor-1); text-decoration: none; font-weight: bold; } .fbheader .home img, .fbheader .guest img { display: block; margin: 0 auto; } .fbheader .row { line-height: 30px; width: 100%; display: block; overflow: hidden; } .fbheader .row.vs {color: var(--textcolor-2);font-size: 26px; line-height: 40px; font-weight: bold; } .fbheader .row .LName { font-size: 14px; font-weight: bold; } .fbheader .row .half { width: 180px; margin: 0 auto; } .fbheader .row .half > div { width: 33.3%; float: left; } .fbheader .row .half .score { font-size: 38px; font-weight: bold; color: #009a01; line-height: 40px; } .fbheader .row .half .vs { line-height: 40px; color: #009a01; font-size: 15px; } .fbheader .row .HT { width: 180px; margin: 0 auto; } .fbheader .row .HT > div { width: 33.3%; float: left; } .fbheader .row .HT .score { font-size: 24px; font-weight: bold; color: #f30; line-height: 40px; } .fbheader .row .HT .vs { line-height: 40px; color: #3473C7; font-size: 15px; } .fbheader .row .end { width: 180px; margin: 0 auto; } .fbheader .row .end .row { line-height: 20px; font-size: 14px; } .fbheader .row .end .row:last-child { font-size: 14px; } .fbheader .row .end > div { width: 33.3%; float: left; } .fbheader .row .end .score { font-size: 38px; font-weight: bold; line-height: 40px; } .fbheader .row .sclassName { float: left; font-size: 18px; font-weight: bold; } .fbheader .row .sclassName a { line-height: normal; } #headVs { margin-top: 15px; } #ad_middle_133 a { float: left; } #ad_middle_133 a:last-child { float: right; } /*2019-08-02新增,队员信息弹窗*/ .plays .playBox .play span ul { position: absolute; display: none; background: #1f3508; color: #d8d8d8; left: 0; font-size: 12px; padding: 20PX; border-radius: 5px; top: 75px; z-index: 999; padding-left: 95px; box-shadow: 0 28px 50px rgba(25,24,40,.35); } .plays .playBox .play span ul li, #matchBox .backupPlay .play span ul li { line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 15px; } .plays .playBox .play span ul li.icon, #matchBox .backupPlay .play span ul li.icon { float: left; width: 75px; height: 100px; background: #e1e1e1; position: absolute; left: 15px; top: 15px; margin-left: 0; border: 3px solid #d8d8d8 } .plays .playBox .play span ul li.icon img, #matchBox .backupPlay .play span ul li.icon img { width: 100%; height: 100%; } #matchBox .one .guest .playBox .play span ul { left: auto; right: auto; } #matchBox .one .playBox .play span ul { top: 25px; left: auto; } .plays .playBox .play span:hover ul, #matchBox .backupPlay .play span:hover ul { display: block; } .plays .guest .playBox .play span ul { right: 0; left: auto; } #matchBox .plays .playBox .play span:hover .name, #matchBox .backupPlay .play span:hover .name { background: #FF5722; color: #fff; cursor: pointer; } #matchBox .plays .playBox .play span:hover .name a:hover, #matchBox .backupPlay .play span:hover .name a:hover { color: #fff; text-decoration: none; } #matchBox .backupPlay .play span { vertical-align: middle; display: table-cell; width: 100%; height: 20px; position: relative; } #matchBox .backupPlay .play span:hover { z-index: 999; } #matchBox .backupPlay .play span ul { position: absolute; display: none; background: #1f3508; color: #d8d8d8; left: 0; font-size: 12px; padding: 20PX; border-radius: 5PX; top: -125px; z-index: 999; padding-left: 95px; box-shadow: 0 -28px 50px rgba(25,24,40,.35); } #matchBox .backupPlay .guest .play span ul { right: 0; left: auto; } #matchBox .backupPlay .clean { clear: both; } #matchBox ul li b { color: #a7a7a7; margin-right: 3px; font-weight: normal } #matchBox .number { line-height: 24px; display: inline-block; width: 24px; height: 24px; vertical-align: top; text-align: center; margin-right: 5px; position: absolute; border-radius: 20px; bacolor: #fff; border: 2px solid #3c5d1a; } #matchBox .home .number { background-color: #e27a48; left: 61px; top: -4px; font-weight: bold } #matchBox .guest .number { background-color: #3f9ed8; left: -12px; top: -4px; font-weight: bold } #matchBox .one .home .number { left: -20px; top: -4px; } #matchBox .one .guest .number { left: -20px; top: -4px; } .pc_win { z-index: 5; position: absolute; width: 480px; visibility: hidden; top: 29px; left: 150px } .pc_win .kl { line-height: 26px; padding: 3px 5px; text-decoration: underline; } .pc_win .kl:hover { color: #F60; } #goalTable tr:hover td { background-color: #d9eaf9 } .pcwin_tit { border-bottom: #dfdfdf 1px dotted; padding-bottom: 4px; background-color: #f5f5f5; padding-left: 10px; padding-top: 4px } .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; } div.porletP { float: left; width: 100%; position: relative; } .porlet_right { width: 100px; height: 25px; float: right; position: absolute; right: 8px; line-height: 25px; display: none } .porlet_right span { width: 22px; height: 22px; margin-top: 2px; margin-right: 2px; float: right; cursor: pointer; background-image: url(/images/starnew.png); } .porlet_right .porlet_up { background-position: -22px top; } .porlet_right .porlet_up:hover { background-position: -22px -22px; } .porlet_right .porlet_down { background-position: left top; } .porlet_right .porlet_down:hover { background-position: left -22px; } .porlet_right .porlet_close { background-position: -44px top; } .porlet_right .porlet_close:hover { background-position: -44px -22px; } .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; border-width: 0; } #myGamesCount, #hiddencount, #nshowhide { font-weight: bold; } .on #myGamesCount { color: #ffd746 } .Preferences input, .Preferences2 input { display: none } .switch { cursor: pointer; } .switch .switch-style { height: 14px; width: 20px; background: #c1c1c1; -webkit-border-radius: 3px; border-radius: 3px; 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: 8px; background-color: #fff; -webkit-border-radius: 2px; border-radius: 2px; left: 0.1em; top: 0.1em; -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: var(--primary-color); } .ef-radio > input[type="radio"]:checked + .dark .ef-radio-style { color: #ffffff; background-color: var(--primary-color); } .dark .ef-radio-style { border-color: #666; background-color: #333 } /*共用样式*/ #main #min, #main3, #teammain, #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 a, #tools .filterLi2 a, #menu li a { transition: all 0.2s linear; } .none { display: none } /*对阵右则功能小图标*/ .closes, .collapse, .expand { display: inline-block; float: left; width: 29px; 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: 12px; left: 11px; 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, .pc_win, #showOddsTypes, .tvLink, #div_search { border-radius: 6px; overflow: hidden; box-shadow: 0 0 20px #777777; } .dark #showoptional2, .dark #showCountry, .dark #showFilterBox, .dark #showoptional, .dark #showCompany, .dark .pc_win, .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, .add-info2 { position: relative } .add-info:hover:after, .add-info2:hover:after, .add-info-l:hover:after, .add-info-l2: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, .open_win:hover:after, .close_win:hover:after, .threeinone-icon:hover:after, .x12-icon: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; } .dark .add-info:hover:after, .dark .add-info2:hover:after, .dark .add-info-l:hover:after, .dark .add-info-l2: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 .open_win:hover:after, .dark .close_win:hover:after, .dark .threeinone-icon:hover:after, .dark .x12-icon:hover:after { background-color: #111; } .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!" } .close-info:hover:after { content: "Remove all game of this league" } .hidden-info:hover:after { content: "Hide all game of this league" } .display-info:hover:after { content: "Display all game of this league" } .open_win:hover:after { content: "Hide prompt windows" } .close_win:hover:after { content: "Show prompt windows" } .odds-icon, .odds-icon1x2, .analyze-icon, .Detail-icon, .Detail-basketball-icon, .x12-icon, .matchdata-icon, .closedata-icon { height: 14px; width: 14px; display: inline-block; margin: 0 1px; position: relative; text-align: center; } .threeinone-icon { display: inline-block; position: relative; } .odds-icon, .odds-icon1x2 { background-image: url(/images/odds.png); } .analyze-icon { background-image: url(/images/analysis.png); } .matchdata-icon { background-image: url(/images/matchdata.png); } .closedata-icon { background-image: url(/images/matchdata2.png); } .x12-icon { background-image: url(/images/1x2.png); } .Detail-icon { background-image: url(/images/t5.png); width: 19px; } /*.dark .Detail-icon {background-image: url(/images/t5-dark.png); width: 17px;}*/ .Detail-basketball-icon { background-image: url(/images/t6.png) } .Detail-basketball-icon:hover:after { content: "Statistics"; } .l0:hover:after { left: 0 } .r0:hover:after { right: 0 } #mintable .isLeaTop td { border-bottom: 1px solid #e2ded7; } .dark #mintable .isLeaTop td { border-bottom: 1px solid #4e4836; } /*子频道排行榜*/ .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: 30px; display: block; float: left; width: 100%; text-align: center; color: #666; } .rs_ser li a:hover,.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 } .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; } .listtab .stsw td { line-height: 18px; padding: 2px 0 } .listtab .number { color: #666 } .litab2 { background-color: #f9f9f9; } #li_nba1, #li_nba2 { width: 50% } #li_ts1, #li_ts2 { width: 50% } .date-table-ul { height: 30px; padding-bottom: 2px } .date-table-ul td a { display: inline-block; padding: 0 10px; line-height: 30px } .date-table-ul td a:hover { text-decoration: none; } .date-table-ul td .dateLink-sel { color: #FFF; } #tabMenu td { padding: 0; margin: 0 } .rf { padding: 10px; border-radius: 4px; overflow: hidden; width: 780px; float: left } #info { width: 1040px; margin: 0px auto 15px auto; BACKGROUND-COLOR: #fff; padding: 10px; border-radius: 4px; overflow: hidden; } #teammain .LName { text-align: left; font-weight: bold; padding-left: 10px } .conner_span { display: inline-block; width: 100% } .yellowcard, .redcard { padding: 0 2px; border-radius: 2px; margin: 0 2px } .yellowcard { background-color: #fdd668; color: #9c6c44; } .redcard { background-color: #d64444; color: #fff; } .close-match { display: inline-block; border-radius: 2px; width: 14px; height: 13px; position: relative; } .close-match:before, .close-match:after { position: absolute; content: ''; width: 10px; height: 1px; top: 6px; left: 2px; background-color: #888; } .close-match:after { transform: rotate(-45deg); } .close-match:before { transform: rotate(45deg); } .close-match:hover { background-color: #e0e0e0; } .open_win, .close_win { display: inline-flex; width: 14px; height: 8px; margin: 0 5px 0 3px; position: relative } .close_win { border: 1px solid #bfbfbf; border-top: 3px solid #bfbfbf; } .close_win:hover { background-color: #ffea66 } .open_win { border: 1px solid #888; border-top: 3px solid #888; background-color: #ffea66 } .open_win:before { position: absolute; display: inline-flex; background-color: #f3ae97; width: 8px; height: 4px; content: ''; left: 3px; top: 2px; } #cbbOddsType { border: 1px solid #c5c5c5; height: 26px; padding: 0 3px; } /*分析页*/ .team-table-title { font-size: 20px; line-height: 40px; font-weight: bold; text-align: center; margin-top: 10px; position: relative; height: 40px; clear: both } .team-table-title .h-tools { display: inline-block; position: absolute; right: 10px; font-size: 14px } .team-table-title2 { text-align: center; margin-top: 10px; position: relative; height: 20px } .team-table-title2 span { position: inherit; bottom: -20px; font-weight: bold; font-size: 20px } .team-table-home { float: left } .team-table-guest { float: right } .team-table-home, .team-table-guest, .team-table-other { line-height: 20px; } .team-table-home tr td, .team-table-guest tr td, .team-table-other tr td { padding: 3px 0 } .team-table-home td, .team-table-guest td, .team-table-other td { text-align: center; } .team-table-home th, .team-table-guest th, .team-table-other th { color: #666; font-weight: normal; line-height: 24px; background-color: #eaeaea; border-bottom: 1px solid #d8d8d8; white-space: nowrap; } .dark .team-table-home th, .dark .team-table-guest th, .dark .team-table-other th { background-color: #403f3f; border-bottom: 1px solid #525252; } .team-home td, .home-m, .team-table-home .playInfoBar { background-color: #de682f !important; color: #fff !important; text-align: center; line-height: 28px } .team-guest td, .guest-m, .team-table-guest .playInfoBar { background-color: #2495da !important; color: #fff !important; text-align: center; line-height: 28px } .dark .team-home td, .dark .home-m, .dark .fx-home .fx-win, .dark .fx-home .fx-lose, .dark .stat .homes .stat-bar, .dark .home-bg, .dark .team-table-home .playInfoBar { background-color: #a54f25 !important; } .dark .team-guest td, .dark .guest-m, .dark .fx-guest .fx-win, .dark .fx-guest .fx-lose, .dark .stat .away .stat-bar, .dark .away-bg, .dark .stat .aways .stat-bar, .dark .away-bg, .dark .team-table-guest .playInfoBar { background-color: #2a76a5 !important; } .dark .team-home-f,.dark .team-home-f a, .dark .team-table-home .teamcolor { color: #c36233; } .dark .team-away-f,.dark .team-away-f a, .dark .team-table-guest .teamcolor { color: #5cb1e6 } .team-home2 td, .team-guest2 td { background-color: #b5b5b5; height: 1px; overflow: hidden; } .team-home2 span, .team-guest2 span { display: none } .team-home td a, .team-guest td a, .home-m a, .guest-m a,.other-title td a { color: #fff; font-size: 14px; font-weight: bold } .other-title td { background-color: #888; line-height: 28px; color: #fff; } .team-home-f,.team-home-f a, .team-table-home .teamcolor { color: #e27a48; } .team-away-f,.team-away-f a, .team-table-guest .teamcolor, .blueLink { color: #3f9ed8 } /*.team-table-home .teamcolor,.team-table-guest .teamcolor {text-decoration: underline dashed; font-weight: bold}*/ .team-table-other th select, .team-table-home th select, .team-table-guest th select { margin-top: 5px; border: 1px solid #d2d2d2 } .team-table-other label, .team-table-home label, .team-table-guest label { font-size: 14px } .rl { border-right: 1px solid #d8d8d8 } .ll { border-left: 1px solid #d8d8d8 } .dark .rl { border-right: 1px solid #525252 } .dark .ll { border-left: 1px solid #525252 } .team-table-other .no-b-l, .team-table-home .no-b-l, .team-table-guest .no-b-l { border-bottom: none } .hbg1 { } .hbg-td1, .isLeaTop, .oddate { 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: #3e3e2d !important } .dark .hbg-td2 { background-color: #1e3520 !important } .dark .hbg-td3 { background-color: #3e2e2b !important } .hbg-td1r { background-color: #fff !important } .hbg-td2r { background-color: #fff !important } .hbg-td3r { background-color: #fff !important } .hbg-td4r { background-color: #fff !important } .dark .hbg-td1r { background-color: #404040 !important } .dark .hbg-td2r { background-color: #404040 !important } .dark .hbg-td3r { background-color: #404040 !important } .dark .hbg-td4r { background-color: #404040 !important } .th-bg2 { font-weight: bold !important; background-color: #e0e0e0 !important } .dark .th-bg2 { background-color: #353434 !important } .th-bg3 { font-weight: bold !important; } .bg-td2 { background-color: #F5F5F5 } .o-lose, .o-win, .o-draw, .o-noResult { color: #fff; border-radius: 2px; min-width: 16px;padding: 0 2px;display: inline-block; text-transform: uppercase; line-height: 16px; text-align: center } .o-lose { background-color: #d64444 } .o-win { background-color: #71ab49 } .o-draw { background-color: #F09B57 } .o-noResult { background-color: #aaa } .lo-f2 { font-weight: bold } .prediction-info { line-height: 35px; color: #666 } .Prediction-t { font-size: 14px; font-weight: bold; } .team-table-other .Prediction-c { padding: 20px; line-height: 22px; text-align: left; font-size: 12px; } .team-div { overflow: hidden; clear: both; z-index: 999 } .home-div { width: 49.5%; float: left } .guest-div { width: 49.5%; float: right } .player-list { padding: 10px; overflow: hidden; line-height: 28px } .player-list a { float: left; display: inline-block; width: 47%; white-space: nowrap; overflow: hidden; padding-right: 10px } .home-div a b, .guest-div a b { display: inline-block; margin-right: 3px; width: 20px; text-align: center; color: #386e90 } .home-div a span, .guest-div a span { display: inline-block; margin-right: 5px; width: 20px; text-align: center; border-radius: 20px; line-height: 20px; } .home-div .Lineup { line-height: 25px; padding-left: 10px; background-color: #fffcec; border-bottom: 1px solid #e6deb1; } .dark .home-div .Lineup { background-color: #403e37; border-bottom: 1px solid #504d3c; } .home-div .Lineup:before { display: inline-grid; content: ''; width: 10px; height: 10px; background-color: #f5d155; border-radius: 20px; margin-right: 8px; } .dark .home-div .Lineup:before { background-color: #776527; } .guest-div .Lineup { line-height: 25px; padding-left: 10px; background-color: #ecf8ff; border-bottom: 1px solid #cbdfec; } .dark .guest-div .Lineup { background-color: #4e5558; border-bottom: 1px solid #606e77; } .guest-div .Lineup:before { display: inline-grid; content: ''; width: 10px; height: 10px; background-color: #9fcbe6; border-radius: 20px; margin-right: 8px; } .dark .guest-div .Lineup:before { background-color: #546e7d; } .Backup { line-height: 25px; padding-left: 10px; background-color: #eaeaea; border-bottom: 1px solid #d8d8d8; } .Backup:before { display: inline-grid; content: ''; width: 10px; height: 10px; background-color: #bdbdbd; border-radius: 20px; margin-right: 8px; } .dark .Backup { background-color: #3a3a3a; border-bottom: 1px solid #444; } .dark .Backup:before { background-color: #565656; } .team-table-home .vv, .team-table-guest .vv { line-height: 30px; font-weight: bold; font-size: 16px; display: inline-block; width: 514px; } .team-table-home .vv { border-bottom: 2px solid #e27a48; color: #e27a48; } .team-table-guest .vv { border-bottom: 2px solid #3f9ed8; color: #3f9ed8; text-align: right } /*分析图表*/ .fx { padding: 10px; } .fx-div { overflow: hidden; padding-bottom: 25px; margin: 0 auto; } .fx-div h3 { font-size: 18px; color: #666; text-align: center; line-height: 40px; font-weight: bold; margin-bottom: 10px } .fx-tb-a { overflow: hidden; float: left; } .fx-tb-a li { width: 77px; float: left; text-align: center } .fx-tb-a li .fx-td-data { height: 80px; position: relative; width: 50px; margin: 0 auto; border-radius: 3px 3px 0 0; } .fx-tb-a li .fx-td-data div { bottom: 0; position: absolute; width: 50px; border-radius: 3px 3px 0 0; } .fx-tb-a h4 { text-align: center; font-size: 14px; font-weight: bold; color: #666; margin-bottom: 10px } .fx-line { height: 140px; width: 1px; overflow: hidden; margin: 0 10px; float: left } .fx-tb-a li .fx-tb-title { padding-top: 5px; } .fx-tb-a li .fx-tb-title b { display: block; } .short li { width: 77px; } .long li { width: 90px; } .fx-tb-b { overflow: hidden; padding-bottom: 5px } .fx-tb-b h4 { font-weight: bold } .fx-tb-b li { display: block; clear: both; line-height: 30px } .fx-tb-b li .fx-td-data2 { height: 18px; float: left; margin: 7px 5px 0 -0; border-radius: 0 3px 3px 0; } .fx-tb-b li b { font-weight: normal } .fx-tb-b li b, .fx-tb-b h4 { width: 100px; text-align: center; float: left; box-shadow: 1px 1px 4px #d5d5d5; border: 1px solid #dedede; margin-bottom: -1px; color: #666; line-height: 30px } /*.dark .fx-tb-b li b,.dark .fx-tb-b h4 {box-shadow: 1px 1px 4px #1d1d1d;border: 1px solid #292929;}*/ .fx-tb-b li span { display: inline-block; float: left; margin: 0 5px } .long2 li, .short2 li, .short3 li { width: 460px; } .fx-logo { position: absolute; top: 230px; } .fx-logo img { height: 80px; vertical-align: middle; margin: 0 20px; border: 1px solid #e5e5e5; padding: 10px; background-color: #fff; border-radius: 10px 0 10px 0; } .fx-div.fx-home, .fx-div.fx-guest { height: 520px; overflow: visible; position: relative } .fx-guest .short2 { top: 205px } .fx-guest .short3 { top: 360px } .fx-guest .fx-tb-b { position: absolute; left: -70px; padding-left: 5px } .fx-guest .win-f, .fx-guest .lose-f { color: #2495da; font-size: 14px } .fx-guest .fx-logo { right: 20px } .fx-home .fx-logo { left: 20px } .fx-home .fx-tb-b.short2 { top: 235px } .fx-home .fx-tb-b.short3 { top: 392px } .fx-home .fx-tb-b { position: absolute; right: 28px; top: 81px } .fx-home .fx-tb-b h4, .fx-home .fx-tb-b li b { display: none } .fx-home .fx-tb-b li .fx-td-data2 { float: right; border-radius: 3px 0 0 3px; } .fx-home .fx-tb-b li { line-height: 31px } .fx-home .fx-tb-b li span { float: right } .fx-home .win-f, .fx-home .lose-f { color: #de682f; font-size: 14px } .fx-win { background-color: #60b723 } .fx-lose { background-color: #EE6435 } .fx-draw { background-color: #aaa } .win-f { color: #60b723 } .lose-f { color: #EE6435 } .draw-f { color: #aaa } .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 { color: #da2727; transform: scale(.85); display: inline-block } .dark .team-hg { color: #eca9a9 } .text-info { text-align: center; color: green; position: relative; font-size: 12px; } .dark .text-info { background-color: #222f19; color: #999; } /*------------------------------------------------bottom--------------------*/ #bottom { clear: both; width: 100%; text-align: center; padding: 15px 0; background-color: #555; color: #999 } #bottom a { color: #e5e5e5; } #bottom .f_menu { width: 1000px; margin: 0 auto; text-align: center; margin-top: 10px } #bottom .f_menu li { display: inline; padding: 0 10px; } .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; } #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 { } #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----------------------------------------------------*/ .languageChoose { float: left; color: #fff; } .languageChoose .Choose-tool { width: 90px; margin: 9px; } #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;cursor: pointer;width: 630px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #ffde00;} .top-tools-right { float: right; height: 36px } .Choose-tool { float: left; display: inline-block; margin-right: 15px; position: relative; cursor: pointer; } .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:650px;} .top-notice .top-tools-left2{flex-grow:1;text-align:right;width:auto;padding:0px 5px;} .top-notice .top-tools-left2 .pMsg{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; } #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.telegram { background-image: url('../../images/share/telegram.png'); } .share.twitter { background-image: url(/images/twitter.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 .odd-bg1 b { white-space: nowrap } .goal_bg { background-color: #BBBB22; } .dark .goal_bg { background-color: #250400; } .redcard_bg { background-color: #ff8888; } .pk_hdp_td { width: 160px; } .pk_odd_td { width: 30px; } #matchBox .shutup { height: 24px; position: relative } #matchBox .shutup table { display: none } #matchBox .backupPlay .shutup-btn { background-color: rgb(58, 92, 27); color: #FFF; margin: 0 auto; text-align: center; line-height: 24px; width: 80px; border-radius: 3px 3px 0 0; cursor: pointer; } #matchBox .backupPlay .shutup-btn:hover { background-color: rgb(42, 82, 6) } #matchBox .shutup .shutup-btn { background-color: #41750D; width: 100%; } #matchBox .backupPlay .shutup-btn:after { display: inline-block; content: ""; width: 0; height: 0; border-bottom: 4px solid rgba(255, 255, 255,0.5); border-top: 0 none; border-left: 4px solid transparent; border-right: 4px solid transparent; vertical-align: 2px; margin-left: 5px; } #matchBox .shutup .shutup-btn:after { display: inline-block; content: ""; width: 0; height: 0; border-top: 4px solid rgba(255, 255, 255,0.5); border-bottom: 0 none; border-left: 4px solid transparent; border-right: 4px solid transparent; vertical-align: 2px; margin-left: 5px; } #matchBox .backupPlay table { padding: 10px 0 } .sbOddsCornerNoData { border: solid 1px #666; background-color: #FFFFFF; width: 180px; line-height: 28px; text-align: center; font-size: 14px; } .dark .sbOddsCornerNoData { border: solid 1px #444; background-color: #444; } #Lineup_icons { line-height: 30px; padding-top: 10px; width: 780px; margin: 0 auto; } #Lineup_icons .icon { text-align: center; float: left; width: 40px; } .tipsNum { margin-right: 10px; color: rgba(0,0,0,.6); display: none; } .dark .tipsNum { 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 } .homeSix span { margin-right: 2px; } .guestSix span { margin-left: 2px; } .ant .lb-ms { margin-bottom: 4px } .mx2 ul { padding-bottom: 2px; overflow: hidden; } .lb-m { width: 55px; 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; } /*外部页面调用样式*/ .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: var(--primary-color); } #free-tools .on a, #free-tools .on a:hover { color: #FFF !important; } #detail-oddsSel { width: 86px; position: absolute; right: 0; top: 10px; } /*----------------------直播弹窗------------------------------*/ .tvLink { position: absolute; background-color: #fff; width: 400px; line-height: 30px; padding-bottom: 5px; z-index: 999; } .tvLink span { font-size: 12px; line-height: 20px; display: block; } .tvLink ul li a { text-decoration: none; text-align: center; border-radius: 3px; margin: 0 10px 5px; display: block; font-size: 14px; line-height: 32px } .tvLink ul li a:hover { color: #FFF; border: 1px solid var(--primary-color) !important; background: var(--primary-color); } .tvTitle { text-align: left; background-color: #397f19; color: #fff; padding: 0 5px; font-size: 12px; font-weight: bold; line-height: 30px; } .tvTitle img { float: right; line-height: 30px; cursor: pointer; margin: 6px 0; } .tvLink .team { text-align: center; font-weight: 800; line-height: 20px; padding: 10px } .tvLink .team .home, .tvLink .team .guest { float: left; width: 160px; padding: 0 5px; font-weight: bold; line-height: 16px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tvLink .team .guest { text-align: left; } .team .vs { font-size: 12px; font-weight: 800; line-height: 16px; width: 30px; float: left; } .tvLink .team span { color: #999; } .tvLink .nba { background: #7d5740; } .BtvLink { border: 2px solid #7d5740; } .BtvLink ul li:hover { border: 1px solid #7d5740; background: #faf5f0; color: #7d5740; } .BtvLink ul li a:hover { color: #7d5740; } .tvLink .noData { font-weight: 700; padding: 10px 0 15px 0; } .n-search { padding: 6px 10px; overflow: hidden; border-radius: 4px; margin-bottom: 5px } .n-search .input_text { border-radius: 4px; outline: none;line-height: normal; } /*----------------------搜索弹窗------------------------------*/ .search-container { z-index: 3; border-radius: 2px; overflow: hidden; top: -1px; padding: 8px 8px 0 8px; } .search-container .search-header { display: block; overflow: hidden } .search-container .search-title { border-bottom: none !important } .search-container .searchItem { line-height: 32px; font-size: 12px; overflow: hidden; } .search-container .searchItem:nth-child(odd) { } .search-container .searchItem:hover, .search-container .more:hover { background: #fff0b9; cursor: pointer } .dark .search-container .searchItem:hover, .dark .search-container .more:hover { background: #191402; } .search-container .searchItem span { display: block; float: left; text-align: center } .search-container .settop { width: 3%; line-height: 22px; height: 22px; background: url("/images/admygame.gif") no-repeat center center; } .search-container .add, .search-container .add2 { width: 19px } .search-container .add img, .search-container .add2 img { margin-top: 7px } .search-container .time-s { width: 6% } .search-container .status { width: 16% } .search-container .sclass { width: 15% } .search-container .teamName { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500 } .search-container .homeName, .search-container .guestName { width: 25% } .search-container .totalScore { width: 10%; font-size: 14px; font-weight: 600; white-space: nowrap } #basketball .search-container .time-s { width: 21% } #basketball .search-title span { background-color: #923031 } #div_search .sotit { text-align: left } .search-title span { background-color: var(--primary-color); color: RGBA(255,255,255,.7); line-height: 26px } #selectsound1, #selectsound2 { width: 122px; 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; } .allno { display: inline-block; width: 11px; height: 12px; background-image: url(/images/allno.png); margin-top: 2px; cursor: pointer; } .analyze-icon, .odds-icon, .Detail-icon, .matchdata-icon, .threeinone-icon, .closedata-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); } #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 #login_icon a { display: block; } .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 .on .badge_fill { position: absolute; top: 3px; right: 3px; 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: 9px; padding: 0 4px; } .loginBox .badge_fill { position: absolute; bottom: -7px; top: unset } .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; } /*--------------新球类*--------------/ /* .data1 { float: left; width: 630px; text-align: center; } .nodata { width: 95.2%; float: left; padding: 20px; font-size: 14px; text-align: center; line-height: 22px; border: 1px solid #d9d9d9; } */ /*比分页*/ .ahodds { text-align: right; } #returnTop a {float: right;} .listtab tr:hover {background: #ffeece;transition: all 0.2s linear;} .listtab tr:hover a {color: #ad6212;text-decoration: none;} .dark .listtab tr:hover {background: #3a3a3a;} .li_today { color: #ec6623; } #ball6 i { background-image: url(/images/Cricket.png); } /*资料库*/ .b { font-weight: bold; } .hide { display: none !important; } #i_main { float: left; width: 875px; background: #fff; padding: 10px; border-radius: 4px; position: relative; } .info_title { overflow: hidden; margin: 0 0 15px 0; } .info_title_left {width: 85%;font-size: 24px; line-height: 30px; font-weight: bold; float: left; } .info_title_left .img { float: left; margin-right: 10px; } .info_title_left .img img { height: 60px; width: auto; } .info_title_left .btn { margin-left: 10px; height: 20px; line-height: 20px; } .info_title_right { float: right; } .info_title_right select { padding: 3px 4px; border: 1px solid #d2d2d2; } .sub_menu { overflow: hidden; line-height: 32px; border-bottom: 3px solid #d05254; } .sub_menu a { text-decoration: none; color: #666; display: block; float: left; text-align: center; position: relative; margin-right: 2px; padding: 0 12px; background-color: #e5e5e5 } .sub_menu a:hover,.sub_menu.league a:hover { background-color: #DDD } .sub_menu a.on i { position: absolute; left: 0px; top: -3px; height: 3px; width: 100%; display: block; background: url(/images/topMenu_i.gif) no-repeat left top; } .league a.on, .cup a.on,.league a.on:hover, .cup a.on:hover { background-color: var(--primary-color);color: var(--text-white) !important; } .dark .league a.on, .dark .cup a.on, .dark .league a.on:hover,.dark .cup a.on:hover { background-color: var(--primary-color); } .nav_title_right { position: absolute; top: 90px; right: 10px; } .nav_title_right select { background-color: #fff;color: #333;border: 1px solid #d2d2d2;font-size: 12px; line-height: 26px; height: 26px; padding: 0 5px;cursor: pointer; } .data { float: left; width: 100%;} table {border-collapse: collapse;} table tr td, table tr th { line-height: 22px; } .tdlink { font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #D9D9D9; } .tdlink > tbody > tr > td { border: 1px solid #e5e5e5;} .tdlink > tbody > tr > th { border: 1px solid #d2d2d2;} .tdlink tr:nth-child(odd) { background: #f7f7f7; } .tdlink a:link, .tdlink a:visited { color: #a94446; font-family: Verdana, Arial, Helvetica, sans-serif; } .tdlink a:hover { color: #f60; text-decoration: none; } /* .nav_select_right {background-color: #e5e5e5;overflow: hidden;} .crumbs {float: left;line-height: 33px;margin: 0 10px;color: #666;} .nav_select_right #selectTeam {float: right;} */ .divtitle {background-color: #FFDC73;width: 200px;line-height: 25px;height: 25px;font-weight: bold;text-align: center;margin-top: 8px;} .regiontitle { width: 100%; background: #f5f5f5; color: #999; font-weight: bold; line-height: 26px; text-align: center; border-bottom: solid 1px #e8e8e8;} .team-box { border-bottom: solid 1px #e8e8e8; } .team-box::after { content: ""; clear: both; display: block; } .teamnamebox { float: left; width: 49.9%; font-size: 15px; border-bottom: solid 1px #e8e8e8; border-right: solid 1px #e8e8e8; /* display: flex;align-items: center;justify-content: left;*/ } a.teamnamebox:hover { text-decoration: none; } .teamnamebox .teamicon { width: 40px; height: 40px; background: #f5f5f5; border-radius: 50%; margin: 10px; vertical-align: middle; } .teamnamebox:nth-child(even) { border-right: none; } .teamnamebox:last-child,.teamnamebox:nth-last-child(2) { border-bottom: none; } .teamdeatbox { width: 99.8%; border: 1px solid #d9d9d9; } .team-head .teamdeatbox {width: 20%;} .content { width: 100%; float: left; margin-bottom: 5px; } .main_title { background: var(--primary-color);color: var(--text-white); position: relative; font-size: 14px; line-height: 30px; font-weight: bold; text-align: center; float: left; width: 100%; } .main_title .title_left {padding:0px;position:absolute;left:4px;top:6px;} .pages { float: left; width: 100%; text-align: center; padding: 10px 0; } .pages ul { margin: 0 auto;display: inline-block; } .pages li { float: left; background: #e5e5e5; color: #333; line-height: 26px; text-align: center; border-radius: 3px; margin: 0 2px; padding: 0 15px; cursor: pointer; } .pages .pagechose { color: #666; float: left; line-height: 26px; margin: 0 5px; } .pagechose select { margin-left: 5px; padding: 2px 5px; } .pages .pageicon { width: 6px; height: 6px; border-top: 2px solid #666; border-left: 2px solid #666; transform: rotate(-45deg); margin: 9px 2px; } .pages .pageicon.next { transform: rotate(135deg); } .data .cupmatch { padding: 4px 0; border-bottom: 2px solid #a94446; } .data .cupmatch::after { content: ""; display: block; clear: both; } .data .cupmatch li { float: left; padding: 0 3px; margin-right: 5px; line-height: 30px; } .data .cupmatch li:last-child { margin: 0; } .cupmatch_rw1 { color: #fff;background: #d05254; border: 1px solid #d05254; border-radius: 3px; line-height: 15px; font-weight: bold; cursor: pointer; text-align: center; cursor: pointer; } .cupmatch_rw1 a { color: #fff; } .cupmatch_rw2 { color: #333;background: #f5f5f5;border: 1px solid #e5e5e5; border-radius: 3px; line-height: 15px; font-weight: bold; cursor: pointer; text-align: center; cursor: pointer; } .cupmatch_rw2:hover { background: #fff1f1; border-color: #efc5c6; } .cupmatch_rw2:hover a {color: #333;} .points {background: #4aaf6c;color: #fff;font-size: 12px;font-style: normal;padding: 1px 5px;margin-left: 5px;border-radius: 10px;} /*资料库----dark*/ .dark #info, .dark #i_main, .dark #i_main2, .dark #bottom { background-color: #282828; } .dark .sub_menu a {background: #444;color: #ccc;} /* .dark .league a.on,.dark .league a.on:hover { background-color: var(--primary-color); color: #FFF; } */ .dark .league a:hover,.dark .cup a:hover {background: #555;} .dark .nav_title_right select {background: #222;color: #e5e5e5;border: solid 1px #444;} .dark .tdlink tr:nth-child(odd),.dark #Table3 tr:nth-child(odd) {background: #222;} .dark .tdlink,.dark .tdlink > tbody > tr > td, .dark .tdlink > tbody > tr > th {border-color: #444!important;} .dark .divtitle {background-color: #bd9d4a;color: #444;} .dark .regiontitle {background: #333;border-color: #444;} .dark .pages li {background: #444;color: #ccc;} .dark .pages .pageicon {border-color: #ccc;} .dark .cupmatch_rw2 { background: #444; color: #fff; border-color: #555; } .dark .cupmatch_rw2:hover { background: #3e2a2b; border-color: #4e2e30; } .dark .cupmatch_rw2:hover a {color: #fff;} .footH1 { font-size: 15px; padding-top: 5px; } .Leaguestitle .rankicon { background: url(/Images/rank.svg) no-repeat center; width: 24px; height: 24px; margin: 2px 6px; float: right; display: inline-block; cursor: pointer; } .nodata { color: #999; padding: 20px; text-align: center; font-size: 12px; line-height: 22px; } /*面包屑*/ .bread {width: 1060px;color: #999;font-size: 12px;line-height: 20px;margin: 5px auto;display: flex;align-items: center;} .bread a.off {color: var(--text-primary);font-weight: 600;margin: 0 5px;flex: 0 0 auto;} .bread h1 {flex: 1;font-size:12px;font-weight: 600;margin: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:inline-block;} .pushnote { height: 30px; overflow: hidden; } .pMsg a { color: #ffde00; } /* ---- 排行榜 ---- */ .rankbox { padding: 0; } .rankbox .lis { padding: 10px 0; border-bottom: 1px solid var(--border-2);cursor: pointer; } .rankbox .lis:last-child { border: none; } .rankbox .lis:hover { background: #ffeece; color: #ad6212; transition: all 0.2s linear; } #tennis.dark .rankbox .lis:hover { background: #3a3a3a; } .rankbox .lis .rank { color: var(--textcolor-3); font-size: 12px; font-weight: bold; font-style: italic; text-align: center;width: 20px;margin-right: 5px;vertical-align: 2px;display: inline-block; } .rankbox .lis:nth-child(-n+4) .rank { color: var(--thirdly-color); } .rankbox .lis .team { width: 110px;font-size: 12px; text-align: left; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .commontable {background: var(--bgcolor-1);} .commontable .tr-title th {color: var(--textcolor-2);line-height: 26px;padding: 2px 0;} .commontable td {font-size: 12px;line-height: 30px;padding: 3px 0;border-bottom: 1px solid var(--border-2);} .commontable .up2,.commontable .down2 {background-position: 20px 12px;padding-left: 12px;} .commontable .rank {color: var(--textcolor-3);font-size: 12px;font-weight: bold;font-style: italic;} /*.commontable tr:nth-child(-n+11) .rank {color: var(--thirdly-color);}*/ /*通知弹窗*/ body .NotificalPop { background: var(--bgcolor-1); width: 280px; padding: 10px; border-radius: 6px; position: fixed; bottom: 20px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); z-index: 10000; } body .NotificalPop .tit { color: var(--primary-color); font-size: 16px; font-weight: 600; line-height: 30px; text-align: center; } body .NotificalPop p { color: var(--textcolor-1); font-size: 14px; line-height: 22px; text-align: left; padding: 10px; } body .NotificalPop .btn { background: var(--primary-color); color: var(--text-white); font-size: 14px; font-weight: 500; text-align: center; border-radius: 4px; padding: 8px 0; margin: 5px 10px; cursor: pointer; } .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); } #favnotice { bottom: unset !important; right: unset; left: 50%; top: 30%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .loginBox .iconfont { position: relative; display: block; width: 40px; height: 40px; }