body,html {
    padding:0;
    margin:0;
    font-size:14px;
    font-family:'Microsoft YaHei';
}
input, .el-input__inner {
    font-family: 'Microsoft YaHei';
    font-size: 14px;
}
div {
    box-sizing: border-box;
}

.base-bg-color {
    background-color: #2892df;
}
.base-text-color {
    color: #2892df;
}
.base-text-size {
    font-size: 14px;
}

.gray-text-color {
    color: #9a9a9a;
}

.base-border {
    border: 1px solid #efefef;
}

.sm-text-size {
    font-size:12px;
}

.white-bg-color {
    background-color:#ffffff;
}

.gray-bg-color {
    background-color: #f7f7f7;
}

.lg-text-size {
    font-size:16px;
}

.white-text-color {
    color:#ffffff;
}

.normal-text-color {
    color:#333;
}

.text-bold {
    font-weight:bold;
}

.text-normal {
    font-weight:normal;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

button {
    margin: 0;
    padding: 0;
    outline: none;
    border-radius: 0;
    background-color: transparent;
    line-height: inherit;
    width: max-content;
    margin: 0;
    border: none;
}

button:after {
    border: none;
}

input {
    background: none;
    outline: none;
    border: 0px;
}

input[type="text"]:focus, .search-input[type="password"]:focus {
    border: none;
    background: #fff;
    outline: none;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

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

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

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

a.blue:visited, a.base-text-color:visited {
    color: #2892df;
    text-decoration: none;
}

p {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}

.cur-pointer {
    cursor: pointer;
}

.flex {
    display:flex;
}

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

.flex-align-center {
    align-items:center;
}

.flex-justify-between {
    justify-content:space-between;
}

.flex-justify-around {
    justify-content:space-around;
}

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

.flex-nowrap {
    flex-wrap:nowrap;
}

.flex-shrink-0 {
    flex-shrink:0;
}

.margin-top-sm {
    margin-top:10px;
}
.margin-top {
    margin-top: 20px;
}
.margin-top-lg {
    margin-top: 30px;
}
.margin-right-sm {
    margin-right: 10px;
}

.margin-right {
    margin-right: 20px;
}

.margin-right-lg {
    margin-right: 30px;
}
.margin-bottom-sm {
    margin-bottom: 10px;
}

.margin-bottom {
    margin-bottom: 20px;
}

.margin-bottom-lg {
    margin-bottom: 30px;
}
.margin-left-sm {
    margin-left: 10px;
}

.margin-left {
    margin-left: 20px;
}

.margin-left-lg {
    margin-left: 30px;
}


.padding-top-sm {
    padding-top: 10px;
}

.padding-top {
    padding-top: 20px;
}

.padding-top-lg {
    padding-top: 30px;
}

.padding-right-sm {
    padding-right: 10px;
}

.padding-right {
    padding-right: 20px;
}

.padding-right-lg {
    padding-right: 30px;
}

.padding-bottom-sm {
    padding-bottom: 10px;
}

.padding-bottom {
    padding-bottom: 20px;
}

.padding-bottom-lg {
    padding-bottom: 30px;
}

.padding-left-sm {
    padding-left: 10px;
}

.padding-left {
    padding-left: 20px;
}

.padding-left-lg {
    padding-left: 30px;
}

.padding-sm {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.el-cascader-node > .el-radio, .el-radio:last-child {
    margin-right: 30px;
}

.el-button--primary {
    background-color: #2892df;
    border-color: #2892df;
}

.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
    color: #2892df;
}

.el-radio__input.is-checked + .el-radio__label {
    color: #2892df;
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #2892df;
    background: #2892df;
}

.el-button:focus, .el-button:hover {
    color: #2892df;
}

.el-button--primary:focus, .el-button--primary:hover {
    background: rgba(40, 146, 223,.8);
    border-color: rgba(40, 146, 223,.8);
    color: #FFF;
}

.el-input.is-disabled .el-input__inner {
    border-color: #C0C4CC;
    background-color: transparent;
    color: #606266;
    cursor: default !important;
}

.el-select-dropdown__item.selected {
    color: #666;
    font-weight:normal;
}
.el-checkbox__input.is-checked + .el-checkbox__label {
    color: #2892df;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #2892df;
    border-color: #2892df;
}
.el-checkbox__inner:hover {
    border-color: #2892df;
}
.el-checkbox__inner {
    border-color: #2892df !important;
}

[v-cloak] {
    display: none;
}


input::-webkit-input-placeholder {
    color: #d9d9d9;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #d9d9d9;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #d9d9d9;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #d9d9d9;
}

.el-pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 20px;
}

/*.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #2892df;
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #2892df;
}*/

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

input[type='number'] {
    -moz-appearance: textfield;
}
.userbox a:visited {
    color: #98a4b7;
}

a.blue-btn:visited {
    color:#ffffff;
}

.fl .foot-item a {
    margin-left:0
}
.fl .foot-item a:visited {
    color: azure
}

.warning-bg-color {
    background-color: red;
}