@font-face {
    font-family: DINPro;
    src: url('../font/DINPro.c4cfe7dc.otf');
}

:root {
    --color: #1e90ff;
    --size: 33px
}

body {
    color: #333333;
    padding: 15px;
    font-family: DINPro;
}

body.layui-edit {
    padding-bottom: 100px;
}

.layui-tab-title .layui-this {
    color: #333333;
}

.layui-tab-brief>.layui-tab-title .layui-this {
    color: var(--color);
}

.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
    border-bottom: 2px solid var(--color);
}

.layui-tab-content {
    padding: 15px;
}

.layui-elem-quote {
    background-color: transparent;
    padding: 5px;
    padding-left: 10px;
    border: none;
    font-weight: bold;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 16px;
    color: #333333;
}

.layui-elem-quote::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 10px;
    background-color: #1676fb;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 20px;
    margin-top: -3px;
}

.load {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #F2F2F2;
    display: flex;
    z-index: 12345;
}

.load-icon {
    width: 20px;
    height: 20px;
    margin: auto;
    position: relative;
    animation: load-icon 2s infinite;
    animation-timing-function: linear;
}

@keyframes load-icon {
    0% {
        transform: rotate(0deg);
        opacity: 0.5;
    }

    100% {
        transform: rotate(360deg);
        opacity: 0.3;
    }
}

.load-icon>span {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #1E90FF;
    animation-timing-function: linear;
}

.load-1 {
    left: 0;
    top: 0;
    border-radius: 5px 5px 0px 5px;
    animation: load 3s infinite;
}

.load-2 {
    right: 0;
    top: 0;
    border-radius: 5px 5px 5px 0px;
    animation: load 4s infinite;
}

.load-3 {
    left: 0;
    bottom: 0;
    border-radius: 5px 0px 5px 5px;
    animation: load 5s infinite;
}

.load-4 {
    right: 0;
    bottom: 0;
    border-radius: 0px 5px 5px 5px;
    animation: load 6s infinite;
}

@keyframes load {
    50% {
        opacity: 0.8;
        transform: scale(1.2, 1.2);
    }
}

.layui-btn.layui-btn-normal {
    background-color: var(--color);
}

.layui-btn-sm {
    height: var(--size);
    line-height: var(--size);
}

.layui-transfer-active .layui-btn {
    background-color: #E6F7FF;
    border-color: #91d5ff;
    color: var(--color);
}

.layui-btn-primary {
    color: #333333;
}

.layui-btn-primary:hover {
    border-color: var(--color);
    color: var(--color);
}

.layui-btn-plug-success {
    background-color: #15c377;
    border-color: #15c377;
    color: #fff !important;
}

.layui-btn-plug-warning {
    background-color: #faa64b;
    border-color: #faa64b;
    color: #fff !important;
}

.layui-btn-plug-secondary {
    color: #4d5259 !important;
    background-color: #e4e7ea;
    border-color: #e4e7ea;
}

.layui-btn-plug-cyan {
    background-color: #57c7d4;
    border-color: #57c7d4;
    color: #fff !important;
}

.layui-btn-plug-purple {
    background-color: #926dde;
    border-color: #926dde;
    color: #fff !important;
}

.layui-btn-plug-brown {
    background-color: #8d6658;
    border-color: #8d6658;
    color: #fff !important;
}

.layui-btn-plug-primary {
    background-color: #33cabb;
    border-color: #33cabb;
    color: #fff !important;
}

.layui-btn-plug-info {
    background-color: #e6f7ff;
    border-color: #91d5ff;
    color: #1890ff !important;
}

.layui-btn-plug-danger {
    background-color: #FF4D4F;
    border-color: #FF4D4F;
    color: #fff !important;
}

.layui-btn-plug-dark {
    background-color: #465161;
    border-color: #465161;
    color: #fff !important;
}

.layui-btn-plug-pink {
    background-color: #f96197;
    border-color: #f96197;
    color: #fff !important;
}

.layui-btn-plug-yellow {
    background-color: #fcc525;
    border-color: #fcc525;
    color: #fff !important;
}

.layui-btn-color-blue,
.layui-btn-color-blue:hover {
    color: #1676fb;
    background-color: #e1edfe;
}

.layui-btn-color-cyan,
.layui-btn-color-cyan:hover {
    color: #1ee0ac;
    background-color: #e2fbf4;
}

.layui-btn-color-violet,
.layui-btn-color-violet:hover {
    color: #816bff;
    background-color: #efecff;
}

.layui-btn-color-pink,
.layui-btn-color-pink:hover {
    color: #ff63a5;
    background-color: #ffebf3;
}

