html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

.el-message {
    z-index: 20200128 !important;
}

p,
td,
div {
    word-break: break-all;
}

em,
i {
    font-style: normal;
}

dl,
dt,
dd,
ol,
ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
}

input {
    outline: none;
    box-sizing: border-box;
}

button {
    border: none;
    outline: none;
}

textarea {
    resize: none;
    outline: none;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/*@font-face {*/
/*    font-family: 'xcte2ename';*/
/*    src: url('../webfont/xcte2ename.ttf') format('truetype')*/
/*}*/

::selection {
    background: var(--q-color-primary);
    color: white;
}

::-moz-selection {
    background: var(--q-color-primary);
    color: white;
}

::-webkit-selection {
    background: var(--q-color-primary);
    color: white;
}

.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}

.max-w250 {
    max-width: 250px;
}

.max_w250_over {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fz12 {
    font-size: 12px!important;
}

.fz14 {
    font-size: 14px!important;
}

.fz16 {
    font-size: 16px!important;
}

.color000 {
    color: #000!important;
}

.color333 {
    color: #333!important;
}

.color666 {
    color: #666!important;
}

.color999 {
    color: #999!important;
}

.colorccc {
    color: #ccc!important;
}

.colorE95252 {
    color: var(--q-color-primary)!important;
}

.cursorpointer {
    cursor: pointer;
}

.text-decoration {
    text-decoration: underline;
}

.fbold {
    font-weight: bold!important
}

.fwnormal {
    font-weight: normal!important
}

.fnormal {
    font-style: normal;
}

.fl {
    float: left!important;
}

.fr {
    float: right!important;
}

.alcenter {
    text-align: center;
}

.mg0 {
    margin: 0!important;
}

.mt1 {
    margin-top: 1px;
}

.mt2 {
    margin-top: 2px;
}

.mt3 {
    margin-top: 3px;
}

.mt4 {
    margin-top: 4px;
}

.mt5 {
    margin-top: 5px;
}

.mt6 {
    margin-top: 6px;
}

.mt7 {
    margin-top: 7px;
}

.mt8 {
    margin-top: 8px;
}

.mt9 {
    margin-top: 9px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mb30 {
    margin-bottom: 30px;
}

.padding10 {
    padding: 10px;
}

.paddinglr10 {
    padding: 0 10px;
}

.tleft {
    text-align: left!important
}

.tright {
    text-align: right!important
}

.tcenter {
    text-align: center!important
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.inlineblock {
    display: inline-block;
}

.w64d5 {
    width: 64.5px !important;
}

.w30 {
    width: 30px!important;
}

.w40 {
    width: 40px!important;
}

.w50 {
    width: 50px!important;
}

.w60 {
    width: 60px!important;
}

.w69 {
    width: 69px!important;
}

.w80 {
    width: 80px!important;
}

.w89 {
    width: 89px!important;
}

.w90 {
    width: 90px!important;
}

.w95 {
    width: 95px!important;
    display: inline-block
}

.w100 {
    width: 100px!important;
}

.w105 {
    width: 100px!important
}

.w110 {
    width: 110px!important
}

.w120 {
    width: 120px!important;
}

.w135 {
    width: 135px!important;
}

.w150 {
    width: 150px!important;
}

.w155 {
    width: 155px!important;
}

.w160 {
    width: 160px!important;
}

.w170 {
    width: 170px!important;
}

.w180 {
    width: 180px!important;
}

.w190 {
    width: 190px!important;
}

.w200 {
    width: 200px!important;
}

.w210 {
    width: 210px!important;
}

.w217 {
    width: 217px!important;
}

.w220 {
    width: 220px!important;
}

.w230 {
    width: 230px!important;
}

.w240 {
    width: 240px!important;
}

.w250 {
    width: 250px!important;
}

.w260 {
    width: 260px!important;
}

.w272 {
    width: 272px!important;
}

.w275 {
    width: 275px!important;
}

.w280 {
    width: 280px!important;
}

.w290 {
    width: 290px!important;
}

.w320 {
    width: 320px!important;
}

.w300 {
    width: 300px!important;
}

.w350 {
    width: 350px!important;
}

.w400 {
    width: 400px!important;
}

.w478 {
    width: 478px!important;
}

.w450 {
    width: 450px!important;
}

.w425 {
    width: 425px!important;
}

.w460 {
    width: 460px!important;
}

.w500 {
    width: 500px!important;
}

.w550 {
    width: 550px!important;
}

.w305 {
    width: 305px!important;
}

.w600 {
    width: 600px!important;
}

.w660 {
    width: 660px!important;
}

.w700 {
    width: 700px!important;
}

.w750 {
    width: 750px!important;
}

.w760 {
    width: 760px!important;
}

.w800 {
    width: 800px!important;
}

.w1006 {
    width: 1006px!important;
}

.h34 {
    height: 34px!important;
}

.h100 {
    height: 100px!important;
}

.w780 {
    width: 780px!important;
}

.w50 {
    width: 50px !important;
}

.width100b {
    width: 100% !important;
}

.text-align-left {
    text-align: left
}

.PingFangSC {
    font-family: "PingFangSC-fine" !important
}

.max_w200 {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    display: inline-block;
}

.over_ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    display: inline-block;
}

.ellipsisTwoLine {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/*多行文本溢出显示省略号 仅支持webkit 受影响属性 -webkit-line-clamp:行数*/

.ellipsisThreeLine {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ellipsisFourLine {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.ellipsisSixLine {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.vue-treeselect__control {
    border-radius: 0 !important
}


/* 公用单行表格样式开始 */

.normalBtn {
    color: #fff;
    padding: 0 15px;
    height: 30px;
    background: var(--q-color-primary);
    border: 1px solid var(--q-color-primary);
    cursor: pointer;
    border-radius: 15px;
    margin-left: 10px;
}

.red-theme .normalBtn {
    color: #fff;
    padding: 0 15px;
    height: 30px;
    background: #33B3FF !important;
    border: 1px solid #33B3FF;
    cursor: pointer;
    border-radius: 3px;
    margin-left: 10px;
}

.normalBtn:hover {
    background: var(--q-color-primary);
    box-shadow: 2px 0px 4px rgba(144, 6, 6, 0.25)
}

.normalBtn:active {
    background: #CD2929;
}

.hollowFixedBtn {
    background: #fff;
    color: var(--q-color-primary);
    padding: 0 15px;
    height: 30px;
    border: 1px solid var(--q-color-primary);
    cursor: pointer;
    border-radius: 15px;
    margin-left: 10px;
}

.red-theme .el-button--primary {
    color: #fff;
    background-color: #33B3FF !important;
    border-color: #33B3FF;
}

.red-theme .hollowFixedBtn {
    background: #fff;
    color: #33B3FF;
    padding: 0 15px;
    height: 30px;
    border: 1px solid #33B3FF !important;
    cursor: pointer;
    border-radius: 3px;
    margin-left: 10px;
}

.hollowFixedBtn:hover {
    box-shadow: 2px 0px 4px rgba(144, 6, 6, 0.25)
}

.hollowFixedBtn:active {
    border-color: #CD2929;
}

.hollowbtn {
    display: inline-block;
    line-height: 30px;
    text-align: center;
    background: #fff;
    color: var(--q-color-primary);
    padding: 0 15px;
    height: 30px;
    border: 1px solid var(--q-color-primary);
    cursor: pointer;
    border-radius: 15px
}

.hollowbtn:hover {
    box-shadow: 2px 0px 4px rgba(144, 6, 6, 0.25)
}

.hollowbtn:active {
    border-color: #CD2929;
}

.cancelBtn {
    display: inline-block;
    padding: 0 15px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    color: #666;
    height: 30px;
    border: 1px solid #aaa;
    cursor: pointer;
    border-radius: 15px
}

.cancelBtn:hover {
    box-shadow: 2px 0px 4px rgba(51, 51, 51, 0.25)
}

.cancelBtn:active {
    border-color: #999;
}

.query-box {
    width: 100%;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.red-theme .query-box {
    width: calc(100% + 38px);
    padding: 0 0 10px 0;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    margin-left: -19px;
    padding-left: 19px;
    margin-bottom: 20px;
    background: #FFF;
}


/*.query-box .el-input{max-width: 120px!important;}*/

.query-box li {
    float: left;
    font-size: 12px;
    color: #666;
    margin: 20px 30px 0px 0;
}

.red-theme .query-box li {
    margin-top: 10px;
}

.query-box li>span {
    display: inline-block;
}

.query-box li span>em {
    display: inline-block;
    min-width: 80px;
    text-align: right;
    font-style: normal;
    margin: 0 20px 0 0;
}

.query-box li:last-child {
    float: right;
    /* position: fixed;
    top: 45px;
    right: 20px; */
    text-align: right;
    margin-right: 0;
}

.red-theme .query-box li:last-child {
    top: 42px;
    margin-top: 20px;
}

.query-box ul {
    overflow: hidden
}

.query-box ul>p {
    text-align: right;
    height: 50px;
    line-height: 34px;
}

.query-box ul>p input {
    margin-right: 15px;
}

.query-box ul .el-input {
    width: 210px;
}

.query-box .hight_query ul .el-input {
    width: inherit
}


/*我的财务单据页面使用*/

.el-input .el-input__inner,
.el-select .el-input {
    border-radius: 0;
    height: 34px;
}
.clearfix .el-select .el-input{
    height: auto;
}

.multiple_input .el-input {
    height: auto !important
}

.el-input .el-input__inner:focus,
.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--q-color-primary) !important;
}

.el-textarea .el-textarea__inner:focus,
.el-select .el-input.is-focus .el-textarea__inner {
    border-color: var(--q-color-primary)!important;
}

.el-pagination__sizes .el-input .el-input__inner {
    width: 95px!important;
}

.el-select-dropdown__item.selected {
    color: #fff !important;
    background: var(--q-color-primary) !important;
}

.el-date-table td.today span {
    color: var(--q-color-primary);
}

.el-date-table td.available:hover span {
    color: var(--q-color-primary);
}

.el-date-table td.current {
    color: #fff!important;
}

.el-date-table td.current:not(.disabled) span {
    background-color: var(--q-color-primary)!important;
    color: #fff;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: var(--q-color-primary)!important;
    ;
    border-color: var(--q-color-primary)!important;
}

.el-checkbox__input .el-checkbox__inner:hover {
    border-color: var(--q-color-primary)!important;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: var(--q-color-primary)!important;
}

.el-pagination {
    text-align: center;
    padding-top: 10px;
}

.el-pagination.is-background .el-pager li:not(.disabled) {
    border-radius: 14px;
    border: solid 1px #999999;
    height: 28px;
    width: 28px;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: var(--q-color-primary) !important;
    color: #fff !important;
    /* border-radius: 14px; */
    /* border-color: var(--q-color-primary) !important; */
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: var(--q-color-primary) !important;
    border-color: var(--q-color-primary) !important
}

.el-pagination.is-background .el-pager li:not(.disabled).active:hover {
    color: #fff !important;
}

.el-select .el-input__inner:focus {
    border-color: var(--q-color-primary)!important;
    ;
}

.el-select .el-input.is-focus .el-input__inner {
    border-color: var(--q-color-primary) !important;
}

.el-input.is-active .el-input__inner,
.el-input__inner:focus {
    border-color: var(--q-color-primary)!important;
    ;
    outline: 0;
}

.el-dialog__body {
    padding-bottom: 0;
    max-height: 600px;
    overflow-y: auto;
}

.el-dialog__header {
    background-color: var(--q-color-primary)!important;
}

.red-theme .el-dialog__header {
    background-color: #EFF1F9 !important;
    color: #111;
    text-align: left;
    padding: 14px 40px;
    position: relative;
}

.red-theme .el-dialog__header::before {
    position: absolute;
    display: block;
    width: 4px;
    height: 14px;
    background-color:  var(--q-color-primary);
    content: ' ';
    left: 20px;
    top: 19px;
    border-radius: 2px;
}

.el-dialog__header .el-dialog__title {
    color: white;
    font-size: 14px;
}

.red-theme .el-dialog__header .el-dialog__title {
    color: #000;
    font-size: 18px;
}

.el-dialog__header .el-dialog__close {
    color: #D23131
}

.red-theme .el-dialog__header .el-dialog__close {
    color: #33B3FF;
    font-size: 18px;
    font-weight: bold;
}

.el-dialog__headerbtn:hover {
    color: #fff;
}

.el-dialog__header .el-dialog__close:hover {
    color: #fff;
}

.red-theme .el-dialog__header .el-dialog__close:hover {
    color: #33B3FF;
}

.el-tabs__item.is-active {
    color: var(--q-color-primary);
}

.el-tabs__active-bar {
    background-color: var(--q-color-primary);
}

.el-tabs__item:hover {
    color: var(--q-color-primary);
}

.el-button-group .el-button {
    padding: 6px;
}

.el-input--prefix .el-input__icon {
    line-height: 34px;
}

.el-message-box__btns .el-button--primary {
    background: var(--q-color-primary)!important;
    ;
    border-color: var(--q-color-primary)!important;
    ;
}

.layerNoIcon .el-form-item__content::after,
.layerNoIcon .el-form-item__content::before {
    display: initial!important;
}

.query_box {
    border-bottom: 1px solid #ccc;
}

.noData {
    text-align: center;
    padding: 20px;
    width: 100%;
}

.el-loading-spinner .path {
    stroke: var(--q-color-primary)!important;
}

.el-button-group .el-button {
    padding: 8px;
}

.el-button-group i {
    font-size: 14px;
}

.singeRowTable {
    width: 100%;
    border-collapse: collapse;
}

.singeRowTable tr th,
.v-table-title-cell {
    background: #E6E6E6;
    height: 40px;
    font-size: 14px;
    color: #333;
}

.singeRowTable tr {
    background: #fff;
    text-align: center;
    height: 40px;
}

.singeRowTable tr:nth-child(2n+1) {
    background: #fafafa;
}

.singeRowTable tr:hover {
    background: #f2f2f2;
}

.singeRowTable tr td {
    font-size: 12px;
    border: 1px solid #E5E5E5;
}

.table-title {
    font-size: 15px;
    color: #333;
    font-family: 'PingFangSc-Fine';
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 5px;
    box-sizing: border-box;
}

.v-table-filter-icon.checked {
    color: #38425D;
}

.el-tabs__new-tab {
    display: none;
}

.v-dropdown-dd,
.v-dropdown-dt {
    background: transparent;
}

.v-table-body-cell {
    border-color: #E5e5e5;
    padding: 0 5px;
    box-sizing: border-box;
    font-size: 12px;
    display: flex;
    align-items: center;
    line-height: normal !important;
}

.v-dropdown-operation-item {
    color: #1890ff !important;
    font-family: 'PingFangSc-Fine' !important;
}

.v-dropdown-operation-item:last-child {
    color: gray !important;
}

.v-dropdown-item-title {
    font-size: 14px;
    padding: 5px;
    padding-top: 0px;
    border-bottom: 1px solid #e8e8e8;
    font-family: 'PingFangSc-Fine' !important;
    color: #333;
}

.v-dropdown-dd {
    z-index: 2 !important;
}

.v-dropdown-items-li.select-box {
    padding: 10px 12px;
    height: auto !important;
    position: relative;
}

.v-table-views {
    position: relative;
}

.v-table-views .horizontal {
    position: absolute;
    border-left: 2px solid #579edd;
    left: 0;
    width: 100%;
    background: #97bbda75;
    height: 40px;
    top: 38px;
}

.v-table-views .el-pagination {
    padding: 15px 5px !important;
}

.v-dropdown-dd,
.v-dropdown-dt {
    background: transparent !important;
}

.v-table-views .vertical {
    position: absolute;
    border-top: 2px solid #579edd;
    top: 38px;
    bottom: 0;
    background: #97bbda75;
    width: 193px;
}

.v-table-body td:hover {
    background: #579edd !important;
    color: #f1f1f1 !important;
    cursor: default;
}

.v-table-views .el-pagination {
    position: absolute;
    /* left: 70px; */
    /* right: 20px; */
    bottom: 0;
    /* margin-top: 0px; */
    width: 100%;
    background: #fff;
    border: 1px solid #E5e5e5 !important;
}

.v-table-rightview-special-border td:last-child .v-table-body-cell {
    position: relative;
}

.layerTable {
    width: 100%;
}

.layerTable tr {
    height: 60px;
}

.layerTable tr td>span {
    display: inline-block;
    width: 120px;
    text-align: right;
    padding-right: 12px;
}

.layerTable tr td span>em:before {
    content: '*';
    color: red;
    font-style: normal;
    margin-right: 2px;
}

.layerTable .layerText {
    width: 210px;
    height: 34px;
    border-radius: 17px;
    border: 1px solid #dcdfe6;
    padding: 0 10px;
}

.remarkTextarea {
    width: 530px;
    height: 60px;
    border: 1px solid #dcdfe6;
    border-radius: 8px;
    line-height: 18px;
    padding: 10px 22px;
}

.flexDiv {
    display: flex;
    flex-flow: row;
    height: 100%;
    background: #f5f5f5;
}

.flexParent {
    overflow: auto;
    position: absolute;
    left: 50px;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 20px;
}

.red-theme .flexParent {
    position: relative;
    flex: 1;
    height: 100%;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
}

.red-theme .groupTourOrderSearch li:last-child {
    top: 43px !important;
}

._treeselect .el-form-item__content {
    line-height: normal!important
}


.flexOne .el-button.is-circle {
    padding: 5px;
}

.el-button--info {
    background-color: #666;
    border-color: #666;
}

.el-dialog__title {
    color: #fff;
}

*::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
}

*::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    background: #c9c9c9;
}

*::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #EDEDED;
}

.ownScrollbarStyle::-webkit-scrollbar {
    width: 4px;
    height: 8px;
}

.ownScrollbarStyle::-webkit-scrollbar-thumb {
    border-radius: 4px;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    background: #c9c9c9;
}

.ownScrollbarStyle::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #EDEDED;
}

.insideDialog {
    width: 400px;
}

.insideDialog .el-dialog__body {
    text-align: center;
    margin: 0;
    padding: 25px 0 10px 0;
}

.el-pagination .el-input__inner {
    width: 40px!important;
    padding: 0;
    text-align: center;
    text-indent: 0;
}

ul {
    margin: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-before: 0px;
    -webkit-padding-start: 0px;
}

ul::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background-color: #e5e5e5;
}

