body { background-color: #f9f8f8; font-family: "微软雅黑", "黑体", Arial; color: #333; -webkit-user-select: none; -webkit-text-size-adjust: none; font-weight: normal; font-size: 14px; line-height: 20px; }
.write_back { font-family: Tahoma, Geneva, sans-serif; font-weight: bold; color: #FFF; float: left; padding-left: 10px; background: url(/content/images/left_icon.png) no-repeat center center; background-size: 10px 20px; height: 20px; width: 10px; display: block; margin-left: 5px; }
input, select, img { border: none; }
    input[type="checkbox"] { zoom: 160%; }
a { color: black; text-decoration: none; }
body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form { margin: 0; padding: 0; list-style: none; vertical-align: middle; }
.mytable2 { background: #CCC; color: #333; font-size: 12px; line-height: 26px; }
    .mytable2 tr td { background: #FFF; font-size: 12px; line-height: 26px; }
    .mytable2 tr th { background: #FAE09E; font-weight: bold; }
.mytable { font-size: 12px; }
    .mytable tr th, .mytable tr.header td { color: #999; font-weight: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F0F0F0; background-color: #FFF; line-height: 26px; }
    .mytable tr td { padding: 4px 1px; background: #FFF; font-size: 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F0F0F0; text-align: center; }
        .mytable tr td.huibg { background-color: #F9F9F9; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #EBEBEB; border-left-color: #EBEBEB; color: #666; }
.mytable3 { }
    .mytable3 tr th { color: #666; font-weight: normal; background-color: #EFEFEF; line-height: 26px; }
    .mytable3 tr td, .mytable3 tr td span { font-size: 12px; line-height: 26px; }
    .mytable3 tr td { background: #FFF; }
        .mytable3 tr td.huibg { background: #eeeeef; border-right: 1px solid #CCC; border-left: 1px solid #CCC; }
.mytable .teamdate { color: #999; font-size: 10px; line-height: 12px; }
.mytable2 tr td { background: #FFF; border-bottom: 1px solid #e6e6e6; }
.mytable2 tr th { color: #666; font-weight: normal; border-bottom: 1px solid #e6e6e6; background-color: #EFEFEF; line-height: 26px; }
.mytable2 tr td, .mytable2 tr td span { font-size: 12px; line-height: 26px; }
.topOn, .topOff, .starOn, .starOff { width: 16px; height: 22px; margin-left: 16px; background-size: 100% 100%; background-repeat: no-repeat; }
.topOn { background-image: url("/content/images/setTopOn.png") }
.topOff { background-image: url("/content/images/setTopOff.png") }
.starOn { background-image: url("/content/images/focus.on.png") }
.starOff { background-image: url("/content/images/focus.png") }
.lrline { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.half { color: #909090; }
.lh16 { line-height: 16px }
#wrapper { position: relative; }
.wrapper { background-color: #f9f8f8; overflow: hidden; margin: 0 auto; }
.floatBtn { background: RGBA(161,154,196,0.9); height: 40px; width: 40px; position: fixed; right: 10px; bottom: 100px; border-radius: 40px; line-height: 40px; font-weight: bold; font-size: 14px; text-align: center; color: #FFF; }
    .floatBtn a, .floatBtn a:link, .floatBtn a:hover { color: #FFF; }
p { padding: 10px; text-indent: 2em; }
.b { }

header, section, footer, img { margin: 0; padding: 0; }
.logowrapper { height: 45px; overflow: hidden; color: #FFF; line-height: 45px; }
.logo { overflow: hidden; margin: 0px; -webkit-background-size: 160px auto; text-align: center; position: relative; }
    .logo, .logo a:link, .logo a:visited { color: #FFF; font-size: 16px; }
.head-link1 { text-align: center; margin-right: 0.4em; margin-left: 0.2em; }
.head-link2 { text-align: center; margin-right: 0.4em; margin-left: 0.2em; }
.editBtn { background-size: auto 20px; height: 30px; width: 10%; line-height: 30px; padding-right: 10px; padding-left: 10px; color: #FFF; font-size: 14px; text-align: center; margin: 6px 0 0 7px; border: 1px solid #78709F; border-radius: 4px; }
.help { background: url(/content/images/icon_help.png) no-repeat 10px center; background-size: auto 20px; height: 48px; width: 40px; margin: 0px 5px; }
.reCirBtn { width: 32px; height: 32px; color: #333; display: block; text-align: center; overflow: hidden; cursor: pointer; float: right; margin-top: 6px; vertical-align: middle; line-height: 30px; position: absolute; right: 0; z-index: 1; }
    .reCirBtn img { margin: 5px auto 0 auto; width: 20px; height: 20px; }
        .reCirBtn img.user { border: #cdcde1; border-radius: 32px; overflow: hidden; }
.more { display: block; -webkit-box-flex: 1; text-align: center; padding: 0px; margin: 0px; -webkit-box-pack: justify; background: url(/content/images/menubg.png) repeat-x left bottom; width: 100%; line-height: 30px; height: 30px; }
    .more a { color: #333; text-align: center; display: block; text-shadow: 0 2px 2px #fff; white-space: nowrap; width: 33%; float: left; margin: 0px; padding: 0px; height: 30px; position: relative; line-height: 30px; }
    .more .ddl { color: #333; text-align: center; display: block; text-shadow: 0 2px 2px #fff; white-space: nowrap; width: 32%; float: left; margin: 0px; padding: 0px 2% 0px 0px; height: 30px; position: relative; line-height: 30px; }
        .more .ddl .i { position: absolute; top: 0.8em; right: 0.8em; height: 6px; width: 10px; z-index: 2; }
        .more .ddl.on .i { position: absolute; top: 0.8em; right: 0.8em; height: 6px; width: 10px; z-index: 2; }
        .more .ddl.on ul { position: absolute; top: 32px; background: #eafbff; border: 2px solid #2c5994; width: 100%; right: 0px; border-radius: .3125em; background-clip: padding-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15); box-shadow: 0 1px 3px rgba(0, 0, 0, .15); z-index: 1; display: block; }
            .more .ddl.on ul li { width: 90%; background-color: #fff; border: 1px solid #cccccc; border-radius: .3125em; margin: 5%; }
                .more .ddl.on ul li:hover { background-color: #fffaa5; }
        .more .ddl ul { display: none; }
            .more .ddl ul li { }
        .more a.on, .more .ddl.on { background: url(/content/images/menuon.png) no-repeat center bottom; background-size: 61px 73px; }
.more3 { /*background-color: white;*/ height: 36px; display: block; -webkit-box-flex: 1; text-align: center; padding: 0px; margin: 0px; -webkit-box-pack: justify; overflow: hidden; line-height: 36px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#E6E6EC)); border-bottom: 1px solid #D2D3D9; border-top: 1px solid #ebedf3; }
    .more3 div { display: block; /* -webkit-box-flex: 1; */ width: 16.6%; background: inherit; -webkit-box-flex: 1; margin: 0px; padding: 0px; -webkit-box-sizing: border-box; float: left; height: 36px; text-align: center; }
        .more3 div a { font-size: 14px; text-align: center; text-overflow: ellipsis; color: #333; line-height: 36px; height: 36px; display: block; }
            .more3 div a.selectA { cursor: pointer; white-space: nowrap; font-size: 14px; line-height: 35px; height: 35px; color: #e8641a; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e8641a; }
#content .teamBox { /*background-image: url(images/topbg.jpg); background-repeat: repeat-y;*/ background-color: #3e3276; background-size: 100%; background-position: left -45px; color: #FFF; }
    #content .teamBox table { padding-bottom: 15px; }
.teamBox .teamlogodiv { background-color: #FFF; width: 50px; height: 52px; overflow: hidden; border-radius: 25px; margin-bottom: 2px; }
.teamlogodiv img { margin-top: 5px; }
.online-tv { border: 1px solid #594A93; border-radius: 20px; margin: 5px auto; clear: both; width: 58px; line-height: 22px; background-image: url(images/video2.png); background-repeat: no-repeat; background-position: 12px; background-size: 16px 9px; font-size: 12px !important; text-align: left; padding-left: 34px; }

#content .match { width: 100%; text-align: center; background: #FFF; line-height: normal; clear: both }
    #content .match .rank { color: #aaaaaa; font-size: 0.8em; padding: 0 3px; }
    #content .match .homeTeam, #content .match .guestTeam { width: 39%; font-size: 14px; color: #333; }
    #content .match table { font-size: 12px; padding: 6px 0; table-layout: fixed }
    #content .match .title { display: block; clear: both; overflow: hidden; height: 20px; line-height: 20px; padding-top: 3px; padding-bottom: 3px; background-color: #F5F5F5; border-top-width: 1px; border-top-style: solid; border-top-color: #E3E3E3; }
        #content .match .title .colorBlock { float: left; margin-left: 10px; width: 3px; margin: 4px 0 0 10px; height: 11px; border-radius: 20px; }
        #content .match .title .LName { float: left; text-shadow: 0 2px 2px #ffffff; padding-right: 5px; padding-left: 5px; font-size: 0.9em; }
        #content .match .title .jcNo { float: left; text-shadow: 0 2px 2px #ffffff; padding-right: 5px; padding-left: 5px; font-size: 0.9em; }
        #content .match .title .time { float: left; padding-right: 4px; padding-left: 4px; color: #999; font-size: 0.9em; }
        #content .match .title .state { float: left; padding-right: 5px; padding-left: 5px; font-size: 0.9em; }
        #content .match .title .corner { float: right; padding-left: 14px; padding-right: 10px; color: #999; background: url(./images/flag.png) no-repeat; background-size: 12px; font-size: 12px; line-height: 12px; }
        #content .match .title .dateSelete { float: right; padding-right: 5px; padding-left: 5px; color: #0099d7; margin-top: -3px; }
.scoreBox { display: block; line-height: 22px; margin: 0px; font-size: 14px; font-weight: bold; color: #FFF; }
#content .match .starOn { height: 26px; width: 26px; display: block; margin-right: 10px; margin-left: 10px; }
#content .match .starOff { height: 26px; width: 26px; display: block; margin-left: 10px; margin-right: 10px; }
#content .match .infoBtn { transform: rotate(225deg); -webkit-transform: rotate(225deg); width: 8px; height: 8px; margin-top: 3px; margin-right: 10px; border-color: #C8C8C8; display: inline-block; border-left: 1px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; -webkit-transition: all .2s linear; transition: all .2s linear; }
#content .match .broadcast { width: 22px; height: 22px; background: url(/content/images/font-ant.svg) no-repeat center center; background-size: 22px 22px; display: inline-block; margin-right: 10px; margin-top: 2px; }
#content .match .basketcast { width: 22px; height: 22px; background: url(/content/images/bakpicon.svg) no-repeat center; display: inline-block; margin-right: 10px; float: right; }
#content .match .infotv { background-image: url(images/video.png); background-size: 100% 100%; width: 16px; height: 9px; display: inline-block; margin-right: 3px; }
#content .match .user_on { background: #A0CEDD; text-align: center; color: #FFF; width: 3em; padding-top: 5px; }
#content .match .user_off { background: #C2C2C2; padding-top: 5px; text-align: center; color: #FFF; width: 3em; }
#content .match td span + span:not(:empty) { margin-left: 5px; }

#content td .halfScore { text-align: center; background-image: url(images/half.png); background-repeat: no-repeat; background-position: left; background-size: 13px 11px; padding-left: 16px; }
#content .endList table { border-bottom: 1px solid #CCC; }
    #content .endList table tr td { padding: 5px 0px 5px 0px; }
#content .endList .homeTeam, #content .endList .guestTeam { font-weight: bold; width: 29%; }
.redcardBg { background: #F00; border: 1px solid #C00; padding: 3px 5px; color: #FFC; margin-right: 5px; margin-left: 5px; }
.redcard1 { background: url(/content/images/b/redcard1.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
.redcard2 { background: url(/content/images/b/redcard2.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
.redcard3 { background: url(/content/images/b/redcard3.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
.redcard4 { background: url(/content/images/b/redcard4.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
.redcard5 { background: url(/content/images/b/redcard5.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
#content .match .yellowcard1 { background: url(/content/images/b/yellow1.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
#content .match .yellowcard2 { background: url(/content/images/b/yellow2.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
#content .match .yellowcard3 { background: url(/content/images/b/yellow3.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
#content .match .yellowcard4 { background: url(/content/images/b/yellow4.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
#content .match .yellowcard5 { background: url(/content/images/b/yellow5.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
#content .match .yellowcard6 { background: url(/content/images/b/yellow6.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
#content .match .yellowcard7 { background: url(/content/images/b/yellow7.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
#content .match .yellowcard8 { background: url(/content/images/b/yellow8.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
#content .match .yellowcard9 { background: url(/content/images/b/yellow9.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
#content .match .yellowcard10 { background: url(/content/images/b/yellow10.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
#content .match .yellowcard11 { background: url(/content/images/b/yellow11.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
#content .match .yellowcard12 { background: url(/content/images/b/yellow12.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
#content .match .yellowcard13 { background: url(/content/images/b/yellow13.gif) no-repeat; height: 14px; width: 12px; display: inline-block; }
.red { color: #e62129; }
.green { color: #399625; }
.blue { color: #2C5994; }
.blue2 { color: #B40C00; }
.teamBox .blue { color: #FFF; font-size: 14px }
.bas_textLive { color: green; text-align: left; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 95%; }

.orange { color: #ff7632; }
#content .blue_bg { background: #DFECFB; overflow: hidden; }
#content .yellow_bg { background: #FAE09E; color: #333; }
    #content .yellow_bg .up { background: url(images/up_b.png) no-repeat center; text-align: center; }
    #content .yellow_bg .down { background: url(images/down_b.png) no-repeat center; text-align: center; }
body .center { text-align: center; }
.button { color: #FFF; background: #2C5994; font-weight: normal; padding: 5px 10px; border-style: none; margin: 5em; }
.subButton { border-radius: .3125em; display: block; line-height: 24px; background: #459CEB; color: #FFF; text-align: center; font-size: 12px; margin: 5px; padding-right: 10px; padding-left: 10px; height: 24px; }
    .subButton a { color: #fff; }
.jc { padding-bottom: 10px; border-bottom: 1px solid #DEDEDE; border-top: 1px solid #FFF; }
    .jc .homeBtn, .jc .guestBtn, .jc .homeBtn_off, .jc .guestBtn_off, .jc .homeBtn_on, .jc .guestBtn_on { border-radius: .3125em; border: 1px solid #cccccc; font-size: 20px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15); box-shadow: 0 1px 3px rgba(0, 0, 0, .15); padding: 0.5em; display: block; width: 5em; margin-top: 0.5em; margin-right: auto; margin-left: auto; line-height: 30px; height: 30px; }
    .jc .homeBtn_on { background: #F66; color: #FFF; }
    .jc .guestBtn_on { background: #2C5994; color: #FFF; }
    .jc .homeBtn { background: #FFF; color: #F66; }
    .jc .guestBtn { background: #FFF; color: #2C5994; }
    .jc .homeBtn_off { background: #E6E6E6; color: #F66; }
    .jc .guestBtn_off { background: #E6E6E6; color: #2C5994; }
    .jc .Pbar { position: relative; }
        .jc .Pbar .msg { position: absolute; width: 200px; left: 50%; margin-left: -100px; top: 2px; color: #FF0; font-size: 0.8em; }
            .jc .Pbar .msg a { color: #FF0; }
        .jc .Pbar .w10 { }
        .jc .Pbar .home { color: #FFF; background: #F66; float: left; border-top-left-radius: .3125em; border-bottom-left-radius: .3125em; text-align: left; }
        .jc .Pbar .guest { background: #5A8EE1; float: right; color: #FFF; border-top-right-radius: .3125em; border-bottom-right-radius: .3125em; text-align: right; }
.user { background: #FFF; overflow: hidden; border-bottom: 1px solid #CCC; }
    .user .info .point { position: absolute; z-index: 3; height: 27px; width: 27px; top: 0px; right: 0px; background: url(/content/images/pointicon.gif) no-repeat; }
    .user .info .more_C { position: absolute; z-index: 3; right: 0px; background: url(/Css/none); text-align: right; top: 10px; margin-right: 10px; }
    .user .info .more_RT { position: absolute; z-index: 3; right: 0px; background: url(/Css/none); text-align: right; top: 0px; }
    .user .info { position: relative; display: block; margin: 0.2em; overflow: hidden; }
        .user .info .left { float: left; text-align: center; height: 3.1em; }
            .user .info .left .logo { overflow: hidden; float: left; display: block; line-height: 48px; height: 48px; width: 48px; }
            .user .info .left .num { float: left; font-weight: bold; color: #666; line-height: 48px; padding-right: 5px; padding-left: 5px; width: 25px; height: 48px; }
        .user .info .right { float: left; overflow: hidden; }
            .user .info .right .row { padding-left: 10px; line-height: 22px; }
            .user .info .right .row2 { padding-left: 10px; font-size: 14px; }
    .user .bottom_box { overflow: hidden; border-top: 1px solid #EEE; width: 100%; }
.flotleft { float: left; }
.flotright { float: right; }
.gray { color: #9F99C6 !important; font-size: 11px !important; }
.pankouColor { color: #e6b272 !important; font-size: 11px !important; }
.zBlue { color: #4295df; }
.sLv { color: #339900; }
.black { color: #333; }
.weiKai { color: #666666; }
.txt_1_5em { font-size: 1.5em; }
.b { font-weight: bold; }
.fenxiBar { color: #333; position: relative; text-align: left; line-height: 37px; height: 36px; font-size: 14px; background-color: #F3F3F3; padding: 0 5px 0 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E5E5E5; font-weight: 600; }
    .fenxiBar h2 i { position: absolute; right: 12px; display: block; top: 15px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #999; }
    .fenxiBar h2 { display: block; color: #333; float: left; font-size: 16px; font-weight: normal; padding: 0 26px 0 10px; overflow: hidden; position: relative; }
    .fenxiBar a, .fenxiBar a:hover { color: #FFF; }
    .fenxiBar .up { display: block; margin: 0.2em; height: 1.6em; padding-right: 0.3em; padding-left: 0.3em; width: 18px; /*background: url(images/up.png) no-repeat center; text-align: center;*/ position: absolute; right: 10px; top: 0px; }
    .fenxiBar .down { float: right; display: block; margin: 0.2em; height: 1.6em; padding-right: 0.3em; padding-left: 0.3em; width: 18px; /*background: url(images/down.png) no-repeat center; text-align: center;*/ }
    .fenxiBar ul { overflow: hidden; display: inline-block; font-size: 12px; margin-right: 10px; overflow: hidden; height: 23px; line-height: 23px; border-radius: 4px; float: right; border: 1px solid #E7E7E7; margin-top: 4px; }
    .fenxiBar li { display: inline-block; background-color: #FFF; width: 80px; text-align: center; color: #333; }
        .fenxiBar li.on { color: #FFF; background-color: #5FA91B; }
    .fenxiBar:before { display: inline-block; content: ""; width: 2px; height: 12px; background-color: #999; margin-right: 5px; vertical-align: -1px; border-radius: 20px; float: left; margin-top: 12px; }
.title_da { padding: 0 20px 0 0; float: left; display: inline-block; }
.theleft { float: left; }
.btnLeft { border-radius: 5px 0 0 5px; background-color: #f1f1f1; }
.btnRight { border-radius: 0 5px 5px 0; background-color: #f1f1f1; }
.btnLeft, .btnRight, .btnMiddle, .btnfootball, .btnbasketball { width: 62px; text-align: center; height: 24px; margin: 5px 0 0 0; font-size: 12px; font-weight: normal; background: #f1f1f1; color: #666; border: 1px solid #564b8f; line-height: 24px; }
    .btnRight.on, .btnLeft.on, .btnMiddle.on, .btnfootball.on, .btnbasketball.on { background: #564b8f; color: #fff; font-weight: 500; }
.choice_da { height: 36px; line-height: 36px; overflow: hidden; float: right; margin-right: 6px; box-sizing: border-box; }
    .choice_da .Icon { display: inline-block; width: 12px; height: 12px; position: relative; top: -2px; left: 0; border: 1px solid #ddd; border-radius: 50%; background-color: #f5f5f5; vertical-align: middle; cursor: pointer; margin-right: 4px; }
.on .Icon { background-color: #4098e2; border-color: #4098e2; }
    .on .Icon::after { content: ""; display: table; width: 6px; height: 6px; position: absolute; top: 3px; left: 3px; background-color: #f7fafd; border-radius: 50%; }




.resultBar { color: #333; text-align: left; overflow: hidden; line-height: 30px; background-color: #F7F7F9; font-size: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F0F0F0; margin-left: 10px; }
    .resultBar .left { float: left; width: 49%; text-align: center; height: 50px; overflow: hidden; }
    .resultBar .right { float: right; width: 49%; text-align: center; height: 50px; overflow: hidden; }
    .resultBar .select { float: right; display: block; margin: 0.2em; padding-right: 0.3em; padding-left: 0.3em; line-height: normal; text-align: right; }
#footer { text-align: center; color: #909090; font-size: 12px; float: left; overflow: hidden; clear: both; width: 100%; background-color: #F0F0F0; border-top-width: 1px; border-top-style: solid; border-top-color: #E3E3E3; }
    #footer a { padding-right: 3px; padding-left: 3px; display: inline; color: #216283; }
#filterBar, .filterBar { color: #2c5994; text-align: center; overflow: hidden; width: 100%; line-height: 36px; background-color: #f1f1f1; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #d9d9d9; border-bottom-color: #d9d9d9; /*height:33px*/ }
    #filterBar .exBtn, .filterBar .exBtn { cursor: pointer; float: right; height: 27px; border-radius: 3px; width: 60px; text-align: center; margin: 3px 4px; font-size: 14px; line-height: 27px; box-sizing: border-box; color: #C94606; background-color: #FDE39A; border: 1px solid #F08151; }
    #filterBar .btn, .filterBar .btn { cursor: pointer; background-color: #F2F2F2; float: left; display: block; line-height: 33px; height: 33px; color: #565085; width: 50%; border-left: 1px solid #d9d9d9; margin-left: -1px; }
    #filterBar .blue, .filterBar .blue { color: #40AFFE; }
.filterBox { clear: both; overflow: hidden; overflow-y: auto; display: block; padding: 12px; }
    .filterBox .filterBtn, .filterBox .filterBtn2 { cursor: pointer; float: left; display: block; height: 30px; border-radius: 3px; color: #666; width: 23%; text-align: center; margin: 5px 1%; background: #EEE; font-size: 14px; border: 1px solid #DBDBDB; line-height: 30px; box-sizing: border-box; }
    .filterBox .on { color: #C94606; background-color: #FDE39A; border: 1px solid #F08151; }
.filterToolsBar { }
    .filterToolsBar #menu { background: #f7f7f7; overflow: hidden; line-height: 30px; border-top: 1px solid #d9d9d9; overflow: hidden; /* IE */ display: block\9; /* Firefox */ display: -moz-box; -moz-box-orient: horizontal; /* Safari, Opera, and Chrome */ display: -webkit-box; -webkit-box-orient: horizontal; /* W3C */ display: box; box-orient: horizontal; }
        .filterToolsBar #menu li { border-right: 1px solid #CCC; -webkit-box-flex: 1; -webkit-box-sizing: border-box; display: block; background: inherit; -webkit-box-flex: 1; -webkit-box-sizing: border-box; margin: 0 0px 0 0; padding: 0px; text-align: center; }
            .filterToolsBar #menu li:last-child { border: none; }
            .filterToolsBar #menu li.on { color: #F66; border-bottom: 2px solid #F66; }
#tools, .menuTools { overflow: hidden; background: #64637d; display: block; clear: both; height: 2em; line-height: 2em; padding: 5px; }
    #tools li, .menuTools li { float: right; display: block; width: 13%; height: 24px; line-height: 22px; text-align: center; background: #FFF; margin-left: 5px; font-size: 14px; padding-top: 2px; }
        #tools li.title, .menuTools li.title { text-align: center; border-style: none; float: left; white-space: nowrap; height: 2em; line-height: 2em; font-size: 1em; margin: 0px; padding: 0px 10px; color: #FFF; width: auto; background-color: #64637d; }
.popupwin { position: fixed; bottom: 2em; border-radius: 0.5em; -webkit-box-shadow: 0 5px 20px rgb(60 48 114 / 50%); -moz-box-shadow: 0 5px 20px rgb(60 48 114 / 50%); box-shadow: 0 5px 20px rgb(60 48 114 / 50%); background: #54498d; color: #fff; width: 90%; text-align: center; left: 5%; right: 5%; padding: 1em 0; }
    .popupwin span { display: block; line-height: 22px; }
    .popupwin .ppicon { float: left; width: 20%; height: 40px; vertical-align: middle; }
    .popupwin .ppleague { float: left; width: 20%; font-size: 12px; }
    .popupwin .ppteamname { float: left; width: 45%; }
    .popupwin .ppscore { float: left; width: 15%; font-weight: bold; }
.ppscore .foul { color: #e0353c; background: #e0353c; width: 11px; height: 14px; border-radius: 2px; margin: 4px auto; /* box-shadow: 0 3px 6px 1px rgb(230 33 41 / 30%); */ }
.popupwin .red { color: #e0353c !important; }
.popupwin .yellow { color: #E2C514; }

#backgound { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background-color: #333; z-index: 100; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#popupBox { position: absolute; width: 90%; left: 5%; right: 5%; z-index: 101; border-radius: .3125em; background-clip: padding-box; display: block; }
    #popupBox .title { height: 30px; background: #2c5994; padding-left: 1em; color: #FFF; border-top-left-radius: .3125em; border-top-right-radius: .3125em; }
    #popupBox .info { background: #c8dcf7; padding: 1em; font-size: 0.8em; border-bottom-left-radius: .3125em; border-bottom-right-radius: .3125em; }
    #popupBox .title .close { float: right; padding-right: 0.5em; padding-left: 0.5em; font-size: 0.8em; cursor: pointer; }
.odds { width: 33%; display: block; float: left; }
#content .t1 td { background: #FAF7ED; }
#companys .company { width: 100%; background: #F4FAFB; border-bottom: 1px solid #d9d9d9; display: block; }
    #companys .company.on { background: #3E3276; color: #FFF; border-color: #FFF; }
.huibg { margin-top: -1px; background-color: #E9E9E9; }
.rollingBox { overflow: auto; }
#content .rollingBox table tr td { border-bottom: 1px solid #ebebeb; }
#content .alterbg td { background-color: #F7F9FB; }
.bottom_line { border-bottom: 1px solid #CCC; }
.button { height: 1.5em; color: #333; display: block; text-align: center; text-overflow: ellipsis; overflow: hidden; cursor: pointer; vertical-align: middle; background: #FFF; padding-right: 0.5em; padding-left: 0.5em; }

.bottom_toolBar { position: fixed; left: 0px; bottom: 0px; color: #333; width: 100%; }
.popWin { background: #4b4b4b url(/content/images/icon72.png) no-repeat 10px center; background-size: auto 30px; z-index: 999999; font-family: Arial; overflow: hidden; box-shadow: 0 0 10px #666; color: #fff; text-align: center; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; width: 100%; height: 45px; line-height: 45px; }

    .popWin .closeBtn { text-decoration: none; color: #fff; font-weight: bold; display: block; float: right; height: 22px; margin: 2px 4px 2px 2px; border-style: none; cursor: pointer; font-size: 20px; font-family: tahoma, Arial; line-height: normal; }

    .popWin .info { color: #fff; padding: 10px 10px 10px 48px; font-size: 12px; text-align: center; }
#marqueebox { overflow: hidden; height: 30px; line-height: 30px; font-size: 15px; background-color: #3e3c8f; }

    #marqueebox img { height: 30px; vertical-align: top; }

    #marqueebox a, #marqueebox { color: white; }

        #marqueebox p { padding: 0px; text-indent: 0.5em; }
.sjImg { vertical-align: -2px; width: 14px; height: 14px; margin-right: 2px }

.el-radio > input[type="radio"], .el-checkbox > input[type="checkbox"] { display: none; }

    .el-radio > input[type="radio"] + .el-radio-style, .el-checkbox > input[type="checkbox"] + .el-checkbox-style { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; padding-left: 25px; padding-top: 2px; float: left; top: 5px; line-height: 16px; color: #666 }

        .el-radio > input[type="radio"] + .el-radio-style:before, .el-checkbox > input[type="checkbox"] + .el-checkbox-style:before { position: absolute; top: 0; left: 0; display: inline-block; width: 15px; height: 15px; content: ''; border: 1px solid #C0CCDA; border-radius: 4px; }
        .el-checkbox > input[type="checkbox"] + .el-checkbox-style:after, .el-radio > input[type="radio"] + .el-radio-style:after { top: 1px; left: 6px; box-sizing: border-box; width: 6px; height: 12px; transform: rotate(45deg); border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
        .el-radio > input[type="radio"] + .el-radio-style:after, .el-checkbox > input[type="checkbox"] + .el-checkbox-style:after { position: absolute; display: none; content: ''; }
    .el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:before, .el-radio > input[type="radio"]:checked + .el-radio-style:before { border: #FF5C26; background: #FF5C26; width: 17px; height: 17px; }
    .el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:after, .el-radio > input[type="radio"]:checked + .el-radio-style:after { display: inline-block; }

.arrow-right { transform: rotate(225deg); -webkit-transform: rotate(225deg); width: 8px; height: 8px; margin-top: 8px; border-color: #ccc; display: inline-block; border-left: 1px solid #999; border-bottom: 1px solid #999; /* vertical-align: 3px; */ -webkit-transition: all .2s linear; transition: all .2s linear; float: right; }
.contentBox .subBar { text-align: center; background: #f3f3f3; border-bottom: 1px solid #e6e6e6; line-height: 26px; padding: 0 10px; }
.contentBox table { width: 100%; font-size: 12px; border: 0; margin: 0; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
.contentBox td, .contentBox th { text-align: center; border-bottom: 1px solid #e6e6e6; border-color: #e6e6e6; border-style: solid; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-width: 0px; padding: 4px 1px }
.contentBox .jerseyNo { background: #F3F3F3; width: 10%; }
.contentBox .firstOdds { background-color: #F4F4D9; }
.contentBox th { font-weight: normal }
.mytable3 a.mini_btn_blue { color: #fff; background: #FFC107; height: 20px; font-size: 12px; line-height: 20px; border-radius: 2px; display: inline-block; }
.expList { color: green; }
.hide { display: none; }
.show { display: block; }
.contentBox .initial th { color: #999; line-height: 24px; padding: 0; border-left: none; border-right: none; }
.contentBox .initial td { border-left: none; border-right: none; }
.contentBox .detail-td { padding: 0; border: none; }
.contentBox .detail-table td { background: #fff; padding: 2px 0; border-color: transparent; border-bottom-color: #e6e6e6; }
.contentBox .detail-table tr:nth-child(odd) td { border-bottom: none; }
.ll { border-left: 1px solid #e6e6e6 !important; }
.rl { border-right: 1px solid #e6e6e6 !important; }
.bl { border-bottom: 1px solid #e6e6e6 !important; }



/*分析页-顶部*/
.teamBox { width: 100%; }
    .teamBox .header { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 8px; }
.header { position: relative; }
.teamBox .home { line-height: 24px; width: 30%; text-align: center; overflow: hidden; }
.teamBox * { font-family: "微软雅黑"; font-size: 15px; }
.teamBox .home img, .teamBox .guest img { display: block; margin: 6px auto; border-radius: 50%; width: 24px; height: 24px; }
.teamBox .guest .name, .teamBox .home .name { white-space: nowrap; height: 24px; position: relative; min-width: 65px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; /* display: inline; */ text-align: center; font-size: 15px; }
.teamBox .vs { width: 44%; margin: 0 auto; }
.teamBox .header > .vs { padding: 0 0 5px 0; }
.teamBox .row { line-height: 14px; width: 100%; display: block; clear: both; color: #9d97c4 !important; font-size: 12px; }
    .teamBox .row .end { width: 100%; margin: 0 auto; }
        .teamBox .row .end .wrp { width: 100%; float: left; }
.teamBox #homeScore { text-align: right; padding-right: 2%; }
.teamBox .row .end .wrp .score { font-size: 22px; font-weight: 500; color: #fff; line-height: 30px; }
.teamBox .row .end .wrp > div { width: 32%; float: left; }
.teamBox #guestScore { text-align: left; padding-left: 2%; }
#mState { font-size: 12px; }
#mbranch { font-size: 12px; }
.teamBox .row .end .wrp .one { display: block; }
.teamBox .row .end .wrp.time { font-size: 11px; color: #9d97c4; }
.teamBox .row .end .finish { font-size: 16px; color: #fff; line-height: 25px; }
.ShowAnimation { color: #444; border-radius: 3px; margin-top: 3px; padding: 1px 6px 1px 30px; line-height: 24px; font-size: 12px; display: inline-block; height: 24px; background: #FFF url(/content/images/font-ant.svg) no-repeat 6px center; background-size: 20px 20px; display: inline-block; }
.baskicon { background: #fff url(/content/images/bakpicon.svg)no-repeat 6px center; }

/*动画直播*/
.teamBox.mini { position: relative; }
#miniHead .header { height: auto; }
.teamBox.mini .header { height: auto; background: transparent; }
.teamBox.mini > div { padding-bottom: 0; }
.teamBox.mini * { color: #fff; }
.teamBox.mini .home { width: -webkit-calc(55% - 40px); width: calc(55% - 40px); padding-left: 10px; padding-bottom: 15px; }
.teamBox .home { line-height: 24px; width: 30%; text-align: center; overflow: hidden; }
.teamBox.mini .home img { float: left; }
.teamBox.mini img { margin: 0 auto 6px; }
.teamBox.mini .home .name { padding-left: 5px; text-align: left; }
.teamBox.mini .name { position: relative; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); display: block; float: left; line-height: 24px; height: 30px; }
.teamBox.mini .closeBtn { background-color: rgba(255,255,255,0.1); width: 36px; height: 15px; display: inline-block; position: absolute; bottom: 0; padding-top: 1px; left: 50%; margin-left: -18px; }
    .teamBox.mini .closeBtn:after { content: ""; transform: rotate(135deg); -webkit-transform: rotate(135deg); width: 9px; height: 9px; display: inline-block; border-left: 1px solid rgba(255,255,255,0.65); border-bottom: 1px solid rgba(255,255,255,0.65); z-index: 9999; margin-top: 5px; }
.teamBox.mini .guest { width: -webkit-calc(55% - 40px); width: calc(55% - 40px); padding-right: 10px; padding-bottom: 15px; }
.teamBox .guest { line-height: 24px; width: 30%; text-align: center; overflow: hidden; }
.teamBox.mini .guest .name { padding-right: 5px; text-align: right; }
.teamBox.mini .guest img { float: right; }
.ant > div { margin: 0px; z-index: 999; }
.th2tit { text-align: center; background: var(--bg-color-2); font-size: 12px; border-bottom: 1px solid var(--border-3); line-height: 26px; }
.teamBox .vs2 { width: 140px; margin: 0 auto; }
.teamBox .basket .vs2 { width: 216px; }
.teamBox.mini .branch { width: 100%; }
    .teamBox.mini .branch .wh { width: 26%; float: left; font-size: 22px; font-weight: 500; color: white; line-height: 30px; }
    .teamBox.mini .branch .in { width: 40%; float: left; }
.teamBox .header > .inheigt { height: 48px; }
.teamBox #homeScore2 { text-align: right; padding-right: 3%; }
.teamBox #guestScore2 { text-align: left; padding-left: 3%; }
.var { vertical-align: bottom; padding-right: 3px; position: relative; bottom: 1px; }