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: 120%; }
a { color: black; text-decoration: none; }
#content *, #scroller * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
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: 30px; }
.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; }
.help2 { background: url(/Content/Images/icon_help.png) no-repeat 10px center; background-size: auto 20px; height: 28px; 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; }
.APPdownload { position: absolute; top: 12px; left: 12px; height: 22px; line-height: 22px; background: #4B3D84 url(/content/images/APPdownload.svg) no-repeat 10px center; background-size: 11px auto; border: 1px solid #644A9D; border-radius: 15px; padding: 0 8px 0 24px; font-size: 12px; color: #fff !important; display: inline-block; z-index: 1 }
.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 { 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; 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; }
#content .teamBox { 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; border-bottom: 1px solid #DEDCE9; }
#content .match.adText { padding: 5px; background-color: #f9f8f8 }
#content .match .rank { color: #808080; font-size: 0.8em; position: relative; top: -2px; }
#content .match .trOdds td { padding-top: 2px; }
#content .match .trOdds td span { padding: 0 3px; }
#content .match .homeTeam, #content .match .guestTeam { width: 39%; font-size: 14px; color: #000; }
#content .match table { font-size: 12px; padding: 4px 0px 6px 0px; table-layout: fixed }
#content .match .title .LName { float: left; color: #fff; padding: 1px 4px; margin-left: 8px; border-radius: 3px; }
#content .match .jcNo { float: right; height: 20px; padding: 2px 0; color: #808080; margin-right: 10px }
#content .match .time { float: right; line-height: 20px; height: 20px; color: #808080; }
.aiPredict { background-image: url(/content/images/aiPredict/AI.svg); background-repeat: no-repeat; background-size: 20px; width: 20px; height: 20px; }
.scoreBox { display: block; margin: 0px; font-size: 14px; font-weight: bold; color: #999; }
#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 .qingbao { color: #F57B3F; margin-right: 4px; float: right; border: 1px solid; border-radius: 2px; padding: 0px 2px; font-size: 0.8em; }
#content .match .bfvideo { width:16px;float:right;margin-right:4px;}
#content .match .qingbao:empty { display: none; }
#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-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 td .halfScore { color: #808080; text-align: center; background-image: url(Images/half.png); background-repeat: no-repeat; background-position: left; background-size: 13px 11px; padding-left: 16px; float: left; margin-right: 10px; }
#content .match .corner { float: left; color: #808080; background-image: url(/Content/Images/cor.png); background-repeat: no-repeat; background-position: left; background-size: 9px 11px; padding-left: 12px; margin-right: 10px; }
#content td .firstGoal { color: #808080; text-align: center; float: left; }
#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; position: relative; top: 2px; margin-left: 2px; }
#content .yellowCard { text-align: center; min-width: 11px; display: inline-block; background-color: #F9AF06; color: #fff; padding: 0 2px; font-size: 0.7em; border-radius: 2px; position: relative; top: -2px; margin: 0 1px; }
#content .yellowCard:empty { display: none; }
#content .redCard { text-align: center; min-width: 11px; display: inline-block; background-color: #F04545; color: #fff; padding: 0 2px; font-size: 0.7em; border-radius: 2px; position: relative; top: -2px; margin: 0 1px; }
#content .redCard:empty { display: none; }
.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: 96%; margin: 0 auto; }
.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: #808080 !important; font-size: 11px !important; }
.pankouColor { color: #4295df !important; font-size: 11px !important; }
.pankou span { padding: 0 3px; }
.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; 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; }
.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; text-align: center; font-weight: 600; }
.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: 50px; border-radius: 0.5em; -webkit-box-shadow: 0 5px 20px rgba(60,48,114,0.5); -moz-box-shadow: 0 5px 20px rgba(60,48,114,0.5); box-shadow: 0 5px 20px rgba(60,48,114,0.5); 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; }
.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; }
.ShowVideo { margin-left:3px; 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/video.png) no-repeat 6px center; background-size: 18px 12px; 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: 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: 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: 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: #f0f0f0; font-size: 12px; border-bottom: 1px solid #e5e5e5; 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; }
.zhanji { padding: 0 8px 0; }

