/* 文字样式 */
.txt-space {
    letter-spacing: 1px;
}

.txt-title {
    font-size: 16px;
    color: #333;
}

.txt-main {
    font-size: 14px;
    color: #333;
}

.txt-muted {
    font-size: 14px;
    color: #666;
}

.txt-desc {
    font-size: 12px;
    color: #999;
}

.txt-14 {
    font-size: 14px;
    /* color: #999; */
}

.txt-size-14 {
    font-size: 14px;
    /* color: #999; */
}
.txt-size-12 {
    font-size: 12px;
    /* color: #999; */
}
.txt-size-13 {
    font-size: 13px;
    /* color: #999; */
}

.txt-size-18 {
    font-size: 18px;
    /* color: #999; */
}
.txt-weight-600 {
    font-weight: 600;
  }

.txt-13 {
    font-size: 13px;
    /* color: #999; */
}

.txt-weight {
    font-weight: 700;
}

.main-title {
    color: rgba(30, 41, 59, 0.79);
    font-weight: 700;
    font-size: 1.125rem;
}

/* 文字颜色 */
.color-main {
    color: #333;
}

.color-muted {
    color: #666;
}

.color-desc {
    color: #999;
}

.color-light {
    color: #fff;
}

.color-primary {
    color: #1DC1BD;
}

/* 内边距 */
.pd-top {
    padding-top: 15px;
}

.pd-btm {
    padding-bottom: 15px;
}

.pd-left {
    padding-left: 15px;
}
.pd-left-10 {
    padding-left: 10px;
}
.pd-base {
    padding: 25px;
  }
.pd-right {
    padding-right: 15px;
}

.pd-hor {
    padding: 15px 0;
}

.pd-ver {
    padding: 0 15px;
}

.pd-all {
    padding: 15px;
}
.pd-all-10 {
    padding: 10px;
  }

.pd-top-no {
    padding-top: 0;
}

.pd-btm-no {
    padding-bottom: 0;
}

.pd-left-no {
    padding-left: 0;
}

.pd-right-no {
    padding-right: 0;
}

.pd-no {
    padding: 0;
}

/* 外边距 */
.mg-top {
    margin-top: .9375rem;
}

.mg-top-30 {
    margin-top: 1.25rem;
}

.mg-btm-30 {
    margin-bottom: 1.25rem;
}

.mg-btm-40 {
    margin-bottom: 1.875rem;
}

.mg-btm {
    margin-bottom: .9375rem;
}

.mg-left {
    margin-left: .9375rem;
}
.mg-left-10 {
    margin-left: .625rem;
}
.mg-left-20 {
    margin-left: 20px;
}

.mg-right {
    margin-right: .9375rem;
}

.mg-hor {
    margin: .9375rem 0;
}

.mg-ver {
    margin: 0 .9375rem;
}

.mg-all {
    margin: .9375rem;
}

.mg-top-no {
    margin-top: 0;
}

.mg-btm-no {
    margin-bottom: 0;
}

.mg-left-no {
    margin-left: 0;
}

.mg-right-no {
    margin-right: 0;
}

.mg-no {
    margin: 0;
}

/* 线条 */
.bd-top {
    border-top: solid 1px #EFEFF5
}

.bd-btm {
    border-bottom: solid 1px #EFEFF5
}

.bd-btm-color {
    border-bottom: solid 1px #1DC1BD
}

.bd-left {
    border-left: solid 1px #EFEFF5
}

.bd-right {
    border-right: solid 1px #EFEFF5
}

.bd-all {
    border: solid 1px #1DC1BD;
    box-sizing: border-box;
}

.bd-all-light {
    border: solid 1px #EFEFF5;
    box-sizing: border-box;
}

.bd-top-no {
    border-top: 0
}

.bd-btm-no {
    border-bottom: 0
}

.bd-left-no {
    border-left: 0
}

.bd-right-no {
    border-right: 0
}

.bd-no {
    border: 0
}

.info-border {
    padding-top: .625rem;
    border-top: 1px solid #1DC1BD;
    // margin-left: -0.625rem;
}

/* 背景颜色 */
.bg-primary {
    background: #3a7afe;
    color: #fff;
}

.bg-success {
    background: #18A058;
    color: #fff;
}

