@keyframes loading-708f4d78{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.item-avator__icon[data-v-708f4d78]{border-radius:8px;cursor:pointer;height:64px;overflow:hidden;position:relative;width:64px}.item-avator__icon img[data-v-708f4d78]{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.item-avator__icon span[data-v-708f4d78]{color:#ffb131;font-size:64px;line-height:64px}.item-avator__icon i[data-v-708f4d78]{visibility:hidden}.item-avator__icon--loading .h-icon-all-loading-o[data-v-708f4d78]{animation:loading-708f4d78 .8s linear infinite;display:inline-block}.item-avator__icon--loading i[data-v-708f4d78],.item-avator__icon:hover i[data-v-708f4d78]{bottom:0;color:#fff;left:0;line-height:64px;position:absolute;right:0;text-align:center;top:0;visibility:visible;z-index:9}.item-avator__icon--loading[data-v-708f4d78]:after,.item-avator__icon[data-v-708f4d78]:hover:after{background-color:rgba(17,18,24,.5);bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:5}.style-preview .style-preview-title[data-v-5cee7164]{color:rgba(17,18,24,.5);font-size:12px;font-weight:400;height:20px;line-height:20px;margin-bottom:5px;text-align:left}.style-preview .style-preview-box[data-v-5cee7164]{align-items:stretch;background:#fff;border-radius:2px;display:-webkit-box;display:flex;min-height:40px;overflow:hidden;padding:4px}.style-preview .style-preview-box .preview-label[data-v-5cee7164]{align-items:center;display:-webkit-box;display:flex}.style-preview .style-preview-box .preview-label .label-text[data-v-5cee7164]{color:#111218;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.style-preview .style-preview-box .preview-content[data-v-5cee7164]{align-items:center;background:rgba(245,246,249,.56);border-radius:2px;display:-webkit-box;display:flex;min-height:32px;padding:5px 12px;width:1px}.style-preview .style-preview-box .preview-content .content-text[data-v-5cee7164]{color:#111218;font-size:14px;font-weight:400;line-height:22px;min-height:22px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.style-preview .style-preview-box.horizontal[data-v-5cee7164]{flex-flow:row}.style-preview .style-preview-box.horizontal .preview-label[data-v-5cee7164]{margin-right:8px;min-height:32px;padding:5px 8px;width:100px}.style-preview .style-preview-box.horizontal .preview-label .label-text[data-v-5cee7164]{font-size:14px;line-height:22px;min-height:22px}.style-preview .style-preview-box.horizontal .preview-content[data-v-5cee7164]{flex:1}.style-preview .style-preview-box.vertical[data-v-5cee7164]{flex-flow:column}.style-preview .style-preview-box.vertical .preview-label[data-v-5cee7164]{margin-bottom:4px;padding:5px 12px;width:100%}.style-preview .style-preview-box.vertical .preview-label .label-text[data-v-5cee7164]{font-size:12px;line-height:1em;min-height:1em}.style-preview .style-preview-box.vertical .preview-content[data-v-5cee7164]{width:100%}.style-template-card[data-v-3cba5444]{background:#f7f8fa;border-radius:4px;display:-webkit-box;display:flex;padding:8px 12px;position:relative}.style-template-card .style-template-tag[data-v-3cba5444]{background:#cce4ff;border-radius:0 4px 0 4px;color:#2970ff;font-size:12px;height:18px;line-height:18px;position:absolute;right:0;text-align:center;top:0;width:40px}.style-template-card .style-template-card-icon[data-v-3cba5444]{flex:0;margin-right:8px}.style-template-card .style-template-card-icon img[data-v-3cba5444]{height:48px;width:48px}.style-template-card .style-template-card-content[data-v-3cba5444]{flex:1;overflow:hidden;position:relative}.style-template-card .style-template-card-content .style-template-title[data-v-3cba5444]{color:#111218;font-size:13px;font-weight:600;line-height:22px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.style-template-card .style-template-card-content .style-template-description[data-v-3cba5444]{color:rgba(17,18,24,.5);font-size:12px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:260px}.style-template-card[data-v-3cba5444]:hover{background:rgba(0,30,116,.06)}.css-textarea[data-v-77d8858e]{height:30px;min-height:30px}.bg-style[data-v-77d8858e]{width:100%}.bg-style .row[data-v-77d8858e]{align-items:center;display:-webkit-box;display:flex;justify-content:space-between;width:100%}.bg-style .marginR12[data-v-77d8858e]{margin-right:12px}.bg-style .row-item[data-v-77d8858e]{flex:1}.bg-style .css-switch[data-v-77d8858e] .ant-switch-inner{height:17px;line-height:13px;margin-left:18px;white-space:nowrap}.bg-style .css-switch.ant-switch-checked[data-v-77d8858e] .ant-switch-inner{margin-left:6px;margin-right:18px}.percentage-pixel-setting{align-items:center!important;display:-webkit-box!important;display:flex!important;height:30px!important;overflow:hidden!important;padding:0!important;width:100%!important}.percentage-pixel-setting .setting-step{flex:1;overflow:hidden}.percentage-pixel-setting .setting-type{width:52px}.percentage-pixel-setting .ant-input-number,.percentage-pixel-setting .ant-select,.percentage-pixel-setting .ant-select-selection{border:none!important;border-radius:0;box-shadow:unset!important;height:28px;line-height:28px;width:100%}.percentage-pixel-setting .ant-input-number-handler-wrap{border-radius:0;border-right:1px solid #d9d9d9}.percentage-pixel-setting.ant-input-number-focused{border-color:#5291ff;border-right-width:1px!important}.style-property-group[data-v-cb2ae858]{background:#f7f8fa;padding:8px}.style-property-group .style-property-item .style-property-input[data-v-cb2ae858]{width:100%}.style-property-group .style-property-item .style-property-input.ant-radio-group[data-v-cb2ae858]{display:-webkit-box;display:flex}.style-property-group .style-property-item .style-property-input.ant-radio-group>label[data-v-cb2ae858]{flex:1;text-align:center}.style-property-group .style-property-item .style-property-input.px-select[data-v-cb2ae858]{margin-bottom:8px}.style-property-group .style-property-item .style-property-input.px-select[data-v-cb2ae858] .ant-input-number{border-radius:2px}.style-property-group .style-property-item+.style-property-item[data-v-cb2ae858]{margin-top:16px}.style-property-group[data-v-e3d1f824]{background:#f7f8fa;padding:8px}.style-property-group .style-property-item .style-property-input[data-v-e3d1f824]{width:100%}.style-property-group .style-property-item .style-property-input.ant-radio-group[data-v-e3d1f824]{display:-webkit-box;display:flex}.style-property-group .style-property-item .style-property-input.ant-radio-group>label[data-v-e3d1f824]{flex:1;text-align:center}.style-property-group .style-property-item .style-property-input.px-select[data-v-e3d1f824]{margin-bottom:8px}.style-property-group .style-property-item .style-property-input.px-select[data-v-e3d1f824] .ant-input-number{border-radius:2px}.style-property-group .style-property-item+.style-property-item[data-v-e3d1f824]{margin-top:16px}.sheet-style[data-v-40ad18d2]{display:-webkit-box;display:flex}.sheet-style div.item[data-v-40ad18d2]{overflow:hidden;text-align:center}.sheet-style div.item .img-wrap[data-v-40ad18d2]{border:1px solid #e8eaed;border-radius:4px;cursor:pointer;height:64px;text-align:center;width:80px}.sheet-style div.item .img-wrap[data-v-40ad18d2]:hover{border:1px solid #2970ff}.sheet-style div.item .img-wrap.img-wrap-disabled[data-v-40ad18d2]{border:1px solid #e6e6e6!important;cursor:not-allowed}.sheet-style div.item .img-wrap img[data-v-40ad18d2]{height:62px}.sheet-style div.item .tag[data-v-40ad18d2]{display:none}.sheet-style div.item.default-style[data-v-40ad18d2]{margin-right:16px}.sheet-style div.item.active[data-v-40ad18d2]{position:relative}.sheet-style div.item.active .img-wrap[data-v-40ad18d2]{border:1px solid #2970ff}.sheet-style div.item.active .img-wrap.img-wrap-disabled[data-v-40ad18d2]{border:1px solid #d9d9d9!important}.sheet-style div.item.active .tag[data-v-40ad18d2]{display:block;position:absolute;right:0;top:0}.sheet-style div.item.active .tag em[data-v-40ad18d2]{color:#fff;font-size:12px;left:-13px;position:absolute;top:-2px}.sheet-style div.item.active .tag[data-v-40ad18d2]:before{background-color:#2970ff;content:"";height:30px;left:-16px;position:absolute;top:-14px;transform:rotate(45deg);width:30px}.sheet-style div.item.active .tag.tag-disabled[data-v-40ad18d2]:before{background-color:#d9d9d9}.sheet-style div.item p[data-v-40ad18d2]{margin-top:8px}.group-icon-check[data-v-f4be6038]{background:#fff;display:-webkit-box;display:flex}.group-icon-check .item[data-v-f4be6038]{border:1px solid #d4d5d6;cursor:pointer;font-size:16px;font-weight:500;height:30px;line-height:28px;margin-right:8px;position:relative;text-align:center;width:33px}.group-icon-check .item .icon[data-v-f4be6038]{color:#111218;opacity:.5}.group-icon-check .item[data-v-f4be6038]:hover{border:1px solid var(--borderColor,#2970ff)}.group-icon-check .item:hover em[data-v-f4be6038]{color:var(--primaryColor,#2970ff);opacity:1}.group-icon-check .item.active[data-v-f4be6038]{border:1px solid var(--borderColor,#2970ff)}.group-icon-check .item.active em[data-v-f4be6038]{color:var(--primaryColor,#2970ff);opacity:1}.group-icon-check .item.active[data-v-f4be6038]:after{border-bottom:5px solid transparent;border-left:5px solid transparent;border-right:5px solid var(--borderColor,#2970ff);border-top:5px solid var(--borderColor,#2970ff);content:"";height:10px;position:absolute;right:0;top:0;width:10px}.group-icon-check .item.disabled[data-v-f4be6038]{border:1px solid #d9d9d9}.group-icon-check .item.disabled em[data-v-f4be6038]{color:#d9d9d9;opacity:1}.group-icon-check .item.disabled[data-v-f4be6038]:after{border-right:5px solid #d9d9d9;border-top:5px solid #d9d9d9}.group-icon-check span[data-v-f4be6038]{background-color:#d4d5d6;height:30px;width:1px}.resulte[data-v-16e0912e]{display:-webkit-box;display:flex;justify-content:space-between;margin-top:16px}.resulte .label[data-v-16e0912e]{color:rgba(17,18,24,.5);font-size:12px;line-height:20px}.resulte .line[data-v-16e0912e]{align-self:flex-end;background-color:#e8eaed;height:22px;width:1px}.resulte input[data-v-16e0912e]{border:1px solid #d4d5d6;box-sizing:border-box;font-size:12px;line-height:20px;text-align:center}.resulte .hex-wrapper[data-v-16e0912e]{margin-right:7px}.resulte .hex-wrapper input[data-v-16e0912e]{width:62px}.resulte .rgb-wrapper[data-v-16e0912e]{align-items:center;display:-webkit-box;display:flex}.resulte .rgb-wrapper>div[data-v-16e0912e]{margin-left:7px}.resulte .rgb-wrapper input[data-v-16e0912e]{width:46px}.flexbox-fix[data-v-16e0912e]{align-items:center;display:-webkit-box;display:flex;justify-content:space-between;margin-top:12px}.flexbox-fix .current-color[data-v-16e0912e]{border-radius:2px;height:26px;margin-right:12px;width:26px}.flexbox-fix .hue-horizontal[data-v-16e0912e]{border-radius:4px;flex:1;height:8px;position:relative}.flexbox-fix .hue-horizontal .colorBar-color-picker[data-v-16e0912e]{left:0;position:absolute;transform:translate(-6px,-2px)}.flexbox-fix .hue-horizontal .colorBar-color-picker .colorBar-color-picker-in[data-v-16e0912e]{background-color:#f8f8f8;border-radius:6px;box-shadow:0 1px 4px 0 rgba(0,0,0,.37);height:12px;width:12px}.color-pancel[data-v-16e0912e]{height:147px;position:relative;width:100%}.saturation-white[data-v-16e0912e]{background:-webkit-linear-gradient(left,#fff,hsla(0,0%,100%,0));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0));bottom:0;left:0;position:absolute;right:0;top:0}.saturation-black[data-v-16e0912e]{background:-webkit-linear-gradient(bottom,#000,transparent);background:linear-gradient(0deg,#000,transparent);bottom:0;left:0;position:absolute;right:0;top:0}.pickerBtn[data-v-16e0912e]{cursor:default;left:100%;position:absolute;top:0;transform:translate(-6px,-6px)}.pickerBtn .btn-in[data-v-16e0912e]{border-radius:6px;box-shadow:inset 0 0 0 2px #fff;height:12px;width:12px}.hue-horizontal[data-v-16e0912e]{background:-webkit-linear-gradient(left,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.hue-vertical[data-v-16e0912e]{background:-webkit-linear-gradient(bottom,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);background:linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.color-input[data-v-ef98592c]{background:#fff;border:1px solid #d4d5d6;border-radius:2px 2px 2px 2px;height:30px;padding:4px 8px;width:100%}.color-input[data-v-ef98592c]:hover{border-color:var(--primaryColor,#2970ff);cursor:pointer}.color-input.color-input-disabled[data-v-ef98592c]{background-color:#f5f5f5;color:#111218;cursor:not-allowed}.color-input.color-input-disabled[data-v-ef98592c]:hover{border:1px solid #d9d9d9;cursor:not-allowed}.color-input .theme-color[data-v-ef98592c]{align-items:center;display:-webkit-box;display:flex}.color-input .theme-color .color-icon[data-v-ef98592c]{background:conic-gradient(#ff2626,#ff52c4,#8145ff,#2cb3ff,#44ff9a,#ffd43b,#ff6929,#ff1b1b);border-radius:2px 2px 2px 2px;height:18px;width:18px}.color-input .theme-color .theme-color-title[data-v-ef98592c]{color:#000;font-size:13px;height:22px;line-height:22px;margin-left:4px}.picker-body[data-v-ef98592c]{background:#fff;border-radius:4px 4px 4px 4px;box-shadow:0 2px 8px 0 rgba(17,18,24,.15);box-sizing:border-box;padding:16px 12px;position:fixed;right:0;top:0;width:258px;z-index:2000}.picker-body .theme-select[data-v-ef98592c]{align-items:center;border:1px solid #d4d5d6;border-radius:4px 4px 4px 4px;color:#111218;cursor:pointer;display:-webkit-box;display:flex;font-size:12px;height:24px;justify-content:center;line-height:20px;margin:0 auto 8px}.picker-body .theme-select.selected[data-v-ef98592c],.picker-body .theme-select[data-v-ef98592c]:hover{border-color:#2970ff;color:#2970ff}.switch-item[data-v-7d219553]{display:-webkit-box;display:flex;justify-content:space-between}.group-style .property-item[data-v-7d219553]{margin-bottom:16px}.group-style .property-item[data-v-7d219553]:last-child{margin-bottom:0}.edit-style-template-wrap[data-v-b09931c4]{background-color:#f7f8fa;display:-webkit-box;display:flex;height:100%;justify-content:space-between;width:100%}.edit-style-template-wrap .left-preview[data-v-b09931c4]{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px 0 rgba(17,18,24,.15);flex:1;margin:20px;overflow:hidden}.edit-style-template-wrap .left-preview.MOBILE[data-v-b09931c4]{align-items:center;background:#f7f8fa;display:-webkit-box;display:flex;justify-content:center;margin:0}.edit-style-template-wrap .left-preview.MOBILE .sheet-preview[data-v-b09931c4]{background:#fff;height:calc(100% - 80px);width:383px}.edit-style-template-wrap .rigth-info[data-v-b09931c4]{background-color:#fff;border-left:1px solid #f7f8fa;display:-webkit-box;display:flex;flex-direction:column;height:100%;width:300px}.edit-style-template-wrap .rigth-info .setting[data-v-b09931c4]{flex:1;overflow:auto}.edit-style-template-wrap .rigth-info .btns[data-v-b09931c4]{align-items:center;border-top:1px solid #ddd;display:-webkit-box;display:flex;height:56px;justify-content:center;position:relative}.edit-style-template-wrap .rigth-info .btns button[data-v-b09931c4]{margin-right:16px}.edit-style-template-wrap .rigth-info .btns button[data-v-b09931c4]:last-child{margin-right:0}.reset-default-btn-box[data-v-b09931c4]{height:22px;line-height:22px;position:absolute;right:70px;top:25px}.reset-default-btn-box .reset-btn[data-v-b09931c4]{align-items:center;color:#111218;cursor:pointer;display:-webkit-inline-box;display:inline-flex;height:22px}.reset-default-btn-box .reset-btn .reset-icon[data-v-b09931c4]{font-size:16px;margin-right:6px}.reset-default-btn-box .reset-btn .reset-text[data-v-b09931c4]{font-size:14px;font-weight:400}.reset-default-btn-box .reset-btn[data-v-b09931c4]:hover{color:var(--primaryColor,#2970ff)}.property-group[data-v-b09931c4]{display:-webkit-box;display:flex;flex-direction:column;margin-bottom:16px;padding:0 16px}.property-group .property-item[data-v-b09931c4]{flex:1;margin-bottom:16px;position:relative}.property-group .property-item[data-v-b09931c4]:last-child{margin:0}.property-group .property-item .error-info[data-v-b09931c4]{bottom:-20px;color:#f0353f;font-size:12px;font-weight:400;left:0;line-height:20px;position:absolute}.property-group .property-item.set-default-item[data-v-b09931c4]{display:-webkit-box;display:flex;flex-direction:row;justify-content:space-between}.property-group[data-v-b09931c4] .style-preview{background:#f7f8fa;border-radius:2px;flex:1;padding:12px}.flex-radio-group{display:-webkit-box!important;display:flex!important;width:100%}.flex-radio-group>label{flex:1;text-align:center}.style-template-list .style-template-type[data-v-d8631638]{margin-bottom:16px}.style-template-list .style-template-type-title[data-v-d8631638]{color:#111218;font-size:14px;font-weight:600;height:42px;line-height:42px}.style-template-list .style-template-type-title .aufontAll[data-v-d8631638]{color:#111218;cursor:pointer;font-size:12px;margin-right:8px}.style-template-list .style-template-list-box[data-v-d8631638] .style-template-item{margin-bottom:8px}.style-template-list .style-template-list-box[data-v-d8631638] .style-template-item .delete-icon{border-radius:2px 2px 2px 2px;cursor:pointer;display:none;height:24px;position:absolute;right:0;text-align:center;top:12px;width:24px}.style-template-list .style-template-list-box[data-v-d8631638] .style-template-item .delete-icon .aufontAll{color:rgba(17,18,24,.5)}.style-template-list .style-template-list-box[data-v-d8631638] .style-template-item .delete-icon:hover{background:rgba(0,30,116,.06)}.style-template-list .style-template-list-box[data-v-d8631638] .style-template-item .setting-icon{transform:rotate(90deg)}.style-template-list .style-template-list-box[data-v-d8631638] .style-template-item:hover{cursor:pointer}.style-template-list .style-template-list-box[data-v-d8631638] .style-template-item:hover .delete-icon{display:block}.style-template-list .create-style-template-button[data-v-d8631638]{text-align:center}.style-template-list .create-style-template-button .button-box[data-v-d8631638]{align-items:center;color:var(--primaryColor,#2970ff);cursor:pointer;display:-webkit-inline-box;display:inline-flex;font-family:PingFang SC;font-size:14px;font-weight:400;height:22px;line-height:22px}.style-template-list .create-style-template-button .button-box .button-icon[data-v-d8631638]{font-size:14px;margin-right:8px}.delete-style-template-confirm .ant-modal-mask,.delete-style-template-confirm .ant-modal-wrap{z-index:1031}.delete-style-template-confirm .ant-modal{padding-bottom:unset;top:calc(50% - 96px)}.delete-style-template-confirm .ant-modal-confirm-body .ant-modal-confirm-title{color:#111218;font-size:16px;font-weight:600;height:24px;line-height:24px}.delete-style-template-confirm .ant-modal-confirm-body .ant-modal-confirm-content{color:#111218;font-size:14px;font-weight:400;line-height:22px;margin-top:12px}.delete-style-template-confirm .ant-modal-confirm-btns .ant-btn-danger{background:#f0353f;border-radius:2px}.delete-style-template-confirm .ant-modal-confirm-btns .ant-btn-danger:hover{background:#fc6063}.delete-style-template-confirm .ant-modal-confirm-btns .ant-btn-danger:active{background:#c92230}.theme-color-pick-wrapper{z-index:1040!important}.ant-message{z-index:2000!important}.theme-seting .title{box-shadow:0 1px 0 0 #ddd;display:-webkit-box;display:flex;height:56px;justify-content:space-between;left:0;line-height:56px;padding-left:24px;padding-right:24px;position:absolute;right:0;top:0;z-index:1}.theme-seting .title h3{color:#111218;font-size:16px;font-weight:600}.theme-seting .title span{color:rgba(17,18,24,.5);cursor:pointer}.theme-seting .title span:hover{color:var(--highlightColor,#2970ff)}.theme-seting .content{bottom:56px;left:0;overflow:hidden;padding:24px 0;position:absolute;right:0;top:56px}.theme-seting .content .setting-tabs-change{align-items:center;display:-webkit-box;display:flex;justify-content:center;margin-bottom:24px;text-align:center}.theme-seting .content .setting-tabs-change .tabs-box{align-items:center;background:#f1f2f6;border-radius:3px;display:-webkit-box;display:flex;height:34px;justify-content:space-between;margin:0 auto;padding:3px}.theme-seting .content .setting-tabs-change .tabs-box .tabs-item{border-radius:2px;color:#111218;cursor:pointer;font-size:12px;font-weight:400;height:28px;line-height:28px;padding:0 6px;text-align:center}.theme-seting .content .setting-tabs-change .tabs-box .tabs-item+.tabs-item{margin-left:3px}.theme-seting .content .setting-tabs-change .tabs-box .tabs-item.active{background:#fff}.theme-seting .content .tips{align-items:center;background:#f0f7ff;border:1px solid #a3cbff;border-radius:4px;color:#111218;display:-webkit-box;display:flex;font-size:14px;height:40px;justify-content:space-between;padding:0 16px;width:372px}.theme-seting .content .tips em{color:var(--primaryColor,#2970ff);margin-right:8px}.theme-seting .content .tips .font-ele{color:var(--primaryColor,#2970ff);cursor:pointer;float:right;margin-left:18px}.theme-seting .content .group-title{color:#111218;font-size:14px;font-weight:600;height:22px;line-height:22px;margin-top:24px;padding-left:13px;position:relative}.theme-seting .content .group-title:before{background:var(--primaryColor,#2970ff);content:"";height:12px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.theme-seting .content .group-title .tips-icon{margin-left:8px}.theme-seting .content .group-title:first-child{margin-top:0}.theme-seting .content .colors{display:-webkit-box;display:flex;flex-wrap:wrap;padding-bottom:8px;padding-left:9px}.theme-seting .content .colors>span.active:after,.theme-seting .content .colors>span:hover:after{border:1px solid var(--borderColor,#2970ff);border-radius:6px;bottom:-2px;content:"";cursor:pointer;height:28px;left:-2px;position:absolute;width:28px}.theme-seting .content .colors span{border-radius:4px;cursor:pointer;display:inline-block;height:24px;margin-right:16px;margin-top:16px;position:relative;text-align:center;width:24px}.theme-seting .content .colors span:last-child,.theme-seting .content .colors span:nth-child(n+8){margin-right:0}.theme-seting .content .colors span em{color:#fff;font-size:12px;opacity:0}.theme-seting .content .colors span.active em{opacity:1}.theme-seting .content .outward{display:-webkit-box;display:flex;justify-content:space-between;margin-top:16px}.theme-seting .content .outward .item{background:#eaeaea;border:1px solid #eaeaea;border-radius:2px;cursor:pointer;display:-webkit-box;display:flex;flex-direction:column;height:104px;padding:10px;width:172px}.theme-seting .content .outward .item .header{align-items:center;display:-webkit-box;display:flex;height:14px;padding:0 6px}.theme-seting .content .outward .item .header span{display:inline-block;height:6px;margin-left:6px;width:17px}.theme-seting .content .outward .item .outward-content{display:-webkit-box;display:flex;flex:1;flex-direction:row;margin-top:5px}.theme-seting .content .outward .item .outward-content .left{height:100%;margin-right:5px;width:24px}.theme-seting .content .outward .item .outward-content .right{background-color:#fff;flex:1;height:100%}.theme-seting .content .outward .item.dark .header{background-color:#484848}.theme-seting .content .outward .item.dark .header span{background-color:#fff}.theme-seting .content .outward .item.dark .left{background-color:#484848}.theme-seting .content .outward .item.light .header{background-color:#fff}.theme-seting .content .outward .item.light .header span{background-color:#484848}.theme-seting .content .outward .item.light .left{background-color:#fff}.theme-seting .content .outward .item .theme-setting-tag{display:none}.theme-seting .content .outward .item.active{border:1px solid var(--borderColor,#2970ff);position:relative}.theme-seting .content .outward .item.active .theme-setting-tag{border-bottom:16px solid transparent;border-left:16px solid transparent;border-right:16px solid var(--primaryColor,#2970ff);border-top:16px solid var(--primaryColor,#2970ff);display:block;height:0;position:absolute;right:0;top:0;width:0}.theme-seting .content .outward .item.active .theme-setting-tag em{color:#fff;font-size:12px;left:-4px;position:absolute;top:-14px;transform:rotate(45deg) scale(.8);white-space:nowrap}.theme-seting .content .outward .item.active .theme-setting-tag em.icon{color:#fff;font-size:16px;left:unset;position:absolute;right:-15px;top:-18px;transform:unset}.theme-seting .content .theme-setting-content{padding:0 24px}.theme-seting .content .style-template-content{max-height:calc(100% - 58px);overflow-x:hidden;overflow-y:scroll;padding:0 18px 0 24px;position:relative}.theme-seting .content .style-template-content .group-title{background:#fff;height:34px;padding-bottom:12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.theme-seting .content .style-template-content .group-title:before{top:calc(50% - 6px)}.theme-seting .view{background-color:#f1f2f6;display:-webkit-box;display:flex;flex-direction:column;height:480px;left:50%;margin-left:-210px;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px}.theme-seting .view.dark .header .items>div span,.theme-seting .view.dark .header .logo,.theme-seting .view.dark .header .user{background-color:#fff}.theme-seting .view.dark .view-content .left>div span{background:#fff}.theme-seting .view .header{background-color:#fff;border-bottom:1px solid hsla(0,0%,88%,.5);flex-direction:row;height:46px;justify-content:space-between}.theme-seting .view .header,.theme-seting .view .header .left{align-items:center;display:-webkit-box;display:flex}.theme-seting .view .header .logo{background:#d8d8d8;height:20px;margin-left:20px;width:104px}.theme-seting .view .header .items{display:-webkit-box;display:flex;flex-wrap:nowrap}.theme-seting .view .header .items>div{align-items:center;border-bottom:2px solid transparent;display:-webkit-box;display:flex;height:44px;justify-content:space-between;margin-left:28px;overflow:hidden;width:73px}.theme-seting .view .header .items>div span{background-color:#d8d8d8;display:inline-block;height:18px;max-width:3px;width:3px}.theme-seting .view .header .user{background:#d8d8d8;border-radius:15px;height:30px;margin-right:20px;width:30px}.theme-seting .view .header .user:before{display:none}.theme-seting .view .view-content{display:-webkit-box;display:flex;flex:1}.theme-seting .view .view-content .left{align-items:center;background-color:#fff;display:-webkit-box;display:flex;flex-direction:column;height:100%;padding-top:18px;width:132px}.theme-seting .view .view-content .left>div{display:-webkit-box;display:flex;height:18px;justify-content:space-between;margin-bottom:26px;width:87px}.theme-seting .view .view-content .left>div span{background:#d8d8d8;display:inline-block;height:18px;width:3px}.theme-seting .view .view-content .right{background-color:#fff;flex:1;margin:20px}.theme-seting>.btns{align-items:center;border-top:1px solid #ddd;bottom:0;display:-webkit-box;display:flex;height:56px;justify-content:center;position:absolute;right:0;width:100%}.theme-seting>.btns .reset{margin-right:8px}.fade-down-enter-active{transition:all .3s ease}.fade-down-leave-active{transition:all 0s cubic-bezier(1,.5,.8,1)}.fade-down-enter,.fade-down-leave-to{margin-top:-30px;opacity:0}@media screen and (max-width:1300px){.view{transform:translate(-50%,-50%) scale(.8)!important}}@media screen and (max-width:1100px){.view{transform:translate(-50%,-50%) scale(.6)!important}}.custom-theme{display:inline-block;height:24px;margin-top:16px;position:relative}.custom-theme em{color:#fff;left:4px;opacity:0;position:absolute;text-shadow:0 0 2px rgba(17,18,24,.8);top:0}.custom-theme.active:after,.custom-theme:hover:after{border:1px solid var(--borderColor,#2970ff);border-radius:6px;bottom:-2px;content:"";cursor:pointer;height:28px;left:-2px;position:absolute;width:92px}.custom-theme.active em{opacity:1}.custom-theme>div{align-items:center;display:-webkit-box!important;display:flex!important;height:24px!important;margin-right:0!important;white-space:nowrap;width:88px!important}.custom-theme>div .custom-color-span{background:conic-gradient(#2cb3ff,#44ff9a,#ffd43b,#ff6929,#ff1b1b,#ff52c4,#8145ff,#2cb3ff);border-radius:0 0 0 0;display:inline-block;height:24px;margin-right:4px!important;margin-top:0!important;min-width:24px;opacity:1;width:24px}.custom-theme>div .color-tips{color:rgba(17,18,24,.25);margin-right:0!important}.custom-theme>div .color-tips,.custom-theme>div .selected-color{font-size:12px;line-height:24px;margin-top:0!important;width:unset!important}.sheet-preview .date_wrapper,.sheet-preview .departmentmultiselector_wrapper,.sheet-preview .departmentselector_wrapper,.sheet-preview .staffdeptmixed_wrapper,.sheet-preview .staffmultiselector_wrapper,.sheet-preview .staffselector_wrapper,.sheet-preview .time_wrapper{pointer-events:none}.sheet-preview[data-v-5d2bdacb]{background-color:#fff;height:100%;overflow:auto}.sheet-preview.PC[data-v-5d2bdacb] .preview-form{padding:32px}.sheet-preview.PC[data-v-5d2bdacb] .preview-form .ant-row-flex.system-info-box{display:-webkit-box;display:flex;flex-wrap:nowrap}.sheet-preview.PC[data-v-5d2bdacb] .preview-form .ant-row-flex.system-info-box .form-render-col{flex:1;margin-right:24px}.sheet-preview.PC[data-v-5d2bdacb] .preview-form .ant-row-flex.system-info-box .form-render-col:last-child{margin-right:0}.sheet-preview.PC[data-v-5d2bdacb] .preview-form.has-form-border .ant-row-flex.system-info-box{border-right:none}.sheet-preview.PC[data-v-5d2bdacb] .preview-form.has-form-border .ant-row-flex.system-info-box .form-render-col{border-top:1px solid #d4d5d6}.sheet-preview.PC[data-v-5d2bdacb] .preview-form.has-form-border .ant-row-flex.system-info-box .form-render-col:last-child{border-right:1px solid #d4d5d6}.sheet-preview.PC[data-v-5d2bdacb] .preview-form.has-form-border .form-title-flex+.system-info-box .form-render-col{border-top:1px solid #d4d5d6}.sheet-preview.PC[data-v-5d2bdacb] .preview-form.has-form-border .ant-row-flex.system-info-box .form-render-col{margin-right:0}.sheet-preview.PC[data-v-5d2bdacb] .preview-form.has-form-border input,.sheet-preview.PC[data-v-5d2bdacb] .preview-form.has-form-border textarea{border:none}.sheet-preview.is-card[data-v-5d2bdacb]{background-color:#f1f2f6}.sheet-preview.is-card.PC[data-v-5d2bdacb] .preview-form{padding:16px}.sheet-preview.is-card.PC[data-v-5d2bdacb] .h3-panel{background-color:#fff}.sheet-preview.is-card.PC[data-v-5d2bdacb] .ant-row-flex.form-title-flex{background-color:#fff;border-radius:8px 8px 0 0;padding-top:24px}.sheet-preview.is-card.PC[data-v-5d2bdacb] .ant-row-flex.system-info-box{background-color:#fff;padding:0 24px}.sheet-preview.is-card.PC[data-v-5d2bdacb] .h3-panel{padding:0 24px}.sheet-preview.is-card.PC[data-v-5d2bdacb] .h3-panel:last-of-type{border-radius:0 0 8px 8px}.sheet-preview.is-card.PC.show-by-group[data-v-5d2bdacb] .h3-panel{border-radius:8px;margin-top:16px}.sheet-preview.is-card.PC.show-by-group[data-v-5d2bdacb] .system-info-box{background-color:#fff;border-radius:0 0 8px 8px}.sheet-preview.is-card.PC.show-by-group[data-v-5d2bdacb] .has-form-border .system-info-box,.sheet-preview.is-card.PC.show-by-group[data-v-5d2bdacb] .pc-panel{padding-bottom:24px}.sheet-preview.is-card.PC[data-v-5d2bdacb] .has-form-border .h3-panel{border-bottom:none}.sheet-preview.is-card.PC[data-v-5d2bdacb] .has-form-border .h3-panel:last-child{padding-bottom:24px}.sheet-preview.is-card.PC[data-v-5d2bdacb] .has-form-border .h3-panel-body{border-bottom:1px solid #d4d5d6}.sheet-preview.is-card.MOBILE[data-v-5d2bdacb] .preview-form{background-color:#f1f2f6;border:12px solid #f1f2f6;padding:0}.sheet-preview.is-card.MOBILE[data-v-5d2bdacb] .preview-form .system-info-box{background-color:#fff;border-radius:8px 8px 0 0}.sheet-preview.is-card.MOBILE[data-v-5d2bdacb] .preview-form .mobile-panel{margin:0}.sheet-preview.is-card.MOBILE[data-v-5d2bdacb] .h3-panel{background:#fff;overflow:hidden}.sheet-preview.is-card.MOBILE[data-v-5d2bdacb] .h3-panel .h3-panel-header{background:#fff}.sheet-preview.is-card.MOBILE[data-v-5d2bdacb] .h3-panel:last-of-type{border-radius:0 0 8px 8px}.sheet-preview.is-card.MOBILE.show-by-group[data-v-5d2bdacb] .h3-panel{border-radius:8px;margin-top:12px}.sheet-preview.is-card.MOBILE.show-by-group[data-v-5d2bdacb] .preview-form .system-info-box{border-radius:8px}.sheet-preview.MOBILE[data-v-5d2bdacb]{padding:0}.sheet-preview.MOBILE[data-v-5d2bdacb] .h3-panel>.h3-panel-header{padding:0!important}.sheet-preview.MOBILE[data-v-5d2bdacb] .h3-panel>.h3-panel-header:after{border-top:1px solid rgba(209,211,228,.65);bottom:0;content:"";left:0;position:absolute;right:0}.smart-form[data-v-5d2bdacb]{text-align:left}.smart-form[data-v-5d2bdacb] .field__label{align-items:center;display:-webkit-box;display:flex;margin-right:8px!important;padding:0}.smart-form[data-v-5d2bdacb] .ant-tabs-content{padding-top:20px}.smart-form .has-form-border[data-v-5d2bdacb] .field__label{border-radius:0!important;margin-right:0!important;max-width:100px;min-width:100px;padding:0 10px!important}.smart-form .has-form-border[data-v-5d2bdacb] div.field,.smart-form .has-form-border[data-v-5d2bdacb] div.field__label-div{padding:0!important}.smart-form .has-form-border[data-v-5d2bdacb] .h3-panel-header{border-radius:0!important}[data-v-5d2bdacb] .field__label{color:#111218;font-weight:600;height:100%;line-height:22px;min-height:32px}[data-v-5d2bdacb] .field__label.top{align-items:flex-start!important}[data-v-5d2bdacb] .vertical .field__label{max-width:100%!important;width:100%}[data-v-5d2bdacb] .vertical .field__label .field__label-div{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:unset}[data-v-5d2bdacb] .field__control{color:#111218}[data-v-5d2bdacb] .field__control.field__control__readonly{align-items:center;background:rgba(245,246,249,.56);border-radius:4px;color:#111218;display:-webkit-box;display:flex;line-height:22px;min-height:32px;padding:0 12px}[data-v-5d2bdacb] .field__control.field__control__readonly .input-signsture.readonly,[data-v-5d2bdacb] .field__control.field__control__readonly .upload-control-component.readonly{background:unset;border-radius:unset;color:unset;line-height:unset;min-height:unset;padding:unset}[data-v-5d2bdacb] .field__control.field__control__readonly .form-staff-item{min-height:24px}[data-v-5d2bdacb] .field__control.field__control__readonly .form-staff-item .avatar-wrapper{height:24px;min-height:24px;min-width:24px;width:24px}[data-v-5d2bdacb] .ant-row-flex .field.system .field__control{background:rgba(245,246,249,.56);border-radius:4px;line-height:22px;min-height:32px;padding:5px 12px}[data-v-5d2bdacb] .ant-row-flex .field.system{padding-left:0;padding-right:0}[data-v-5d2bdacb] .ant-row-flex .field.system .field__label{flex-grow:0;margin-right:0;max-width:none}[data-v-5d2bdacb] .ant-row-flex>.ant-col:first-child>.field.system .field__label{flex-grow:0!important;justify-content:flex-start;margin-right:8px;min-width:1em;width:auto}[data-v-5d2bdacb] .ant-row-flex>.ant-col:last-child>.field.system .field__label{flex-grow:0;margin-right:0;max-width:none}.smart-form[data-v-5d2bdacb] .ant-tabs-nav-scroll{text-align:left}.smart-form[data-v-5d2bdacb] .ant-tabs-content .ant-row-flex{padding:0 16px}.smart-form .has-form-border[data-v-5d2bdacb] .h3-panel-right{right:16px!important}.smart-form .has-form-border[data-v-5d2bdacb] .ant-tabs-content{padding-top:0}[data-v-5d2bdacb] .smart-form .has-form-border>.ant-row-flex .spanFillUp:before{border-top:1px solid #d9d9d9;bottom:0;content:"";left:0;position:absolute;width:100%;z-index:1}.smart-form .has-form-border[data-v-5d2bdacb] .ant-row-flex{margin:unset;padding:0}.smart-form .has-form-border[data-v-5d2bdacb] .ant-row-flex .ant-tabs-tabpane .spanFillUp:before{border-top:1px solid #d9d9d9;bottom:0;content:"";left:0;position:absolute;width:100%;z-index:1}.smart-form .has-form-border[data-v-5d2bdacb] .ant-row-flex .ant-col-12,.smart-form .has-form-border[data-v-5d2bdacb] .ant-row-flex .ant-col-16,.smart-form .has-form-border[data-v-5d2bdacb] .ant-row-flex .ant-col-18,.smart-form .has-form-border[data-v-5d2bdacb] .ant-row-flex .ant-col-24,.smart-form .has-form-border[data-v-5d2bdacb] .ant-row-flex .ant-col-6,.smart-form .has-form-border[data-v-5d2bdacb] .ant-row-flex .ant-col-8{padding:unset}.smart-form[data-v-5d2bdacb] .ant-tabs-content .ant-row-flex .ant-col-12,.smart-form[data-v-5d2bdacb] .ant-tabs-content .ant-row-flex .ant-col-16,.smart-form[data-v-5d2bdacb] .ant-tabs-content .ant-row-flex .ant-col-18,.smart-form[data-v-5d2bdacb] .ant-tabs-content .ant-row-flex .ant-col-24,.smart-form[data-v-5d2bdacb] .ant-tabs-content .ant-row-flex .ant-col-6,.smart-form[data-v-5d2bdacb] .ant-tabs-content .ant-row-flex .ant-col-8{padding:0}