/*---战绩标签---*/
/*近X中X*/ .zhanji { display: inline-block; color: #fff; background: linear-gradient(90deg,#F1AC58,#F39D43); border-radius: 10px; padding: 0px 8px 0px 0px; line-height: 16px; font-size: 11px; height: 16px; transform: scale(0.9); margin-left: -4px; }
/*近X中X*/ .zhanji i { border-radius: 50%; background: #F1AC58 url('/Content/images/label-desc.svg'); border: 1px solid #ffdf7e; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; height: 16px; width: 16px; box-sizing: border-box; }
.zhanji:empty { padding: 0; border: 0; }
/*连红*/ .Rident { display: inline-block; color: #fff; background: linear-gradient(90deg,#FA5454,#F14444); border-radius: 10px; padding: 0 8px 0 0; line-height: 16px; font-size: 11px; height: 16px; transform: scale(0.9); margin-left: -4px; }
/*连红*/ .Rident i { border-radius: 50%; background: #FA5454 url('/Content/images/label-Rident.svg'); border: 1px solid #ffae95; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; height: 16px; width: 16px; box-sizing: border-box; }
/*人气榜*/ .m_hot { display: inline-block; color: #fff; background: linear-gradient(90deg,#78BEF9,#5DACF8); border-radius: 10px; padding: 0 8px 0 0; line-height: 16px; font-size: 11px; height: 16px; transform: scale(0.9); margin-left: -4px; }
/*人气榜*/ .m_hot i { border-radius: 50%; background: #78BEF9 url('/Content/images/label-hot.svg'); border: 1px solid #caeeff; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; height: 16px; width: 16px; box-sizing: border-box; }
/*联赛胜率*/ .league { display: inline-block; color: #fff; background: linear-gradient(90deg,#62CCD6,#4EC2D0); border-radius: 10px; padding: 0 8px 0 0; line-height: 16px; font-size: 11px; height: 16px; transform: scale(0.9); margin-left: -4px; }
/*联赛胜率*/ .league i { border-radius: 50%; background: #62CCD6 url('/Content/images/label-win.svg'); border: 1px solid #94ffea; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; height: 16px; width: 16px; box-sizing: border-box; }
/*连胜*/ .continuous { display: inline-block; color: #fff; background: linear-gradient(90deg,#ff745b,#ff583a); border-radius: 10px; padding: 0 8px 0 0; line-height: 16px; font-size: 11px; height: 16px; transform: scale(0.9); margin-left: -4px; }
/*连胜*/ .continuous i { border-radius: 50%; background: #ff745b url('/Content/images/label-win.svg'); border: 1px solid #94ffea; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; height: 16px; width: 16px; box-sizing: border-box; }

.zhanji + .zhanji, .zhanji + .fans, .zhanji + .Rident, .zhanji + .m_hot, .league + .zhanji, .m_hot + .Rident, .league + .Rident, .continuous + .Rident, .continuous + .m_hot, .continuous + .league { margin-left: -2px; }
.list_hot_latelywp + .list_hot_latelywp { margin-left: 4px; }
.b_zhanji { display: inline-block; color: #ff6600; background: #fff8f4; border: 1px solid #ffdfba; border-radius: 2px; padding: 0px 3px; line-height: 14px; font-size: 11px; }
.b_zhanji:empty { padding: 0; border: 0; }
.fans { display: inline-block; color: #7c5cb7; background: #f8f7fc; border: 1px solid #e0d9eb; border-radius: 2px; padding: 0 3px; line-height: 14px; font-size: 11px; }

.live {background:#212121;color:#fff;text-align: center;position: relative; width:100%}
.live .msgBox {width: 100%;text-align: center;position: absolute;top: 45%;transform: translateY(-50%);}
.live .msgBox h4 {font-size: 18px;font-weight: normal;margin: 20px 0;}
.live .msgBox .timeBox li {font-size: 20px;margin: 0 3px;display: inline-block;}
.live .msgBox .timeBox span {font-size:34px;line-height: 30px;min-width: 40px;padding: 12px 6px;margin: 0 5px;border: 1px solid #666;border-radius: 5px;display: inline-block;}