html {
    overflow-x: hidden;
}

body {
    color: #333;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif !important;
}

.main-wrap {
    min-width: 1200px !important;
    padding: 0 15px !important;
}

.main {
    min-width: 1200px !important;
    padding: 0 15px !important;
    margin-top: 15px;
}

b,
i,
em, strong {
    font-style: normal;
    font-weight: normal;
}

.fa-edit {
    cursor: pointer;
}

::-webkit-input-placeholder {
    color: #c0c4cc
}

:-moz-placeholder {
    color: #c0c4cc;
}

::-moz-placeholder {
    color: #c0c4cc;
}

:-ms-input-placeholder {
    color: #c0c4cc;
}

/*时间插件选择事件颜色*/
.layui-laydate .layui-this {
    background: #fa5757 !important;
    border-radius: 5px;
}

/*多选框样式*/
.layui-form-checked[lay-skin=primary] i {
    background: #fa5757
}

/*焦点事件*/
.focus-event {
    border: 1px solid #fa5757 !important;
}

/*对齐方式*/
.tl {
    text-align: left !important;
}

/*字体颜色*/
.red, .danger {
    color: red !important;
}

.warn {
    color: #e6a23c !important;
}

.warn14 {
    color: #e6a23c !important;
    font-size: 14px !important;
}

.orange {
    color: #e69500 !important;
}

.health {
    color: #a0e6c1 !important;
}

/*时间选择框*/
.button1 {
    height: 26px;
    line-height: 26px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    color: #606266;
    display: inline-block;
    padding: 0 15px;
    margin-right: 5px;
}

.button1.active {
    background: #555555;
    color: white;
}

/*搜索按钮*/
.button2 {
    padding: 7px 15px;
    border-radius: 4px;
    color: #fff;
    background: #fa5757;
    border: 1px solid #fa5757;
    line-height: 1;
    cursor: pointer;
    font-weight: 500;
}

.button2:hover {
    color: #fff;
    background: #66b1ff;
    border: 1px solid #66b1ff;
}

/*底部按钮*/
.button3 {
    color: #fff;
    background: #f56c6c;
    border: #f56c6c;
    border-radius: 3px;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    padding: 9px 15px;
}

.button3:hover {
    background: #f78989;
    border: #f78989;
}

.button4 {
    color: #fff;
    background: #e6a23c;
    border: #e6a23c;
    border-radius: 3px;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    padding: 9px 15px;
}

.button4:hover {
    background: #ebb563;
    border: #ebb563;
}

.button5 {
    color: #fff;
    background: #fa5757;
    border: #fa5757;
    border-radius: 3px;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    padding: 9px 15px;
}

.button5:hover {
    background: #66b1ff;
    border: #66b1ff;
}

.button6 {
    padding: 7px 15px;
    border-radius: 4px;
    color: #fff;
    background: #f56c6c;
    border: 1px solid #f56c6c;
    line-height: 1;
    cursor: pointer;
    font-weight: 500;
}

.button6:hover {
    color: #fff;
    background: #f78989;
    border: 1px solid #f78989;
}

.button7 {
    padding: 7px 15px;
    border-radius: 4px;
    color: #606266;
    background: #fff;
    border: 1px solid #dcdfe6;
    line-height: 1;
    cursor: pointer;
    font-weight: 500;
}

.button7:hover {
    color: #fff;
    background: #606266;
    border: 1px solid #dcdfe6;
}

.button8 {
    color: #fff;
    background: #fa5757;
    border: 1px solid #fa5757;
    border-radius: 3px;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
    padding: 7px 15px;
}

.button8:hover {
    background: #66b1ff;
    border: 1px solid #66b1ff;
}

.select1 .layui-form-select dl dd.layui-this {
    background: #fa5757;
}

/*遮罩层*/
.shaDe {
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
}

.DialogContent {
    animation: dialog-fade-out .5s forwards;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    border-radius: 6px;
    display: none;
}

