.confrontNew {
    display: flex;
    justify-content: space-between;
    height: 2.16rem;
    border-bottom: .2rem solid #f0f0f0
}

.confrontNew .confrontTeam {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 27%
}

.confrontNew .confrontTeam .pic {
    margin-bottom: .13rem;
    width: 1rem;
    height: 1rem
}

.confrontNew .confrontTeam .pic img {
    width: 100%;
    height: 100%
}

.confrontNew .confrontTeam .name {
    width: 100%;
    height: .34rem;
    font-size: .24rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #051c2d;
    line-height: .34rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.confrontNew .confrontScore {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 46%
}

.confrontNew .confrontScore .title {
    width: 100%;
    height: .37rem;
    font-size: .26rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: .37rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.confrontNew .confrontScore .score {
    margin: .13rem 0;
    height: .5rem;
    font-size: .5rem;
    font-family: DINCondensed-Bold, DINCondensed;
    font-weight: 700;
    color: #333;
    line-height: .5rem
}

.confrontNew .confrontScore .score .loser {
    color: #999
}

.confrontNew .confrontScore .score .line {
    color: #ccc
}

.confrontNew .confrontScore .startTime {
    width: 100%;
    height: .3rem;
    font-size: .22rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    line-height: .3rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.confrontNew_isDarkMode {
    border-bottom: .2rem solid #08111a
}

.confrontNew_isDarkMode .name, .confrontNew_isDarkMode .title {
    color: #d9dfe5 !important
}

.confrontNew_isDarkMode .startTime {
    color: #667380 !important
}

.confrontNew_isDarkMode .score {
    color: #d9dfe5 !important
}

.confrontNew_isDarkMode .score .line, .confrontNew_isDarkMode .score .loser {
    color: #667380 !important
}

.detailScoreNew {
    border-bottom: .2rem solid #f0f0f0
}

.detailScoreNew .title {
    padding-left: .2rem;
    height: .72rem;
    font-size: .28rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 700;
    color: #333;
    line-height: .72rem
}

.detailScoreNew .detailScore {
    display: flex;
    justify-content: space-around;
    padding: 0 .2rem;
    height: 2.74rem
}

.detailScoreNew .detailScore .detailCenter, .detailScoreNew .detailScore .detailLeft, .detailScoreNew .detailScore .detailRight {
    flex: 1
}

.detailScoreNew .detailScore .detailCenter li, .detailScoreNew .detailScore .detailLeft li, .detailScoreNew .detailScore .detailRight li {
    width: 100%;
    height: .91rem;
    line-height: .91rem;
    text-align: center;
    font-size: .26rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 700;
    color: #333
}

.detailScoreNew .detailScore .detailCenter :first-child, .detailScoreNew .detailScore .detailLeft :first-child, .detailScoreNew .detailScore .detailRight :first-child {
    color: #666;
    font-weight: 400
}

.detailScoreNew .detailScore .detailCenter :nth-child(2), .detailScoreNew .detailScore .detailLeft :nth-child(2), .detailScoreNew .detailScore .detailRight :nth-child(2) {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb
}

.detailScoreNew .detailScore .detailLeft li {
    max-width: 1.8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.detailScoreNew .detailScoreMore {
    position: relative;
    display: flex;
    justify-content: space-around;
    padding: 0 .2rem;
    height: 2.74rem
}

.detailScoreNew .detailScoreMore .coverRight {
    position: absolute;
    top: 0;
    right: 0;
    width: 1rem;
    height: 100%;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff)
}

.detailScoreNew .detailScoreMore .detailLeft {
    position: relative;
    max-width: 1.8rem;
    min-width: 1.3rem
}

.detailScoreNew .detailScoreMore .detailLeft li {
    max-width: 1.8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.detailScoreNew .detailScoreMore .detailLeft .coverLeft {
    position: absolute;
    top: 0;
    right: -1rem;
    width: 1rem;
    height: 100%;
    background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff)
}

.detailScoreNew .detailScoreMore .box {
    display: flex;
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap
}

.detailScoreNew .detailScoreMore .box::-webkit-scrollbar {
    display: none
}

.detailScoreNew .detailScoreMore .box .detailCenter, .detailScoreNew .detailScoreMore .box .detailRight {
    width: 1.2rem
}

.detailScoreNew .detailScoreMore .detailCenter, .detailScoreNew .detailScoreMore .detailLeft, .detailScoreNew .detailScoreMore .detailRight {
    flex-shrink: 0
}

.detailScoreNew .detailScoreMore .detailCenter li, .detailScoreNew .detailScoreMore .detailLeft li, .detailScoreNew .detailScoreMore .detailRight li {
    width: 100%;
    height: .91rem;
    line-height: .91rem;
    text-align: center;
    font-size: .26rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 700;
    color: #333
}

.detailScoreNew .detailScoreMore .detailCenter :first-child, .detailScoreNew .detailScoreMore .detailLeft :first-child, .detailScoreNew .detailScoreMore .detailRight :first-child {
    color: #666;
    font-weight: 700
}

.detailScoreNew .detailScoreMore .detailCenter :nth-child(2), .detailScoreNew .detailScoreMore .detailLeft :nth-child(2), .detailScoreNew .detailScoreMore .detailRight :nth-child(2) {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb
}

.detailScoreNew_isDarkMode {
    border-bottom: .2rem solid #08111a
}

.detailScoreNew_isDarkMode .detailScore .detailCenter li, .detailScoreNew_isDarkMode .detailScore .detailLeft li, .detailScoreNew_isDarkMode .detailScore .detailRight li, .detailScoreNew_isDarkMode .title {
    color: #d9dfe5 !important
}

.detailScoreNew_isDarkMode .detailScore .detailCenter :first-child, .detailScoreNew_isDarkMode .detailScore .detailLeft :first-child, .detailScoreNew_isDarkMode .detailScore .detailRight :first-child {
    color: #b8c2cc !important
}

.detailScoreNew_isDarkMode .detailScore .detailCenter :nth-child(2), .detailScoreNew_isDarkMode .detailScore .detailLeft :nth-child(2), .detailScoreNew_isDarkMode .detailScore .detailRight :nth-child(2) {
    border-top: 1px solid #263340 !important;
    border-bottom: 1px solid #263340 !important
}

.detailScoreNew_isDarkMode .detailScoreMore .detailCenter li, .detailScoreNew_isDarkMode .detailScoreMore .detailLeft li, .detailScoreNew_isDarkMode .detailScoreMore .detailRight li {
    color: #d9dfe5 !important
}

.detailScoreNew_isDarkMode .detailScoreMore .detailCenter :first-child, .detailScoreNew_isDarkMode .detailScoreMore .detailLeft :first-child, .detailScoreNew_isDarkMode .detailScoreMore .detailRight :first-child {
    color: #b8c2cc !important
}

.detailScoreNew_isDarkMode .detailScoreMore .detailCenter :nth-child(2), .detailScoreNew_isDarkMode .detailScoreMore .detailLeft :nth-child(2), .detailScoreNew_isDarkMode .detailScoreMore .detailRight :nth-child(2) {
    border-top: 1px solid #263340 !important;
    border-bottom: 1px solid #263340 !important
}

.detailScoreNew_isDarkMode .detailScoreMore .coverLeft, .detailScoreNew_isDarkMode .detailScoreMore .coverRight {
    background-image: none !important
}

.dinFamily {
    font-family: DINCondensed-Bold, DINCondensed !important
}

.bestPlayerNew {
    border-bottom: .2rem solid #f0f0f0
}

.bestPlayerNew .title {
    padding-left: .2rem;
    height: .72rem;
    font-size: .28rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333;
    line-height: .72rem
}

.bestPlayerNew .bestPlayerList {
    padding: 0 .2rem
}

.bestPlayerNew .bestPlayerList .upper-wrap {
    height: 2.38rem
}

.bestPlayerNew .bestPlayerList .upper-wrap .upperHalf {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #e8e8e8;
    height: 58px
}

.bestPlayerNew .bestPlayerList .upper-wrap .upperHalf .playerLogo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 .1rem;
    width: 1.54rem;
    height: 56px;
    overflow: hidden
}

.bestPlayerNew .bestPlayerList .upper-wrap .upperHalf .playerLogo img {
    width: auto;
    height: 100%
}

.bestPlayerNew .bestPlayerList .upper-wrap .upperHalf .score {
    display: flex;
    justify-content: space-between;
    height: 56px
}

.bestPlayerNew .bestPlayerList .upper-wrap .upperHalf .score .scoreName {
    min-width: 28px;
    margin: 0 .7rem;
    height: 100%;
    line-height: 1.2rem;
    font-size: .26rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333
}

.bestPlayerNew .bestPlayerList .upper-wrap .upperHalf .score .scoreA, .bestPlayerNew .bestPlayerList .upper-wrap .upperHalf .score .scoreB {
    height: 100%;
    line-height: 1.2rem;
    font-size: .56rem;
    font-family: DINCondensed-Bold, DINCondensed;
    font-weight: 700;
    color: #ff776e;
    width: .84rem;
    text-align: center
}

.bestPlayerNew .bestPlayerList .upper-wrap .upperHalf .score .scoreB {
    color: #7dc2ff
}

.bestPlayerNew .bestPlayerList .upper-wrap .upperHalf .score .scoreName.ios {
    position: relative;
    top: -4px
}

.bestPlayerNew .bestPlayerList .upper-wrap .lowerHalf {
    display: flex;
    justify-content: space-between
}

.bestPlayerNew .bestPlayerList .upper-wrap .lowerHalf .playerInfoA, .bestPlayerNew .bestPlayerList .upper-wrap .lowerHalf .playerInfoB {
    flex: 1;
    width: 50%
}

.bestPlayerNew .bestPlayerList .upper-wrap .lowerHalf .playerInfoA .name, .bestPlayerNew .bestPlayerList .upper-wrap .lowerHalf .playerInfoB .name {
    height: 50%;
    margin-top: .12rem;
    font-size: .26rem;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 700;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bestPlayerNew .bestPlayerList .upper-wrap .lowerHalf .playerInfoA .detail, .bestPlayerNew .bestPlayerList .upper-wrap .lowerHalf .playerInfoB .detail {
    margin-top: .1rem;
    font-size: .26rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.bestPlayerNew .bestPlayerList .upper-wrap .lowerHalf .playerInfoA .detail :nth-child(2), .bestPlayerNew .bestPlayerList .upper-wrap .lowerHalf .playerInfoB .detail :nth-child(2) {
    margin: 0 .05rem
}

.bestPlayerNew .bestPlayerList .upper-wrap .lowerHalf .playerInfoB {
    text-align: right
}

.bestPlayerNew .bestPlayerList .upper-wrap .lowerHalf .playerInfoB.teamShowType {
    text-align: left
}

.bestPlayerNew .bestPlayerList .upper-wrap .lowerHalf .playerInfoA.teamShowType {
    text-align: right
}

.bestPlayerNew .packUp, .bestPlayerNew .seeAll {
    position: relative;
    margin-bottom: .28rem;
    text-align: center;
    height: .34rem;
    font-size: .24rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #00acff;
    line-height: .34rem
}

.bestPlayerNew .seeAll:after {
    top: 36%;
    left: 58%;
    border-top: .1rem solid #00acff
}

.bestPlayerNew .packUp:after, .bestPlayerNew .seeAll:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: .08rem solid transparent;
    border-right: .08rem solid transparent
}

.bestPlayerNew .packUp:after {
    bottom: 36%;
    left: 54%;
    border-bottom: .1rem solid #00acff
}

.bestPlayerNew_isDarkMode {
    border-bottom: .2rem solid #08111a
}

.bestPlayerNew_isDarkMode .name, .bestPlayerNew_isDarkMode .scoreName, .bestPlayerNew_isDarkMode .title {
    color: #d9dfe5 !important
}

.bestPlayerNew_isDarkMode .detail {
    color: #b8c2cc !important
}

.bestPlayerNew_isDarkMode .upperHalf {
    border-bottom: 2px solid #263340 !important
}

.dataListRateNew .dataListRateEach {
    padding: 0 .2rem;
    height: .8rem
}

.dataListRateNew .dataListRateEach .info {
    height: .72rem;
    line-height: .72rem;
    display: flex;
    justify-content: space-between;
    font-size: .24rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 600;
    color: #333
}

.dataListRateNew .dataListRateEach .info span {
    font-weight: 400
}

.dataListRateNew .dataListRateEach .info :nth-child(2) {
    font-weight: 400;
    color: #666
}

.dataListRateNew .dataListRateEach .info li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dataListRateNew .dataListRateEach .info .left {
    flex: 1
}

.dataListRateNew .dataListRateEach .info .center {
    flex: 0 0 2rem;
    text-align: center
}

.dataListRateNew .dataListRateEach .info .right {
    flex: 1;
    text-align: right
}

.dataListRateNew .dataListRateEach .progress {
    position: relative;
    width: 100%
}

.dataListRateNew .dataListRateEach .progress li {
    position: absolute;
    top: 0;
    width: 0;
    height: .08rem;
    border-radius: .07rem;
    transition: width 1.5s
}

.dataListRateNew .dataListRateEach .progress .homeProgress {
    left: 0;
    background: #ff5a36
}

.dataListRateNew .dataListRateEach .progress .homeProgress.teamShowType {
    background: #0aacff
}

.dataListRateNew .dataListRateEach .progress .guestProgress {
    right: 0;
    background: #0aacff
}

.dataListRateNew .dataListRateEach .progress .guestProgress.teamShowType {
    background: #ff5a36
}

.dataListRateNew .packUp, .dataListRateNew .seeAll {
    position: relative;
    margin: .28rem 0;
    text-align: center;
    height: .34rem;
    font-size: .24rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #00acff;
    line-height: .34rem
}

.dataListRateNew .seeAll:after {
    top: 36%;
    border-top: .1rem solid #00acff
}

.dataListRateNew .packUp:after, .dataListRateNew .seeAll:after {
    position: absolute;
    left: 58%;
    content: "";
    width: 0;
    height: 0;
    border-left: .08rem solid transparent;
    border-right: .08rem solid transparent
}

.dataListRateNew .packUp:after {
    bottom: 36%;
    border-bottom: .1rem solid #00acff
}

.dataListRateNew_isDarkMode .info {
    color: #d9dfe5 !important
}

.dataListRateNew_isDarkMode .info :nth-child(2) {
    color: #b8c2cc !important
}

.teamStatisticsNew {
    border-bottom: 0.2rem solid #f0f0f0
}

.teamStatisticsNew .title {
    padding-left: .2rem;
    height: .72rem;
    font-size: .28rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333;
    line-height: .72rem
}

.teamStatisticsNew .teamLogoName {
    height: .98rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.teamStatisticsNew .teamLogoName .teamA, .teamStatisticsNew .teamLogoName .teamB {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
    font-size: .26rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600
}

.teamStatisticsNew .teamLogoName .teamA .logo, .teamStatisticsNew .teamLogoName .teamB .logo {
    margin: 0 .2rem;
    width: .7rem;
    height: .7rem
}

.teamStatisticsNew .teamLogoName .teamA .logo img, .teamStatisticsNew .teamLogoName .teamB .logo img {
    width: 100%;
    height: 100%
}

.teamStatisticsNew .teamLogoName .teamB {
    justify-content: flex-end;
    color: #0aacff
}

.teamStatisticsNew .teamLogoName .teamA, .teamStatisticsNew .teamLogoName .teamB.teamShowType {
    color: #ff5a36
}

.teamStatisticsNew .teamLogoName .teamA.teamShowType {
    color: #0aacff
}

.teamStatisticsNew_isDarkMode {
    border-bottom: .2rem solid #08111a
}

.teamStatisticsNew_isDarkMode .title {
    color: #d9dfe5 !important
}

.load-cont {
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: 7.5rem;
    background-color: #fff
}

.load-cont .load-logo {
    width: 1rem;
    height: 1rem
}

.load-cont .load-info {
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: .3rem;
    color: #999
}

.playerStatisticsNew {
    border-bottom: .2rem solid #f0f0f0
}

.playerStatisticsNew .title {
    padding-left: .2rem;
    padding-top: .2rem;
    height: .72rem;
    font-size: .28rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333;
    line-height: .72rem
}

.playerStatisticsNew .playerInfo .tab {
    margin: .32rem auto;
    width: 6.98rem;
    height: .54rem;
    line-height: .54rem;
    background: #f0f0f0;
    border-radius: .1rem
}

.playerStatisticsNew .playerInfo .tab li {
    float: left;
    width: 50%;
    text-align: center;
    border-radius: .08rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.playerStatisticsNew .playerInfo .tab .active {
    color: #fff;
    background: #263340
}

.playerStatisticsNew .playerInfo .selfDetails .noStratingLineUp, .playerStatisticsNew .playerInfo .selfDetails .startingLineUp {
    display: flex
}

.playerStatisticsNew .playerInfo .selfDetails .noStratingLineUp .left, .playerStatisticsNew .playerInfo .selfDetails .startingLineUp .left {
    flex-shrink: 0;
    width: 135px;
    border-right: 1px solid #fff
}

.playerStatisticsNew .playerInfo .selfDetails .noStratingLineUp .left :nth-child(odd), .playerStatisticsNew .playerInfo .selfDetails .startingLineUp .left :nth-child(odd) {
    background: #f0f0f0
}

.playerStatisticsNew .playerInfo .selfDetails .noStratingLineUp .left .itemTitle, .playerStatisticsNew .playerInfo .selfDetails .startingLineUp .left .itemTitle {
    padding-left: 10px;
    width: 100%;
    height: .6rem;
    background: #263340;
    font-size: 11px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: .6rem
}

.playerStatisticsNew .playerInfo .selfDetails .noStratingLineUp .left .itemInfo, .playerStatisticsNew .playerInfo .selfDetails .startingLineUp .left .itemInfo {
    padding-left: 10px;
    width: 100%;
    height: .6rem;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #007fde;
    line-height: .6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.playerStatisticsNew .playerInfo .selfDetails .noStratingLineUp .right, .playerStatisticsNew .playerInfo .selfDetails .startingLineUp .right {
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap
}

.playerStatisticsNew .playerInfo .selfDetails .noStratingLineUp .right > div:nth-child(odd) > div, .playerStatisticsNew .playerInfo .selfDetails .startingLineUp .right > div:nth-child(odd) > div {
    background: #f0f0f0
}

.playerStatisticsNew .playerInfo .selfDetails .noStratingLineUp .right::-webkit-scrollbar, .playerStatisticsNew .playerInfo .selfDetails .startingLineUp .right::-webkit-scrollbar {
    display: none
}

.playerStatisticsNew .playerInfo .selfDetails .noStratingLineUp .right .rightTitle, .playerStatisticsNew .playerInfo .selfDetails .startingLineUp .right .rightTitle {
    display: flex
}

.playerStatisticsNew .playerInfo .selfDetails .noStratingLineUp .right .rightTitle .itemTitle, .playerStatisticsNew .playerInfo .selfDetails .startingLineUp .right .rightTitle .itemTitle {
    flex-shrink: 0;
    width: .9rem;
    height: .6rem;
    background: #263340;
    font-size: .22rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: .6rem;
    text-align: center
}

.playerStatisticsNew .playerInfo .selfDetails .noStratingLineUp .right .rightInfo, .playerStatisticsNew .playerInfo .selfDetails .startingLineUp .right .rightInfo {
    display: flex
}

.playerStatisticsNew .playerInfo .selfDetails .noStratingLineUp .right .rightInfo .itemInfo, .playerStatisticsNew .playerInfo .selfDetails .startingLineUp .right .rightInfo .itemInfo {
    flex-shrink: 0;
    width: .9rem;
    height: .6rem;
    font-size: .24rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: .6rem;
    text-align: center
}

.playerStatisticsNew_isDarkMode {
    border-bottom: .2rem solid #08111a
}

.playerStatisticsNew_isDarkMode .title {
    color: #d9dfe5 !important
}

.playerStatisticsNew_isDarkMode .tab {
    color: #f0f0f0 !important;
    background: #08111a !important
}

.playerStatisticsNew_isDarkMode .tab .active {
    background: #263340 !important
}

.playerStatisticsNew_isDarkMode .left {
    border-right: 1px solid #263340 !important
}

.playerStatisticsNew_isDarkMode .left :nth-child(odd), .playerStatisticsNew_isDarkMode .right > div:nth-child(odd) > div {
    background: #172532 !important
}

.playerStatisticsNew_isDarkMode .right .itemInfo {
    color: #d9dfe5 !important
}

.emptyNew[data-v-fdbc324c] {
    padding-top: 4rem;
    width: 100%
}

.emptyNew .isDarkOrEmotion img[data-v-fdbc324c] {
    width: 33%;
    display: block;
    margin: 0 auto
}

.emptyNew p[data-v-fdbc324c] {
    text-align: center;
    font-size: .3rem;
    margin-top: .3rem;
    color: #999
}

.isDarkMode p[data-v-fdbc324c] {
    color: #4e5965;
    font-size: .26rem
}

.isEmotionModel p[data-v-fdbc324c] {
    color: hsla(0, 0%, 100%, .6) !important;
    font-size: .26rem
}

.teamOverViewNew {
    border-bottom: .2rem solid #f0f0f0
}

.teamOverViewNew .title {
    padding-left: .2rem;
    height: .72rem;
    font-size: .28rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333;
    line-height: .72rem
}

.teamOverViewNew .teamLogoName {
    height: .98rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.teamOverViewNew .teamLogoName .teamA, .teamOverViewNew .teamLogoName .teamB {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
    font-size: .26rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 700;
    color: #ff5a36
}

.teamOverViewNew .teamLogoName .teamA .logo, .teamOverViewNew .teamLogoName .teamB .logo {
    margin: 0 .2rem;
    width: .7rem;
    height: .7rem
}

.teamOverViewNew .teamLogoName .teamA .logo img, .teamOverViewNew .teamLogoName .teamB .logo img {
    width: 100%;
    height: 100%
}

.teamOverViewNew .teamLogoName .teamB {
    justify-content: flex-end;
    color: #0aacff
}

.teamOverViewNew .teamLogoName .teamB .name {
    text-align: right;
    font-weight: 700
}

.teamOverViewNew .teamLogoName .teamB.teamShowType {
    color: #ff5a36
}

.teamOverViewNew .teamLogoName .teamA.teamShowType {
    color: #0aacff
}

.teamOverViewNew .teamDetails {
    padding: 0 .2rem;
    border-top: 1px solid #e8e8e8
}

.teamOverViewNew .teamDetails .self {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4.83rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 700;
    font-size: .28rem;
    line-height: .8rem;
    text-align: center
}

.teamOverViewNew .teamDetails .self .left {
    color: #ff5a36
}

.teamOverViewNew .teamDetails .self .left.teamShowType {
    color: #0aacff
}

.teamOverViewNew .teamDetails .self .center {
    font-size: .24rem;
    font-weight: 400;
    color: #666
}

.teamOverViewNew .teamDetails .self .right {
    color: #0aacff
}

.teamOverViewNew .teamDetails .self .right.teamShowType {
    color: #ff5a36
}

.teamOverViewNew_isDarkMode {
    border-bottom: .2rem solid #08111a
}

.teamOverViewNew_isDarkMode .title {
    color: #d9dfe5 !important
}

.teamOverViewNew_isDarkMode .teamDetails {
    border-top: 1px solid #263340 !important
}

.teamOverViewNew_isDarkMode .center {
    color: #b8c2cc !important
}

.teamHistoryVsNew {
    border-bottom: .2rem solid #f0f0f0
}

.teamHistoryVsNew .title {
    padding-left: .2rem;
    height: .72rem;
    font-size: .28rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333;
    line-height: .72rem
}

.teamHistoryVsNew .teamLogoName {
    height: .98rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.teamHistoryVsNew .teamLogoName .teamA, .teamHistoryVsNew .teamLogoName .teamB {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: .26rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600
}

.teamHistoryVsNew .teamLogoName .teamA .logo, .teamHistoryVsNew .teamLogoName .teamB .logo {
    margin: 0 .2rem;
    width: .7rem;
    height: .7rem
}

.teamHistoryVsNew .teamLogoName .teamA .logo img, .teamHistoryVsNew .teamLogoName .teamB .logo img {
    width: 100%;
    height: 100%
}

.teamHistoryVsNew .teamLogoName .teamB {
    justify-content: flex-end;
    color: #0aacff
}

.teamHistoryVsNew .teamLogoName .teamB.teamShowType {
    color: #ff5a36
}

.teamHistoryVsNew .teamLogoName .teamA {
    justify-content: flex-start;
    color: #ff5a36
}

.teamHistoryVsNew .teamLogoName .teamA.teamShowType {
    color: #0aacff
}

.teamHistoryVsNew .teamDetail {
    padding: 0 .2rem;
    border-top: 1px solid #e8e8e8
}

.teamHistoryVsNew .teamDetail .teamVsInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.3rem
}

.teamHistoryVsNew .teamDetail .teamVsInfo .result {
    font-size: .3rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    font-weight: 700;
    color: #d0021b
}

.teamHistoryVsNew .teamDetail .teamVsInfo .resultDetail .bottom, .teamHistoryVsNew .teamDetail .teamVsInfo .resultDetail .top {
    font-size: .24rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999;
    text-align: center
}

.teamHistoryVsNew .teamDetail .teamVsInfo .resultDetail .bottom {
    display: flex;
    align-items: center;
    font-size: .46rem;
    font-family: DINCondensed-Bold, DINCondensed;
    font-weight: 700
}

.teamHistoryVsNew .teamDetail .teamVsInfo .resultDetail .bottom span {
    margin: 0 .025rem
}

.teamHistoryVsNew .teamDetail .teamVsInfo .resultDetail .bottom .master {
    display: inline-block;
    width: .35rem;
    height: .35rem;
    border-radius: .03rem;
    background: #0268d6;
    font-size: .22rem;
    font-weight: 500;
    color: #fff;
    line-height: .35rem
}

.teamHistoryVsNew .teamDetail .teamVsInfo .resultDetail .bottom .master.ios {
    position: relative;
    top: -3px
}

.teamHistoryVsNew .teamDetail .teamVsInfo .resultDetail .winner {
    color: #333
}

.teamHistoryVsNew .teamDetail .teamVsInfo .loser {
    color: #999
}

.teamHistoryVsNew_isDarkMode {
    border-bottom: .2rem solid #08111a
}

.teamHistoryVsNew_isDarkMode .title {
    color: #d9dfe5 !important
}

.teamHistoryVsNew_isDarkMode .teamDetail {
    border-top: 1px solid #263340 !important
}

.teamHistoryVsNew_isDarkMode .loser, .teamHistoryVsNew_isDarkMode .top {
    color: #667380 !important
}

.teamHistoryVsNew_isDarkMode .winner {
    color: #d9dfe5 !important
}

.recentRecordNew {
    border-bottom: .2rem solid #f0f0f0
}

.recentRecordNew .title {
    padding-left: .2rem;
    height: .72rem;
    font-size: .28rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333;
    line-height: .72rem
}

.recentRecordNew .teamLogoName {
    height: .98rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.recentRecordNew .teamLogoName .teamA, .recentRecordNew .teamLogoName .teamB {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
    font-size: .26rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #552583
}

.recentRecordNew .teamLogoName .teamA .logo, .recentRecordNew .teamLogoName .teamB .logo {
    margin: 0 .2rem;
    width: .7rem;
    height: .7rem
}

.recentRecordNew .teamLogoName .teamA .logo img, .recentRecordNew .teamLogoName .teamB .logo img {
    width: 100%;
    height: 100%
}

.recentRecordNew .teamLogoName .teamB {
    justify-content: flex-end;
    color: #0aacff
}

.recentRecordNew .teamLogoName .teamA, .recentRecordNew .teamLogoName .teamB.teamShowType {
    color: #ff5a36
}

.recentRecordNew .teamLogoName .teamA.teamShowType {
    color: #0aacff
}

.recentRecordNew .recentRecordDetail {
    padding: 0 .2rem;
    border-top: 1px solid #e8e8e8
}

.recentRecordNew .recentRecordDetail .teamSelf {
    display: flex;
    margin-bottom: .2rem
}

.recentRecordNew .recentRecordDetail .teamSelf .homeTeam, .recentRecordNew .recentRecordDetail .teamSelf .visitingTeam {
    flex: 1
}

.recentRecordNew .recentRecordDetail .teamSelf .homeTeam .list, .recentRecordNew .recentRecordDetail .teamSelf .visitingTeam .list {
    margin: .26rem 0;
    display: flex;
    height: 1.26rem;
    justify-content: space-between;
    align-items: center;
    font-size: .3rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #999
}

.recentRecordNew .recentRecordDetail .teamSelf .homeTeam .list .teams, .recentRecordNew .recentRecordDetail .teamSelf .homeTeam .list .time, .recentRecordNew .recentRecordDetail .teamSelf .visitingTeam .list .teams, .recentRecordNew .recentRecordDetail .teamSelf .visitingTeam .list .time {
    font-size: .24rem;
    font-weight: 400;
    font-family: PingFangSC-Regular, PingFang SC
}

.recentRecordNew .recentRecordDetail .teamSelf .homeTeam .list .score, .recentRecordNew .recentRecordDetail .teamSelf .visitingTeam .list .score {
    font-size: .46rem;
    font-weight: 700;
    font-family: DINCondensed-Bold, DINCondensed
}

.recentRecordNew .recentRecordDetail .teamSelf .homeTeam .list .score .winner, .recentRecordNew .recentRecordDetail .teamSelf .visitingTeam .list .score .winner {
    color: #333
}

.recentRecordNew .recentRecordDetail .teamSelf .homeTeam .list .win, .recentRecordNew .recentRecordDetail .teamSelf .visitingTeam .list .win {
    color: #d0021b
}

.recentRecordNew .recentRecordDetail .teamSelf .homeTeam {
    margin-right: .3rem
}

.recentRecordNew .recentRecordDetail .teamSelf .homeTeam .left {
    width: 40%
}

.recentRecordNew .recentRecordDetail .teamSelf .homeTeam .right {
    width: 60%;
    text-align: right
}

.recentRecordNew .recentRecordDetail .teamSelf .homeTeam .right .teams {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.recentRecordNew .recentRecordDetail .teamSelf .visitingTeam {
    margin-left: .3rem
}

.recentRecordNew .recentRecordDetail .teamSelf .visitingTeam .left {
    width: 60%
}

.recentRecordNew .recentRecordDetail .teamSelf .visitingTeam .left .teams {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.recentRecordNew .recentRecordDetail .teamSelf .visitingTeam .right {
    width: 40%;
    text-align: right
}

.recentRecordNew_isDarkMode {
    border-bottom: .2rem solid #08111a
}

.recentRecordNew_isDarkMode .title {
    color: #d9dfe5 !important
}

.recentRecordNew_isDarkMode .recentRecordDetail {
    border-top: 1px solid #263340 !important
}

.recentRecordNew_isDarkMode .list {
    color: #667380 !important
}

.recentRecordNew_isDarkMode .list .winner {
    color: #d9dfe5 !important
}

.teamFieldAverageDataNew {
    border-bottom: .2rem solid #f0f0f0
}

.teamFieldAverageDataNew .title {
    padding-left: .2rem;
    height: .72rem;
    font-size: .28rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333;
    line-height: .72rem
}

.teamFieldAverageDataNew .teamLogoName {
    height: .98rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.teamFieldAverageDataNew .teamLogoName .teamA, .teamFieldAverageDataNew .teamLogoName .teamB {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
    font-size: .26rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #552583
}

.teamFieldAverageDataNew .teamLogoName .teamA .logo, .teamFieldAverageDataNew .teamLogoName .teamB .logo {
    margin: 0 .2rem;
    width: .7rem;
    height: .7rem
}

.teamFieldAverageDataNew .teamLogoName .teamA .logo img, .teamFieldAverageDataNew .teamLogoName .teamB .logo img {
    width: 100%;
    height: 100%
}

.teamFieldAverageDataNew .teamLogoName .teamB {
    justify-content: flex-end;
    color: #0aacff
}

.teamFieldAverageDataNew .teamLogoName .teamA, .teamFieldAverageDataNew .teamLogoName .teamB.teamShowType {
    color: #ff5a36
}

.teamFieldAverageDataNew .teamLogoName .teamA.teamShowType {
    color: #0aacff
}

.teamFieldAverageDataNew .teamFieldAverageDataDetail {
    border-top: 1px solid #e8e8e8
}

.teamFieldAverageDataNew .teamFieldAverageDataDetail li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: .82rem
}

.teamFieldAverageDataNew .teamFieldAverageDataDetail li .left, .teamFieldAverageDataNew .teamFieldAverageDataDetail li .right {
    display: flex;
    width: 40%;
    font-size: .28rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600
}

.teamFieldAverageDataNew .teamFieldAverageDataDetail li .left {
    flex-direction: row-reverse;
    text-align: right;
    color: #ff5a36
}

.teamFieldAverageDataNew .teamFieldAverageDataDetail li .left .rateA {
    margin-left: .1rem;
    width: 0;
    height: .46rem;
    transition: width 1.5s;
    background: #ff5a36
}

.teamFieldAverageDataNew .teamFieldAverageDataDetail li .left.teamShowType {
    color: #0aacff
}

.teamFieldAverageDataNew .teamFieldAverageDataDetail li .left.teamShowType .rateA {
    background: #0aacff
}

.teamFieldAverageDataNew .teamFieldAverageDataDetail li .left span {
    opacity: 0;
    transition: all 1.5s
}

.teamFieldAverageDataNew .teamFieldAverageDataDetail li .center {
    width: 20%;
    text-align: center;
    font-size: .24rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666
}

.teamFieldAverageDataNew .teamFieldAverageDataDetail li .right {
    text-align: left;
    color: #0aacff
}

.teamFieldAverageDataNew .teamFieldAverageDataDetail li .right .rateB {
    margin-right: .1rem;
    width: 0;
    height: .46rem;
    transition: width 1.5s;
    background: #0aacff
}

.teamFieldAverageDataNew .teamFieldAverageDataDetail li .right.teamShowType {
    color: #ff5a36
}

.teamFieldAverageDataNew .teamFieldAverageDataDetail li .right.teamShowType .rateB {
    background: #ff5a36
}

.teamFieldAverageDataNew .teamFieldAverageDataDetail li .right span {
    opacity: 0;
    transition: all 1.5s
}

.textOpacticy {
    font-weight: 700
}

.teamFieldAverageDataNew_isDarkMode {
    border-bottom: .2rem solid #08111a
}

.teamFieldAverageDataNew_isDarkMode .title {
    color: #d9dfe5 !important
}

.teamFieldAverageDataNew_isDarkMode .center {
    color: #b8c2cc !important
}

.teamFieldAverageDataNew_isDarkMode .teamFieldAverageDataDetail {
    border-top: 1px solid #263340 !important
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

body, html {
    background: transparent;
    color: #555;
    font-family: DINCondensed-Bold, PingFangSC-Regular, Arial, Microsoft YaHei, \\9ED1\4F53, \\5B8B\4F53, sans-serif
}

body, caption, html, td, th {
    font-size: 14px
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-size: 100%
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: 400
}

a {
    color: #555;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

img {
    border: none;
    vertical-align: middle;
    width: 100%
}

li, ol, ul {
    list-style: none
}

button, input, select, textarea {
    font: 14px Arial, Microsoft YaHei, \\9ED1\4F53, \\5B8B\4F53, sans-serif
}

table {
    border-collapse: collapse
}

html {
    overflow-y: scroll
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: inline-block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *zoom: 1
}

.fl {
    float: left
}

.fr {
    float: right
}

.al {
    text-align: left !important
}

.ac {
    text-align: center
}

.ar {
    text-align: right !important
}

.hide {
    display: none
}

.rowEllipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.multiRowEllipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.font-red {
    color: #ff5a36 !important
}

.font-blue {
    color: #0aacff !important
}

.font-grey {
    color: #333 !important
}

.module .season:last-child {
    padding: 0 0 .3rem !important;
    border-bottom: .2rem solid #f0f0f0 !important
}

.module_hScreen .season:last-child {
    border-bottom: .01rem solid #d8d8d8 !important
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-2, .flex-3 {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-pack-around {
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.flex-pack-right {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap
}