.layui-table-link {
    color: #1890ff !important;
    cursor: pointer;
}

.layui-table-ok {
    background-color: #e2fbf4;
    color: #1ee0ac;
    padding: 3px 5px;
}

.layui-form-item {
    margin-bottom: 20px;
}

.layui-form-item .layui-form-label {
    padding: 5px 15px;
    width: 100px;
}

.layui-form-item .layui-input-inline {
    width: 250px;
}

.layui-form-item .layui-input-block {
    margin-left: 130px;
    margin-right: 30px;
}

.layui-text {
    line-height: 30px;
}

.layui-input,
.layui-textarea {
    border-color: #ebebeb;
    color: #555555;
    height: var(--size);
}

.layui-input:hover,
.layui-textarea:hover {
    border-color: var(--color) !important;
    color: #333333;
}

.layui-input::-webkit-input-placeholder,
.layui-textarea::-webkit-input-placeholder {
    color: #d4d4d4;
}

.layui-form-radio {
    margin: 1px 10px 0 0;
}

.layui-form-radio:hover *,
.layui-form-radioed,
.layui-form-radioed>i {
    color: var(--color);
}

.layui-form-radio>i {
    font-size: 18px;
}

.layui-form-radio>i:hover,
.layui-form-radioed>i {
    color: var(--color);
    font-size: 18px;
}

.layui-form-checked span {
    background-color: var(--color);
}

.layui-form-checked i,
.layui-form-checked:hover i {
    color: var(--color);
}

.layui-form-onswitch {
    border-color: var(--color) !important;
    background-color: var(--color) !important;
}

.layui-form-switch {
    margin-top: 3px;
}

.layui-form-checked[lay-skin=primary] i {
    border-color: var(--color) !important;
    background-color: var(--color);
}

.layui-form-item .layui-form-checkbox[lay-skin=primary] {
    margin-top: 5px;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: var(--color);
}

.layui-form-select dl {
    top: var(--size);
}

.layui-form-select dl dd,
.layui-form-select dl dt {
    line-height: var(--size);
    color: #333;
}

.layui-form-select .layui-input {
    color: #333;
}

.layui-form-select dl dd.layui-this {
    background-color: #f2f2f2;
    color: #333333;
}

.layui-form-select dl dd:hover {
    background-color: #f2f2f2;
    transition: .1s all;
}

.layui-form .layui-form-select dl {
    top: var(--size);
    bottom: auto;
}

.layui-form .layui-form-select dl dd,
.layui-form .layui-form-select dl dt {
    line-height: var(--size);
}

.layui-anim.layui-anim-upbit::-webkit-scrollbar {
    width: 3px;
    background-color: #DFDFDF;
}

.layui-anim.layui-anim-upbit::-webkit-scrollbar-thumb {
    background-color: #B2B2B2;
}

.layui-progress {
    top: 10px;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: var(--color);
}

.layui-laypage a:hover {
    color: var(--color);
}

.layui-laypage input:focus,
.layui-laypage select:focus {
    border-color: var(--color) !important;
}

.layui-laydate-content td.layui-this,
.layui-laydate-content li.layui-this {
    background-color: #73B0FF !important;
    border-radius: 30px;
}

.layui-laydate-footer span:hover,
.layui-laydate-header i:hover,
.layui-laydate-header span:hover {
    color: var(--color) !important;
}

.layui-laydate-content td,
.layui-laydate-content th {
    padding: 0 !important;
    height: 36px !important;
}

.layui-form-switch {
    background-color: #BDBDBD;
    border: none;
    height: 15px;
    line-height: 15px;
    padding: 0;
    max-width: 40px;
    margin-top: 10px;
}

.layui-form-switch i {
    background-color: #F5F5F5;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
    width: 20px;
    height: 20px;
    top: -2px;
    left: 0;
}

.layui-form-onswitch {
    background-color: #1E90FF !important;
}

.layui-form-onswitch i {
    left: 37px;
}

.layui-must {
    color: red;
    vertical-align: sub;
    margin-left: 2px;
}

.layui-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background-color: #FFFFFF;
    box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.1);
    padding: 10px 10px;
    z-index: 10;
}

.layui-nobox {
    box-shadow: none;
    padding: 20px 10px;
}

.layui-footer>.layui-btn {
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    padding-left: 20px;
    padding-right: 20px;
}

.upload-item {
    width: 100px;
    height: 100px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    overflow: hidden;
    border: 1px dashed #c4c6cf;
    text-align: center;
}

.upload-item:hover {
    border-color: #0085d7;
}