ul::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}

ul::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #aaa;
    margin-bottom: 24px;
}

.el-pager li {
    padding: 0
}

.el-textarea__inner {
    font-family: "微软雅黑";
    border-radius: 0px;
}

.el-input-number .el-input__inner {
    height: 40px;
}


/* 公用单行表格样式结束 */


/*---查看大图样式----*/

.viewBigPicLayer {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .3);
}

.clolseViewBigPicLayer {
    color: #fff;
    font-size: 60px;
    float: right;
    margin-right: 0;
    margin-top: 0;
    cursor: pointer
}

.viewBigPicLayer .el-carousel {
    top: 50%;
    margin-top: -300px;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    position: relative;
    text-align: center;
}

.viewBigPicLayer .el-carousel div.inlineDiv {
    width: 800px;
    height: 600px!important;
    overflow: auto;
    line-height: 600px;
}

.viewBigPicLayer .el-carousel__item img {
    /*position: absolute; margin: auto;
			top: -9999px;
            right: -9999px;
            bottom: -9999px;
            left: -9999px;*/
    vertical-align: middle
}

.viewBigPicLayerDisplayNone {
    display: none;
}

.default-small,
.fileicon-small-video,
.fileicon-small-zip,
.fileicon-small-bt,
.fileicon-small-dws,
.fileicon-small-code,
.fileicon-small-txt,
.fileicon-small-pdf,
.fileicon-small-doc,
.fileicon-small-ppt,
.fileicon-small-xls,
.fileicon-small-vsd,
.fileicon-small-pic,
.fileicon-small-mmap,
.fileicon-small-xmind,
.fileicon-small-mm,
.fileicon-small-mp3,
.icon-play-music,
.default-small,
.dir-multi-small,
.dir-multi-middle,
.dir-small,
.dir-cang-small,
.dir-app-small,
.dir-apps-small,
.dir-backup-small,
.dir-share-middle,
.dir-phone-small,
.fileicon-sys-s-exe,
.fileicon-sys-s-apk,
.fileicon-sys-s-psd,
.fileicon-sys-s-key,
.fileicon-sys-s-ai {
    /*background-image: url('../img/icons_file.png');*/
}

