blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

body {
    background: #fff;
    color: #555;
    font-family: PingFangSC, MicrosoftYaHei
}

body,
caption,
td,
th {
    font-size: 14px
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-size: 100%
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: 400
}

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

a:hover {
    text-decoration: underline
}

img {
    border: none
}

li,
ol,
ul {
    list-style: none
}

button,
input,
select,
textarea {
    font: 14px MicrosoftYaHei, Verdana, Helvetica, Arial, sans-serif;
    outline: none !important;
    resize: none !important
}

div,
input,
textarea {
    box-sizing: border-box
}

button {
    border: none
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none !important
}

table {
    border-collapse: collapse
}

html {
    font-size: 16px
}

body,
html {
    height: 100%
}

.underline {
    text-decoration: underline
}

.font16 {
    font-size: 16px !important
}

.bold {
    font-weight: 700
}

.line-through {
    text-decoration: line-through
}

.container {
    width: 100%;
    min-height: 100%;
    background: #f5f5f5
}

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

.clearfix {
    *zoom: 1
}

a,
a:hover {
    text-decoration: none;
    outline: none
}

input,
textarea {
    outline: none !important;
    border: none;
    border-radius: 4px;
    padding: 0 20px
}

textarea {
    padding: 10px 20px
}

.mt5 {
    margin-top: 5px !important
}

.mt6 {
    margin-top: 6px !important
}

.mt7 {
    margin-top: 7px !important
}

