.fw[data-v-3506f6ac]{width:100%;height:100%}.fw-title[data-v-3506f6ac]{display:-webkit-box;display:-ms-flexbox;display:flex;height:58px;background:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15);box-shadow:0 2px 4px rgba(0,0,0,.15);padding:0 0 0 16px;font-size:18px}.fw-title .fw-title-name[data-v-3506f6ac]{-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:58px}.fw-title .fw-title-name .templateName[data-v-3506f6ac]{font-size:16px;margin-left:12px;width:360px;border-radius:0;border:1px solid transparent}.fw-title .fw-title-name .templateName[data-v-3506f6ac]:hover{border-bottom:1px solid #7da6ff}.fw-title .fw-title-name .templateName[data-v-3506f6ac]:focus{-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid #7da6ff}.fw-title .fw-title-btn[data-v-3506f6ac]{width:108px;height:58px;color:#fff;cursor:pointer;background:rgba(63,116,246,.9);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15);box-shadow:0 2px 4px rgba(0,0,0,.15)}.fw-title .fw-title-btn .fw-title-btn-name[data-v-3506f6ac]{margin:16px 20px}.ghostClass[data-v-3506f6ac]{background-color:#00f!important}.chosenClass[data-v-3506f6ac]{background-color:#7ba1ff!important;opacity:1!important}.dragClass[data-v-3506f6ac]{background-color:#8a2be2!important;opacity:1!important;-webkit-box-shadow:none!important;box-shadow:none!important;outline:none!important;background-image:none!important}.widget[data-v-3506f6ac]{position:relative;border:1px dashed #a0aec0}.widget .widgetContent[data-v-3506f6ac]{min-height:100px}.widget .widgetContent[data-v-3506f6ac]:hover{border-color:#3f74f6}.widget .operations[data-v-3506f6ac]{position:absolute;top:0;right:4px;display:none}.widgetSelected[data-v-3506f6ac]{border:2px solid #3f74f6;border-radius:4px;-webkit-box-shadow:1px solid #888;box-shadow:1px solid #888}.widgetSelected .operations[data-v-3506f6ac]{display:block}.widgetSelected .operations .operationIcon[data-v-3506f6ac]{margin:0 8px}.fw-body .ant-form-item-label[data-v-3506f6ac]{font-weight:700;font-size:14px;line-height:22px;color:#4a5568}.fw-body .right .ant-tabs-nav .ant-tabs-tab[data-v-3506f6ac]{font-weight:400;font-size:16px;line-height:24px}.fw-body .right .ant-form-item[data-v-3506f6ac]{margin-bottom:8px}.fw-body[data-v-3506f6ac]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:5px;min-height:calc(100% - 70px);overflow-y:auto}.fw-body .left[data-v-3506f6ac]{width:216px;padding:30px 18px;background-color:#fff}.fw-body .left .iconGroupBox[data-v-3506f6ac]{margin-bottom:20px;font-weight:700;font-size:16px;line-height:24px;color:#4a5568}.fw-body .left .iconGroupBox .iconGroupmWrapper[data-v-3506f6ac]{margin:-4px -8px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.fw-body .left .iconGroupBox .iconGroupmWrapper .iconGroup[data-v-3506f6ac]{padding:4px 8px;width:50%;cursor:pointer}.fw-body .left .iconGroupBox .iconGroupmWrapper .iconGroup.chosenClass[data-v-3506f6ac]{background:none!important}.fw-body .left .iconGroupBox .iconGroupmWrapper .iconGroup.chosenClass .row-box[data-v-3506f6ac]{border-style:dashed}.fw-body .left .iconGroupBox .iconGroupmWrapper .iconGroup .m-tabs[data-v-3506f6ac]{height:45px;padding:4px;border:1px solid #cbd5e0;border-radius:4px}.fw-body .left .iconGroupBox .iconGroupmWrapper .iconGroup .m-tabs .u-tabs[data-v-3506f6ac]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin:0 0 3px}.fw-body .left .iconGroupBox .iconGroupmWrapper .iconGroup .m-tabs .u-tabs li[data-v-3506f6ac]{margin-right:2px;width:11px;height:4px;background:#e2e8f0}.fw-body .left .iconGroupBox .iconGroupmWrapper .iconGroup .m-tabs .u-tabs li[data-v-3506f6ac]:first-child{height:6px;background:#cbd5e0}.fw-body .left .iconGroupBox .iconGroupmWrapper .iconGroup .m-tabs .u-plate[data-v-3506f6ac]{height:25px;background:#e2e8f0}.fw-body .left .iconGroupBox .iconGroupmWrapper .iconGroup .m-tabs[data-v-3506f6ac]:hover{border-color:#9fbbff}.fw-body .left .iconGroupBox .iconGroupmWrapper .iconGroup .m-tabs:hover .u-plate[data-v-3506f6ac],.fw-body .left .iconGroupBox .iconGroupmWrapper .iconGroup .m-tabs:hover .u-tabs li[data-v-3506f6ac]{background:#d4e1ff}.fw-body .left .iconGroupBox .iconGroupmWrapper .iconGroup .row-box[data-v-3506f6ac]{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px;height:45px;background:#fff;border:1px solid #cbd5e0;border-radius:4px}.fw-body .left .iconGroupBox .iconGroupmWrapper .iconGroup .row-box li[data-v-3506f6ac]{margin:1px;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;background:#e2e8f0;-webkit-transition:.3s;transition:.3s}.fw-body .left .iconGroupBox .iconGroupmWrapper .iconGroup .row-box[data-v-3506f6ac]:hover{border-color:#9fbbff}.fw-body .left .iconGroupBox .iconGroupmWrapper .iconGroup .row-box:hover li[data-v-3506f6ac]{background:#d4e1ff}.fw-body .mr-content[data-v-3506f6ac]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}.fw-body .middle[data-v-3506f6ac]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f7f8fa;padding:12px}.fw-body .middle .content[data-v-3506f6ac]{position:relative;height:100%;padding:20px;padding-bottom:200px;background:#fff}.fw-body .middle .content .noWidgetHint[data-v-3506f6ac]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.fw-body .middle .content .noWidgetHint .hint[data-v-3506f6ac]{font-weight:400;font-size:18px;line-height:26px;color:#a0aec0}.fw-body .right[data-v-3506f6ac]{width:266px;background-color:#fff}.fw-body .right .right-tab-panelBox[data-v-3506f6ac]{padding:0 16px}.fw-body .right .template-config[data-v-3506f6ac]{margin-top:-20px}