/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

.fm-code-editor {
    border: 1px solid #dcdfe6
}

.cus-dialog-container .el-scrollbar .el-scrollbar__wrap {
    height: calc(100% + var(--scrollbarWidth));
    width: calc(100% + var(--scrollbarWidth))
}

.cus-dialog-container > .el-dialog > .el-dialog__header {
    background: #e6eff5;
    padding: 10px
}

.cus-dialog-container > .el-dialog > .el-dialog__header .el-dialog__headerbtn {
    top: 10px;
    right: 10px;
    font-size: 20px
}

.cus-dialog-container.notitle .el-dialog__header {
    padding: 0
}

.cus-dialog-container .el-dialog--center .el-dialog__body {
    padding: 20px;
    text-align: left
}

.cus-dialog-container .el-dialog__footer {
    margin: 0 20px;
    padding: 15px 0 16px;
    text-align: center;
    position: relative
}

.cus-dialog-container .el-dialog__footer .dialog-footer {
    display: block
}

.cus-dialog-container .el-dialog__footer .dialog-footer .circular {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 24px;
    height: 24px
}

.cus-dialog-container .el-dialog__footer .dialog-footer .el-loading-text {
    display: inline-block;
    vertical-align: middle
}

.cus-dialog-container .el-dialog__footer .dialog-footer .el-loading-spinner {
    margin-top: -12px
}

@media screen and (max-width: 768px) {
    .cus-dialog-container .el-dialog {
        width: 100% !important
    }
}

.form-table {
    position: relative
}

.form-table .el-form-item {
    margin-top: 2px
}

.form-table .el-table th.required > div:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px;
    background: transparent;
    vertical-align: top
}

.form-table .el-table td {
    padding-bottom: 0
}

.form-table .el-table__fixed-header-wrapper div, .form-table .el-table__fixed-header-wrapper th, .form-table .el-table__header-wrapper, .form-table .el-table__header-wrapper div, .form-table .el-table__header-wrapper th {
    background: #f5f7fa
}

.form-table .el-table__empty-block {
    min-height: 50px
}

.form-table .scope-action {
    display: none;
    margin-bottom: 18px
}

.form-table .scope-index {
    display: block;
    margin-bottom: 18px
}

.form-table .hover-row .scope-action {
    display: block
}

.form-table .hover-row .scope-action .el-button {
    padding: 3px
}

.form-table .hover-row .scope-index {
    display: none
}

.form-table .form-table-pc {
    display: block
}

.form-table .form-table-mobile {
    display: none
}

.form-table .form-table-mobile .form-table-mobile-item {
    border: 1px solid #ebeef5;
    margin-bottom: 10px
}

.form-table .form-table-mobile .form-table-mobile-item .form-table-mobile-item__top {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    background: #f5f7fa;
    border-bottom: 1px solid #ebeef5;
    font-weight: 500
}

.form-table .form-table-mobile .form-table-mobile-item .form-table-mobile-item__top button {
    float: right;
    margin-top: 4px
}

.form-table .form-table-mobile .form-table-mobile-item .form-table-mobile-item__content {
    padding: 8px
}

@media screen and (max-width: 768px) {
    .form-table .form-table-pc {
        display: none
    }

    .form-table .form-table-mobile {
        display: block
    }
}

.event-panel-config .el-collapse-item {
    border: 1px solid #ebeef5;
    border-bottom-color: #e1e1e1
}

.event-panel-config .el-collapse-item__header {
    background: #ebeef5;
    height: 30px;
    line-height: 30px;
    padding: 5px;
    font-size: 12px
}

.event-panel-config .el-collapse-item__wrap {
    border: 0
}

.event-panel-config .el-collapse-item__wrap .el-collapse-item__content {
    padding: 5px
}

.event-panel-config .event-panel-item {
    vertical-align: top;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.event-panel-config .event-panel-item > i {
    margin-left: 5px;
    cursor: pointer
}

@media screen and (max-width: 1000px) {
    .code-dialog-container .el-dialog {
        width: 100% !important
    }
}

.array-dynamic-container .array-dynamic-item {
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #eee
}

.array-dynamic-container .array-dynamic-item .el-textarea:first-child {
    width: 30%;
    margin-right: 6px;
    vertical-align: top
}

.array-dynamic-container .array-dynamic-item .el-textarea:nth-child(2) {
    width: 60%;
    vertical-align: top
}

.array-dynamic-container .array-dynamic-item .el-button {
    vertical-align: top;
    margin-left: 10px
}

.data-source-container .data-source-main {
    padding: 0
}

.data-source-container .data-source-main > .el-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.data-source-container .data-source-main > .el-container > .el-header {
    padding: 5px;
    border-bottom: 1px solid #eee;
    background: #f2f6fc
}

.data-source-container .data-source-main .data-source-action {
    text-align: right
}

.data-source-container .data-source-main .code-line {
    font-size: 14px;
    color: #00f;
    font-weight: 500
}

.data-source-container .data-source-main .code-desc {
    margin-left: 2px;
    font-size: 12px;
    color: #999
}

.data-source-container .data-source-main .el-collapse-item {
    border: 1px solid #ebeef5
}

.data-source-container .data-source-main .el-collapse-item__header {
    background: #ebeef5;
    height: 36px;
    line-height: 36px;
    padding: 5px
}

.data-source-container .data-source-main .el-collapse-item__wrap {
    border: 0
}

.data-source-container .data-source-main .el-collapse-item__wrap .el-collapse-item__content {
    padding: 5px
}

.data-source-container .data-source-aside {
    border-right: 1px solid #eee
}

.data-source-container .data-source-aside > .el-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.data-source-container .data-source-aside > .el-container > .el-main {
    margin: 0;
    padding: 0
}

.data-source-container .data-source-aside > .el-container > .el-header {
    padding: 5px;
    border-bottom: 1px solid #eee;
    background: #f2f6fc
}

.data-source-container .data-source-aside .data-source-aside-menu {
    margin: 10px;
    border-right: 0
}

.data-source-container .data-source-aside .data-source-aside-menu .el-menu-item {
    border: 1px solid #dcdfe6;
    background: #fff;
    border-radius: 3px;
    padding: 10px !important;
    height: auto;
    line-height: 1;
    cursor: default;
    position: relative
}

.data-source-container .data-source-aside .data-source-aside-menu .el-menu-item.is-disabled {
    opacity: 1;
    cursor: default;
    background: #fff
}

.data-source-container .data-source-aside .data-source-aside-menu .el-menu-item.is-active {
    background: #e4e7ed;
    color: #303133
}

.data-source-container .data-source-aside .data-source-aside-menu .el-menu-item.is-active.is-disabled {
    background: #e4e7ed !important;
    color: #303133
}

.data-source-container .data-source-aside .data-source-aside-menu .el-menu-item + .el-menu-item {
    margin-top: 6px
}

.data-source-container .data-source-aside .data-source-aside-menu .data-source-menu-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 180px;
    margin-left: 40px
}

.data-source-container .data-source-aside .data-source-aside-menu .data-source-menu-i {
    position: absolute;
    font-size: 12px;
    left: 2px;
    top: 13px;
    width: 45px;
    text-align: center
}

.data-source-container .data-source-aside .data-source-aside-menu .data-source-menu-i.GET {
    color: #67c23a
}

.data-source-container .data-source-aside .data-source-aside-menu .data-source-menu-i.POST {
    color: #e6a23c
}

.data-source-container .data-source-aside .data-source-aside-menu .data-source-menu-i.PUT {
    color: #409eff
}

.data-source-container .data-source-aside .data-source-aside-menu .data-source-menu-i.DELETE {
    color: #f56c6c
}

.data-source-container .data-source-aside .data-source-aside-menu .data-source-menu-action {
    display: inline-block;
    padding-right: 10px;
    color: #666;
    font-weight: 600
}

.data-source-container .data-source-aside .data-source-aside-menu .data-source-menu-action > i {
    cursor: pointer;
    margin-left: 5px
}

.event-script-container .event-script-main {
    padding: 0
}

.event-script-container .event-script-main > .el-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.event-script-container .event-script-main > .el-container > .el-header {
    padding: 5px;
    border-bottom: 1px solid #eee;
    background: #f2f6fc
}

.event-script-container .event-script-main .event-script-action {
    text-align: right
}

.event-script-container .event-script-main .code-line {
    font-size: 14px;
    color: #00f;
    font-weight: 500
}

.event-script-container .event-script-main .code-desc {
    margin-left: 2px;
    font-size: 12px;
    color: #999
}

.event-script-container .event-script-main .el-collapse-item {
    border: 1px solid #ebeef5
}

.event-script-container .event-script-main .el-collapse-item__header {
    background: #ebeef5;
    height: 36px;
    line-height: 36px;
    padding: 5px
}

.event-script-container .event-script-main .el-collapse-item__wrap {
    border: 0
}

.event-script-container .event-script-main .el-collapse-item__wrap .el-collapse-item__content {
    padding: 5px
}

.event-script-container .event-script-aside {
    border-right: 1px solid #eee
}

.event-script-container .event-script-aside > .el-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.event-script-container .event-script-aside > .el-container > .el-main {
    margin: 0;
    padding: 0
}

.event-script-container .event-script-aside > .el-container > .el-header {
    padding: 5px;
    border-bottom: 1px solid #eee;
    background: #f2f6fc
}

.event-script-container .event-script-aside .event-script-aside-menu {
    margin: 10px;
    border-right: 0
}

.event-script-container .event-script-aside .event-script-aside-menu .el-menu-item {
    border: 1px solid #dcdfe6;
    background: #fff;
    border-radius: 3px;
    padding: 10px !important;
    height: auto;
    line-height: 1;
    cursor: default;
    position: relative
}

.event-script-container .event-script-aside .event-script-aside-menu .el-menu-item.is-disabled {
    opacity: 1;
    cursor: default;
    background: #fff
}

.event-script-container .event-script-aside .event-script-aside-menu .el-menu-item.is-active {
    background: #e4e7ed;
    color: #303133
}

.event-script-container .event-script-aside .event-script-aside-menu .el-menu-item.is-active.is-disabled {
    background: #e4e7ed !important;
    color: #303133
}

.event-script-container .event-script-aside .event-script-aside-menu .el-menu-item + .el-menu-item {
    margin-top: 6px
}

.event-script-container .event-script-aside .event-script-aside-menu .event-script-menu-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 170px;
    margin-left: 50px
}

.event-script-container .event-script-aside .event-script-aside-menu .event-script-menu-i {
    position: absolute;
    font-size: 12px;
    left: 5px;
    top: 13px;
    width: 45px;
    text-align: center;
    color: #67c23a
}

.event-script-container .event-script-aside .event-script-aside-menu .event-script-menu-action {
    display: inline-block;
    padding-right: 10px;
    color: #666;
    font-weight: 600
}

.event-script-container .event-script-aside .event-script-aside-menu .event-script-menu-action > i {
    cursor: pointer;
    margin-left: 5px
}

/*!
 * Viewer.js v1.11.3
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2023-03-05T07:01:15.525Z
 */
.viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before, .viewer-play:before, .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: 280px;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px
}

.viewer-zoom-in:before {
    background-position: 0 0;
    content: "Zoom In"
}

.viewer-zoom-out:before {
    background-position: -20px 0;
    content: "Zoom Out"
}

.viewer-one-to-one:before {
    background-position: -40px 0;
    content: "One to One"
}

.viewer-reset:before {
    background-position: -60px 0;
    content: "Reset"
}

.viewer-prev:before {
    background-position: -80px 0;
    content: "Previous"
}

.viewer-play:before {
    background-position: -100px 0;
    content: "Play"
}

.viewer-next:before {
    background-position: -120px 0;
    content: "Next"
}

.viewer-rotate-left:before {
    background-position: -140px 0;
    content: "Rotate Left"
}

.viewer-rotate-right:before {
    background-position: -160px 0;
    content: "Rotate Right"
}

.viewer-flip-horizontal:before {
    background-position: -180px 0;
    content: "Flip Horizontal"
}

.viewer-flip-vertical:before {
    background-position: -200px 0;
    content: "Flip Vertical"
}

.viewer-fullscreen:before {
    background-position: -220px 0;
    content: "Enter Full Screen"
}

.viewer-fullscreen-exit:before {
    background-position: -240px 0;
    content: "Exit Full Screen"
}

.viewer-close:before {
    background-position: -260px 0;
    content: "Close"
}

