* { padding: 0px; margin: 0px; }
body { background: #E3E3E3; font-size: 12px;font-family: "微软雅黑"; }
ul, li, ol { list-style: none; }
a, a:hover { text-decoration: none; }
.subMenu { overflow: hidden; position: relative; background: #fff; padding: 0 2%; }
    .subMenu.dsi { padding: 0 2% 5px; }
    .subMenu li { float: left; transform: skewX(-15deg); }
        .subMenu li.number1 { width: 18.8%; margin: 4px 0 0 1%; }
        .subMenu li.number2 { width: 23.8%; margin: 4px 0 0 1%; }
.hornleft a::before { content: ""; background: #eff4ff; position: absolute; top: 0px; left: -4px; width: 30%; height: 28px; transform: skewX(15deg); }
.hornright a::after { content: ""; background: #eff4ff; position: absolute; top: 0px; right: -4px; width: 30%; height: 28px; transform: skewX(15deg); }
.hornleft a.on::before { content: ""; background: #143cdb; position: absolute; top: 0px; left: -4px; width: 30%; height: 28px; transform: skewX(15deg); }
.hornright a.on::after { content: ""; background: #143cdb !important; position: absolute; top: 0px; right: -4px; width: 30%; height: 28px; transform: skewX(15deg); }
.subMenu a { width: 100%; float: left; line-height: 28px; text-align: center; background-color: #eff4ff;color: #6f7ba7; font-size: 12px;}
.subMenu a.on { background: none; line-height: 28px; color: #fff; font-weight: 600; background-color: #143cdb; }
.subMenu a span { transform: skewX(15deg); display: block; }
.subMenu i { background: #d52b1e; color: #fff; width: 16px; height: 16px; border-radius: 10px; font-style: normal; font-size: 12px; line-height: 16px; position: absolute; right: 1px; top: 1px; }
.more a.worldcup { background-size: auto 50px; }
.worldcup img { height: 25px; }
#GroupContainer { }
.leagueItems.dsi { background-color: #fff; }
.leagueItems ul.dsi { margin: 0 5px 5px; }
.leagueItems { border-radius: 4px 4px 0 0; overflow: hidden; }
.leagueItems ul { background: #f5f4f4;padding: 0;margin: 5px 8px;border-radius: 20px;display: flex;align-items: center;overflow: hidden;}
.leagueItems ul li { flex: 1; float: left; text-align: center;display: block; }
.leagueItems ul li span { border-radius: 20px; width: 100%; display: inline-block; height: 26px; line-height: 26px; color: #666; }
.leagueItems ul li span.dsi { height: 26px; line-height: 26px; }
.leagueItems ul li.on span.dsi { height: 26px; line-height: 26px; }
.leagueItems ul li.on span {background: #f9bf4b;color: #333;font-weight: 600;}
.leagueItems ul li.line { display: block; width: 100%; border-bottom: solid 1px #ccc; }
#championOdds { background: #fff; }
#championOdds * { box-sizing: border-box; }
#championOdds .leagueItems ul { background: #FFF;font-size: 16px; }
#championOdds .leagueItems ul li.on { border-bottom: 2px solid #882858; line-height: 32px; color: #882858; font-weight: 600; }

.explain { background-color: #f7f7f7;color: #b5b5b5;margin: 0 8px;text-align: center; padding: 3px 0; }
table { background: #fff; }
table tr th,
table tr td { border-bottom: solid 1px #f0f0f0; }
table tr th { background: #f5f4f4; font-size: 12px; line-height: 22px; color: #999EAC; font-weight: 400; }
table tr td { text-align: center; line-height: 30px; }
.red { color: #e8641a; }
.green { color: #0ba52d; }
.blue { color: #0993d3; }
.out {color: #143cdb !important;}

#content .match { padding: 0; overflow: hidden; line-height: 26px;padding: 8px 0;margin: 0 8px;border-bottom: 1px solid #f5f5f5;border-radius: 0; /*box-shadow: 0 1px 10px rgba(0,25,149,0.15);*/ }
#content .match:last-child {border: none;}
#content .match .m-lis {padding: 5px 0;}
#content .match .m-lis::after {content:"";clear: both;display: block;}
#content .match .team { display: flex; padding: 0 4px; }
#content .match .home .team { justify-content: flex-end; }
#content .match .data { font-size: 12px; }
#content .match .data .halfScore { padding: 0px 3px; display: inline; }
#content .match .data .time { padding: 0px 5px; }
#content .match .data .conner { float: right; padding: 0px 0px 0px 15px; background: url("/Content/images/flag.png") left 5px no-repeat; background-size: 13px 13px; }
#content .match .other { text-align: center; color: #b9b9b9; line-height: 20px; }
#content .match .home.time { padding: 0px 5px; }
.rc, .yc { font-size: 11px; float: none !important; vertical-align: middle; text-align: center; font-style: normal; border-radius: 2px; color: #fff; margin: 0 2px; padding: 0 2px; position: relative; min-width: 11px; }
.yc { background: #F9AF06; }
.rc { background: #F04545; }
.name.green { color: #008000 !important; font-weight: 600; }
.name.red { color: #E62229 !important; font-weight: 600; }
#content .match .settop { margin-top: 12px; width: 10%; float: left; background: url("/Content/images/staroff_s.png?v=1") right center no-repeat; height: 36px; }
    #content .match .settop.on { background: url("/Content/images/staron_s.png?v=1") right center no-repeat; }
#content .match i { width: 24px; height: 16px; display: inline-block; border: 1px solid rgba(0, 0, 0, .05); line-height: normal; box-sizing: content-box; margin-top: 4px; border-radius: 3px; overflow: hidden; }
    #content .match i img { width: 100%; height: 100%; vertical-align: baseline; }
#content .match .home { float: left; width: 43%; text-align: right; color: #333; }
    #content .match .home i { float: right; }
#content .match .vs { float: left; width: 14%; }
#content .match .guest { float: left; width: 43%; text-align: left; color: #333; }
    #content .match .guest .data { padding-right: 10px; }
    #content .match .guest i { float: left; }
#content .match .msg { font-size: 12px; position: relative; padding: 2px 10px;display: block; width: calc(100% - 20px); float: right; line-height: 22px; color: #008000; background-color: #f0f5f8; }
    #content .match .msg::before { content: ""; display: block; position: absolute; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #f0f5f8; top: -5px; left: 50%; transform: translate(-50%, 0); }
#content .match .vs .name { font-size: 16px; color: #999EAC; text-align: center; line-height: 26px; }
#content .match .vs .score { font-size: 16px; text-align: center; line-height: 26px; font-weight: 600; }
.contectItems ul { overflow: hidden; background: #fff; }
    .contectItems ul li { width: 50%; float: left; line-height: 30px; border-bottom: solid 1px #f0f0f0; font-size: 14px; box-sizing: border-box; }
.selected {color: #dea259; text-align: center; width: 100%; line-height: 24px; float: left; margin: 0;border-top: 1px dashed #eaedf5;  }
    .selected img { width: 16px; vertical-align: -3px; margin-right: 4px; }
.open { margin: 0 auto 4px; background-color: #f7f8fa; border-radius: 20px; color: #666; display: block; padding: 6px 14px 6px 24px; width: 70px; }
    .open i { display: inline-block; width: 0; height: 0; border-top: 5px solid #999; border-bottom: 0 none; border-left: 5px solid transparent; border-right: 5px solid transparent; vertical-align: middle; margin-left: 5px; transition: all 300ms; }
.matchList { padding-bottom: 4px; }
.separate { color: #6f7ba7; font-size: 12px; line-height: 30px; margin: 0 10px; position: relative; text-align: center; }
    .separate span { color: #6f7ba7; padding: 0 6px; }
    .separate::before, .separate::after { content: ""; background: #6f7ba7; opacity: 0.3; position: absolute; top: 16px; left: 0; width: 38%; height: 1px; }
    .separate::after { left: auto; right: 0; }
ul#type_0 li span { width: 25%; }
    ul#type_0 li span.upOdds { width: 25%; }
ul#type_0 li .name { width: 50%; }
#groupfirst ul li span { width: 25%; }
    #groupfirst ul li span:first-child { width: 25%; }
    #groupfirst ul li span:last-child { width: 50%; }
.contectItems ul li span:first-child { font-weight: bold; width: 30%; box-sizing: border-box; }
.contectItems ul li .name { text-align: left; width: 70%; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; }
.contectItems ul li:nth-child(even) { border-left: solid 1px #f0f0f0; }
.contectItems ul li span { width: 33%; float: left; text-align: center; }
.downOdds { color: green; }
.upOdds { color: red; }
.on { color: red; }
.tabs { margin: 12px auto; overflow: hidden; padding: 1px !important; }
    .tabs ul { overflow: hidden; width: 60%; margin: 0 auto; border-radius: 20px; background: #f0f0f0; padding: 2px; }
        .tabs ul li { width: 25%; float: left; text-align: center; line-height: 30px; color: #666971; font-size: 14px; }
            .tabs ul li:hover { color: #F00; }
            .tabs ul li.on { background: #FFF; color: #333; font-weight: 600; border-radius: 20px; box-shadow: 0 0 3px rgb(0 0 0 / 12%); }
#group { border-top: 1px solid #f0f0f0; }
.out span { color: #999; }
#content .match .team .name { font-size: 16px; font-weight: 600; overflow: hidden; white-space: nowrap; line-height: 26px; text-overflow: ellipsis; margin: 0 4px; }
@media screen and (min-width:700px) {
    #content .match .team .name { max-width: 80%; }
}
@media screen and (max-width:414px) {
    #content .match .team .name { max-width: 55%; }
}
@media screen and (max-width:375px) {
    #content .match .team .name { max-width: 55%; }
}
@media screen and (max-width:320px) {
    #content .match .team .name { max-width: 46%; }
    .subMenu { padding: 0 1.2%; }
}
/*@media only screen and (max-width: 999px) {*/
.spacing { height: 6px; background-color: #f0f0f0; display: block; clear: both; }
.information { display: inline-block; color: #9A5F4B; padding: 0 14px 0 26px; line-height: 21px; border-radius: 20px; background: #fbf1d2 url(/Content/images/worldcup/star.png) no-repeat 10px 4px; background-size: 13px; margin: 6px 0 0 0; }

/*对阵图*/
.vs-title { line-height: 60px; font-size: 20px; font-weight: bold; color: #ffd68c; background: linear-gradient(90deg, #FFD875 3.57%, #FFB054 50.48%, #FFD028 96.43%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
    .vs-title .close { width: 62px; height: 22px; border-radius: 50%; margin: 9px 10px 0 0; float: right; position: relative; cursor: pointer; }
        .vs-title .close::before, .vs-title .close::after { content: ""; background: #fff; width: 18px; height: 1px; position: absolute; top: 20px; right: 0; transform: rotate(45deg); }
        .vs-title .close::after { transform: rotate(-45deg); }
.againstEchart { z-index: 1000; position: fixed; top: 0; left: 0; right: 0; padding: 0 2.133vw; height: 100%; pointer-events: all; overflow-y: hidden; width: 100%; box-sizing: border-box; background: rgba(12, 0, 12, .92); }
    .againstEchart p { padding-left: 0 !important; padding-bottom: 0 !important; padding-top: 1px; }
    .againstEchart .double-round, .againstEchart .single-round, .againstEchart .top-round { display: flex; justify-content: space-between; }
        .againstEchart .double-round .ranks-son, .againstEchart .single-round .ranks-son, .againstEchart .top-round .ranks-son { width: 23.2vw; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; }
            .againstEchart .double-round .ranks-son .logo-box, .againstEchart .single-round .ranks-son .logo-box, .againstEchart .top-round .ranks-son .logo-box { width: 100%; height: 8.533vw; background: #fff9e3; display: flex; padding: 0 1.067vw; box-sizing: border-box; justify-content: space-between; border-radius: 0.533vw; align-items: center; }
                .againstEchart .double-round .ranks-son .logo-box .son-img, .againstEchart .single-round .ranks-son .logo-box .son-img, .againstEchart .top-round .ranks-son .logo-box .son-img { width: 6.4vw; height: 6.4vw; background-size: contain; background-position: 50%; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; }
                .againstEchart .double-round .ranks-son .logo-box .score, .againstEchart .single-round .ranks-son .logo-box .score, .againstEchart .top-round .ranks-son .logo-box .score { display: flex; align-items: center; padding: 0 !important; }
                    .againstEchart .double-round .ranks-son .logo-box .score span, .againstEchart .single-round .ranks-son .logo-box .score span, .againstEchart .top-round .ranks-son .logo-box .score span { font-size: 3.2vw; color: #333; }
                    .againstEchart .double-round .ranks-son .logo-box .score .defeat, .againstEchart .single-round .ranks-son .logo-box .score .defeat, .againstEchart .top-round .ranks-son .logo-box .score .defeat { color: #aaa; }
            againstEchart .double-round .ranks-son .name-box p:first-child, .againstEchart .single-round .ranks-son .name-box p:first-child, .againstEchart .top-round .ranks-son .name-box p:first-child { text-align: left; }
            .againstEchart .double-round .ranks-son .name-box p, .againstEchart .single-round .ranks-son .name-box p, .againstEchart .top-round .ranks-son .name-box p { font-size: 3.2vw; color: #FFF; text-align: center; flex: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; padding-right: 1.333vw; box-sizing: border-box; line-height: 20px; }
            .againstEchart .double-round .ranks-son .name-box, .againstEchart .single-round .ranks-son .name-box, .againstEchart .top-round .ranks-son .name-box { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; }
            .againstEchart .double-round .ranks-son .line-box, .againstEchart .single-round .ranks-son .line-box, .againstEchart .top-round .ranks-son .line-box { width: 14.933vw; display: flex; height: 4.267vw; }
                .againstEchart .double-round .ranks-son .line-box .son-ling:first-child.blue-won, .againstEchart .single-round .ranks-son .line-box .son-ling:first-child.blue-won, .againstEchart .top-round .ranks-son .line-box .son-ling:first-child.blue-won { border-left: 1px solid #3383dd; border-bottom: 1px solid #3383dd; }
                .againstEchart .double-round .ranks-son .line-box .son-ling:first-child, .againstEchart .single-round .ranks-son .line-box .son-ling:first-child, .againstEchart .top-round .ranks-son .line-box .son-ling:first-child { border-left: 1px solid #666; border-bottom: 1px solid #666; }
                .againstEchart .double-round .ranks-son .line-box .son-ling:last-child, .againstEchart .single-round .ranks-son .line-box .son-ling:last-child, .againstEchart .top-round .ranks-son .line-box .son-ling:last-child { border-right: 1px solid #666; border-bottom: 1px solid #666; }
                    .againstEchart .double-round .ranks-son .line-box .son-ling:last-child.blue-won, .againstEchart .single-round .ranks-son .line-box .son-ling:last-child.blue-won, .againstEchart .top-round .ranks-son .line-box .son-ling:last-child.blue-won { border-right: 1px solid #64a5ef; border-bottom: 1px solid #64a5ef; }
            .againstEchart .double-round .ranks-son .middle-blue, .againstEchart .single-round .ranks-son .middle-blue, .againstEchart .top-round .ranks-son .middle-blue { width: 10.667vw; height: 4.267vw; }
                .againstEchart .double-round .ranks-son .middle-blue:after, .againstEchart .single-round .ranks-son .middle-blue:after, .againstEchart .top-round .ranks-son .middle-blue:after { content: ""; height: 4.267vw; width: 1px; background: #64a5ef; display: block; margin: 0 auto; }
            .againstEchart .double-round .ranks-son .line-box .son-ling, .againstEchart .single-round .ranks-son .line-box .son-ling, .againstEchart .top-round .ranks-son .line-box .son-ling { flex: 1; box-sizing: border-box; }
        .againstEchart .single-round .left-line { border-left: 1px solid #64a5ef; }
        .againstEchart .single-round .right-line { border-right: 1px solid #64a5ef; }
        .againstEchart .single-round .line-son { width: 6.933vw; height: 8.267vw; border-bottom: 1px solid #64a5ef; box-sizing: border-box; }
    .againstEchart .single-round { justify-content: center; }
    .againstEchart .double-round .double-son { flex: 1; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; align-content: center; }
    .againstEchart .finals-round .finals { height: 12.8vw; width: 40vw; position: relative; background: linear-gradient(100.17deg, #FFFBD7 -2.39%, #FFEBAA 52.9%, #FFF9D2 95.9%); display: flex; align-items: center; justify-content: space-between; border-radius: 3px; margin: 0 auto; box-shadow: 0px 0px 10px 4px rgba(249, 175, 6, 0.35); }
        .againstEchart .finals-round .finals .finals-son { flex: 1; display: flex; justify-content: center; position: relative; }
        .againstEchart .finals-round .finals .score-state { width: 12vw; font-size: 14px; color: #333; text-align: center; }
    .againstEchart .score-state p { padding: 0 !important; }
    .againstEchart .lower-round .line-son { margin-top: 13.067vw; height: 10.4vw; border: none; border-top: 1px solid #ffa900; }
    .againstEchart .lower-round .right-line { border-right: 1px solid #ffa900; }
    .againstEchart .lower-round .left-line { border-left: 1px solid #ffa900; }
    .againstEchart .back-line .line-box .son-ling:last-child.blue-won { border-right: 1px solid #ffa900 !important; border-top: 1px solid #ffa900 !important; }
    .againstEchart .back-line .line-box .son-ling:first-child.blue-won { border-left: 1px solid #ffa900 !important; border-top: 1px solid #ffa900 !important; }
    .againstEchart .back-line .line-box .son-ling:last-child { border-right: 1px solid #666; border-top: 1px solid #666; border-bottom: none !important; }
    .againstEchart .back-line .line-box .son-ling:first-child { border-left: 1px solid #666; border-top: 1px solid #666; border-bottom: none !important; }
    .againstEchart .lower-round .middle-red { width: 100%; height: 8.533vw !important; }
        .againstEchart .lower-round .middle-red:after { height: 8.533vw !important; }
    .againstEchart .lower-round .logo-box { margin-top: 0 !important; }
    .againstEchart .single-round .ranks-son .name-box:after { content: ""; width: 1px; height: 10.4vw; position: absolute; background: #64a5ef; left: 0; right: 0; margin: 0 auto; top: 0; }

    .againstEchart .finals-round { margin-top: 4.267vw; }
    .againstEchart .single-round .ranks-son .logo-box { margin-top: 4vw; }
    .againstEchart .single-round .ranks-son { width: 34.133vw; }
    .againstEchart .double-round .double-son .ranks-son { width: 32.533vw; }
    .againstEchart .single-round .ranks-son .name-box { position: relative; }
        .againstEchart .double-round .ranks-son .name-box p:first-child, .againstEchart .single-round .ranks-son .name-box p:first-child, .againstEchart .top-round .ranks-son .name-box p:first-child { text-align: left; }
        .againstEchart .double-round .ranks-son .name-box p :last-child, .againstEchart .single-round .ranks-son .name-box p :last-child, .againstEchart .top-round .ranks-son .name-box p:last-child { text-align: right; }
    .againstEchart .double-round .ranks-son .middle-red:after, .againstEchart .single-round .ranks-son .middle-red:after, .againstEchart .top-round .ranks-son .middle-red:after { background: #ffa900; }
.no-line::after { display: none; }
.againstEchart .finals-round .finals .finals-son .logo-box { width: 8.533vw; height: 8.533vw; background-size: contain; background-position: 50%; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; }
.againstEchart .finals-round .finals .finals-son .won-team { position: absolute; width: 5.333vw; height: 4.267vw; background: url(/Content/images/worldcup/winer.png) no-repeat; background-size: 100%; left: 50%; margin-left: -2.667vw; top: -4.8vw; }
.againstEchart .double-round .ranks-son .name-box p:last-child, .againstEchart .single-round .ranks-son .name-box p:last-child, .againstEchart .top-round .ranks-son .name-box p:last-child { text-align: right; }
.defaultName { color: #666 !important; }
/*对阵图*/

.lleft { text-align: left; }
.rank {color: #bbb;font-style: italic;font-weight: bold;font-family: "Sofascore Sans Condensed", sans-serif;}
.g-tr {width: calc(100% - 16px);margin: 0 8px;border: 1px solid #e7ebf9;border-radius: 5px 5px 0 0;overflow: hidden; }
.g-tr tr:last-child td { border-bottom: none; }
.g-tr tr { color: #777; }
.g-tr tr:nth-child(odd) td { background: #f0f6ff; }
.g-tr tr td.win { color: #143cdb; }
.worldcup-top-title { clear: both; line-height: 36px; height: 36px; border-bottom: 1px solid #f0f0f0; padding: 0 10px; }
.worldcup-top-title h2 { font-size: 16px; font-weight: 600; float: left; }
.worldcup-top-title h2::before { display: inline-block; margin-right: 4px; vertical-align: 0; content: "♦"; color: #7c5cb7; font-size: 16px;font-family: Arial, Helvetica, sans-serif; }
.worldcup-top-title span { box-sizing: border-box; float: left; display: inline-block; padding: 0 14px 0 32px; line-height: 26px; margin-left: 8px; border-radius: 3px; background-size: 12px 13px; border-radius: 20px; }
.worldcup-top-menu { float: right; padding-top: 5px; }
.du { color: #444; background: #f5f4f4 url(/Content/images/worldcup/du.png) no-repeat 14px; }
.zz { color: #444; background: #f5f4f4 url(/Content/images/worldcup/zz.png) no-repeat 14px; }


.header { background: #3E3276; /*background: url(/Content/Images/topbg.jpg) no-repeat;background-size: 100%;*/ color: #fff;font-size: 18px;line-height: 45px;font-weight: 600;text-align: center !important; }
.header .back { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-left: 15px; width: 14px; height: 14px; display: inline-block; position: absolute; left: 5px; top: 15px; border-left: 2px solid #FFF; border-bottom: 2px solid #FFF;z-index: 1 !important; }
.header.hp { background: none;width: 100%;position: absolute;z-index: 100; }
.header.hp .back {background: rgba(0,0,0,0.4);border: none;width: 30px;height: 30px;border-radius: 50%;margin: 0;top: 8px;left: 15px;}
.header.hp .back::before {content:"";width: 10px;height: 10px;border-left: 2px solid #fff; border-bottom: 2px solid #fff;display: inline-block;position: absolute;top: 8px;left: 10px;}
.header.hp span {background: rgba(0,0,0,0.4);padding: 3px 12px;border-radius: 20px;}

.content, #content { background-color: #fff; }
.hpcontent {border-radius: 15px 15px 0 0;margin-top: -12px;position: relative;z-index: 2;}
.topImg {height: 200px; padding: 0;overflow: hidden;position: relative;z-index: 1; }
.bigImg li {position: absolute; }
.picTitle { height: 200px; position: relative; overflow: hidden; }
.picTitle .img img { width: 100%; }
.picTitle .bg { background: #000000; bottom: 0; height: 42px; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: absolute; width: 100%; z-index: 10; }
.picTitle .name { bottom: 0; color: #FFFFFF; height: 42px; left: 0; line-height: 30px; overflow: hidden; position: absolute; width: 100%; z-index: 11; font-size: 12px; }
.picTitle .name span { font-size: 14px; width: 46px; height: 42px; background: #564a8e; float: left; display: block; text-align: center; margin-right: 10px; }
.picTitle .name a { color: #FFF; font-size: 14px; }



.jfhit { color: #143cdb; font-weight: 600; }
.nodata { text-align: center; padding: 90px 20px 20px 20px; background: url(/Content/images/worldcup/nodata.png) no-repeat center 16px; background-size: 20%; font-size: 16px; color: #999EAC; }
.contectItems ul li span:first-child { background-color: #f8f9f9; border-right: 1px solid #f0f0f0; }
.contectItems ul li span:last-child { padding-left: 10px; }

.groud-t { width: 100% !important; }
.groud-t p { color: #6f7ba7; font-size: 12px; line-height: 30px; margin: 0 10px; position: relative; text-align: center; }
.groud-t p::before, .groud-t p::after { content: ""; background: #6f7ba7; opacity: 0.3; position: absolute; top: 15px; left: 0; width: 38%; height: 1px; }
.groud-t p::after { left: auto; right: 0; }
.idx { height: 5px; margin: 0 auto; overflow: hidden; text-align: center; padding: 0; width: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; bottom: 24px; right: 12px; z-index: 99; }
.idx li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-radius: 6px; height: 4px; background: #fff; margin: 0 2px; display: block; line-height: 0; opacity: 0.5; }
.idx li.on { opacity: 1; }

/*最底部*/
#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; }
.blue, a.blue { color: #2196F3 !important; }
a.blue { color: #658ECD; font-size: 14px; }
.popupwin { position: fixed; bottom: 2em; border-radius: 0.5em; -webkit-box-shadow: 0 5px 20px rgb(60 48 114 / 50%); -moz-box-shadow: 0 5px 20px rgb(60 48 114 / 50%); box-shadow: 0 5px 20px rgb(60 48 114 / 50%); background: #54498d; color: #fff; width: 90%; text-align: center; left: 5%; right: 5%; padding: 1em 0; }
    .popupwin span { display: block; line-height: 22px; }
    .popupwin .ppicon { float: left; width: 20%; height: 40px; vertical-align: middle; }
    .popupwin .ppleague { float: left; width: 20%; font-size: 12px; }
    .popupwin .ppteamname { float: left; width: 45%; }
    .popupwin .ppscore { float: left; width: 15%; font-weight: bold; }
.ppscore .foul { color: #e0353c; background: #e0353c; width: 11px; height: 14px; border-radius: 2px; margin: 4px auto; /* box-shadow: 0 3px 6px 1px rgb(230 33 41 / 30%); */ }
.popupwin .red { color: #e0353c !important; }
.popupwin .yellow { color: #E2C514; }