.clearfix[data-v-5790b87e] {
    clear: both
}

.clearfix[data-v-5790b87e]:after,.clearfix[data-v-5790b87e]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-5790b87e] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-5790b87e]:after,.clearfix-row[data-v-5790b87e]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-5790b87e] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.privaryClass[data-v-5790b87e] {
    width: 100%!important;
    left: 0!important;
    right: 0;
    background: #2e2e30
}

.privaryClass[data-v-5790b87e] .van-popup__close-icon--top-right {
    top: .13rem;
    right: .13rem
}

.privaryClass .box[data-v-5790b87e] {
    width: 9.36rem;
    margin: 0 auto
}

.privaryClass .box .pp[data-v-5790b87e] {
    width: 8.56rem;
    font-size: .32rem;
    font-family: Roboto-Regular;
    font-weight: 400;
    color: #fff;
    line-height: .43rem;
    padding-top: .43rem
}

.privaryClass .box .setting[data-v-5790b87e] {
    line-height: .43rem;
    font-size: .32rem;
    font-family: Roboto-Medium!important;
    font-weight: 500;
    color: #fff;
    text-align: center
}

.privaryClass .box .underLine[data-v-5790b87e] {
    color: #fff;
    text-decoration: underline!important
}

.privaryClass .box .choose[data-v-5790b87e] {
    width: 100%;
    height: 1.07rem;
    line-height: 1.07rem;
    background: #0f80da;
    border-radius: .11rem;
    font-size: .32rem;
    font-family: Roboto-Medium;
    font-weight: 500;
    color: #fff;
    text-align: center
}

.privaryClass .box .choose.m1[data-v-5790b87e] {
    margin-top: .53rem
}

.privaryClass .box .choose.m2[data-v-5790b87e] {
    margin-top: .32rem
}
.clearfix[data-v-0e623cd2] {
    clear: both
}

.clearfix[data-v-0e623cd2]:after,.clearfix[data-v-0e623cd2]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-0e623cd2] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-0e623cd2]:after,.clearfix-row[data-v-0e623cd2]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-0e623cd2] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.popcontent[data-v-0e623cd2] {
    width: 100%;
    max-height: 50vh;
    overflow: auto;
    margin: 0 auto;
    border-radius: .2rem;
    background: #fff
}

.popcontent[data-v-0e623cd2]::-webkit-scrollbar {
    width: 0;
    height: 0
}

.popcontent .item[data-v-0e623cd2] {
    width: 100%;
    height: 1.28rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .45rem;
    color: #6c7792;
    border-bottom: 1px solid #f4f5f8
}

.popcontent .item.active[data-v-0e623cd2] {
    color: #0f80da
}

.popcontent .item[data-v-0e623cd2]:last-child {
    border-bottom: none
}

.itemHeight[data-v-0e623cd2] {
    height: 6.4rem;
    overflow: auto
}

.cancel[data-v-0e623cd2] {
    width: 100%;
    height: 1.28rem;
    background: #fff;
    font-size: .45rem;
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #004292;
    margin: .21rem 0
}

.clearfix[data-v-92aacecc] {
    clear: both
}

.clearfix[data-v-92aacecc]:after,.clearfix[data-v-92aacecc]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-92aacecc] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-92aacecc]:after,.clearfix-row[data-v-92aacecc]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-92aacecc] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.FooterLink2[data-v-92aacecc] {
    width: 100%;
    background: #0f80da;
    padding: .5rem 0;
    box-sizing: border-box;
    border-top: 1px solid hsla(0,0%,100%,.15)
}

.FooterLink2 .img[data-v-92aacecc] {
    width: .7rem;
    height: .7rem
}

.FooterLink2 .margin[data-v-92aacecc] {
    margin: 0 .5rem
}

.FooterLink2 .link[data-v-92aacecc] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: .5rem
}

.FooterLink2 .link .item[data-v-92aacecc] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .15rem;
    box-sizing: border-box
}

.FooterLink2 .link .item a[data-v-92aacecc] {
    color: hsla(0,0%,100%,.6);
    font-size: .32rem
}

.FooterLink2 .line[data-v-92aacecc] {
    width: 1px;
    height: .32rem;
    background: hsla(0,0%,100%,.3)
}

.FooterLink2 .Copyright[data-v-92aacecc] {
    color: hsla(0,0%,100%,.4);
    font-size: .27rem;
    text-align: center;
    margin-top: .21rem
}

.FooterLink2 .thesportsIcon[data-v-92aacecc] {
    width: 2.48rem;
    height: .347rem;
    margin-right: .2rem
}

.FooterLink2 .thesports[data-v-92aacecc] {
    color: hsla(0,0%,100%,.6);
    font-size: .27rem
}

.clearfix[data-v-10a9e7e8] {
    clear: both
}

.clearfix[data-v-10a9e7e8]:after,.clearfix[data-v-10a9e7e8]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-10a9e7e8] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-10a9e7e8]:after,.clearfix-row[data-v-10a9e7e8]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-10a9e7e8] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.breadcrumb-box[data-v-10a9e7e8] {
    word-break: break-all;
    padding: 6px 12px;
    display: block;
    font-size: 0
}

.breadcrumb-box .ele[data-v-10a9e7e8] {
    font-family: Roboto-Regular,Roboto;
    font-weight: 400;
    font-size: .32rem;
    color: #666
}

.breadcrumb-box .lastText[data-v-10a9e7e8] {
    color: #0f80da
}

.breadcrumb-box .jt[data-v-10a9e7e8]:after {
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -o-transform: scale(.7);
    font-family: iconfont;
    display: inline-block;
    font-size: .32rem;
    content: "\e66d";
    margin: 0 2px;
    width: 12px;
    color: #666
}

.breadBox[data-v-10a9e7e8] {
    background-color: #fff;
    margin: 0 auto;
    height: .85rem;
    line-height: .5rem;
    display: flex;
    align-items: center;
    font-size: .27rem;
    font-weight: 500;
    padding-left: .32rem;
    box-sizing: border-box
}

.liveScoreh1[data-v-10a9e7e8] {
    color: #055492!important;
    display: inline;
    font-size: .27rem
}

.clearfix[data-v-92bd05ca] {
    clear: both
}

.clearfix[data-v-92bd05ca]:after,.clearfix[data-v-92bd05ca]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-92bd05ca] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-92bd05ca]:after,.clearfix-row[data-v-92bd05ca]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-92bd05ca] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.footerlink[data-v-92bd05ca] {
    width: 100%;
    background: #0f80da
}

.footerlink .matchHref[data-v-92bd05ca] {
    line-height: .7rem;
    font-size: .32rem;
    font-family: Roboto-Regular,Roboto;
    font-weight: 400;
    color: hsla(0,0%,100%,.6);
    padding-right: .2rem;
    box-sizing: border-box
}

.footerlink .icontext[data-v-92bd05ca] {
    font-size: .43rem;
    color: #fff
}

.footerlink .iconStyle[data-v-92bd05ca] {
    width: .43rem;
    height: .43rem;
    margin-right: .21rem
}

.footerlink .clear[data-v-92bd05ca] {
    clear: both;
    height: .24rem
}

.footerlink .flex-wrap[data-v-92bd05ca] {
    padding: 0 .32rem;
    flex-wrap: wrap
}

.rankingBox[data-v-92bd05ca] {
    box-sizing: border-box;
    padding: 0 .32rem
}

.rankingBox li[data-v-92bd05ca] {
    height: .74rem
}

.rankingBox li a[data-v-92bd05ca] {
    color: hsla(0,0%,100%,.6)
}

.clearfix[data-v-22da51ec] {
    clear: both
}

.clearfix[data-v-22da51ec]:after,.clearfix[data-v-22da51ec]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-22da51ec] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-22da51ec]:after,.clearfix-row[data-v-22da51ec]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-22da51ec] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.goalItem[data-v-22da51ec] {
    justify-content: space-between;
    box-sizing: border-box;
    align-items: center;
    padding: 0 .32rem;
    font-size: .32rem;
    min-height: 1rem;
    display: flex;
    width: 100%
}

.goalItem .f1[data-v-22da51ec] {
    color: #ffca28;
    font-size: .53rem
}

.goalItem .f2[data-v-22da51ec] {
    color: #c6cfd6;
    font-size: .53rem
}

.goalItem .f3[data-v-22da51ec] {
    color: #fbaf7d;
    font-size: .53rem
}

.goalItem .zt[data-v-22da51ec] {
    width: .53rem;
    height: .53rem
}

.goalItem .player[data-v-22da51ec] {
    align-items: center;
    display: flex;
    height: 100%;
    flex: 1
}

.goalItem .player .playerLogo[data-v-22da51ec] {
    border: 1px solid #eee;
    border-radius: 50%;
    margin: 0 .3rem;
    height: .75rem;
    width: .75rem
}

.goalItem .player .playerName[data-v-22da51ec] {
    word-break: break-all;
    color: #333;
    font-family: Roboto;
    font-size: .32rem;
    font-weight: 400;
    max-width: 5rem
}

.goalItem .player .teamLogo[data-v-22da51ec] {
    margin-top: .09rem;
    height: .32rem;
    width: .32rem
}

.goalItem .player .teamName[data-v-22da51ec] {
    word-break: break-all;
    line-height: .4rem;
    margin-left: .1rem;
    font-size: .32rem;
    color: #999;
    flex: 1
}

.goalItem .goalValue[data-v-22da51ec] {
    color: #0f80da;
    justify-content: flex-end;
    align-items: center;
    font-family: Roboto;
    font-size: .32rem;
    font-weight: 400;
    display: flex;
    height: 100%;
    width: 2rem
}

.clearfix[data-v-0e623cd2] {
    clear: both
}

.clearfix[data-v-0e623cd2]:after,.clearfix[data-v-0e623cd2]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-0e623cd2] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-0e623cd2]:after,.clearfix-row[data-v-0e623cd2]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-0e623cd2] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.popcontent[data-v-0e623cd2] {
    width: 100%;
    max-height: 50vh;
    overflow: auto;
    margin: 0 auto;
    border-radius: .2rem;
    background: #fff
}

.popcontent[data-v-0e623cd2]::-webkit-scrollbar {
    width: 0;
    height: 0
}

.popcontent .item[data-v-0e623cd2] {
    width: 100%;
    height: 1.28rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .45rem;
    color: #6c7792;
    border-bottom: 1px solid #f4f5f8
}

.popcontent .item.active[data-v-0e623cd2] {
    color: #0f80da
}

.popcontent .item[data-v-0e623cd2]:last-child {
    border-bottom: none
}

