@charset utf-8;

/* CSS Document */
html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
big,
cite,
code,
del,
em,
font,
img,
ins,
small,
strong,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
input {
    margin: 0;
    padding: 0;
}

body {
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

ol,
ul {
    list-style: none;
}

:focus {
    outline: 0;
}

a {
    text-decoration: none;
    color: #17a2e2;
}

a img {
    border: 0;
}

img {
    vertical-align: middle;
}

h1 {
    font: 20px microsoft yahei, SimSun;
}

h2,
h3 {
    font-size: 14px;
}

h4,
h5,
h6 {
    font-size: 12px;
}

.form label,
.form input,
.form select,
.form textarea,
.form button,
.form .label {
    float: left;
    font-size: 12px;
}

td {
    padding: 6px 5px
}

input,
textarea {
    color: #000;
    line-height: 20px;
    font-size: 12px;
    padding: 0 5px;
    border: 1px solid #d2d2d2
}

textarea {
    resize: none;
    font-style: normal;
    font-family: "微软雅黑";
}

/*显示隐藏*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.fn {
    float: none;
}

.clear {
    clear: both;
}

.clr {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.clearfix:after {
    content: ;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-table;
}

/* Hides from IE-mac \*/
*html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */
*+html .clearfix {
    min-height: 1%;
}

.overflow {
    overflow: hidden;
}

.block {
    display: block;
    overflow: hidden;
}

.hide {
    display: none;
}

.inline {
    display: inline;
}

input[type='checkbox'] {
    border: 0;
}

/*颜色*/
.green {
    color: #00a517;
}

.gray {
    color: #999999;
}

.red {
    color: #f00;
}

.cF0860C {
    color: #F0860C
}

.cc82226 {
    color: #c82226
}

.write {
    color: #fff
}

.c666 {
    color: #666;
}

.c999 {
    color: #999;
}

.cd6d6d6 {
    color: #d6d6d6;
}

.c333 {
    color: #333333
}

/*定位*/
.pos_r {
    position: relative;
}

.pos_a {
    position: absolute;
}

.dis {
    display: block
}

.undis {
    display: none
}

.inlineB {
    display: inline-block
}

/*字体*/
.font12 {
    font-size: 12px;
}

.font13 {
    font-size: 13px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 20px;
}

.font24 {
    font-size: 24px;
}

.fontb {
    font-weight: bold;
}

.fontnor {
    font-weight: normal;
}

/*边距*/
.lineh18 {
    line-height: 18px;
}

.lineh20 {
    line-height: 20px;
}

.lineh25 {
    line-height: 25px;
}

.lineh30 {
    line-height: 30px;
}

.lineh32 {
    line-height: 32px;
}

.lineh40 {
    line-height: 40px;
}

.textint2 {
    text-indent: 2em;
}

.textint1 {
    text-indent: 1em;
}

.text_line {
    text-decoration: underline;
}

.text_through {
    text-decoration: line-through
}

.mauto {
    margin: 0 auto;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml50 {
    margin-left: 50px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}


.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.padd_10 {
    padding: 10px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl25 {
    padding-left: 25px;
}

.pl30 {
    padding-left: 30px;
}

.pl50 {
    padding-left: 50px;
}

.padd_12 {
    padding: 12px;
}

.padd_15 {
    padding: 15px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr30 {
    padding-right: 30px;
}

.pt5 {
    padding-top: 5px;
}

.pt7 {
    padding-top: 7px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb50 {
    padding-bottom: 50px;
}

/*鼠标手型*/
.hand {
    cursor: pointer
}

button {
    cursor: pointer;
}

/*对齐*/
.text_l {
    text-align: left;
}

.text_c {
    text-align: center;
}

.text_r {
    text-align: right;
}

/*背景色*/
.bgfff {
    background: #fff;
}

.bgf8f8f8 {
    background: #f8f8f8;
}


.flex {
    display: flex;
}

.flex1 {
    flex: 1;
}

/* 输入框 */
.inputCss {
    border: 1px solid #ececec;
    padding: 5px 10px;
}

.selectCss {
    border: 1px solid #ececec;
    height: 32px;
    ;
}

/* 宽度 */
.width110 {
    width: 110px;
}

.width110 {
    width: 120px;
}

.width180 {
    width: 180px;
}

.width400 {
    width: 400px;
}

.v_m {
    vertical-align: middle;
}

.v_t {
    vertical-align: top;
}

.v_b {
    vertical-align: bottom;
}

.border_b {
    border-bottom: 1px solid #ececec;
}

.height100 {
    height: 100px;
    overflow-y: auto;
}

.height100b {
    height: 100%;
}

.body_ov {
    overflow: initial !important;
}

/* 资源加载中样式 */
.w-home {
    background-color: #ffffff;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.w-home__main {
    user-select: none;
    width: 100%;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.w-home__footer {
    width: 100%;
    flex-grow: 0;
    text-align: center;
    padding: 1em 0;
}

.w-home__footer>a {
    font-size: 12px;
    color: #666666;
    text-decoration: none;
}

.w-home__loading {
    height: 32px;
    width: 32px;
    margin-bottom: 20px;
}

.w-home__title {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
}

.w-home__sub-title {
    color: #666;
    font-size: 12px;
}

/*   add20210127 */
.bdtf1f3ef {
    border-top: 1px solid #f1f3ef;
}

.bdlf1f3ef {
    border-left: 1px solid #f1f3ef;
}

.bdrf1f3ef {
    border-right: 1px solid #f1f3ef;
}

.bbtf1f3ef {
    border-bottom: 1px solid #f1f3ef;
}

.logo_box_show {
    -moz-box-shadow: 0px 3px 24px 0px rgba(129, 129, 129, 0.3);
    -webkit-box-shadow: 0px 3px 24px 0px rgba(129, 129, 129, 0.3);
    box-shadow: 0px 3px 24px 0px rgba(129, 129, 129, 0.3)
}

/* elementui下拉框以及日期插件的字体样式重构 */
.selecttxt .el-select-dropdown__item.selected {
    color: #b8342f;
}

.selecttxt .el-date-table td.today span,
.el-date-table td span:hover,
.el-date-table td span:visited,
.el-date-table td span:active {
    color: #b8342f;
}

.selecttxt .el-date-table td div:hover,
.selecttxt .el-date-table td div:visited,
.selecttxt .el-date-table td div:active {
    color: #b8342f;
}

.selecttxt .el-date-table td.current:not(.disabled) span {
    background-color: #b8342f;
}


.selecttxt .el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
    color: #b8342f;
}

.selecttxt .el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
    color: #b8342f !important;
}

.selecttxt .el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
    color: #b8342f !important;
}

.el-pagination .el-pager li.active {
    color: #b8342f;
}

.el-pagination .el-pager li:hover {
    color: #b8342f;
}

/* 202127 表格上方搜索条件 */
.seach_btn {
    display: inline-block;
    width: 84px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 5px;
    border: solid 1px #e4e4e4;
    text-align: center;
    line-height: 30px;
    color: #333333;
    font-size: 12px;
    cursor: pointer;
}

.footer-btnExp .el-button--primary,
.footer-btnExp .el-button--primary:hover {
    background-color: #b8342f;
    border-color: #b8342f;
}

/* 选中框颜色 */
/* .el-select .el-input.is-focus .el-input__inner{
    border-color:#b8342f ;
} */
/* 单选框按钮颜色 */
.wbfont_bold .el-radio__inner:hover {
    border-color: #b8342f;
}

.wbfont_bold .el-radio__input.is-checked+.el-radio__label {
    color: #333333;
}

.wbfont_bold .el-radio__input.is-checked .el-radio__inner {
    border-color: #b8342f;
    background: #b8342f;
}

.wbfont_bold .el-radio__inner::after {
    width: 8px;
    height: 8px;
    border: 2px solid #ffffff;
    background-color: #c82226;
    -webkit-transition: -webkit-transform 0s ease-in;
    transition: -webkit-transform 0s ease-in;
    transition: transform 0s ease-in;
    transition: transform 0s ease-in, -webkit-transform 0s ease-in
}

.el-dialog__body {
    padding: 20px 20px;
}

.qx:hover {
    background: #ffffff !important;
    border: 1px solid #DCDFE6 !important;
    color: #606266 !important;
}

/* 表格表头 表内容 文字大小修改 */
.table .el-table thead {
    color: #444;
}

.table .el-table .cell>.hidden_ {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.table .el-table th.is-leaf {
    border-top: 1px solid #EBEEF5;
}

.table .el-table th>.cell {
    font-size: 14px;
}

.table .el-table .cell {
    font-size: 12px;
}

.table .el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #b8342f !important;
    border-color: #b8342f !important;
}

.table .el-checkbox__inner:hover,
.el-checkbox__input.is-focus .el-checkbox__inner,
.el-pagination__sizes .el-input .el-input__inner:hover,
.el-select .el-input__inner:focus,
.el-select .el-input.is-focus .el-input__inner,
.el-input__inner:focus {
    border-color: #c82226;
}

/* 弹窗按钮颜色 */
.el-button--primary {
    color: #FFF;
    background-color: #2A8EE7 !important;
    border-color: #2A8EE7 !important;
}

.pagination {
    overflow: hidden;
    padding: 20px 0;

}

.pagination .el-pagination {
    float: right;
}

/* 加载中样式 */
.el-loading-spinner .el-loading-text {
    color: #999999 !important;
    font-size: 16px !important;
}

.el-loading-spinner i {
    color: #999999 !important;
    font-size: 20px;
}

.el-dialog {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height:600px;*/
    /* max-height:calc(100% - 30px); */
    /* max-width:calc(100% - 30px); */
}

.el-dialog__wrapper {
    overflow-x: hidden !important;
}

.el-message {
    top: 30% !important;
    left: 55% !important;
}

.el-breadcrumb {
    padding: 20px 10px;
    border-bottom: 1px solid #ececec;
}

.el-breadcrumb__inner a:hover,
.el-breadcrumb__inner.is-link:hover {
    color: #b8342f !important;
}

.el-breadcrumb__item,
.el-breadcrumb__inner {
    cursor: pointer !important;
}

.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
    font-weight: normal !important;
}

i.el-cascader-node__postfix {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.el-cascader-node__label {
    flex: 0 1 auto !important;
}

.el-cascader-menu__wrap {
    height: 300px !important;
}

.el-table__fixed-body-wrapper {
    top: 50px !important;
}

/* 版心 */
.w {
    width: 1200px;
    margin: 0 auto;
}

/* 弹性和布局 左边对齐 */
.flex-left {
    display: flex;
    justify-content: flex-start;
}

/*  弹性和布局 右对齐*/
.flex-right {
    display: flex;
    justify-content: flex-end;
}

/* 弹性和布局  等边间距对齐*/
.flex-around {
    display: flex;
    justify-content: space-around;
}

/* 弹性和布局 两边对齐 */
.flex-between {
    display: flex;
    justify-content: space-between;
}

/* 弹性和布局 水平垂直居中 */
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flex-column-list {
    display: flex;
    flex-direction: column;
}

/* 按钮色 */
.btn-color {
    color: #c82226;
}

.btn-dark {
    color: #ffff !important;
    background-color: #c82226 !important;
}

.btn-dark:hover {
    background-color: none !important;
}

.el-button.btn-light {
    color: #c82226;
    border: 1px solid #c82226;
}

.el-button.btn-light:hover {
    background-color: white;
    color: #c82226;
    border: 1px solid #c82226;
}