.all-subject[data-v-0b273983]{width:100%;overflow:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.all-subject .subject-item[data-v-0b273983]{height:72px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:16px;margin-right:24px;margin-bottom:16px;border-radius:4px;border:1px solid #dcdfe6;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.all-subject .subject-item .subject-name[data-v-0b273983]{width:calc(100% - 30px)}.all-subject .subject-item .subject-name .group[data-v-0b273983]{display:block;width:100%;margin-bottom:8px}.all-subject .subject-item .subject-name .subject[data-v-0b273983]{color:#999}@media screen and (min-width:1024px){.subject-item[data-v-0b273983]{width:calc(33.33333% - 16px)}.subject-item[data-v-0b273983]:nth-child(4n+4){margin-right:24px}.subject-item[data-v-0b273983]:nth-child(3n+3){margin-right:0}}@media screen and (min-width:1920px){.subject-item[data-v-0b273983]{width:calc(25% - 18px)}.subject-item[data-v-0b273983]:nth-child(3n+3){margin-right:24px}.subject-item[data-v-0b273983]:nth-child(4n+4){margin-right:0}}