.itemHeight[data-v-0e623cd2] {
    height: 6.4rem;
    overflow: auto
}

.cancel[data-v-0e623cd2] {
    width: 100%;
    height: 1.28rem;
    background: #fff;
    font-size: .45rem;
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #004292;
    margin: .21rem 0
}

.clearfix[data-v-1b2eabc1] {
    clear: both
}

.clearfix[data-v-1b2eabc1]:after,.clearfix[data-v-1b2eabc1]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-1b2eabc1] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-1b2eabc1]:after,.clearfix-row[data-v-1b2eabc1]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-1b2eabc1] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.color-333-op8[data-v-1b2eabc1] {
    color: rgba(51,51,51,.7)!important
}

.ml13[data-v-1b2eabc1] {
    margin-left: .2rem
}

.img37[data-v-1b2eabc1] {
    width: .37rem;
    height: .37rem
}

.table .col[data-v-1b2eabc1],.table[data-v-1b2eabc1] {
    box-sizing: border-box
}

.table .col[data-v-1b2eabc1] {
    display: flex;
    align-items: center
}

.table .col .num[data-v-1b2eabc1] {
    display: inline-block;
    width: .533rem;
    height: .533rem;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: .533rem
}

.table .col .num.W[data-v-1b2eabc1] {
    background: #52af2f
}

.table .col .num.L[data-v-1b2eabc1] {
    background: #e74c5b
}

.table .col .num.D[data-v-1b2eabc1] {
    background: #ffba5a
}

.table .col.pwdl[data-v-1b2eabc1] {
    width: 2.5rem;
    flex: unset
}

.table .col.pwdl span[data-v-1b2eabc1] {
    display: flex;
    justify-content: center
}

.table .col.pwdl span.w[data-v-1b2eabc1] {
    color: #52af2f
}

.table .col.pwdl span.d[data-v-1b2eabc1] {
    color: #ffba5a
}

.table .col.pwdl span.l[data-v-1b2eabc1] {
    color: #e74c5b
}

.table .col.goals[data-v-1b2eabc1] {
    width: 1.5rem
}

.table .row[data-v-1b2eabc1] {
    height: .8rem;
    display: flex;
    border-bottom: 1px solid hsla(0,0%,89%,.6)
}

.table .row .team-name[data-v-1b2eabc1] {
    color: #333;
    display: inline-block;
    max-width: 2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.table .on[data-v-1b2eabc1] {
    background-color: #eff6fc
}

.table .foot[data-v-1b2eabc1] {
    border-bottom: 0!important
}

.left-arrow[data-v-1b2eabc1] {
    width: 68px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1
}

.color-meaning[data-v-1b2eabc1] {
    line-height: .533rem
}

.color-meaning .color[data-v-1b2eabc1] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    display: inline-block
}

.match-note[data-v-1b2eabc1] {
    box-sizing: border-box;
    height: .64rem;
    background: #fff4f4;
    pointer-events: none;
    line-height: .64rem;
    font-size: .32rem;
    color: #e74c5b;
    width: 100%;
    text-align: center
}

.match-note[data-v-1b2eabc1]:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -.14rem;
    top: -.28rem;
    border: .14rem solid transparent;
    border-bottom-color: #fff4f4
}

.newcolor_1[data-v-1b2eabc1] {
    background: #eff6fc
}

.newcolor_2[data-v-1b2eabc1] {
    background: #f7f9fb
}

.newcolor_3[data-v-1b2eabc1] {
    background: #fff5e2
}

.clearfix[data-v-61a7efa4] {
    clear: both
}

.clearfix[data-v-61a7efa4]:after,.clearfix[data-v-61a7efa4]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-61a7efa4] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-61a7efa4]:after,.clearfix-row[data-v-61a7efa4]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-61a7efa4] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.static-link-box[data-v-61a7efa4] {
    background-color: #fff;
    margin-top: .16rem;
    padding: .32rem;
    display: block
}

.static-link-box .title[data-v-61a7efa4] {
    font-family: Roboto-Regular,Roboto;
    line-height: .37rem;
    margin-top: .69rem;
    font-size: .32rem;
    font-weight: 400;
    color: #333
}

.static-link-box .title[data-v-61a7efa4]:first-child {
    margin-top: 0
}

.static-link-box .list[data-v-61a7efa4] {
    display: block;
    font-size: 0
}

.static-link-box .list li[data-v-61a7efa4] {
    margin: .32rem .75rem 0 0;
    display: inline-block;
    vertical-align: top
}

.static-link-box .list li .link[data-v-61a7efa4] {
    font-family: Roboto-Regular,Roboto;
    word-break: break-all;
    display: inline-block;
    line-height: .37rem;
    vertical-align: top;
    font-size: .32rem;
    font-weight: 400;
    color: #0f80da
}

.bd[data-v-61a7efa4],.ft_tour_overview .teamWeek .groundBox .circle[data-v-61a7efa4],.ft_tour_overview .teamWeek .groundBox .midCircle[data-v-61a7efa4],.ft_tour_overview .teamWeek .groundBox .square1[data-v-61a7efa4],.ft_tour_overview .teamWeek .groundBox .square2[data-v-61a7efa4],.ft_tour_overview .teamWeek .groundBox[data-v-61a7efa4] {
    border: 2px solid hsla(0,0%,100%,.3)
}

.ft_tour_overview[data-v-61a7efa4] {
    width: 100%;
    background: #f1f1f1
}

.ft_tour_overview .progress[data-v-61a7efa4] {
    width: 100%;
    height: 1.17rem;
    padding: 0 .32rem;
    box-sizing: border-box;
    background-color: #fff
}

.ft_tour_overview .progress span[data-v-61a7efa4] {
    font-size: .26rem;
    font-family: Roboto-Regular;
    line-height: .32rem;
    color: #999
}

.ft_tour_overview .feature[data-v-61a7efa4] {
    width: 100%
}

.ft_tour_overview .feature .feature_title[data-v-61a7efa4] {
    width: 100%;
    height: .74rem;
    line-height: .74rem;
    font-size: .32rem;
    padding-left: .32rem;
    box-sizing: border-box
}

.ft_tour_overview .feature .feature_content[data-v-61a7efa4] {
    width: 100%;
    height: 2.05rem;
    background-color: #fff
}

.ft_tour_overview .feature .feature_content .status[data-v-61a7efa4],.ft_tour_overview .feature .feature_content .time[data-v-61a7efa4] {
    font-size: .26rem;
    font-family: Roboto-Regular;
    color: #999;
    height: .34rem;
    line-height: .34rem
}

.ft_tour_overview .feature .feature_content .time[data-v-61a7efa4] {
    width: 100%;
    text-align: left;
    padding-left: .42rem;
    box-sizing: border-box
}

.ft_tour_overview .feature .feature_content .score[data-v-61a7efa4] {
    font-size: .42rem;
    font-family: Roboto;
    font-weight: 400;
    text-align: center;
    line-height: .64rem
}

.ft_tour_overview .feature .feature_content .score[data-v-61a7efa4],.ft_tour_overview .feature .feature_content .tour_teamLogo[data-v-61a7efa4] {
    width: .64rem;
    height: .64rem;
    margin: .15rem 0
}

.ft_tour_overview .feature .feature_content .teamName[data-v-61a7efa4] {
    font-size: .32rem;
    font-family: Roboto-Regular;
    line-height: .42rem;
    color: #333;
    height: .42rem;
    max-width: 3.5rem
}

.ft_tour_overview .feature .feature_content .score[data-v-61a7efa4] {
    width: 1.2rem;
    height: .64rem;
    border-radius: .1rem;
    margin: .15rem 0;
    background: #0f80da;
    color: #fff
}

.ft_tour_overview .lineupPlayers[data-v-61a7efa4] {
    z-index: 201
}

.ft_tour_overview .lineupPlayers .img[data-v-61a7efa4] {
    border-radius: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    width: .85rem;
    height: .85rem
}

.ft_tour_overview .lineupPlayers .teamImg[data-v-61a7efa4] {
    width: .32rem;
    height: .32rem;
    border: 1px solid #f1f1f1;
    border-radius: 50%;
    position: absolute;
    left: -.25rem;
    top: .265rem
}

.ft_tour_overview .lineupPlayers .teamImg[data-v-61a7efa4] img {
    background-color: #fff
}

.ft_tour_overview .teamWeek[data-v-61a7efa4] {
    width: 100%
}

.ft_tour_overview .teamWeek .teamWeek_title[data-v-61a7efa4] {
    width: 100%;
    height: .74rem;
    line-height: .74rem;
    padding: 0 .32rem;
    box-sizing: border-box;
    font-size: .32rem;
    background: #f1f1f1
}

.ft_tour_overview .teamWeek .week_round[data-v-61a7efa4] {
    position: relative;
    color: #999;
    display: flex;
    align-items: center
}

.ft_tour_overview .teamWeek .week_round .roundMenu[data-v-61a7efa4] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: none
}

.ft_tour_overview .teamWeek .playerName[data-v-61a7efa4] {
    width: 2.5rem;
    height: .5rem;
    position: absolute;
    top: .87rem;
    left: -.825rem;
    text-align: center;
    color: #fff;
    font-size: .27rem;
    font-family: Roboto-Regular;
    transform: scale(.8)
}

.ft_tour_overview .teamWeek .rating[data-v-61a7efa4] {
    width: .45rem;
    height: .3rem;
    background: #c2c90c;
    border-radius: .05rem;
    position: absolute;
    top: -.1rem;
    right: -.05rem
}

.ft_tour_overview .teamWeek .rating .ratingText[data-v-61a7efa4] {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: .32rem;
    transform: scale(.8);
    text-align: center;
    line-height: .3rem
}

.ft_tour_overview .teamWeek .groundBox[data-v-61a7efa4] {
    width: 9.5rem;
    height: 9.5rem;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box
}

.ft_tour_overview .teamWeek .groundBox .halfBox[data-v-61a7efa4] {
    height: 100%;
    position: relative;
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    z-index: 201
}

.ft_tour_overview .teamWeek .groundBox .halfBox .leftCorner[data-v-61a7efa4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 1px solid hsla(0,0%,100%,.3);
    transform: translate(-.5rem,-.5rem)
}

.ft_tour_overview .teamWeek .groundBox .halfBox .rightCorner[data-v-61a7efa4] {
    position: absolute;
    top: 0;
    right: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 1px solid hsla(0,0%,100%,.3);
    transform: translate(.5rem,-.5rem)
}

