.design-class[data-v-0be0c2f0]{height:100%;width:100%}.design-class .classType[data-v-0be0c2f0]{display:flex;width:100%}.design-class .classType .types[data-v-0be0c2f0]{color:#666;font-size:12px;font-weight:400;margin-bottom:30px;width:100%}.design-class .classType .types .actTag[data-v-0be0c2f0]{background:#c83c3226;color:#c83c32}.design-class .classType .types .actTag[data-v-0be0c2f0],.design-class .classType .types .tagBox[data-v-0be0c2f0]{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-0be0c2f0]{background:#eee;color:#666}.design-class .planBox[data-v-0be0c2f0]{box-sizing:border-box;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));width:100%}.design-class .planBox .viewPlan[data-v-0be0c2f0]{background:#fff;border-radius:8px;box-shadow:0 2px 4px #c7c7c71a;overflow:hidden;padding-bottom:16px;position:relative}.design-class .planBox .viewPlan[data-v-0be0c2f0]:hover{box-shadow:0 7px 14px #c7c7c780}.design-class .planBox .viewPlan .more[data-v-0be0c2f0]{bottom:0;cursor:pointer;height:36px;position:absolute;right:0;width:36px}.design-class .planBox .viewPlan .imgBox:hover .mask[data-v-0be0c2f0]{opacity:1}.design-class .planBox .viewPlan .imgBox[data-v-0be0c2f0]{height:220px;position:relative;width:100%}.design-class .planBox .viewPlan .imgBox .add-title[data-v-0be0c2f0]{background:#fff;border:2px dashed #d1d1d1;border-radius:12px;box-sizing:border-box;color:var(--black);cursor:pointer;font-size:16px;font-weight:500;height:100%;justify-content:center;left:0;padding-top:75px;position:absolute;text-align:center;top:0;width:100%}.design-class .planBox .viewPlan .imgBox .mask[data-v-0be0c2f0]{align-items:center;background:#00000080;border-radius:12px;color:#fff;display:flex;height:36px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s;width:140px}.design-class .planBox .viewPlan .imgBox .mask .btn[data-v-0be0c2f0]{background:#00000080;border:1px solid #fff;border-radius:4px;height:36px;width:140px}.design-class .planBox .viewPlan .imgBox .tubusi[data-v-0be0c2f0]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12121233;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:400;height:32px;line-height:24px;padding:0 8px;position:absolute;right:12px;text-align:center;top:12px}.design-class .planBox .viewPlan .imgBox .tubusi .zan[data-v-0be0c2f0]{height:16px;margin-top:4px;width:16px}.design-class .planBox .viewPlan .imgBox .share[data-v-0be0c2f0]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12121233;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:400;height:32px;line-height:24px;padding:0 8px;position:absolute;right:12px;text-align:center;top:56px}.design-class .planBox .viewPlan .imgBox .share .zan[data-v-0be0c2f0]{height:16px;margin-top:4px;width:16px}.design-class .planBox .viewPlan .imgBox .watch[data-v-0be0c2f0]{align-items:center;bottom:10px;color:#fff;display:flex;font-size:12px;font-weight:400;height:16px;left:12px;line-height:24px;position:absolute;text-align:center}.design-class .planBox .viewPlan .imgBox .watch .zan[data-v-0be0c2f0]{height:16px;margin-right:4px;margin-top:0;min-width:16px}.design-class .planBox .viewPlan .imgBox .add[data-v-0be0c2f0],.design-class .planBox .viewPlan .imgBox img[data-v-0be0c2f0]{cursor:pointer;height:100%;width:100%}.design-class .planBox .viewPlan .messageBox[data-v-0be0c2f0]{box-sizing:border-box;padding:0 12px;width:100%}.design-class .planBox .viewPlan .messageBox .name[data-v-0be0c2f0]{font-size:16px;font-weight:500;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:90%}.design-class .planBox .viewPlan .messageBox .time[data-v-0be0c2f0]{align-items:center;color:#999;display:flex;font-size:14px;font-weight:400;margin-top:8px}.design-class .planBox .viewPlan .messageBox .time .line[data-v-0be0c2f0]{background-color:#e6e6e6;height:12px;margin-left:2px;margin-right:12px;width:1px}.design-class>.nodata[data-v-0be0c2f0]{padding-bottom:170px;padding-top:140px;text-align:center;width:100%}.design-class>.nodata .svg[data-v-0be0c2f0]{height:104px;margin-bottom:20px;width:134px}.design-class>.nodata .desc[data-v-0be0c2f0]{color:#1c1c1c;font-size:16px;font-weight:700}@media (min-width:1920px){.design-class .planBox[data-v-0be0c2f0]{grid-template-columns:repeat(auto-fill,minmax(378px,1fr))}}