/* 未能缩小。正在返回未缩小的内容。
(397,111): run-time error CSS1046: Expect comma, found '55'
(397,118): run-time error CSS1046: Expect comma, found '/'
(398,115): run-time error CSS1046: Expect comma, found '55'
(398,122): run-time error CSS1046: Expect comma, found '/'
 */
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;}
body { margin: 0; padding: 0; font-family: "微软雅黑","黑体",Arial }
ul { list-style: none }
p { font-size: 14px }
#content *, #scroller * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.newMenu { left: 18px; z-index: 1; width: 100%; border-bottom: 1px solid #D9D9D9; background: -webkit-gradient(linear,0 0,0 100%,from(#FFF),to(#F1F1F5)); color: #FFF }
.newMenu ul { margin: 0; padding: 0; width: 100%; list-style: none }
.newMenu li { float: left; overflow: hidden; width: 33%; text-align: center }
.newMenu .btns li div { display: block; margin: 0 3px; padding: 0 2px; height: 36px; color: #676475; white-space: nowrap; font-size: 15px; line-height: 36px }
.newMenu .btns li div.selectA { border-bottom: 2px solid #f66; color: #FFF; color: #f66; white-space: nowrap; cursor: pointer }
.pageview { background-color: #fff; padding-bottom: 10px; }
#newsList li { position: relative; display: block; overflow: hidden; padding: 10px; width: 100%; border-bottom: 1px solid #ebebeb; color: #333; background-color: #fff; }
#newsList li .left { float: left; padding-right: 2%; padding-left: 2%; width: 35%; text-align: center }
#newsList li .left img { height: 80px }
#newsList .pics img { margin: 2px; height: 60px }
#newsList li .right { float: left; width: 65% }
#newsList li .readNum { right: 5px; bottom: 5px; float: right; color: #999; font-size: 12px; line-height: 26px }
#newsList li .newstitle { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700 }
#newsList li .desc { color: #8e8e8e; font-size: 12px; line-height: 18px; padding-top: 2px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.space { padding-right: 4px; }
#newsList .news_title { display: block; overflow: hidden; width: 100%; height: 24px; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 600; }
#content { float: left; overflow: hidden; width: 100% }
#btnMore { float: none; margin: 10px 2%; padding-top: 10px; padding-bottom: 10px; width: 96%; background: #E7E7E7; color: #666; text-align: center; font-size: 13px; font-family: "微软雅黑","黑体",Arial }
#btnMore:empty { padding: 0; }
#btnMore a { display: block; margin: -10px 0; padding: 10px 0 }
.moreBox { margin-right: auto; margin-left: auto; width: 100% }
.title { position: relative; margin: 0; padding: 0; height: 45px; background: #3e3c8f; color: #FFF; text-align: center; line-height: 45px }
.title .backBtn { position: absolute; top: 10px; left: 0; float: left; display: block; margin-top: 3px; padding-right: 10px; padding-left: 10px; height: 20px; line-height: 20px }
#banner_scroll .touchslider-item { overflow: hidden; width: 100% }
#banner_scroll .touchslider-item img { width: 100% }
.touchslider-nav { position: absolute; right: 16px; bottom: 4px; width: 100%; text-align: right }
#banner_scroll span.current { background-color: #FFF }
.touchslider-nav span { display: inline-block; margin-right: 2px; width: 5px; height: 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #d3d3d3 }
.fTitle { position: absolute; bottom: 0; padding: 2px 0 0 5px; width: 100%; height: 24px; background: #333; color: #fff; opacity: .7 }
#returnTop { position: fixed; right: 12px; bottom: 50px; z-index: 5; background: #3e3276; border-radius: 50%; padding: 10px; width: 24px; height: 24px; text-align: center; opacity: 0.8; }
#returnTop img { width: 22px; height: 22px; }

.vip1, .vip2, .vip3 { padding: 8px; background-size: 100%; vertical-align: text-bottom; margin-left: 2px; display: inline-block; }
.vipbig { padding: 10px; }
.vip1 { background-image: url(/Content/images/news/V1@3x.png); }
.vip2 { background-image: url(/Content/images/news/V2@3x.png); }
.vip3 { background-image: url(/Content/images/news/V3@3x.png); }
.topicon { display: inline-block; float: right; width: 26px; height: 26px; margin: 8px 10px 0 0; }
.collect { background: url("images/ballpub/collect.svg") no-repeat; background-size: 100%; }
.layui-m-layercont ul { width: 100%; margin: 0; padding: 0; }
.layui-m-layercont ul li { height: 45px; line-height: 45px; padding: 0 14px; font-size: 14px; border-bottom: solid 1px #f0f0f0; text-align: center; letter-spacing: 4px; }

/*前瞻详情页*/
.n-gamedata { border-radius: 10px; overflow: hidden; padding: 10px 10px; width: calc(100% - 58px); margin: 0 16px; background-color: #f5f7f9; color: #333; font-size: 14px; background: linear-gradient(147deg,#f6eff8,#fcfbfd); position: relative; border: 1px solid #e5e3e3; }

.n-gamedata .Against-b { width: 100%; display: flex; height: 68px; }
.n-gamedata .titem { text-align: center; flex: 1; overflow: hidden; -webkit-box-flex: 1; }
.n-gamedata .titem img { width: 40px; height: 40px; border-radius: 50%; padding: 1px; border: 1px solid #d8d8d8; }
.n-gamedata .titem p { text-decoration: none; font-weight: bold; font-size: 14px; color: #fff; text-align: center; margin: 0; padding-top: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-indent: 0; }
.vs { text-align: center; width: 24%; margin-top: 2px; }
.n-gamedata .row { width: 100%; display: block; overflow: hidden; margin-top: 0; white-space: nowrap; text-overflow: ellipsis; }
.n-gamedata .row.class { font-size: 12px; line-height: 18px; color: #333; }
.n-gamedata .state-end { font-size: 12px; line-height: 18px; color: #F04545; }
.n-gamedata .row.end { font-size: 18px; line-height: 30px; font-weight: bold; color: #F04545; }

.p_user_lock .lockbtn { background: linear-gradient(135deg,#0087ff,#51409d 65%); box-shadow: 0 1px 12px rgb(0 55 255 / 37%); width: auto; min-width: 240px; height: 48px; line-height: 34px; padding: 6px; margin: 0; border-radius: 50px; transition: all 0.2s linear; }
.p_user_lock .focusbtn { background: linear-gradient(135deg, #6E54BD, #472E92 100%); box-shadow: 0 1px 12px rgb(0 55 255 / 37%); width: auto; min-width: 240px; height: 48px; line-height: 34px; padding: 6px; margin: 0; border-radius: 50px; transition: all 0.2s linear;  }
.p_user_lock .lockbtn:hover,.p_user_lock .focusbtn:hover { transform: scale(1.05); }
.p_user_lock .lockbtn img { background: rgba(255,255,255,0.15); width: 36px; height: 36px; padding: 8px; border-radius: 50%; margin-right: 10px; float: left; }
.p_user_lock .focusbtn img{ background: rgba(255,255,255,0.15); width: 36px; height: 36px; border-radius: 50%; margin-right: 10px; float: left; }
.p_user_lock a span { font-size: 14px; line-height: 18px; margin: 0 10px; clear: both; }
.p_user_lock { border: 1px dashed #d4d1eb; height: 160px; width: 100%; text-align: center; position: relative; margin-top: 30px; font-size: 16px; background: linear-gradient(147deg,#f6eff8,#fcfbfd); border-radius: 10px; }
.p_user_lock .drag { position: absolute; z-index: 10; left: 50%; width: 280px; top: 48%; transform: translate(-50%,-50%); }
.p_user_lock a { display: inline-block; color: #FFF;  text-decoration: none;font-size: 16px; }
.hotm { font-weight: bold; color: #F60; margin: 0 6px; }
.p_user_lock_ok { border: 1px dashed #D7D7D7; background-color: #FFF; padding: 15px; margin-top: 10px; border-radius: 10px; background: #fff7ed; }
.p_user_lock_ok .look { background: #fd8b3f; color: #Fff; display: block; width: 110px; padding: 0 12px; margin: 0 auto 10px auto; font-size: 12px; text-align: center; text-indent: 0; border-radius: 20px; }

.shang { width: 80px; height: 30px; border-radius: 4px; margin: 0 auto; background-color: #ff614a; line-height: 30px; text-align: center; color: #fff; font-size: 16px; cursor: pointer }
.shangIcons { margin: 20px 0; text-align: center; line-height: 38px; font-size: 14px }
.shangIcons .icon { vertical-align: middle; display: inline-block; position: relative; width: 28px; height: 28px; overflow: hidden; border-radius: 28px; background: #FFF; border: solid 1px #C8C8C8 }
.shangIcons .icon img { width: 28px }
.shangIcons .icon + .icon { margin-left: -18px }

.n-gamedata .statetime { font-size: 12px; text-align: center; margin-bottom: 6px; line-height: 12px; color: #888; }
.n-gamedata .statetime span { padding-right: 6px; }
.n-gamedata .Against-a { width: 100%; display: flex; }
.n-gamedata .titem2 { width: 40%; height: 24px; line-height: 24px; }
.n-gamedata .titem2 img { width: 20px; height: 20px; border-radius: 50%; padding: 1px; border: 1px solid #d8d8d8; margin: 0 6px; }
.n-gamedata .titem2 p { text-decoration: none; font-weight: bold; font-size: 14px; color: #333; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-indent: 0; display: block; width: calc(100% - 48px); }
.n-gamedata .titem2 img.left, .n-gamedata .titem2 p.left { float: right; text-align: right; }
.n-gamedata .titem2 img.right, .n-gamedata .titem2 p.right { float: left; text-align: left; }
.n-gamedata .Againstvs { width: 20%; text-align: center; font-weight: bold; line-height: 24px; color: #888 }
.n-gamedata .score { width: 20%; text-align: center; font-weight: bold; line-height: 24px; color: #e54939 }

.convey { width:unset !important; background: linear-gradient(-135deg,#fff5e7,#fde5c0); border-radius: 4px; padding: 8px; border-radius: 8px; box-shadow: 0px 2px 10px 2px rgba(205,205,205,0.8); }
.convey::before { content: ""; background: url(/Content/images/news/xz.png)no-repeat center; width: 118px; height: 58px; position: absolute; right: 0; top: -15px; opacity: 0.85; z-index: 1; }
.conveytop { text-align: center; padding: 0 0 4px 0; margin: 0 auto; }
.conveytop a { color: #b46307 !important; font-size: 16px; font-weight: bold; }

.conveylist { background: #fffcf8; color: #666; border-bottom: 1px solid #f2f2f2; padding: 2px 4px; margin: 0 auto; position: relative; overflow: hidden; }
.conveylist:nth-child(2) { border-radius: 5px 5px 0 0; }
.conveylist:last-child { border-radius: 0 0 5px 5px; }

.conveylist .result { position: absolute; right: 5px; width: 30px; height: 30px; }
.conveylist .result.mingzhong { background: url(/Content/images/news/mingzhong.png)no-repeat; background-size: 24px; top: 0px; right: 1px; left: auto !important; }
.conveylist .result.go { background: url(/Content/images/news/go.png)no-repeat; background-size: 30px; }
.conveylist .obvious { color: #FF5106; font-weight: 600; }

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; }
a:link, a:hover { color: #333; text-decoration: none; }
#top, .pageview .topBox { height: 45px; line-height: 45px; font-size: 14px; color: #FFF; text-align: center; position: relative; font-size: 16px; background-color: #3E3276; /*background-image: url(Images/topbg.jpg);*/ background-position: left top; background-size: 100%; }
#top .menu { position: absolute; left: 50%; width: 160px; line-height: 26px; background-size: 20px auto; overflow: hidden; font-size: 14px; z-index: 2; margin-left: -75px; border: 1px solid #706bb7; border-radius: 4px; margin-top: 8px; }
#top .menu li a { color: #a19bc0; text-align: center; display: block; width: 40px; float: left; }
#top .menu li.w50 a { width: 50%; float: left; display: block; }
#top .menu li.w50 a.on { width: 50%; color: #fff; background: #706bb7; }
#top .menu li a.on { color: #403c91; background: #f5fafb; }
#top .backBtn::before,#top .backBtn3::before, .topBox .backBtn::before { content: ""; transform: translateY(16px) rotate(45deg); display: block; width: 10px; height: 10px; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; transition: all .2s linear; }
#top .backBtn,#top .backBtn3, .topBox .backBtn { float: left; height: 100%; padding: 0 15px; }
#top .iconright { float: right; width: 20px; height: 20px; margin: 12px 12px 0 0; }
#top .middle, .topBox .middle { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); }
.topBox .backBtn2 { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-left: 15px; width: 12px; height: 12px; margin-top: 23px; display: block; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; -webkit-transition: all .2s linear; transition: all .2s linear; float: left; }
#top .edit, .topBox .edit { width: 10%; position: absolute; top: 7px; right: 7px; }
#top .right { position: absolute; right: 10px; top: 0px; line-height: 48px; font-size: 12px; }
#top .edit, #top .right .btn, .topBox .edit, .topBox .right .btn { border-radius: 4px; padding: 0 20px; height: 26px; line-height: 26px; color: #FFF; font-size: 14px; border: 1px solid #5A537D; }
#top .right .btn { margin-top: 7px; display: inline-block }
#top .right .btn + .btn { margin-left: 7px }
#top .tmenu, .topBox .tmenu { position: absolute; right: 8px; top: 9px; width: 26px; height: 26px; background-image: url(/Content/images/menuv.png); background-size: 26px 26px; }
#top .resetDataBtn, .topBox .resetDataBtn { position: absolute; right: 8px; top: 9px; width: 26px; height: 26px; background: url(/Content/images/reset.png) no-repeat center center; background-size: 20px 20px; }
.subTitle { line-height: 30px; background: #F6F6F6; font-size: 12px; text-align: center; border-bottom: 1px solid #d9d9d9; }
.dateBox { overflow: hidden; font-size: 12px; background: #fff; border-bottom: 1px solid #f0f0f0; }
.dateBox li { float: left; width: 14%; text-align: center; display: block; line-height: normal; padding: 4px 0; font-size: 11px; }
.dateBox li a { color: #888; padding: 2px 7px; display: inline-block; }
.dateBox li a.on { border: 1px solid #945ed8; background: #e7e2fc; border-radius: 4px; color: #814dc2; }
.dateBox li.on .week, .dateBox li.on a { color: #945ed8; }
.dateBox li .week { display: block; }
.dateBox li.icon { width: 18%; display: block; border-style: none; background: url(Images/date.jpg) no-repeat center center; background-size: 26px; }

.paydiv { background-color: #FFF; padding-bottom: 6px; }
.pay12div h3 { padding-left: 12px; }
h3 { line-height: 34px; font-size: 14px; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E7E7E7; font-weight: normal; background-color: #FFF; color: #333; }
h3 .right { float: right; font-weight: normal; padding-right: 5px; }

header { background-color: #3E3276; color: #fff; text-align: left; }
header ul.menu, ul.subMenu { text-align: center; /* 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; background-position: 0 0; }
header ul.menu li, ul.subMenu li { display: block; background: inherit; -webkit-box-flex: 1; -webkit-box-sizing: border-box; margin: 0 0px 0 0; padding: 0px; text-align: center; position: relative; }
header ul.menu { color: #FFF; width: 100%; z-index: 99; }
header .menu:last-child { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #d9d9d9; }
header .menu li { /* IE */ width: 16.6%\9; float: left\9; height: 30px; font-size: 16px; line-height: 30px; position: relative; float: left; width: 20%; }
header .menu li, header .menu li a { color: #D8D6E4; }
header .menu li.on, header .menu .on a { color: #E2C514; font-weight: 400; }
header .menu .ddl:before { content: ""; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 5px solid #A8A0C5; display: block; position: absolute; top: 13px; left: 77%; }
header .menu .on.ddl:before { border-top-color: #E2C514 }
header .ddl .cnav { display: none; position: absolute; background-color: #FFF; border: 2px solid #584F88; top: 32px; left: 50%; transform: translateX(-50%); width: 90%; z-index: 99; border-radius: 5px; padding: 3px 0; margin: 0; box-shadow: 0px 2px 10px rgba(0, 3, 57, 0.1); }
header .ddl .cnav a { clear: both; line-height: 34px; display: block; color: #333; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F3F3F3; }
header .ddl .cnav a:last-child { border-bottom: 0 }
.subMenu { overflow: hidden; position: relative; font-size: 14px; background: #eeedf4; border-bottom: 1px solid #e6e4f3; width: 100%; /* background: -webkit-gradient(linear, 0 0, 0 100%, from(#EFEEF4), to(#E4E2ED)); */ }
.subMenu a { background: #fff; color: #666; line-height: 28px; margin: 5px 2px; border-radius: 4px; width: 90%; display: inline-block; }
.subMenu .on a { background: #f57b3f; color: #fff; }
.subMenu li { position: relative; float: left; }
.subMenu .sss::after { content: ''; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 5px solid #bfbfbf; margin-left: 4px; vertical-align: 2px; display: inline-block; }
.subMenu .on .sss::after { border-top-color: #fff; }
.subMenu i, .fixedNum { background: #d52b1e; color: #fff; width: 14px; height: 14px; border-radius: 10px; font-style: normal; font-size: 10px; line-height: 14px; position: absolute; right: 2px; top: 2px; }
.more2 { text-align: center; padding: 0px; margin: 0px; color: #FFF; width: 100%; font-size: 14px; overflow: hidden; border-bottom: 1px solid #e6e3f1; /* 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; background-color: #F1F1F5; }
.more2 div { display: block; background: inherit; margin: 0 0px 0 0; padding: 0px; -webkit-box-flex: 1; -webkit-box-sizing: border-box; text-align: center; /* IE */ width: 16.6%\9; float: left\9; }
.more2 div a, .more2 a { font-size: 15px; text-align: center; text-overflow: ellipsis; color: #676475; display: block; float: none; line-height: 38px; height: 38px; }
.more2 a { float: left; }
.more2 div a.selectA { cursor: pointer; white-space: nowrap; height: 38px; line-height: 38px; margin-right: auto; margin-left: auto; color: #ff6600; display: block; width: 100%; text-align: center; border-bottom: 2px solid #ff6600; }

/*新头部*/
/* top nav begin */
.rtopusea { background: #3E3276; height: 46px; justify-content: space-between; align-content: space-between; display: -webkit-box; /* OLD - iOS 6-,Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW,Spec - Opera 12.1,Firefox 20+ */ }
.rtop_left { width: 110px; }
.rtop_left .backBtn::before { content: ""; transform: translateY(16px) rotate(45deg); display: block; width: 10px; height: 10px; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; transition: all .2s linear; }
.rtop_left .backBtn { float: left; height: 100%; padding: 0 15px; }
.rtopusea a.rlogo, a.rlogo:visited, a.rlogo:hover { width: 110px; height: 46px; float: left; background: url(images/head/rlogo.png) no-repeat left center; background-size: 100%; }
.r_topsmenu { height: 40px; flex: 2; margin: 0 auto; text-align: center;min-width: 132px; }
a.r_tmenu_nor, a.r_tmenu_nor:visited, a.r_tmenu_nor:hover { width: 40px; display: inline-block; height: 36px; border-bottom: 2px solid #3E3276; line-height: 36px; font-size: 18px; font-weight: bold; text-align: center; color: #C4C1D5; margin: 2px; border-radius: 1px; }
a.r_tmenu_now, a.r_tmenu_now:visited, a.r_tmenu_now:hover { width: 40px; display: inline-block; height: 36px; border-bottom: 2px solid #fff; line-height: 36px; font-size: 18px; font-weight: bold; text-align: center; color: #fff; margin: 2px; border-radius: 1px; }
.rtop_right { padding: 10px 0px 0 0; width: 110px; }
a.r_orangebt, a.r_orangebt:visited, a.r_orangebt:hover { padding: 4px 8px; display: inline-block; float: left; color: #fff; background: #F57B3F; font-size: 12px; border-radius: 4px; font-weight: normal;float:right;margin-right:10px; }
.r_topsetup { width: 24px; height: 24px; display: inline-block; float: right; background: url(images/head/r_icon_setup.png) no-repeat; background-size: 24px; margin-right: 8px; }
/* top nav end */
/* downnav begin */
#rbf_downnav { flex-flow: row wrap; display: -webkit-box; /* OLD - iOS 6-,Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW,Spec - Opera 12.1,Firefox 20+ */ background: #fff; height: 44px; padding: 4px 0px 0px 0px; border-top: 1px solid #ebebeb; position: fixed; bottom: 0px; width: 100%; z-index: 999 }
.rbfcharnow { color: #472E92; }
.rbfdownnav_pj { flex: 1; text-align: center; color: #333; font-size: 12px; }
a.rbfnav_pj, a.rbfnav_pj:visited, a.rbfnav_pj:hover { color: #333; text-decoration: none; }
.rd_01nor { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i01_nor.png) no-repeat; background-size: 24px; }
.rd_01now { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i01_now.png) no-repeat; background-size: 24px; }
.rd_02nor { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i02_nor.png) no-repeat; background-size: 24px; }
.rd_02now { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i02_now.png) no-repeat; background-size: 24px; }
.rd_03nor { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i03_nor.png) no-repeat; background-size: 24px; }
.rd_03now { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i03_now.png) no-repeat; background-size: 24px; }
.rd_04nor { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i04_nor.svg) no-repeat; background-size: 24px; }
.rd_04now { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i04_now.svg) no-repeat; background-size: 24px; }
.rd_05nor { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i05_nor.png) no-repeat; background-size: 24px; }
.rd_05now { width: 24px; height: 24px; margin: 0 auto; display: block; background: url(images/head/i05_now.png) no-repeat; background-size: 24px; }
/* downnav end */
/* top nav2 begin */
.r_nav2_ty { display: -webkit-box; /* OLD - iOS 6-,Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW,Spec - Opera 12.1,Firefox 20+ */ height: 39px; border-bottom: 1px solid #ebebeb; background: #fff; line-height: 39px; }
a.r_nav2_pjnow, a.r_nav2_pjnow:visited, a.r_nav2_pjnow:hover { flex: 1; text-align: center; font-size: 15px; font-weight: bold; color: #F57B3F; border-bottom: 2px solid #F57B3F; height: 37px; line-height: 37px; display: block; position: relative }
a.r_nav2_pjnor, a.r_nav2_pjnor:visited, a.r_nav2_pjnor:hover { flex: 1; text-align: center; font-size: 15px; font-weight: normal; color: #777; border-bottom: 2px solid #fff; height: 37px; line-height: 37px; display: block; position: relative }
/* top nav2 end */
/* top nav3 begin */
.r_nav3_ty { display: -webkit-box; /* OLD - iOS 6-,Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW,Spec - Opera 12.1,Firefox 20+ */ height: 24px; border-bottom: 1px solid #ebebeb; background: #fff; line-height: 24px; padding: 6px 30px; }
.r_nav3_bg { display: flex; border-radius: 12px; background: #f5f5f5; height: 24px; width: 100%; }
.r_nav3_bg ul { margin: 0; padding: 0; display: flex; width: 100%; }
.r_nav3_bg li { flex: 1; text-align: center; font-size: 14px; font-weight: normal; color: #777; height: 24px; line-height: 24px; border-radius: 20px; padding: 0 8px; display: inline-block; }
.r_nav3_bg li.current { flex: 1; text-align: center; font-size: 14px; font-weight: bold; color: #fff; height: 24px; line-height: 24px; border-radius: 20px; padding: 0 8px; background: #3E3276; display: inline-block; }

a.r_nav3_pjnow, a.r_nav3_pjnow:visited, a.r_nav3_pjnow:hover { flex: 1; text-align: center; font-size: 14px; font-weight: bold; color: #fff; height: 24px; line-height: 24px; border-radius: 20px; padding: 0 8px; background: #3E3276; }
a.r_nav3_pjnor, a.r_nav3_pjnor:visited, a.r_nav3_pjnor:hover { flex: 1; text-align: center; font-size: 14px; font-weight: normal; color: #777; height: 24px; line-height: 24px; border-radius: 20px; padding: 0 8px; }

.rtop_right .iconright { float: right; width: 20px; height: 20px; margin: 4px 12px 0 0; cursor: pointer; }

#footballNow::before { content: ""; width: 0; height: 0; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 5px solid #F57B3F; display: block; position: absolute; top: 15px; left: 77%; color: #F57B3F; }
.ifocusNum { background: #d52b1e; color: #fff; width: 14px; height: 14px; border-radius: 10px; font-style: normal; font-size: 10px; line-height: 14px; position: absolute; right: 6px; top: 6px; }
.ifocusNum:empty { display:none }
/*新头部*/


.tabs { overflow: hidden; line-height: 30px; background: #FFF; border-radius: 4px; overflow: hidden; width: 60%; margin: 10px auto; border: solid 1px #ff6600; }
.tabs .btn { width: 50%; float: left; text-align: center; }
.tabs .btn.on { color: #fff; background: #ff6600; }
.tools { background: #FFF; padding: 5px 10px; line-height: 30px; font-size: 12px; height: 30px; border-bottom: 1px solid #DFDFDF; }
.tools .right { float: right; line-height: 26px; color: #FFF; overflow: hidden; }
.tools .right .btn { padding-right: 10px; padding-left: 10px; border-radius: 3px; color: #333; background-color: #FFF; border: 1px solid #CCC; }
.noData { background: url(Images/Users/nodata.jpg) no-repeat center 30px; padding-top: 150px; text-align: center; font-size: 20px; padding-bottom: 50px; color: #8A829F; background-size: auto 100px; }
.noData2 { padding: 20px; background-color: white; text-align: center; }
.noarticle { background: url(Images/Users/noarticle.svg) no-repeat center 30px; padding-top: 140px; text-align: center; font-size: 18px; padding-bottom: 40px; color: #8A829F; background-size: auto 120px; }
.noSignin { background-color: #e8641a; font-size: 14px; color: #fff !important; margin: 0 auto 40px; border-radius: 20px; width: 110px; line-height: 32px; display: block; text-align: center; }
.searchBar { text-align: center; padding-right: 60px; position: relative; border-radius: 20px; margin: 10px; overflow: hidden; height: 36px; }
.searchBar input[type="search"] { line-height: 36px; width: 100%; vertical-align: middle; font-size: 14px; border-style: none; padding: 0 18px 0 40px; height: 36px; background: #ecebeb url(Images/Users/searchfor.svg) no-repeat 16px center; background-size: 18px; }
.filterOK { position: absolute; right: 0px; width: 60px; top: 0px; border-radius: 0 4px 4px 0; line-height: 36px; background: #ecebeb; overflow: hidden; font-size: 14px; color: #333 !important; }
a:link.filterOK, a:hover.filterOK, .filterOK { color: #fff }
.input { background: #FFF; margin-top: 10px; padding: 10px; line-height: 30px; }
.input .txt { float: left; width: 15%; text-align: right; }
.input input { border-style: none; line-height: 30px; height: 30px; width: 83%; background: #F6F6F6; color: #666; padding-right: 1%; padding-left: 1%; }
.items { margin: 8px 0px 0px; padding: 0px; }

.items li { line-height: 30px; background: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; position: relative; overflow: hidden; border-bottom: 1px solid #e8e8e8; }
.items li:last-child { border-bottom: 0; }
.items li.btn { background: #FFF url(Images/right_icon_h.png) no-repeat 97% center; background-size: auto 13px; position: relative }
.items li .left { float: left; margin-right: 5px; }
.items li .icon { float: left; margin-right: 10px; height: 36px; width: 36px; }
.items li .info { float: left; }
.items li .info .title { float: left; display: block; line-height: normal; width: 100%; font-size: 16px; font-weight: 600; }
.items li .info .date { display: block; line-height: normal; font-size: 12px; float: left; color: #999; width: 100%; }
.userdetail .info .date { padding-left: 10px }
.items li .info2 { float: right; width: 80px; text-align: center; }
.items li .right { position: absolute; right: 10%; top: 50%; line-height: 35px; height: 30px; margin-top: -17px; max-width: 50%; }
.items + .items { border-top: 1px solid #e8e8e8; }
.items li img { }
.inc { width: auto; padding-left: 10px }
.flotright i { color: #e85d5a; font-style: normal; margin-left: 2px }
.flotright .rank { margin-left: 10px }
.flotright .o_button { background: #ff7632; margin: 6px 0 0 10px; line-height: 24px; font-size: 12px; color: #FFF; text-align: center; border-radius: 3px; padding: 0 15px }
.o_button { background: #ff7632; margin: 10px; line-height: 42px; font-size: 16px; color: #FFF; text-align: center; border-radius: 3px; }
.g_button { background: #999999; margin: 10px; line-height: 46px; font-size: 14px; color: #FFF; text-align: center; border-radius: 2px; }
.b_button { background: #3399FF; margin: 10px; line-height: 40px; font-size: 14px; color: #FFF; text-align: center; border-radius: 2px; }
.like, .liked, .experter { padding: 0 3px; display: inline-block; font-size: 11px; font-weight: normal; margin: 0px 0px 2px 3px; border-radius: 3px; min-width: 15px; text-align: center; }
.liked, .experter2 { padding: 0 3px; display: inline-block; font-size: 11px; font-weight: normal; margin: 0px 0px 2px 3px; border-radius: 3px 3px 3px 0; min-width: 15px; text-align: center; }
.like { color: #1f005b; background: #fff; float: right; padding: 2px 0; font-size: 14px; width: 58px; text-align: center; }
.like.on { background: #d8d8d8; color: #777; }
.liked { color: #FFF; background: #3F3D90; }
.likebtn { background: #F60; color: #fff; }
.experter { color: #fee6dc; background: #f57b3f; border-radius: 2px; line-height: 16px; font-size: 11px; padding: 0 3px; }
.win { width: 300px; }
.win .info { padding: 20px; text-align: center; }
.win i { background: url(Images/popupClose.png) no-repeat center center; height: 16px; width: 16px; position: absolute; top: 12px; right: 8px; cursor: pointer; }
.win .title { padding: 5px 10px; border-bottom: 1px solid #E4E4E4; line-height: 30px; }
.win .button { margin: 0px; padding: 0px; background: #FF7632; line-height: 40px; color: #FFF; height: auto; }
.win .info div { padding-bottom: 5px; font-size: 16px; }
.win .info .small { font-size: 12px; }
.win .redTxt { color: #F30; }
.win .padding-0-10 { padding: 0px 10px; }
.login .items li { line-height: 30px; border-bottom: 1px solid #e8e8e8; background: #FFF; padding: 10px; margin: 0; position: relative; overflow: hidden; }
.login .tab::after, .login .otherMsg::after { content: ""; display: block; clear: both; }
.login .tab { background: #fff; border-bottom: 1px solid #e5e5e5; padding: 0 5px; display: block; }
.login .tab li { color: #666; font-size: 14px; line-height: 30px; float: left; margin: 0 15px; }
.login .tab .on { color: #3F3D90; font-weight: bold; border-bottom: 2px solid #3F3D90; }
.login .items { background: #FFF; padding: 0 15px; margin: 0; border-bottom: 1px solid #e5e5e5; }
.login .items li:last-child { border-style: none; }
.login li.tel { background: #FFF url(Images/login/reg_03.jpg) no-repeat 2px center; background-size: 30px auto; padding: 15px 10px 15px 35px; margin: 0; }
.login li.msg { background: #FFF url(Images/login/reg_06.jpg) no-repeat 5px center; background-size: 25px auto; padding: 15px 10px 15px 35px; margin: 0; }
.login li.name { background: #FFF url(Images/login/reg_10.jpg) no-repeat 5px center; background-size: 25px auto; padding: 15px 10px 15px 35px; margin: 0; }
.login li.pwd { background: #FFF url(Images/login/reg_08.jpg) no-repeat 5px center; background-size: 25px auto; padding: 15px 10px 15px 35px; margin: 0; line-height: 30px; }
.login li.imgcode { background: #FFF url(Images/login/reg_09.png) no-repeat 2px center; background-size: 30px auto; padding: 15px 10px 15px 35px; margin: 0; line-height: 30px; }
.login .verificat { float: right; font-size: 12px; background: #f0f0f0; color: #666; line-height: 30px; padding: 0 12px; border-radius: 4px; border: none; width: 100px; height: 30px; text-align: center }
.login li input { line-height: 22px; border: 1px solid #FFF; margin-left: 2px; height: 22px; font-size: 12px; border: 0 none; overflow-x: visible; overflow-y: visible; }
.login li .right { right: 5px; }
.login li .o_button { line-height: 30px; margin: 0px; padding: 0px 5px; height: 30px; font-size: 12px; display: block; }
.login .otherMsg { padding: 0 10px; margin: 5px 0 30px 0; font-size: 12px; color: #666; }
.login .agree { color: #666; display: block; font-size: 12px; line-height: 20px; text-align: left; margin: 30px 10px; }
.login .agree a, .otherMsg a { color: #2196F3; }
.login .other { margin: 30px 0; }
.login .other .tit { color: #666; font-size: 12px; line-height: 22px; text-align: center; position: relative; display: block; }
.login .other .tit::before, .login .other .tit::after { content: ""; background: #e1e1e1; position: absolute; top: 12px; left: 10px; width: 30%; height: 1px; }
.login .other .tit::after { left: auto; right: 10px; }
.login .other .mode { color: #666; font-size: 14px; text-align: center; width: 100%; margin: 10px auto; }
.login .other .mode a { display: inline-block; }
.login .other .mode .micon { width: 40px; height: 40px; border-radius: 50%; margin: 8px auto; }
.filterBox { background: #FFF; margin: 0px; padding: 12px; }
.filterBox .btns { float: left; width: 100%; overflow: hidden; padding-bottom: 10px; }
.filterBox .btns .btn { width: 48%; margin-right: 1%; margin-left: 1%; float: left; line-height: 35px; text-align: center; background: #E5E5E5; }
.filterBox .gameList { overflow: hidden; padding-top: 5px; padding-bottom: 5px; }
.filterBox .gameList li { width: 22%; border: 1px solid #E4E4E4; margin: 1%; line-height: 30px; text-align: center; display: inline-block; float: left; }
.filterBox .gameList li.on { width: 22%; border: 1px solid #FF6600; margin: 1%; line-height: 30px; text-align: center; display: inline-block; float: left; background: #FEF3EF; color: #FF6600; }
.filterBox .title { line-height: 30px; text-align: center; font-weight: bold; background: #F4F4F4; }
.bg { height: 100%; width: 100%; left: 0px; top: 0px; background: #000; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; z-index: 3; position: fixed; _position: absolute; }
body { font-family: "微软雅黑", "黑体", Arial; font-size: 14px; margin: 0px; padding: 0px; }
#read_Reg_Statement { color: #2196F3; }
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
.items textarea { padding: 5px 2%; width: 96%; overflow: auto; background-attachment: fixed; background-repeat: no-repeat; border-style: solid; border-color: #FFFFFF; word-break: break-all; -moz-box-sizing: border-box; }
.height0 { height: 0px; width: 0px; position: absolute; }
.ticketNum { width: 18px; position: relative; background: #ff7632; border-radius: 50%; font-size: 12px; text-align: center; color: #fff; top: -2px; left: 50px; line-height: normal; }
a.blue { color: #658ECD; font-size: 14px }
.icon img { border-radius: 50%; }
.liveTv { background-color: #EBEDF3; border-bottom: 1px solid #d9d9d9; padding-left: 10px }
.liveTv li { padding: 4px 10px 4px 15px; background-image: url(Images/tv.png); background-repeat: no-repeat; background-position: left 8px; background-size: 12px 12px; }
.liveTv li a.blue { color: #0099EB }
.infoBtn { transform: rotate(225deg); -webkit-transform: rotate(225deg); width: 8px; height: 8px; margin-top: 1px; margin-right: 6px; 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; }
#btn_reg_VerifyCode { display: block; height: 30px; font-size: 12px; line-height: 30px; text-align: center; color: #666; background: #f0f0f0; padding: 0 10px; font-family: "微软雅黑"; cursor: pointer; border-radius: 3px; }
.tname { background-color: #F5F5F5; padding: 12px; color: #333333; font-weight: normal; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; }
.adBox { text-align: center; }
.adBox img, img.ad { width: 100%; display: block }
.rline { border-right-width: 1px; border-left-width: 1px; border-top-width: 0px; border-bottom-width: 0px; border-style: solid; border-color: #F0F0F0; }
.orange { color: #ff7632; padding-right: 5px; padding-left: 5px; line-height: 20px; }
.showNum { color: #ff7632; }
.newSubMenu { text-align: center; height: 40px; line-height: 40px; background: #FFF; border-bottom: solid 1px #f1f1f1; font-size: 16px; }
.newSubMenu li { display: inline-block; }
.newSubMenu li span { padding: 8px 20px; color: #666; cursor: pointer }
.newSubMenu li span a { color: #666; }
.newSubMenu .on span { line-height: 30px; color: #e8641a; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #5F4EAF; }
.newSubMenu .on span a { color: #5F4EAF; font-weight: 600; }
.p-line { height: 10px; background-color: #F4F4F4; }
.fx_score { color: #666; background-color: #F9F9F9; border-radius: 3px; font-family: "Arial Black", Gadget, sans-serif; font-weight: bold; border: 1px solid #E8E8E8; margin-right: 2px; margin-left: 2px; padding-top: 0; padding-right: 4px; padding-bottom: 0; padding-left: 4px; }
.tmenu .cnav { display: none; position: absolute; background-color: #FFF; border: 2px solid #584F88; width: 100px; z-index: 99; border-radius: 5px; padding: 3px 0; box-shadow: 0px 2px 10px rgba(0, 3, 57, 0.1); top: 26px; right: 0px; }
.tmenu .cnav a { clear: both; line-height: 36px; display: block; color: #333; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F3F3F3; }
.textItem { padding: 0px 10px }
.blue, a.blue { color: #2196F3 !important; }
.red, a.red { color: #e62129 !important; }
.green, a.green { color: green !important; }
.fl { float: left; }
.fr { float: right; }
/*即时页的下拉按钮*/
.screen { background: #eeedf4; position: fixed; width: 100%; filter: opacity(0.9); overflow: hidden; }
.screen ul { padding: 15px 8px; text-indent: 0; zoom: 1; display: block; font-size: 14px; }
.screen ul li { background: #fff; color: #666; line-height: 20px; text-align: left; padding: 5px; margin: 0 0 0 5px; width: 21%; border-radius: 50px; float: left; }
.screen ul li.on { color: #e8641a; }
.screen ul li:first-child { margin: 0; }
.screen ul li i { background: url(Images/choice.svg) no-repeat center; background-size: 20px; width: 20px; height: 20px; margin: 0 5px; float: left; display: inline-block; }
.screen ul li.on i { background: url(Images/choice_on.svg) no-repeat center; height: 20px; width: 20px; }
.screen ul:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; }

.filterScreen { display: none; position: fixed; background-color: #FFF; border: 2px solid #584F88; width: 80px; z-index: 99; border-radius: 5px; padding: 3px 0; box-shadow: 0px 2px 10px rgba(0,3,57,0.1); right: 2px; text-align: center; }
.filterScreen a { clear: both; line-height: 34px; display: block; color: #333; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F3F3F3; }
.dotred { height: 6px; width: 6px; border-radius: 50%; position: absolute; top: 8px; right: 16px; display: block; z-index: 8; background: #e62229; }