.upload-item::before {
    content: "";
    width: 2px;
    height: 25px;
    background-color: #0085d7;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.upload-item::after {
    content: "";
    width: 25px;
    height: 2px;
    background-color: #0085d7;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.upload-item>img {
    width: 100%;
    position: absolute;
    z-index: 1;
    height: 100%;
    margin: auto;
    background-image: url(../images/m.png);
    max-width: 100%;
    max-height: 100%;
    left: 0;
}

.upload-item>span {
    margin-top: calc(100% - 30px);
    display: block;
    font-size: 12px;
    color: #666666;
}

.upload-item>.upload-del {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    right: 0px;
    left: 0;
    z-index: 2;
    color: #FFFFFF;
    bottom: 0;
    height: 20px;
    margin-top: 0;
    line-height: 20px;
}

.layui-table-link {
    color: #1890ff !important;
    cursor: pointer;
}

.layui-table-divide {
    width: 1px;
    height: 10px;
    background-color: #CCCCCC;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 10px;
}

.layui-table-del {
    color: red;
    cursor: pointer;
}

.header {
    display: flex;
    justify-content: space-between;
}

.header>.left>.title {
    font-weight: bold;
    font-size: 20px;
    line-height: 48px;
    padding-left: 8px;
}

.header .layui-form-item {
    margin-bottom: 10px !important;
}

.header .layui-form-label {
    width: auto !important;
}

.header>.right {
    text-align: right;
}

.header>.right .layui-input-inline {
    margin-right: 0;
}

.layui-layer-msg {
    border: none !important;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2) !important;
}

.layui-layer-title {
    background-color: #ffffff !important;
}

.layui-layer-content {
    overflow: inherit !important;
}

.layui-card {
    box-shadow: none;
}

.layui-layer-iframe {
    overflow-y: inherit !important;
}

.layui-msg {
    padding: 10px;
    border-radius: 4px;
    color: #e6a23c;
    font-size: 12px;
    line-height: 20px;
    background-color: #FDF6EC;
    margin: 10px 5px;
}

.layui-msg>p {
    margin-left: 30px;
}

.layui-msg>.layui-icon.layui-icon-tips {
    float: left;
    margin-left: 5px;
    background-color: #e6a23c;
    height: 16px;
    line-height: 16px;
    width: 16px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    overflow: hidden;
    font-size: 22px;
    margin-top: 2px;
}

.layui-msg>.layui-icon.layui-icon-tips::before {
    margin-left: -3px;
}

.layui-msg a {
    color: #0b2e13;
    margin: 0px 3px;
    font-weight: 700;
}

.layui-msg.error {
    border: 1px solid #f6b5b5;
    color: #e35a55;
    background-color: #fcecec;
}

.api-msg {
    position: fixed;
    z-index: 100000001;
    background-color: #FFFFFF;
    border-radius: 3px;
    text-align: left;
    text-indent: 10px;
    color: #333333;
    font-size: 14px;
    padding: 12px 25px;
    margin: auto;
    overflow: hidden;
    animation-duration: 0.5s;
    animation-name: fadeInDownBig;
    width: max-content;
    height: max-content;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    max-width: 80%;
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.api-msg::before {
    content: "";
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 2px;
    border-radius: 100%;
    background-size: 100% 100%;
}

.api-msg-success::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQzhCN0I1NUFBRUYxMUVCQkUwOEZDN0E3MUYyMzU2MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQzhCN0I1NkFBRUYxMUVCQkUwOEZDN0E3MUYyMzU2MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFDOEI3QjUzQUFFRjExRUJCRTA4RkM3QTcxRjIzNTYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFDOEI3QjU0QUFFRjExRUJCRTA4RkM3QTcxRjIzNTYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+egYNpQAAAgFJREFUeNp8k01IFGEYx//vzO46rhkWKS0mWEKtHcw2yYKEAgkqKCKFgtoEhQJRvBR06YsV6RR1qJth1iGSICowpENFJIKKoIfoIARtbaGGH+uuOx/+H5uNcTGf4Qcv8z6/ed6PZ9TJgQrkxH7SRA6RYjJLhshT0u9N9HnGQdJFmkmB5/1WspOcIy9IB4nLhOYRX5L2HNEbespKNlqO+U5BlXllqVj/HwkOn4y9hNriepQYpWHTMbtl1SLXkMtYJxbMWZwou4DbkccIF0WwZKekUIPILSQgSRk7DduxV4nzFI+ETqO1shMD8ef48PMVDF12iWaR62SkyPbC3QjoefJlKKWwaC2gatMBXKt6gLHpT7g/cRV/cyUbe0TeYsOGpvkQ29eLWOQJSvK3YSb9G6UFO7jUHnxPTiI2dgmWY0FX/y7IL/KcxnNLmUncnbiC8sIw7tW+xuHQKdys7l4Rro9EMZeZYXaed0eW5jYAJwL4nOhH++BxTKd/4dbeHoSC5bgxchFxVja04Mq5e+Krviu6WTrovGzFrxkUE/iYeAM/9943+RDDU+8R9G3MFSXuKLc9+8gZuMfBRkDaWuRF+hDQ8tcSx8nBbJO0kS/ZltCVzmobKBpriX/c3p/Pyj/IUfIW68eomzec+2N8I8fIWRIl1URKZ9xVPSOPpOGywrIAAwC4LJu+QGQOEQAAAABJRU5ErkJggg==);
}