.ft_tour_overview .teamWeek .groundBox .square1[data-v-61a7efa4] {
    width: 2.35rem;
    height: .96rem;
    border-top: 0;
    margin: 0 auto
}

.ft_tour_overview .teamWeek .groundBox .square2[data-v-61a7efa4] {
    width: 4.64rem;
    height: 1.81rem;
    border-top: 0;
    margin: 0 auto
}

.ft_tour_overview .teamWeek .groundBox .circle[data-v-61a7efa4] {
    width: 2.45rem;
    height: 2.45rem;
    border-radius: 50%;
    position: relative;
    top: -1.52rem;
    margin: 0 auto
}

.ft_tour_overview .teamWeek .groundBox .midCircle[data-v-61a7efa4] {
    width: 2.67rem;
    height: 2.67rem;
    box-sizing: border-box;
    position: absolute;
    top: -1.335rem;
    left: 3.415rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20
}

.ft_tour_overview .champions[data-v-61a7efa4] {
    width: 100%
}

.ft_tour_overview .champions .champions_title[data-v-61a7efa4] {
    font-family: Roboto-Medium,Roboto!important;
    font-weight: 500;
    width: 100%;
    height: .74rem;
    line-height: .74rem;
    font-size: .32rem;
    padding-left: .32rem;
    box-sizing: border-box
}

.ft_tour_overview .champions .champions_content[data-v-61a7efa4] {
    width: 100%;
    background-color: #fff;
    padding-bottom: .2rem;
    flex-wrap: wrap
}

.ft_tour_overview .champions .champions_content .content_item[data-v-61a7efa4] {
    height: 2.2rem;
    flex: 0 0 33.3%
}

.ft_tour_overview .champions .champions_content .content_item .champions_logo[data-v-61a7efa4] {
    width: .83rem;
    height: .83rem
}

.ft_tour_overview .champions .champions_content .content_item .champions_name[data-v-61a7efa4] {
    font-size: .32rem;
    font-family: Roboto-Regular;
    line-height: .32rem;
    color: #000;
    margin-top: .18rem
}

.ft_tour_overview .champions .champions_content .content_item .champions_holder[data-v-61a7efa4] {
    font-size: .26rem;
    font-family: PingFangSC-Regular;
    line-height: .26rem;
    color: #999;
    margin-top: .1rem;
    transform: scale(.85)
}

.ft_tour_overview .division[data-v-61a7efa4] {
    margin-top: .21rem;
    width: 100%;
    display: flex;
    justify-content: space-between
}

.ft_tour_overview .division .item[data-v-61a7efa4] {
    flex: 1;
    box-sizing: border-box;
    padding: .2rem 0 0 .32rem;
    background-color: #fff
}

.ft_tour_overview .division .item .itemTitle[data-v-61a7efa4] {
    height: .42rem;
    font-size: .32rem;
    font-family: Roboto;
    font-weight: 400;
    color: #999;
    margin-bottom: .2rem;
    display: flex;
    align-items: center
}

.ft_tour_overview .division .item .itemTitle .bottomPng[data-v-61a7efa4],.ft_tour_overview .division .item .itemTitle .topPng[data-v-61a7efa4] {
    width: .21rem;
    height: .31rem;
    margin-left: .2rem
}

.ft_tour_overview .division .item .team[data-v-61a7efa4] {
    width: 100%;
    height: .53rem;
    display: flex;
    align-items: center;
    margin-top: .1rem;
    margin-bottom: .2rem
}

.ft_tour_overview .division .item .team .teamLogo[data-v-61a7efa4] {
    width: .53rem;
    height: .53rem
}

.ft_tour_overview .division .item .team .teamName[data-v-61a7efa4] {
    font-size: .32rem;
    font-family: Roboto-Regular;
    color: #000;
    margin-left: .21rem
}

.ft_tour_overview .info[data-v-61a7efa4] {
    width: 100%
}

.ft_tour_overview .info .info_title[data-v-61a7efa4] {
    font-family: Roboto-Medium,Roboto!important;
    font-weight: 500;
    width: 100%;
    height: .74rem;
    line-height: .74rem;
    font-size: .32rem;
    padding-left: .32rem;
    box-sizing: border-box
}

.ft_tour_overview .info .info_content[data-v-61a7efa4] {
    width: 100%;
    background-color: #fff;
    padding: .1rem 0
}

.ft_tour_overview .info .info_content .infoItem[data-v-61a7efa4] {
    width: 100%;
    height: .65rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .32rem;
    box-sizing: border-box
}

.ft_tour_overview .info .info_content .infoItem .key[data-v-61a7efa4] {
    font-size: .32rem;
    font-family: Roboto-Regular;
    color: #999
}

.ft_tour_overview .info .info_content .infoItem .value[data-v-61a7efa4] {
    font-size: .32rem;
    font-family: Roboto-Regular;
    color: #333
}

.ft_tour_overview .info .info_content .infoItem:last-child .value[data-v-61a7efa4] {
    color: #0f80da
}

.ft_tour_overview .teamWin[data-v-61a7efa4] {
    width: 100%;
    padding: .2rem 0;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: .21rem
}

.ft_tour_overview .teamWin .homewinText[data-v-61a7efa4] {
    color: #0f80da;
    font-size: .26rem
}

.ft_tour_overview .teamWin .awaywinText[data-v-61a7efa4] {
    color: #ffba5a;
    font-size: .26rem
}

.ft_tour_overview .teamWin .drawText[data-v-61a7efa4] {
    color: #333;
    font-size: .26rem
}

.ft_tour_overview .teamWin .pp[data-v-61a7efa4] {
    width: 100%;
    transform: rotate(180deg);
    display: flex;
    margin: .15rem 0 .05rem
}

.ft_tour_overview .teamWin .pp .process[data-v-61a7efa4] {
    width: 100%;
    height: .21rem;
    border-radius: .21rem
}

.ft_tour_overview .teamWin .pp .homewin .process[data-v-61a7efa4] {
    background: #0f80da;
    transform: translateX(-.32rem)
}

.ft_tour_overview .teamWin .pp .draw .process[data-v-61a7efa4] {
    background: #999;
    transform: translateX(0)
}

.ft_tour_overview .teamWin .pp .awaywin[data-v-61a7efa4] {
    flex: 1
}

.ft_tour_overview .teamWin .pp .awaywin .process[data-v-61a7efa4] {
    background: #ffba5a;
    transform: translateX(.32rem)
}

.ft_tour_overview .teamWin .averageGoals[data-v-61a7efa4] {
    box-sizing: border-box;
    height: .85rem
}

.ft_tour_overview .teamWin .averageGoals .key[data-v-61a7efa4] {
    font-size: .32rem;
    font-family: Roboto-Regular;
    color: #999
}

.ft_tour_overview .teamWin .averageGoals .value[data-v-61a7efa4] {
    font-size: .32rem;
    font-family: Roboto-Regular;
    color: #0f80da
}

.ft_tour_overview .red[data-v-61a7efa4] {
    color: #b90909
}

.ft_tour_overview .grey[data-v-61a7efa4] {
    color: #999
}

.ft_tour_overview .standings-box[data-v-61a7efa4] {
    background-color: #fff;
    display: block
}

.ft_tour_overview .standings-box .color-meaning[data-v-61a7efa4] {
    padding: .28rem .32rem;
    font-size: .32rem;
    display: block
}

.ft_tour_overview .standings-box .color-meaning .meaningColor[data-v-61a7efa4] {
    width: .21rem;
    height: .21rem;
    display: inline-block;
    margin-right: .15rem;
    border-radius: 50%
}

.ft_tour_overview .title-box[data-v-61a7efa4] {
    font-family: Roboto-Medium,Roboto;
    background-color: #f1f1f1;
    align-items: center;
    padding: 0 .32rem;
    display: flex;
    height: 28px
}

.ft_tour_overview .title-box .text[data-v-61a7efa4] {
    font-family: Roboto-Medium,Roboto!important;
    font-size: .32rem;
    font-weight: 500;
    color: #333;
    flex: 1
}

.ft_tour_overview .title-box .more[data-v-61a7efa4] {
    font-size: .28rem;
    color: #666
}

.ft_tour_overview .title-box .more i[data-v-61a7efa4] {
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -o-transform: scale(.7);
    display: inline-block;
    font-size: .28rem
}

.ft_tour_overview .dec-box[data-v-61a7efa4] {
    font-family: Roboto-Regular,Roboto;
    padding: .28rem .32rem 0;
    background-color: #fff;
    display: block
}

.ft_tour_overview .dec-box .text[data-v-61a7efa4] {
    max-height: 4.72rem;
    line-height: .43rem;
    font-size: .32rem;
    overflow: hidden;
    font-weight: 400;
    color: #333
}

.ft_tour_overview .dec-box .more[data-v-61a7efa4] {
    display: inline-block;
    margin: .24rem 0 .32rem;
    line-height: .37rem;
    font-size: .32rem;
    font-weight: 400;
    color: #0f80da
}

.ft_tour_overview .dec-box .more[data-v-61a7efa4]:after {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    display: inline-block;
    font-family: iconfont;
    content: "\e66d"
}

.ft_tour_overview .dec-box.show .text[data-v-61a7efa4] {
    max-height: none
}

.ft_tour_overview .dec-box.show .more[data-v-61a7efa4]:after {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}

.clearfix {
    clear: both
}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.clearfix-row {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row:after,.clearfix-row:before {
    content: "";
    display: table
}

.box-shadow5 {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.standings-box .table>div:first-child {
    border-bottom: none!important
}

.clearfix[data-v-4c639eb8] {
    clear: both
}

.clearfix[data-v-4c639eb8]:after,.clearfix[data-v-4c639eb8]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-4c639eb8] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-4c639eb8]:after,.clearfix-row[data-v-4c639eb8]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-4c639eb8] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.ft_competition .topFixedName[data-v-4c639eb8] {
    color: #fff;
    line-height: 1.17rem;
    font-size: .37rem
}

.ft_competition .compheader[data-v-4c639eb8] {
    width: 100%;
    background: #313e4e
}

.ft_competition .compheader .backFil[data-v-4c639eb8] {
    width: 100%;
    height: 1.17rem;
    background-color: #313e4e
}

.ft_competition .compheader .backFil .seasonIcon[data-v-4c639eb8] {
    transform: rotate(90deg)
}

.ft_competition .compheader .commonHeadInfo[data-v-4c639eb8] {
    width: 100%;
    height: 2.77rem;
    background: #299442
}

.ft_competition .compheader .commonHeadInfo .comp_logo[data-v-4c639eb8] {
    width: 1.38rem;
    height: 1.38rem
}

