.matchItem{color:#576c8f;border-radius:.1rem;overflow:hidden;background-image:-webkit-gradient(linear,left top,left bottom,from(#162340),color-stop(90%,#172441),to(#172646));background-image:linear-gradient(180deg,#162340,#172441 90%,#172646)}.matchItem.clicked{background:rgba(8,10,33,.22)}.matchItem .match-img{height:.8rem;overflow:hidden;position:relative;background-repeat:no-repeat;background-position:50%;background-size:cover}.matchItem .match-container{position:relative;padding:0 0 0 .1rem;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:1.48rem}.matchItem .match-info{color:#eac581;width:1.45rem}.matchItem .match-team{height:100%;position:relative}.matchItem .match-team .match-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:.32rem;color:#d2e4ff}.matchItem .match-team .match-name>img{width:.16rem;border-radius:100rem}.matchItem .match-team .team{color:#d2e4ff;font-size:.14rem;height:.32rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left;position:relative}.matchItem .match-team .team>.img-handler,.matchItem .match-team .team>img{margin:0 .05rem 0 0;width:.18rem!important;height:.18rem!important;border-radius:100rem}.matchItem .match-team .team>span{font-size:.16rem;margin-right:.03rem}.matchItem .match-team .team>span.text-overflow{font-size:.14rem}.matchItem .match-team .team .team-name{display:block;width:1rem}.matchItem .match-team .team .score{position:absolute;right:0;color:#d2e4ff}.matchItem .match-team .match-bottom{position:absolute;bottom:.03rem;left:0;height:.36rem;color:#426d93;font-size:.12rem;padding-top:.1rem;width:125%}.matchItem .match-team .match-bottom,.matchItem .match-team .match-bottom .rest-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.matchItem .match-team .match-bottom .rest-time .start-date{line-height:.36rem;margin-left:.03rem}.matchItem .match-team .match-bottom .gold-btn{font-size:.12rem;min-width:.3rem;height:.2rem;text-align:center;line-height:.2rem;border-radius:.1rem;padding:0 .05rem;color:#e4c978}.matchItem .play-type-container{-webkit-box-flex:1;-ms-flex:1;flex:1;width:2.04rem}.matchItem .play-type-container .van-swipe{width:100%;padding-bottom:.3rem;height:100%}.matchItem .play-type-container .van-swipe .van-swipe-item{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.matchItem .play-type-container .van-swipe .van-swipe__indicators{left:80%;bottom:.12rem}.matchItem .play-type-container .van-swipe .van-swipe__indicator{background:#fff}.matchItem .play-type-container .play-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:.95rem;overflow:hidden}.matchItem .play-type-container .play-type.open{height:100%}.matchItem .play-type-container .play-type.close{overflow:hidden;height:1.3rem!important}.matchItem .play-type-container .play-type .play-type-name{font-size:.12rem;line-height:.32rem;padding-right:.1rem;height:.32rem!important;width:.95rem;text-align:right}.matchItem .play-type-container .play-type .rate{height:.3rem;color:#e4c978;font-size:.14rem;margin:.01rem 0;line-height:.3rem;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:right;width:100%}.matchItem .play-type-container .play-type .rate.active{background-image:-webkit-gradient(linear,left top,right top,from(#f6e4b7),to(#eac581));background-image:linear-gradient(90deg,#f6e4b7,#eac581);border-radius:5rem;color:#4e2e09}.matchItem .play-type-container .play-type .rate.active span{color:#4e2e09}.matchItem .play-type-container .play-type .rate span{font-size:.14rem;color:#576c8f;display:inline-block;overflow:hidden;text-align:center}.matchItem .play-type-container .play-type .rate .ratioName{width:.6rem;font-size:.12rem;line-height:.3rem}.matchItem .play-type-container .play-type .rate .ior{width:.4rem;color:#e4c978;margin-right:.04rem}.matchItem .play-type-container .play-type .HOU:nth-of-type(odd),.matchItem .play-type-container .play-type .HR:nth-of-type(odd),.matchItem .play-type-container .play-type .HRE:nth-of-type(odd),.matchItem .play-type-container .play-type .HROU:nth-of-type(odd),.matchItem .play-type-container .play-type .OU:nth-of-type(odd),.matchItem .play-type-container .play-type .R:nth-of-type(odd),.matchItem .play-type-container .play-type .RE:nth-of-type(odd),.matchItem .play-type-container .play-type .ROU:nth-of-type(odd){margin-bottom:.3rem}.matchItem .more-playtype{position:absolute;line-height:.2rem;text-align:center;border-top:0 solid #0a152d;font-size:.12rem;bottom:.05rem;left:2.12rem}.matchItem .more-playtype span{color:#d2e4ff}.matchItem .more-playtype span .icon-com_down{line-height:.2rem;width:.2rem;height:.2rem;display:inline-block;-webkit-transform:scale(.4) rotate(180deg);transform:scale(.4) rotate(180deg);font-size:.12rem}.vertual-countdown[data-v-81ef4122]{margin-left:.08rem}.vertual-countdown i[data-v-81ef4122]{color:#d2e4ff;display:inline-block;width:.1rem;height:.2rem;text-align:center;line-height:.2rem}.vertual-countdown span[data-v-81ef4122]{display:inline-block;width:.2rem;height:.2rem;text-align:center;line-height:.2rem;color:#fff;background:#000;border-radius:.02rem}.vertual-countdown span.gameover[data-v-81ef4122]{width:.6rem}.champion{padding-top:.44rem;min-height:5rem}.champion .live-data .live-box{width:100%}.champion .live-data .live-box iframe{width:100%;min-height:2.3rem}.champion .live-data .history{width:100%;line-height:.4rem;text-align:center;color:#d2e4ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.champion .live-data .history .icon-entry{display:inline-block;vertical-align:middle;width:.16rem;height:.16rem;margin-left:.05rem;background-size:3.26667rem;background-position:-.02222rem -3.30222rem}.champion .game-list{padding:0 .08rem}.champion .game-list .game-list-by-date{line-height:.4rem}.champion .game-list .game-list-by-date .season{display:-webkit-box;display:-ms-flexbox;display:flex;color:#d2e4ff}.champion .game-list .game-list-item{margin-bottom:.1rem}