body { padding: 0px; margin: 0; font-family: "微软雅黑"; color: #333; font-size: 12px; background: #eff1f5 url(../omimg/WorldCup_bgnew2.png) no-repeat center top; }
div, h1, h2, h3, h4, p, form, input, textarea, img, span { margin: 0; padding: 0; font-weight: normal; }
ul { margin: 0; padding: 0; list-style-type: none; }
li { vertical-align: bottom; }
img { border-width: 0; }
a:link, a:visited { text-decoration: none; color: #333333; }
a:hover { color: #F60; text-decoration: underline; }
#top { width: 1000px; margin: 0 auto; }
#main { width: 1200px; margin: 0 auto; }
#me { background-image: url(../omimg/me1.gif); background-repeat: no-repeat; background-position: left; clear: both; height: 61px; padding-left: 51px; }
    #me ul { background-image: url(../omimg/me2.gif); height: 61px; padding-top: 4px; padding-left: 4px; width: 944px; }
        #me ul li { float: left; }
            #me ul li a { display: block; float: left; text-align: center; width: 58px; height: 26px; line-height: 26px; }
.newsBox {
    float: right;
    width: 420px;
    height: 320px;
    overflow: hidden;
    font-size: 15px;
    line-height: 26px;
    background-color: #fff;
    border-radius: 10px;
    /* padding-bottom: 8px; */
}
.newsBox .newstitle {
    display: block;
    line-height: 26px;
    margin-top: 8px;
    font-size: 20px;
    font-weight: normal;
    color: #000 !important;
}
        .newsBox .newstitle a { color: #333; }
.newstitle { font-size: 16px; font-weight: bold; color: #4A77D2; margin: 0 20px 0 20px; padding: 0px; }
    .newstitle a, .newstitle a:hover { color: #ff6600; }
    .title-a{ font-size: 18px; font-weight: 500;  }
.b_title { font-size: 14px; line-height: 37px; font-weight: bold; padding-right: 10px; padding-left: 4px; background: url(../omimg/WorldCup_title.png) no-repeat left bottom; height: 37px; }
.b_title2 { font-size: 14px; line-height: 37px; font-weight: bold; padding-bottom: 2px; padding-right: 4px; padding-left: 4px; background: url(../omimg/worldcup_12.jpg) no-repeat left bottom; height: 37px; }
.b_title span a, .b_title span a:visited { font-size: 14px; font-weight: normal; color: #666; font-family: Tahoma, Geneva, sans-serif; padding-right: 8px; }
.r_news { padding-top: 7px; }
.r_news li {
    line-height: 27px;
    padding-left: 20px;
    display: flex;
    justify-content: space-between;
}
        .r_news li a { font-size: 15px }
        .pc-only{margin-bottom: 8px;}
.jp { border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #D6C8B8; border-bottom-color: #D6C8B8; border-left-color: #D6C8B8; background-color: #FAF2EB; }
    .jp td { line-height: 30px; }
.g1, .g2, .g3, .gs { font-family: Verdana, Geneva, sans-serif; color: #ffffff; height: 16px; width: 16px; line-height: 16px; text-align: center; margin: 0 auto }
.g1 { background-image: url(../omimg/number.gif); background-repeat: no-repeat; background-position: left top; }
.g2 { background-image: url(../omimg/number.gif); background-repeat: no-repeat; background-position: left -16px; }
.g3 { background-image: url(../omimg/number.gif); background-repeat: no-repeat; background-position: left -32px; }
.gs { background-image: url(../omimg/number.gif); background-repeat: no-repeat; background-position: left -48px; }
.g11 { font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #ffffff; height: 16px; width: 16px; line-height: 16px; text-align: center; margin: 0 auto }
.g21 { font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #ffffff; height: 16px; width: 16px; line-height: 16px; text-align: center; margin: 0 auto }
.g31 { font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #ffffff; height: 16px; width: 16px; line-height: 16px; text-align: center; margin: 0 auto }
.k td { background-color: #FFFEFB; margin-top: 10px; }
.op-w { background-color: #d1d9e4; border-radius: 8px; overflow: hidden; transition: all 0.2s linear; margin-bottom: 12px;padding: 12px;font-size: 13px;}
.mylivetit{font-size: 13px;}

.forweb { font-size: 16px; font-weight: bold; line-height: 50px; margin: 0 auto 0px; padding: 0 20px; height: 50px; font-family: "微软雅黑"; border-radius: 6px 6px 0 0; overflow: hidden; color: #010d41; }
    .forweb span a, .forweb span a:visited { color: #FFF }
#sp_data { font-weight: bold; }
.op { clear: both; margin: 0 auto; overflow: hidden; border-radius: 4px;}
.op a:hover{color: #F44336;}
#ScoreGroupDiv { background-color: #ffffff; }
#live .msg { border: 1px solid #FD6708; margin: 10px auto; display: block; padding: 10px 25px; width: 200px; background: #FFC; height: auto; font-size: 14px; text-align: center; color: #900; }
.oddsList { width: 484px; float: left; }
.op .imgList { background: url(../omimg/video.png) no-repeat center top; overflow: hidden; display: block; width: 1074px; padding: 63px; }
    .op .imgList li { float: left; width: 204px; position: relative; margin: 0px 5px; }
        .op .imgList li img { width: 204px; height: 124px; }
        .op .imgList li span { display: block; line-height: 20px; text-align: center; position: absolute; left: 0px; bottom: 0px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; background: #000; color: #ffffff; width: 100%; font-size: 14px; vertical-align: middle; }
.ollive a { color: #5556ba; text-decoration: none; }
    .ollive a:hover { color: #c60206; text-decoration: none; }
.ollive td { text-align: center; line-height: 20px; font-size: 14px; font-weight: normal; color: #666; border-bottom: 1px solid #DEE1E9; height: 40px; }


tr.livetit td, td.livetit { color: #FFFFFF; border-bottom-width: 0px; font-weight: normal; background: #5556ba; line-height: 36px; }
.bf { font-weight: bold; color: #F30; }
.blues:link, .blues:visited { color: #3078C0 }
.dg { line-height: 26px; }
.livetit2 td { color: #333; border-bottom-width: 0px; font-weight: bold; }
.ollive2 td { text-align: center; line-height: 44px; }
.ollive2 .pa { text-align: left; padding-left: 10px; }
#copyright { text-align: center; line-height: 22px; padding-right: 20px; padding-left: 20px; margin: 10px auto 0px; background: #FFFFFF; }
.up { background-color: #FFb0c8; }
.down { background-color: #DCFFB9; }
.footer { height: 200px; }
/*焦点图*/
.box1_left { position: relative; overflow: hidden; font-family: "微软雅黑"; float: left; }
    .box1_left .bigImg { height: 320px; width: 630px; margin-right: 10px; position: relative; float: left; background-color: #000; border-radius: 10px; }
        .box1_left .bigImg .picTitle .img img { width: 630px; height: auto; }
        .box1_left .bigImg .picTitle { position: relative; overflow: hidden; width: 630px; height: 320px; border-radius: 10px; }
            .box1_left .bigImg .picTitle .bg { background: #000000; bottom: 0; height: 60px; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: absolute; width: 100%; z-index: 10; }
            .box1_left .bigImg .picTitle .name { bottom: 0; color: #FFFFFF; height: 60px; left: 0; line-height: 60px; overflow: hidden; position: absolute; width: 100%; z-index: 11; font-size: 18px; }
                .box1_left .bigImg .picTitle .name span { font-size: 18px; width: 85px; height: 60px; background: #e62c2d; float: left; display: block; text-align: center; }
                .box1_left .bigImg .picTitle .name a { font-size: 20px; color: #FFFFFF; text-decoration: none; display: block; float: left; padding-left: 15px; }
                    .box1_left .bigImg .picTitle .name a:hover { text-decoration: underline; }
    .box1_left .smallScroll { padding: 0; height: 320px; float: left; }
    .box1_left .sPrev, .box1_left .sNext { float: left; display: block; width: 14px; height: 54px; text-indent: -9999px; background: url(../omimg/20160419_lyayh_jdtan01_v1.png) 3px 7px no-repeat; }
    .box1_left .sNext { float: right; }
    .box1_left .sNext { background-position: 0 -56px; margin-right: 5px; }
    .box1_left .smallImg { float: left; width: 126px; display: inline; overflow: hidden; }
        .box1_left .smallImg ul { overflow: hidden; }
        .box1_left .smallImg li { float: left; padding: 0; cursor: pointer; display: inline; width: 100%; height: 74px; overflow: hidden; box-sizing: border-box; margin-bottom: 8px; border-radius: 4px; /*opacity: 0.5;
	filter: alpha(opacity=50);*/ }
        .box1_left .smallImg img { width: auto; height: 85px; width: 126px; }
        .box1_left .smallImg li.on { border: solid 2px red; /*opacity: 1;
	filter: alpha(opacity=100);*/ }
        .box1_left .smallImg .on img { border-color: #ffd200; }
.box1_right { width: 480px; float: right; }
    .box1_right li { width: 100%; clear: both; margin-bottom: 12px; overflow: hidden; }
        .box1_right li p { width: 190px; height: 113px; float: left; }
        .box1_right li h3 { float: right; width: 280px; font-size: 16px; font-weight: bold; line-height: 24px; padding-bottom: 8px; }
        .box1_right li span { float: right; width: 280px; display: block; color: #777; font-size: 14px; text-indent: 2em; line-height: 24px; }
    .box1_right dl { padding-left: 10px; border-left: 6px solid #ec6a04; }
    .box1_right dt { font-size: 16px; font-weight: bold; padding-bottom: 5px; }
    .box1_right dd { font-size: 14px; color: #777; line-height: 20px; }
        .box1_right dd a { color: #62ba4c; }
.box2 { width: 1000px; margin: 30px auto 0; }
.box2_left { width: 480px; float: left; }
    .box2_left li { padding-left: 15px; padding-bottom: 10px; color: #333; font-size: 16px; padding-bottom: 22px; }
        .box2_left li a { color: #333; }
.box2_right { width: 480px; float: right; }
    .box2_right li { width: 235px; float: left; margin-bottom: 10px; }
        .box2_right li + li { float: right; }
    .box2_right .picTitle { position: relative; width: 235px; height: 140px; }
        .box2_right .picTitle img { width: 235px; height: 140px; }
        .box2_right .picTitle .bg { background: #000000; bottom: 0; height: 35px; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: absolute; width: 100%; z-index: 10; }
        .box2_right .picTitle .name { bottom: 0; color: #FFFFFF; height: 35px; left: 0; line-height: 35px; overflow: hidden; position: absolute; width: 100%; z-index: 11; text-align: center; }
            .box2_right .picTitle .name a { color: #FFFFFF; text-decoration: none; display: block; }
                .box2_right .picTitle .name a:hover { text-decoration: underline; }
.box3 { width: 1000px; margin: 30px auto 0; }
    .box3 .box3_left { width: 660px; float: left; }
.box3_left ul { overflow: hidden; margin-bottom: 21px; }
.box3_left li { width: 320px; height: 190px; float: left; }
    .box3_left li + li { float: right; }
.box3_left .picTitle { position: relative; width: 320px; height: 190px; }
    .box3_left .picTitle img { width: 320px; height: 190px; }
    .box3_left .picTitle .bg { background: #000000; bottom: 0; height: 35px; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: absolute; width: 100%; z-index: 10; }
    .box3_left .picTitle .name { bottom: 0; color: #FFFFFF; height: 35px; left: 0; line-height: 35px; overflow: hidden; position: absolute; width: 100%; z-index: 11; text-align: center; }
        .box3_left .picTitle .name a { color: #FFFFFF; text-decoration: none; display: block; }
            .box3_left .picTitle .name a:hover { text-decoration: underline; }
.box3 .box3_right { width: 320px; float: right; }
.box3_right li { overflow: hidden; margin-bottom: 19px; }
    .box3_right li p { width: 145px; height: 86px; float: left; }
    .box3_right li h3 { float: right; width: 165px; font-size: 16px; font-weight: bold; line-height: 30px; }
.box4 { width: 1000px; margin: 30px auto 0; }
.box4_con { width: 1000px; height: 560px; position: relative; overflow: hidden; }
    .box4_con #pic { width: 1000px; height: 560px; overflow: hidden; }
        .box4_con #pic ul { width: 1000px; height: 560px; }
    .box4_con .picTitle { position: relative; width: 1000px; height: 560px; }
        .box4_con .picTitle img { width: 1000px; height: 560px; }
        .box4_con .picTitle .bg { background: #000000; bottom: 0; height: 112px; left: 0; background: url(/images/20160419_lyayh_anbg_v1.png) repeat-x; position: absolute; width: 100%; z-index: 10; }
        .box4_con .picTitle .name { background: url(/images/20160419_lyayh_andian_v1.png) 35px 27px no-repeat; padding-left: 75px; font-size: 18px; bottom: 0; color: #FFFFFF; height: 70px; left: 0; line-height: 70px; overflow: hidden; position: absolute; z-index: 11; }
            .box4_con .picTitle .name a { color: #FFFFFF; text-decoration: none; display: block; }
    .box4_con .tip-bg { width: 82px; height: 99px; background: url(/images/20160419_lyayh_anZd_v1.png) no-repeat; position: absolute; right: 0; bottom: 0; z-index: 12; }
    .box4_con #tip { width: 16px; height: 220px; position: absolute; right: 15px; top: 180px; z-index: 13; }
        .box4_con #tip ul li { margin-bottom: 15px; width: 14px; height: 14px; cursor: pointer; background: url(/images/20160419_lyayh_anon02_v1.png) 50% 50% no-repeat; text-indent: 99999em; }
            .box4_con #tip ul li.on { background: url(/images/20160419_lyayh_anon_v1.png) 50% 50% no-repeat; }
    .box4_con .btn { width: 145px; height: 35px; position: absolute; right: 0; bottom: 23px; z-index: 14; overflow: hidden; }
        .box4_con .btn ul { width: 100%; float: left; }
        .box4_con .btn li { width: 76px; height: 33px; float: left; cursor: pointer; overflow: hidden; }
            .box4_con .btn li.prev { background: url(/images/20160419_lyayh_anShan_v1.png) no-repeat; }
            .box4_con .btn li.next { background: url(/images/20160419_lyayh_anXia_v1.png) no-repeat; }
        .box4_con .btn #focus_btn_left { margin-right: -15px; }
select { line-height: 24px; height: 24px; font-family: "微软雅黑"; }
.ad { margin: 5px auto; text-align: center; width: 1200px; line-height: 100%; }
redf a:hover { color: #000000; text-decoration: none; font-weight: bold; }
.redf a:visited { color: red; font-family: Verdana, Arial, Helvetica, sans-serif; }
.redf a:link { color: red; font-family: Verdana, Arial, Helvetica, sans-serif; }
.adbox { position: relative; display: inline-block; *display: inline; *zoom: 1; }
    .adbox i { background: url(//www.nowscore.com/images/ad.png) top right no-repeat; position: absolute; right: 0px; bottom: 0px; width: 25px; height: 15px; }

    /*赛程图*/
.knockout { width: 1200px; background-image: url(/images/matchnewbg.jpg); height: 1000px; position: relative; margin: 12px auto; border-radius: 10px; }
.knockout-top {width: 1200px;background-image: url(/images/match-newtop.png);height: 100px;background-size: contain;}
.knockout-box {margin: 0 auto;max-width: 80%;min-width: 1200px;position: relative;margin-top: -70px;}
.knockout-box div {position: absolute;}
.ko-team {background-color: #FFF;border-radius: 6px;z-index: 2;transition: all 0.15s linear;overflow: hidden;}
.ko-team:hover {box-shadow: 0px 3px 12px #4d3f04;transform:translate(0,-4px);color: #FFF;}
.ko-team:hover a {color: #FFF;}

.eight-box:hover {background-color: #a08124;}
.four-box:hover {background-color: #5d6849;}
.two-box:hover {background-color: #3b6566;}
.one-box:hover {background-color: #ab6500;}
.py1 {left: 0;}
.py1, .py2, .py3, .py4, .py5, .py6, .py7 {width: 13.5%;min-width: 160px;}
.knockout .t-1.co1 {background-color: #cb006d;}
.knockout .t-1.co2 {background-color: #00abdd;}
.knockout .t-1.co3 {background-color: #f1aa00;}
.knockout .t-1.co4 {background-color: #eb2929;}
.knockout .t-1.co5 {background-color: #ffab19;}
.knockout .t-1 {line-height: 30px;height: 30px; color: #FFF;width: 100%;padding: 0 10px; box-sizing: border-box;font-size: 12px;position: static;overflow: hidden;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.ko-team .t-1 span {float: right;}
.ko-team .t-1 a {color: #FFF;font-size: 12px;}
.ko-team .t-2 {position: static;padding:5px 10px 8px;height: 64px;text-align: center;}
.ko-team .t-2 td {text-align: center;font-size: 15px;vertical-align: top;}
.ko-team td.ko-vs {font-size: 18px;padding: 7% 5px;min-width: 30%;transition: all 0.7s ease;}
.ko-team:hover .ko-vs,.ko-team:hover .Not { color: #FFDC73;transform: rotateY(360deg) }
.ko-team td.ko-score {padding: 8% 5px;min-width: 30%;-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
.ko-team td.ko-score span {font-size: 16px !important;width: 38px !important;height: 34px !important;line-height: 34px !important; }
.ko-team .Not {font-size: 16px; margin-top: 18px; display: block;color: #87767f;font-weight: normal;transition: all 0.7s ease;}
.ko-team:hover .Not { color: #FFDC73;transform: rotateY(360deg) }
.ko-img {width: 70%;height: auto;margin: 5px auto 0;}
.ko-team .t-2 td span {font-size: 12px; line-height: 10px;}
.ko-team:hover .ko-score span{color:#FFDC73}
.py4big {left: 0;right: 0;margin: auto;}
.linex {opacity: 0.3;z-index: 1;}
.lro {transform: rotateX(180deg);}
.yc {transform: rotateY(180deg);}
.yc2 {transform: rotateY(180deg) rotateX(180deg);}
.io {left: 0;right: 0;margin:0 auto;}
.final-img {left: 0;right: 0;margin:30px auto 0;z-index: 99;width: 168px;}

.top-worldcup {height: 178px;width: 1200px;margin: 0 auto;position: relative;background: url(omimg/topbg.png) no-repeat center top;}

.w_top {width: 1200px;margin: 0 auto;}


/*2026-worldcup*/
.bodyeuro.worldcup {background: #eceffc url(/images/topbg-worldcup.png)  no-repeat center top !important;}
.worldcup #main {padding-top: 0;}
.worldcup .py1, .worldcup .py2, .worldcup .py3, .worldcup .py4, .worldcup .py5, .worldcup .py6, .worldcup .py7 {width: 12%;min-width: 136px;}
.worldcup .eight-box:hover {background: #fff;}
.worldcup .ko-team:hover {box-shadow: 0px 3px 12px #edff03cc;}
.worldcup .ko-team:hover .t-2 a {color: #333;text-decoration: none;}
.worldcup .knockout .t-1.co0 {background: #5e66b1;}
.worldcup .ko-team .t-1 {padding: 0 5px;}
.worldcup .ko-team .t-2 {height: auto;padding: 0 0 8px 0;}
.worldcup .ko-team .t-2 td {vertical-align: middle;}
.worldcup .ko-team .t-2 td span {  margin: 0 auto; display: block; }
.worldcup .ko-team td.ko-score {padding: 8% 0;}
.worldcup .ko-team .ko-img {width: 30px;height: 20px;}
.worldcup .ko-team .Not {margin: 20px 0 15px 0;}
.worldcup .ko-team:hover .Not,.worldcup .ko-team:hover .ko-score span {color: #ff9b00;}

.content.worldcup {background: #fff;padding: 12px 12px 0 12px;border-radius: 0 0 8px 8px;}
.worldcup .newsBox {background: linear-gradient(148deg, #e1efff, transparent 50%);width: 565px;padding-bottom: 8px;border-radius: 8px;}
.worldcup .newsBox .newstitle {line-height: 24px;margin: 0;padding: 5px;}
.worldcup .newsBox .newslis {line-height: 26px;margin: 5px 10px;}
.worldcup .newsBox .b_title-euro {background: url(/images/title_WC.png) no-repeat left top;padding: 0 10px 2px 50px;}
.worldcup .box1_left .bigImg {background: none;border-radius: 0;float: none;}
.worldcup .box1_left .bigImg .picTitle {height: 240px;}
.worldcup .box1_left .bigImg .picTitle .name span.eurocolour {background: #1c65f5;}
.worldcup .box1_left .bigImg.nohot .picTitle {height: 330px;}
.knockout .t-1 { line-height: 30px; height: 30px; color: #FFF; width: 100%; padding: 0 10px; box-sizing: border-box; font-size: 12px; position: static; overflow: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.worldcup .ko-team .t-1 { padding: 0 5px; }
.t-1.co0{ background: #c4002b;}

.secNav {
    margin: 10px 14px 16px;
    margin: 0px !important;
    background: #ffffff00 !important;
}
.subMenu {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    margin: 0 !important;
    margin: 10px 0px 14px !important;
}
.subMenu span { width: 94px; height: 36px; /* display: block; */ display: flex; background: #00; background: #a5a5a54f; border-radius: 6px; align-items: center; justify-content: center; font-size: 14px;padding: 0px !important;margin:0px !important; }
.subMenu span.on { background: #E82828; color: #fff; font-weight: bold;padding: 0px !important; }
.subMenu span:hover { background: #E82828; color: #fff; cursor: pointer;}

.corner-box { display: flex; flex-direction: column; /* gap: 6px; */ padding: 6px 0px; }
.corner-box span{ line-height: 24px !important; }
.trend-odds { display: flex; justify-content: space-evenly; /* gap: 20px; */ padding: 0 22px; }
.trend-odds span { line-height: 24px !important; flex: 1; }


.trend-odds2 { display: flex; justify-content: space-evenly; /* gap: 20px; */ padding: 0 10px; }
.trend-odds2 span { line-height: 24px !important; flex: 1; }

.data-box { display: flex; flex-direction: column; align-items: center; padding: 6px 0px;}
.hotGuess{ color: #fff; background: #f44336; width: 80px; border-radius: 4px; height: 30px; line-height: 30px; }
.tabtop-nav { display: flex; padding:14px 16px 8px; background: #fdfdf7; gap: 12px; }
.tabtop-nav span { width: 90px; background: #ffdfdf6b; color: #e82829; border-radius: 4px; line-height: 28px; /* border: solid 0.5px #ff474730; */ }
.tabtop-nav span.on{background: #E82828;color: #fff;border: none;}
.tabtop-nav span:hover{background-color: #E82828;cursor: pointer;color: #fff;}

.card-box { display: flex; background: linear-gradient(180deg, #FDFDF7 0%, #FAFAFA 100%); padding: 8px 16px 16px; /* justify-content: center; */ gap: 12px; border-bottom: 10px solid #efefef; }
.avatar-container { display: flex; align-items: center; gap: 8px;}
.avatar{width: 40px;height: 40px;border-radius: 50%;flex-shrink: 0;}
.expert-card-world {
    background: #fff;
    padding: 12px;
    border-radius: 6px;
    box-shadow: 0 0px 8px 0 rgb(0 0 0 / 1%);
    /* flex: 1; */
    width: 349px;
}
.expert-card-world:hover{background-color:#f0f0f0;cursor: pointer;}


.label-part-item{display:flex;align-items:center;height:16px;}
.label-red-item{color:#fff;font-size:10px;font-weight:400;line-height:14px;border-radius:20px;background:var(--design-red,#F44336);padding:0px 6px 0px 0px;align-items:center;position:relative;height:14px;display:flex;flex-direction:row;margin-right: 4px;}
.icon-16{width:16px;height:16px;margin-right:2px;}
.gray-text{color: #999;}
.prediction-title { font-size: 16px; line-height: 22px; margin-top: 10px; text-align: left;}
.prediction-title a:hover{color: #F44336;}
.footer-stats { align-items: center; margin-top: 10px !important; display: flex; justify-content: space-between;line-height: 14px;}
.blue-text{color: #00a0ff;}
.name2 { font-size: 14px; font-weight: 500; line-height: 18px; }

.rate-group {
    display: flex;
    gap: 3px;
    font-size: 11px;
    color: #8b8b8b;
    align-items: center;
    line-height: 12px;
}

.rate-group span {
    background: var(--system-accent_bg, #FFF5F7);
    color: #E53935;
    font-size: 11px;
    line-height: 12px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 5px;
    border-radius: 100px;
}

.winrate-sc {
    display: flex;
    flex-direction: column;
    font-size: 17px;
    line-height: 20px;
    color: #F44336;
    font-weight: 600;
    align-items: flex-end;
    /* min-width: 75px; */
    margin-left: auto;
    gap: 2px;
    padding-right: 1px;
    height: 36px;
    justify-content: flex-start;
}

.winrate-sc span {
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
}

.name-badges {
    display: flex;
    align-items: center;
    gap: 4px;
}
.name-badges-2{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.name-top{
    display: flex;
    gap: 4px;
    align-items: center;
}

.second-box{
    display: flex;
    justify-content: space-between;
    width: 100%;
}


.label-part {
    display: flex;
    gap: 4px;
    font-size: 12px;
    line-height: 14px;
}

.label-red {
    display: flex;
}

.num {
    background: linear-gradient(99deg, #F57E34 3.34%, #E53935 93.31%);
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5px 0px;
    border-radius: 3px 0px 0px 3px;
    width: 18px;
}

.num1 {
    background: linear-gradient(99deg, #F57E34 3.34%, #E53935 93.31%);
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5px 0px;
    border-radius: 3px 0px 0px 3px;
    width: 18px;
}

.num-text {
    border: 1px solid var(--system-accent, #E53935);
    background: var(--system-accent_bg, #FFF5F7);
    color: #E53935;
    font-size: 11px;
    line-height: 12px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5px 4px;
    border-radius: 0px 3px 3px 0px;
    border: solid 1px;
    border-left: none;
    gap: 1px;
}


.label-red-item{color:#fff;font-size:10px;font-weight:400;line-height:14px;border-radius:20px;background:var(--design-red,#F44336);padding:0px 6px 0px 0px;align-items:center;position:relative;height:14px;display:flex;flex-direction:row;margin-right: 4px;}
.icon-16{width:16px;height:16px;margin-right:2px;}

.go-btn { font-size: 12px; color: #fff; background: #F44336; padding: 5px 24px; border-radius: 3px; line-height: 14px; }
.go-btn:hover{background: #e3382c;cursor: pointer;}

.nodata {
    text-align: center;
    padding: 0px 0px 0px 0px;
    background: url(/omimg/nodata.png) no-repeat center 16px;
    background-size: 6%;
    font-size: 14px;
    color: #999EAC;
    width: 100%;
    height: 120px;
    line-height: 14;
}







.new-table {
    display: flex;
    padding: 14px;
    justify-content: space-between;
    gap: 14px;
}
/* 支持率表格 */

.op table tr td.handicap:first-child {
    border-left:none !important;
    width: 60px;
}

.support-table,
.history-table {
    width: 100%;
    border: 1px solid #ededed;
    border-radius: 6px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    background: #fff;


    -webkit-tap-highlight-color: transparent;
}

.support-table th, .history-table th {
    padding: 10px;
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    color: #666;
    text-align: left;
    background: #f7f7f7;
    border-bottom: 1px solid #f0f0f0;
}


table.support-table tr td{line-height: 24px;}

.support-table td,
.history-table td {


    text-align: center;
    vertical-align: middle;

    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;

    background: #fff;
}

.support-table td:last-child,
.history-table td:last-child {
    border-right: none;
}

.support-table tbody tr:last-child td,
.history-table tbody tr:last-child td {
    border-bottom: none;
}

.support-table tbody tr:last-child td:first-child,
.history-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 14px;
}

.support-table tbody tr:last-child td:last-child,
.history-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 14px;
}

.handicap,.handicap2,
.label {


    text-align: center;

    font-size: 13px;
    font-weight: 500;
    color: #444;
}


.handicap {
    width: 15%;
}

.handicap2 {
    width: 25%;
}

.rate-item .odds {
    margin: 0;

    font-size: 13px;
    line-height: 1;

    color: #333;
}

.rate-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    padding: 10px 20px;
}

.rate-item span {
    display: block;
    /* margin-top: 8px; */
    font-size: 13px;
    line-height: 1;
    color: #999;
}


.rate-item span.red {
    color: #ff4d4f;
    font-weight: 500;
}

.rate-item span.blue {
    color: #4096ff;
    font-weight: 500;
}

.rate-item span.green {
    color: #52c41a;
    font-weight: 500;
}

.odds-new-group {
    display: flex;
    padding: 8.5px 12px;
    line-height: 14px;
    gap: 28px;
}


.win-box-top {
    display: flex;
    flex-direction: column;
}


.odds-new-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
/* 顶部百分比 */
.win-text{
    width: 100%;
    display: flex;
}

/* 数字项 */
.text-item {
    font-size: 13px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    box-sizing: border-box;
    min-width: 14%;
}


.text-item.red {
    color: #ff4d4f;
    text-align: left;
    padding-left: 8px;
}

.text-item.blue{
    color: #4096ff;
}

.text-item.green{
    color: #52c41a;
    text-align: right;
    padding-right: 8px;
}

/* 进度条 */
.win-box {
    width: 100%;
    height: 26px;
    display: flex;
    overflow: hidden;
    border-radius: 999px;
    gap: 1px;
}

/* 每段 */
.win-line {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    box-sizing: border-box;
    color: #fff !important;
    min-width: 14%;
}

/* 红 */
.win-line.red {
    background: #f44336;
    justify-content: flex-start;
    padding-left: 14px;
    color: #fff !important;
}

/* 蓝 */
.win-line.blue{
    background: #4096ff;
    justify-content: center;
}

/* 绿 */
.win-line.green{
    background: #52c41a;
    justify-content: flex-end;
    padding-right: 14px;
}

/* 底部文字 */
.win-title {
    text-align: center;
    color: #666;
    font-weight: 400;
    font-size: 13px;
    margin-top: 4px;
}


table.ScoreGroup {
    float: left;
    border-radius: 4px;
    overflow: hidden;
}

.t14.b{
    text-align: left;
    text-indent: 20px;
    font-weight: 500;
}

.w_ls{
    text-align: left;
    text-indent: 20px;
}
.op table tr td:first-child{
    border-left:none !important ;
}

.op.se{
    border-radius: 4px;
}

.t2{
    float:right;border-radius: 4px;overflow: hidden;
}

table.ScoreGroup tr td {
    line-height: 60.5px !important;
}


td.guest img{
    height: 20px;
}


td.home img {
    height: 20px;
}

.title-bgnews{
    background: url(/omimg/WorldCup_title.png) no-repeat;
    width: 202px;
    height: 37px;
}

.topNav {
    background: #51409d;
    position: relative;
}

.loginwrap {
    position: absolute !important;
    right: 240px;
    top: 0px;
    font-size: 12px;
    color: #fff;
    width: 148px;
    text-align: center;
}

.loginwrap a:hover{
    color: #FDFF01;
    text-decoration: none;
    cursor: pointer;
}

#btnPopUplogin {
    font-size: 16px !important;
}

.hot-pc {
    background: url(/omimg/hot-pic.png) no-repeat center;
    width: 30px;
    height: 22px;
    background-size: contain;
    margin-right: 20px;
}

.tab-img{
    position: absolute;
    width: 44px;
    top: 4px;
    right: -11px;
}