@import url(./rule.css);
@import url(../plugin/layui/css/layui.css);
@import url(../css/qzTable.css);
@import url(../css/qzDate.css);
@import url(../css/qzImport.css);

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

body {
    background-color: var(--main);
}

/*滚动条整体样式*/
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #d8d8d8;
}

::-webkit-scrollbar-track:vertical {
    margin-right: 3px;
}

.qz-gap {
    width: 100%;
    padding: 6px 0;
}

.qz-row-gap {
    height: 100%;
    padding: 0 6px;
}

.qz-body {
    display: flex;
    flex-direction: column;
}

.qz-body > .qz-table,
.qz-body > .qz-table-row,
.qz-body > .layui-tab {
    flex: 1;
}

.qz-main {
    margin: 0 auto;
    width: 55%;
    height: 100%;
    background-color: var(--white);
    box-shadow: 0 1px 4px 0 #0000000f;
    border-radius: var(--borderRadiusLarge);
}

.qz-main-header {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: var(--borderSolid);
    margin-bottom: 20px;
}

.qz-main-header .header-left h3 {
    position: relative;
    padding-left: 10px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    color: var(--primary);
    letter-spacing: 0;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: var(--labelMainWidth);
}

.qz-main-header .header-left h3::before {
    content: '';
    height: 16px;
    position: absolute;
    top: 2.5px;
    left: 0;
    border-left: 3px solid var(--primary);
}

.qz-main-header .header-right {
    max-width: 70%;
}

.qz-main .layui-form-item {
    padding: 0 40px;
}

.qz-main .qz-mian-btn,
.qz-form .qz-form-btn {
    width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.qz-main .qz-mian-btn .layui-btn {
    width: 160px;
}

.qz-main .layui-form-label {
    width: var(--labelMainWidth);
}

.qz-tishi,
.qz-warning {
    display: flex;
    align-items: flex-start;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: var(--danger);
    letter-spacing: 0;
    font-weight: 400;
    margin-top: 4px;
}

.qz-tishi iconpark-icon {
    margin-top: 2.5px;
    margin-right: 6px;
}

.qz-warning-item {
    position: relative;
    border: none;
}
.qz-warning-item input {
    position: relative;
}
.qz-warning-item::before {
    content: '';
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 0;
    left: 0;
    border: 1px solid var(--danger) !important;
}
.qz-warning-item.border {
    border: 1px solid var(--danger) !important;
}
.qz-warning-item.border::before {
    display: none;
}
.qz-required .layui-form-label::after,
.qz-required-icon .layui-form-label::after {
    content: '*';
    position: absolute;
    color: var(--danger);
    top: 8px;
    right: 2px;
}

.layui-form-pane .qz-required .layui-form-label::after,
.layui-form-pane .qz-required-icon .layui-form-label::after {
    top: 50%;
    transform: translate(0, calc(-50% - 5px));
}

.qz-required-icon .layui-input-block {
    position: relative;
}

.qz-required-icon .layui-input-block.disabled {
    background-color: #f3f3f3 !important;
}

.qz-required-icon iconpark-icon[name='huangsetixing'] {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 12px;
    color: var(--danger);
}

.qz-form {
    width: 100%;
    height: 100%;
    background-color: var(--white);
    box-shadow: 0 1px 4px 0 #0000000f;
    border-radius: var(--borderRadiusLarge);
    padding: 0 14px;
    overflow: auto;
}
.qz-form .qz-table {
    padding: 0;
    box-shadow: none;
    border-radius: 0;
}
.qz-form .qz-table .layui-form-select {
    position: absolute;
    align-items: center;
    top: 0;
    left: 0;
    height: 100%;
}

.qz-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 15px 0;
}

.header-left,
.header-right {
    display: flex;
    align-items: center;
}
.header-left * + *,
.header-right * + * {
    margin-left: 8px;
}

.qz-header .header-left .qz-tishi {
    margin: 0;
}

.qz-header .header-left h3 {
    position: relative;
    padding-left: 14px;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    color: var(--fontPrimary);
    letter-spacing: 0;
    font-weight: 700;
}

.qz-header .header-left h3::before {
    content: '';
    height: 16px;
    position: absolute;
    top: 2.5px;
    left: 0;
    border-left: 4px solid var(--primary);
}