.viewer-container {
    bottom: 0;
    direction: ltr;
    font-size: 0;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.viewer-container::-moz-selection, .viewer-container ::-moz-selection {
    background-color: transparent
}

.viewer-container::selection, .viewer-container ::selection {
    background-color: transparent
}

.viewer-container:focus {
    outline: 0
}

.viewer-container img {
    display: block;
    height: auto;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
}

.viewer-canvas {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.viewer-canvas > img {
    height: auto;
    margin: 15px auto;
    max-width: 90% !important;
    width: auto
}

.viewer-footer {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center
}

.viewer-navbar {
    background-color: rgba(0, 0, 0, .5);
    overflow: hidden
}

.viewer-list {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 1px 0
}

.viewer-list > li {
    color: transparent;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 50px;
    line-height: 0;
    opacity: .5;
    overflow: hidden;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    width: 30px
}

.viewer-list > li:focus, .viewer-list > li:hover {
    opacity: .75
}

.viewer-list > li:focus {
    outline: 0
}

.viewer-list > li + li {
    margin-left: 1px
}

.viewer-list > .viewer-loading {
    position: relative
}

.viewer-list > .viewer-loading:after {
    border-width: 2px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px
}

.viewer-list > .viewer-active, .viewer-list > .viewer-active:focus, .viewer-list > .viewer-active:hover {
    opacity: 1
}

.viewer-player {
    background-color: #000;
    bottom: 0;
    cursor: none;
    display: none;
    right: 0;
    z-index: 1
}

.viewer-player, .viewer-player > img {
    left: 0;
    position: absolute;
    top: 0
}

.viewer-toolbar > ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 6px 3px
}

.viewer-toolbar > ul > li {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    cursor: pointer;
    float: left;
    height: 24px;
    overflow: hidden;
    -webkit-transition: background-color .15s;
    transition: background-color .15s;
    width: 24px
}

.viewer-toolbar > ul > li:focus, .viewer-toolbar > ul > li:hover {
    background-color: rgba(0, 0, 0, .8)
}

.viewer-toolbar > ul > li:focus {
    -webkit-box-shadow: 0 0 3px #fff;
    box-shadow: 0 0 3px #fff;
    outline: 0;
    position: relative;
    z-index: 1
}

.viewer-toolbar > ul > li:before {
    margin: 2px
}

.viewer-toolbar > ul > li + li {
    margin-left: 1px
}

.viewer-toolbar > ul > .viewer-small {
    height: 18px;
    margin-bottom: 3px;
    margin-top: 3px;
    width: 18px
}

.viewer-toolbar > ul > .viewer-small:before {
    margin: -1px
}

.viewer-toolbar > ul > .viewer-large {
    height: 30px;
    margin-bottom: -3px;
    margin-top: -3px;
    width: 30px
}

.viewer-toolbar > ul > .viewer-large:before {
    margin: 5px
}

.viewer-tooltip {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 10px;
    color: #fff;
    display: none;
    font-size: 12px;
    height: 20px;
    left: 50%;
    line-height: 20px;
    margin-left: -25px;
    margin-top: -10px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 50px
}

.viewer-title {
    color: #ccc;
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    margin: 5px 5%;
    max-width: 90%;
    min-height: 14px;
    opacity: .8;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    white-space: nowrap
}

.viewer-title:hover {
    opacity: 1
}

.viewer-button {
    -webkit-app-region: no-drag;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%;
    cursor: pointer;
    height: 80px;
    overflow: hidden;
    position: absolute;
    right: -40px;
    top: -40px;
    -webkit-transition: background-color .15s;
    transition: background-color .15s;
    width: 80px
}

.viewer-button:focus, .viewer-button:hover {
    background-color: rgba(0, 0, 0, .8)
}

.viewer-button:focus {
    -webkit-box-shadow: 0 0 3px #fff;
    box-shadow: 0 0 3px #fff;
    outline: 0
}

.viewer-button:before {
    bottom: 15px;
    left: 15px;
    position: absolute
}

.viewer-fixed {
    position: fixed
}

.viewer-open {
    overflow: hidden
}

.viewer-show {
    display: block
}

.viewer-hide {
    display: none
}

.viewer-backdrop {
    background-color: rgba(0, 0, 0, .5)
}

.viewer-invisible {
    visibility: hidden
}

.viewer-move {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.viewer-fade {
    opacity: 0
}

.viewer-in {
    opacity: 1
}

.viewer-transition {
    -webkit-transition: all .3s;
    transition: all .3s
}

@-webkit-keyframes viewer-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes viewer-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.viewer-loading:after {
    -webkit-animation: viewer-spinner 1s linear infinite;
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid hsla(0, 0%, 100%, .1);
    border-left-color: hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1
}

@media (max-width: 767px) {
    .viewer-hide-xs-down {
        display: none
    }
}

@media (max-width: 991px) {
    .viewer-hide-sm-down {
        display: none
    }
}

@media (max-width: 1199px) {
    .viewer-hide-md-down {
        display: none
    }
}

.fm-uplaod-container .is-disabled {
    position: relative
}

.fm-uplaod-container .is-disabled:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    display: block;
    cursor: not-allowed
}

.fm-uplaod-container .upload-file {
    margin: 0 10px 10px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    vertical-align: top
}

.fm-uplaod-container .upload-file:hover .uplaod-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fm-uplaod-container .upload-file .uplaod-action {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6);
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fm-uplaod-container .upload-file .uplaod-action i {
    color: #fff;
    cursor: pointer;
    margin: 0 5px
}

.fm-uplaod-container .upload-file.is-success .item-status {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: #13ce66;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2);
    box-shadow: 0 0 1pc 1px rgba(0, 0, 0, .2)
}

.fm-uplaod-container .upload-file.is-success .item-status > i {
    font-size: 12px;
    margin-top: 11px;
    color: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fm-uplaod-container .upload-file.uploading:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3)
}

.fm-uplaod-container .upload-file .upload-progress {
    position: absolute
}

.fm-uplaod-container .upload-file .upload-progress .el-progress__text {
    color: #fff;
    font-size: 16px !important
}

.fm-uplaod-container .upload-file img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.fm-uplaod-container .el-upload--picture-card {
    position: relative;
    overflow: hidden
}

.fm-uplaod-container .el-upload--picture-card .el-icon-plus {
    position: absolute;
    top: 50%;
    left: 50%
}

.fm-uplaod-container .upload-input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
    cursor: pointer
}

.fm-uplaod-container .drag-img-list {
    display: inline
}

.fm-uplaod-container .drag-img-list .ghost {
    position: relative
}

.fm-uplaod-container .drag-img-list .ghost:after {
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background: #fbfdff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px dashed #3bb3c2
}

.fm-uplaod-container .drag-img-list > div {
    cursor: move
}

.fm-uplaod-container .ant-upload {
    display: inline-block;
    position: relative
}

.fm-uplaod-container .ant-upload.ant-upload-select-picture-card {
    float: none
}

.viewer-container {
    z-index: 9999 !important
}

.fm-form .widget-form-container .el-card__header {
    padding: var(--3743485b)
}

.fm-upload-file .upload_tip {
    font-size: 12px;
    color: #606266;
    margin-top: 7px
}

.fm-upload-file .upload-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.fm-upload-file .upload-list .list_item {
    font-size: 14px;
    color: #606266;
    line-height: 1.8;
    margin-top: 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%
}

.fm-upload-file .upload-list .list_item.is-disabled .icon-close {
    cursor: not-allowed
}

.fm-upload-file .upload-list .list_item .ant-progress, .fm-upload-file .upload-list .list_item .el-progress {
    position: absolute;
    top: 20px;
    width: 100%
}

.fm-upload-file .upload-list .list_item .ant-progress-text, .fm-upload-file .upload-list .list_item .el-progress__text {
    position: absolute;
    right: 0;
    top: -13px
}

.fm-upload-file .upload-list .list_item .ant-progress-outer, .fm-upload-file .upload-list .list_item .el-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.fm-upload-file .upload-list .list_item.is-success .list_item-status-label .icon-upload-success {
    display: inline-block;
    line-height: inherit
}

.fm-upload-file .upload-list .list_item .icon-close {
    display: none;
    position: absolute;
    top: 3px;
    right: 5px;
    cursor: pointer;
    color: #606266;
    font-weight: 400
}

.fm-upload-file .upload-list .list_item:hover {
    background-color: #f5f7fa
}

.fm-upload-file .upload-list .list_item:hover .icon-close {
    display: inline-block
}

.fm-upload-file .upload-list .list_item:hover .el-progress__text, .fm-upload-file .upload-list .list_item:hover .list_item-status-label {
    display: none
}

.fm-upload-file .upload-list .list_item .list_item-name {
    text-decoration: none;
    color: #606266;
    display: block;
    margin-right: 40px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    -webkit-transition: color .3s;
    transition: color .3s;
    white-space: nowrap
}

.fm-upload-file .upload-list .list_item .list_item-name:hover {
    color: #409eff;
    cursor: pointer
}

.fm-upload-file .upload-list .list_item .list_item-name i {
    margin-right: 7px;
    color: #909399;
    height: 100%;
    line-height: inherit
}

.fm-upload-file .upload-list .list_item .list_item-status-label {
    display: block;
    position: absolute;
    right: 5px;
    top: 0;
    line-height: inherit
}

.fm-upload-file .upload-list .list_item .list_item-status-label .icon-upload-success {
    color: #67c23a;
    display: none
}

.form-subform .form-subform-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px
}

.form-subform .form-subform-item.is-hover {
    background-color: #f5f7fa
}

.form-subform .form-subform-item.is-hover > .form-subform-index {
    display: none
}

.form-subform .form-subform-item.is-hover > .form-subform-remove {
    display: block
}

.form-subform .form-subform-item .form-subform-index {
    width: 50px;
    text-align: center
}

.form-subform .form-subform-item .form-subform-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form-subform .form-subform-item .form-subform-remove {
    width: 50px;
    text-align: center;
    display: none
}

.fm-form .el-card__header {
    padding: var(--b7030096)
}

.fm-generate-dialog .el-dialog__footer {
    text-align: right
}

.fm-generate-dialog.el-dialog--center .el-dialog__footer {
    text-align: center
}

.fm-form .fm-form-item .antd-form-table .ant-form-item .ant-col {
    max-width: none;
    width: auto;
    vertical-align: top
}

.fm-form .fm-form-item .antd-form-table .ant-form-item .ant-form-item-control-wrapper {
    display: inline-block;
    width: 100%
}

.fm-form .fm-form-item .antd-form-table .ant-form-item .ant-form-item-control {
    width: auto
}

.fm-form .fm-form-item .antd-form-table .ant-form-item .ant-form-item-label {
    width: var(--labelWidth)
}

.fm-form .fm-form-item .antd-form-table .no-label-left .ant-form-item-control {
    margin-left: var(--labelWidth)
}

.fm-form .fm-form-item .antd-form-table .fill-form-item .ant-form-item-control-wrapper {
    width: 100%
}

.antd-form-table .ant-table-middle .ant-form-explain {
    position: absolute;
    margin-top: -5px
}

.antd-form-table .ant-table-small .ant-form-item {
    margin-bottom: 10px
}

.antd-form-table .ant-table-small .ant-form-explain {
    position: absolute;
    margin-top: -5px
}

.antd-form-table .ant-form-item {
    margin-bottom: 5px
}

.antd-form-table .ant-form-explain {
    position: absolute
}

.antd-form-table td {
    vertical-align: top
}

.antd-form-table .ant-table th.required div:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px;
    background: transparent;
    vertical-align: top
}

.antd-form-table .ant-table-body {
    overflow: auto
}

.antd-form-table .scope-action {
    display: none
}

.antd-form-table .ant-table-row:hover .scope-action, .antd-form-table .scope-index {
    display: block
}

.antd-form-table .ant-table-row:hover .scope-action .el-button {
    padding: 3px
}

.antd-form-table .ant-table-row:hover .scope-index {
    display: none
}

.antd-form-table .ant-table-row-hover .scope-action {
    display: block
}

.antd-form-table .ant-table-row-hover .scope-action .el-button {
    padding: 3px
}

.antd-form-table .ant-table-pagination, .antd-form-table .ant-table-row-hover .scope-index {
    display: none
}

.antd-form-table .ant-empty-normal {
    margin: 0
}

.antd-form-table .antd-form-table-pc {
    display: block
}