.api-msg-error::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QjFBQkUzNEFBRjExMUVCQTMxMTlDMTZEQjZGODI5MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QjFBQkUzNUFBRjExMUVCQTMxMTlDMTZEQjZGODI5MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZCMUFCRTMyQUFGMTExRUJBMzExOUMxNkRCNkY4MjkwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZCMUFCRTMzQUFGMTExRUJBMzExOUMxNkRCNkY4MjkwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++F/W0wAAAgNJREFUeNpkk81rE1EUxc+bl5nUTFWKEXThytbGlqKLIghdloJYBUFBF340UdFFtaD/Q1duuihUISol1bgQFARjK6J15Qdu/KrNyoUu3GiLrXkz03ruZJJM0gc/eO/NPfc+zr2jlg8fQ8s6QM6RAbKdLJE3pECexgMTsX2KjJMccWP3O8gecoo8JGPkh3yw6kKlHsHzrhCXe2xYwZpGxZzg7jnZFRePw5hB3dcLq3M3sLKKpgSeB7V1CxIDB5kkyPAmL68WcT+5FAat/kMyexa6SxKsVBOIMJVC2+hlqGRSxBI5SI6L+Dxx4DgIvn5D5VYezsUcrK5O4M8SlEvh9TF4L+fhlWYhcdHKKbr9iZue8CiVWFFT6IychikUYR8dhv/2HfzSHNAe9xG/pHK6flxfp3UpBJ+/wMwUsWniBoJyGf7jJ8Dm9lYLbREvN10ZA5VOwz4yDDM5BZ3JQO/ra3gQ89+KBqDhqphz7Wr41Mr0PZj7D+hBtupBc4JFEd+WB7OPUB0dVXNezcN/NscXbMPaYhnmZh7JC1no3p6wQLQKIp4NJ8f3ofd2U/iaQs6B6zY8kAR3p2Hxe3gHfCR3VDTbO8kL9rA77GOjHah3QSqK0LZ/R31+X5uwn2QIWpc2CGtdSCRE+CGMo7D1x/hODpGT5AzZT9rERrJAipE/f2uC/wIMAJ5zqrMRByPRAAAAAElFTkSuQmCC);
}

.api-msg-warning::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMkRBNTFBM0FBRjIxMUVCOUZCNkEzNzZFOUI0Q0VCNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMkRBNTFBNEFBRjIxMUVCOUZCNkEzNzZFOUI0Q0VCNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIyREE1MUExQUFGMjExRUI5RkI2QTM3NkU5QjRDRUI1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIyREE1MUEyQUFGMjExRUI5RkI2QTM3NkU5QjRDRUI1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EUqw4gAAAXhJREFUeNp0kj1Lw1AUhk9ubC2ti6iDOolCXUQHEcG6ieBuwUmEOjg6uTn3X6gIHVwEcVEcXJyE1kUEcatW16axVkh643uaW3Pz0QMPSW7Oc7/OMazrNEViBeyBApgALfAIKuBGTzQ0OQvKoARyFI8uuASH4JMHhjTxCmz8p3oukZSYHu+it4AJimABbIJ3oVLLYVGSyEyTObZGYiTPA/oO5sEJL8zyMjjQ/3pdl1JTRcoVHmg4f4wNO9EJeKFtlvdB6NaM3q5b/kROSxsNRYnl9djVGCxb/rvTpAGxyPJ40h/PtdXTGiSnWLaTVib3W53/J3LcoHRCNUBEFiQ7dXI+zqnbrKFURpL8xvIpxeZGsnTJ6zT4xvCZKFdYvlOdo9eKjOwMpeeOyBxd9ZslHM/grN+ek+Ae5JXd27rIzpL32/DPHZSqqepc7XfYl2q526BWkqT9gttu6+KTyqvqvc1RB1tgB+xCWEJPZ7jS4BVcqPtp94U/AQYA3f9ydmdyblUAAAAASUVORK5CYII=);
}

