.matchWrap{width:100%;height:100%;min-height:100vh}.matchTitle{font-size:.56rem;line-height:.773333rem;color:#fff;font-weight:500;margin-top:.8rem}.matchIntro{font-size:.32rem;font-weight:400;color:hsla(0,0%,100%,.9);line-height:.453333rem;margin-bottom:.533333rem;white-space:break-spaces}.matchBg{background-repeat:no-repeat;background-size:cover}.matchCover{height:auto}.matchPlay{width:100%;height:1.173333rem;background:rgba(0,0,0,.2);border-radius:.4rem .4rem 0 0;border-bottom:.026667rem solid rgba(0,0,0,.3)}.matchPlay_1{width:.8rem;height:.8rem}.matchPlay_2{font-size:.373333rem;color:#fff;margin-left:.266667rem}.matchList{height:100%;min-height:100vh}.mListBg{background:rgba(0,0,0,.2);margin-bottom:.16rem}.mListClass{height:1.12rem}.mClassName{font-size:.4rem;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:92%}.mClassIcon{width:.426667rem;height:.426667rem}.classWrap{padding:0 .266667rem 0 .266667rem;height:1.066667rem;display:flex;align-items:center;overflow:hidden;margin-bottom:.16rem}.active.classWrap{background:hsla(0,0%,100%,.2)}.listName_1{width:.773333rem;font-size:.346667rem;font-weight:400;color:hsla(0,0%,100%,.6);margin-right:.133333rem;text-align:center;padding-top:.08rem}.listName_2{font-size:.4rem;font-weight:500;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.listName_3{width:.533333rem;height:.56rem;vertical-align:middle;margin-right:.213333rem}.footerBomMusic{text-align:center;font-size:.293333rem;color:hsla(0,0%,100%,.6);margin:1.2rem auto 1.066667rem auto;line-height:1.066667rem}