.antd-form-table .antd-form-table-mobile {
    display: none
}

.antd-form-table .antd-form-table-mobile .antd-form-table-mobile-item {
    border: 1px solid #e8e8e8;
    margin-bottom: 24px
}

.antd-form-table .antd-form-table-mobile .antd-form-table-mobile-item .ant-form-item {
    margin-bottom: 20px
}

.antd-form-table .antd-form-table-mobile .antd-form-table-mobile-item .antd-form-table-mobile-item__top {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    background: #fafafa;
    border-bottom: 1px solid #e8e8e8;
    font-weight: 500
}

.antd-form-table .antd-form-table-mobile .antd-form-table-mobile-item .antd-form-table-mobile-item__top button {
    float: right;
    margin-top: 4px
}

.antd-form-table .antd-form-table-mobile .antd-form-table-mobile-item .antd-form-table-mobile-item__content {
    padding: 8px
}

.antd-form-table .antd-form-table-mobile .ant-form-item .ant-form-item-control-wrapper {
    width: calc(100% - var(--labelWidth)) !important
}

@media screen and (max-width: 768px) {
    .antd-form-table .antd-form-table-pc {
        display: none
    }

    .antd-form-table .antd-form-table-mobile {
        display: block
    }
}

.form-subform-antd .form-subform-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px
}

.form-subform-antd .form-subform-item.is-hover {
    background-color: #fafafa
}

.form-subform-antd .form-subform-item.is-hover > .form-subform-index {
    display: none
}

.form-subform-antd .form-subform-item.is-hover > .form-subform-remove {
    display: block
}

.form-subform-antd .form-subform-item .form-subform-index {
    width: 50px;
    text-align: center
}

.form-subform-antd .form-subform-item .form-subform-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form-subform-antd .form-subform-item .form-subform-remove {
    width: 50px;
    text-align: center;
    display: none
}

.fm-form .ant-form-vertical .fm-form-item .ant-form-item .ant-form-item-control-wrapper, .fm-generate-ant-dialog .ant-form-vertical .fm-form-item .ant-form-item .ant-form-item-control-wrapper {
    width: 100%
}

.fm-form .ant-form-vertical .fm-form-item .no-label-left .ant-form-item-control, .fm-generate-ant-dialog .ant-form-vertical .fm-form-item .no-label-left .ant-form-item-control {
    margin-left: auto
}

.fm-form .fm-form-item .ant-form-item .ant-col, .fm-generate-ant-dialog .fm-form-item .ant-form-item .ant-col {
    max-width: none;
    width: auto;
    vertical-align: top
}

.fm-form .fm-form-item .ant-form-item .ant-form-item-control-wrapper, .fm-generate-ant-dialog .fm-form-item .ant-form-item .ant-form-item-control-wrapper {
    display: inline-block;
    width: calc(100% - var(--labelWidth))
}

.fm-form .fm-form-item .ant-form-item .ant-form-item-control, .fm-generate-ant-dialog .fm-form-item .ant-form-item .ant-form-item-control {
    width: auto
}

.fm-form .fm-form-item .ant-form-item .ant-form-item-label, .fm-generate-ant-dialog .fm-form-item .ant-form-item .ant-form-item-label {
    width: var(--labelWidth)
}

.fm-form .fm-form-item .no-label-left .ant-form-item-control, .fm-generate-ant-dialog .fm-form-item .no-label-left .ant-form-item-control {
    margin-left: var(--labelWidth)
}

.fm-form .fm-form-item .fill-form-item .ant-form-item-control-wrapper, .fm-generate-ant-dialog .fm-form-item .fill-form-item .ant-form-item-control-wrapper {
    width: 100%
}

.fm-inline-container > * {
    display: inline-block;
    vertical-align: top
}

.fm-form .ant-card-body, .fm-generate-ant-dialog .ant-card-body {
    padding: var(--1fb967f3)
}

.fm-form .ant-card-head, .fm-generate-ant-dialog .ant-card-head {
    padding: var(--1fb967f3);
    min-height: auto
}

.fm-form .ant-card-head .ant-card-head-title, .fm-generate-ant-dialog .ant-card-head .ant-card-head-title {
    padding: 0;
    font-size: 14px
}

.fm-generate-ant-dialog.no-footer .ant-modal-footer {
    display: none
}

.fm-generate-ant-dialog.center .ant-modal-footer, .fm-generate-ant-dialog.center .ant-modal-header {
    text-align: center
}

.fm-generate-ant-dialog .ant-form-item .ant-pagination {
    float: right
}

.custom-component {
    background: #eee;
    padding: 10px
}

.custom-component span + span {
    margin-left: 10px
}

.fm-generate-preview-container .platform-controller {
    position: absolute;
    top: 50px;
    z-index: 5000;
    left: 20px
}

.fm-generate-preview-container .fm-generate-preview {
    margin-top: 15px !important
}

@media print {
    .fm-design-container {
        display: none
    }

    .fm-generate-preview-container {
        position: relative
    }

    .fm-generate-preview-container .el-dialog {
        display: block
    }

    .fm-generate-preview-container .el-dialog__footer, .fm-generate-preview-container .el-dialog__header {
        display: none
    }

    .fm-generate-preview-container .el-dialog__body {
        padding: 0;
        display: block
    }

    .fm-generate-preview-container .el-dialog__body .fm-generate-preview {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0
    }

    .fm-generate-preview-container .platform-controller {
        display: none
    }
}

.import-json-container .import-json-library-container .import-json-card {
    margin-right: 20px;
    margin-bottom: 8px;
    display: inline-block;
    position: relative
}

.import-json-container .import-json-library-container .import-json-card .action-cover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .6)
}

.import-json-container .import-json-library-container .import-json-card .image-slot, .import-json-container .import-json-library-container .import-json-card:hover .action-cover {
    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
}

.import-json-container .import-json-library-container .import-json-card .image-slot {
    width: 100%;
    height: 100%;
    background: var(--el-fill-color-light);
    color: var(--el-text-color-secondary);
    font-size: 30px
}

.import-json-container .import-json-code {
    height: 560px
}

.fm-outline-wrapper {
    height: 100%
}

.fm-outline-header {
    padding: 12px;
    height: 56px
}

.fm-outline-content {
    height: calc(100% - 56px)
}

.fm-outline-content .fm-outline-content-wrapper {
    height: 100%;
    overflow: auto
}

.fm-outline-content .custom-tree-node {
    display: inline-block;
    font-size: 12px
}

.fm-outline-content .custom-tree-node .iconfont2 {
    vertical-align: top;
    font-size: 14px
}

.fm-outline-content .custom-tree-node.is-bind > span > .custom-tree-node-model {
    color: #67c23a
}

.fm-outline-content .el-tree-node > .el-tree-node__children {
    overflow: unset
}

.fm-outline-content .el-tree-node.is-current > .el-tree-node__content {
    background: #c6e2ff
}

.fm-outline-content .filter-tree {
    margin-bottom: 10px
}

.project-logic-container[data-v-6ac0e830] {
    width: 100%;
    height: 670px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: auto
}

.project-logic-container .scrollbar-container[data-v-6ac0e830] {
    width: 100%;
    height: 100%;
    padding: 0 10px
}

.project-logic-container .header-row[data-v-6ac0e830] {
    width: 230px;
    margin-bottom: 20px
}

.project-logic-container .logic_title[data-v-6ac0e830] {
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    color: #484848;
    text-align: left;
    margin-top: 20px
}

.not-logic-container .el-icon-circle-plus-outline[data-v-6ac0e830] {
    font-size: 20px
}

.not-logic-container .label[data-v-6ac0e830] {
    font-size: 18px
}

.logic-item-container .tips[data-v-6ac0e830] {
    font-size: 14px;
    color: #aaa
}

.logic-item-container .label[data-v-6ac0e830] {
    font-size: 15px
}

.logic-item-container .remove[data-v-6ac0e830] {
    color: #ff4949
}

.show-logic-container[data-v-6ac0e830] {
    padding: 10px;
    min-width: 950px;
    background-color: #fff;
    height: 100%;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
}

.el-icon-circle-plus-outline[data-v-6ac0e830], .el-icon-remove-outline[data-v-6ac0e830] {
    font-size: 24px
}

.logic-item[data-v-6ac0e830] {
    position: relative
}

.logic-item .logic-item-delete[data-v-6ac0e830] {
    position: absolute;
    right: 20px;
    top: 7px;
    color: #ff4d4f;
    cursor: pointer;
    font-size: 24px
}

.widget-empty {
    background-position: 50%
}

.custom1 .el-col {
    border: 1px solid #ccc;
    overflow: hidden;
    padding: 5px;
    margin-right: -1px;
    margin-bottom: -1px
}