.api-msg-load::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNzYwOTFCOUFCMjkxMUVCOTk4MkY2NDE0RDVFMkQwOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNzYwOTFCQUFCMjkxMUVCOTk4MkY2NDE0RDVFMkQwOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY3NjA5MUI3QUIyOTExRUI5OTgyRjY0MTRENUUyRDA5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY3NjA5MUI4QUIyOTExRUI5OTgyRjY0MTRENUUyRDA5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FYkQRwAADCFJREFUeNrsXQ2QVlUZ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);
    animation: api-load 1s infinite;
    animation-timing-function: linear;
}

.api-msg .layui-table-link {
    margin-left: 10px;
    float: right;
}

@keyframes api-load {
    100% {
        transform: rotate(360deg);
    }
}

.layui-table-page .layui-laypage button:hover {
    border-color: var(--color);
}

.layui-table-edit {
    height: 44px !important;
    border-radius: 0px !important;
}

.layui-table-edit:focus {
    border-color: var(--color) !important
}

.layui-table tbody tr:hover {
    background-color: #f8f8f8;
}

.layui-table-tool {
    background-color: #FFFFFF;
    border-top: none;
}

.layui-table-view {
    border-top: none;
    border-left: none;
    border-right: none;
    margin: 0;
}

.layui-table-view .layui-table td,
.layui-table-view .layui-table th {
    padding: 8px 0;
}

.layui-form>.layui-card {
    margin: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}

.layui-form>.layui-card>.layui-card-body {
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
}

.layui-form>.layui-card>.layui-card-body .layui-input-inline {
    width: 170px;
}

.layui-collapse {
    border: none;
}

.layui-colla-title {
    background-color: transparent;
}

.layui-menu li {
    text-align: center;
    padding: 5px 25px;
}

.layui-form-mid .layui-colorpicker.layui-colorpicker-xs {
    position: absolute;
    top: -10px;
}

.layui-colorpicker-main-input .layui-btn[colorpicker-events='confirm'] {
    background-color: var(--color);
}

.layui-table-tool,
.layui-table-total,
.layui-table-view {
    border: none;
}

[lay-icon] {
    border: 1px solid #F0F0F0;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}

[disabled] {
    color: #e2e2e2 !important;
    cursor: not-allowed;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.layui-disabled {
    pointer-events: none;
    opacity: 0.6;
}

.layui-input-block .layui-colorpicker.layui-colorpicker-xs {
    position: absolute;
    right: 0;
    top: -33px;
    border: none;
}

.layui-scrollbar::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: transparent;
    cursor: pointer;
}

.layui-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: transparent;
    border-radius: 5px;
    cursor: pointer;
}

.layui-scrollbar:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}

.layui-scrollbar:hover::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0.1);
}

.lay-sort {
    width: 18px;
    height: 15px;
    position: relative;
    cursor: move;
    font-size: 0;
    vertical-align: middle;
    margin-top: 6px;
}

.lay-sort::before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #c0c4cc;
    cursor: pointer;
    display: block;
    box-shadow: 0px 7px 0px 0px #c0c4cc, 0px 13px 0px 0px #c0c4cc;
}

.layui-cha {
    text-decoration: line-through;
    color: #FF4D4F;
}

.layui-inline.file-name {
    font-size: 12px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.data-up {
    color: #2dca93;
    margin-left: 5px;
}

.data-up::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #2dca93;
    margin-right: 5px;
}

.data-down {
    color: #fc6772;
    margin-left: 5px;
}

.data-down::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #fc6772;
    margin-right: 5px;
}

.data-equality {
    color: #5191FF;
    margin-left: 5px;
}

.data-equality::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 5px;
    background-color: #5191FF;
    margin-right: 5px;
}

.layui-card>.title {
    font-size: 16px;
    padding: 15px 15px 0px 15px;
    color: #333333;
}

.layui-card>.time {
    font-size: 12px;
    padding: 0px 15px;
    line-height: 30px;
    height: 30px;
    color: #999999;
    font-family: DINPro;
}

.layui-card>.tool {
    position: absolute;
    top: 30px;
    right: 25px;
}

@media screen and (max-width:500px) {

    .layui-form>.layui-card>.layui-card-body .layui-input-inline .layui-input,
    .layui-form>.layui-card>.layui-card-body .layui-input-inline .layui-textarea {
        width: auto;
    }

    .layui-form-item .layui-form-label {
        width: 80px;
    }

    .layui-tab-content {
        padding: 15px 0px;
    }

    .layui-layer.layui-layer-iframe {
        max-width: 100%;
        max-height: 100%;
    }
}