.class-item[data-v-23e38120]{flex:0 0 32%;max-width:32%;background:#fff;border:1px solid rgba(136,82,82,.2);border-radius:10px;margin-bottom:20px}.class-item .base-info[data-v-23e38120]{padding-bottom:15px}.class-item .base-info .base-info-top[data-v-23e38120]{display:flex;align-items:center;justify-content:space-between;padding:15px 0 15px 20px}.class-item .base-info .base-info-top .bj[data-v-23e38120]{font-size:24px;font-weight:700}.class-item .base-info .base-info-top .role .bzr[data-v-23e38120]{display:inline-block;padding:3px 8px;text-align:center;border:1px solid #fb9715;border-radius:10px;color:#fb9715;margin-right:17px}.class-item .base-info .base-info-top .role .rk[data-v-23e38120]{display:inline-block;padding:3px 8px;text-align:center;border:1px solid #51c76c;border-radius:10px;color:#51c76c}.class-item .base-info .base-info-top .role .creater[data-v-23e38120]{display:inline-block;padding:3px 8px;text-align:center;border:1px solid #36c0f3;border-radius:10px;color:#36c0f3}.class-item .base-info .base-info-bottom[data-v-23e38120]{color:#999;padding:0 0 0 20px;margin-right:20px}.class-item .base-info .is-join[data-v-23e38120]{color:#51c76c}.class-item .count[data-v-23e38120]{padding:11px 0 21px 20px;border-top:1px solid #f0f2f5}.class-item .count span[data-v-23e38120]{margin-right:70px}.my-class-container .name[data-v-506ed224]{height:58px;line-height:58px;background:#fff;border-radius:10px;font-size:18px;font-weight:700;padding-left:20px}.my-class-container .administrative-class[data-v-506ed224],.my-class-container .taget-class[data-v-506ed224]{background:#fff;border-radius:10px;margin-top:16px}.my-class-container .administrative-class .bt[data-v-506ed224],.my-class-container .taget-class .bt[data-v-506ed224]{font-size:16px;color:#333;height:44px;line-height:44px;padding-left:19px;border-bottom:1px solid #f0f2f5}.my-class-container .administrative-class .class-list[data-v-506ed224],.my-class-container .taget-class .class-list[data-v-506ed224]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:20px 20px 29px 20px;padding-bottom:30px}.my-class-container .administrative-class .class-list .empty-item[data-v-506ed224],.my-class-container .taget-class .class-list .empty-item[data-v-506ed224]{flex:0 0 30%}.my-class-container .taget-class .create-target[data-v-506ed224]{flex:0 0 32%;margin-bottom:10px;width:375px;height:140px;background:#f4fcf2;border:1px dashed #51c76c;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:24px;color:#51c76c}.my-class-container .taget-class .create-target .add[data-v-506ed224]{font-size:48px;margin-right:16px;position:relative;top:-2px}