.custom .el-col {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.fm2-container .el-scrollbar .el-scrollbar__wrap {
    height: calc(100% + var(--scrollbarWidth));
    width: calc(100% + var(--scrollbarWidth))
}

@font-face {
    font-family: iconfont2;
    src: url(fonts/iconfont.448998ea.woff2) format("woff2"), url(fonts/iconfont.83f46a12.woff) format("woff"), url(fonts/iconfont.44ed51c3.ttf) format("truetype")
}

.iconfont2 {
    font-family: iconfont2 !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-quxiaoquanping_o:before {
    content: "\EB98"
}

.icon-quanping_o:before {
    content: "\EB99"
}

.icon-quanping1:before {
    content: "\E657"
}

.icon-tuichuquanping1:before {
    content: "\E720"
}

.icon-quanping:before {
    content: "\E663"
}

.icon-tuichuquanping:before {
    content: "\E64B"
}

.icon-kapian:before {
    content: "\E604"
}

.icon-fenzu:before {
    content: "\E694"
}

.icon-fuhao-dagangshu:before {
    content: "\E71F"
}

.icon-yuanshuju-zujianku:before {
    content: "\E62D"
}

.icon-Dialog:before {
    content: "\E6A2"
}

.icon-pagination:before {
    content: "\E705"
}

.icon-zhediemianban:before {
    content: "\E6A1"
}

.icon-a-ziyuan25:before {
    content: "\E66C"
}

.icon-jinggaotishi:before {
    content: "\E696"
}

.icon-shuxuanzeqi:before {
    content: "\E69C"
}

.icon-m-chuansuokuang:before {
    content: "\E857"
}

.icon-m-buzhou:before {
    content: "\E7FB"
}

.icon-check1:before {
    content: "\E7FC"
}

.icon-close:before {
    content: "\E646"
}

.icon-check:before {
    content: "\E6E6"
}

.icon-file:before {
    content: "\E671"
}

.icon-daimakuai:before {
    content: "\E6A0"
}

.icon-icon_yulan:before {
    content: "\EB8A"
}

.icon-qingkong:before {
    content: "\E946"
}

.icon-daoru:before {
    content: "\E60B"
}

.icon-json1:before {
    content: "\E610"
}

.icon-plus:before {
    content: "\E68F"
}

.icon-inlineview:before {
    content: "\E662"
}

.icon-lianjie:before {
    content: "\E62E"
}

.icon-button:before {
    content: "\E648"
}

.icon-biaogeshezhi:before {
    content: "\E61A"
}

.icon-8zhongzuo:before {
    content: "\E619"
}

.icon-007caozuo_chexiao:before {
    content: "\E624"
}

.icon-mobile:before {
    content: "\E686"
}

.icon-pc:before {
    content: "\E618"
}

.icon-pad:before {
    content: "\E679"
}

.icon-tianjiazengjiajia:before {
    content: "\E609"
}

.icon-extend:before {
    content: "\E820"
}

.icon-publish:before {
    content: "\E69B"
}

.icon-xiangxiahebing:before {
    content: "\E670"
}

.icon-xiangyouhebing:before {
    content: "\E689"
}

.icon-shanchuhang:before {
    content: "\E8A3"
}

.icon-shanchulie:before {
    content: "\E8A5"
}

.icon--charulie:before {
    content: "\E6D2"
}

.icon--charuhang:before {
    content: "\E6D3"
}

.icon-table1:before {
    content: "\E602"
}

.icon-zidingyi:before {
    content: "\E6E9"
}

.icon-edit:before {
    content: "\E601"
}

.icon-component:before {
    content: "\E6DE"
}

.icon-html:before {
    content: "\E735"
}

.icon-pingfen1:before {
    content: "\E661"
}

.icon-zidingyishuju:before {
    content: "\E634"
}

.icon-tabs:before {
    content: "\E65F"
}

.icon-wenjianshangchuan:before {
    content: "\E617"
}

.icon-fengexian:before {
    content: "\E66E"
}

.icon-wenzishezhi-:before {
    content: "\E67C"
}

.icon-qingkonghuishouzhan:before {
    content: "\E642"
}

.icon-table:before {
    content: "\E713"
}

.icon-delete:before {
    content: "\E616"
}

.icon-tupianyulan:before {
    content: "\E67D"
}

.icon-sync1:before {
    content: "\E631"
}

.icon-RectangleCopy:before {
    content: "\E620"
}

.icon-zhage:before {
    content: "\E63F"
}

.icon-code:before {
    content: "\E65B"
}

.icon-fabu:before {
    content: "\E630"
}

.icon-weibiaoti46:before {
    content: "\E63C"
}

.icon-json:before {
    content: "\E7BD"
}

.icon-pingfen:before {
    content: "\E640"
}

.icon-yulan:before {
    content: "\E668"
}

.icon-shangchuan:before {
    content: "\E645"
}

.icon-jilianxuanze:before {
    content: "\E695"
}

.icon-clear:before {
    content: "\E6D1"
}

.icon-drag:before {
    content: "\E842"
}

.icon-ad-icon-tooltip:before {
    content: "\E63E"
}

.icon-icon_clone:before {
    content: "\E606"
}

.icon-icon_bars:before {
    content: "\E7C4"
}

.icon-trash:before {
    content: "\E60F"
}

.icon-ic:before {
    content: "\E621"
}

.icon-select:before {
    content: "\E920"
}

.icon-diy-com-textarea:before {
    content: "\E91F"
}

.icon-time:before {
    content: "\E600"
}

.icon-icon-test:before {
    content: "\E605"
}

.icon-tupian:before {
    content: "\E65E"
}

.icon-check-box:before {
    content: "\E60E"
}

.icon-switch:before {
    content: "\E660"
}

.icon-input:before {
    content: "\E6B2"
}

.icon-radio-active:before {
    content: "\E615"
}

.icon-color:before {
    content: "\E62F"
}

.icon-slider:before {
    content: "\E60D"
}

.icon-date:before {
    content: "\E69F"
}

.icon-grid-:before {
    content: "\E6AD"
}

.icon-number:before {
    content: "\E76B"
}

.icon-fuwenbenkuang:before {
    content: "\E682"
}

.fm-form .fm-label-wrap {
    display: block
}

.fm-form .fm-label-wrap > .el-form-item__content {
    margin-left: 0 !important
}

.fm-form .fm-label-wrap > .el-form-item__label {
    float: none
}

.fm-form .el-form-item__content {
    display: block
}

.fm-form .el-form-item__content:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden
}

.fm-form .el-form-item__content .el-pagination {
    float: right
}

.fm-form .el-radio + .el-radio {
    margin-left: 0
}

.fm-form .el-radio {
    margin-right: 30px
}

.fm-form .el-checkbox + .el-checkbox {
    margin-left: 0
}

.fm-form .ant-checkbox-wrapper + .ant-checkbox-wrapper {
    margin-left: 0;
    line-height: 32px
}

.fm-form .el-checkbox {
    margin-right: 30px
}

.fm-form .el-form-item--large.el-form-item {
    margin-bottom: 22px
}

.fm-form .el-form-item--small.el-form-item {
    margin-bottom: 18px
}

.fm-form .el-form-item--small .el-checkbox, .fm-form .el-form-item--small .el-radio {
    line-height: 32px
}

.fm-form .el-form-item--small .el-rate {
    margin-top: 6px
}

.fm-form .el-form-item--mini .el-checkbox, .fm-form .el-form-item--mini .el-radio {
    line-height: 28px
}

.fm-form .el-form-item--mini .el-rate {
    margin-top: 4px
}

.fm-form .el-form-item--large .el-checkbox, .fm-form .el-form-item--large .el-radio {
    line-height: 36px
}

.fm-form .el-form-item--large .el-rate {
    margin-top: 8px
}

.fm-form .border-form {
    border: 1px solid #999
}

.fm-form .border-form .el-table--border td, .fm-form .border-form .el-table--border th, .fm-form .border-form .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
    border-right: 1px solid #999
}

.fm-form .border-form .el-table td, .fm-form .border-form .el-table th.is-leaf {
    border-bottom: 1px solid #999
}

.fm-form .border-form .el-table--border, .fm-form .border-form .el-table--group {
    border: 1px solid #999
}

.fm-form .border-form .form-table {
    margin: -5px
}

.fm-form .border-form .form-table .el-form-item__content:before {
    display: none
}

.fm-form .border-form .el-form-item__content:before {
    width: 1px;
    background: #999;
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: -300px
}

.fm-form .border-form .el-form-item__content .el-form-item__error {
    left: 5px
}

.fm-form .border-form.el-form--label-top .el-form-item__content:before, .fm-form .border-form .no-label-form-item .el-form-item__content:before {
    background: transparent
}

.fm-form .border-form .el-row + .el-row {
    border-top: 1px solid #999
}

.fm-form .border-form .el-col + .el-col {
    border-left: 1px solid #999
}

.fm-form .border-form .el-col {
    overflow: hidden
}

.fm-form .border-form .el-form-item__content {
    padding: 5px;
    padding-bottom: 0
}

.fm-form .border-form .el-form-item__label {
    padding: 5px
}

.fm-form .el-slider__button-wrapper {
    z-index: 101
}

.fm-form .print-read-label {
    color: #000
}

.fm-form .print-read-label pre {
    white-space: pre-wrap
}

.fm-form .el-transfer[disabled=disabled] {
    position: relative
}

.fm-form .el-transfer[disabled=disabled]:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 99;
    cursor: no-drop
}

.fm-form .ant-form-item .ant-form-item-label {
    display: inline-block;
    line-height: 39.9999px;
    margin: unset;
    padding: unset;
    text-align: right
}

.fm-form .ant-form-item .ant-form-item-label.ant-form-item-label-left {
    text-align: left
}

.fm-form .ant-form-item .ant-form-item-label > label {
    display: inline-block
}

.fm-form .ant-form-item.fm-label-wrap > .ant-form-item-control-wrapper {
    width: 100% !important
}

.fm-form .ant-form-item.fm-label-wrap > .ant-form-item-label {
    text-align: left
}

.fm-form .ant-form-item .ant-pagination {
    float: right
}

.ant-popconfirm, .fm-popup-index, .fm-select-dropdown {
    z-index: 3000 !important
}