@keyframes dialog-fade-out {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes dialog-fade-out {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.Dialog_head {
    line-height: 42px;
    height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 6px 6px 0 0;
    padding-left: 20px;
    position: relative;
}

.Dialog_head a {
    position: absolute;
    right: 0;
    font-size: 22px;
    color: rgba(0, 0, 0, 0.5);
    top: 10px;
    right: 15px;
}

.Dialog_but {
    position: absolute;
    right: 12px;
    bottom: 12px;
}

.Dialog_but button {
    margin: 0 8px;
}

.DialogContent button[type="submit"] {
    display: none;
}


.DialogContent  .layui-form > *:first-child {
    margin-top: 1rem;
}

.Dialog-body {
    height: calc(100% - 42px);
    overflow: auto;
}

.Dialog-body.with-pd {
    padding: 10px;
    box-sizing: border-box;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #fb6d6d;
}

.hide {
    display: none !important;
}

a.page {
    cursor: pointer;
}

/*表单td字体*/
.layui-table td {
    color: #666 !important;
}

/*按钮颜色*/
.layui-btn {
    background: #fa5757;
}

/*单选框颜色*/
.layui-form-radio > i:hover, .layui-form-radioed > i {
    color: #fa5757;
}

.mrl150 {
    margin-left: 150px;
    min-width: 990px !important;
}

/* //公共样式 */
/* //----------------flex------------ / */
.dsp_f {
    display: flex;
}

/* //行内flex */
.dsp_if {
    display: inline-flex;
}

/* --------------水平布局内容从左到右且 自动换行------------ */
.flex_rw {
    display: flex;
    flex-flow: row wrap;
}

/* --------------水平布局内容从左到右------------ */
.flex_r {
    display: flex;
    flex-direction: row;
}

/* 从右到左 */
.flex_rr {
    display: flex;
    flex-direction: row-reverse;
}

/* --------------水平布局内容从上到下------------ */
.flex_c {
    display: flex !important;
    flex-direction: column !important;
}

/* ---------------内容水平居中----------- */
.flex_jc_c {
    justify-content: center;
}

/* ----------------居左------------------- */
.flex_jc_s {
    justify-content: start;
}

/* ----------------居右------------------- */
.flex_jc_e {
    justify-content: flex-end;
}

/* ----------------两端------------------- */
.flex_jc_sb {
    justify-content: space-between;
}

/* // 水平平均 */
.flex_jc_sa {
    justify-content: space-around;
}

/* ----------------内容垂直居中------------- */
.flex_ai_c {
    align-items: center;
}

.flex_ai_fs {
    align-items: flex-start;
}

.flex_ai_fe {
    align-items: flex-end;
}

.flex_ai_s {
    align-items: stretch;
}

.flex_ac_c {
    align-content: center;
}

/* // 多行 */
.flex_ac_c {
    align-content: center
}

/* ---------------水平布局超出换行------------- */
.flex_wrap {
    flex-wrap: wrap;
}

.flex_1 {
    flex: 1;
}

.el-button--main {
    border: 1px solid;
    color: #fa5757;
    border-color: #eef6ff;
    background-color: #eef6ff;
}

.el-button--main:hover {
    color: #fa5757;
    border-color: #eef6ff;
    background-color: #eef6ff;
    opacity: 0.7;
}

.el-button--main:focus {
    color: #fa5757;
    border-color: #eef6ff;
    background-color: #eef6ff;
}

.el-button--senior {
    border: 1px solid;
    color: #fa541c;
    border-color: #fff2e8;
    background-color: #fff2e8;
}

.el-button--senior:hover {
    color: #fa541c;
    border-color: #fff2e8;
    background-color: #fff2e8;
    opacity: 0.7;
}

.el-button--senior:focus {
    color: #fa541c;
    border-color: #fff2e8;
    background-color: #fff2e8;
}

.el-button--reset {
    border: 1px solid;
    color: #fa5757;
    border-color: #fa5757;
    background-color: #fff;
}

.el-button--reset:hover {
    color: #fa5757;
    border-color: #fa5757;
    background-color: #fff;
    opacity: 0.7;
}

.el-button--reset:focus {
    color: #fa5757;
    border-color: #fa5757;
    background-color: #fff;
}

.check-box-20 {
    height: 20px;
    width: 20px;
}

.check-box-16 {
    height: 16px;
    width: 16px;
}

.va-middle {
    vertical-align: middle;
}

.va-middle-childs > * {
    vertical-align: middle;
}

.abs-right10 {
    position: absolute;
    right: 10px;
    display: inline-block;
}

.not-flex {
    display: inline-block !important;
}

.btn {
    cursor: pointer;
}

.btn-group {
}

.btn-group.flex {
    display: flex;
}

.btn-group.p-ml-60 {
    margin-left: 60px;
}

.btn-group.ml-5 > * + * {
    margin-left: 5px;
}

.btn-group.ml-30 > * + * {
    margin-left: 30px;
}

.btn-group.ml-60 > * + * {
    margin-left: 60px;
}

.btn-group > * {
    margin-right: 10px;
    flex: 1;
    min-height: 30px;
    min-width: 78px;
    box-sizing: border-box;
}

.btn-group.pd {
    padding: 10px;
}

.btn-group.in {
    display: inline;
}

.btn-group.in-pd > * + * {
    padding-left: 10px;
}

.btn-group.in-v-align {
    display: inline;
}


.fa-lock_name, .fa-lock_telephone, .fa-lock_address {
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
}

/*名字长度*/
.fa-lock_name {
    max-width: 75px;
}

.fa-lock_telephone {
    max-width: 150px;
}

.fa-lock_address {
    max-width: 500px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/**
折叠
 */
.tr-down-wrap {
    display: none;
}

.tr-show {
    display: contents;
}

/**
链接带下划线
 */
.link {
    text-decoration: underline;
    color: deepskyblue;
    cursor: pointer;
}

.border-ccc {
    border: 1px solid #cccccc;
    padding: 0 5px;
    border-radius: 3px;
    color: #606266;
}

/*订单颜色*/
.warn-order {
    background-color: #ffe4e4;
}

.loading {
    background: url("../image/loading.gif") no-repeat;
    background-size: 20px 20px;
    min-width: 20px;
    min-height: 20px;
    display: inline-block;
}

.layui-nav {
    padding: 0;
}

.f-right {
    float: right;
}

/*卡片建议*/
.layui-card-header .suggest {
    float: right;
    display: inline-block;
    font-size: 12px;
    color: #8e8d8d;
}

/*显示li的原始样式*/
.show-list-style {
    list-style: initial;
}

/*下边框*/
.dashed-bottom-line {
    border-bottom: 2px dashed #ccc;
}

.txt-c {
    text-align: center;
}

.pd-10 {
    padding: 10px;
}

img.no-data {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: none;
}

/*右键菜单*/
.right-menu {
    display: none;
}

.right-menu li {
    width: 8rem;
}

.right-menu button {
    width: 100%;
}

fieldset {
    margin-top: 20px;
}

.w-100 {
    width: 100px;
}

.w-200 {
    width: 200px;
}


.layui-textarea {
    resize: none;
}