body,
.pc_form,
.page_wrap,
.van-tabbar,
.van-tabbar-item--active,
.van-tabs__nav {
    background-color: var(--main-background) !important;
}

html {
    --color1: #e1b286;
    --color2: #919499;
    --main-background: #232933;
    /* --main-background: #232933; */
    --ant-text-color: hsla(0, 0%, 100%, 0.7);
    --input-bg-color: #20222a;
}

body,
.page_wrap,
.color2 {
    color: #919499 !important;
}

.color1,
.van-tab--active {
    color: var(--color1) !important;
}

.van-tabs__line {
    background-color: #e1b286 !important;
}

.van-nav-bar__title {
    color: #e1b286 !important;
}

.van-nav-bar {
    background-color: var(--main-background) !important;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 24%);
}

.van-goods-action {
    background-color: var(--main-background) !important;
    box-shadow: 0px -4px 4px 0px rgb(0 0 0 / 24%);
}

.van-nav-bar[class*=van-hairline]::after {
    border: 0 solid #232933 !important;
}

.van-search {
    background-color: var(--main-background) !important;
}


/*主TAG颜色*/

.van-tag--primary {
    background-color: #505050 !important;
    color: rgb(225 178 134 / 72%) !important;
}

.van-button--primary {
    color: #fff;
    background-color: rgb(225 178 134 / 72%) !important;
    border: 1px solid rgb(225 178 134 / 72%) !important;
}


/*空心TAG*/

.strategy_tag {
    background-color: transparent !important;
    /* color: #e1b286!important;
    border-color: #e1b286!important; */
    opacity: 0.7;
}

.strategy_tag+.strategy_tag {
    margin-left: 6px
}

.strategy_tag>.brief {
    background-color: #969799;
    color: white;
    margin-left: -3px;
    padding: 0 3px;
    margin-right: 3px;
}


/* .van-tabbar {} */

.van-tabbar::after {
    border: 0 solid #919499 !important;
}

.van-tabbar::before {
    position: absolute;
    content: ' ';
    pointer-events: none;
    top: 0;
    transform: scaleY(.5);
    left: 0;
    right: 0;
    border-bottom: 1px solid #919499 !important;
}

.van-tabbar-item--active {
    color: #e1b286 !important;
}

.van-dropdown-menu__bar {
    background-color: var(--main-background) !important;
    box-shadow: 0 2px 12px rgb(0 0 0 / 30%) !important;
}

.van-dropdown-menu__title {
    color: #e1b286 !important;
}

.line:before {
    border-bottom: 1px solid #000000;
}

.line:after {
    border-bottom: 1px solid #464646;
}

.head_img {
    border: 1px solid #e1b286
}

.bind_account {
    color: #e1b286 !important;
}

.row {
    padding: 10px;
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 44%);
}

.row_title {
    position: relative;
    padding-left: 10px;
    display: flex;
}

.row_content {
    font-size: 0.8rem;
}

.row_title::before {
    position: absolute;
    content: ' ';
    border-left: 4px solid #e1b286;
    height: 100%;
    border-radius: 2px;
    left: 0;
}

.van-cell {
    color: #919499 !important;
    background-color: transparent !important;
}

.inset_shadow {
    box-shadow: inset 0px 0px 6px 0px rgb(0 0 0 / 44%);
}

.shadow {
    box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 44%);
}

.van-popup {
    background-color: var(--main-background) !important;
}

.van-notify--danger {
    background-color: #ee0a24 !important;
}

.van-notify--success {
    background-color: #07c160 !important;
}

.van-field__control {
    color: #e1b286 !important;
}

.van-action-sheet__cancel,
.van-action-sheet__item {
    background-color: transparent !important;
}

.van-action-sheet__gap {
    background-color: rgb(0 0 0 / 17%) !important;
}

.van-action-sheet__item {
    border-bottom: 1px solid #1d222a !important;
}

.van-action-sheet {
    color: #e1b286 !important;
}

.van-cell-group {
    background-color: transparent !important;
}

.menu.van-hairline--top-bottom::after,
.menu.van-hairline-unset--top-bottom::after {
    border-width: 0px 0;
}

.van-cell::after {
    border-bottom: 1px solid #e1b286 !important;
}

.menu .van-cell {
    color: #e1b286 !important;
}

.menu .van-cell__right-icon {
    color: #e1b286 !important;
}

.prop_title {
    text-align: center;
    padding: 10px 0
}

.prop_title::after {
    border-bottom-width: 1px !important;
}

.prop_content {
    padding: 10px
}

.main_table thead,
.main_table tr:nth-child(2n) {
    background-color: #2b313a;
}

.trade_module_row input {
    background: #33373c;
    border: 1px solid #33373c;
    color: inherit;
    height: 30px;
}

.trade_module_row button {
    background: var(--main-background);
    border: 1px solid #33373c;
    color: inherit;
}

.headNav {
    position: fixed;
    height: 50px;
    line-height: 50px;
    display: flex;
    z-index: 999;
    width: 100%;
    background: var(--main-background);
    color: #919499;
    box-shadow: 0 8px 32px 0 rgb(0 0 0 / 37%);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 0 20px;
    box-sizing: border-box;
}

.headNav .menu {
    flex: 1;
    overflow: hidden;
}

.headNav .menu div {
    float: left;
    width: 100px;
    cursor: pointer;
    position: relative;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 700;
}

.headNav .menu div::before {
    position: absolute;
    content: ' ';
    bottom: 2px;
    height: 2px;
    width: 100%;
    background-color: transparent;
    left: 0;
}

.headNav .menu div.on {
    color: #e1b286;
}

.headNav .menu div:hover,
.headNav .menu div.on {
    color: #e1b286;
}

.headNav .menu div:hover::before,
.headNav .menu div.on::before {
    background-color: #e1b286;
}

.ant-drawer-header {
    background: rgba(0, 0, 0, 0.25)!important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.ant-drawer-title {
    color: rgba(255, 255, 255, 0.85)!important;
}

.ant-drawer-body {
    height: calc(100% - 55px);
}

.ant-drawer-content {
    background-color: rgba(0, 0, 0, 0.25)!important;
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.18)!important;
}

.noPadding .ant-drawer-body {
    padding: 0;
}

.ant-empty-normal {
    color: rgb(255 255 255 / 25%)!important;
}

.ant-modal-content,
.ant-modal-header {
    background-color: var(--main-background)!important
}

.ant-modal-title,
.ant-modal-close-x {
    color: var(--color1)!important;
}
.color_white{
    color: #fff;
}
.row_class{
    display: flex;
    flex-direction: row;
}
.column_class{
    display: flex;
    flex-direction: column;
}
.span_one_line {
    white-space: nowrap;
    /*强制span不换行*/
    display: inline-block;
    /*将span当做块级元素对待*/
    /*限制宽度*/
    overflow: hidden;
    /*超出宽度部分隐藏*/
    text-overflow: ellipsis;
    /*超出部分以点号代替*/
}