.mt8 {
    margin-top: 8px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt12 {
    margin-top: 12px !important
}

.mt14 {
    margin-top: 14px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt13 {
    margin-top: 13px !important
}

.mt16 {
    margin-top: 16px !important
}

.mt17 {
    margin-top: 17px !important
}

.mt18 {
    margin-top: 18px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt35 {
    margin-top: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt70 {
    margin-top: 70px !important
}

.mt80 {
    margin-top: 80px !important
}

.mt100 {
    margin-top: 100px !important
}

.mt160 {
    margin-top: 160px !important
}

.mb30 {
    margin-bottom: 30px !important
}

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

.fl {
    float: left
}

.fr {
    float: right
}

.flex {
    display: flex
}

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

.algin-items,
.align-items {
    display: flex;
    align-items: center
}

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

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

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

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

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

.flex-1 {
    flex: 1
}

.ml5 {
    margin-left: 5px !important
}

.ml6 {
    margin-left: 6px !important
}

.ml7 {
    margin-left: 7px !important
}

.ml10 {
    margin-left: 10px !important
}

.ml12 {
    margin-left: 12px !important
}

.ml13 {
    margin-left: 13px !important
}

.ml15 {
    margin-left: 15px !important
}

.ml8 {
    margin-left: 8px !important
}

.ml20 {
    margin-left: 20px !important
}

.ml22 {
    margin-left: 22px !important
}

.ml25 {
    margin-left: 25px !important
}

.ml30 {
    margin-left: 30px !important
}

.ml35 {
    margin-left: 35px !important
}

.ml40 {
    margin-left: 40px !important
}

.mr20 {
    margin-right: 20px !important
}

.mr30 {
    margin-right: 30px !important
}

.ml38 {
    margin-left: 38px !important
}

.ml50 {
    margin-left: 50px !important
}

.ml60 {
    margin-left: 60px !important
}

.ml80 {
    margin-left: 80px !important
}

.ml110 {
    margin-left: 110px !important
}

.clearfix:before {
    content: "";
    display: table
}

.inline {
    display: inline-block
}

.block {
    display: block
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.hidden,
.hide {
    display: none !important
}

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

input[type=number] {
    -moz-appearance: textfield
}

input[type=checkbox] {
    width: 18px;
    height: 18px
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #b2b2b2
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #b2b2b2
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #b2b2b2
}

.relative {
    position: relative
}

.btn {
    display: inline-block;
    cursor: pointer
}

.btn:hover {
    opacity: .8
}

.btn.disabled {
    opacity: .3;
    border: none;
    pointer-events: none;
    position: relative
}

.pointer {
    cursor: pointer
}

.inline-block {
    display: inline-block
}

.overlay-box {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.modal-scale {
    position: fixed;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    z-index: 1110;
    opacity: 0;
    outline: 0;
    text-align: center;
    transform: scale(1.2);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: rgba(0, 0, 0, .5);
    transition: all .3s ease-in-out 0s;
    pointer-events: none
}

.modal-scale:before {
    content: " ";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.show {
    opacity: 1;
    transition-duration: .3s;
    transform: scale(1);
    overflow-x: hidden;
    overflow-y: auto;
    pointer-events: auto
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .3s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.zoom-in-top-enter-active,
.zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    transform-origin: center top
}

.zoom-in-top-enter,
.zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.slide-down-enter-active {
    transition: all .4s ease
}

.slide-down-leave-active {
    transition: all .4s
}

.slide-down-enter,
.slide-down-leave-active {
    transform: translateY(100vh);
    opacity: 0
}

.slide-down-move {
    transition: all .4s
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
p {
    margin-bottom: 0
}

.ellipsis1 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.ellipsis2,
.ellipsis3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.bg-white {
    background-color: #fff
}

.collapse-enter-active,
.collapse-leave {
    max-height: 100vh;
    transition: all .8s cubic-bezier(1, .5, .8, 1);
    overflow: hidden
}

.collapse-enter,
.collapse-leave-active {
    max-height: 0;
    overflow: hidden
}

.disabled {
    opacity: .6;
    cursor: not-allowed !important;
    border: none
}

.border-bottom {
    border-bottom: 1px solid hsla(0, 0%, 94.5%, .4)
}

.overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 2000;
    left: 0;
    top: 0;
    text-align: center
}

.scale-enter-active,
.scale-leave-active {
    transition: all .3s ease-in-out 0s;
    transform: scale(1);
    opacity: 1
}

.scale-enter,
.scale-leave-to {
    transform: scale(1.2);
    opacity: 0
}

.slide-up-enter-active {
    transition: all .5s ease .3s
}

.slide-up-leave-active {
    transition: all .5s ease
}

.slide-up-enter,
.slide-up-leave-active {
    transform: translateY(-20px);
    opacity: 0
}

.slide-up-move {
    transition: all .5s
}

@media screen and (min-width:1000px) {
    ::-webkit-scrollbar-track-piece {
        background-color: #fff
    }

    ::-webkit-scrollbar {
        width: 6px;
        height: 6px
    }

    ::-webkit-scrollbar-thumb {
        background-color: #c2c2c2;
        background-clip: padding-box;
        min-height: 28px
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: #a0a0a0
    }
}

#app {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    background-color: #f6f7fb
}

.color-primary {
    color: #008fdf !important
}

.color-orange {
    color: #ff9a01
}

.breadcrumb {
    height: 80px;
    max-width: 1200px;
    margin: 0 auto
}

.breadcrumb.admin {
    max-width: 1000px
}

.breadcrumb span {
    font-size: 14px;
    text-align: left;
    color: #999;
    cursor: pointer
}

.breadcrumb span:hover {
    color: #008fdf
}

.breadcrumb img {
    width: 6px;
    height: 11px
}

.bread-top {
    height: 50px;
    background: #f3f4f5;
    padding: 0 30px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #666
}

.bread-top img {
    height: 20px;
    width: 20px
}

@media screen and (max-width:768px) {
    .breadcrumb {
        display: none
    }
}

.btn .icon {
    height: 12px;
    width: 12px;
    margin-right: 3px
}

.bb {
    border-bottom: 1px solid #f1f1f1
}

#app dl,
#app ol,
#app p,
#app ul {
    margin-bottom: 0
}

#app .ant-pagination-item-active {
    background-color: #008fdf
}

#app .ant-pagination-item-active a {
    color: #fff
}

#app .ant-table-body {
    overflow-x: auto
}

.ant-calendar-picker input {
    padding: 0
}

.bg-grey .ant-select-selection {
    background: #f8f8f8
}

.main-container {
    min-height: calc(100vh - 160px)
}

.pd50 {
    padding: 0 50px
}

.iti-flag {
    display: inline-block
}

.vue-country-intl-popover {
    width: 390px !important
}

.vue-country-list .vue-country-item {
    max-width: 380px;
    overflow: hidden
}

.vue-country-list .vue-country-item:not(.selected):hover {
    color: #fff;
    background-color: #008fdf
}

.list-on-bottom.focused .vue-country-list-wrap {
    width: 320px !important
}

.vue-country-intl .country-intl-input {
    padding: 4px 55px 10px 15px !important;
    height: 29px !important
}

.vue-country-intl .country-intl-label {
    padding: 4px 15px !important;
    height: 29px !important
}

.vue-country-intl-popover {
    z-index: 99999 !important
}

.w-80{
    width: 80px;
}
.w-140{
    width: 140px
}