[data-v-398688b4]:root{--baseColorTheme:#3663e1;--baseColorThemeLight:#4a73e4;--baseColorThemeDeep:#3159ca;--baseBlueLinear:linear-gradient(89.86deg,#5581ff 0.01%,#0042e1 99.96%);--baseColorBoxShadowSmall:0px 6px 8px rgba(54,99,225,0.3)}.match-item[data-v-398688b4]{border-radius:6px;overflow:hidden;box-shadow:4px 4px 18px 3px #eee;cursor:pointer;position:relative;width:210px}.match-item[data-v-398688b4]:after{content:"";display:block;width:0;height:3px;left:0;right:0;bottom:0;margin:0 auto;background:var(--baseColorTheme);border-top-left-radius:6px;border-top-right-radius:6px;transition:all .2s;opacity:0}.match-item[data-v-398688b4]:hover:after{opacity:1;width:85%}.match-item .img-container[data-v-398688b4]{width:100%;height:106px}.match-item .img-container img[data-v-398688b4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.match-item .no-img-container[data-v-398688b4]{display:flex;align-items:center;justify-content:center;font-size:30px;color:#aaa;background:hsla(0,0%,92.2%,.8)}.match-item .info-container[data-v-398688b4]{background:#fff;padding:16px;box-sizing:border-box}.match-item .title[data-v-398688b4]{font-size:16px;color:#3a3a3a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:8px}.match-item .time[data-v-398688b4]{color:#b7b7bf;font-size:14px}