.ft_competition .compheader .commonHeadInfo .comp_name[data-v-4c639eb8] {
    font-size: .37rem;
    font-family: Roboto;
    font-weight: 400;
    height: .5rem;
    line-height: .5rem;
    color: #fff;
    margin-top: .16rem
}

.ft_competition .compheader .commonHeadInfo .des[data-v-4c639eb8] {
    width: 100%;
    height: .58rem;
    margin-top: .1rem
}

.ft_competition .compheader .commonHeadInfo .des .country_logo[data-v-4c639eb8] {
    width: .32rem;
    height: .32rem;
    margin-right: .08rem
}

.ft_competition .compheader .commonHeadInfo .des .country[data-v-4c639eb8],.ft_competition .compheader .commonHeadInfo .des .division[data-v-4c639eb8] {
    font-size: .26rem;
    font-family: Roboto-Regular;
    line-height: .26rem;
    color: #fff;
    margin-right: .08rem
}

.ft_competition .compheader .commonHeadInfo .des .sj[data-v-4c639eb8] {
    font-size: .26rem;
    font-family: Roboto-Regular;
    line-height: .32rem;
    color: #0f80da
}

.ft_competition .compheader .right_slot[data-v-4c639eb8] {
    height: .42rem;
    padding: 0 .2rem;
    border-radius: .21rem;
    font-size: .26rem;
    color: #fff;
    border: 1px solid hsla(0,0%,100%,.4)
}

.ft_competition .compheader .right_slot .text[data-v-4c639eb8] {
    transform: scale(.9)
}

.ft_competition .content[data-v-4c639eb8] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.ft_competition .loading[data-v-4c639eb8] {
    position: absolute;
    top: 8rem;
    left: 50%;
    transform: translateX(-50%);
}

.clearfix[data-v-4d8140ad] {
    clear: both
}

.clearfix[data-v-4d8140ad]:after,.clearfix[data-v-4d8140ad]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-4d8140ad] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-4d8140ad]:after,.clearfix-row[data-v-4d8140ad]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-4d8140ad] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.footer[data-v-4d8140ad] {
    position: fixed;
    bottom: .16rem;
    left: 0;
    z-index: 999;
    -webkit-transform: translateZ(0);
    cursor: pointer
}

.footer .bet365[data-v-4d8140ad],.footer[data-v-4d8140ad] {
    width: 100%;
    height: 1.224rem
}

.footer .close[data-v-4d8140ad] {
    position: absolute;
    right: 3px;
    top: 2px;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.codeImgBox[data-v-4d8140ad] {
    text-align: center
}

.clearfix[data-v-cc77039e] {
    clear: both
}

.clearfix[data-v-cc77039e]:after,.clearfix[data-v-cc77039e]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-cc77039e] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-cc77039e]:after,.clearfix-row[data-v-cc77039e]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-cc77039e] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.footer[data-v-cc77039e] {
    width: 100%;
    height: 1.28rem;
    z-index: 999;
    -webkit-transform: translateZ(0)
}

.footer.fixed[data-v-cc77039e] {
    position: fixed;
    top: 0
}

.footer .footer-main[data-v-cc77039e] {
    display: flex;
    align-items: center;
    height: 100%;
    background: #303030
}

.footer .footer-main .iconlogo[data-v-cc77039e] {
    width: .96rem
}

.footer .footer-main .iconlogo[data-v-cc77039e],.footer .footer-main .iconlogoNew[data-v-cc77039e] {
    height: .96rem;
    overflow: visible!important;
    margin-right: .21rem;
    margin-left: .32rem
}

.footer .footer-main .iconlogoNew[data-v-cc77039e] {
    width: 1.47rem
}

.footer .footer-main .iconlujing[data-v-cc77039e] {
    width: .27rem;
    height: .27rem;
    opacity: .6;
    position: absolute;
    right: .32rem
}

.footer .footer-main .word[data-v-cc77039e] {
    flex-direction: column;
    justify-content: center
}

.footer .footer-main .word .word_app[data-v-cc77039e] {
    font-size: .32rem;
    font-family: Roboto-Medium,Roboto!important;
    font-weight: 500;
    color: #fff;
    line-height: .37rem
}

.footer .footer-main .word .word_download[data-v-cc77039e] {
    font-size: .29rem;
    font-family: Roboto-Regular,Roboto;
    font-weight: 400;
    color: #fff;
    line-height: .37rem;
    margin-top: .05rem;
    max-width: 5.5rem
}

.footer .footer-main .download[data-v-cc77039e] {
    width: 1.76rem;
    padding: 0 .05rem;
    height: .64rem;
    background: #fff;
    border-radius: .08rem;
    font-size: .29rem;
    font-family: Roboto-Medium,Roboto;
    font-weight: 500;
    color: #000;
    line-height: .64rem;
    text-align: center;
    position: absolute;
    right: .75rem
}

.footer .footer-main .downloadRight[data-v-cc77039e] {
    right: .43rem!important
}

.footer .icon-guanbi[data-v-cc77039e] {
    position: absolute;
    right: .24rem;
    color: #b7b7b7;
    font-size: .37rem
}

.clearfix[data-v-250f1619] {
    clear: both
}

.clearfix[data-v-250f1619]:after,.clearfix[data-v-250f1619]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-250f1619] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-250f1619]:after,.clearfix-row[data-v-250f1619]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-250f1619] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.view[data-v-250f1619] {
    -webkit-overflow-scrolling: touch;
    min-height: calc(100vh - 4.49rem)
}

.suspensionBox[data-v-250f1619] {
    position: fixed;
    right: .32rem;
    bottom: 3rem
}

.suspensionBox .suspension[data-v-250f1619] {
    width: 1.38rem
}

.suspensionBox .textBox[data-v-250f1619] {
    position: absolute;
    top: .2rem;
    right: 1.38rem;
    width: 4.56rem;
    height: 1.28rem;
    background-size: cover;
    font-size: .37rem;
    color: #fff;
    text-align: center;
    word-break: break-all;
    box-sizing: border-box;
    padding: 0 6px;
    display: flex;
    justify-content: center;
    align-items: center
}

.clearfix {
    clear: both
}

.clearfix:after,.clearfix:before {
    content: "";
    display: table
}

.clearfix-row {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row:after,.clearfix-row:before {
    content: "";
    display: table
}

.box-shadow5 {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.error-page {
    flex-direction: column;
    background-color: #fff;
    align-items: center;
    display: flex
}

.error-page .icon-404 {
    width: 8.3rem;
    margin-bottom: .54rem;
    margin-top: 4.3rem
}

.error-page .link {
    text-align: center;
    cursor: pointer;
    color: #0f80da;
    display: block;
    width: 3.78rem
}

.error-page .link .iconfont {
    display: inline-block;
    vertical-align: middle
}

.error-page.view {
    min-height: 100vh!important
}

.nuxt-progress {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    width: 0;
    opacity: 1;
    transition: width .1s,opacity .4s;
    background-color: #000;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

.clearfix[data-v-3b539fd8] {
    clear: both
}

.clearfix[data-v-3b539fd8]:after,.clearfix[data-v-3b539fd8]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-3b539fd8] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-3b539fd8]:after,.clearfix-row[data-v-3b539fd8]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-3b539fd8] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.view[data-v-3b539fd8] {
    -webkit-overflow-scrolling: touch;
    min-height: calc(100vh - 4.49rem)
}

.clearfix[data-v-bf74aeb8] {
    clear: both
}

.clearfix[data-v-bf74aeb8]:after,.clearfix[data-v-bf74aeb8]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-bf74aeb8] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-bf74aeb8]:after,.clearfix-row[data-v-bf74aeb8]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-bf74aeb8] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.contentBox[data-v-bf74aeb8] {
    background-color: #fff
}

.contentBox .nodata[data-v-bf74aeb8] {
    width: 1.89rem;
    height: 1.01rem
}

.contentBox .noDataText[data-v-bf74aeb8] {
    font-size: .27rem;
    word-break: break-all;
    margin-top: .14rem
}

.clearfix[data-v-48b34d9b] {
    clear: both
}

.clearfix[data-v-48b34d9b]:after,.clearfix[data-v-48b34d9b]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-48b34d9b] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-48b34d9b]:after,.clearfix-row[data-v-48b34d9b]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-48b34d9b] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.header[data-v-48b34d9b] {
    overflow: hidden;
    outline: none;
    height: 1.17rem;
    position: relative
}