@media screen and (max-width: 575px) {
    .ant-form-item .ant-form-item-label {
        display: inline-block;
        line-height: 39.9999px;
        margin: unset;
        padding: unset;
        text-align: right
    }

    .ant-form-item .ant-form-item-label > label {
        display: inline-block;
        padding-right: 10px
    }

    .ant-form-item.fm-label-wrap > .ant-form-item-control-wrapper {
        width: 100% !important
    }

    .ant-form-item.fm-label-wrap > .ant-form-item-label {
        text-align: left
    }
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fa-icon {
    width: auto;
    height: 1em;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.scrollbar-container .el-scrollbar__wrap {
    margin-bottom: 0 !important;
    margin-right: 0 !important
}

.scrollbar-container .el-divider--horizontal {
    margin: 10px 0 !important
}

.fm2-container {
    background: #fff;
    height: 100%;
    border: 1px solid #e0e0e0;
    min-width: 1000px
}

.fm2-container.is-fullscreen {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.fm2-container.fm-form {
    padding: 0
}

.fm2-container .el-container {
    height: 100% !important
}

.fm2-container > .el-container {
    background: #fff
}

.fm2-container .fm2-main {
    position: relative;
    overflow: hidden
}

.fm2-container .fm2-main > .el-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.fm2-container main {
    padding: 0
}

.fm2-container footer {
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #e0e0e0;
    font-size: 12px;
    text-align: right;
    color: #409eff;
    background: #fafafa
}

.fm2-container footer a {
    color: #409eff
}

.fm2-container .left-tabs {
    height: 100%
}

.fm2-container .left-tabs .el-tabs__header {
    height: 45px;
    margin: 0
}

.fm2-container .left-tabs .el-tabs__header .iconfont2 {
    font-size: 20px
}

.fm2-container .left-tabs .el-tabs__content {
    height: calc(100% - 45px)
}

.fm2-container .left-tabs .el-tabs__content .el-tab-pane {
    height: 100%
}

.fm2-container .left-tabs > .el-tabs__header .el-tabs__nav {
    border: 0
}

.fm2-container .left-tabs > .el-tabs__header .el-tabs__item {
    border: 0;
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 12px
}

.fm2-container .left-tabs > .el-tabs__header .el-tabs__item .el-tooltip__trigger {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle
}

.fm-report-table__table {
    border-top-style: solid;
    border-left-style: solid;
    table-layout: fixed;
    border-collapse: collapse
}

.fm-report-table__table .fm-report-table__td {
    border-bottom-style: solid;
    border-right-style: solid;
    padding: 5px
}

.fm-report-table__table .fm-report-table__td .ant-form-item, .fm-report-table__table .fm-report-table__td .el-form-item:not(.is-error) {
    margin-bottom: 0
}

.fm-report-table__table .fm-report-table__td .form-table .el-form-item:not(.is-error) {
    margin-bottom: 18px
}

.fm-report-table__table .fm-report-table__td .form-table .el-form-item--medium.el-form-item:not(.is-error) {
    margin-bottom: 22px
}

.center-container {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0
}

.center-container .btn-bar {
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    border-bottom: 2px solid #e4e7ed;
    text-align: right
}

.center-container .btn-bar.el-header {
    padding: 0 10px
}

.center-container .btn-bar .btn-diviler {
    height: 25px;
    float: left;
    width: 1px;
    background: #eee;
    margin: 10px
}

.center-container .btn-bar .btn-bar-action {
    height: 45px;
    line-height: 45px;
    font-size: 24px;
    float: left
}

.center-container .btn-bar .btn-bar-action a {
    width: 30px;
    height: 30px;
    color: #666;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
    margin-right: 5px
}

.center-container .btn-bar .btn-bar-action a.disabled {
    color: #ccc;
    cursor: not-allowed
}

.center-container .btn-bar .btn-bar-action a.disabled:hover {
    color: #ccc
}

.center-container .btn-bar .btn-bar-action a:hover {
    color: #000
}

.center-container .btn-bar .btn-bar-action a .iconfont2 {
    font-size: 20px
}

.center-container .btn-bar .btn-bar-plat {
    height: 45px;
    line-height: 45px;
    font-size: 24px;
    float: left
}

.center-container .btn-bar .btn-bar-plat a {
    width: 30px;
    height: 30px;
    color: #666;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
    margin-right: 5px
}

.center-container .btn-bar .btn-bar-plat a.active {
    background: #e4e7ed;
    color: #409eff
}

.center-container .btn-bar .btn-bar-plat a .iconfont2 {
    font-size: 20px
}

.center-container .el-main {
    padding: 0;
    position: relative;
    background: #fafafa
}

.components-list {
    padding: 0;
    margin: -1px 0;
    width: 100%;
    height: calc(100% + 2px);
    overflow-y: auto
}

.components-list .widget-cate {
    padding: 8px 12px;
    font-size: 13px
}

.components-list .el-collapse-item__header {
    padding: 8px 12px
}

.components-list .el-collapse-item__content {
    padding-bottom: 0
}

.components-list ul {
    position: relative;
    overflow: hidden;
    padding: 0 10px 10px;
    margin: 0
}

.components-list .form-edit-widget-label {
    font-size: 12px;
    display: block;
    width: 48%;
    line-height: 26px;
    position: relative;
    float: left;
    left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 1%;
    color: #333;
    border: 1px solid #f4f6fc
}

.components-list .form-edit-widget-label a {
    color: #333
}

.components-list .form-edit-widget-label:hover {
    color: #409eff;
    border: 1px dashed #409eff
}

.components-list .form-edit-widget-label:hover a {
    color: #409eff
}

.components-list .form-edit-widget-label > a {
    display: block;
    cursor: move;
    background: #f4f6fc;
    border: 1px solid #f4f6fc
}

.components-list .form-edit-widget-label > a .icon {
    margin-right: 6px;
    margin-left: 8px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle
}

.components-list .form-edit-widget-label > a span {
    display: inline-block;
    vertical-align: middle
}

.fm-form {
    padding: 10px
}

.fm-generate-preview-container .fm-form {
    margin: 0 auto
}

.fm-generate-preview-container .el-dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.fm-generate-preview-container .el-dialog .el-dialog__body {
    height: calc(100% - 130px)
}

.fm-generate-preview {
    -webkit-box-shadow: #ebedf0 0 4px 12px;
    box-shadow: 0 4px 12px #ebedf0;
    height: 100%;
    overflow: auto
}

.fm-generate-preview.pc {
    border-radius: 0
}

.fm-generate-preview.mobile {
    width: 375px;
    margin: auto;
    border-radius: 12px
}

.fm-generate-preview.mobile .el-form, .fm-generate-preview.mobile .fm-form {
    width: 100% !important
}

.fm-generate-preview.mobile .widget-inline-list > div {
    width: 100%;
    margin-right: 0 !important
}

.fm-generate-preview.mobile .fm-inline-container .fm-form-item {
    margin-right: 0 !important
}

.fm-generate-preview.mobile .widget-view .el-form-item .el-button:not(.is-circle,.el-button--text,.is-link), .fm-generate-preview.mobile .widget-view .el-form-item .el-cascader, .fm-generate-preview.mobile .widget-view .el-form-item .el-date-editor, .fm-generate-preview.mobile .widget-view .el-form-item .el-select {
    width: 100% !important
}

.fm-generate-preview.mobile .widget-view .el-form-item .el-pagination .el-pagination__total {
    display: none
}

.fm-generate-preview.mobile .widget-view .el-form-item .el-transfer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fm-generate-preview.mobile .widget-view .el-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header {
    padding-left: 5px;
    position: relative
}

.fm-generate-preview.mobile .widget-view .el-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox {
    margin-right: 0
}

.fm-generate-preview.mobile .widget-view .el-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox__label {
    font-size: 14px
}

.fm-generate-preview.mobile .widget-view .el-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox__label > span {
    right: 5px;
    display: inline-block;
    position: absolute
}

.fm-generate-preview.mobile .widget-view .el-form-item .el-transfer .el-transfer-panel__body .el-checkbox {
    margin-right: 0
}

.fm-generate-preview.mobile .widget-view .el-form-item .el-transfer .el-transfer-panel__body .el-transfer-panel__item {
    padding-left: 5px
}

.fm-generate-preview.mobile .widget-view .el-form-item .el-transfer .el-transfer__buttons {
    padding: 5px
}

.fm-generate-preview.mobile .widget-view .el-form-item .el-transfer .el-transfer__buttons .el-button {
    padding: 5px 0;
    margin: 0
}

.fm-generate-preview.mobile .widget-view .el-form-item .el-transfer .el-transfer__buttons .el-button + .el-button {
    margin-top: 5px
}

.fm-generate-preview.mobile .widget-view .el-form-item .el-upload--text.el-upload {
    width: 100%
}

.fm-generate-preview.mobile .fm-form-item, .fm-generate-preview.mobile .fm-form-item .el-button:not(.is-circle,.el-button--text,.is-link), .fm-generate-preview.mobile .fm-form-item .el-cascader, .fm-generate-preview.mobile .fm-form-item .el-date-editor, .fm-generate-preview.mobile .fm-form-item .el-select {
    width: 100% !important
}

.fm-generate-preview.mobile .fm-form-item .el-pagination .el-pagination__total {
    display: none
}

.fm-generate-preview.mobile .fm-form-item .el-transfer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fm-generate-preview.mobile .fm-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header {
    padding-left: 5px;
    position: relative
}

.fm-generate-preview.mobile .fm-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox {
    margin-right: 0
}

.fm-generate-preview.mobile .fm-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox__label {
    font-size: 14px
}

.fm-generate-preview.mobile .fm-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox__label > span {
    right: 5px;
    display: inline-block;
    position: absolute
}

.fm-generate-preview.mobile .fm-form-item .el-transfer .el-transfer-panel__body .el-checkbox {
    margin-right: 0
}

.fm-generate-preview.mobile .fm-form-item .el-transfer .el-transfer-panel__body .el-transfer-panel__item {
    padding-left: 5px
}

.fm-generate-preview.mobile .fm-form-item .el-transfer .el-transfer__buttons {
    padding: 5px
}

.fm-generate-preview.mobile .fm-form-item .el-transfer .el-transfer__buttons .el-button {
    padding: 5px 0;
    margin: 0
}

.fm-generate-preview.mobile .fm-form-item .el-transfer .el-transfer__buttons .el-button + .el-button {
    margin-top: 5px
}

.fm-generate-preview.mobile .fm-form-item .ant-form-item .ant-btn:not(.ant-btn-circle,.ant-btn-link), .fm-generate-preview.mobile .fm-form-item .ant-form-item .ant-calendar-picker, .fm-generate-preview.mobile .fm-form-item .ant-form-item .ant-picker, .fm-generate-preview.mobile .fm-form-item .ant-form-item .ant-select, .fm-generate-preview.mobile .fm-form-item .ant-form-item .ant-time-picker {
    width: 100% !important
}

.fm-generate-preview.mobile .fm-form-item .ant-form-item .ant-transfer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fm-generate-preview.mobile .fm-form-item .ant-form-item .ant-transfer .ant-transfer-operation {
    width: 24px !important;
    margin: 4px
}

.fm-generate-preview.mobile .fm-form-item .ant-form-item .ant-pagination .ant-pagination-total-text {
    display: none
}

.fm-generate-preview.mobile .el-picker-panel {
    width: 100% !important;
    margin: 0;
    left: 0 !important;
    right: 0 !important
}

.fm-generate-preview.mobile .el-picker-panel .el-time-range-picker__cell {
    min-width: 150px
}

.fm-generate-preview.mobile .el-picker-panel .el-picker-panel__content {
    padding: 2px
}

.fm-generate-preview.mobile .el-picker-panel .el-picker-panel__content .el-date-table th {
    padding: 0
}

.fm-generate-preview.mobile .el-picker-panel .el-picker-panel__body {
    min-width: 100% !important
}

.fm-generate-preview.mobile .el-picker-panel .el-date-range-picker__header div {
    font-size: 12px;
    margin-left: 0;
    margin-right: 0
}

.fm-generate-preview.mobile .el-picker-panel .el-date-range-picker__time-header .is-right .el-time-panel {
    right: 0;
    left: auto
}

.fm-generate-preview.mobile .el-cascader__dropdown {
    max-width: 100% !important
}

.fm-generate-preview.mobile .el-cascader__dropdown .el-cascader-menu {
    min-width: 0
}

.fm-generate-preview.mobile .el-scrollbar > .el-scrollbar__bar {
    opacity: 1 !important
}

.fm-generate-preview.mobile .ant-calendar-picker-container .ant-calendar-range, .fm-generate-preview.mobile .fm-generate-ant-dialog {
    width: 100% !important
}

.fm-generate-preview.mobile .ant-calendar-picker-container .ant-calendar-range-middle {
    padding-left: 50%
}

.fm-generate-preview.mobile .ant-calendar-picker-container .ant-calendar-range-right .ant-calendar-date-input-wrap {
    margin-left: 0
}

.fm-generate-preview.mobile .ant-cascader-menus {
    max-width: 100% !important
}

.fm-generate-preview.mobile .ant-cascader-menus .ant-cascader-menus-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fm-generate-preview.mobile .ant-cascader-menus .ant-cascader-menu {
    min-width: 0
}

.fm-generate-preview.mobile .ant-picker-range-wrapper .ant-picker-date-panel {
    width: auto
}

.fm-generate-preview.mobile .ant-picker-range-wrapper .ant-picker-content {
    width: auto !important
}

.fm-generate-preview.mobile .widget-table-content .widget-table-col {
    min-height: 50px !important
}

.fm-generate-preview.pad {
    width: 770px;
    margin: auto;
    border-radius: 5px
}

.widget-form-container {
    position: absolute;
    overflow-x: auto
}

.widget-form-container.pc {
    border: 0;
    border-radius: 0
}

.widget-form-container.mobile, .widget-form-container.pc {
    background: #fafafa;
    -webkit-box-shadow: #ebedf0 0 4px 12px;
    box-shadow: 0 4px 12px #ebedf0;
    top: 10px;
    left: 16px;
    right: 16px;
    bottom: 10px
}

.widget-form-container.mobile {
    width: 375px;
    margin: auto;
    border: 0;
    border-radius: 12px
}

.widget-form-container.mobile .el-form, .widget-form-container.mobile .fm-form {
    width: 100% !important
}

.widget-form-container.mobile .widget-inline-list > div {
    width: 100%;
    margin-right: 0 !important
}

.widget-form-container.mobile .fm-inline-container .fm-form-item {
    margin-right: 0 !important
}

.widget-form-container.mobile .widget-view .el-form-item .el-button:not(.is-circle,.el-button--text,.is-link), .widget-form-container.mobile .widget-view .el-form-item .el-cascader, .widget-form-container.mobile .widget-view .el-form-item .el-date-editor, .widget-form-container.mobile .widget-view .el-form-item .el-select {
    width: 100% !important
}

.widget-form-container.mobile .widget-view .el-form-item .el-pagination .el-pagination__total {
    display: none
}

.widget-form-container.mobile .widget-view .el-form-item .el-transfer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.widget-form-container.mobile .widget-view .el-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header {
    padding-left: 5px;
    position: relative
}

.widget-form-container.mobile .widget-view .el-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox {
    margin-right: 0
}

.widget-form-container.mobile .widget-view .el-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox__label {
    font-size: 14px
}

.widget-form-container.mobile .widget-view .el-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox__label > span {
    right: 5px;
    display: inline-block;
    position: absolute
}

.widget-form-container.mobile .widget-view .el-form-item .el-transfer .el-transfer-panel__body .el-checkbox {
    margin-right: 0
}

.widget-form-container.mobile .widget-view .el-form-item .el-transfer .el-transfer-panel__body .el-transfer-panel__item {
    padding-left: 5px
}

.widget-form-container.mobile .widget-view .el-form-item .el-transfer .el-transfer__buttons {
    padding: 5px
}

.widget-form-container.mobile .widget-view .el-form-item .el-transfer .el-transfer__buttons .el-button {
    padding: 5px 0;
    margin: 0
}

.widget-form-container.mobile .widget-view .el-form-item .el-transfer .el-transfer__buttons .el-button + .el-button {
    margin-top: 5px
}

.widget-form-container.mobile .widget-view .el-form-item .el-upload--text.el-upload {
    width: 100%
}

.widget-form-container.mobile .fm-form-item, .widget-form-container.mobile .fm-form-item .el-button:not(.is-circle,.el-button--text,.is-link), .widget-form-container.mobile .fm-form-item .el-cascader, .widget-form-container.mobile .fm-form-item .el-date-editor, .widget-form-container.mobile .fm-form-item .el-select {
    width: 100% !important
}

.widget-form-container.mobile .fm-form-item .el-pagination .el-pagination__total {
    display: none
}

.widget-form-container.mobile .fm-form-item .el-transfer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.widget-form-container.mobile .fm-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header {
    padding-left: 5px;
    position: relative
}

.widget-form-container.mobile .fm-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox {
    margin-right: 0
}

.widget-form-container.mobile .fm-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox__label {
    font-size: 14px
}

.widget-form-container.mobile .fm-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox__label > span {
    right: 5px;
    display: inline-block;
    position: absolute
}

.widget-form-container.mobile .fm-form-item .el-transfer .el-transfer-panel__body .el-checkbox {
    margin-right: 0
}

.widget-form-container.mobile .fm-form-item .el-transfer .el-transfer-panel__body .el-transfer-panel__item {
    padding-left: 5px
}

.widget-form-container.mobile .fm-form-item .el-transfer .el-transfer__buttons {
    padding: 5px
}

.widget-form-container.mobile .fm-form-item .el-transfer .el-transfer__buttons .el-button {
    padding: 5px 0;
    margin: 0
}

.widget-form-container.mobile .fm-form-item .el-transfer .el-transfer__buttons .el-button + .el-button {
    margin-top: 5px
}

.widget-form-container.mobile .fm-form-item .ant-form-item .ant-btn:not(.ant-btn-circle,.ant-btn-link), .widget-form-container.mobile .fm-form-item .ant-form-item .ant-calendar-picker, .widget-form-container.mobile .fm-form-item .ant-form-item .ant-picker, .widget-form-container.mobile .fm-form-item .ant-form-item .ant-select, .widget-form-container.mobile .fm-form-item .ant-form-item .ant-time-picker {
    width: 100% !important
}

.widget-form-container.mobile .fm-form-item .ant-form-item .ant-transfer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.widget-form-container.mobile .fm-form-item .ant-form-item .ant-transfer .ant-transfer-operation {
    width: 24px !important;
    margin: 4px
}

.widget-form-container.mobile .fm-form-item .ant-form-item .ant-pagination .ant-pagination-total-text {
    display: none
}

.widget-form-container.mobile .el-picker-panel {
    width: 100% !important;
    margin: 0;
    left: 0 !important;
    right: 0 !important
}

.widget-form-container.mobile .el-picker-panel .el-time-range-picker__cell {
    min-width: 150px
}

.widget-form-container.mobile .el-picker-panel .el-picker-panel__content {
    padding: 2px
}

.widget-form-container.mobile .el-picker-panel .el-picker-panel__content .el-date-table th {
    padding: 0
}

.widget-form-container.mobile .el-picker-panel .el-picker-panel__body {
    min-width: 100% !important
}

.widget-form-container.mobile .el-picker-panel .el-date-range-picker__header div {
    font-size: 12px;
    margin-left: 0;
    margin-right: 0
}

.widget-form-container.mobile .el-picker-panel .el-date-range-picker__time-header .is-right .el-time-panel {
    right: 0;
    left: auto
}

.widget-form-container.mobile .el-cascader__dropdown {
    max-width: 100% !important
}

.widget-form-container.mobile .el-cascader__dropdown .el-cascader-menu {
    min-width: 0
}

.widget-form-container.mobile .el-scrollbar > .el-scrollbar__bar {
    opacity: 1 !important
}

.widget-form-container.mobile .ant-calendar-picker-container .ant-calendar-range, .widget-form-container.mobile .fm-generate-ant-dialog {
    width: 100% !important
}

.widget-form-container.mobile .ant-calendar-picker-container .ant-calendar-range-middle {
    padding-left: 50%
}

.widget-form-container.mobile .ant-calendar-picker-container .ant-calendar-range-right .ant-calendar-date-input-wrap {
    margin-left: 0
}

.widget-form-container.mobile .ant-cascader-menus {
    max-width: 100% !important
}

.widget-form-container.mobile .ant-cascader-menus .ant-cascader-menus-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.widget-form-container.mobile .ant-cascader-menus .ant-cascader-menu {
    min-width: 0
}

.widget-form-container.mobile .ant-picker-range-wrapper .ant-picker-date-panel {
    width: auto
}

.widget-form-container.mobile .ant-picker-range-wrapper .ant-picker-content {
    width: auto !important
}

.widget-form-container.mobile .widget-table-content .widget-table-col {
    min-height: 50px !important
}

.widget-form-container.pad {
    width: 770px;
    margin: auto;
    border: 0;
    background: #fafafa;
    border-radius: 5px;
    -webkit-box-shadow: #ebedf0 0 4px 12px;
    box-shadow: 0 4px 12px #ebedf0;
    top: 10px;
    left: 16px;
    right: 16px;
    bottom: 10px
}

.widget-form-container .form-empty {
    position: absolute;
    text-align: center;
    width: 300px;
    height: 30px !important;
    min-height: 30px !important;
    font-size: 20px;
    top: 50%;
    width: 100%;
    margin-top: -10px;
    color: #ccc
}

.widget-form-container .widget-form-wrapper > div {
    height: 100%
}

.widget-form-container form {
    min-height: 100%;
    height: 100%;
    background: #fff;
    position: relative
}

.widget-form-container form > div {
    min-height: 100%;
    height: 100%;
    overflow: auto
}

.widget-form-container .widget-form-draggable {
    min-height: 100%;
    height: 100%
}

.widget-form-container .widget-form-list {
    min-height: 100%;
    padding-bottom: 50px;
    padding-top: 1px
}

.widget-form-container .widget-form-list .widget-empty {
    position: absolute;
    text-align: center;
    width: 300px;
    height: 20px;
    font-size: 16px;
    top: 15px;
    left: 50%;
    margin-left: -150px;
    color: rgba(0, 0, 0, .15)
}

.widget-form-container .widget-form-list .widget-view-model {
    position: absolute;
    top: 2px;
    right: 3px;
    font-size: 12px;
    color: #67c23a;
    opacity: 0;
    z-index: 8;
    font-weight: 500
}

.widget-form-container .widget-form-list .widget-view-type {
    position: absolute;
    left: 0;
    top: 0;
    padding: 2px 5px;
    line-height: 22px;
    background: #409eff;
    z-index: 7;
    opacity: 0;
    display: none;
    color: #fff
}

.widget-form-container .widget-form-list .is-hover > .widget-view-model, .widget-form-container .widget-form-list .is-hover > .widget-view-type {
    opacity: .6;
    display: inline-block
}

.widget-form-container .widget-form-list .active > .widget-view-model {
    opacity: .8
}

.widget-form-container .widget-form-list .active > .widget-view-type {
    display: none
}

.widget-form-container .widget-form-list .widget-col-list {
    min-height: 50px;
    min-width: 50px;
    border: 2px inset rgba(0, 0, 0, .1);
    background: #fff
}

.widget-form-container .widget-form-list .widget-inline-list {
    min-height: 50px;
    min-width: 50px
}

.widget-form-container .widget-form-list .widget-inline-list > div, .widget-form-container .widget-form-list .widget-inline-list > li {
    display: inline-block;
    vertical-align: top
}

.widget-form-container .widget-form-list .widget-inline-list .ghost {
    background: #f56c6c;
    border: 2px solid #f56c6c;
    position: relative;
    content: "";
    min-height: 50px;
    width: 5px !important;
    list-style: none;
    font-size: 0;
    overflow: hidden;
    outline: none;
    margin: 2px;
    display: inline-block
}

.widget-form-container .widget-form-list .widget-inline-list .ghost:after {
    background: #f56c6c;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    content: "";
    outline: none
}

.widget-form-container .widget-form-list .widget-view {
    position: relative;
    border: 1px dashed hsla(0, 0%, 66.7%, .5);
    background-color: rgba(236, 245, 255, .3);
    margin: 2px;
    overflow: hidden;
    min-height: 50px;
    min-width: 50px
}

.widget-form-container .widget-form-list .widget-view .fm-label-wrap {
    display: block
}

.widget-form-container .widget-form-list .widget-view .fm-label-wrap > .el-form-item__content {
    margin-left: 0 !important
}

.widget-form-container .widget-form-list .widget-view .el-form-item__content {
    position: static
}

.widget-form-container .widget-form-list .widget-view.is_req .el-form-item__label:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px
}

.widget-form-container .widget-form-list .widget-view.is_hidden {
    background: #fef0f0
}

.widget-form-container .widget-form-list .widget-view .widget-view-description {
    height: 15px;
    line-height: 15px;
    font-size: 13px;
    margin-top: 6px;
    color: #909399
}

.widget-form-container .widget-form-list .widget-view .widget-view-action {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 28px;
    line-height: 28px;
    background: #409eff;
    z-index: 10;
    opacity: .6
}

.widget-form-container .widget-form-list .widget-view .widget-view-action:hover {
    opacity: 1
}

.widget-form-container .widget-form-list .widget-view .widget-view-action i {
    font-size: 14px;
    color: #fff;
    margin: 0 5px;
    cursor: pointer
}

.widget-form-container .widget-form-list .widget-view .widget-view-drag {
    position: absolute;
    left: -2px;
    top: -2px;
    bottom: -18px;
    height: 28px;
    line-height: 28px;
    background: #409eff;
    z-index: 10;
    opacity: .6
}

.widget-form-container .widget-form-list .widget-view .widget-view-drag:hover {
    opacity: 1
}

.widget-form-container .widget-form-list .widget-view .widget-view-drag i {
    font-size: 14px;
    color: #fff;
    margin: 0 5px;
    cursor: move
}

.widget-form-container .widget-form-list .widget-view:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    z-index: 8;
    content: ""
}

.widget-form-container .widget-form-list .widget-view.is-hover {
    background: #ecf5ff;
    outline: 1px solid #409eff;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-view.is-hover.active {
    outline: 2px solid #409eff;
    border: 1px solid #409eff;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-view.is-hover .widget-view-drag {
    display: block
}

.widget-form-container .widget-form-list .widget-view.active {
    outline: 2px solid #409eff;
    border: 1px solid #409eff
}

.widget-form-container .widget-form-list .widget-view.ghost {
    background: #f56c6c;
    border: 2px solid #f56c6c;
    outline-width: 0;
    height: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    content: "";
    overflow: hidden;
    padding: 0;
    margin: 2px
}

.widget-form-container .widget-form-list .widget-subform {
    padding: 5px;
    background-color: rgba(253, 246, 236, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.widget-form-container .widget-form-list .widget-subform .widget-subform-wrapper {
    min-height: 50px;
    width: 100%;
    background: #fff;
    margin: 0;
    overflow: auto;
    position: relative
}

.widget-form-container .widget-form-list .widget-subform .widget-subform-wrapper .subform-empty {
    position: absolute;
    text-align: center;
    width: 300px;
    height: 0;
    font-size: 16px;
    top: 10px;
    left: 50%;
    margin-left: -150px;
    color: rgba(0, 0, 0, .15);
    z-index: 2
}

.widget-form-container .widget-form-list .widget-subform.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c
}

.widget-form-container .widget-form-list .widget-subform.is-hover {
    background: #fdf6ec;
    outline: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-subform.is-hover.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-subform.is-hover > .widget-view-type, .widget-form-container .widget-form-list .widget-subform .widget-view-action.widget-subform-action, .widget-form-container .widget-form-list .widget-subform .widget-view-drag.widget-subform-drag {
    background: #e6a23c
}

.widget-form-container .widget-form-list .widget-subform:after {
    display: none
}

.widget-form-container .widget-form-list .widget-subform.ghost {
    background: #f56c6c;
    outline-width: 0;
    height: 5px;
    min-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    content: "";
    overflow: hidden;
    padding: 0;
    position: relative;
    outline: none;
    border: 0;
    margin: 2px
}

.widget-form-container .widget-form-list .widget-subform.ghost:after {
    background: #f56c6c;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    z-index: 999
}

.widget-form-container .widget-form-list .widget-dialog {
    padding: 5px;
    background-color: rgba(253, 246, 236, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.widget-form-container .widget-form-list .widget-dialog .el-dialog {
    margin: 0
}

.widget-form-container .widget-form-list .widget-dialog.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c
}

.widget-form-container .widget-form-list .widget-dialog.is-hover {
    background: #fdf6ec;
    outline: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-dialog.is-hover.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-dialog.is-hover > .widget-view-type, .widget-form-container .widget-form-list .widget-dialog .widget-view-action.widget-subform-action, .widget-form-container .widget-form-list .widget-dialog .widget-view-drag.widget-subform-drag {
    background: #e6a23c
}

.widget-form-container .widget-form-list .widget-dialog:after {
    display: none
}

.widget-form-container .widget-form-list .widget-dialog.ghost {
    background: #f56c6c;
    outline-width: 0;
    height: 5px;
    min-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    content: "";
    overflow: hidden;
    padding: 0;
    position: relative;
    outline: none;
    border: 0;
    margin: 2px
}

.widget-form-container .widget-form-list .widget-dialog.ghost:after {
    background: #f56c6c;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    z-index: 999
}

.widget-form-container .widget-form-list .widget-card {
    padding: 5px;
    background-color: rgba(253, 246, 236, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.widget-form-container .widget-form-list .widget-card.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c
}

.widget-form-container .widget-form-list .widget-card.is-hover {
    background: #fdf6ec;
    outline: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-card.is-hover.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-card.is-hover > .widget-view-type, .widget-form-container .widget-form-list .widget-card .widget-view-action.widget-subform-action, .widget-form-container .widget-form-list .widget-card .widget-view-drag.widget-subform-drag {
    background: #e6a23c
}

.widget-form-container .widget-form-list .widget-card:after {
    display: none
}

.widget-form-container .widget-form-list .widget-card.ghost {
    background: #f56c6c;
    outline-width: 0;
    height: 5px;
    min-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    content: "";
    overflow: hidden;
    padding: 0;
    position: relative;
    outline: none;
    border: 0;
    margin: 2px
}

.widget-form-container .widget-form-list .widget-card.ghost:after {
    background: #f56c6c;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    z-index: 999
}

.widget-form-container .widget-form-list .widget-group {
    padding: 5px;
    background-color: rgba(253, 246, 236, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.widget-form-container .widget-form-list .widget-group.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c
}

.widget-form-container .widget-form-list .widget-group.is-hover {
    background: #fdf6ec;
    outline: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-group.is-hover.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-group.is-hover > .widget-view-type, .widget-form-container .widget-form-list .widget-group .widget-view-action.widget-subform-action, .widget-form-container .widget-form-list .widget-group .widget-view-drag.widget-subform-drag {
    background: #e6a23c
}

.widget-form-container .widget-form-list .widget-group:after {
    display: none
}

.widget-form-container .widget-form-list .widget-group.ghost {
    background: #f56c6c;
    outline-width: 0;
    height: 5px;
    min-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    content: "";
    overflow: hidden;
    padding: 0;
    position: relative;
    outline: none;
    border: 0;
    margin: 2px
}

.widget-form-container .widget-form-list .widget-group.ghost:after {
    background: #f56c6c;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    z-index: 999
}

.widget-form-container .widget-form-list .widget-inline {
    padding: 5px;
    background-color: rgba(253, 246, 236, .3)
}

.widget-form-container .widget-form-list .widget-inline .widget-inline-content {
    min-height: 50px;
    width: 100%;
    border: 2px inset rgba(0, 0, 0, .1);
    background: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    overflow: auto;
    position: relative
}

.widget-form-container .widget-form-list .widget-inline .widget-inline-content .table-empty {
    position: absolute;
    text-align: center;
    width: 300px;
    height: 0;
    font-size: 16px;
    top: 10px;
    left: 50%;
    margin-left: -150px;
    color: rgba(0, 0, 0, .15);
    z-index: 2
}

.widget-form-container .widget-form-list .widget-inline.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c
}

.widget-form-container .widget-form-list .widget-inline.is-hover {
    background: #fdf6ec;
    outline: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-inline.is-hover.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-inline.is-hover > .widget-view-type, .widget-form-container .widget-form-list .widget-inline .widget-view-action.widget-inline-action, .widget-form-container .widget-form-list .widget-inline .widget-view-drag.widget-inline-drag {
    background: #e6a23c
}

.widget-form-container .widget-form-list .widget-inline:after {
    display: none
}

.widget-form-container .widget-form-list .widget-inline.ghost {
    background: #f56c6c;
    outline-width: 0;
    height: 5px;
    min-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    content: "";
    overflow: hidden;
    padding: 0;
    position: relative;
    outline: none;
    border: 0;
    margin: 2px
}

.widget-form-container .widget-form-list .widget-inline.ghost:after {
    background: #f56c6c;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    z-index: 999
}

.widget-form-container .widget-form-list .widget-table {
    padding-bottom: 0;
    padding: 5px;
    background-color: rgba(253, 246, 236, .3)
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper {
    min-height: 50px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper.mobile {
    display: block;
    border: 1px solid #ebeef5;
    background: #f5f7fa
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper.mobile .widget-table-top {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    background: #f5f7fa;
    border-bottom: 1px solid #ebeef5;
    font-weight: 500
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-row td {
    border-bottom: 0
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-left {
    width: 51px;
    border-left: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    border-top: 1px solid #ebeef5;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    overflow: hidden
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-left .el-table__body-wrapper {
    overflow: hidden
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-left .el-table__fixed {
    min-height: 88px !important
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view {
    border: 1px solid #ebeef5;
    width: 200px;
    height: 100%;
    position: relative;
    display: block
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .el-table {
    height: 100%
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .el-table th.required > div:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px;
    background: transparent;
    vertical-align: top
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is_req .el-form-item__label:before {
    content: "*";
    color: #f56c6c;
    margin-right: 4px
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is_hidden td, .widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is_hidden th {
    background: #fef0f0
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-description {
    height: 15px;
    line-height: 15px;
    font-size: 13px;
    margin-top: 6px;
    color: #909399
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-action {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 28px;
    line-height: 28px;
    background: #409eff;
    z-index: 10;
    opacity: .6
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-action:hover {
    opacity: 1
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-action i {
    font-size: 14px;
    color: #fff;
    margin: 0 5px;
    cursor: pointer
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-drag {
    position: absolute;
    left: -2px;
    top: -2px;
    bottom: -18px;
    height: 28px;
    line-height: 28px;
    background: #409eff;
    z-index: 9
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .widget-view-drag i {
    font-size: 14px;
    color: #fff;
    margin: 0 5px;
    cursor: move
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    content: ""
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view:before {
    display: none
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is-hover {
    background: #ecf5ff;
    outline: 1px solid #409eff;
    outline-offset: -1px
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is-hover.active {
    border: 1px solid #409eff;
    outline: 1px solid #409eff;
    outline-offset: -1px
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is-hover .widget-view-drag {
    display: block
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is-hover > .widget-view-type {
    opacity: .6;
    display: inline-block
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.active {
    outline: 1px solid #409eff;
    border: 1px solid #409eff;
    outline-offset: -1px
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.active > .widget-view-type {
    display: none
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.mobile {
    border: 1px dashed hsla(0, 0%, 66.7%, .5);
    width: calc(100% - 4px);
    float: unset;
    height: auto;
    position: relative;
    display: block;
    margin: 2px
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.mobile.is_hidden {
    background: #fef0f0
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content {
    width: 100%;
    border: 2px inset rgba(0, 0, 0, .1);
    background: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    overflow: auto;
    position: relative
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .table-empty {
    position: absolute;
    text-align: center;
    width: 300px;
    height: 20px;
    font-size: 16px;
    top: 30px;
    left: 50%;
    margin-left: -150px;
    color: rgba(0, 0, 0, .15)
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content > div {
    height: 100%
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .widget-table-col {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .widget-table-col .ghost {
    background: #f56c6c;
    border: 2px solid #f56c6c;
    position: relative;
    content: "";
    float: left;
    height: calc(100% - 4px);
    width: 5px !important;
    list-style: none;
    font-size: 0;
    overflow: hidden;
    outline: none;
    margin: 2px
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content .widget-table-col .ghost:after {
    background: #f56c6c;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    content: "";
    outline: none
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content.mobile {
    min-height: 100px
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content.mobile .widget-table-col {
    display: block
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content.mobile .widget-table-col .ghost {
    background: #f56c6c;
    border: 2px solid #f56c6c;
    position: relative;
    content: "";
    height: 5px;
    width: calc(100% - 4px) !important;
    list-style: none;
    font-size: 0;
    overflow: hidden;
    outline: none;
    margin: 2px;
    float: unset
}

.widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-content.mobile .widget-table-col .ghost:after {
    background: #f56c6c;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    content: "";
    outline: none
}

.widget-form-container .widget-form-list .widget-table.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c
}

.widget-form-container .widget-form-list .widget-table.is-hover {
    background: #fdf6ec;
    outline: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-table.is-hover.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-table.is-hover > .widget-view-type, .widget-form-container .widget-form-list .widget-table .widget-view-action.widget-col-action, .widget-form-container .widget-form-list .widget-table .widget-view-drag.widget-col-drag {
    background: #e6a23c
}

.widget-form-container .widget-form-list .widget-table:after {
    display: none
}

.widget-form-container .widget-form-list .widget-table.ghost {
    background: #f56c6c;
    outline-width: 0;
    height: 5px;
    min-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    content: "";
    overflow: hidden;
    padding: 0;
    position: relative;
    outline: none;
    border: 0;
    margin: 2px
}

.widget-form-container .widget-form-list .widget-table.ghost:after {
    background: #f56c6c;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    z-index: 999
}

.widget-form-container .widget-form-list .widget-report-item {
    padding: 5px;
    background-color: rgba(253, 246, 236, .3);
    min-height: 50px;
    min-width: 50px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.widget-form-container .widget-form-list .widget-report-item.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c;
    outline-offset: -1px
}

.widget-form-container .widget-form-list .widget-report-item.is-hover {
    background: #fdf6ec;
    outline: 1px solid #e6a23c;
    border: 1px solid #e6a23c !important;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-report-item.is-hover.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c;
    outline-offset: -1px
}

.widget-form-container .widget-form-list .widget-report-item.is-hover > .widget-view-type {
    background: #e6a23c
}

.widget-form-container .widget-form-list .widget-report-item:after {
    display: none
}

.widget-form-container .widget-form-list .widget-report {
    padding: 5px;
    background-color: rgba(253, 246, 236, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.widget-form-container .widget-form-list .widget-report > div {
    overflow: auto;
    padding: 1px
}

.widget-form-container .widget-form-list .widget-report.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c
}

.widget-form-container .widget-form-list .widget-report.is-hover {
    background: #fdf6ec;
    outline: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-report.is-hover.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-report.is-hover > .widget-view-type {
    background: #e6a23c
}

.widget-form-container .widget-form-list .widget-report.ghost {
    background: #f56c6c;
    border: 2px solid #f56c6c;
    outline-width: 0;
    height: 3px;
    min-height: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    content: "";
    overflow: hidden;
    padding: 0;
    margin: 2px
}

.widget-form-container .widget-form-list .widget-report .widget-view-action.widget-col-action {
    background: #e6a23c;
    overflow: hidden
}

.widget-form-container .widget-form-list .widget-report .widget-view-action.widget-col-action .el-dropdown-link::-moz-selection {
    background: #e6a23c !important
}

.widget-form-container .widget-form-list .widget-report .widget-view-action.widget-col-action .el-dropdown-link::selection {
    background: #e6a23c !important
}

.widget-form-container .widget-form-list .widget-report .widget-view-drag.widget-col-drag {
    background: #e6a23c;
    overflow: hidden
}

.widget-form-container .widget-form-list .widget-report:after {
    display: none
}

.widget-form-container .widget-form-list .widget-tab {
    padding: 5px;
    background-color: rgba(253, 246, 236, .3)
}

.widget-form-container .widget-form-list .widget-tab.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c
}

.widget-form-container .widget-form-list .widget-tab.is-hover {
    background: #fdf6ec;
    outline: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-tab.is-hover.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-tab.is-hover > .widget-view-type {
    background: #e6a23c
}

.widget-form-container .widget-form-list .widget-tab.ghost {
    background: #f56c6c;
    border: 2px solid #f56c6c;
    outline-width: 0;
    height: 3px;
    min-height: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    content: "";
    overflow: hidden;
    padding: 0;
    margin: 2px
}

.widget-form-container .widget-form-list .widget-tab .widget-view-action.widget-col-action, .widget-form-container .widget-form-list .widget-tab .widget-view-drag.widget-col-drag {
    background: #e6a23c
}

.widget-form-container .widget-form-list .widget-tab:after {
    display: none
}

.widget-form-container .widget-form-list .widget-collapse {
    padding: 5px;
    background-color: rgba(253, 246, 236, .3)
}

.widget-form-container .widget-form-list .widget-collapse.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c
}

.widget-form-container .widget-form-list .widget-collapse.is-hover {
    background: #fdf6ec;
    outline: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-collapse.is-hover.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-collapse.is-hover > .widget-view-type {
    background: #e6a23c
}

.widget-form-container .widget-form-list .widget-collapse.ghost {
    background: #f56c6c;
    border: 2px solid #f56c6c;
    outline-width: 0;
    height: 3px;
    min-height: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    content: "";
    overflow: hidden;
    padding: 0;
    margin: 2px
}

.widget-form-container .widget-form-list .widget-collapse .widget-view-action.widget-col-action, .widget-form-container .widget-form-list .widget-collapse .widget-view-drag.widget-col-drag {
    background: #e6a23c
}

.widget-form-container .widget-form-list .widget-collapse:after {
    display: none
}

.widget-form-container .widget-form-list .widget-col {
    padding-bottom: 0;
    padding: 5px;
    background-color: rgba(253, 246, 236, .3);
    position: relative
}

.widget-form-container .widget-form-list .widget-col.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c
}

.widget-form-container .widget-form-list .widget-col.is-hover {
    background: #fdf6ec;
    outline: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-col.is-hover.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-col.is-hover > .widget-view-type {
    background: #e6a23c
}

.widget-form-container .widget-form-list .widget-col .el-col {
    min-height: 50px
}

.widget-form-container .widget-form-list .widget-col.ghost {
    background: #f56c6c;
    border: 2px solid #f56c6c;
    outline-width: 0;
    height: 3px;
    min-height: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    content: "";
    overflow: hidden;
    padding: 0;
    margin: 2px;
    display: block
}

.widget-form-container .widget-form-list .widget-col .widget-view-action.widget-col-action, .widget-form-container .widget-form-list .widget-col .widget-view-drag.widget-col-drag {
    background: #e6a23c
}

.widget-form-container .widget-form-list .widget-col:after {
    display: none
}

.widget-form-container .widget-form-list .widget-col-item {
    padding: 5px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px dashed hsla(0, 0%, 66.7%, .5)
}

.widget-form-container .widget-form-list .widget-col-item.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c;
    outline-offset: -1px
}

.widget-form-container .widget-form-list .widget-col-item.is-hover {
    background: #fdf6ec;
    outline: 1px solid #e6a23c;
    outline-offset: 0
}

.widget-form-container .widget-form-list .widget-col-item.is-hover.active {
    outline: 2px solid #e6a23c;
    border: 1px solid #e6a23c;
    outline-offset: -1px
}

.widget-form-container .widget-form-list .widget-col-item.is-hover > .widget-view-type {
    background: #e6a23c
}

.widget-form-container .widget-form-list .widget-col-item:after {
    display: none
}

.widget-form-container .widget-form-list .ghost {
    background: #f56c6c;
    border: 2px solid #f56c6c;
    outline-width: 0;
    height: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    content: "";
    overflow: hidden;
    padding: 0;
    margin: 2px
}

.widget-form-container .widget-grid {
    background: #f4f6fc;
    position: relative;
    border-left: 5px solid transparent;
    padding: 5px;
    margin: 0 !important
}

.widget-form-container .widget-grid.active {
    border-left: 5px solid #409eff;
    background: #b3d8ff
}

.widget-form-container .widget-grid-container.ghost {
    background: #f56c6c;
    border: 2px solid #f56c6c;
    outline-width: 0;
    height: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    content: "";
    overflow: hidden;
    padding: 0;
    margin: 2px
}

.widget-form-container .ghost {
    background: #f56c6c;
    border: 2px solid #f56c6c;
    position: relative;
    margin: 2px
}

.widget-form-container .ghost:after {
    background: #f56c6c
}

.widget-form-container li.ghost {
    height: 5px;
    list-style: none;
    font-size: 0;
    overflow: hidden;
    margin: 2px
}

.widget-left-panel {
    position: relative;
    overflow: unset
}

.widget-left-panel.hide-status {
    width: 0 !important
}

.widget-left-panel.hide-status .container-left-arrow:after {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
    left: 60%
}

.widget-left-panel .container-left-arrow {
    position: absolute;
    width: 16px;
    height: 50px;
    top: 50%;
    right: -15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.widget-left-panel .container-left-arrow:before {
    content: "";
    position: absolute;
    border-radius: 0 10px 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 0;
    border-color: #e0e0e0;
    border-style: solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: -1;
    -webkit-transform: perspective(50px) rotateY(30deg);
    transform: perspective(50px) rotateY(30deg);
    -webkit-transition: all .15s;
    transition: all .15s
}

.widget-left-panel .container-left-arrow:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-width: 5px;
    border-color: transparent;
    border-right-color: #a1a6b3;
    border-style: solid;
    left: 20%;
    top: 50%;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg)
}

.widget-config-container {
    position: relative;
    overflow: unset
}

.widget-config-container.hide-status {
    width: 0 !important
}

.widget-config-container.hide-status .container-right-arrow:after {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
    left: 45%
}

.widget-config-container .container-right-arrow {
    position: absolute;
    width: 16px;
    height: 50px;
    top: 50%;
    left: -15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.widget-config-container .container-right-arrow:before {
    content: "";
    position: absolute;
    border-radius: 10px 0 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 0;
    border-color: #e0e0e0;
    border-style: solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: -1;
    -webkit-transform: perspective(50px) rotateY(-30deg);
    transform: perspective(50px) rotateY(-30deg);
    -webkit-transition: all .15s;
    transition: all .15s
}

.widget-config-container .container-right-arrow:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-width: 5px;
    border-color: transparent;
    border-right-color: #a1a6b3;
    border-style: solid;
    left: 75%;
    top: 50%;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
}

.widget-config-container .el-header {
    border-bottom: 2px solid #e4e7ed;
    padding: 0 5px
}

.widget-config-container .config-tab {
    height: 45px;
    line-height: 45px;
    display: inline-block;
    width: 145px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    cursor: pointer
}

.widget-config-container .config-tab.active {
    border-bottom: 2px solid #409eff
}

.widget-config-container .config-content {
    padding: 10px;
    position: relative
}

.widget-config-container .config-content .empty {
    position: absolute;
    text-align: center;
    width: 100px;
    height: 20px;
    font-size: 20px;
    top: 50%;
    width: 90%;
    margin-top: -10px;
    color: #ccc
}

.widget-config-container .config-content .el-form-item__label {
    padding: 0;
    font-weight: 500
}

.widget-config-container .config-content .el-form-item {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px
}

.widget-config-container .config-content .validate-block + .validate-block {
    margin-top: 10px
}

.widget-config-container .config-content .validate-block .message-input {
    margin-left: 24px;
    width: 239px
}

.widget-config-container .ghost {
    background: #fff;
    border: 1px dashed #409eff;
    margin: 2px
}

.widget-config-container .ghost:after {
    background: #fff;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.widget-config-container ul {
    margin: 0;
    padding: 0
}

.widget-config-container li.ghost {
    list-style: none;
    font-size: 0;
    display: block;
    position: relative;
    margin: 2px
}

.viewer-container {
    z-index: 99999 !important
}

@media screen and (max-width: 768px) {
    .el-form, .fm-form {
        width: 100% !important
    }

    .widget-inline-list > div {
        width: 100%
    }

    .fm-inline-container .fm-form-item, .widget-inline-list > div {
        margin-right: 0 !important
    }

    .widget-view .el-form-item .el-button:not(.is-circle,.el-button--text,.is-link), .widget-view .el-form-item .el-cascader, .widget-view .el-form-item .el-date-editor, .widget-view .el-form-item .el-select {
        width: 100% !important
    }

    .widget-view .el-form-item .el-pagination .el-pagination__total {
        display: none
    }

    .widget-view .el-form-item .el-transfer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .widget-view .el-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header {
        padding-left: 5px;
        position: relative
    }

    .widget-view .el-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox {
        margin-right: 0
    }

    .widget-view .el-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox__label {
        font-size: 14px
    }

    .widget-view .el-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox__label > span {
        right: 5px;
        display: inline-block;
        position: absolute
    }

    .widget-view .el-form-item .el-transfer .el-transfer-panel__body .el-checkbox {
        margin-right: 0
    }

    .widget-view .el-form-item .el-transfer .el-transfer-panel__body .el-transfer-panel__item {
        padding-left: 5px
    }

    .widget-view .el-form-item .el-transfer .el-transfer__buttons {
        padding: 5px
    }

    .widget-view .el-form-item .el-transfer .el-transfer__buttons .el-button {
        padding: 5px 0;
        margin: 0
    }

    .widget-view .el-form-item .el-transfer .el-transfer__buttons .el-button + .el-button {
        margin-top: 5px
    }

    .widget-view .el-form-item .el-upload--text.el-upload {
        width: 100%
    }

    .fm-form-item, .fm-form-item .el-button:not(.is-circle,.el-button--text,.is-link), .fm-form-item .el-cascader, .fm-form-item .el-date-editor, .fm-form-item .el-select {
        width: 100% !important
    }

    .fm-form-item .el-pagination .el-pagination__total {
        display: none
    }

    .fm-form-item .el-transfer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fm-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header {
        padding-left: 5px;
        position: relative
    }

    .fm-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox {
        margin-right: 0
    }

    .fm-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox__label {
        font-size: 14px
    }

    .fm-form-item .el-transfer .el-transfer-panel .el-transfer-panel__header .el-checkbox__label > span {
        right: 5px;
        display: inline-block;
        position: absolute
    }

    .fm-form-item .el-transfer .el-transfer-panel__body .el-checkbox {
        margin-right: 0
    }

    .fm-form-item .el-transfer .el-transfer-panel__body .el-transfer-panel__item {
        padding-left: 5px
    }

    .fm-form-item .el-transfer .el-transfer__buttons {
        padding: 5px
    }

    .fm-form-item .el-transfer .el-transfer__buttons .el-button {
        padding: 5px 0;
        margin: 0
    }

    .fm-form-item .el-transfer .el-transfer__buttons .el-button + .el-button {
        margin-top: 5px
    }

    .fm-form-item .ant-form-item .ant-btn:not(.ant-btn-circle,.ant-btn-link), .fm-form-item .ant-form-item .ant-calendar-picker, .fm-form-item .ant-form-item .ant-picker, .fm-form-item .ant-form-item .ant-select, .fm-form-item .ant-form-item .ant-time-picker {
        width: 100% !important
    }

    .fm-form-item .ant-form-item .ant-transfer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .fm-form-item .ant-form-item .ant-transfer .ant-transfer-operation {
        width: 24px !important;
        margin: 4px
    }

    .fm-form-item .ant-form-item .ant-pagination .ant-pagination-total-text {
        display: none
    }

    .el-picker-panel {
        width: 100% !important;
        margin: 0;
        left: 0 !important;
        right: 0 !important
    }

    .el-picker-panel .el-time-range-picker__cell {
        min-width: 150px
    }

    .el-picker-panel .el-picker-panel__content {
        padding: 2px
    }

    .el-picker-panel .el-picker-panel__content .el-date-table th {
        padding: 0
    }

    .el-picker-panel .el-picker-panel__body {
        min-width: 100% !important
    }

    .el-picker-panel .el-date-range-picker__header div {
        font-size: 12px;
        margin-left: 0;
        margin-right: 0
    }

    .el-picker-panel .el-date-range-picker__time-header .is-right .el-time-panel {
        right: 0;
        left: auto
    }

    .el-cascader__dropdown {
        max-width: 100% !important
    }

    .el-cascader__dropdown .el-cascader-menu {
        min-width: 0
    }

    .el-scrollbar > .el-scrollbar__bar {
        opacity: 1 !important
    }

    .ant-calendar-picker-container .ant-calendar-range, .fm-generate-ant-dialog {
        width: 100% !important
    }

    .ant-calendar-picker-container .ant-calendar-range-middle {
        padding-left: 50%
    }

    .ant-calendar-picker-container .ant-calendar-range-right .ant-calendar-date-input-wrap {
        margin-left: 0
    }

    .ant-cascader-menus {
        max-width: 100% !important
    }

    .ant-cascader-menus .ant-cascader-menus-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .ant-cascader-menus .ant-cascader-menu {
        min-width: 0
    }

    .ant-picker-range-wrapper .ant-picker-date-panel {
        width: auto
    }

    .ant-picker-range-wrapper .ant-picker-content {
        width: auto !important
    }

    .widget-table-content .widget-table-col {
        min-height: 50px !important
    }

    .fm-generate-ant-dialog .ant-modal, .fm-generate-dialog {
        width: 100% !important
    }
}

.fm-editor .ql-toolbar {
    line-height: 1.5 !important
}

.ql-editor img {
    max-width: 100%
}

.fm-dialog *, .fm-form * {
    scrollbar-color: var(--el-scrollbar-bg-color) var(--el-fill-color-light)
}

.fm-dialog ::-webkit-scrollbar, .fm-form ::-webkit-scrollbar {
    width: 6px
}

.fm-dialog ::-webkit-scrollbar:horizontal, .fm-form ::-webkit-scrollbar:horizontal {
    height: 6px
}

.fm-dialog ::-webkit-scrollbar-track, .fm-form ::-webkit-scrollbar-track {
    border-radius: 10px
}

.fm-dialog ::-webkit-scrollbar-thumb, .fm-form ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .15);
    border-radius: 10px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.fm-dialog ::-webkit-scrollbar-thumb:hover, .fm-form ::-webkit-scrollbar-thumb:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, .3)
}

.dark .fm-form ::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .2)
}

.dark .fm-form ::-webkit-scrollbar-thumb:hover {
    background-color: hsla(0, 0%, 100%, .4)
}