.qz-form .qz-item-btn {
    flex: none;
    font-family: MicrosoftYaHei;
    font-size: var(--fontSizeContent);
    color: var(--primary);
    letter-spacing: 0;
    font-weight: 400;
    width: 72px;
    min-width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: var(--labelWidth);
    cursor: pointer;
    border-left: var(--borderSolid);
}

input:-internal-autofill-selected {
    background-color: transparent !important;
}

select[search],
select[multSearch],
select[mult] {
    display: none !important;
}

.qz-mult-operate {
    position: sticky;
    bottom: 0;
    background-color: var(--white);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e5e5e5;
    height: 38px;
    padding: 0 12px;
}

.qz-mult-operate > div {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.qz-mult-operate > div iconpark-icon {
    margin-right: 10px;
}

.qz-mult-operate > div.operate-right span + span {
    margin-left: 10px;
    color: #3f7adb;
}

.qz-transfer {
    display: flex;
    width: 100%;
}

.qz-transfer .qz-transfer-box {
    min-width: 240px;
    height: 312px;
    background: #ffffff;
    border: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
}

.qz-transfer .qz-transfer-box.qz-transfer-target {
    flex-grow: 1;
}

.qz-transfer .qz-transfer-box + .qz-transfer-box {
    margin-left: 10px;
}

.qz-transfer-title {
    display: flex;
    align-items: center;
    width: 100%;
    height: 45px;
    background: #f3f3f3;
    padding-left: 13px;
    border-bottom: 1px solid #e5e5e5;
    font-family: MicrosoftYaHei-Bold;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 700;
}

.qz-transfer-content {
    flex: 1;
    padding-top: 6px;
    overflow: auto;
}

.qz-transfer-content li {
    cursor: pointer;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 4px;
    width: 100%;
    height: 35px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 400;
    padding: 0 14px;
    color: #666666;
    user-select: none;
}

.qz-transfer-content li:hover {
    color: var(--primary);
}

.qz-transfer-content li.checkbox-choose {
    background-color: var(--primary15);
    color: var(--primary);
}

.qz-transfer-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
}

.qz-transfer-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background: var(--primary15);
    border-radius: 7px;
    cursor: pointer;
    color: var(--primary);
    font-size: 20px;
}

.qz-transfer-btn span:hover {
    background: var(--primary);
    color: #fff;
}

.qz-transfer-btn span + span {
    margin-top: 20px;
}

.pane-file {
    height: 100%;
    width: 100%;
    padding: 14px 0 10px 14px;
    background-color: var(--white);
}

.pane-file-image {
    display: flex;
    margin-bottom: 8px;
}

.pane-file-image div {
    width: 120px;
    height: 142px;
    border: 1px solid var(--primary75);
    border-radius: var(--borderRadiusSmall);
    overflow: hidden;
}

.pane-file-image div + div {
    margin-left: 10px;
}

.pane-file-image div img {
    width: 100%;
    height: 100%;
    border-radius: var(--borderRadiusSmall);
}

.pane-file-upload {
    display: flex;
    align-items: center;
}

/*.pane-file-upload button,*/
/*.pane-file-upload .layui-btn:hover {*/
/*  min-width: 52px !important;*/
/*  height: 28px !important;*/
/*  line-height: 28px !important;*/
/*  padding: 0 8px !important;*/
/*  margin-right: 8px;*/
/*}*/

.pane-file .qz-tishi {
    margin-top: 6px;
}

.pane-file-upload ul {
    display: flex;
    flex-wrap: wrap;
}

.pane-file-upload ul li {
    display: flex;
    align-items: center;
    padding: 0 12px;
    background-color: var(--primary15);
    color: var(--primary);
    height: 28px;
    border-radius: var(--borderRadiusSmall);
}

.pane-file-upload ul li + li {
    margin-left: 8px;
}

.pane-file-upload ul li > div {
    display: flex;
    align-items: center;
}

.pane-file-upload ul li span {
    margin: 0 8px 0 6px;
    white-space: nowrap;
}

.pane-file-upload ul li > iconpark-icon {
    cursor: pointer;
}

.pane-file-dialog {
    width: 100%;
    height: 100%;
    background-color: var(--white);
    padding: 0 20px;
    overflow: auto;
}

.pane-file-dialog .pane-file-upload {
    flex-direction: column;
    border: var(--borderSolid);
    border-radius: var(--borderRadiusSmall);
    overflow: hidden;
}