@-webkit-keyframes new-fade-data-v-48b34d9b {
    0% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

@keyframes new-fade-data-v-48b34d9b {
    0% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

.header .rotate180[data-v-48b34d9b] {
    transform: rotate(180deg) scale(.4)!important;
    -webkit-transform: rotate(180deg)
}

.header .myfont[data-v-48b34d9b] {
    display: inline-block;
    color: #fff;
    font-size: .427rem;
    transform: scale(.4);
    position: relative;
    left: -.1rem
}

.header .chooseTypeMod[data-v-48b34d9b] {
    width: 100%;
    height: calc(100vh - 1.17rem);
    position: fixed;
    top: 1.17rem;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.6);
    z-index: 999
}

.header .chooseTypeMod .chooseType[data-v-48b34d9b] {
    width: 9.57rem;
    margin: .21rem auto auto;
    background: #f1f1f1;
    border-radius: .11rem;
    opacity: 0;
    -webkit-animation: new-fade-data-v-48b34d9b .5s linear forwards;
    animation: new-fade-data-v-48b34d9b .5s linear forwards
}

.header .chooseTypeMod .chooseType .contentBox[data-v-48b34d9b] {
    padding: .21rem;
    box-sizing: border-box
}

.header .chooseTypeMod .chooseType .ball[data-v-48b34d9b] {
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 1.17rem;
    border-radius: .11rem;
    margin-top: .21rem;
    padding: 0 .37rem;
    box-sizing: border-box
}

.header .chooseTypeMod .chooseType .ball.active[data-v-48b34d9b] {
    background: #0f80da
}

.header .chooseTypeMod .chooseType .ball[data-v-48b34d9b]:first-of-type {
    margin-top: 0
}

.header .chooseTypeMod .chooseType .type_text[data-v-48b34d9b] {
    font-size: .37rem;
    font-family: Roboto-Regular,Roboto;
    font-weight: 500;
    color: #666
}

.header .chooseTypeMod .chooseType .type_text.active[data-v-48b34d9b] {
    color: #fff
}

.header .cur[data-v-48b34d9b] {
    font-size: .27rem;
    line-height: .32rem;
    font-family: Roboto-Regular,Roboto
}

.header .right[data-v-48b34d9b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 1.17rem
}

.header .first-header[data-v-48b34d9b] {
    outline: none;
    width: 100%;
    height: 1.17rem;
    background: #0f80da;
    background-size: contain;
    overflow: hidden;
    position: relative
}

.header .first-header.isquickApp[data-v-48b34d9b] {
    height: 1.7rem
}

.header .first-header .left[data-v-48b34d9b] {
    display: flex;
    align-items: center
}

.header .inner[data-v-48b34d9b] {
    width: 93.6%;
    margin: 0 auto
}

.header .myIcon[data-v-48b34d9b] {
    text-align: center;
    color: #fff;
    margin-right: .05rem;
    font-size: .45rem
}

.header .proMod[data-v-48b34d9b] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.header .proMod2[data-v-48b34d9b],.header .proMod[data-v-48b34d9b] {
    font-size: .45rem;
    font-family: Roboto-Regular,Roboto;
    font-weight: 500;
    color: #fff;
    text-align: center;
    height: 100%
}

.header .proMod2.isquickApp[data-v-48b34d9b] {
    line-height: 1.7rem;
    font-size: .48rem!important;
    overflow: visible;
    overflow: initial;
    white-space: nowrap
}

.header .countStyle[data-v-48b34d9b] {
    font-size: .32rem;
    border-radius: .265rem;
    height: .53rem;
    width: 1rem;
    color: #949093;
    line-height: .53rem;
    text-align: center;
    box-sizing: border-box
}

.header .countStyle.active[data-v-48b34d9b] {
    background: hsla(0,0%,100%,.29);
    color: hsla(0,0%,100%,.6)
}

.header .countStyle_normal[data-v-48b34d9b] {
    font-size: .32rem;
    border-radius: .265rem;
    height: .53rem;
    color: #999;
    box-sizing: border-box;
    line-height: .33rem;
    padding: .1rem .3rem
}

.header .countStyle_normal.active[data-v-48b34d9b] {
    background: hsla(0,0%,100%,.29)
}

.header .countStyle_normal.active .accolor[data-v-48b34d9b] {
    color: hsla(0,0%,100%,.6)
}

.header .font2[data-v-48b34d9b] {
    font-size: .32rem!important
}

.header .formatClass[data-v-48b34d9b] {
    font-family: Roboto-Medium!important;
    word-break: break-word;
    line-height: .5rem
}

.header .ballType[data-v-48b34d9b] {
    width: .64rem;
    height: .64rem;
    margin-right: .37rem;
    color: #0f80da;
    font-size: .64rem
}

.header .ballType.active[data-v-48b34d9b] {
    color: #fff
}

.clearfix[data-v-537e10e0] {
    clear: both
}

.clearfix[data-v-537e10e0]:after,.clearfix[data-v-537e10e0]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-537e10e0] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-537e10e0]:after,.clearfix-row[data-v-537e10e0]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-537e10e0] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.header[data-v-537e10e0] {
    overflow: hidden;
    outline: none;
    position: relative
}

@-webkit-keyframes new-fade-data-v-537e10e0 {
    0% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

@keyframes new-fade-data-v-537e10e0 {
    0% {
        opacity: .2
    }

    to {
        opacity: 1
    }
}

.header .cur[data-v-537e10e0] {
    font-size: .27rem;
    line-height: .32rem;
    font-family: Roboto-Regular,Roboto
}

.header .right[data-v-537e10e0] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 1.17rem
}

.header .first-header[data-v-537e10e0] {
    outline: none;
    width: 100%;
    height: 1.17rem;
    background: #0f80da;
    background-size: contain;
    overflow: hidden;
    position: relative
}

.header .first-header.isquickApp[data-v-537e10e0] {
    height: 1.7rem
}

.header .first-header .left[data-v-537e10e0] {
    display: flex;
    align-items: center
}

.header .inner[data-v-537e10e0] {
    width: 93.6%;
    margin: 0 auto
}

.header .myIcon[data-v-537e10e0] {
    width: .43rem;
    text-align: center;
    color: #fff;
    margin-right: .05rem
}

.header .proMod[data-v-537e10e0] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.header .proMod2[data-v-537e10e0],.header .proMod[data-v-537e10e0] {
    font-size: .45rem;
    font-family: Roboto-Regular,Roboto;
    font-weight: 500;
    color: #fff;
    text-align: center;
    height: 100%
}

.header .font2[data-v-537e10e0] {
    font-size: .32rem!important
}

.header .formatClass[data-v-537e10e0] {
    font-family: Roboto-Medium!important;
    word-break: break-word;
    line-height: .5rem
}

.clearfix[data-v-cf6d8448] {
    clear: both
}

.clearfix[data-v-cf6d8448]:after,.clearfix[data-v-cf6d8448]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-cf6d8448] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-cf6d8448]:after,.clearfix-row[data-v-cf6d8448]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-cf6d8448] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.languagePage[data-v-cf6d8448] {
    width: 100%;
    overflow: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: #fff
}

.languagePage .item[data-v-cf6d8448] {
    width: 100%;
    height: 1.28rem;
    padding: 0 .43rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-bottom: 1px solid rgba(255,241,241,.9451);
    font-size: .37rem
}

.languagePage .myIcon[data-v-cf6d8448] {
    color: #0f80da;
    font-size: .59rem
}

.iconlanguage[data-v-47956660] {
    color: #fff;
    font-size: .53rem
}

.clearfix[data-v-2992754a] {
    clear: both
}

.clearfix[data-v-2992754a]:after,.clearfix[data-v-2992754a]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-2992754a] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-2992754a]:after,.clearfix-row[data-v-2992754a]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-2992754a] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.register[data-v-2992754a] {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: #0f80da;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10
}

.register .header[data-v-2992754a] {
    height: 1.17rem
}

.register .header span[data-v-2992754a] {
    flex: 1;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: .45rem
}

.register .header span i[data-v-2992754a] {
    margin-left: .37rem
}

.register .logo[data-v-2992754a] {
    width: 4.48rem;
    height: 1.06rem;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 2.37rem auto 0;
    display: block
}

.register .btnBox[data-v-2992754a] {
    margin-top: 2.13rem
}

.register .btnBox .facebook[data-v-2992754a],.register .btnBox .google[data-v-2992754a] {
    flex: 1;
    width: 7.25rem;
    height: 1.17rem;
    border-radius: 4px;
    margin: auto
}

.register .btnBox .facebook img[data-v-2992754a],.register .btnBox .google img[data-v-2992754a] {
    width: .74rem;
    height: .74rem;
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: .42rem
}

.register .btnBox .facebook .line[data-v-2992754a],.register .btnBox .google .line[data-v-2992754a] {
    display: inline-block;
    width: 1px;
    height: 24px;
    margin-left: .42rem;
    background-color: #d9d9d9
}

.register .btnBox .facebook .text[data-v-2992754a],.register .btnBox .google .text[data-v-2992754a] {
    font-size: .37rem;
    font-weight: 500;
    font-family: Roboto-Medium,Roboto!important;
    margin-left: .8rem
}

.register .btnBox .facebook[data-v-2992754a] {
    background-color: #3962cc
}

.register .btnBox .facebook .text[data-v-2992754a] {
    color: #fff
}

.register .btnBox .google[data-v-2992754a] {
    background-color: #fff;
    margin-top: .42rem
}

.register .btnBox p[data-v-2992754a] {
    color: #d8d7d7;
    font-size: .32rem;
    text-align: center;
    margin-top: .53rem
}

.register .btnBox .errorText[data-v-2992754a] {
    color: #fff
}

.clearfix[data-v-736e8afd] {
    clear: both
}

.clearfix[data-v-736e8afd]:after,.clearfix[data-v-736e8afd]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-736e8afd] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-736e8afd]:after,.clearfix-row[data-v-736e8afd]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-736e8afd] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.changTabBox[data-v-736e8afd] {
    font-size: 0
}

.changTabBox .changeItem[data-v-736e8afd] {
    display: inline-block;
    min-width: 1.45rem;
    max-width: 2.6rem;
    height: .74rem;
    text-align: center;
    line-height: .74rem;
    font-size: .34rem;
    background-color: #f1f1f1;
    color: #333;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 .22rem;
    font-family: Rubik-Medium,Rubik;
    vertical-align: top
}

.changTabBox .changeItem .liveImg[data-v-736e8afd] {
    font-size: .45rem;
    position: relative;
    top: 2px;
    right: 1px
}

.changTabBox .changeItem .activeLive[data-v-736e8afd] {
    color: #fff
}

.changTabBox .changeItem .liveContentBox[data-v-736e8afd] {
    position: relative;
    bottom: 2px
}

.changTabBox .notActiveTab[data-v-736e8afd]:hover {
    background-color: #e0e1e2
}

.changTabBox .activeElsTab[data-v-736e8afd] {
    background-color: #0f80da;
    color: #fff
}

.changTabBox .activeLiveTab[data-v-736e8afd] {
    background-color: #c72a1d;
    color: #fff
}

.changTabBox .ml-6[data-v-736e8afd] {
    margin-left: .16rem
}

.dateList[data-v-736e8afd] {
    position: absolute;
    width: 3.29rem;
    background-color: #fff;
    box-shadow: 0 0 .32rem 0 rgba(0,0,0,.08);
    right: 0;
    top: .63rem;
    z-index: 999;
    overflow: hidden;
    box-sizing: border-box;
    padding: .21rem;
    font-family: Rubik-Regular,Rubik
}

.dateList p[data-v-736e8afd] {
    text-align: center;
    line-height: .85rem
}

.dateList p[data-v-736e8afd]:hover {
    background-color: #f1f1f1;
    border-radius: 4px
}

.dateList .today[data-v-736e8afd] {
    width: 2.86rem;
    height: .85rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: .34rem;
    margin-left: 0;
    color: #333
}

.dateList .activeDay[data-v-736e8afd] {
    border-radius: 4px;
    color: #fff
}

.dateList .activeDay[data-v-736e8afd],.dateList .activeDay[data-v-736e8afd]:hover {
    background-color: #0f80da
}

