/*每个页面公共css */
@font-face {
    font-family: uniicons;
    font-weight: 400;
    font-style: normal;
    src: url(/h5/static/fonts/uni.75745d34.ttf) format("truetype")
        /* src: url('https://img-cdn-qiniu.dcloud.net.cn/fonts/uni.ttf') format('truetype'); */
}

/*通用 */
uni-view {
    font-size: 14px;
    line-height: 1.8
}

uni-progress,
uni-checkbox-group {
    width: 100%
}

uni-form {
    width: 100%
}

.uni-flex {
    display: flex;
    flex-direction: row
}

.uni-flex-item {
    flex: 1
}

.uni-row {
    flex-direction: row
}

.uni-column {
    flex-direction: column
}

.uni-link {
    color: #576b95;
    font-size: 13px
}

.uni-center {
    text-align: center
}

.uni-inline-item {
    display: flex;
    flex-direction: row;
    align-items: center
}

.uni-inline-item uni-text {
    margin-right: 10px
}

.uni-inline-item uni-text:last-child {
    margin-right: 0px;
    margin-left: 10px
}

/* page */
.uni-page-head {
    padding: 17px;
    text-align: center
}

.uni-page-head-title {
    display: inline-block;
    padding: 0 20px;
    font-size: 15px;
    height: 44px;
    line-height: 44px;
    color: #bebebe;
    box-sizing: border-box;
    border-bottom: 1px solid #d8d8d8
}

.uni-page-body {
    width: 100%;
    flex-grow: 1;
    overflow-x: hidden
}

.uni-padding-wrap {
    width: 345px;
    padding: 0 15px
}

.uni-word {
    text-align: center;
    padding: 100px 50px
}

.uni-title {
    font-size: 15px;
    font-weight: 500;
    padding: 10px 0;
    line-height: 1.5
}

.uni-text {
    font-size: 14px
}

.uni-title uni-text {
    font-size: 12px;
    color: #888
}

.uni-text-gray {
    color: #ccc
}

.uni-text-small {
    font-size: 12px
}

.uni-common-mb {
    margin-bottom: 15px
}

.uni-common-pb {
    padding-bottom: 15px
}

.uni-common-pl {
    padding-left: 15px
}

.uni-common-mt {
    margin-top: 15px
}

/* 背景色 */
.uni-bg-red {
    background: #f76260;
    color: #fff
}

.uni-bg-green {
    background: #09bb07;
    color: #fff
}

.uni-bg-blue {
    background: #007aff;
    color: #fff
}

/* 标题 */
.uni-h1 {
    font-size: 40px;
    font-weight: 700
}

.uni-h2 {
    font-size: 30px;
    font-weight: 700
}

.uni-h3 {
    font-size: 24px;
    font-weight: 700
}

.uni-h4 {
    font-size: 18px;
    font-weight: 700
}

.uni-h5 {
    font-size: 14px;
    color: #8f8f94
}

.uni-h6 {
    font-size: 12px;
    color: #8f8f94
}

.uni-bold {
    font-weight: 700
}

/* 文本溢出隐藏 */
.uni-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

/* 竖向百分百按钮 */
.uni-btn-v {
    padding: 5px 0
}

.uni-btn-v uni-button {
    margin: 10px 0
}

/* 表单 */
.uni-form-item {
    display: flex;
    width: 100%;
    padding: 5px 0
}

.uni-form-item .title {
    padding: 5px 12px
}

.uni-label {
    width: 105px;
    word-wrap: break-word;
    word-break: break-all;
    text-indent: 10px
}

.uni-input {
    height: 25px;
    padding: 7px 12px;
    line-height: 25px;
    font-size: 14px;
    background: #fff;
    flex: 1
}

uni-radio-group,
uni-checkbox-group {
    width: 100%
}

uni-radio-group uni-label,
uni-checkbox-group uni-label {
    padding-right: 10px
}

.uni-form-item .with-fun {
    display: flex;
    flex-wrap: nowrap;
    background: #fff
}

.uni-form-item .with-fun .uni-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    flex-shrink: 0
}

/* loadmore */
.uni-loadmore {
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding-bottom: 15px
}

/*数字角标*/
.uni-badge,
.uni-badge-default {
    font-family: Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    padding: 3px 6px;
    color: #333;
    border-radius: 100px;
    background-color: rgba(0, 0, 0, .15)
}

.uni-badge.uni-badge-inverted {
    padding: 0 5px 0 0;
    color: #929292;
    background-color: initial
}

.uni-badge-primary {
    color: #fff;
    background-color: #007aff
}

.uni-badge-blue.uni-badge-inverted,
.uni-badge-primary.uni-badge-inverted {
    color: #007aff;
    background-color: initial
}

.uni-badge-green,
.uni-badge-success {
    color: #fff;
    background-color: #4cd964
}

.uni-badge-green.uni-badge-inverted,
.uni-badge-success.uni-badge-inverted {
    color: #4cd964;
    background-color: initial
}

.uni-badge-warning,
.uni-badge-yellow {
    color: #fff;
    background-color: #f0ad4e
}

.uni-badge-warning.uni-badge-inverted,
.uni-badge-yellow.uni-badge-inverted {
    color: #f0ad4e;
    background-color: initial
}

.uni-badge-danger,
.uni-badge-red {
    color: #fff;
    background-color: #dd524d
}

.uni-badge-danger.uni-badge-inverted,
.uni-badge-red.uni-badge-inverted {
    color: #dd524d;
    background-color: initial
}

.uni-badge-purple,
.uni-badge-royal {
    color: #fff;
    background-color: #8a6de9
}

.uni-badge-purple.uni-badge-inverted,
.uni-badge-royal.uni-badge-inverted {
    color: #8a6de9;
    background-color: initial
}

/*折叠面板 */
.uni-collapse-content {
    height: 0;
    width: 100%;
    overflow: hidden
}

.uni-collapse-content.uni-active {
    height: auto
}

/*卡片视图 */
.uni-card {
    background: #fff;
    border-radius: 4px;
    margin: 10px 0;
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3)
}

.uni-card-content {
    font-size: 15px
}

.uni-card-content.image-view {
    width: 100%;
    margin: 0
}

.uni-card-content-inner {
    position: relative;
    padding: 15px
}

