.item-container[data-v-400bec8e]{position:relative;display:flex;width:auto;height:8.5rem;cursor:pointer;background:#f6f7f9;border-radius:.57rem}.item-container .template-mask[data-v-400bec8e]{position:absolute;top:0;left:0;display:none;align-items:center;justify-content:center;width:100%;height:100%;font-size:14px;color:#191919;background-color:rgba(0,0,0,.3)}.item-container-col[data-v-400bec8e]{flex-direction:column}.item-container[data-v-400bec8e]:hover{cursor:pointer;background:#fff;box-shadow:0 3px 9px 0 #e6e6e6;transform:scale(1.02)}.item-container:hover .template-mask[data-v-400bec8e]{display:flex}.item-container:hover .item-footer[data-v-400bec8e]{justify-content:flex-end!important}.item-container:hover .item-footer-left[data-v-400bec8e],.item-container:hover .item-footer-right[data-v-400bec8e]{display:none!important}.item-container:hover .item-installbtn[data-v-400bec8e]{display:flex!important}.item-container .img[data-v-400bec8e]{display:flex;flex:0 1;align-items:center;justify-content:center;background-size:100% 100%!important}.item-container .img[data-v-400bec8e],.item-container .img img[data-v-400bec8e]{width:136px;height:136px;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.item-container .img img[data-v-400bec8e]{left:calc(50% - 34px);min-height:8.5rem}.item-container .img .icon[data-v-400bec8e]{width:136px;font-size:3rem;color:#fff;text-align:center}.item-container .img .icon[data-v-400bec8e]:before{padding:8px;font-weight:500;color:#1585ff;background:#fff;border-radius:50%;-webkit-text-stroke:thin}.item-container .img.bkg_0[data-v-400bec8e]{background:url(../../static/img/blue.eaf0bfa2.png) no-repeat}.item-container .img.bkg_1[data-v-400bec8e]{background:url(../../static/img/green.d492635f.png) no-repeat}.item-container .img.bkg_1 .icon[data-v-400bec8e]:before{padding:8px;font-weight:500;color:#4bd2bc;background:#fff;border-radius:50%;-webkit-text-stroke:thin}.item-container .img.bkg_2[data-v-400bec8e]{background:url(../../static/img/purple.26c329dc.png) no-repeat}.item-container .img.bkg_2 .icon[data-v-400bec8e]:before{padding:8px;font-weight:500;color:#7f6eec;background:#fff;border-radius:50%;-webkit-text-stroke:thin}.item-container .img.bkg_3[data-v-400bec8e]{background:url(../../static/img/yellow.2dc98440.png) no-repeat}.item-container .img.bkg_3 .icon[data-v-400bec8e]:before{padding:8px;font-weight:500;color:#ffcb2a;background:#fff;border-radius:50%;-webkit-text-stroke:thin}.item-container .item-content[data-v-400bec8e]{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;width:calc(100% - 136px);height:136px;padding:16px}.item-container .item-content .item-label[data-v-400bec8e]{width:14rem;max-width:14rem;height:1.42rem;overflow:hidden;font-size:1rem;font-weight:400;line-height:1rem;color:#333;text-align:left;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1}.item-container .item-content .item-desc[data-v-400bec8e]{display:-webkit-box;width:14rem;height:2rem;margin-top:.42rem;overflow:hidden;font-size:.875rem;font-weight:400;line-height:1rem;color:#999;text-align:left;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media screen and (max-width:1560px){.item-container .item-content .item-desc[data-v-400bec8e],.item-container .item-content .item-label[data-v-400bec8e]{width:11rem!important}.item-container .item-content .img img[data-v-400bec8e]{width:136px;height:136px}}@media screen and (min-width:1720px){.item-container .item-content .item-desc[data-v-400bec8e],.item-container .item-content .item-label[data-v-400bec8e]{width:100%}.item-container .item-content .img img[data-v-400bec8e]{width:136px;height:136px}}@media screen and (min-width:1560px) and (max-width:1720px){.item-container .item-content .item-desc[data-v-400bec8e],.item-container .item-content .item-label[data-v-400bec8e]{width:16rem!important}.item-container .item-content .item-desc[data-v-400bec8e]{height:2rem!important;-webkit-line-clamp:2}.item-container .item-content .img img[data-v-400bec8e]{width:136px;height:136px}}.item-container .item-content .item-footer[data-v-400bec8e]{display:flex;align-items:flex-end;width:100%;height:32px;white-space:nowrap}@media screen and (min-width:1776px){.item-container .item-content .item-footer[data-v-400bec8e]{position:relative}.item-container .item-content .item-footer-right[data-v-400bec8e]{position:absolute;right:.2rem}.item-container .item-content .item-footer-left[data-v-400bec8e]{max-width:14rem;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1}}@media screen and (max-width:1776px){.item-container .item-content .item-footer[data-v-400bec8e]{flex-direction:column;align-items:unset;margin-top:.2rem}.item-container .item-content .item-footer-left[data-v-400bec8e]{max-width:14rem;margin-bottom:.5rem;text-overflow:ellipsis;white-space:nowrap;-webkit-line-clamp:1}}.item-container .item-content .item-footer-left[data-v-400bec8e]{width:-moz-fit-content;width:fit-content;max-width:8rem;height:1.2rem;padding:.14rem .42rem;overflow:hidden;font-size:.85rem;font-weight:400;line-height:1rem;color:#0062ff;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#e6f0ff;border-radius:.21rem}.item-container .item-content .item-footer-right[data-v-400bec8e]{display:flex;align-items:center;height:1.2rem;font-size:.85rem;font-weight:400;line-height:1rem;color:#0062ff;text-align:right}.item-container .item-content .item-footer-right span[data-v-400bec8e]{margin-left:.25rem;color:#999}.item-container .item-content .item-footer .item-installbtn[data-v-400bec8e]{display:none;align-items:center;justify-content:center;width:96px;height:32px;padding:0;color:#191919;background:#fff;border:1px solid #595959}.item-container .item-content .item-footer .item-installbtn[data-v-400bec8e]:hover{color:#191919;background-color:#fff;border-color:#c2c2c2}.item-container .item-content .item-footer-1[data-v-400bec8e]{flex-direction:row!important;justify-content:space-between;height:1.2rem!important}.item-container .item-content .item-footer-1 .item-footer-left[data-v-400bec8e]{height:1.2rem!important;margin-bottom:0!important}.item-container .spacer[data-v-400bec8e]{flex:1}[data-v-a3c2d67e] .tiny-input__inner{height:32px}.nodata[data-v-84324bee]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.nodata .nodata-img[data-v-84324bee]{width:80px;height:80px;margin-bottom:8px}.nodata .nodata-text[data-v-84324bee]{font-size:14px;line-height:22px;color:#595959}.tabs-container[data-v-0dc0c729]{display:flex;align-items:center}.tabs-container .tab-option[data-v-0dc0c729]{width:104px;height:32px;margin-right:2px;font-size:14px;line-height:32px;color:#595959;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#f5f5f5;border-radius:6px}.tabs-container .tab-option[data-v-0dc0c729]:hover{color:#191919;background-color:#deecff}.tabs-container .tab-option[data-v-0dc0c729]:last-of-type{margin-right:0}.tabs-container .tab-option.active[data-v-0dc0c729]{color:#fff;background:#1476ff;outline:none!important}.tabs-container .tab-option.active[data-v-0dc0c729]:hover{color:#fff;background:#1476ff}.templates[data-v-1d81e616]{width:100%;height:calc(100% - 46px);padding:24px;padding-left:14px;background-color:#fff;border-radius:8px}.templates .templates-tabs[data-v-1d81e616]{display:flex;flex-direction:column;width:100%;height:100%}.templates .templates-tabs .templates-tabs-header[data-v-1d81e616]{width:100%;padding-left:10px;margin-bottom:20px}.templates .templates-tabs .templates-tabs-header .templates-tabs-box[data-v-1d81e616]{margin-bottom:20px}.templates .templates-tabs .templates-tabs-header .templates-tabs-box .templates-type-title[data-v-1d81e616]{height:24px;margin-bottom:16px;font-size:16px;font-weight:bolder;line-height:24px;color:#191919}.templates .templates-tabs .templates-tabs-header .templates-tabs-box[data-v-1d81e616] .tiny-tabs .tiny-tabs__header .tiny-tabs__nav-wrap{width:192px;padding:0}.templates .templates-tabs .templates-tabs-header .templates-tabs-box[data-v-1d81e616] .tiny-tabs .tiny-tabs__content,.templates .templates-tabs .templates-tabs-header .templates-tabs-box[data-v-1d81e616] .tiny-tabs .tiny-tabs__header .tiny-tabs__nav-wrap-not-separator:after,.templates .templates-tabs .templates-tabs-header .templates-tabs-box[data-v-1d81e616] .tiny-tabs .tiny-tabs__header .tiny-tabs__nav-wrap .tiny-tabs__nav-next,.templates .templates-tabs .templates-tabs-header .templates-tabs-box[data-v-1d81e616] .tiny-tabs .tiny-tabs__header .tiny-tabs__nav-wrap .tiny-tabs__nav-prev{display:none}.templates .templates-tabs .templates-tabs-header .templates-header-box[data-v-1d81e616]{display:flex;align-items:center;justify-content:space-between}.templates .templates-tabs .templates-tabs-header .templates-header-box .header-box-left[data-v-1d81e616]{display:flex;align-items:center;margin-right:24px}.templates .templates-tabs .templates-tabs-header .templates-header-box .header-box-left .left-title[data-v-1d81e616]{min-width:64px;margin-right:20px;font-size:16px;line-height:24px;color:#191919}.templates .templates-tabs .templates-tabs-header .templates-header-box .header-box-right[data-v-1d81e616]{width:426px;min-width:234px}.templates .templates-tabs .templates-tabs-content[data-v-1d81e616]{display:flex;justify-content:center;height:calc(100% - 123px);overflow-y:auto}.templates .templates-tabs .templates-tabs-content .el-row[data-v-1d81e616]{align-content:flex-start;height:100%}@media screen and (max-width:1560px){.templates .templates-tabs .templates-tabs-content .el-col-lg-6[data-v-1d81e616]{width:33.33%}}.templates .templates-tabs .templates-tabs-content .content-row[data-v-1d81e616]{width:100%!important}.templates .templates-tabs .templates-tabs-content .temp-item[data-v-1d81e616]{height:9.71rem;margin-top:.71rem;margin-right:1rem;margin-bottom:.71rem}.templates .templates-tabs .templates-tabs-content .temp-item[data-v-1d81e616]:last-child{margin-right:0}.visualdev-template-loading .tiny-loading__spinner>.tiny-svg{stop{stop-color:#fff!important}}.visualdev-template-loading .tiny-loading__spinner>.tiny-loading__text{color:#fff}.main-content[data-v-7082e1be]{width:100%;height:calc(100vh - 96px);overflow:hidden}.main-content .main-content-body[data-v-7082e1be]{width:100%;height:100%}.main-content .main-content-body .breadcrumb[data-v-7082e1be]{margin-bottom:24px}.visualdev-loading{border-radius:8px}