.fileIcon {
    cursor: default;
    display: inline-block;
    height: 26px;
    width: 26px;
    vertical-align: middle;
    margin: 0px 5px 0 0;
}

.el-dialog__header {
    padding: 20px 40px 10px
}

.page_addfp .el-select .el-input,
.page_addfp .el-input .el-input__inner {
    height: auto
}

.page_fnDm .el-date-editor .el-range-separator {
    padding: 0;
    line-height: 29px;
}

.page_bdm .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.page_bdm .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
}

.page_bdm .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 143px;
    height: 82px;
    line-height: 82px;
    text-align: center;
}

.page_form input,
._pay_box input {
    border: none !important;
    background-color: transparent !important;
    padding: 0 2px !important;
}

.page_bdm ._pay_box .jiaoyiriqi input {
    border: 1px solid #dcdfe6 !important;
    background-color: #fff !important;
    padding: 0 25px !important;
}

.page_form td input {
    text-align: center !important
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.page_fnDm .query-box ul .el-input {
    width: auto;
}

.page_PlatformAccount ._vMG_edit .el-select,
.page_CompanyAccount ._vMG_edit .el-select,
.page_CompanyAccount ._vMG_edit .el-select,
.page_paySetting ._vMG_edit .el-select,
._fuzeren .el-autocomplete {
    display: block
}

.el-input__icon {
    line-height: 1 !important
}

.page_addFD .rb_tit input,
.page_addFD ._explain input {
    text-align: center;
}

.page_bdm ._pay_box table input {
    text-align: center
}


/* .page_CompanyAccount .el-input .el-input__inner,.page_CompanyAccount .el-select .el-input{height: auto} */


/* 公用按钮禁用样式 */

.comDisableBtn {
    color: #fff;
    width: 90px;
    height: 30px;
    border-radius: 15px;
    margin-left: 10px;
    background-color: gray;
    border: 1px solid gray;
}

.commonContent {
    min-height: 400px;
}


/* 公用底部标题样式 */

.combottomTitle {
    padding-left: 10px;
    border-left: 3px solid var(--q-color-primary);
    font-size: 16px;
    color: #000000;
    margin-bottom: 20px;
}


/* 公用底部弹出层div */

.combottomDiv {
    position: fixed;
    bottom: 0;
    left: 50px;
    padding: 10px;
    overflow: auto;
    font-family: 'PingFangSc-Fine';
    z-index: 999;
    width: 100%;
    background-color: #fff;
    border-top: 3px solid #38425d;
    height: 270px;
}

._BranchIdS .el-select__tags {
    top: 0;
    transform: translateY(0);
    padding-top: 5px;
}

.combottomTitle>span {
    margin-right: 80px;
}


/* 财务单据使用 */

.page_fnDm .el-dialog__body {
    padding-bottom: 0 !important;
}

.page_addFD ._pic_upload .el-upload--text.el-upload,
.page_fdd ._pic_upload .el-upload--text.el-upload,
.page_addFD .el-upload-dragger,
.page_fdd .el-upload-dragger {
    font-size: 28px;
    color: #8c939d;
    width: 126px;
    height: 80px;
    line-height: 41px;
    text-align: center;
}

.page_addFD ._pic_upload .el-upload--text.el-upload .el-upload__text,
.page_fdd ._pic_upload .el-upload--text.el-upload .el-upload__text {
    font-size: 14px
}

.page_addFD .avatar-uploader-icon,
.page_fdd .avatar-uploader-icon {
    height: 30px;
}

.page_RecPayQuery .el-date-editor--daterange.el-input__inner {
    width: auto !important;
}

.page_RecPayQuery .el-date-editor .el-range-separator {
    width: 8% !important;
}

.frame-box {
    position: absolute;
    top: 41px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    padding: 0 20px;
}

.red-theme .frame-box {
    top: 40px;
}

.My_table_tell .v-table-body-cell {
    display: block!important;
    line-height: 30px!important;
}

.column-cell-class-name-test-red .v-table-body-cell {
    background-color: var(--q-color-primary);
    color: #fff;
}

.column-cell-class-name-test .v-table-body-cell {
    background-color: yellow;
}

.column-cell-class-name-test-pink .v-table-body-cell {
    background-color: #FFCCFF;
}

.column-cell-class-name-test-greed .v-table-body-cell {
    background-color: #C2D69A;
}

.column-cell-class-name-test-gray .v-table-body-cell {
    background-color: #E5E0EC;
}

.column-cell-class-name-test-pink-t .v-table-body-cell {
    background-color: #FCD5B4;
}

.column-cell-class-name-test-t .v-table-body-cell {
    background-color: #FFFF99;
}

.column-cell-class-name-test-greed-s .v-table-body-cell {
    background-color: #92D050;
}

.column-cell-class-name-test .v-table-body-cell:hover span {
    color: #000000
}

.column-cell-class-name-test2 .v-table-body-cell {
    background-color: yellow;
}

.column-cell-class-name-test2 .v-table-body-cell:hover span {
    color: #000000
}

.column-cell-class-name-test3 .v-table-body-cell {
    background-color: yellow;
}

.column-cell-class-name-test4 .v-table-body-cell {
    background-color: yellow;
}

.column-cell-class-name-test-row .v-table-body-cell {
    background-color: yellow;
}

.column-cell-class-name-test-row .v-table-body-cell:hover span {
    color: #000;
}

.column-cell-class-name-test3 .v-table-body-cell:hover span {
    color: #000000
}

.column-cell-class-name-test4 .v-table-body-cell span {
    color: red;
}

.el-checkbox.is-bordered.is-checked {
    border-color: var(--q-color-primary);
}

.page_paySetting .seleRelationList.el-select .el-input {
    height: auto !important;
}

._EmployeeIDList .el-input.el-input--suffix,
.AccountType .el-input.el-input--suffix {
    height: auto !important;
}

.bottom-box {
    position: fixed;
    bottom: 0;
    left: 50px;
    padding: 10px;
    overflow: hidden;
    font-family: 'PingFangSc-Fine';
    z-index: 999;
    right: 0;
    background-color: #fff;
    border-top: 3px solid #38425d;
    padding-bottom: 30px;
}

.bottom-box .btm-title {
    padding-left: 10px;
    border-left: 3px solid var(--q-color-primary);
    font-size: 16px;
    color: #000000;
    margin-bottom: 20px;
}

.bottom-box .btm-opera-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: right;
}