body[data-v-736e8afd],html[data-v-736e8afd] {
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.homeHeader[data-v-736e8afd] {
    background-color: #0f80da
}

.homeHeader .headerTop[data-v-736e8afd] {
    height: 1.17rem;
    box-sizing: border-box;
    padding: 0 .32rem
}

.homeHeader .headerTop .leftBox img[data-v-736e8afd] {
    width: 2.53rem;
    height: .61rem;
    -o-object-fit: contain;
    object-fit: contain
}

.homeHeader .headerTop .rightBox[data-v-736e8afd] {
    position: relative;
    left: 3px
}

.homeHeader .headerTop .rightBox .searchIconBox[data-v-736e8afd] {
    box-sizing: border-box;
    padding: 3px
}

.homeHeader .headerTop .rightBox .activeIcon[data-v-736e8afd],.homeHeader .headerTop .rightBox .signIn[data-v-736e8afd] {
    background-color: hsla(0,0%,100%,.15);
    border-radius: 2px
}

.homeHeader .headerTop .rightBox .signIn[data-v-736e8afd] {
    display: inline-block;
    width: 1.41rem;
    height: .64rem;
    color: #fff;
    font-size: .32rem;
    margin: 0 .42rem;
    text-align: center;
    line-height: .64rem
}

.homeHeader .headerTop .rightBox i[data-v-736e8afd] {
    font-size: .42rem;
    color: #fff
}

.homeHeader .ballBox[data-v-736e8afd] {
    height: 1.28rem;
    overflow-x: hidden
}

.homeHeader .ballBox li a[data-v-736e8afd] {
    color: #9fccf0;
    text-align: center;
    height: 100%
}

.homeHeader .ballBox li i[data-v-736e8afd] {
    font-size: .52rem
}

.homeHeader .ballBox li .icon-shangla[data-v-736e8afd],.homeHeader .ballBox li .icon-xiala[data-v-736e8afd] {
    font-size: .37rem;
    position: relative;
    left: 2px;
    top: 2px
}

.homeHeader .ballBox li .name[data-v-736e8afd] {
    font-size: .34rem;
    margin-top: 2px;
    display: block;
    width: calc(25vw - .59rem);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center
}

.homeHeader .ballBox li .ballName[data-v-736e8afd] {
    font-weight: 700
}

.homeHeader .ballBox li .iconBox[data-v-736e8afd] {
    position: relative;
    margin-top: 3px;
    height: 23px;
    vertical-align: top
}

.homeHeader .ballBox li .iconBox .liveNum[data-v-736e8afd] {
    display: inline-block;
    width: .42rem;
    font-size: .32rem;
    position: absolute;
    top: -.13rem;
    right: .3rem
}

.homeHeader .ballBox li .iconBox i[data-v-736e8afd] {
    vertical-align: top
}

.homeHeader .ballBox .collect[data-v-736e8afd] {
    width: 1.13rem
}

.homeHeader .ballBox .collect .name[data-v-736e8afd],.homeHeader .ballBox .collect i[data-v-736e8afd] {
    color: #ffe000!important
}

.homeHeader .ballBox .othersBox[data-v-736e8afd] {
    width: 1.23rem
}

.homeHeader .ballBox .othersBox .name[data-v-736e8afd],.homeHeader .ballBox .othersBox i[data-v-736e8afd] {
    color: #fff
}

.homeHeader .ballBox .activeBall[data-v-736e8afd] {
    position: relative
}

.homeHeader .ballBox .activeBall a[data-v-736e8afd] {
    color: #fff
}

.homeHeader .ballBox .activeBall .line[data-v-736e8afd] {
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0
}

.homeHeader .searchBox[data-v-736e8afd] {
    height: 1.28rem;
    box-sizing: border-box;
    padding: 0 .32rem
}

.homeHeader .searchBox .activeBall[data-v-736e8afd] {
    font-size: .48rem;
    color: #fff
}

.homeHeader .searchBox .icon-shangla[data-v-736e8afd],.homeHeader .searchBox .icon-xiala[data-v-736e8afd] {
    font-size: .32rem;
    color: #fff
}

.homeHeader .searchBox .inputBox[data-v-736e8afd] {
    flex: 1;
    height: .96rem;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden
}

.homeHeader .searchBox .inputBox .icon-sousuo[data-v-736e8afd] {
    font-size: .42rem
}

.homeHeader .searchBox .inputBox input[data-v-736e8afd] {
    border: none;
    outline: none;
    height: 80%;
    width: 77%;
    caret-color: #0f80da;
    font-size: .34rem
}

.homeHeader .searchBox .inputBox .icon-guanbi[data-v-736e8afd] {
    color: #333
}

.homeHeader .searchBox .icon-guanbi[data-v-736e8afd] {
    color: #fff;
    font-size: .42rem
}

.homeHeader .screenBox[data-v-736e8afd] {
    height: 1.17rem;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: .17rem
}

.homeHeader .screenBox .rightBox[data-v-736e8afd] {
    height: inherit;
    box-shadow: -5px 0 6px -5px rgba(0,0,0,.2)
}

.homeHeader .screenBox .rightBox .dateBox[data-v-736e8afd] {
    display: inline-block;
    position: relative
}

.homeHeader .screenBox .rightBox .dateBox .riliBox[data-v-736e8afd] {
    position: relative
}

.homeHeader .screenBox .rightBox .dateBox .riliBox .dateTextBox[data-v-736e8afd] {
    width: .48rem;
    height: .32rem;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: .13rem
}

.homeHeader .screenBox .rightBox .dateBox .riliBox .icon-rili1[data-v-736e8afd] {
    font-size: .45rem
}

.homeHeader .screenBox .rightBox .iconfont[data-v-736e8afd] {
    font-size: .42rem
}

.homeHeader .screenBox .rightBox .line[data-v-736e8afd] {
    display: inline-block;
    width: 1px;
    height: .42rem;
    background-color: #e3e3e3;
    margin: 0 .24rem
}

.homeHeader .screenBox .rightBox .icon-a-shezhi-yixuanzhong1[data-v-736e8afd] {
    color: #0f80da
}

.homeHeader .screenBox .changTabBox[data-v-736e8afd] {
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;
    box-sizing: border-box;
    padding-right: .21rem
}

.homeHeader .screenBox .changTabBox[data-v-736e8afd]::-webkit-scrollbar {
    display: none
}

.homeHeader .ballList[data-v-736e8afd] {
    width: 100%;
    height: 100vh;
    background-color: #fff;
    position: relative;
    z-index: 10;
    overflow-y: auto
}

.homeHeader .ballList li[data-v-736e8afd] {
    height: 1.17rem;
    box-sizing: border-box;
    border-bottom: 1px solid hsla(0,0%,89%,.4);
    padding: 0 .42rem
}

.homeHeader .ballList li a[data-v-736e8afd] {
    height: 100%;
    position: relative;
    color: #333
}

.homeHeader .ballList li a .iconfont[data-v-736e8afd] {
    font-size: .52rem;
    margin-right: .3rem
}

.homeHeader .ballList li a .name[data-v-736e8afd] {
    font-size: .34rem;
    font-weight: 700
}

.homeHeader .ballList li a .liveNum[data-v-736e8afd] {
    display: inline-block;
    width: .53rem;
    height: .53rem;
    text-align: center;
    line-height: .53rem;
    background-color: #f1f1f1;
    font-weight: 700;
    font-size: .32rem;
    position: absolute;
    right: 0
}

.homeHeader .ballList .activeBall[data-v-736e8afd] {
    background-color: #f1f1f1;
    border-radius: 4px
}

.homeHeader .ballList .activeBall a .liveNum[data-v-736e8afd],.homeHeader .ballList .activeBall a[data-v-736e8afd] {
    color: #333
}

.homeHeader .searchData[data-v-736e8afd] {
    z-index: 9
}

.homeHeader .searchData .changTabBox[data-v-736e8afd] {
    height: 1.17rem
}

.homeHeader .searchData .contentBox[data-v-736e8afd] {
    height: calc(100% - 1.17rem);
    overflow-y: auto
}

.homeHeader .searchData .contentBox .boxTop[data-v-736e8afd] {
    margin-top: .53rem
}

.homeHeader .searchData .contentBox .title[data-v-736e8afd] {
    height: .85rem;
    background-color: #f1f1f1;
    color: #000
}

.homeHeader .searchData .contentBox .title i[data-v-736e8afd] {
    font-size: .42rem;
    margin-right: 4px
}

.homeHeader .searchData .contentBox .title span[data-v-736e8afd] {
    font-size: .34rem;
    font-weight: 700
}

.homeHeader .searchData .contentBox ul[data-v-736e8afd] {
    background-color: #fff
}

.homeHeader .searchData .contentBox ul li[data-v-736e8afd] {
    box-sizing: border-box;
    height: 1.3rem;
    border-bottom: 1px solid rgba(227,227,255,.4);
    position: relative
}

.homeHeader .searchData .contentBox ul li .logo[data-v-736e8afd] {
    width: .74rem;
    height: .74rem;
    -o-object-fit: contain;
    object-fit: contain
}

.homeHeader .searchData .contentBox ul li .name[data-v-736e8afd] {
    font-size: .37rem
}

.homeHeader .searchData .contentBox ul li .iconfont[data-v-736e8afd] {
    font-size: .48rem;
    position: absolute;
    right: .32rem
}

.homeHeader .searchData .contentBox ul li .country[data-v-736e8afd] {
    font-size: .32rem;
    color: #999
}

.homeHeader .searchData .contentBox ul li .country .squareLogo[data-v-736e8afd] {
    width: .4rem;
    height: .26rem;
    -o-object-fit: contain;
    object-fit: contain
}

.homeHeader .searchData .contentBox ul li .country .roundLogo[data-v-736e8afd] {
    width: .45rem;
    height: .45rem;
    position: relative;
    top: 3px
}

.homeHeader .searchData .contentBox ul li .country img[data-v-736e8afd] {
    margin-right: 2px
}

.homeHeader .searchData .contentBox .viewAll[data-v-736e8afd] {
    height: inherit;
    margin-top: .32rem;
    text-align: center
}

.homeHeader .searchData .contentBox .viewAll .changeItem[data-v-736e8afd] {
    background-color: #eee;
    color: #333
}

.homeHeader .searchData .contentBox .mt-10[data-v-736e8afd] {
    margin-bottom: .26rem
}

.homeHeader .searchData .contentBox .loadingText[data-v-736e8afd] {
    margin: .1rem 0;
    text-align: center
}

.homeHeader .searchData .loadingIcon[data-v-736e8afd] {
    display: block;
    box-sizing: border-box;
    width: .96rem;
    height: .96rem;
    border-radius: 50%;
    border: 4px solid #0f80da;
    border-right-color: transparent;
    -webkit-animation: rounds-data-v-736e8afd 1s ease-in-out infinite both;
    animation: rounds-data-v-736e8afd 1s ease-in-out infinite both;
    margin: 3.89rem auto
}

@-webkit-keyframes rounds-data-v-736e8afd {
    to {
        transform: rotate(1turn)
    }
}

@keyframes rounds-data-v-736e8afd {
    to {
        transform: rotate(1turn)
    }
}

.homeHeader .searchData .notData[data-v-736e8afd] {
    text-align: center;
    margin: 2.93rem 0 2.66rem
}

.homeHeader .searchData .notData img[data-v-736e8afd] {
    width: 3.5rem
}

.homeHeader .searchData .notData p[data-v-736e8afd] {
    font-size: .32rem;
    margin-top: .32rem;
    color: #999
}

.homeHeader .moreOption[data-v-736e8afd] {
    width: 100%;
    background-color: #fff;
    border-top-left-radius: .21rem;
    border-top-right-radius: .21rem;
    overflow-y: auto;
    position: relative
}

.homeHeader .moreOption .icon-guanbi[data-v-736e8afd] {
    position: absolute;
    right: .42rem;
    top: .3rem;
    font-size: .42rem
}

.homeHeader .moreOption .title[data-v-736e8afd] {
    font-weight: 700;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(227,227,255,.4);
    height: 1.3rem;
    font-size: .42rem;
    padding-left: .42rem
}

.homeHeader .moreOption .title .icon-zuojiantou[data-v-736e8afd] {
    font-size: .45rem;
    margin-right: .32rem;
    font-weight: 400
}

.homeHeader .moreOption .optionBox li[data-v-736e8afd] {
    height: 1.06rem;
    box-sizing: border-box;
    border-bottom: 1px solid hsla(0,0%,89%,.4);
    padding-left: .42rem;
    position: relative;
    font-size: .34rem
}

.homeHeader .moreOption .optionBox li i[data-v-736e8afd] {
    font-size: .4rem
}

.homeHeader .moreOption .optionBox li .name[data-v-736e8afd] {
    font-size: .34rem;
    margin-left: .34rem
}

.homeHeader .moreOption .optionBox li .icon-xuanzhong1[data-v-736e8afd],.homeHeader .moreOption .optionBox li .icon-youjiantou[data-v-736e8afd],.homeHeader .moreOption .optionBox li .switch[data-v-736e8afd] {
    position: absolute;
    right: .42rem
}

.homeHeader .moreOption .optionBox li .icon-youjiantou[data-v-736e8afd] {
    font-size: .32rem
}

.homeHeader .moreOption .comBox[data-v-736e8afd] {
    margin-top: .58rem
}

.homeHeader .moreOption .comBox .smallTitle[data-v-736e8afd] {
    font-size: .34rem;
    margin: .4rem 0;
    box-sizing: border-box;
    padding-left: .42rem
}

.homeHeader .moreOption .comBox .smallTitle .icon-Mzhan-shezhi-liuhang[data-v-736e8afd] {
    margin-right: .34rem
}

.homeHeader .moreOption .comBox ul li[data-v-736e8afd] {
    min-height: 1.06rem;
    box-sizing: border-box;
    border-bottom: 1px solid hsla(0,0%,89%,.4);
    font-size: .34rem
}

.homeHeader .moreOption .comBox ul li a[data-v-736e8afd] {
    width: 100%;
    height: 1.06rem;
    color: #333
}

.homeHeader .moreOption .comBox ul li .itemBox[data-v-736e8afd] {
    height: 1.06rem
}

.homeHeader .moreOption .comBox ul li .comImg[data-v-736e8afd] {
    width: .48rem;
    height: .48rem;
    margin: 0 .32rem 0 .42rem;
    -o-object-fit: contain;
    object-fit: contain
}

.homeHeader .moreOption .comBox ul li .comData a[data-v-736e8afd] {
    box-sizing: border-box;
    border-top: 1px solid hsla(0,0%,89%,.4);
    padding-left: 1.22rem
}

.homeHeader .moreOption .comBox ul .activeCountry[data-v-736e8afd] {
    background-color: #0f80da;
    color: #fff;
    border-radius: 4px
}

.homeHeader .moreOption .level2Box[data-v-736e8afd] {
    overflow-y: auto;
    height: calc(100% - 1.3rem)
}

.homeHeader .moreOption .level2Box .icon-xuanzhong1[data-v-736e8afd] {
    font-size: .42rem;
    color: #0f80da;
    position: absolute;
    right: .5rem
}

.homeHeader .moreOption .level2Box .radioGroup[data-v-736e8afd] {
    font-size: .34rem;
    box-sizing: border-box;
    padding-left: .42rem
}

.homeHeader .moreOption .level2Box .radioGroup .radioItem[data-v-736e8afd] {
    margin-top: .5rem
}

.homeHeader .icon-jinhangzhong[data-v-736e8afd] {
    position: relative;
    top: 2px
}

.van-calendar__month-title[data-v-736e8afd] {
    display: none
}

.van-popup[data-v-736e8afd] {
    width: 100%!important;
    left: 0!important
}

.clearfix[data-v-e49cc106] {
    clear: both
}

.clearfix[data-v-e49cc106]:after,.clearfix[data-v-e49cc106]:before {
    content: "";
    display: table
}

.clearfix-row[data-v-e49cc106] {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.clearfix-row[data-v-e49cc106]:after,.clearfix-row[data-v-e49cc106]:before {
    content: "";
    display: table
}

.box-shadow5[data-v-e49cc106] {
    box-shadow: 0 0 5px rgba(0,0,0,.07)
}

.breadcrumb-box[data-v-e49cc106] {
    word-break: break-all;
    padding: 6px 12px;
    display: block;
    font-size: 0
}

.breadcrumb-box .ele[data-v-e49cc106] {
    font-family: Roboto-Regular,Roboto;
    font-weight: 400;
    font-size: .32rem;
    color: #666
}

.breadcrumb-box .lastText[data-v-e49cc106] {
    color: #0f80da
}

.breadcrumb-box .jt[data-v-e49cc106]:after {
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -o-transform: scale(.7);
    font-family: iconfont;
    display: inline-block;
    font-size: .32rem;
    content: "\e66d";
    margin: 0 2px;
    width: 12px;
    color: #666
}

.van-tab__text.van-tab--active{
    color: #fff;
}
.detail-box .compLogo[data-v-00257bf2] {
    width: .5rem;
    height: .5rem;
    margin-right: .2rem
}

.detail-box .meaningColor[data-v-00257bf2] {
    width: .21rem;
    height: .21rem;
    display: inline-block;
    margin-right: .15rem;
    border-radius: 50%
}

.detail-box .ruleBox[data-v-00257bf2] {
    height: auto;
    line-height: .533rem;
    padding: 0 .32rem .5rem;
    box-sizing: border-box;
    position: relative
}

.detail-box .tableName[data-v-00257bf2] {
    height: .8rem;
    padding-left: .21rem;
    display: flex;
    align-items: center;
    color: #999;
    background: #e3e3e3;
    box-sizing: border-box
}

.detail-box .standing-btn[data-v-00257bf2] {
    padding: .11rem .21rem;
    font-size: .32rem;
    color: #999;
    display: inline-block;
    border-radius: .11rem;
    max-width: 2.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.detail-box .standing-btn.active[data-v-00257bf2] {
    background: #2196f3;
    color: #fff
}

.detail-box.skin-tow .tableName[data-v-00257bf2] {
    background-color: #fff!important
}

.detail-box .stageBox[data-v-00257bf2] {
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
    margin-bottom: .21rem;
    border-top: 1px solid #f1f1f1
}

.detail-box .stageBox .content[data-v-00257bf2] {
    border-radius: 4px;
    height: .84rem;
    background-color: #fff;
    box-sizing: border-box;
    padding-left: .32rem;
    font-size: .34rem
}

.detail-box .stageBox .content .icon-shangla[data-v-00257bf2],.detail-box .stageBox .content .icon-xiala[data-v-00257bf2] {
    position: absolute;
    right: .5rem;
    font-size: .32rem;
    color: #999
}

.football {
    width: 100%
}

.football .lage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f1f1f1
}

.football .match-note {
    box-sizing: border-box;
    background-color: #fff4f4;
    line-height: .53rem;
    font-size: .27rem;
    color: rgba(222,30,48,.8);
    font-family: Roboto-Regular,Roboto;
    height: .53rem;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .5rem
}

.football .match-note:before {
    content: "";
    position: absolute;
    left: calc(50% - .107rem);
    bottom: .5rem;
    border: .213rem solid transparent;
    border-bottom-color: #fff4f4
}

.football .today {
    color: #fff;
    font-size: .45rem;
    margin-left: .43rem;
    font-family: Roboto-Regular,Roboto;
    font-weight: 400
}

.football .scroller {
    width: 100%;
    height: 100%
}

.football .sortByTime {
    width: 100%;
    height: 1.07rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .32rem;
    box-sizing: border-box;
    margin-top: .21rem
}

.football .sortByTime .text {
    font-size: .37rem;
    font-family: Roboto-Medium,Roboto!important;
    font-weight: 500;
    color: #666
}

.football .loading {
    background: #fff;
    height: calc(100vh - 2.13rem);
    padding-top: 3rem
}

.football .toRoute {
    display: flex;
    align-items: center;
    font-size: .32rem;
    color: #999
}

.football .toRoute .matchIng {
    color: #de1e30
}

.football .riqi {
    position: absolute;
    left: 0;
    width: 100%;
    height: .48rem;
    text-align: center;
    line-height: .6rem;
    font-size: .32rem;
    transform: scale(.8);
    color: #666;
    font-family: Roboto-Medium;
    font-weight: 500
}

.football .user {
    width: 100%;
    display: flex;
    align-items: center
}

.football .fade-enter-active,.football .fade-leave-active {
    transition: all .2s ease
}

.football .fade-enter,.football .fade-leave-active {
    opacity: 0
}

.football svg.icon {
    font-size: 20px;
    margin-left: 8px;
    cursor: pointer
}

.football .scoreWeight {
    font-weight: 400;
    color: #333
}

.football .scoreRed,.football .scoreWeight {
    font-size: .32rem;
    font-family: Roboto-Regular,Roboto
}

.football .scoreRed {
    font-weight: 500;
    color: #b90909
}

.football .isVisible {
    flex: 1;
    visibility: visible
}

.football .noVisible {
    flex: 1;
    visibility: hidden
}

.football .list_title {
    display: flex;
    width: 100%;
    height: .83rem;
    align-items: center;
    background: #f1f1f1;
    border-bottom: 1px solid #eee;
    opacity: .95;
    position: relative
}

.football .list_title .listImg {
    width: .37rem;
    height: .37rem;
    margin: 0 .16rem
}

.football .list_title .topt {
    position: absolute;
    right: 0;
    height: 100%
}

.football .list_title .countryText {
    margin-right: .1rem;
    max-width: 3rem;
    font-family: Roboto-Regular,Roboto;
    font-weight: 400
}

.football .list_title .compText,.football .list_title .countryText {
    font-size: .32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999
}

.football .list_title .compText {
    max-width: 4rem;
    cursor: pointer;
    font-family: Roboto-Medium,Roboto!important;
    font-weight: 500
}

.football .color-r {
    font-size: .32rem;
    font-family: Roboto-Regular,Roboto;
    font-weight: 400;
    color: #b90909
}

.football .padding5 {
    padding: 5px 0
}

.football .mL90 {
    margin-left: 90px!important
}

.football .lh {
    line-height: 18.5px
}

.football .lh div {
    font-family: Roboto-Regular,Roboto!important;
    font-weight: 300
}

.football .upcoming {
    width: 100%;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff
}

.football .upcoming .upcoming_icon {
    color: #1081db
}

.football .upcoming .upcoming_text {
    font-size: .35rem;
    font-family: Roboto-Regular,Roboto;
    font-weight: 400;
    color: #333;
    margin-left: .16rem
}

.football .list {
    width: 100%;
    height: 1.28rem;
    background: #fff;
    border-bottom: 1px solid #eee
}

.football .list:hover .collectBox {
    background: #dfeaf6
}

.football .list .listBox {
    border-right: 1px solid #eaeaea;
    height: 100%
}

.football .list .team {
    width: 6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .35rem;
    font-weight: 400;
    color: #333;
    padding-left: .213rem;
    box-sizing: border-box;
    height: 100%
}

.football .list .teamScore {
    width: 1.4rem;
    height: 100%
}

.football .list .icon-setting {
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
    width: 1rem;
    border-right: 1px solid #eaeaea;
    height: 100%;
    padding-right: .24rem
}

.football .list .icon-setting span.iconfont {
    font-size: 14px;
    display: flex;
    align-items: center
}

.football .list .icon-setting span.iconfont.icon-first {
    color: #2196f3
}

.football .list .icon-setting span.iconfont.icon-video {
    color: #e74c5b
}

.football .list .icon-setting span.iconfont.icon-live {
    color: #ffa830
}

.football .desMatch {
    background: #fff;
    height: 40px;
    display: flex;
    align-items: center
}

.football .br {
    border-right: 1px solid #eaeaea
}

.football .option {
    width: 34px
}

.football .option .option-arrow {
    display: inline-block;
    font-size: .32rem;
    color: #919bb0;
    cursor: pointer
}

.football .option .option-arrow.up {
    transform: rotate(180deg)
}

.football .option .option-arrow:hover {
    color: #0f80da
}

.football .addGroup {
    width: 100%;
    height: .74rem;
    display: flex;
    align-items: center
}

.football .addGroup .addGroupImg {
    width: .48rem;
    height: .48rem
}

.statis[data-v-2f77ca9e] {
    width: 100%
}

.statis .f1[data-v-2f77ca9e] {
    color: #ffca28;
    font-size: .53rem
}

.statis .f2[data-v-2f77ca9e] {
    color: #c6cfd6;
    font-size: .53rem
}

.statis .f3[data-v-2f77ca9e] {
    color: #fbaf7d;
    font-size: .53rem
}

.statis .title[data-v-2f77ca9e] {
    width: 100%;
    height: .75rem;
    background: #f1f1f1;
    padding: 0 .32rem;
    box-sizing: border-box;
    font-size: .32rem;
    font-family: Roboto-Regular;
    line-height: .75rem
}

.statis .topTitle[data-v-2f77ca9e] {
    background-color: #fff;
    text-align: center
}

.statis .content[data-v-2f77ca9e] {
    width: 100%;
    padding-bottom: .21rem;
    background: #fff
}

.statis .content .goalItem[data-v-2f77ca9e] {
    width: 100%;
    height: 1rem;
    padding: 0 .32rem;
    box-sizing: border-box;
    font-size: .32rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #999
}

.statis .content .goalItem .zt[data-v-2f77ca9e] {
    width: .53rem;
    height: .53rem
}

.statis .content .goalItem .player[data-v-2f77ca9e] {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center
}

.statis .content .goalItem .player .playerLogo[data-v-2f77ca9e] {
    width: .75rem;
    height: .75rem;
    margin: 0 .3rem;
    border-radius: 50%;
    border: 1px solid #eee
}

.statis .content .goalItem .player .playerName[data-v-2f77ca9e] {
    font-size: .32rem;
    font-family: Roboto;
    font-weight: 400;
    color: #333;
    max-width: 5rem
}

.statis .content .goalItem .goalValue[data-v-2f77ca9e] {
    width: 2rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: .32rem;
    font-family: Roboto;
    font-weight: 400;
    color: #0f80da
}

.statis .content .goalItem .iconLeft[data-v-2f77ca9e] {
    margin-left: .1rem
}

.statis .content .goalItem .iconjiantou[data-v-2f77ca9e] {
    color: #d0d0d0
}

.statis .content .viewall[data-v-2f77ca9e] {
    width: 100%;
    height: .64rem;
    margin-top: .21rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.statis .content .viewall .viewallBtn[data-v-2f77ca9e] {
    width: 2.67rem;
    height: 100%;
    line-height: .64rem;
    background: #eee;
    border-radius: .1rem;
    box-sizing: border-box;
    text-align: center;
    font-size: .32rem;
    color: #666
}

.statis .content .teamLogo[data-v-2f77ca9e] {
    width: .32rem;
    height: .32rem
}

.statis .content .teamName[data-v-2f77ca9e] {
    font-size: .32rem;
    color: #999
}

.statis .statsListBox[data-v-2f77ca9e] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999
}

.statis .more[data-v-2f77ca9e] {
    text-align: center
}

.statis .more .iconfont[data-v-2f77ca9e] {
    display: inline-block;
    font-size: .32rem;
    color: #c3c2c2;
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8)
}

.statis .more .on[data-v-2f77ca9e] {
    transform: scale(.8) rotate(180deg);
    -webkit-transform: scale(.8) rotate(180deg);
    -moz-transform: scale(.8) rotate(180deg);
    -o-transform: scale(.8) rotate(180deg)
}

.statis[data-v-ceedfe0e] {
    width: 100%
}

.statis .title-tow[data-v-ceedfe0e],.statis .title[data-v-ceedfe0e] {
    font-family: Roboto-Regular;
    box-sizing: border-box;
    line-height: .75rem;
    padding: 0 .32rem;
    font-size: .32rem;
    display: block
}

.statis .title-tow.title[data-v-ceedfe0e],.statis .title.title[data-v-ceedfe0e] {
    background-color: #f1f1f1
}

.statis .title-tow.title-tow[data-v-ceedfe0e],.statis .title.title-tow[data-v-ceedfe0e] {
    background-color: #fff;
    text-align: center;
    margin-top: .21rem
}

.statis .content[data-v-ceedfe0e] {
    background-color: #fff;
    width: 100%
}

.statis .content .goalItem[data-v-ceedfe0e] {
    width: 100%;
    height: 1rem;
    padding: 0 .32rem;
    box-sizing: border-box;
    font-size: .32rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #999
}

.statis .content .viewall[data-v-ceedfe0e] {
    width: 100%;
    height: .64rem;
    margin-top: .21rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.statis .content .viewall .viewallBtn[data-v-ceedfe0e] {
    width: 2.67rem;
    height: 100%;
    line-height: .64rem;
    background: #eee;
    border-radius: .1rem;
    box-sizing: border-box;
    text-align: center;
    font-size: .32rem;
    color: #666
}

.statis .content .teamLogo[data-v-ceedfe0e] {
    width: .32rem;
    height: .32rem
}

.statis .content .teamName[data-v-ceedfe0e] {
    font-size: .32rem;
    color: #999;
    margin-left: .1rem
}

.statis .content .more[data-v-ceedfe0e] {
    text-align: center;
    height: .53rem;
    display: block
}

.statis .content .more .iconfont[data-v-ceedfe0e] {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    display: inline-block;
    vertical-align: top;
    font-size: .32rem;
    color: #c3c2c2
}

.statis .content .more .iconfont.on[data-v-ceedfe0e] {
    transform: scale(.8) rotate(180deg);
    -webkit-transform: scale(.8) rotate(180deg);
    -moz-transform: scale(.8) rotate(180deg);
    -o-transform: scale(.8) rotate(180deg)
}

.statis .content .more:active .iconfont[data-v-ceedfe0e] {
    color: #333
}

.statis .statsListBox[data-v-ceedfe0e] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999
}

.statis .iconLeft[data-v-ceedfe0e] {
    margin-left: .1rem
}

.statis .iconjiantou[data-v-ceedfe0e] {
    color: #d0d0d0
}

topscore[data-v-97c2bf58] {
    width: 100%
}

.topscore .topscore_content[data-v-97c2bf58],.topscore .topscore_title[data-v-97c2bf58] {
    width: 100%;
    height: .8rem;
    background-color: #fff
}

.topscore .topscore_content [data-v-97c2bf58],.topscore .topscore_title [data-v-97c2bf58] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .32rem;
    font-family: Roboto-regular,Roboto;
    font-weight: 300;
    color: #999
}

