@charset "utf-8";
body,html,body * {
    margin: 0;
    padding: 0;
}
button[disabled],input[type="button"][disabled],input[type="submit"][disabled] {
    background: #e0e0e0 !important;
    color: #ffffff !important;
    cursor: not-allowed;
}
button[disabled='false'],input[type="button"][disabled='false'],input[type="submit"][disabled='false']{
    background: transparent;
}
input[type="search"]::-webkit-search-cancel-button{
    display: none;
    -webkit-appearance: none;
}
/* 配色方案 */
/* 背景色 */
/* 深灰 */
.bg-grey-dark,
.bg-grey-dark-hover:hover,
.animate-grey-dark {
    background: #474747 !important;
    color: #ffffff !important;
}
/* 浅灰 */
.bg-grey-tint,
.bg-grey-tint-hover:hover,
.animate-grey-tint {
    background: #9A9A9A !important;
    color: #ffffff !important;
}
.bg-grey-thin,
.bg-grey-thin-hover:hover,
.animate-grey-thin {
    background: #e0e0e0 !important;
    color: #616161 !important;
}

/* 边框色 */
/* 深灰色 */
.border-grey-dark,
.border-grey-dark-hover:hover{
    border-color: #474747 !important;
}
/* 浅灰 */
.border-grey-tint,
.border-grey-tint-hover:hover{
    border-color: #9A9A9A !important;
}
/* 红色 */
.border-red-tint,
.border-red-tint-hover:hover
.border-red-tint-focus:focus {
    border-color: #ff5d6e;
}

/* 字体色 */
/* 浅灰色 */
.font-grey-tint,
.font-grey-tint-hover:hover {
    color: #9A9A9A !important;
}
/* 深灰 */
.font-grey-dark,
.font-grey-dark-hover:hover {
    color: #474747 !important;
}
/* 红色 */
.font-red-tint,
.font-red-tint-hover:hover  {
    color: #FF5D6E !important;
}
.error-hint {
    display: none;
}
.error-box {
    position: relative;
}
.error-box input {
    border-color: #ff5d6e !important;
}
.error-box .error-hint {
    font-size: 14px;
    color: #ff5d6e;
    position: absolute;
    top: 100%;
    display: block;
}
.error-box .error-hint * {
    margin-right: 6px;
}
/* 绿色 */
.font-green-tint,
.font-green-tint-hover:hover  {
    color: #4BC600 !important;
}

.layui-form-radio>i {
    color: #E0E0E0;
}

/* tabs 切换 */
.layui-tab {
    margin: 0;
}
.layui-tab-title li {
    font-size: 16px;
    color: #9A9A9A;
    min-width: auto !important;
}
.layui-tab-brief .layui-tab-title li  {
    margin: 0 21px 0 8px;
    padding: 0 8px;
}
.layui-tab-brief .layui-tab-title li.has-num {
    padding: 0;
}
.layui-tab-brief .layui-tab-title li.has-num.layui-this::after {
    content: '';
    display: none;
}
.layui-tab-brief .layui-tab-title li.has-num > a{
    position: relative;
    padding: 0 8px;
    display: inline-block;
    vertical-align: top;
}
.layui-tab-brief .layui-tab-title li.has-num.layui-this > a::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 41px;
    border-width: 1px;
    border-style: solid;
    border-bottom-color: #fff;
    border-radius: 2px 2px 0 0;
    box-sizing: border-box;
    pointer-events: none;
}
.layui-tab-brief>.layui-tab-more li.has-num.layui-this > a:after, .layui-tab-brief>.layui-tab-title li.has-num.layui-this > a::after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #5FB878;
}
.layui-tab-title li .right-num {
    /* position: absolute; */
    font-weight: 400;
    display: inline-block;
    vertical-align: top;
    margin-left: -8px;
}
.layui-tab-title .layui-this {
    color: #616161;
}
/* 弹窗按钮 */
.layui-layer-btn a:hover{
    color: #ffffff !important;
}
/* 通用标签清除默认样式 */
i {
    font-style: normal;
}
li,ol,ul {
    list-style: none;
}
a {
    text-decoration: none;
    color: inherit;
}
a:hover {
    color: inherit !important;
    /* opacity: 0.8; */
}
input,button,select,textarea {
    outline: none;
    border: none;
}
input[type="submit"],input[type="button"],button,input[type="radio"],input[type="checkbox"] {
    cursor: pointer;
}
input[type="radio"],input[type="checkbox"] {
    display: none;
}
input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
    -moz-appearance: textfield;
}
input[type="number"] {
    -moz-appearance: textfield;
}
/* 清除浮动 */
.clear::after {
    content: '';
    display: block;
    clear: both;
}
/* flex布局样式 */
.flex {
    display: flex;
    display: -webkit-flex;
}
.inline-flex {
    display: inline-flex;
    display: -webkit-inline-flex;
}
.justify-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
.justify-between {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.justify-around {
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
}
.align-center {
    -webkit-align-items: center;
    -moz-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.align-start {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;

}
.flex-column {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
.flex-row {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}
.flex-wrap{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-nowrap{
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/* 禁止选中 */
.user-select-no {
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.bold {
    font-weight: bold;
}

.text-one-ellipsis{
    width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.text-two-ellipsis{
    width: 100%;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.search-box {
    position: relative;
}
.search-box .search-close-icon {
    font-size: 16px;
    color: #cccccc;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 1;
    display: none;
    cursor: pointer;
}
.search-box .search-close-icon:hover {
    display: block;
}
.search-box input[type="search"]:focus + .search-close-icon,.search-box input[type="search"]:hover + .search-close-icon{
    display: block;
}