.bottom-box .btm-opera-btn * {
    margin-left: 12px;
}

.page_ShoppingReimbursementDetails .avatar-uploader-icon {
    height: auto !important;
}


/************************** luochao 重新定义表格样式 BEGIN *******************************/

.al-tab {
    width: 100%;
    border-collapse: collapse;
}

.al-tab .center.th,
.al-tab .center.td {
    text-align: center !important;
}

.al-tab,
.al-tab th,
.al-tab td {
    border: 1px solid #ddd;
}

.al-tab caption {
    font-size: 18px;
    color: #333;
    height: 40px;
    line-height: 40px;
    text-align: left;
    padding-left: 12px;
}

.al-tab th {
    background: #E6E6E6;
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    padding-left: 5px;
}

.al-tab td {
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 12px;
    font-weight: 300;
    text-align: left;
    padding-left: 5px;
}

.noDataNotice {
    text-align: center;
    padding: 0px 0;
    color: #999;
    font-size: 14px;
}

.noDataNotice>i {
    font-size: 120px;
    color: #ccc;
}

.column-cell-class-text-red {
    color: red !important
}

._height_auto.el-select .el-input {
    height: auto !important;
}

.personTable .choose2 .block input {
    height: 33px;
    background-color: #333333;
    border: none;
    color: white;
}

.MyInput .el-input--mini .el-input__inner {
    height: 28px!important;
}

.font-color-blur {
    color: #409EFF;
}

.font-color-org {
    color: #E6A23C;
}

.font-color-red {
    color: #F56C6C;
}

.font-color-green {
    color: #67C23A;
}


/************************** luochao 重新定义表格样式 END *******************************/
