html,
body {
    margin: 0;
    padding: 0;
    background-color: #f7f7f7;
    font-family: PingFang SC-Semibold, PingFang SC;
    transition: all 0.3s;
}

* {
    padding: 0;
    margin: 0;
}

.container {
    overflow-x: hidden;
}

.df {
    display: flex;
    flex-wrap: wrap;
}

.df-aic {
    display: flex;
    align-items: center;
}

.df-cc {
    display: flex;
    justify-content: center;
    align-items: center;
}

.init-wechat .df-cc {
    margin-bottom: 76px;
}

.df-jsb {
    display: flex;
    justify-content: space-between;
}

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

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

.df-fc {
    display: flex;
    flex-direction: column;
}

.mb5 {
    margin-bottom: 5px;
}

.ml10 {
    margin-left: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mt30 {
    margin-top: 30px;
}

.mr12 {
    margin-right: 12px;
}

.mr20 {
    margin-right: 20px;
}

.mr10 {
    margin-right: 10px;
}

.mt25 {
    margin-top: 25px;
}

.mt12 {
    margin-top: 12px;
}

.mt14 {
    margin-top: 14px;
}

.ml20 {
    margin-left: 18px
}

.ml18 {
    margin-left: 20px
}

.mt40 {
    margin-top: 40px;
}

.w-50p {
    width: 50%;
}

.w-33 {
    width: 33.33%;
}

.w-100p {
    width: 100%;
}

.def-color {
    color: #3D3D3D;
}

.red {
    color: red !important;
}

a {
    text-decoration: none;
}

.pointer {
    cursor: pointer;
}

[v-cloak] {
    display: none;
}

.el-dialog__wrapper .el-dialog {
    border-radius: 10px;
}


.el-button--primary {
    background-color: #2164FA;
    border-color: #2164FA;
}

.el-table th.el-table__cell > .cell {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
}

.el-tabs__item.is-active {
    color: #2164FA;
}

.el-tabs__active-bar {
    background-color: #2164FA;
}

.el-tabs__item:hover {
    color: #2164FA;
    cursor: pointer;
}

.el-button--primary:focus, .el-button--primary:hover {
    background: #2164FA;
    border-color: #2164FA;
    color: #fff;
}

.el-switch__label.is-active {
    color: #2164FA;
}

.el-switch.is-checked .el-switch__core {
    border-color: #2164FA;
    background-color: #2164FA;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #2164FA;
}

.el-date-table td.end-date span, .el-date-table td.start-date span {
    background-color: #2164FA;
}

.el-radio__input.is-checked + .el-radio__label {
    color: #2164FA;
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #2164FA;
    background: #2164FA;
}

.el-dialog__footer {
    padding: 0 28px 24px 28px;
}

.el-dialog__body {
    padding: 24px 28px 24px 28px;
}

.el-tag {
    color: #2164FA;
}

.el-table {
    color: #333333;
}

.divider {
    color: #CCCCCC;
}

.el-tabs__nav-wrap::after {
    height: 1px;
}

.el-form-item {
    margin-bottom: 20px;
}

.el-form-item__label {
    color: #3D3D3D;
}

.el-form--label-top .el-form-item__label {
    padding: 0 0 20px;
    line-height: unset;
}

.el-dropdown-link {
    color: #2164FA;
}

.w-240 {
    width: 240px;
}

.back_header .back_text {
    font-size: 14px;
    color: #333;
}

.back_tit {
    font-size: 24px;
    color: #3d3d3d;
    font-weight: 500;
}

.back_header .v_line {
    color: #ccc;
    padding: 0 16px;
}

.flex {
    display: flex;
}

.w50{
    width: 50%;
}