.match-page[data-v-0f0081f0]{position:fixed;height:100%;width:100%;left:0;top:0;z-index:120;background:url(../img/videomatchbg3-14.62e72936.jpg) 50% no-repeat;background-size:cover}.match-page .my-video-bg[data-v-0f0081f0]{position:absolute;opacity:.2;width:100%;height:100%;z-index:1}.match-page .btn-cancel[data-v-0f0081f0]{position:absolute;right:.4rem;top:.4rem;font-weight:700;font-size:.37333333333333335rem;width:.8533333333333334rem;height:.8533333333333334rem;color:#000;background:#fff;border-radius:50%;z-index:20}.match-page .mc-box[data-v-0f0081f0]{position:absolute;width:100%;height:100%;z-index:4}.match-page .mc-box .the-cards[data-v-0f0081f0]{height:320px;position:relative;width:540px}.match-page .mc-box .the-cards .the-video[data-v-0f0081f0]{position:absolute;z-index:12;width:210px;height:320px;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 0 20px 10px #000;border:2px solid #ffd900;box-sizing:border-box}.match-page .mc-box .the-cards .the-video .status[data-v-0f0081f0]{position:absolute;left:0;top:0;background:rgba(0,0,0,.65);border-radius:0 0 10px 0;color:#23fe98;font-style:italic;padding:2px 10px 2px 26px}.match-page .mc-box .the-cards .the-video .status[data-v-0f0081f0]:after{content:"";position:absolute;left:10px;top:6px;width:10px;height:10px;background:linear-gradient(141deg,#70d6f6,#10ff5c);border-radius:50%;box-sizing:border-box;border:1px solid #fff}.match-page .mc-box .the-cards .the-video .load-cover[data-v-0f0081f0]{position:absolute;width:100%;height:100%;z-index:2;background:url(../img/img-v-loading.e4094354.png) 50% no-repeat;background-size:120px auto;animation:flowAni 2s infinite}.match-page .mc-box .the-cards .the-video video[data-v-0f0081f0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.match-page .mc-box .the-cards .ocard[data-v-0f0081f0]{width:210px;height:320px;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 0 20px 10px #000;display:none;box-sizing:border-box}.match-page .mc-box .the-cards .ocard.next[data-v-0f0081f0],.match-page .mc-box .the-cards .ocard.prev[data-v-0f0081f0]{transform:scale(.8);display:block;position:absolute;z-index:2;opacity:.5}.match-page .mc-box .the-cards .ocard.next .the-img[data-v-0f0081f0],.match-page .mc-box .the-cards .ocard.prev .the-img[data-v-0f0081f0]{filter:blur(5px)}.match-page .mc-box .the-cards .ocard.next[data-v-0f0081f0]{left:62%}.match-page .mc-box .the-cards .ocard.prev[data-v-0f0081f0]{left:0}.match-page .mc-box .the-cards .ocard.cur[data-v-0f0081f0]{display:block;transform:scale(1) translateX(-50%);position:absolute;left:50%;top:0;border:2px solid #ffd900;z-index:10}.match-page .mc-box .the-cards .ocard .the-img[data-v-0f0081f0]{height:100%}.match-page .mc-box .the-cards .ocard .the-img img[data-v-0f0081f0]{display:block;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.match-page .mc-box .the-cards.play .ocard.prev[data-v-0f0081f0]{animation:prevAni-0f0081f0 .2s both}.match-page .mc-box .the-cards.play .ocard.cur[data-v-0f0081f0]{animation:curAni-0f0081f0 .2s both}.match-page .mc-box .the-cards.play .ocard.next[data-v-0f0081f0]{animation:nextAni-0f0081f0 .2s both}.match-page .mc-box .the-cards.play .ocard.next .the-img[data-v-0f0081f0]{animation:fadeOut .2s both}.match-page .mc-box .host-detail-box[data-v-0f0081f0]{height:140px}.match-page .mc-box .the-detail[data-v-0f0081f0]{color:#fff}.match-page .mc-box .the-detail .the-name[data-v-0f0081f0]{font-size:24px;font-weight:700;padding:30px 0 10px}.match-page .mc-box .the-detail .the-info[data-v-0f0081f0]{padding-bottom:10px}.match-page .mc-box .the-detail .the-info .oi[data-v-0f0081f0]{display:inline-block;padding:0 10px;border-right:1px solid hsla(0,0%,100%,.2)}.match-page .mc-box .the-detail .the-info .oi[data-v-0f0081f0]:last-child{border:0}.match-page .mc-box .the-detail .the-tags[data-v-0f0081f0]{padding:10px 0 20px}.match-page .mc-box .the-actions[data-v-0f0081f0]{padding-top:20px;height:140px}.match-page .mc-box .the-actions .m-btn[data-v-0f0081f0]{width:240px;margin:6px 0;height:56px;color:#000}.match-page .mc-box .the-actions .m-btn .ico[data-v-0f0081f0]{margin:0 10px;font-size:18px}.match-page .mc-box .the-actions .m-btn.next[data-v-0f0081f0]{background:transparent;border:1px solid hsla(0,0%,100%,.7);color:#fff}.match-page .mc-box .the-actions .m-btn.call[data-v-0f0081f0]{animation:callIconAni 2s infinite}.match-page .mc-box .the-connect[data-v-0f0081f0]{color:#ffd900;font-size:14px;padding:30px 0;height:100px}@keyframes curAni-0f0081f0{0%{left:50%;transform:scale(1) translateX(-50%);opacity:1;z-index:1}to{left:0;transform:scale(.8) translateX(0);opacity:.5;z-index:1}}@keyframes nextAni-0f0081f0{0%{left:62%;transform:scale(.8) translateX(0);opacity:.5}to{left:50%;transform:scale(1) translateX(-50%);opacity:1}}@keyframes prevAni-0f0081f0{0%{left:0;transform:scale(.8) translateX(0);opacity:.5}to{left:0;transform:scale(0) translateX(0);opacity:0}}@media screen and (max-width:680px){.match-page[data-v-0f0081f0]{position:fixed;height:100%;width:100%;left:0;top:0;z-index:120}.match-page .mc-box .the-cards[data-v-0f0081f0]{height:5.706666666666667rem;width:9.733333333333333rem}.match-page .mc-box .the-cards .the-video[data-v-0f0081f0]{height:5.706666666666667rem;width:3.6rem;border-radius:10px}.match-page .mc-box .the-cards .the-video .status[data-v-0f0081f0]{padding:2px 6px 2px 24px}.match-page .mc-box .the-cards .the-video .status[data-v-0f0081f0]:after{left:9px;width:10px;height:10px}.match-page .mc-box .the-cards .the-video .load-cover[data-v-0f0081f0]{background-size:80px auto}.match-page .mc-box .the-cards .the-video video[data-v-0f0081f0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.match-page .mc-box .the-cards .ocard[data-v-0f0081f0]{height:5.706666666666667rem;width:3.6rem;border-radius:10px}.match-page .mc-box .host-detail-box[data-v-0f0081f0]{height:3.466666666666667rem}.match-page .mc-box .the-detail .the-name[data-v-0f0081f0]{font-size:.4266666666666667rem}.match-page .mc-box .the-detail .the-tags[data-v-0f0081f0]{padding-bottom:.26666666666666666rem}.match-page .mc-box .the-actions .m-btn[data-v-0f0081f0]{margin:6px 0;width:200px;width:6.24rem;height:1.2rem;font-size:.3466666666666667rem}}