.design-class[data-v-0b31e583]{height:100%;width:100%}.design-class .classType[data-v-0b31e583]{display:flex;width:100%}.design-class .classType .types[data-v-0b31e583]{color:#666;font-size:12px;font-weight:400;margin-bottom:30px;width:100%}.design-class .classType .types .actTag[data-v-0b31e583]{background:#c83c3226;color:#c83c32}.design-class .classType .types .actTag[data-v-0b31e583],.design-class .classType .types .tagBox[data-v-0b31e583]{border-radius:4px;font-size:12px;font-weight:400;height:32px;line-height:32px;margin-right:8px;padding:0 8px}.design-class .classType .types .tagBox[data-v-0b31e583]{background:#eee;color:#666}.design-class .main>.title[data-v-0b31e583]{color:#1c1c1c;font-size:16px;margin-bottom:20px}.design-class .main>.title .num[data-v-0b31e583]{color:#c83c32}.design-class .main>.card-list[data-v-0b31e583]{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:80px}.design-class .main>.card-list>.card-item[data-v-0b31e583]{background:#fff;border-radius:12px;box-shadow:0 7px 14px #c7c7c71a;margin-bottom:30px;overflow:hidden;width:315px}.design-class .main>.card-list>.card-item.showMask[data-v-0b31e583]{box-shadow:0 7px 14px #c7c7c780}.design-class .main>.card-list>.card-item .top[data-v-0b31e583]{cursor:pointer;height:260px;margin-bottom:16px;position:relative}.design-class .main>.card-list>.card-item .top .bg[data-v-0b31e583]{display:block;height:100%;width:100%}.design-class .main>.card-list>.card-item .top .play[data-v-0b31e583]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.design-class .main>.card-list>.card-item .top .scannum[data-v-0b31e583]{align-items:center;bottom:14px;color:#fff;display:flex;font-size:16px;left:14px;position:absolute;z-index:3}.design-class .main>.card-list>.card-item .top .scannum img[data-v-0b31e583]{height:16px;margin-right:6px;width:16px}.design-class .main>.card-list>.card-item .top .mask[data-v-0b31e583]{background:#0003;height:100%;position:absolute;top:0;width:100%;z-index:2}.design-class .main>.card-list>.card-item .top .b-shadow[data-v-0b31e583]{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));bottom:0;height:80px;position:absolute;width:100%;z-index:1}.design-class .main>.card-list>.card-item .bottom[data-v-0b31e583],.design-class .main>.card-list>.card-item .middle[data-v-0b31e583]{padding:0 14px}.design-class .main>.card-list>.card-item .middle[data-v-0b31e583]{margin-bottom:16px}.design-class .main>.card-list>.card-item .middle .title[data-v-0b31e583]{color:#1c1c1c;font-size:20px;font-weight:600;margin-bottom:16px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.design-class .main>.card-list>.card-item .middle .other[data-v-0b31e583]{color:#666;display:flex;font-size:14px;justify-content:space-between;margin-bottom:20px}.design-class .main>.card-list>.card-item .middle .other .left[data-v-0b31e583]{align-items:center;display:flex;justify-content:space-between;width:116px}.design-class .main>.card-list>.card-item .middle .other .left .line[data-v-0b31e583]{background:#e6e6e6;height:14px;margin:0 12px;width:1px}.design-class .main>.card-list>.card-item .middle .other .left .chapter[data-v-0b31e583]{align-items:center;display:flex}.design-class .main>.card-list>.card-item .middle .other .left .chapter>img[data-v-0b31e583]{margin-right:3px}.design-class .main>.card-list>.card-item .middle .other .right[data-v-0b31e583]{align-items:center;cursor:pointer;display:flex}.design-class .main>.card-list>.card-item .middle .other .right>img[data-v-0b31e583]{border-radius:100%;height:22px;margin-right:4px;width:22px}.design-class .main>.card-list>.card-item .middle .border-line[data-v-0b31e583]{background:#f2f2f2;height:1px;width:100%}.design-class .main>.card-list>.card-item .bottom[data-v-0b31e583]{color:#c83c32;font-size:20px;font-weight:600;padding-bottom:16px}.design-class .main>.nodata[data-v-0b31e583]{padding-bottom:170px;padding-top:140px;text-align:center}.design-class .main>.nodata .svg[data-v-0b31e583]{height:104px;margin-bottom:20px;width:134px}.design-class .main>.nodata .desc[data-v-0b31e583]{color:#1c1c1c;font-size:16px;font-weight:700}