/*public*/

.world-match-panel button, .world-match-panel div,
.world-match-panel h1, .world-match-panel h2,
.world-match-panel h3, .world-match-panel h4,
.world-match-panel h5, .world-match-panel h6,
.world-match-panel input, .world-match-panel legend,
.world-match-panel li, .world-match-panel ol,
.world-match-panel p, .world-match-panel pre,
.world-match-panel td, .world-match-panel textarea,
.world-match-panel th, .world-match-panel ul {
    margin: 0;
    padding: 0;
}
.hide{
    display: none;
}
.menu_panel > .left {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin:0px 0.9rem;
    border-bottom: 1px solid white;
}
.menu_panel > .left > div {
    background-color: #E4E7ED;
    border-radius: 0.33rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    margin-bottom: 0.85rem;
    padding: 0.3rem 0.2rem;
}

.menu_panel > .left > .menu {
    cursor: pointer;
    text-align: center;
}

.menu_panel > .left > .active > .menu {
    font-size: .6rem;
    color: white;
}

.menu_panel > .left > .active {
    cursor: default;
    background-color: #2496d8;
    background-image: linear-gradient(
            0deg, #29c4ff, #2496d8);
    color: white;
}


@media screen and (min-width: 860px) and (max-width: 3000px) {
body {
    max-width: 900px;
    margin: 0 auto !important;
}

.menu_panel > .left > div {
    width:15%;
}

.world-match-panel{
    color: white;
    padding: 2.133vw;
    box-sizing: border-box;
}
.world-match-panel a {
    text-decoration: none;
    color: #fff;
}
.world-match-panel a:link {
    text-decoration: none;
}
.world-match-panel a:visited {
    text-decoration: none;
}
.world-match-panel a:hover {
    text-decoration: none;
}
.world-match-panel a:active {
    text-decoration: none;
}
.world-match-panel  a:focus {
    text-decoration: none;
}
.world-match-panel .menu_panel{
    margin: 10px 0px;
}
.world-match-panel h2{
    font-size: 0.8vw;
}
.world-match-panel .menu_panel a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}
.world-hc-panel {
    position: relative;
}
.world-hc-panel .world-logo-panel {
    background: url(https://www.kqbd.com/commonjs/thymeleaf/image/bg_w_cup.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 8vw;
}
.world-hc-panel > div:nth-child(2) {
    position: absolute;
    top: 1.2vw;
    left: 17vw;
    width: 25vw;
}
.world-hc-panel > div:nth-child(2) > h1 {
    font-size: 1.2rem;
    color: white;
}
.world-match-panel >.g{
    border: 0.1px solid;
    border-radius: 0.933vw;
    margin-top: 0.633vw;
    padding-bottom: 0.5vw;
}
.world-match-panel .g >div:first-child{
    display: flex;
    align-items: center;
    padding-right: 1.12vw;
    padding-left: 1.12vw;
    font-size: 0.8vw;
    height: 2.5vw;
}
.world-match-panel >.g .d{
    width: 100%;
    height: 3.6vw;
    display: flex;
    padding: 0.567vw;
    box-sizing: border-box;
    justify-content: space-between;
    border-radius: 0.533vw 0.533vw 0 0;
}
.world-match-panel >.g .lt{
    font-size: 1.733vw;
    display: block;
    height: 0;
    border-color: transparent transparent #2c3443;
    border-style: none solid solid;
    border-width: 0 0 2.467vw 1.933vw;
    text-align: center;
}
.world-match-panel >.g .d div, .world-match-panel >.g .d p{
    margin: 0;
    padding: 0;
}
.world-match-panel >.g .d .ft, .world-match-panel >.g .d .ft >p{
    transform: rotate(-180deg);
}
.world-match-panel >.g .d .ft >p, .world-match-panel >.g .d .mt >p,
.world-match-panel >.g .d .lt >p{
    font-size: 1.233vw;
    text-align: center;
    width: 100%;
    height: 2.467vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.world-match-panel >.g .d .mt{
    transform: rotate(0deg) skew(-40deg,0deg);
    background: #2c3443;
}
.world-match-panel >.g .d .mt >p{
    transform: rotate(0deg) skew(40deg,0deg);
}
.world-match-panel >.g .d > div{
    flex: 1;
}
.world-match-panel >.g .d .active, .world-match-panel >.g .d .active{
    border-color: transparent transparent rgb(231, 76, 91);
}

.world-match-panel >.g .d .active2{
    background: rgb(231, 76, 91);
}
.world-match-panel >.g .t .match-box{
    background: #fff;
    border-radius: 0 0 0.533vw 0.533vw;
    padding: 0 0.233vw 0.167vw;
    box-sizing: border-box;
}
.world-match-panel >.g .t .match-box .list> a >div:first-child{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.world-match-panel >.g .t .match-box .list{
    position: relative;
    justify-content: space-between;
    width: 100%;
}
.world-match-panel >.g .t .match-box .list .g-p{
    position: relative;
    color: #333;
    font-size: 0.8vw;
}
.world-match-panel >.g .t .match-box .list .time{
    width: 9.2vw;
    height: 100%;
    align-content: center;
    text-align: center;
}
.world-match-panel >.g .t .match-box .list .time .time-p{
    font-size: 0.8vw;
    color: #999;
    display: contents;
}
.world-match-panel >.g .t .match-box .list .time >div{
    text-align: center;
}
.world-match-panel >.g .t .match-box .list .content .ranks,
.world-match-panel >.g .t .match-box .list .content{
    display: flex;
    align-items: center;
    flex: 1;
}
.world-match-panel >.g .t .match-box .list .content{
    justify-content: center;
    height: 100%;
}
.world-match-panel >.g .t .match-box .list .content .ranks span{
    font-size: 0.8vw;
    color: #333;
    max-width: 14vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.world-match-panel >.g .t .match-box .list .content .score {
    width: 5vw;
    text-align: center;
    font-size: 0.8vw;
    font-weight: 500;
    color: #999;
}
.world-match-panel >.g .t .match-box .list .content img,
.score .list .table .team img,
.score .list .table .player img,
.schedule .euroScore .content .team_image{
    width: 1.5vw;
    height: 1.5vw;
    border-radius: 50%;
    margin: 0 0.5vw;
}
.score .list .table .team > span{
    max-width: 12vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0.5vw;
}
.world-match-panel >.g .t .match-box .list .content .ranks div {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    margin: 0 0.5vw;
}
.world-match-panel >.g .t .match-box .list .state{
    width: 6.8vw;
    font-size: 0.8vw;
    color: #999;
    padding-right: 0.133vw;
    box-sizing: border-box;
    text-align: right;
}
.world-match-panel >.g .t .match-box .list .separator-line,
.world-match-panel >.schedule .euroScore .list .separator-line{
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: aquamarine;
}
.world-match-panel >.g .t .match-box .list .van-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.world-match-panel .van-divider {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 16px 0;
    color: #969799;
    font-size: 14px;
    line-height: 24px;
    border: 0 solid #ebedf0;
}
.world-match-panel >.g .t >table{
    border: 0.1px solid;
    width: 100%;
    padding: 1vw;
}
.world-match-panel >.g >.zu-b >div:first-child{
    text-align: center;
    flex: 1;
    height: 2.067vw;
    line-height: 2.067vw;
    background: #fff;
    font-size: 1.0vw;
    color: #2c3443;
    justify-content: center;
    border-radius: 0.567vw;
    margin: 0.2vw 0.5vw;
}
.world-match-panel >.g >.zu-c{
    width: 100%;
    height: 1.867vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 2.667vw;
}
.world-match-panel >.g >.zu-c >div{
    font-size: 0.8vw;
    flex: 1;
    text-align: center;
    position: relative;
}
.world-match-panel >.g >.zu-c >.active{
    color: rgb(231, 76, 91);
}
.world-match-panel >.g >.zu-c >div > .line{
    position: absolute;
    bottom: 18%;
    width: 3.5vw;
    height: 0.133vw;
    left: 50%;
    margin-left: -1.5vw;
    background: rgb(231, 76, 91);
}
.score .list {
    width: 100%;
    padding: 0.2vw 0.533vw 0vw;
    box-sizing: border-box;
}
.score div {
    margin: 0;
    padding: 0;
}
.score .list .table, .world-match-panel .link-c .d-l,
.world-match-panel .link-c .d-d{
    border-radius: 0.533vw;
    background: #fff;
    font-size: 0.8vw;
}
.score .list .table .th-sign{
    text-align: center;
    justify-content: center;
}
.score .list .table .th-box, .score .list .table .td-box{
    display: flex;
    align-items: center;
    height: 1.733vw;
    border-bottom: 1px solid #eee;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
    color: #333;
}

.score .list .table .td-box:last-child{
    border-bottom:none;
}
.world-match-panel >.g .t >table >tbody >tr > td{
    height: 10vh;
}
.world-match-panel >.g .t >table >tbody >tr > td > div{
    height: 100%;
}
.world-match-panel .g >div:first-child >a{
    margin-left: auto;
}
.world-match-panel .g .more{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.0vw;
}
.world-match-panel .g .more > div{
    width: 10vw;
    background-color: #2c3443;
    height: 1.5vw;
    text-align: center;
    line-height: 1.5vw;
    border-radius: 6px;
    font-size: 1.0vw;
}
.score .list .table .td-box .w-40, .score .list .table .th-box .w-40{
    width: 3.967vw;
}
.score .list .table .td-box .son, .score .list .table .th-box .son{
    font-size: 0.8vw;
    color: #333;
    text-align: center;
}
.score .list .table .td-box .son span{
    padding-left: .5vw;
    word-break: break-all;
}

.score .list .table .td-box .team, .score .list .table .th-box .team,
.score .list .table .td-box .player{
    display: flex;
    align-items: center;
}
.score .list .table .td-box .team, .score .list .table .th-box .team{
    flex: 1 1 auto;
}

.score .list .table .th-box .team{
    justify-content: center;
}
.score .list .table .td-box .team, .score .list .table .td-box .player{
    justify-content: flex-start;
}

.score .list .table .td-box .p-team{
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-start;
    padding-left: 8vw;
}
.score .list .table .td-box .w-20, .score .list .table .th-box .w-20 {
    width: 5.333vw;
}
.score .list .table .td-box .w-90, .score .list .table .th-box .w-90{
    width: 8vw;
}
.score .list .table .td-box .w-120, .score .list .table .th-box .w-120{
    width: 20vw;
}
.score .list .table .td-box .w-35, .score .list .table .th-box .w-35{
    width: 5.333vw;
}
.score .list .table .td-box .w-30, .score .list .table .th-box .w-30{
    width: 6vw;
}
.world-match-panel .link-c .d-l{
    height: 5.5vw;
    margin: 0.1vw 0.5vw 0vw;;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
}
.world-match-panel .link-c .d-l > a > div{
    width: 12vw;
    height: 2.0vw;
    background-color: #303133;
    border-radius: 0.533vw;
    text-align: center;
    line-height: 2.0vw;
    font-size: 0.8vw;
}
.world-match-panel .score .status{
    position: relative;
}
.world-match-panel .score .status >div:first-child .red{
    color: red;
    font-size: 0.9vw;
}
.world-match-panel .score .status >div:nth-child(2){
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 1rem;
}
/* sc head*/
.g .g-sd{
    margin: 0.2vw 0.5vw;
    border-radius: 0.533vw;
    background-color: #fff;
}
.schedule .sd{
    display: flex;
}
.schedule .sd .tool-match{
    width: 50%;
    height: 2.067vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: black;
}
.schedule .sd .tool-match .tool-l, .schedule .sd .tool-match .tool-r {
    width: 2.533vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.schedule .sd .tool-match .tool-cen{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.0vw;
}
.schedule .sd .tool-match .tool-cen>select{
    border: none;
    font-size: 1.0vw;
}
.schedule .sd .tool-match .tool-cen .t{
    margin: auto 2vw;
}
.schedule .euroScore{
    width: 100%;
    position: static;
    padding-bottom: 1.133vw;
}
.schedule .euroScore >div{
    width: 100%;
    padding-bottom: 0.2vw;
}
.schedule .euroScore .row1 {
    height: 1.5vw;
    line-height: 1.5vw;
    font-size: 0.9vw;
    color: #333;
    box-sizing: border-box;
    text-align: center;
    background-color: #c0b4bf;
}
.schedule .euroScore .list {
    padding: 0 0.133vw;
    box-sizing: border-box;
}
.schedule .euroScore .list .title-state-time {
    width: 100%;
    position: relative;
    height: 1.5vw;
    line-height: 1.5vw;
}
.schedule .euroScore .list .title-state-time .time{
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    width: 12vw;
}
.schedule .euroScore .list .title-state-time .time p {
    color: #333;
    font-size: 0.8vw;
}
.schedule .euroScore .list .title-state-time .time span{
    color: #999;
    font-size: 0.8vw;
}
.schedule .euroScore .list .title-state-time .state {
    font-size: 0.8vw;
    color: #999;
    text-align: center;
}

.schedule .euroScore .list .title-state-time .state .blue {
    color: blue;
}
.schedule .euroScore .list .content {
    display: flex;
    margin-top: 0.333vw;
    position: relative;
    box-sizing: border-box;
}
.schedule .euroScore .list .content .ranks:first-child {
    justify-content: flex-end;
}
.schedule .euroScore .list .content .ranks {
    display: flex;
    flex: 1;
    align-items: center;
}
.schedule .euroScore .list .content .ranks p {
    font-size: 0.8vw;
    color: #333;
    flex: 1;
}
.schedule .euroScore .list .content .ranks .team_logo {
    margin: auto;
}
.schedule .euroScore .list .content .score {
    width: 10vw;
    text-align: center;
    font-size: 0.8vw;
    color: #999;
    margin: auto;
}
.schedule .euroScore .list .content >div:last-child {
    position: absolute;
    right: 0.2vw;
    display: flex;
    align-items: center;
    height:100%;
}
.schedule .euroScore .list .content >div .ftb-ico {
    width: 1.8vw;
    height: 1.3vw;
}
.schedule .euroScore .list .venue {
    font-size: 2.667vw;
    color: #999;
    text-align: center;
    margin-bottom: 0.6vw;
}
.schedule .euroScore .list.van-divider {
    margin: 0;
    border: 0 solid #ebedf0;
}
.world-match-panel >.schedule .euroScore .list .separator-line{
    height: 1px;
    transform: scaleY(0.5);
}
.world-match-panel .row-l {
    border-top: 1px solid #F2F6FC;
    height: 30px;
    display: flex;
    align-items: center;
}
.world-match-panel .row-l>div {
    flex: 1;
    border-right: 1px solid #E4E7ED;
    text-align: center;
}
.world-match-panel .row-l>div a{
    color: #333;
    text-decoration: none;
    font-size: 0.8vw;
}
.world-match-panel .row-l-1 {
    padding: 0.1rem 0;
    color: #777;
    text-align: center;
    font-size: 0.712vw;
}
.world-match-panel .row-l-1 .col1 {
    padding-left: 0.4rem;
}
.world-match-panel .row3 .col3 {
    text-align: center;
}
.world-match-panel .table .tr-logo-box {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.world-match-panel .t-logo {
    color: #0c0c0c;
    margin-bottom: 0.2vw;
}
.world-match-panel .t-logo>div:first-child {
    height: 1.5vw;
    line-height: 1.5vw;
    padding: 0 1vw;
    font-size: 0.8vw;
}
.world-match-panel .t-logo .tr-logo-box >div{
    text-align: center;
    display: flex;
    font-size: 0.8vw;
    width: 10vw;
    flex-direction: column;
    align-items: center;
}
.world-match-panel .t-logo .tr-logo-box >div img {
    width: 2.5vw;
}
.link-c .d-d{
    margin: 0.1vw 0.5vw 0vw;
    font-size: 0.8vw;
}
.link-c .d-d >div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.link-c .d-d> div >a{
    width: 10vw;
    height: 1.8vw;
    line-height: 1.8vw;
    text-align: center;
    background: #303133;
    margin: 6px;
    border-radius: 0.5vw;
}
.link-c .d-d> div:nth-child(2){
    border-top: .05vw solid #3f3633;
}
}

@media screen and (min-width: 310px) and (max-width: 859px) {
.menu_panel > .left > div {
    width:30%;
}
.world-match-panel{
    color: white;
    padding: 0.4rem;
    box-sizing: border-box;
}
.world-match-panel a {
    text-decoration: none;
    color: #fff;
}
.world-match-panel a:link {
    text-decoration: none;
}
.world-match-panel a:visited {
    text-decoration: none;
}
.world-match-panel a:hover {
    text-decoration: none;
}
.world-match-panel a:active {
    text-decoration: none;
}
.world-match-panel  a:focus {
    text-decoration: none;
}
.world-match-panel .menu_panel{
    margin: 10px 0px;
}
.world-match-panel .menu_panel a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}
.world-hc-panel {
    position: relative;
}
.world-hc-panel .world-logo-panel {
    background: url(https://www.kqbd.com/commonjs/thymeleaf/image/bg_w_cup.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 8.5rem;
}
.world-hc-panel > div:nth-child(2) {
    position: absolute;
    top: 0;
    left: 28.5%;
}
.world-hc-panel > div:nth-child(2) > h1 {
    font-size: 1.2rem;
    color: white;
}
.world-match-panel >.g{
    border: 0.1px solid;
    border-radius: 0.62rem;
    margin-top: 0.691rem;
}
.world-match-panel .g >div:first-child{
    display: flex;
    align-items: center;
    padding-right: 0.812rem;
    padding-left: 0.812rem;
    font-size: 0.812rem;
    height: 3.25rem;
}
.world-match-panel >.g .d{
    width: 100%;
    height: 3.117rem;
    display: flex;
    padding: 0.347rem;
    box-sizing: border-box;
    justify-content: space-between;
    border-radius: 0.173rem 0.173rem 0 0;
}
.world-match-panel >.g .lt{
    font-size: 1.213rem;
    display: block;
    height: 0;
    border-color: transparent transparent #2c3443;
    border-style: none solid solid;
    border-width: 0 0 2.427rem 0.953rem;
    text-align: center;
}
.world-match-panel >.g .d div, .world-match-panel >.g .d p{
    margin: 0;
    padding: 0;
}
.world-match-panel >.g .d .ft,.world-match-panel >.g .d .ft >p{
    transform: rotate(-180deg);
}
.world-match-panel >.g .d .ft >p,.world-match-panel >.g .d .mt >p,
.world-match-panel >.g .d .lt >p{
    font-size: 1.213rem;
    text-align: center;
    width: 100%;
    height: 2.427rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.world-match-panel >.g .d .mt{
    transform: rotate(0deg) skew(-20deg,0deg);
    background: #2c3443;
}

.world-match-panel >.g .d .mt >p{
    transform: rotate(0deg) skew(20deg,0deg);
}

.world-match-panel >.g .d > div{
    flex: 1;
}
.world-match-panel >.g .d .active,.world-match-panel >.g .d .active{
    border-color: transparent transparent rgb(231, 76, 91);
}
.world-match-panel >.g .d .active2{
    background: rgb(231, 76, 91);
}
.world-match-panel >.g .t .match-box{
    background: #fff;
    border-radius: 0 0 0.173rem 0.173rem;
    padding: 0 0.693rem 0.737rem;
    box-sizing: border-box;
}
.world-match-panel >.g .t .match-box .list> a >div:first-child{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.world-match-panel >.g .t .match-box .list{
    position: relative;
    justify-content: space-between;
    width: 100%;
}
.world-match-panel >.g .t .match-box .list .g-p{
    position: relative;
    color: #333;
    font-size: 0.953rem;
}
.world-match-panel >.g .t .match-box .list .time{
    width: 6.24rem;
    height: 100%;
    align-content: center;
}
.world-match-panel >.g .t .match-box .list .time .time-p{
    font-size: 1.1rem;
    color: #999;
    margin-left: 0.693rem;
}
.world-match-panel >.g .t .match-box .list .time >div{
    text-align: center;
}
.world-match-panel >.g .t .match-box .list .content .ranks,
.world-match-panel >.g .t .match-box .list .content{
    display: flex;
    align-items: center;
    flex: 1;
}
.world-match-panel >.g .t .match-box .list .content{
    justify-content: center;
    height: 100%;
}
.world-match-panel >.g .t .match-box .list .content .ranks span{
    font-size: 1.213rem;
    color: #333;
    max-width: 6.175rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.world-match-panel >.g .t .match-box .list .content .ranks .left-ranks{
    margin-left: 0.347rem;
}
.world-match-panel >.g .t .match-box .list .content .score {
    width: 2.925rem;
    text-align: center;
    font-size: 1.04rem;
    font-weight: 500;
    color: #999;
}
.world-match-panel >.g .t .match-box .list .content img,.score .list .table .team img,
.score .list .table .player img{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.score .list .table .team > span{
    max-width: 9.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0.163rem;
}
.world-match-panel >.g .t .match-box .list .content .ranks div {
    width: 1.82rem;
    height: 1.82rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}
.world-match-panel >.g .t .match-box .list .content .ranks .right-ranks{
    margin-right: 0.347rem;
}
.world-match-panel >.g .t .match-box .list .state{
    width: 3.81rem;
    font-size: 0.867rem;
    color: #999;
    padding-right: 0.693rem;
    box-sizing: border-box;
    text-align: right;
}
.world-match-panel >.g .t .match-box .list .separator-line,
.world-match-panel >.schedule .euroScore .list .separator-line{
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: aquamarine;
}
.world-match-panel >.g .t .match-box .list .van-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.world-match-panel .van-divider {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 1.333rem 0;
    color: #969799;
    font-size: 1.167rem;
    line-height: 2rem;
    border: 0 solid #ebedf0;
}
.world-match-panel >.g .t >table{
    border: 0.1px solid;
    width: 100%;
    padding: 0.325rem;
}
.world-match-panel >.g >.zu-b >div:first-child{
    width: 98%;
    text-align: center;
    flex: 1;
    height: 2.947rem;
    line-height: 2.947rem;
    background: #fff;
    font-size: 1.213rem;
    color: #2c3443;
    justify-content: center;
    border-radius: 0.347rem;
    margin: 0.325rem;
}
.world-match-panel >.g >.zu-c{
    width: 100%;
    height: 3.467rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.world-match-panel >.g >.zu-c >div{
    font-size: 1.0rem;
    flex: 1;
    height: 3.467rem;
    line-height: 3.467rem;
    text-align: center;
    position: relative;
}
.world-match-panel >.g >.zu-c >.active{
    color: rgb(231, 76, 91);
}
.world-match-panel >.g >.zu-c >div > .line{
    position: absolute;
    bottom: 0;
    width: 2.6rem;
    height: 0.173rem;
    left: 50%;
    margin-left: -1.3rem;
    background: rgb(231, 76, 91);
}
.score .list {
    width: 100%;
    padding: 0.325rem 0.368rem 0.368rem;
    box-sizing: border-box;
    color: #333;
}
.score div {
    margin: 0;
    padding: 0;
}
.score .list .table, .world-match-panel .link-c .d-l,
.world-match-panel .link-c .d-d{
    border-radius: 0.498rem;
    background: #fff;
}
.score .list .table .th-sign{
    height: 2.6rem;
    line-height: 2.6rem;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.score .list .table .th-box,.score .list .table .td-box{
    display: flex;
    align-items: center;
    height: 4.333rem;
    border-bottom: 1px solid #eee;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
}
.score .list .table .td-box:last-child{
    border-bottom:none;

}
.world-match-panel >.g .t >table >tbody >tr > td{
    height: 7.1rem;
}
.world-match-panel >.g .t >table >tbody >tr > td > div{
    height: 100%;
}
.world-match-panel .g >div:first-child >a{
    margin-left: auto;
}
.world-match-panel .g .more{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.55rem;
}
.world-match-panel .g .more > div{
    width: 22.6rem;
    background-color: #2c3443;
    height: 2.485rem;
    text-align: center;
    line-height: 2.485rem;
    border-radius: 6px;
    font-size: 1.137rem;
}
.score .list .table .td-box .w-40,.score .list .table .th-box .w-40{
    width: 3.564rem;
}
.score .list .table .td-box .son,.score .list .table .th-box .son{
    font-size: 1.04rem;
    color: #333;
    text-align: center;
}
.score .list .table .td-box .son span{
    padding-left: 0.163rem;
    word-break: break-all;
}
.score .list .table .td-box .team,.score .list .table .th-box .team,
.score .list .table .td-box .player{
    display: flex;
    align-items: center;
}
.score .list .table .td-box .team,.score .list .table .th-box .team{
    flex: 1 1 auto;
    padding-left: 0.325rem;
}
.score .list .table .th-box .team{
    justify-content: center;
}
.score .list .table .td-box .team,.score .list .table .td-box .player{
    justify-content: flex-start;
}
.score .list .table .td-box .p-team{
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-start;
    padding-left: 2.6rem;
}
.score .list .table .td-box .w-20,.score .list .table .th-box .w-20 {
    width: 2.6rem;
}
.score .list .table .td-box .w-90,.score .list .table .th-box .w-90{
    width: 7.8rem;
}
.score .list .table .td-box .w-120,.score .list .table .th-box .w-120{
    width: 13rem;
}
.score .list .table .td-box .w-35,.score .list .table .th-box .w-35{
    width: 3.087rem;
}
.score .list .table .td-box .w-30,.score .list .table .th-box .w-30{
    width: 2.6rem;
}
.world-match-panel .link-c .d-l{
    height: 10.65rem;
    margin: 0.325rem;
    display: flex;
    flex-wrap: wrap;
}
.world-match-panel .link-c .d-l > a > div{
    width: 12.35rem;
    height: 3.25rem;
    background-color: #303133;
    border-radius: 1rem;
    text-align: center;
    line-height: normal;
    margin: 0.65rem 0.675rem;
}
.world-match-panel .score .status{
    position: relative;
}
.world-match-panel .score .status >div:first-child .red{
    color: red;
    font-size: 1.056rem;
}
.world-match-panel .score .status >div:nth-child(2){
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 1rem;
}
/* sc head*/
.g .g-sd{
    margin: 0.334rem;
    border-radius: 0.62rem;
    background-color: #fff;
}
.schedule .sd{
    display: flex;
}
.schedule .sd .tool-match{
    width: 50%;
    height: 3.467rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: black;
}
.schedule .sd .tool-match .tool-l,.schedule .sd .tool-match .tool-r {
    width: 2.773rem;
    height: 3.467rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.04rem;
}
.schedule .sd .tool-match .tool-cen{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.schedule .sd .tool-match .tool-cen>select{
    height: 2.2rem;
    border: none;
}
.schedule .sd .tool-match .tool-cen .t{
    margin: auto 1.625rem;
}
.schedule .euroScore{
    width: 100%;
    position: static;
    padding-bottom: 0.693rem;
}
.schedule .euroScore >div{
    width: 100%;
    padding-bottom: 0.325rem;
}
.schedule .euroScore .row1 {
    height: 2.947rem;
    line-height: 2.947rem;
    font-size: 1.04rem;
    color: #333;
    box-sizing: border-box;
    text-align: center;
    background-color: #c0b4bf;
}
.schedule .euroScore .list {
    padding: 0 0.693rem;
    box-sizing: border-box;
}
.schedule .euroScore .list .title-state-time {
    width: 100%;
    position: relative;
    height: 1.906rem;
    line-height: 1.906rem;
}
.schedule .euroScore .list .title-state-time .time{
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
    width: 9.62rem;
}
.schedule .euroScore .list .title-state-time .time p {
    color: #333;
    font-size: 0.953rem;
}
.schedule .euroScore .list .title-state-time .time span{
    color: #999;
    font-size: 0.953rem;
}
.schedule .euroScore .list .title-state-time .state {
    font-size: 0.953rem;
    color: #999;
    text-align: center;
}
.schedule .euroScore .list .title-state-time .state .blue {
    color: blue;
}
.schedule .euroScore .list .content {
    display: flex;
    margin-top: 0.975rem;
    position: relative;
    box-sizing: border-box;
}
.schedule .euroScore .list .content .ranks:first-child {
    justify-content: flex-end;
}
.schedule .euroScore .list .content .ranks {
    display: flex;
    flex: 1;
}
.schedule .euroScore .list .content .ranks p {
    font-size: 1.213rem;
    color: #333;
    margin: auto 0.693rem;
    flex: 1;
}
.schedule .euroScore .list .content .ranks .team_logo {
    margin: auto;
}
.schedule .euroScore .list .content .score {
    width: 3.25rem;
    text-align: center;
    font-size: 1.04rem;
    color: #999;
    margin: auto;
}
.schedule .euroScore .list .content >div:last-child {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    height:100%;
}
.schedule .euroScore .list .content >div .ftb-ico {
    width: 1.625rem;
    height: 1.56rem;
}

.schedule .euroScore .list .venue {
    font-size: 0.867rem;
    color: #999;
    text-align: center;
    margin-bottom: 0.195rem;
}
.schedule .euroScore .list.van-divider {
    margin: 0;
    border: 0 solid #ebedf0;
}
.schedule .euroScore .content .team_image {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.world-match-panel >.schedule .euroScore .list .separator-line{
    height: 1px;
    transform: scaleY(0.5);
}

.world-match-panel .row-l {
    border-top: 1px solid #F2F6FC;
    height: 30px;
    display: flex;
    align-items: center;
}
.world-match-panel .row-l>div {
    flex: 1;
    border-right: 1px solid #E4E7ED;
    text-align: center;
}
.world-match-panel .row-l>div a{
    color: #333;
    text-decoration: none;
}
.world-match-panel .row-l-1 {
    padding: 0.1rem 0 0.1rem 5%;
    color: #777;
    text-align: center;
}
.world-match-panel .row-l-1 .col1 {
    padding-left: 0.4rem;
}
.world-match-panel .row3 .col3 {
    text-align: center;
}
.world-match-panel .table .tr-logo-box {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding-bottom: 0.1rem;
}
.world-match-panel .t-logo {
    color: #0c0c0c;
    margin-bottom: 0.65rem;
}
.world-match-panel .t-logo>div:first-child {
    height: 2.6rem;
    line-height: 2.6rem;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.world-match-panel .t-logo .tr-logo-box >div{
    text-align: center;
    display: grid;
    justify-items: center;
}
.world-match-panel .t-logo .tr-logo-box >div img {
    width: 4.075rem;
}

.link-c .d-d{
    margin: 0.65rem;
}
.link-c .d-d >div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.link-c .d-d> div >a{
    width: 8.775rem;
    height: 1.95rem;
    line-height: 1.95rem;
    text-align: center;
    background: #303133;
    margin: 0.163rem 0.13rem;
    border-radius: 0.163rem;
}
.link-c .d-d> div:nth-child(2){
  border-top: 0.163rem solid #3f3633;
}
}