/* 文字样式 */
.txt-space {
    letter-spacing: 1px;
}
.txt-title {
    font-size: 0.426rem;
    color: #333;
}

.txt-main {
    font-size: 0.373rem;
    color: #333;
}

.txt-muted {
    font-size: 0.373rem;
    color: #666;
}

.txt-size-24 {
    font-size: 0.64rem;
}

.txt-size-22 {
    font-size: 0.587rem;
}

.txt-size-20 {
    font-size: 0.533rem;
}

.txt-size-18 {
    font-size: 0.48rem;
}

.txt-size-16 {
    font-size: 0.426rem;
}
.txt-size-12 {
    font-size: .32rem;
}

.txt-size-14 {
    font-size: 0.373rem;
}

.txt-size-12 {
    font-size: 0.32rem;
}

.txt-color-333 {
    color: #333;
}

.txt-color-666 {
    color: #666;
}

.txt-color-999 {
    color: #999;
}

.txt-color-fff {
    color: #fff;
}
.txt-color-primary {
    color: #1977F3;
}

.txt-desc {
    font-size: 0.32rem;
    color: #999;
}

.bold {
    font-weight: bold;
}

.font-boldface {
    font-family: 黑体;
}

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

.color-muted {
    color: #666;
}

.color-desc {
    color: #999;
}

.color-light {
    color: #fff;
}

/* 内边距 */
.pd-left-4 {
    padding-left: 0.107rem;
}

.pd-top-12 {
    padding-top: 0.32rem;
}

.pd-btm-12 {
    padding-bottom: 0.32rem;
}

.pd-left-12 {
    padding-left: 0.32rem;
}

.pd-right-12 {
    padding-right: 0.32rem;
}

.pd-hor-12 {
    padding: 0.32rem 0;
}

.pd-ver-12 {
    padding: 0 0.32rem;
}

.pd-all-12 {
    padding: 0.32rem;
}

.pd-top-8 {
    padding-top: 0.213rem;
}

.pd-btm-8 {
    padding-bottom: 0.213rem;
}

.pd-left-8 {
    padding-left: 0.213rem;
}

.pd-right-8 {
    padding-right: 0.213rem;
}

.pd-hor-8 {
    padding: 0.213rem 0;
}

.pd-ver-8 {
    padding: 0 0.213rem;
}

.pd-all-8 {
    padding: 0.213rem;
}

.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-12 {
    margin-top: 0.32rem;
}

.mg-btm-12 {
    margin-bottom: 0.32rem;
}

.mg-left-12 {
    margin-left: 0.32rem;
}

.mg-right-12 {
    margin-right: 0.32rem;
}

.mg-hor-12 {
    margin: 0.32rem 0;
}

.mg-ver-12 {
    margin: 0 0.32rem;
}

.mg-all-12 {
    margin: 0.32rem;
}

.mg-top-8 {
    margin-top: 0.213rem;
}

.mg-btm-8 {
    margin-bottom: 0.213rem;
}

.mg-left-8 {
    margin-left: 0.213rem;
}

.mg-right-8 {
    margin-right: 0.213rem;
}

.mg-hor-8 {
    margin: 0.213rem 0;
}

.mg-ver-8 {
    margin: 0 0.213rem;
}

.mg-all-8 {
    margin: 0.213rem;
}
.mg-all-15 {
    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;
}

.flow-hidden {
    overflow: hidden;
}

/* 单行省略号显示 */
.flow-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

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

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

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

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

.bd-all {
    border: solid 1px #efeff5;
}

.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;
}

/* 背景颜色 */
.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: #fffffd;
    color: #333639;
}

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

/* 圆角 */
.bd-radius {
    border-radius: 0.213rem;
}

.bd-top-left-radius {
    border-top-left-radius: 0.213rem;
}

.bd-top-right-radius {
    border-top-right-radius: 0.213rem;
}

.bd-bottom-left-radius {
    border-bottom-left-radius: 0.213rem;
}

.bd-bottom-right-radius {
    border-bottom-right-radius: 0.213rem;
}

.box-shadow {
    box-shadow: 0 2px 0.32rem 0 rgb(0 0 0 / 10%);
}
/* flex布局 */
.flex-only {
    display: flex;
}

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

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

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

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

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

.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-col {
    display: flex;
    flex-direction: column;
}

.flex-1 {
    flex: 1;
}

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

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

.flex-self-start {
    align-self: flex-start;
}

.flex-self-end {
    align-self: flex-end;
}

.flex-justify-self-end {
    justify-self: flex-end;
}

.flex-justify-self-start {
    justify-self: flex-start;
}

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

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

.pos-abs {
    position: absolute;
}

.pos-fix {
    position: fixed;
}

.sticky {
    position: sticky;
}
.pos-stk {
    position: sticky;
}

/* 对齐方式 */
.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-center {
    margin: 0 auto;
}

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

.full-height {
    height: 100%;
}

.full-client {
    min-height: 100vh;
    min-width: 100vw;
}

.min-full-height {
    height: calc(100vh - 1.387rem);
}

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

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

.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.disabled:hover {
    cursor: not-allowed;
}

.block {
    display: block;
}

.z-index-9999 {
    z-index: 9999;
}

/* 文字不能被选中 */
.selectPrevent {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* 默认按钮 */
.btn-primary {
    /* background-color: none; */
    border: none;
    border-radius: 45px;
    font-size: 13px;
    text-align: center;
    /* background: rgba(25,119,243,0.08); */
}