:root {
    font-size: 16px;
}

html,
body {
    height: 100%;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #333333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 700; }

iframe {
    border: none; }

a,
b,
div,
ul,
li {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -moz-outline-: none;
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    margin-bottom: 0px;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

ol, ul, li{
    list-style: none;
}
/*input,*/
/*input:hover,*/
/*input:focus,*/
/*input:active,*/
/*textarea,*/
/*textarea:hover,*/
/*textarea:focus,*/
/*textarea:active,*/
/*select:focus,*/
/*select:hover {*/
/*    -moz-outline: none;*/
/*    outline: none;*/
/*    border: 1px solid #6c62ff;*/
/*    box-shadow: none;*/
/*    border-color: #6c62ff;*/
/*}*/

img:not([draggable]),
embed,
object,
video {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    outline: 0;
    color: #409EFF;
}

a:active,
a:focus,
a:hover,
a:visited {
    text-decoration: none;
    outline: 0;
    color: #6c62ff;
}

img {
    border: none;
    max-width: 100%;
}

button:focus {
    -moz-outline: none;
    outline: none;
    border: 1px solid #6c62ff;
    box-shadow: none;
    border-color: #6c62ff;
}

/*主页内容*/
#MZ_app{
    /*height: 100%;*/
    /*overflow: hidden;*/
    height: 100%;
    min-width: 1200px;
    width: 100%;
    position: relative;
    overflow: auto;
    transform-origin: 0 0;
}
.watermark_image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
            repeating-linear-gradient(
                -30deg,
                transparent,
                transparent 50px,
                rgba(216, 32, 32, 0.05) 50px,
                rgba(128, 128, 128, 0.05) 100px
            ),
            url("../images/watermark_image2.png?v=3") repeat;
    pointer-events: none;
    z-index: 9999;
    opacity: 0.10;
}
.el-aside{
    width: 180px !important;
    transition:width .5s;
    border-right: solid 1px #e6e6e6;
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,0.1)
}
.el-menu {
    border-right: none !important;
}
/* 子菜单背景色 */
.custom-main-left-aside .el-menu {
    /*background-color: #334154 !important;*/
}
/*选中打开背景*/
.custom-main-left-aside .el-menu.el-menu--inline {
    /*background-color: #222D3C !important;*/
}
/*当前选中这个菜单的背景色*/
.custom-main-left-aside .el-menu-item.is-active {
    background-color: #eff3ff !important;
}
/*鼠标悬停时的颜色*/
.custom-main-left-aside .el-menu-item:hover,
.custom-main-left-aside .el-menu-item:focus  {
    background-color: #eff3ff !important;
}
.custom-main-left-aside .el-menu-item::before  {
    content: '';
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 100%;
    background-color: #2F4CDD;
    border-radius: 0 15px 15px 0;
    opacity: 0;
    transition: all 0.3s ease;
}
.custom-main-left-aside .el-menu-item.is-active::before,
.custom-main-left-aside .el-menu-item:hover::before,
.custom-main-left-aside .el-menu-item:focus::before  {
    opacity: 1;
    left: 0;
    background-color: #2F4CDD;
}
/*子菜单项悬停背景色*/
.custom-main-left-aside .el-submenu:hover,
.custom-main-left-aside .el-submenu:focus,
.custom-main-left-aside .el-submenu .el-submenu__title:hover,
.custom-main-left-aside .el-submenu .el-submenu__title:focus {
    background-color: #eff3ff !important;
}
.el-header {
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 0 0 !important;
    position: relative;
    z-index: 999;
}
.el-footer{
    height: 60px;
    line-height: 60px;
    margin: 0;
    border-top: solid 1px #e6e6e6;
    font-size: 12px;
}
/*aside 收缩*/
.el-aside-left{
    width: 64px !important;
    transition:width .5s;
}
/*header 选中底部颜色 #409EFF*/
.el-menu-demo > .el-menu-item.is-active {
    border-bottom: 2px solid #FFFFFF;
}
.el-menu-demo > .el-submenu.is-active .el-submenu__title {
    border-bottom: 2px solid #FFFFFF;
}

.el-form-item__label{
    font-weight: normal;
}

.swp-uploader .el-upload__input {
    display: none;
}