.topscore .topscore_content .index[data-v-97c2bf58],.topscore .topscore_title .index[data-v-97c2bf58] {
    width: .88rem
}

.topscore .topscore_content .player[data-v-97c2bf58],.topscore .topscore_title .player[data-v-97c2bf58] {
    width: 4rem;
    justify-content: flex-start
}

.topscore .topscore_content .team[data-v-97c2bf58],.topscore .topscore_title .team[data-v-97c2bf58] {
    width: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    justify-content: flex-start
}

.topscore .topscore_content .assists[data-v-97c2bf58],.topscore .topscore_content .goals[data-v-97c2bf58],.topscore .topscore_title .assists[data-v-97c2bf58],.topscore .topscore_title .goals[data-v-97c2bf58] {
    flex: 1
}

.topscore .topscore_content[data-v-97c2bf58] {
    border-bottom: 1px solid #e3e3e3
}

.topscore .topscore_content [data-v-97c2bf58] {
    color: #333
}

.topscore .playerImg[data-v-97c2bf58] {
    width: .53rem;
    height: .53rem;
    margin-right: .21rem;
    border-radius: 50%
}

.topscore .playerName[data-v-97c2bf58] {
    max-width: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    line-height: .8rem
}

.outer-container{
    overflow: auto;
    background-color: #fff;
}

.inner-container{
    position: relative;
}