/** 全局样式 **/
body { background: #ffffff; }
i, em { font-style: normal; }
.asterisk { padding-right: 2px; color: red; }
.container { margin: 0 auto; width: 1200px; }
.min-width-1200 { min-width: 1200px; }
.table-image-wrap { width: 24px; height: 24px; }
.table-image-wrap img { width: 100%; height: 100%; }
.img-cover{object-fit: cover;}
.class-layer-custom .layui-layer-btn .layui-layer-btn0{border-color: #4BAF47; background-color: #4BAF47; color: #fff;}

/** 按钮样式 **/
.layui-btn-gloomy { background-color: #444c69; }
.layui-btn-danger { background-color: #f56c6c; }
.layui-btn-default { background-color: #4BAF47; }
.layui-btn-forbid, .layui-btn-forbid:hover { cursor: not-allowed; opacity: 0.65; pointer-events: none; }

/** 标签样式 **/
.wait-tag { border: 1px solid #e9e9eb; background: #f4f4f5; color: #909399; font-size: 12px; border-radius: 2px; padding: 4px 6px; }
.wait-tag.normal { border-color: #d9ecff; background: #ecf5ff; color: #4BAF47; }
.wait-tag.success { border-color: #e1f3d8; background: #f0f9eb; color: #67c23a; }
.wait-tag.warning { border-color: #faecd8; background: #fdf6ec; color: #e6a23c; }
.wait-tag.danger { border-color: #fde2e2; background: #fef0f0; color: #f56c6c; }

/** Layui重置 **/
.layui-card { border-radius: 4px; }
.layui-card .layui-card-header {font-weight: 500; font-size: 16px; color:#333; font-family: "Source Sans Pro", Sans-serif, serif}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i { color: #4BAF47 !important; }
.layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #4BAF47; }
.layui-tab-brief>.layui-tab-title .layui-this { color: #4BAF47; }
.layui-tab-brief>.layui-tab-title .layui-this:after { border-color: #4BAF47; }

/** 弹窗样式 **/
.wait-body-content { position: absolute; top: 0; right: 0; bottom: 48px; left: 0; overflow-y: auto; padding: 10px 20px 0 10px; background-color: #ffffff; }
.wait-body-footer { position: fixed; right: 0; bottom: 0; left: 0; z-index: 800; padding: 10px; text-align: center; background: #ecf0f1; }
.wait-body-footer a { margin: 5px 5px 0; padding: 7px 15px; height: 28px; border: 1px solid #dedede; border-radius: 2px; color: #333333; background-color: #ffffff; line-height: 28px; }
.wait-body-footer a:hover { opacity: 0.8; }
.wait-body-footer a.layui-layer-btn0 { cursor: pointer; border-color: #4BAF47; color: #ffffff; background-color: #4BAF47; }
.wait-body-footer a.layui-layer-btn1 { cursor: pointer; }
.layer-skin-black .layui-layer-title { border-bottom: none; color: #ffffff; background: #2c3e50; }
.layer-skin-black .layui-layer-setwin span { color: #ffffff; }
.layer-skin-black .layui-layer-setwin .layui-layer-max:after { border-color: #ffffff; }
.layer-skin-black .layui-layer-setwin .layui-layer-max:before { border-color: #ffffff; }
.layer-skin-black .layui-layer-setwin .layui-layer-min::before { background-color: #ffffff; }
.popup-skin-window { border-radius: 10px; visibility: hidden; }
.popup-skin-window .layui-layer-content { height: auto !important; border-radius: 10px; }
@media screen and (max-width: 1100px) {
    .popup-skin-window.layui-layer-iframe {
        overflow-y: unset;
    }
}

/** 表格样式 **/
.layui-table-view .layui-table-fixed { z-index: 999; }
.layui-table-view .layui-btn-container .layui-btn i { padding: 0; font-size: 12px; }
.layui-table-view .layui-table-cell .layui-btn-xs { margin: 0; padding: 0 2px; }
.layui-table-view .layui-table-cell .layui-btn-xs span { padding: 0 2px; }
.layui-table-view .layui-table-cell .layui-btn { vertical-align: middle; }
.layui-table-view .layui-table-cell .table-image-wrap { width: 28px; height: 26px; display: inline-block; vertical-align: middle; border-radius: 2px; }
.layui-table-view .layui-table-cell .table-image-wrap img { width: 100%; height: 100%; vertical-align: middle; border-radius: 2px; }
.layui-table-view .layui-table-cell .table-image-wrap.size-40-40 { width: 40px; height: 40px; }
.layui-table-view .layui-table-cell .table-image-wrap.size-50-50 { width: 50px; height: 50px; }
.layui-table-view .layui-table-cell .table-image-wrap.size-60-60 { width: 60px; height: 60px; }
.layui-table-view .layui-table-cell .table-image-wrap.size-70-70 { width: 70px; height: 70px; }
.layui-table-view .layui-table-cell .table-image-wrap.size-80-80 { width: 80px; height: 80px; }
.layui-table-view .layui-table-header th { font-size: 13px; font-weight: bold; }
.layui-table-view .layui-icon-circle-dot { cursor: pointer; }
.wait-table-cell .layui-table-cell { height: auto !important; white-space: normal; word-wrap: break-word; }

/** 缩略样式 **/
.thumbnail { display: flex; }
.thumbnail .musters { display: flex; }
.thumbnail .builder { position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center; margin-right: 15px; width: 90px; height: 90px; border: 1px dashed #e2e2e3; background: #fafafa; }
.thumbnail .builder i { font-size: 40px; color: #5a5858; }
.thumbnail .builder p { padding-top: 16px; font-size: 12px; color: #5a5858; line-height: 1; }
.thumbnail .builder:hover .mask { visibility: visible; }
.thumbnail .builder .mask { position: absolute; z-index: 9999; display: flex; align-items: center; flex-direction: column; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.76); visibility: hidden; }
.thumbnail .builder .mask .item { display: flex; align-items: center; justify-content: center; width: 100%; height: 50%; color: #ffffff; box-sizing: border-box; }
.thumbnail .builder .mask .item:hover { font-weight: bold; background-color: rgba(0, 0, 0, 1); }
.thumbnail .builder .mask .item:first-child { border-bottom: 1px #ffffff dashed; }
.thumbnail .preview { position: relative; display: flex; justify-content: center; width: 90px; height: 90px; margin-right: 10px; border-radius: 3px; border: 1px dashed #e2e2e2; background: #fafafa; }
.thumbnail .preview img { max-width: 100%; max-height: 100%; }
.thumbnail .preview video { max-width: 100%; max-height: 100%; }
.thumbnail .preview:hover i { visibility: visible; }
.thumbnail .preview i:hover { background: #000000; }
.thumbnail .preview i { position: absolute; top: -8px; right: -8px; z-index: 110; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; font-size: 12px; border-radius: 50%; color: #ffffff; background: hsl(0, 0%, 61%); visibility: hidden; cursor: pointer; }

/** 超出隐藏 **/
.overflow-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.overflow-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.overflow-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.overflow-4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

/** 文本换行 **/
.word-nowrap { white-space:nowrap; }
.word-break { word-break:break-all; white-space:pre-wrap; }

/** 宽度比例 **/
.w-scale-2 { width: 50%; }
.w-scale-3 { width: 33.333%; }
.w-scale-4 { width: 25%; }
.w-scale-5 { width: 20%; }

/* 宽高铺满 */
.w-full { width: 100%; }
.h-full { height: 100%; }
.h-100vh { height: 100vh; }
.w-h-full { width: 100%; height: 100%; }
.w-h-half { width: 50%; height: 50%; }

/* 背景颜色 */
.bg-white { background-color: #ffffff; }
.bg-black { background-color: #000000; }
.bg-theme { background-color: #4BAF47; }
.bg-assist { background-color: #FF8D1A; }
.bg-muted { background-color: #999999; }
.bg-normal { background-color: #909399; }
.bg-light { background-color: #ecf5ff; }
.bg-success { background-color: #4cd964; }
.bg-warning { background-color: #f0ad4e; }
.bg-error { background-color: #dd524d; }
.bg-main { background-color: #FAFAFA; }

/* 字体颜色 */
.color-white { color: #ffffff; }
.color-black { color: #000000; }
.color-theme { color: #4BAF47; }
.color-assist { color: #FF8D1A; }
.color-main { color: #333333; }
.color-text { color: #666666; }
.color-muted { color: #999999; }
.color-normal { color: #909399; }
.color-lighter { color: #e5e5e5; }
.color-success { color: #4cd964; }
.color-warning { color: #f0ad4e; }
.color-error { color: #dd524d; }

/* 字体粗细 */
.font-weight-thin { font-weight: 100; }
.font-weight-extra { font-weight: 200; }
.font-weight-light { font-weight: 300; }
.font-weight-normal { font-weight: 400; }
.font-weight-medium { font-weight: 500; }
.font-weight-semi { font-weight: 600; }
.font-weight-bold { font-weight: 700; }
.font-weight-make { font-weight: 800; }
.font-weight-black { font-weight: 900; }

/* 字体样式 */
.font-style-italic { font-style: italic; }
.font-style-italic { font-style: normal; }

/* 文本对齐 */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }

/* 文本装饰 */
.text-dec-underline { text-decoration: underline; }
.text-dec-line-through { text-decoration: line-through; }
.text-dec-no-underline { text-decoration: none; }

/* 文本转换 */
.text-tran-uppercase { text-transform: uppercase; }
.text-tran-lowercase { text-transform: lowercase; }
.text-tran-capitalize { text-transform: capitalize; }
.text-tran-normal-case { text-transform: none; }

/* Flex */
.flex { display: flex; }
.flex-inline { display: inline-flex; }
.flex-none { flex: none; }
.flex-auto { flex: 1 1 auto; }
.flex-initial { flex: 0 1 auto; }
.flex-1 { flex: 1 1 0; }
.flex-2 { flex: 2; }
.flex-3 { flex: 3; }
.flex-4 { flex: 4; }
.flex-5 { flex: 5; }
.flex-6 { flex: 6; }
.flex-7 { flex: 7; }
.flex-8 { flex: 8; }
.flex-9 { flex: 9; }
.flex-10 { flex: 10; }
.flex-11 { flex: 11; }
.flex-12 { flex: 12; }

/* Flex Wrap */
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }

/* Flex Grow */
.flex-grow-0 { flex-grow: 0; }
.flex-grow { flex-grow: 1; }

/* Flex Shrink */
.flex-shrink-0 { flex-shrink: 0; }
.flex-shrink-1 { flex-shrink: 1; }

/* Flex Direction */
.flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-col-reverse { flex-direction: column-reverse; }

/* Align Items */
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.items-baseline { align-items: baseline; }
.items-stretch { align-items: stretch; }

/* Justify Content */
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.justify-evenly { justify-content: space-evenly; }

/* Align Content */
.content-center { align-content: center; }
.content-start { align-content: flex-start; }
.content-end { align-content: flex-end; }
.content-between { align-content: space-between; }
.content-around { align-content: space-around; }
.content-evenly { align-content: space-evenly; }

/* Align Self */
.self-auto { align-self: auto; }
.self-start { align-self: flex-start; }
.self-end { align-self: flex-end; }
.self-center { align-self: center; }
.self-stretch { align-self: stretch; }
.self-baseline { align-self: baseline; }

/* Order */
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }
.order-11 { order: 11; }
.order-12 { order: 12; }
.order-first { order: -9999; }
.order-last { order: 9999; }
.order-none { order: 0; }

/* Display */
.dis-block { display: block; }
.dis-hidden { display: none; }
.dis-inline { display: inline; }
.dis-table { display: table; }
.dis-inline-block { display: inline-block; }
.dis-inline-table { display: inline-table; }

/* Float */
.float-right { float: right; }
.float-left { float: left; }
.float-none { float: none; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both; }
.clear-none { clear: none; }

/* 定位元素 */
.fix-static { position: static; }
.fix-fixed { position: fixed; }
.fix-absolute { position: absolute; }
.fix-relative { position: relative; }
.fix-sticky { position: sticky; }
.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
.inset-x-0 { right: 0; left: 0; }
.inset-y-0 { top: 0; bottom: 0; }
.z-0 { z-index: 0; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-40 { z-index: 40; }
.z-50 { z-index: 50; }
.z-60 { z-index: 60; }
.z-auto { z-index: auto; }
.z-1000 { z-index: 1000; }
.z-2000 { z-index: 2000; }
.z-3000 { z-index: 3000; }

/* 可见元素 */
.visible { visibility: visible; }
.invisible { visibility: hidden; }

/* 盒子阴影 */
.shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1); }
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05); }
.shadow-md { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1); }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1); }
.shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1); }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25); }
.shadow-inner { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06); }
.shadow-none { box-shadow: none; }

/* 不透明度 */
.opacity-0 { opacity: 0; }
.opacity-5 { opacity: 0.05; }
.opacity-10 { opacity: 0.1; }
.opacity-20 { opacity: 0.2; }
.opacity-25 { opacity: 0.25; }
.opacity-30 { opacity: 0.3; }
.opacity-40 { opacity: 0.4; }
.opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.opacity-75 { opacity: 0.75; }
.opacity-80 { opacity: 0.8; }
.opacity-90 { opacity: 0.9; }
.opacity-95 { opacity: 0.95; }
.opacity-100 { opacity: 1; }