.swp-container{
    display: flex;
    flex-direction: column;
}
.swp-container__header{
    padding: 20px;
    background-color: #fff;
    /*box-shadow: 0px 0 5px #ddd;*/
    margin-bottom: 10px;

    /*border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;*/
    border-radius: 10px;
}
.swp-container__content{
    padding: 20px;
    flex-grow: 1;
    height: 100%;
    overflow: auto;
    position: relative;
    background-color: #fff;

    border-radius: 10px;
}
/*编辑器被遮挡问题*/
#edui_fixedlayer{
    z-index: 9999 !important;
}

.app-image-list {
    display: flex;
    margin-bottom: 24px;
    position: relative;
}
.rc-upload-trigger {
    position: relative;
}
.rc-upload-trigger {
    display: inline-block;
    width: 80px;
    height: 80px;
    border: 2px dashed #ddd;
    line-height: 71px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    font-size: 36px;
    color: #ddd;
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
}
.app-image-list .rc-upload-trigger {
    width: 80px;
    height: 80px;
    background: url(../images/empty-pic.png) no-repeat 50%;
    background-size: 100% 100%;
    border: none;
}
.rc-upload-tips {
    line-height: 14px;
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 0;
    color: #666;
    position: absolute;
}
.app-image-list .rc-upload-tips {
    white-space: nowrap;
    left: 0;
}
.app-image-list .image-item {
    float: left;
    margin: 0 10px 10px 0;
    display: block;
    width: 80px;
    height: 80px;
    border: 1px solid #ebedf0;
    background-color: #fff;
    position: relative;
}
.app-image-list .image-item img {
    height: 100%;
    width: 100%;
}
.app-image-list .close-modal {
    /*display: none;*/
    position: absolute;
    z-index: 2;
    top: -9px;
    right: -9px;
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: hsla(0,0%,60%,.6);
    border-radius: 10px;
}
.app-image-list .close-modal.small {
    top: -8px;
    right: -8px;
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 9px;
}