.file-dialog {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-color: var(--main);
    width: 100%;
    height: 104px;
    color: var(--fontNormal);
    font-size: var(--fontSizeContent);
}

.file-dialog span {
    margin-top: 8px;
    color: var(--primary);
}

.pane-file-dialog ul {
    flex-direction: column;
    width: 100%;
}

.pane-file-dialog ul.multiple {
    border-top: var(--borderSolid);
}

.pane-file-dialog ul li {
    width: 100%;
    height: 47px;
    border-radius: none;
    background-color: var(--white);
    justify-content: space-between;
}

.pane-file-dialog ul li + li {
    border-top: var(--borderSolid);
    margin-left: 0;
}

.pane-file-dialog .qz-tishi {
    margin-top: 12px;
}

/* 上传附件暂无图片样式 */

.pane-file-image .qz-noImg-style {
    background-color: rgba(63, 122, 219, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px dashed rgba(63, 122, 219, 1);
}

.qz-noImg-style .qz-defalt-img {
    width: 80px;
    height: 93px;
}

.qz-noImg-text {
    padding-top: 8px;
    font-size: 12px;
    color: #8e9cb5;
}

ul.mult-btn {
    display: flex;
    flex-wrap: wrap;
    padding: 12px;
    height: 100%;
    width: 100%;
    overflow: auto;
}
ul.mult-btn li {
    position: relative;
    padding: 0 21px 0 8px;
    margin: 2px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    background-color: var(--primary15);
    color: var(--primary);
    font-size: var(--fontSizeSubTitle);
    border-radius: var(--borderRadiusSmall);
}
ul.mult-btn li iconpark-icon {
    cursor: pointer;
    position: absolute;
    font-size: 10px;
    top: 9px;
    right: 8px;
}
ul.mult-btn li + li {
    margin-left: 4px;
}
button + button {
    margin-left: 8px;
}

.qz-module {
    padding: 5px 7px;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 #0000000f;
    background-color: #fff;
}
.qz-lc {
    display: flex;
}
.qz-lc-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    background-color: var(--primary);
    color: var(--white);
    border-radius: var(--borderRadiusSmall);
}
.qz-lc-item + .qz-lc-item {
    margin-left: 50px;
}
.qz-lc-item + .qz-lc-item::before {
    content: '';
    position: absolute;
    right: calc(100% + 8px);
    width: 37px;
    border-top: 3px dashed var(--primary);
}
.qz-lc-item + .qz-lc-item::after {
    content: '';
    position: absolute;
    right: calc(100% + 5px);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 12px solid var(--primary);
}
.common-error {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.common-error img {
    width: 360px;
    height: 176px;
    margin-bottom: 20px;
}

.common-error p {
    margin-bottom: 30px;
    font-family: MicrosoftYaHei;
    font-size: 20px;
    color: #666666;
    letter-spacing: 0.5px;
}

.qz-dialogForm{
    border-radius: 0;
    height: 100%;
    align-items: baseline;
    align-content: baseline;
}

/*青春绿*/
.layui-table-view.bg-17B362 .layui-table-box{
    background: linear-gradient(180deg, #17B36201 1%, #17B36222 98%);
}
.layui-table-view.bg-17B362 .layui-table-body .qz-table-empty,
.layui-table-view.bg-17B362 .layui-table-body td,
.layui-table-view.bg-17B362 .layui-table-body>.layui-table {
    background-color: transparent;
}
.layui-table-view.bg-17B362 .layui-table-fixed {
    background-color: #fff;
}
.layui-table-view.bg-17B362 .layui-table-fixed .layui-table-body{
    /*background: linear-gradient(180deg, #17B36201 1%, #17B36222 98%);*/
}
/*  */
.layui-table-view.bg-6957B1 .layui-table-box{
    background: linear-gradient(180deg, #6957B101 1%, #6957B122 98%);
}
.layui-table-view.bg-6957B1 .layui-table-body .qz-table-empty,
.layui-table-view.bg-6957B1 .layui-table-body td,
.layui-table-view.bg-6957B1 .layui-table-body>.layui-table {
    background-color: transparent;
}
.layui-table-view.bg-6957B1 .layui-table-fixed {
    background-color: #fff;
}
.layui-table-view.bg-6957B1 .layui-table-fixed .layui-table-body{
    /*background: linear-gradient(180deg, #6957B101 1%, #6957B122 98%);*/
}
/* 3F7ADB */
.layui-table-view.bg-3F7ADB  .layui-table-box{
    background: linear-gradient(180deg, #3F7ADB01 1%, #3F7ADB22 98%);
}
.layui-table-view.bg-3F7ADB .layui-table-body .qz-table-empty,
.layui-table-view.bg-3F7ADB .layui-table-body td,
.layui-table-view.bg-3F7ADB .layui-table-body>.layui-table {
    background-color: transparent;
}
.layui-table-view.bg-3F7ADB .layui-table-fixed {
    background-color: #fff;
}
.layui-table-view.bg-3F7ADB .layui-table-fixed .layui-table-body{
    /*background: linear-gradient(180deg, #3F7ADB01 1%, #3F7ADB22 98%);*/
}
/*  */
.layui-table-view.bg-B5332B .layui-table-box{
    background: linear-gradient(180deg, #B5332B01 1%, #B5332B22 98%);
}
.layui-table-view.bg-B5332B .layui-table-body .qz-table-empty,
.layui-table-view.bg-B5332B .layui-table-body td,
.layui-table-view.bg-B5332B .layui-table-body>.layui-table {
    background-color: transparent;
}
.layui-table-view.bg-B5332B .layui-table-fixed {
    background-color: #fff;
}
.layui-table-view.bg-B5332B .layui-table-fixed .layui-table-body{
    /*background: linear-gradient(180deg, #B5332B01 1%, #B5332B22 98%);*/
}
/* 33706C */
.layui-table-view.bg-33706C .layui-table-box{
    background: linear-gradient(180deg, #33706C01 1%, #33706C22 98%);
}
.layui-table-view.bg-33706C .layui-table-body .qz-table-empty,
.layui-table-view.bg-33706C .layui-table-body td,
.layui-table-view.bg-33706C .layui-table-body>.layui-table {
    background-color: transparent;
}
.layui-table-view.bg-33706C .layui-table-fixed {
    background-color: #fff;
}
.layui-table-view.bg-33706C .layui-table-fixed .layui-table-body{
    /*background: linear-gradient(180deg, #33706C01 1%, #33706C22 98%);*/
}
/* F39644 */
.layui-table-view.bg-F39644 .layui-table-box{
    background: linear-gradient(180deg, #F3964401 1%, #F3964422 98%);
}
.layui-table-view.bg-F39644 .layui-table-body .qz-table-empty,
.layui-table-view.bg-F39644 .layui-table-body td,
.layui-table-view.bg-F39644 .layui-table-body>.layui-table {
    background-color: transparent;
}
.layui-table-view.bg-F39644 .layui-table-fixed {
    background-color: #fff;
}
.layui-table-view.bg-F39644 .layui-table-fixed .layui-table-body{
    /*background: linear-gradient(180deg, #F3964401 1%, #F3964422 98%);*/
}
/*  */
.layui-table-view.bg-00A0DF .layui-table-box{
    background: linear-gradient(180deg, #00A0DF01 1%, #00A0DF22 98%);
}
.layui-table-view.bg-00A0DF .layui-table-body .qz-table-empty,
.layui-table-view.bg-00A0DF .layui-table-body td,
.layui-table-view.bg-00A0DF .layui-table-body>.layui-table {
    background-color: transparent;
}
.layui-table-view.bg-00A0DF .layui-table-fixed {
    background-color: #fff;
}
.layui-table-view.bg-00A0DF .layui-table-fixed .layui-table-body{
    /*background: linear-gradient(180deg, #00A0DF01 1%, #00A0DF22 98%);*/
}
/*  */
.layui-table-view.bg-313644 .layui-table-box{
    /*background: linear-gradient(180deg, #31364401 1%, #31364422 98%);*/
}
.layui-table-view.bg-313644 .layui-table-body .qz-table-empty,
.layui-table-view.bg-313644 .layui-table-body td,
.layui-table-view.bg-313644 .layui-table-body>.layui-table {
    background-color: transparent;
}
.layui-table-view.bg-313644 .layui-table-fixed {
    background-color: #fff;
}
.layui-table-view.bg-313644 .layui-table-fixed .layui-table-body{
    /*background: linear-gradient(180deg, #31364401 1%, #31364422 98%);*/
}