.class-item[data-v-180b7f7c]{clear:both;background:#fff;padding:20px;border-radius:8px}.class-item .top[data-v-180b7f7c]{display:flex;align-items:center;justify-content:space-between}.class-item .top .type[data-v-180b7f7c]{background:#f2f2f2;color:#878787;font-size:12px;padding:2px 6px;border-radius:4px}.class-item .center[data-v-180b7f7c]{margin-top:10px}.class-item .center .type[data-v-180b7f7c]{color:#fe9656;background:#ffeadb;font-size:12px;padding:1px 6px;border-radius:4px;margin-right:10px}.class-item .name[data-v-180b7f7c]{font-size:16px;color:#4d4d4d}.class-item .num[data-v-180b7f7c]{font-size:12px;margin-top:9px;color:#b6b6b6}.class-item .date[data-v-180b7f7c]{font-size:12px;margin-top:20px;color:#b6b6b6}.class-item .date .time[data-v-180b7f7c]{background:#f1483c;color:#fff;margin-left:20px;padding:0 13px;border-radius:5px}.class-item .date .ranking[data-v-180b7f7c]{color:#4d4d4d;margin-right:20px}.class-item .date .ranking-center[data-v-180b7f7c]{margin-right:20px}.class-item .date .ranking-num[data-v-180b7f7c]{color:#4d4d4d}