.uni-card-footer,
.uni-card-header {
    position: relative;
    display: flex;
    min-height: 25px;
    padding: 10px 15px;
    justify-content: space-between;
    align-items: center
}

.uni-card-header {
    font-size: 18px
}

.uni-card-footer {
    color: #6d6d72
}

.uni-card-footer:before,
.uni-card-header:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    content: "";
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.uni-card-header:after {
    top: auto;
    bottom: 0
}

.uni-card-media {
    justify-content: flex-start
}

.uni-card-media-logo {
    height: 42px;
    width: 42px;
    margin-right: 10px
}

.uni-card-media-body {
    height: 42px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.uni-card-media-text-top {
    line-height: 18px;
    font-size: 17px
}

.uni-card-media-text-bottom {
    line-height: 15px;
    font-size: 14px;
    color: #8f8f94
}

.uni-card-link {
    color: #007aff
}

/* 列表 */
.uni-list {
    background-color: #fff;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column
}

.uni-list:after {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: "";
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.uni-list::before {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    left: 0;
    height: 1px;
    content: "";
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.uni-list-cell {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.uni-list-cell-hover {
    background-color: #eee
}

.uni-list-cell-pd {
    padding: 11px 15px
}

.uni-list-cell-left {
    font-size: 14px;
    padding: 0 15px
}

.uni-list-cell-db,
.uni-list-cell-right {
    flex: 1
}

.uni-list-cell::after {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: "";
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.uni-list .uni-list-cell:last-child::after {
    height: 0px
}

.uni-list-cell-last.uni-list-cell::after {
    height: 0px
}

.uni-list-cell-divider {
    position: relative;
    display: flex;
    color: #999;
    background-color: #f7f7f7;
    padding: 7px 10px
}

.uni-list-cell-divider::before {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    height: 1px;
    content: "";
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.uni-list-cell-divider::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0px;
    height: 1px;
    content: "";
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.uni-list-cell-navigate {
    font-size: 15px;
    padding: 11px 15px;
    line-height: 24px;
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    flex: 1;
    justify-content: space-between;
    align-items: center
}

.uni-list-cell-navigate {
    padding-right: 18px
}

.uni-navigate-badge {
    padding-right: 25px
}

.uni-list-cell-navigate.uni-navigate-right:after {
    font-family: uniicons;
    content: "\e583";
    position: absolute;
    right: 12px;
    top: 50%;
    color: #bbb;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uni-list-cell-navigate.uni-navigate-bottom:after {
    font-family: uniicons;
    content: "\e581";
    position: absolute;
    right: 12px;
    top: 50%;
    color: #bbb;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uni-list-cell-navigate.uni-navigate-bottom.uni-active::after {
    font-family: uniicons;
    content: "\e580";
    position: absolute;
    right: 12px;
    top: 50%;
    color: #bbb;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uni-collapse.uni-list-cell {
    flex-direction: column
}

.uni-list-cell-navigate.uni-active {
    background: #eee
}

.uni-list.uni-collapse {
    box-sizing: border-box;
    height: 0;
    overflow: hidden
}

.uni-collapse .uni-list-cell {
    padding-left: 10px
}

.uni-collapse .uni-list-cell::after {
    left: 26px
}

.uni-list.uni-active {
    height: auto
}

/* 三行列表 */
.uni-triplex-row {
    display: flex;
    flex: 1;
    width: 100%;
    box-sizing: border-box;
    flex-direction: row;
    padding: 11px 15px
}

.uni-triplex-right,
.uni-triplex-left {
    display: flex;
    flex-direction: column
}

.uni-triplex-left {
    width: 84%
}

.uni-triplex-left .uni-title {
    padding: 4px 0
}

.uni-triplex-left .uni-text,
.uni-triplex-left .uni-text-small {
    color: #999
}

.uni-triplex-right {
    width: 16%;
    text-align: right
}

/* 图文列表 */
.uni-media-list {
    padding: 11px 15px;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    flex-direction: row
}

.uni-navigate-right.uni-media-list {
    padding-right: 37px
}

.uni-pull-right {
    flex-direction: row-reverse
}

.uni-pull-right>.uni-media-list-logo {
    margin-right: 0px;
    margin-left: 10px
}

.uni-media-list-logo {
    height: 42px;
    width: 42px;
    margin-right: 10px
}

.uni-media-list-logo uni-image {
    height: 100%;
    width: 100%
}

.uni-media-list-body {
    height: 42px;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden
}

.uni-media-list-text-top {
    width: 100%;
    line-height: 18px;
    font-size: 15px
}

.uni-media-list-text-bottom {
    width: 100%;
    line-height: 15px;
    font-size: 13px;
    color: #8f8f94
}

/* 九宫格 */
.uni-grid-9 {
    background: #f2f2f2;
    width: 1366px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-top: 1px solid #eee
}

.uni-grid-9-item {
    width: 125px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: #eee;
    box-sizing: border-box
}

.no-border-right {
    border-right: none
}

.uni-grid-9-image {
    width: 50px;
    height: 50px
}

.uni-grid-9-text {
    width: 125px;
    line-height: 2px;
    height: 20px;
    text-align: center;
    font-size: 15px
}

.uni-grid-9-item-hover {
    background: rgba(0, 0, 0, .1)
}

/* 上传 */
.uni-uploader {
    flex: 1;
    flex-direction: column
}

.uni-uploader-head {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.uni-uploader-info {
    color: #b2b2b2
}

.uni-uploader-body {
    margin-top: 8px
}

.uni-uploader__files {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.uni-uploader__file {
    margin: 5px;
    width: 105px;
    height: 105px
}

.uni-uploader__img {
    display: block;
    width: 105px;
    height: 105px
}

.uni-uploader__input-box {
    position: relative;
    margin: 5px;
    width: 104px;
    height: 104px;
    border: 1px solid #d9d9d9
}

.uni-uploader__input-box:before,
.uni-uploader__input-box:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #d9d9d9
}

.uni-uploader__input-box:before {
    width: 2px;
    height: 39px
}

.uni-uploader__input-box:after {
    width: 39px;
    height: 2px
}

.uni-uploader__input-box:active {
    border-color: #999
}

.uni-uploader__input-box:active:before,
.uni-uploader__input-box:active:after {
    background-color: #999
}

.uni-uploader__input {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

/*问题反馈*/
.feedback-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    color: #8f8f94;
    font-size: 14px
}

.feedback-star-view.feedback-title {
    justify-content: flex-start;
    margin: 0
}

.feedback-quick {
    position: relative;
    padding-right: 20px
}

.feedback-quick:after {
    font-family: uniicons;
    font-size: 20px;
    content: "\e581";
    position: absolute;
    right: 0;
    top: 50%;
    color: #bbb;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.feedback-body {
    background: #fff
}

.feedback-textare {
    height: 100px;
    font-size: 17px;
    line-height: 25px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 15px 0
}

.feedback-input {
    font-size: 17px;
    height: 25px;
    min-height: 25px;
    padding: 7px 10px;
    line-height: 25px
}

.feedback-uploader {
    padding: 11px 10px
}

.feedback-star {
    font-family: uniicons;
    font-size: 20px;
    margin-left: 3px
}

.feedback-star-view {
    margin-left: 10px
}

.feedback-star:after {
    content: "\e408"
}

.feedback-star.active {
    color: #ffb400
}

.feedback-star.active:after {
    content: "\e438"
}

.feedback-submit {
    background: #007aff;
    color: #fff;
    margin: 10px
}

/* input group */
.uni-input-group {
    position: relative;
    padding: 0;
    border: 0;
    background-color: #fff
}

.uni-input-group:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    content: "";
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.uni-input-group:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: "";
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.uni-input-row {
    position: relative;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    padding: 11px 15px;
    justify-content: space-between
}

.uni-input-group .uni-input-row:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 15px;
    height: 1px;
    content: "";
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc
}

.uni-input-row uni-label {
    line-height: 35px
}

/* textarea */
.uni-textarea {
    width: 100%;
    background: #fff
}

.uni-textarea uni-textarea {
    width: 96%;
    padding: 9px 2%;
    line-height: 1.6;
    font-size: 14px;
    height: 75px
}

/* tab bar */
.uni-tab-bar {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    height: 100%
}

.uni-tab-bar .list {
    width: 1366px;
    height: 100%
}

.uni-swiper-tab {
    width: 100%;
    white-space: nowrap;
    line-height: 50px;
    height: 50px;
    border-bottom: 1px solid #c8c7cc
}

.swiper-tab-list {
    font-size: 15px;
    width: 75px;
    display: inline-block;
    text-align: center;
    color: #555
}

.uni-tab-bar .active {
    color: #007aff
}

.uni-tab-bar .swiper-box {
    flex: 1;
    width: 100%;
    height: calc(100% - 50px)
}

.uni-tab-bar-loading {
    padding: 10px 0
}

/* comment */
.uni-comment {
    padding: 2px 0;
    display: flex;
    flex-grow: 1;
    flex-direction: column
}

.uni-comment-list {
    flex-wrap: nowrap;
    padding: 5px 0;
    margin: 5px 0;
    width: 100%;
    display: flex
}

.uni-comment-face {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    margin-right: 10px;
    flex-shrink: 0;
    overflow: hidden
}

.uni-comment-face uni-image {
    width: 100%;
    border-radius: 100%
}

.uni-comment-body {
    width: 100%
}

.uni-comment-top {
    line-height: 1.5em;
    justify-content: space-between
}

.uni-comment-top uni-text {
    color: #0a98d5;
    font-size: 12px
}

.uni-comment-date {
    line-height: 19px;
    flex-direction: row;
    justify-content: space-between;
    display: flex !important;
    flex-grow: 1
}

.uni-comment-date uni-view {
    color: #666;
    font-size: 12px;
    line-height: 19px
}

.uni-comment-content {
    line-height: 1.6em;
    font-size: 14px;
    padding: 4px 0
}

.uni-comment-replay-btn {
    background: #fff;
    font-size: 12px;
    line-height: 14px;
    padding: 2px 10px;
    border-radius: 15px;
    color: #333 !important;
    margin: 0 5px
}

/* swiper msg */
.uni-swiper-msg {
    width: 100%;
    padding: 6px 0;
    flex-wrap: nowrap;
    display: flex
}

.uni-swiper-msg-icon {
    width: 25px;
    margin-right: 10px
}

.uni-swiper-msg-icon uni-image {
    width: 100%;
    flex-shrink: 0
}

.uni-swiper-msg uni-swiper {
    width: 100%;
    height: 25px
}

.uni-swiper-msg uni-swiper-item {
    line-height: 25px
}

/* product */
.uni-product-list {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row
}

.uni-product {
    padding: 10px;
    display: flex;
    flex-direction: column
}

.image-view {
    height: 165px;
    width: 165px;
    margin: 6px 0
}

.uni-product-image {
    height: 165px;
    width: 165px
}

.uni-product-title {
    width: 150px;
    word-break: break-all;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.5;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.uni-product-price {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.5;
    position: relative
}

.uni-product-price-original {
    color: #e80080
}

.uni-product-price-favour {
    color: #888;
    text-decoration: line-through;
    margin-left: 5px
}

.uni-product-tip {
    position: absolute;
    right: 5px;
    background-color: #f33;
    color: #fff;
    padding: 0 5px;
    border-radius: 2px
}

/* timeline */
.uni-timeline {
    margin: 17px 0;
    display: flex;
    flex-direction: column;
    position: relative
}

.uni-timeline-item {
    display: flex;
    flex-direction: row;
    position: relative;
    padding-bottom: 10px;
    box-sizing: border-box;
    overflow: hidden
}

.uni-timeline-item .uni-timeline-item-keynode {
    width: 80px;
    flex-shrink: 0;
    box-sizing: border-box;
    padding-right: 10px;
    text-align: right;
    line-height: 32px
}

.uni-timeline-item .uni-timeline-item-divider {
    flex-shrink: 0;
    position: relative;
    width: 15px;
    height: 15px;
    top: 7px;
    border-radius: 50%;
    background-color: #bbb
}

.uni-timeline-item-divider::before,
.uni-timeline-item-divider::after {
    position: absolute;
    left: 7px;
    width: 1px;
    height: 100vh;
    content: "";
    background: inherit
}

.uni-timeline-item-divider::before {
    bottom: 100%
}

.uni-timeline-item-divider::after {
    top: 100%
}

.uni-timeline-last-item .uni-timeline-item-divider:after {
    display: none
}

.uni-timeline-first-item .uni-timeline-item-divider:before {
    display: none
}

.uni-timeline-item .uni-timeline-item-content {
    padding-left: 10px
}

.uni-timeline-last-item .bottom-border::after {
    display: none
}

.uni-timeline-item-content .datetime {
    color: #ccc
}

/* 自定义节点颜色 */
.uni-timeline-last-item .uni-timeline-item-divider {
    background-color: #1aad19
}

/* uni-icon */
.uni-icon {
    font-family: uniicons;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased
}

.uni-icon.uni-active {
    color: #007aff
}

.uni-icon-contact:before {
    content: "\e100"
}

.uni-icon-person:before {
    content: "\e101"
}

.uni-icon-personadd:before {
    content: "\e102"
}

.uni-icon-contact-filled:before {
    content: "\e130"
}

.uni-icon-person-filled:before {
    content: "\e131"
}

.uni-icon-personadd-filled:before {
    content: "\e132"
}

.uni-icon-phone:before {
    content: "\e200"
}

.uni-icon-email:before {
    content: "\e201"
}

.uni-icon-chatbubble:before {
    content: "\e202"
}

.uni-icon-chatboxes:before {
    content: "\e203"
}

.uni-icon-phone-filled:before {
    content: "\e230"
}

.uni-icon-email-filled:before {
    content: "\e231"
}

.uni-icon-chatbubble-filled:before {
    content: "\e232"
}

.uni-icon-chatboxes-filled:before {
    content: "\e233"
}

.uni-icon-weibo:before {
    content: "\e260"
}

.uni-icon-weixin:before {
    content: "\e261"
}

.uni-icon-pengyouquan:before {
    content: "\e262"
}

.uni-icon-chat:before {
    content: "\e263"
}

.uni-icon-qq:before {
    content: "\e264"
}

.uni-icon-videocam:before {
    content: "\e300"
}

.uni-icon-camera:before {
    content: "\e301"
}

.uni-icon-mic:before {
    content: "\e302"
}

.uni-icon-location:before {
    content: "\e303"
}

.uni-icon-mic-filled:before,
.uni-icon-speech:before {
    content: "\e332"
}

.uni-icon-location-filled:before {
    content: "\e333"
}

.uni-icon-micoff:before {
    content: "\e360"
}

.uni-icon-image:before {
    content: "\e363"
}

.uni-icon-map:before {
    content: "\e364"
}

.uni-icon-compose:before {
    content: "\e400"
}

.uni-icon-trash:before {
    content: "\e401"
}

.uni-icon-upload:before {
    content: "\e402"
}

.uni-icon-download:before {
    content: "\e403"
}

.uni-icon-close:before {
    content: "\e404"
}

.uni-icon-redo:before {
    content: "\e405"
}

.uni-icon-undo:before {
    content: "\e406"
}

.uni-icon-refresh:before {
    content: "\e407"
}

.uni-icon-star:before {
    content: "\e408"
}

.uni-icon-plus:before {
    content: "\e409"
}

.uni-icon-minus:before {
    content: "\e410"
}

.uni-icon-circle:before,
.uni-icon-checkbox:before {
    content: "\e411"
}

.uni-icon-close-filled:before,
.uni-icon-clear:before {
    content: "\e434"
}

.uni-icon-refresh-filled:before {
    content: "\e437"
}

.uni-icon-star-filled:before {
    content: "\e438"
}

.uni-icon-plus-filled:before {
    content: "\e439"
}

.uni-icon-minus-filled:before {
    content: "\e440"
}

.uni-icon-circle-filled:before {
    content: "\e441"
}

.uni-icon-checkbox-filled:before {
    content: "\e442"
}

.uni-icon-closeempty:before {
    content: "\e460"
}

.uni-icon-refreshempty:before {
    content: "\e461"
}

.uni-icon-reload:before {
    content: "\e462"
}

.uni-icon-starhalf:before {
    content: "\e463"
}

.uni-icon-spinner:before {
    content: "\e464"
}

.uni-icon-spinner-cycle:before {
    content: "\e465"
}

.uni-icon-search:before {
    content: "\e466"
}

.uni-icon-plusempty:before {
    content: "\e468"
}

.uni-icon-forward:before {
    content: "\e470"
}

.uni-icon-back:before,
.uni-icon-left-nav:before {
    content: "\e471"
}

.uni-icon-checkmarkempty:before {
    content: "\e472"
}

.uni-icon-home:before {
    content: "\e500"
}

.uni-icon-navigate:before {
    content: "\e501"
}

.uni-icon-gear:before {
    content: "\e502"
}

.uni-icon-paperplane:before {
    content: "\e503"
}

.uni-icon-info:before {
    content: "\e504"
}

.uni-icon-help:before {
    content: "\e505"
}

.uni-icon-locked:before {
    content: "\e506"
}

.uni-icon-more:before {
    content: "\e507"
}

.uni-icon-flag:before {
    content: "\e508"
}

.uni-icon-home-filled:before {
    content: "\e530"
}

.uni-icon-gear-filled:before {
    content: "\e532"
}

.uni-icon-info-filled:before {
    content: "\e534"
}

.uni-icon-help-filled:before {
    content: "\e535"
}

.uni-icon-more-filled:before {
    content: "\e537"
}

.uni-icon-settings:before {
    content: "\e560"
}

.uni-icon-list:before {
    content: "\e562"
}

.uni-icon-bars:before {
    content: "\e563"
}

.uni-icon-loop:before {
    content: "\e565"
}

.uni-icon-paperclip:before {
    content: "\e567"
}

.uni-icon-eye:before {
    content: "\e568"
}

.uni-icon-arrowup:before {
    content: "\e580"
}

.uni-icon-arrowdown:before {
    content: "\e581"
}

.uni-icon-arrowleft:before {
    content: "\e582"
}

.uni-icon-arrowright:before {
    content: "\e583"
}

.uni-icon-arrowthinup:before {
    content: "\e584"
}

.uni-icon-arrowthindown:before {
    content: "\e585"
}

.uni-icon-arrowthinleft:before {
    content: "\e586"
}

.uni-icon-arrowthinright:before {
    content: "\e587"
}

.uni-icon-pulldown:before {
    content: "\e588"
}

.uni-icon-scan:before {
    content: "\e612"
}

/* 分界线 */
.uni-divider {
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.uni-divider__content {
    font-size: 14px;
    color: #999;
    padding: 0 10px;
    position: relative;
    z-index: 101;
    background: #f4f5f6
}

.uni-divider__line {
    background-color: #ccc;
    height: 1px;
    width: 100%;
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

html {
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html * {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

151526 body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
uni-form,
fieldset,
legend,
uni-input,
uni-textarea,
p,
blockquote,
th,
td,
hr,
uni-button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0
}

* {
    box-sizing: border-box !important
}

body {
    font-size: 14px;
    /*background: #0b1622;*/
    color: #f2f5ff;
    overflow-x: hidden
}

uni-input,
select,
uni-textarea {
    font-size: 100%;
    -webkit-appearance: none;
    background: transparent
}

uni-textarea {
    border: none;
    outline: none
}

uni-button {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

uni-input {
    border: 0;
    outline: 0;
    color: #fff
}

::-webkit-input-placeholder {
    color: #42526a
}

/* 显示隐藏 */
.hide {
    display: none !important
}

.hidden {
    display: none
}

.inblock {
    display: inline-block
}

.block {
    display: block
}

/* flex弹性盒子 */
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row
}

.between {
    justify-content: space-between
}

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

.jscenter {
    justify-content: center
}

.jsend {
    justify-content: flex-end
}

.column {
    flex-direction: column
}

.com_end {
    flex-direction: column-reverse
}

.alcenter {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.flexstart {
    align-items: flex-start
}

.flexend {
    align-items: flex-end
}

.baseline {
    align-items: baseline
}

.flex1 {
    flex: 1 !important
}

.flex2 {
    flex: 2 !important
}

.wraps {
    flex-wrap: wrap
}

/* 位置 */
.posRelt {
    position: relative
}

.abstrot {
    position: absolute
}

.fixed {
    position: fixed
}

.lf0 {
    left: 0
}

.btm0 {
    bottom: 0
}

.mauto {
    margin-left: auto;
    margin-right: auto
}

.fr {
    float: right
}

.tc {
    text-align: center
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}

/* 字体大小 */
.ft12 {
    font-size: 12px
}

.ft13 {
    font-size: 13px
}

.ft14 {
    font-size: 14px
}

.ft16 {
    font-size: 16px
}

.ft18 {
    font-size: 18px
}

.ft20 {
    font-size: 20px
}

.ft22 {
    font-size: 22px
}

.ft24 {
    font-size: 24px
}

.ft26 {
    font-size: 26px
}

.ft28 {
    font-size: 28px
}

.ft30 {
    font-size: 30px
}

.ft32 {
    font-size: 32px
}

.ft34 {
    font-size: 34px
}

.ft36 {
    font-size: 36px
}

.ft38 {
    font-size: 38px
}

.ft40 {
    font-size: 40px
}

.ft48 {
    font-size: 48px
}

.ft50 {
    font-size: 50px
}

.iconfont.ft18 {
    font-size: 18px
}

.iconfont.ft12 {
    font-size: 12px
}

.iconfont.ft14 {
    font-size: 14px
}

.iconfont.ft24 {
    font-size: 24px
}

.iconfont.ft48 {
    font-size: 48px
}

.iconfont.ft40 {
    font-size: 40px
}

/* 字体型号 */
.bold {
    font-weight: 700
}

.italic {
    font-style: italic
}

.wordbreak {
    word-break: break-word
}

/* color字体颜色 */
.b7c {
    color: #b7c7dc
}

.gray75 {
    color: #7588a1
}

.blue21 {
    color: #217dc1
}

.gary0 {
    color: #000
}

.gray91 {
    color: #9195a1
}

.garyd {
    color: #dddede
}

.white {
    color: #fff
}

.nwhite {
    color: #0d1721
}

.gray {
    color: #8689b2
}

.gray_e {
    color: #eee
}

.gray9 {
    color: #999
}

.gray7 {
    color: #7286a5
}

.gray6 {
    color: #666
}

.gray5 {
    color: #5b6c87
}

.gray3 {
    color: #333
}

.gray4 {
    color: #42526a
}

.gray45 {
    color: #454545
}

.blue {
    color: #9fbedc
}

.blue2 {
    color: #1881d2
}

.blue3 {
    color: #4a5a7a
}

.blue4 {
    color: #8897ad
}

.red {
    color: #e27046
}

.red2 {
    color: #ff5f56
}

.redColor {
    color: #d74e5a
}

.greenColor {
    color: #12b886
}

.blueColor {
    color: #3d80ce
}

.yellow {
    color: #ffb103
}

.green {
    color: #02c289
}

.purpel {
    color: #6c2fd3
}

.chengse {
    color: #cc704b
}

.color1 {
    color: #728daf
}

/* 背景色 */
.baseBg {
    background: #0b1726
}

.bgWhite {
    background: #fff
}

.bgRed {
    background: #e27046 !important
}

.bgGray {
    background: #c7ced4
}

.bgF3 {
    background: #f3f3f3
}

.bgShadow {
    box-shadow: 0 0 5px #e4dbdb
}

.bgGreen {
    background: #02c289 !important
}

.bggray {
    background: #1a273f
}

.bgyellow {
    background: #ff9e00
}

.bgHeader {
    background: #102030
}

.bgBlue {
    background: #1881d2
}

.bgBlue2 {
    background: #217dc1
}

.bgBlue3 {
    background: #0b53bd !important
}

.bgred {
    background: #d74e5a
}

.bggreen {
    background: #12b886
}

.bgDark {
    background: #2c548c
}

.bgPart {
    background: #162633
}

.baseBg2 {
    background: #183463
}

.baseBg3 {
    background: #44708a
}

.bg_legal {
    background: #131f30
}

.liner0 {
    background: #7564ef
}

.liner1 {
    background: #e6762c
}

.liner2 {
    background: #419ff6
}

.liner3 {
    background: #4aab73
}

.liner4 {
    background: #5977f4
}

.bg1 {
    background-color: #1c1734
}

.bg2 {
    background-color: #061623
}

.bgPart {
    background: #102030
}

.bgBlack {
    background: #0b1622
}

.bgliner {
    background: linear-gradient(90deg, #5bb5eb, #508ade)
}

/* 边框颜色 */
.bdb_blue {
    border-bottom: 1px solid #5d86d8
}

.bdb_e8 {
    border-bottom: 1px solid #e8ebee
}

.bdbf5 {
    border-bottom: 1px solid #f5f5f5
}

.bdb_f3 {
    border-bottom: 1px solid #f3f3f3
}

.bdt_f3 {
    border-top: 1px solid #f3f3f3
}

.bd_blue2 {
    border: 1px solid #71aed3
}

.bdb {
    border-bottom: 1px solid #ddd
}

.bdb1f {
    border-bottom: 1px solid #1f253c
}

.bdb_yellow {
    border-bottom: 1px solid #ffb103
}

.bdbwhite {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.bdb_blue3 {
    border-bottom: 1px solid #101d2a
}

.bdb27 {
    border-bottom: 1px solid #273344
}

.bdr_white50 {
    border-right: 1px solid hsla(0, 0%, 44.3%, .2)
}

.bd_input {
    border: 1px solid #42526a
}

.bd_red {
    border: 1px solid #c15465
}

.bdBlue {
    border: 1px solid #217dc1
}

.bd_green {
    border: 1px solid #4daa90
}

.bdr_input {
    border-right: 1px solid #42526a
}

.bdb_1e {
    border-bottom: 1px solid #1e2a3d
}

.bd3a {
    border: 1px solid #3a4163
}

.bdActive {
    border: 1px solid #357ce1
}

.bor1 {
    border: 1px solid #4d5568
}

.bor2 {
    border: 1px solid #1881d2
}

.bor3 {
    border: 1px solid #02c289 !important
}

.bor4 {
    border: 1px solid #e27046 !important
}

.bor5 {
    border-bottom: 1px solid #555359 !important
}

.bor6 {
    border: 1px solid #e5e5e5
}

.bdb_active {
    border-bottom: 2px solid #3d80ce
}

/* margin外边距 */
.mt5 {
    margin-top: 5px
}

.mb5 {
    margin-bottom: 5px
}

.ml5 {
    margin-left: 5px
}

.mr5 {
    margin-right: 5px
}

.mt7 {
    margin-top: 7px
}

.mt10 {
    margin-top: 10px
}

.mt13 {
    margin-top: 13px
}

.mb10 {
    margin-bottom: 10px
}

.ml10 {
    margin-left: 10px
}

.mr10 {
    margin-right: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mb20 {
    margin-bottom: 20px
}

.ml20 {
    margin-left: 20px
}

.mr20 {
    margin-right: 20px
}

.mt30 {
    margin-top: 30px
}

.mb30 {
    margin-bottom: 30px
}

.ml30 {
    margin-left: 30px
}

.mr30 {
    margin-right: 30px
}

.mt40 {
    margin-top: 40px
}

.mt45 {
    margin-top: 45px
}

.mb45 {
    margin-bottom: 45px
}

.ml45 {
    margin-left: 45px
}

.mr45 {
    margin-right: 45px
}

.mt50 {
    margin-top: 50px
}

.mt75 {
    margin-top: 75px
}

.mt88 {
    margin-top: 88px
}

.mt100 {
    margin-top: 100px
}

.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mlr5 {
    margin-left: 5px;
    margin-right: 5px
}

.mlr10 {
    margin-left: 10px;
    margin-right: 10px
}

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

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

.mtb30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.mlr30 {
    margin-left: 30px;
    margin-right: 30px
}

.mtb45 {
    margin-top: 45px;
    margin-bottom: 45px
}

.mlr45 {
    margin-left: 45px;
    margin-right: 45px
}

/* padding内边距 */
.ptb {
    padding-top: 88px;
    padding-bottom: 100px
}

.pt5 {
    padding-top: 5px
}

.pb5 {
    padding-bottom: 5px
}

.pl5 {
    padding-left: 5px
}

.pr5 {
    padding-right: 5px
}

.pt10 {
    padding-top: 10px
}

.pl10 {
    padding-left: 10px
}

.pr10 {
    padding-right: 10px
}

.pb10 {
    padding-bottom: 10px
}

.pl15 {
    padding-left: 15px
}

.pr15 {
    padding-right: 15px
}

.pb15 {
    padding-bottom: 15px
}

.pt20 {
    padding-top: 20px
}

.pb20 {
    padding-bottom: 20px
}

.pl20 {
    padding-left: 20px
}

.pr20 {
    padding-right: 20px
}

.pl30 {
    padding-left: 30px
}

.pr30 {
    padding-right: 30px
}

.pt30 {
    padding-top: 30px
}

.pb30 {
    padding-bottom: 30px
}

.pl40 {
    padding-left: 40px
}

.pr40 {
    padding-right: 40px
}

.pt40 {
    padding-top: 40px
}

.pb40 {
    padding-bottom: 40px
}

.pt45 {
    padding-top: 45px
}

.pb45 {
    padding-bottom: 45px
}

.pt50 {
    padding-top: 50px
}

.pb50 {
    padding-bottom: 50px
}

.pl50 {
    padding-left: 50px
}

.pr50 {
    padding-right: 50px
}

.pt60 {
    padding-top: 60px
}

.pb60 {
    padding-bottom: 60px
}

.pt88 {
    padding-top: 88px
}

.pb100 {
    padding-bottom: 100px
}

.pb150 {
    padding-bottom: 150px
}

.pt100 {
    padding-top: 100px
}

.ptb5 {
    padding-bottom: 5px;
    padding-top: 5px
}

.ptb8 {
    padding-bottom: 8px;
    padding-top: 8px
}

.plr8 {
    padding-left: 8px;
    padding-right: 8px
}

.ptb10 {
    padding-bottom: 10px;
    padding-top: 10px
}

.plr10 {
    padding-left: 10px;
    padding-right: 10px
}

.ptb15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.plr15 {
    padding-left: 15px;
    padding-right: 15px
}

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

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

.plr30 {
    padding-left: 30px;
    padding-right: 30px
}

.ptb30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.plr40 {
    padding-left: 40px;
    padding-right: 40px
}

.ptb40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.ptb45 {
    padding-top: 45px;
    padding-bottom: 45px
}

.plr45 {
    padding-left: 45px;
    padding-right: 45px
}

.plr50 {
    padding-left: 50px;
    padding-right: 50px
}

.ptb50 {
    padding-bottom: 50px;
    padding-top: 50px
}

.ptb60 {
    padding-bottom: 60px;
    padding-top: 60px
}

/* 宽度百分比 */
.w20 {
    width: 20%
}

.w25 {
    width: 25%
}

.w30 {
    width: 30%
}

.w35 {
    width: 35%
}

.w40 {
    width: 40%
}

.w45 {
    width: 45%
}

.w48 {
    width: 48%
}

.w50 {
    width: 50%
}

.w65 {
    width: 65%
}

.w75 {
    width: 75%
}

.w80 {
    width: 80%
}

.w85 {
    width: 85%
}

.w90 {
    width: 90%
}

.w95 {
    width: 95%
}

.w100 {
    width: 100%
}

/* 宽度upx */
.wt5 {
    width: 5px
}

.wt8 {
    width: 8px
}

.wt10 {
    width: 10px
}

.wt12 {
    width: 12px
}

.wt15 {
    width: 15px
}

.wt18 {
    width: 18px
}

.wt20 {
    width: 20px
}

.wt25 {
    width: 25px
}

.wt30 {
    width: 30px
}

.wt35 {
    width: 35px
}

.wt40 {
    width: 40px
}

.wt50 {
    width: 50px
}

.wt60 {
    width: 60px
}

.wt70 {
    width: 70px
}

.wt80 {
    width: 80px
}

.wt90 {
    width: 90px
}

.wt100 {
    width: 100px
}

.w120 {
    width: 120px
}

.w150 {
    width: 150px
}

.w160 {
    width: 160px
}

.w180 {
    width: 180px
}

/* 高度 */
.h5 {
    height: 5px
}

.h8 {
    height: 8px
}

.h10 {
    height: 10px
}

.h12 {
    height: 12px
}

.h15 {
    height: 15px
}

.h18 {
    height: 18px
}

.h20 {
    height: 20px
}

.h25 {
    height: 25px
}

.h30 {
    height: 30px
}

.h35 {
    height: 35px
}

.h40 {
    height: 40px
}

.h44 {
    height: 44px
}

.h45 {
    height: 45px
}

.h50 {
    height: 50px
}

.h60 {
    height: 60px
}

.h70 {
    height: 70px
}

.h88 {
    height: 88px
}

.h80 {
    height: 80px
}

.h90 {
    height: 90px
}

.h100 {
    height: 100px
}

.h110 {
    height: 110px
}

.h120 {
    height: 120px
}

.h130 {
    height: 130px
}

.h160 {
    height: 160px
}

.h260 {
    height: 260px
}

.h280 {
    height: 280px
}

.h390 {
    height: 390px
}

.ht100 {
    height: 100%
}

/* 行高 */
.lh10 {
    line-height: 10px
}

.lh20 {
    line-height: 20px
}

.lh25 {
    line-height: 25px
}

.lh30 {
    line-height: 30px
}

.lh35 {
    line-height: 35px
}

.lh40 {
    line-height: 40px
}

.lh44 {
    line-height: 44px
}

.lh50 {
    line-height: 50px
}

.lh56 {
    line-height: 56px
}

.lh60 {
    line-height: 60px
}

.hg20 {
    height: 20%
}

.lh88 {
    line-height: 88px
}

/* 边框圆角 */
.radius2 {
    border-radius: 2px
}

.radius4 {
    border-radius: 4px
}

.radius6 {
    border-radius: 6px
}

.radius10 {
    border-radius: 10px
}

.radius15 {
    border-radius: 15px
}

.radius20 {
    border-radius: 20px
}

.radius28 {
    border-radius: 28px
}

.radius50p {
    border-radius: 50%
}

.rat4 {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

/* 透明度 */
.opt0 {
    opacity: 0
}

.opt88 {
    opacity: .88
}

.opt50 {
    opacity: .5
}

.opt33 {
    opacity: .33
}

.opt {
    opacity: .15
}

/* 三角形 */
.trangle {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 10px solid #1b2637
}

.trangle_yellow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fec403
}

/* 字体渐变 */
.linerColor {
    color: #416dff;
    background: linear-gradient(180deg, #416dff, #464fff);
    -webkit-background-clip: text;
    color: transparent
}

/* 去除chrome input默认背景 */
uni-input:-webkit-autofill {
    background: transparent;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important
}

.bshadowf5 {
    box-shadow: 0 5px 5px #f5f5f5, 0 -5px 5px #f5f5f5, 5px 0 5px #f5f5f5, -5px 0 5px #f5f5f5
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select {
    border: 1px solid #eee;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent;
    color: #666
}

/* 不换行超出隐藏 */
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.overxy {
    overflow: hidden
}

.overx {
    overflow-x: hidden
}

.overxscroll {
    overflow-x: scroll
}

/* 其它 */
.load-more {
    display: block;
    background-color: initial;
    padding-top: 15px;
    border-radius: 4px
}

.btn-default {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-radius: 2px;
    text-align: center;
    outline: none;
    border: none;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.bshadow5 {
    box-shadow: 0 5px 5px #d4dbfc, 0 -5px 5px #d4dbfc, 5px 0 5px #d4dbfc, -5px 0 5px #d4dbfc
}

.bshadow5_green {
    box-shadow: 0 0 5px #75c322
}

.bshadowf5 {
    box-shadow: 0 5px 5px #f5f5f5, 0 -5px 5px #f5f5f5, 5px 0 5px #f5f5f5, -5px 0 5px #f5f5f5
}

.bshadow10 {
    box-shadow: 0 5px 10px rgba(231, 233, 241, .6), 0 -5px 10px rgba(231, 233, 241, .6), 5px 0 10px rgba(231, 233, 241, .6), -5px 0 10px rgba(231, 233, 241, .6)
}

.copy {
    height: 86px;
    line-height: 86px;
    border-radius: 43px
}

.header {
    height: 50px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000000
}

.header .back {
    display: inline-block;
    position: absolute;
    left: 14px;
    width: 8px;
    height: 16px
        /* background: url(/static/arrow_left.png) no-repeat center / 100% 100%; */
}

.header .txt {
    font-size: 10px
}

.arrow {
    width: 6px;
    height: 11px
}

.scan {
    width: 40px;
    height: 40px
}

.width10 {
    width: 30px;
    height: 30px
}

.lb {
    left: -15px;
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.pos_r30t90 {
    right: 15px;
    top: 45px
}

.pos_l0b0 {
    bottom: 0;
    left: 0
}

.shade {
    left: 5%;
    bottom: 0;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    border-radius: 15px;
    background: #79809b;
    z-index: -1
}

.zdx100 {
    z-index: 100
}

.zdx1000 {
    z-index: 1000
}

.my_layer {
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 999
}

.break-word {
    word-wrap: break-word
}

.nowrap {
    white-space: nowrap
}

/* 下划线 */
.myline {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 20px;
    height: 3px;
    background: url(/static/line_blue.png) no-repeat 0 0/100% 100%
}

.bottom-space {
    height: 50px
}

.bdb_myblue {
    border-bottom: 1px solid #3e536b
}

.ft10 {
    font-size: 10px
}

.bdb2f {
    border-bottom: 1px solid #15293d
}

.bd2f {
    border: 1px solid #15293d
}

.bdl2f {
    border-left: 1px solid #15293d
}

.bdt2f {
    border-top: 1px solid #15293d
}

.w33 {
    width: 33%
}


.gray_e.light {
    color: #0d1721
}

.vh100 {
    min-height: 100%
}

uni-page-body {
    /* background: #061623 ; */
    color: #fff
}

.status_bar {
    height: 0;
    width: 100%;
    background-color: #102030
}

.top_view {
    height: 0;
    width: 100%;
    position: fixed;
    background-color: #102030;
    top: 0;
    z-index: 999
}

uni-view {
    box-sizing: border-box !important
}

uni-view {
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.2
}

.uni-padding-wrap {
    width: 100%
}

.uni-toast {
    z-index: 10000 !important
}

.uni-modal__btn {
    color: red !important
}

    .uni-app--showtabbar uni-page-wrapper {
    display: block;
    height: calc(100% - 50px);
    height: calc(100% - 50px - constant(safe-area-inset-bottom));
    height: calc(100% - 50px - env(safe-area-inset-bottom));
}

.uni-app--showtabbar uni-page-wrapper::after {
    content: "";
    display: block;
    width: 100%;
    height: 50px;
    height: calc(50px + constant(safe-area-inset-bottom));
    height: calc(50px + env(safe-area-inset-bottom));
}

.uni-app--showtabbar uni-page-head[uni-page-head-type="default"]~uni-page-wrapper {
    height: calc(100% - 44px - 50px);
    height: calc(100% - 44px - constant(safe-area-inset-top) - 50px - constant(safe-area-inset-bottom));
    height: calc(100% - 44px - env(safe-area-inset-top) - 50px - env(safe-area-inset-bottom));
}


@charset "UTF-8";

/**
         * 这里是uni-app内置的常用样式变量
         *
         * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
         * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
         *
         */
/**
         * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
         *
         * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
         */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.uni-popup[data-v-546e4082] {
    position: fixed;
    z-index: 199
}

.uni-popup.top[data-v-546e4082],
.uni-popup.left[data-v-546e4082],
.uni-popup.right[data-v-546e4082] {
    top: var(--window-top)
}

.uni-popup .uni-popup__wrapper[data-v-546e4082] {
    display: block;
    position: relative
        /* iphonex 等安全区设置，底部安全区适配 */
}

.uni-popup .uni-popup__wrapper.left[data-v-546e4082],
.uni-popup .uni-popup__wrapper.right[data-v-546e4082] {
    padding-top: var(--window-top);
    flex: 1
}

.fixforpc-z-index[data-v-546e4082] {
    z-index: 999
}

.fixforpc-top[data-v-546e4082] {
    top: 0
}



.head[data-v-1a3cf6c9] {
    top: 0;
    left: 0;
    z-index: 999
}

.content[data-v-1a3cf6c9] {
    /* display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center; */
    /* padding-bottom: 20px; */
}

.headImg[data-v-1a3cf6c9] {
    width: 25px;
    height: 25px
        /* left: 10px; */
}

.swiper[data-v-1a3cf6c9] {
    height: 150px
}

.bgIndex[data-v-1a3cf6c9] {
    background: #0a1b2b
}

.bgParts[data-v-1a3cf6c9] {
    background: #061623
}

.leftBox[data-v-1a3cf6c9] {
    left: -100%;
    top: 0;
    z-index: 9999;
    transition: all .5s ease-out;
    opacity: .5
}

.isShow[data-v-1a3cf6c9] {
    left: 0;
    top: 0;
    z-index: 9999;
    transition: all .5s ease-out;
    opacity: 1
}

.mask[data-v-1a3cf6c9] {
    top: 0;
    left: -100%;
    background: rgba(0, 0, 0, .4);
    z-index: 999
}

.showMask[data-v-1a3cf6c9] {
    left: 0;
    top: 0;
    z-index: 999;
    opacity: 1
}

.langs[data-v-1a3cf6c9]:last-child {
    border-bottom: none
}

.gift[data-v-1a3cf6c9] {
    position: fixed;
    bottom: 75px;
    right: 25px;
    width: 60px;
    height: 60px;
    background-size: cover;
    background-image: url(/h5/static/img/gift.58db72a4.png) !important
}

.p-box[data-v-1a3cf6c9] {
    padding: 30px;
    border-radius: 10px;
    background-color: #fff;
    margin: 0 30px
}

.updark[data-v-1a3cf6c9] {
    background-color: #17263e
}

.btnsave[data-v-1a3cf6c9] {
    margin: 15px 0;
    background-color: #d0d5db;
    text-align: center;
    padding: 8px 0;
    color: #fff;
    border-radius: 20px;
    width: 240px
}

.btnsave.active[data-v-1a3cf6c9] {
    background-color: #1f8bde
}