.swp-tag-pane{
    padding-top: 25px;
}
.m-15{margin: 15px}
.m-20{margin: 20px}
.m-25{margin: 25px}
.m-30{margin: 30px}
.m-35{margin: 35px}
.m-40{margin: 40px}
.m-45{margin: 45px}
.m-50{margin: 50px}
.m-55{margin: 55px}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.ml-25{margin-left: 25px;}
.ml-30{margin-left: 30px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}
.mr-25{margin-right: 25px;}
.mr-30{margin-right: 30px;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.mtb-20{margin-bottom: 20px;margin-top: 20px;}
.mtb-30{margin-bottom: 30px;margin-top: 30px;}
.mrl-10{margin-right: 10px;margin-left: 10px;}
.mrl-20{margin-right: 20px;margin-left: 20px;}
.mrl-30{margin-right: 30px;margin-left: 30px;}
.p-5{padding: 5px}
.p-10{padding: 10px}
.p-15{padding: 15px}
.p-20{padding: 20px}
.p-25{padding: 25px}
.p-30{padding: 30px}
.pt-5{padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-25{padding-top: 25px;}
.pt-30{padding-top: 30px;}
.pl-5{padding-left: 5px;}
.pl-10{padding-left: 10px;}
.pl-15{padding-left: 15px;}
.pl-20{padding-left: 20px;}
.pl-25{padding-left: 25px;}
.pl-30{padding-left: 30px;}
.pr-5{padding-right: 5px;}
.pr-10{padding-right: 10px;}
.pr-15{padding-right: 15px;}
.pr-20{padding-right: 20px;}
.pr-25{padding-right: 25px;}
.pr-30{padding-right: 30px;}
.pb-5{padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}
.pb-30{padding-bottom: 30px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-17{font-size: 17px;}
.fs-18{font-size: 18px;}
.h-100{height: 100px}
.h-150{height: 150px}
.h-160{height: 160px}
.h-180{height: 180px}
.h-200{height: 200px}
.h-250{height: 250px}
.h-300{height: 300px}
.h-350{height: 350px}
.h-400{height: 400px}
.h-450{height: 450px}
.h-500{height: 500px}
.flex{display: flex;}
.flex-direction-col{flex-direction: column}
.flex-direction-row{flex-direction: row}
.justify-content-space-between{justify-content: space-between}
.justify-content-space-around{justify-content: space-around}
.justify-content-flex-end{justify-content: flex-end}
.align-items-center{align-items: center;}
.justify-content-center{justify-content: center;}
/* ============================================
 * swp-notice-marquee 跑马灯通知组件样式
 * 范围限定：样式仅作用于带 data-swp-notice-marquee 属性的组件根元素内部，
 * 避免组件样式污染其他页面，也防止其他全局样式干扰组件
 * ============================================ */
[data-swp-notice-marquee] {
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, #fff7e6, #fffbe8);
    border: 1px solid #ffe7ba;
    border-radius: 8px;
    padding: 10px 16px;
    margin-bottom: 15px;
    overflow: hidden;
}
[data-swp-notice-marquee] .swp-notice-marquee__label {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 14px;
    color: #e6a23c;
    font-weight: bold;
    font-size: 14px;
}
[data-swp-notice-marquee] .swp-notice-marquee__label i {
    margin-right: 5px;
    font-size: 16px;
}
[data-swp-notice-marquee] .swp-notice-marquee__wrap {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
}
[data-swp-notice-marquee] .swp-notice-marquee__track {
    display: inline-block;
    white-space: nowrap;
    animation: swp-notice-marquee-scroll 18s linear infinite;
}
[data-swp-notice-marquee] .swp-notice-marquee__wrap:hover .swp-notice-marquee__track {
    animation-play-state: paused;
}
[data-swp-notice-marquee] .swp-notice-marquee__text {
    display: inline-block;
    padding-right: 60px;
    color: #ad6800;
    font-size: 13px;
}
@keyframes swp-notice-marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
/* ============================================
 * swp-last-login-popup 登录后上次登录信息右下角弹窗样式
 * 范围限定：样式仅作用于带 data-swp-last-login-popup 属性的组件根元素内部，
 * 避免组件样式污染其他页面，也防止其他全局样式干扰组件
 * ============================================ */
[data-swp-last-login-popup] {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 3000;
    width: 320px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 6px 24px rgba(0,0,0,.12);
    border: 1px solid #ebeef5;
    overflow: hidden;
}
[data-swp-last-login-popup] .swp-last-login-popup__header {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background: linear-gradient(90deg,#2D55E7,#5b7ef5);
    color: #fff;
}
[data-swp-last-login-popup] .swp-last-login-popup__icon {
    margin-right: 8px;
    font-size: 16px;
}
[data-swp-last-login-popup] .swp-last-login-popup__title {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
}
[data-swp-last-login-popup] .swp-last-login-popup__close {
    cursor: pointer;
    font-size: 16px;
}
[data-swp-last-login-popup] .swp-last-login-popup__close:hover {
    opacity: .8;
}
[data-swp-last-login-popup] .swp-last-login-popup__body {
    padding: 14px 16px;
}
[data-swp-last-login-popup] .swp-last-login-popup__item {
    display: flex;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.6;
}
[data-swp-last-login-popup] .swp-last-login-popup__item:last-child {
    margin-bottom: 0;
}
[data-swp-last-login-popup] .swp-last-login-popup__label {
    flex-shrink: 0;
    color: #909399;
}
[data-swp-last-login-popup] .swp-last-login-popup__value {
    color: #303133;
    word-break: break-all;
}
[data-swp-last-login-popup].swp-last-pop-enter-active {
    transition: all .3s ease;
}
[data-swp-last-login-popup].swp-last-pop-leave-active {
    transition: all .4s ease;
}
[data-swp-last-login-popup].swp-last-pop-enter {
    opacity: 0;
    transform: translateY(20px);
}
/* 消失时向下滑出动画 */
[data-swp-last-login-popup].swp-last-pop-leave-to {
    opacity: 0;
    transform: translateY(100%);
}
.normal-font span{
    font-size: 14px;
    color: #717070;
}
/*tag自定义颜色*/
.green-tag{
    background-color: #51E08A !important;
    color: #ffffff !important;
}
.red-tag{
    background-color: #e05151 !important;
    color: #ffffff !important;
}
.alipay-tag{
    background-color: #027AFF !important;
    color: #ffffff !important;
}
.wechat-tag{
    background-color: #1F8706 !important;
    color: #ffffff !important;
}
/*自定义修改表格颜色*/
.el-table__body tr.current-row > td {
    background-color: rgba(163, 194, 255, 0.4) !important;
}
.el-table__body tr.hover-row > td{
    background-color: rgba(219, 231, 255, 0.4) !important;
}
/*自定义修改表格颜色*/
.fixed_border{border: 1px solid red}