.my-match-item[data-v-64ee620a]{width:220px;background:#fff;border-radius:6px 6px 6px 6px;overflow:hidden;position:relative;display:flex;flex-direction:column}.my-match-item .live[data-v-64ee620a]{position:absolute;top:8px;right:8px;width:42px;height:18px;background:#e8ffea;border-radius:2px 2px 2px 2px;font-weight:400;font-size:12px;line-height:1;color:#229453;display:flex;align-items:center;justify-content:center}.my-match-item .live img[data-v-64ee620a]{width:12px;height:12px;-o-object-fit:contain;object-fit:contain;transform:translateY(-1px)}.my-match-item>.com-img[data-v-64ee620a]{width:100%;height:140px}.my-match-item .vs[data-v-64ee620a]{position:absolute;width:100%;overflow:hidden;height:31px;background:rgba(0,0,0,.8);border-radius:0 0 0 0;top:109px;left:0;padding:8px 20px;font-weight:400;font-size:12px;line-height:16px;color:#fff}.my-match-item .user[data-v-64ee620a]{height:45px;display:flex;align-items:center;width:100%;padding:0 20px}.my-match-item .user .com-img[data-v-64ee620a]{margin-right:4px}.my-match-item .user .hideDot[data-v-64ee620a]{font-weight:400;font-size:12px;color:#000;line-height:14px;flex:1;margin-right:4px}.my-match-item .user .hot-i[data-v-64ee620a]{width:16px;height:16px;margin-right:4px}.my-match-item .user .view[data-v-64ee620a]{font-weight:400;font-size:12px;color:#8a8a8a;line-height:14px}.com-nav[data-v-d088f548]{flex-shrink:0;flex:1;display:flex;align-items:center}.com-nav .com-cell[data-v-d088f548]{flex-shrink:0;padding:6px;margin-right:34px;position:relative;font-weight:400;font-size:18px;color:#8a8a8a;line-height:21px}.com-nav .com-cell[data-v-d088f548]:after{content:"";position:absolute;background-color:transparent;width:40%;left:50%;transform:translateX(-50%);height:4px;bottom:-5px}.com-nav .com-cell.active[data-v-d088f548]{font-weight:500;font-size:18px;color:#229453;line-height:21px}.com-nav .com-cell.active[data-v-d088f548]:after{background-color:var(--my-primary)}.com-empty[data-v-0d0f1339]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;flex-direction:column}.com-empty img[data-v-0d0f1339]{width:136px;height:122px;-o-object-fit:contain;object-fit:contain;margin-bottom:26px}.com-empty .desc[data-v-0d0f1339]{font-weight:400;font-size:16px;color:#979797;line-height:22px;text-align:center}