.bg-warning {
    background: #F0A020;
    color: #fff;
}

.bg-danger {
    background: #D03050;
    color: #fff;
}

.bg-info {
    background: #6D6D6D;
    color: #fff;
}

.bg-gray {
    background: #F4F5F5;
    color: #333639;
}

.bg-light {
    background: #fff;
    color: #333;
}

/* 圆角 */
/* .bd-radius {
    border-radius: 3px;
} */
.bd-radius {
    border-radius: .9375rem;
}

.bd-top-left-radius {
    border-top-left-radius: 3px;
}

.bd-top-right-radius {
    border-top-right-radius: 3px;
}

.bd-bottom-left-radius {
    border-bottom-left-radius: 3px;
}

.bd-bottom-right-radius {
    border-bottom-right-radius: 3px;
}

.bd-top-left-radius-0 {
    border-top-left-radius: 0px;
}

.bd-top-right-radius-0 {
    border-top-right-radius: 0px;
}

.bd-bottom-left-radius-0 {
    border-bottom-left-radius: 0px;
}

.bd-bottom-right-radius-0 {
    border-bottom-right-radius: 0px;
}

.bd-right-radius-0 {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.bd-left-radius-0 {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.box-shadow {
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}

/* flex布局 */
.flex-only {
    display: flex;
}
.flex-1 {
    flex: 1;
  }
.flex-items-center {
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

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

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

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

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

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

/* 定位 */
.pos-rel {
    position: relative;
}

.pos-abs {
    position: absolute;
}

.pos-fix {
    position: fixed;
}

.pos-stk {
    position: sticky;
    z-index: 2;
}

/* 对齐方式 */
.v-mid {
    display: table-cell;
    vertical-align: middle;
}

.v-top {
    vertical-align: top;
}

.v-btm {
    vertical-align: bottom;
}

.t-center {
    text-align: center;
}

.t-left {
    text-align: left;
}

.t-right {
    text-align: right;
}

/* DIV位置及对齐方式 */
.div-mid {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /* margin: auto; */
    z-index: 2;
    height: 100vh !important;
}

.div-pos-mid {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.div-center {
    margin: 0 auto;
}

/* width=100%;height=100% */
.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}

/* 阻止浏览器事件冒泡 */
.events-none {
    pointer-events: none;
}

/* button不带样式 */
.no-button {
    border: none;
    background: none;
}

/* 搜索框内的input selest不加边框 */
.hf-search .n-input__border,
.n-input__state-border,
.n-base-selection__border,
.n-base-selection__state-border {
    border: none !important;
}

.hf-search .n-input__state-border,
.n-base-selection__state-border {
    box-shadow: none !important;
    transition: none !important;
}

/* pointer手指 */
.pointer {
    cursor: pointer;
}

/* icon大小 */
.icon-size {
    font-size: 25px;
}

.show {
    display: block;
}

#app .v-binder-follower-content {
    top: 10px !important
}

/* 文字不能被选中 */
.selectPrevent {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* @media screen and (orientation: portrait) {

    html {

        width: 100vmin;

        height: 100vmax;

    }

    body {

        width: 100vmin;

        height: 100vmax;

    }

    #app {

        width: 100vmax;

        height: 100vmin;

        transform-origin: top left;

        transform: rotate(90deg) translate(0, -100vmin);

    }

}

@media screen and (orientation: landscape) {

    html {

        width: 100vmax;

        height: 100vmin;

    }

    body {

        width: 100vmax;

        height: 100vmin;

    }

    #app {

        width: 100vmax;

        height: 100vmin;

    }

} */

.full-width {
    width: 100%;
}
.full-height {
    height: 100%;
}
.letter-space {
    letter-spacing: 2px;
}
.flex {
    display: flex;
}
.flex-col {
    flex-direction: column;
}
.flex-justify-between {
    justify-content: space-between;
}
.flex-justify-around {
    justify-content: space-around;
}
.flex-justify-center {
    justify-content: center;
}
.flex-justify-end {
    justify-content: flex-end;
}
.flex-align-center {
    align-items: center;
}
.color-fff {
    color: #fff;
}
@font-face {
    font-family: PangMenZhengDao;
    src: url("/pangmenzhengdao.ttf");
  }