/*@font-face {*/
/*    font-family: 'farrington-7b-qiqiregular';*/
/*    src: url('../fonts/farrington7b_qiqi-webfont.eot');*/
/*    src: url('../fonts/farrington7b_qiqi-webfont.eot#iefix') format('embedded-opentype'),*/
/*    url('../fonts/farrington7b_qiqi-webfont.woff') format('woff'),*/
/*    url('../fonts/farrington7b_qiqi-webfont.ttf') format('truetype'),*/
/*    url('../fonts/farrington7b_qiqi-webfont.svg#farrington-7b-qiqiregular') format('svg');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'SourceHanSansCN';*/
/*    src: url('../fonts/SourceHanSansCN-Normal.eot');*/
/*    src: url('../fonts/SourceHanSansCN-Normal.woff2') format('woff2'),*/
/*    url('../fonts/SourceHanSansCN-Normal.woff') format('woff'),*/
/*    url('../fonts/SourceHanSansCN-Normal.ttf') format('truetype'),*/
/*    url('../fonts/SourceHanSansCN-Normal.svg#SourceHanSansCN-Normal') format('svg');*/
/*    font-weight: 300;*/
/*    font-style: normal;*/
/*}*/

@font-face {
    font-family: 'dinmedium';
    src: url('../fonts/din-medium-webfont.woff2') format('woff2'),
    url('../fonts/din-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AliPHT-SC-Regular';
    /*src: url('../fonts/AliPHT-SC-Regular.eot');*/
    src: url('../fonts/AliPHT-Regular.woff2') format('woff2');
    /*url('../fonts/AliPHT-SC-Regular.woff') format('woff');*/
    /*url('../fonts/AliPHT-SC-Regular.ttf') format('truetype');*/
    /*url('../fonts/AliPHT-SC-Regular.svg#PINGFANG-REGULAR') format('svg');*/
    font-weight: normal;
    font-style: normal;
}

/*@font-face {*/
/*    font-family: 'AliPHT-SC-Medium';*/
/*    !*src: url('../fonts/AliPHT-SC-Bold.eot');*!*/
/*    src: url('../fonts/AliPHT-Medium.woff2') format('woff2');*/
/*    !*url('../fonts/AliPHT-SC-Bold.woff') format('woff'),*!*/
/*    !*url('../fonts/AliPHT-SC-Bold.ttf') format('truetype'),*!*/
/*    !*url('../fonts/AliPHT-SC-Bold.svg#PINGFANG-BOLD') format('svg');*!*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

@font-face {
    font-family: 'AliPHT-SC-Heavy';
    /*src: url('../fonts/PINGFANG-BOLD.eot');*/
    src: url('../fonts/AliPHT-Heavy.woff2') format('woff2');
    /*url('../fonts/AliPHT-SC-Heavy.woff') format('woff');*/
    /*url('../fonts/AliPHT-SC-Heavy.ttf') format('truetype'),*/
    /*url('../fonts/AliPHT-SC-Heavy.svg#PINGFANG-BOLD') format('svg');*/
    font-weight: normal;
    font-style: normal;
}

* {
    -webkit-appearance: none;
    font-family: 'AliPHT-SC-Regular', 'AliPHT-SC-Heavy', 'dinmedium', AliPHT-SC-Regular, AliPHT-SC-Heavy, dinmedium, "Microsoft YaHei", "黑体", "宋体", sans-serif !important;
}

.purple {
    color: #7e57c2;
}

body {
    background: #fff;
}

/******************************************************  color ***************************************************/
.menu1, a.menu1:visited {
    color: #0071BC;
}

.menu2, a.menu2:visited {
    color: #29ABE2;
}

.menu3, a.menu3:visited {
    color: #00A99D;
}

.menu4, a.menu4:visited {
    color: #4FB56C;
}

.menu5, a.menu5:visited {
    color: #F7931E;
}

.menu1.background-line {
    background: #0071BC;
}

.menu2.background-line {
    background: #29ABE2;
}

.menu3.background-line {
    background: #00A99D;
}

.menu4.background-line {
    background: #4FB56C;
}

.menu5.background-line {
    background: #F7931E;
}

.menu1-iconfont--color {
    color: #0071BC;
}

.dblue-iconfont--color {
    color: #1b82d2;
}

.menu2-iconfont--color {
    color: #29ABE2;
}

.menu3-iconfont--color {
    color: #00A99D;
}

.menu4-iconfont--color {
    color: #4FB56C;
}

.menu5-iconfont--color {
    color: #F7931E;
}

.bar.bar-menu1 {
    border-color: #0071BC !important;
    background-color: #0071BC;
    background-image: linear-gradient(0deg, #0071BC, #0071BC 50%, transparent 50%);
    color: #fff;
}

.bar.bar-menu2 {
    border-color: #29ABE2 !important;
    background-color: #29ABE2;
    background-image: linear-gradient(0deg, #29ABE2, #29ABE2 50%, transparent 50%);
    color: #fff;
}

.bar.bar-menu3 {
    border-color: #00A99D !important;
    background-color: #00A99D;
    background-image: linear-gradient(0deg, #00A99D, #00A99D 50%, transparent 50%);
    color: #fff;
}

.bar.bar-menu4 {
    border-color: #4FB56C !important;
    background-color: #4FB56C;
    background-image: linear-gradient(0deg, #4FB56C, #4FB56C 50%, transparent 50%);
    color: #fff;
}

.bar.bar-menu5 {
    border-color: #F7931E !important;
    background-color: #F7931E;
    background-image: linear-gradient(0deg, #F7931E, #F7931E 50%, transparent 50%);
    color: #fff;
}

.bar.bar-blue {
    border-color: #00aaee !important;
    background-color: #00aaee;
    background-image: linear-gradient(0deg, #00aaee, #00aaee 50%, transparent 50%);
    color: #fff;
}

.bar.bar-dblue {
    /*border-color: #1b82d2 !important;*/
    /*background-color: #1b82d2;*/
    /*background-image: linear-gradient(0deg, #1b82d2, #1b82d2 50%, transparent 50%);*/
    background: url(../img/huijuji/black-one.png) !important;
    background-size: 100% 100% !important;
    color: #fff;
}

.bar.bar-dtintGreen {
    /*border-color: #383840 !important;*/
    /*background-color: #383840;*/
    /*background-image: linear-gradient(0deg, #4FB56C, #4FB56C 50%, transparent 50%);*/
    color: #fff;
}

.bar.bar-balanced {
    /*border-color: #383840  !important;*/
    /*background-color: #383840 ;*/
    background: url(../img/huijuji/background-top.png);
    background-size: 100% 100%;
    /*background-image: linear-gradient(0deg, #27ae60, #27ae60 50%, transparent 50%);*/
    color: #fff;
}

.bar.bar-dgreen {
    border-color: #138b43 !important;
    background-color: #138b43;
    background-image: linear-gradient(0deg, #138b43, #138b43 50%, transparent 50%);
    color: #fff;
}

.bar.bar-org {
    border-color: #ff6537 !important;
    background-color: #ff6537;
    background-image: linear-gradient(0deg, #ff6537, #ff6537 50%, transparent 50%);
    color: #fff;
}

.bar.bar-asser {
    border-color: #ef5350 !important;
    background-color: #ef5350;
    background-image: linear-gradient(0deg, #ef5350, #ef5350 50%, transparent 50%);
    color: #fff;
}

/******************************************************  color ***************************************************/

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

.withdraw-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    position: absolute;
    top: 8px;
    right: 16px;
    min-width: 34px;
    min-height: 34px;
    font-size: 18px;
    line-height: 32px;
}

.recharge-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    position: absolute;
    top: 8px;
    right: 16px;
    min-width: 34px;
    min-height: 34px;
    font-size: 18px;
    line-height: 32px;
}

.funding-list-label {
    color: #9b9b9b;
    font-size: 14px;
}

.funding-list-amount {
    font-size: 14px;
}

.funding-list-amount em {
    color: orange;
}

.funding-list-state {
    font-size: 14px;
    color: #000000;
}

.funding-list-state.state-1 {
    color: #23b7e5;
}

.funding-list-state.state-2 {
    color: #fd7d00;
}

.funding-list-state.state-3 {
    color: #27c24c;
}

.bill-list-label {
    padding-top: 0px;
    color: #9b9b9b;
    font-size: 16px;
}

.bill-list-date {
    padding-top: 0px;
    color: #9b9b9b;
    font-size: 13px;
}

.bill-list-amount {
    position: absolute;
    top: 12px;
    left: 80px;
    font-size: 22px;
    /*color: goldenrod;*/
}

.bill-list-amount-gold {
    color: goldenrod;
}

.bill-list-amount-blue {
    color: #ED3735;
}

.bill-list-note {
    position: absolute;
    top: 40px;
    left: 80px;
    font-size: 14px;
    color: #C4C4C4;
}

.bill-list-state {
    position: absolute;
    top: 11px;
    right: 25px;
    font-size: 13px;
    color: #000000;
}

.bill-list-state1 {
    position: absolute;
    top: 11px;
    right: 27px;
    font-size: 13px;
    /*color: #000000;*/
}

.bill-list-inOut {
    position: absolute;
    top: 14px;
    right: 70px;
    font-size: 13px;
    color: #000000;
}

.bill-list-check {
    position: absolute;
    top: 41px;
    right: 14px;
    font-size: 13px;
    color: #000000;
}

.bill-list-right {
    position: absolute;
    top: 30px;
    right: 10px;
    font-size: 17px;
    color: #ccc;
}

.bill-list-right1 {
    position: absolute;
    top: 18px;
    right: 16px;
    font-size: 17px;
    color: #ccc;
}

.bill-list-right2 {
    position: absolute;
    top: 20px;
    right: 10px;
    font-size: 32px;
}

.bill-list-right3 {
    position: absolute;
    top: 29px;
    right: 16px;
    font-size: 30px;
    color: #839AC5;
}

.bill-list-right4 {
    position: absolute;
    top: 40px;
    right: 27px;
    font-size: 14px;
    color: #C4C4C4;
}

.bill-list-right5 {
    position: absolute;
    top: 26px;
    right: 10px;
    font-size: 13px;
    color: #ccc;
}

.bill-list-state.state-00 {
    color: #23b7e5;
}

.bill-list-state.state-01 {
    color: #fd7d00;
}

.bill-list-state.state-02 {
    color: #27c24c;
}

.bill-list-state.state-03 {
    color: #ff3728;
}

.bill-list-state.state-04 {
    color: #0461A6;
}

.graph-list-label {
    font-size: 20px;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #252525;
}

.graph-list-date {
    padding-top: 0px;
    color: #BEA77F;
    font-size: 13px;
}

.graph-list-amount {
    /*position: absolute;*/
    /*top: 12px;*/
    /*right: 10px;*/
    /*color: #009554;*/
    font-size: 20px;
    font-family: DIN;
    font-weight: 500;
    color: #ED893F;
}

.user-page {
    font-size: calc(100vw / 375 * 15);
    margin: 0 calc(100vw / 375 * 15);
}

.button.button-dblue.button-small {
    font-size: 12px;
    min-height: 25px;
    line-height: 25px;
    padding: 0 12.5px;

    opacity: 1;
    background: linear-gradient(180deg, rgb(230, 190, 153) 0%, rgb(220, 163, 116) 100%);
    /* box-shadow: 0px 2px 0px 0px rgb(220, 163, 116); */
    border-radius: 20px;
}

.box-sd {
    flex: 1;
    min-height: 152px;
    background: rgba(53, 71, 106, 1);
    margin: 15px;
}

.box-sd:last-child {
    margin-bottom: 15px;
}

.box-sd--head {
    width: 100%;
    flex: 1;
    min-height: 35px;
    font-size: 14px;
    color: #fff;
    background: rgba(4, 153, 146, 1);
}

.box-sd--item {
    min-height: 72px;
    background: rgba(11, 58, 84, 1);
    border-radius: 4px;
    padding: 10px 17.5px;
    /*max-width: 75px;*/
}

.box-icon {
    font-size: 22px;
    color: #fff;
}

.box-font {
    font-size: 10px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.box-sd--cont {
    padding: 22.5px 15px;
    flex: 0 1 auto;
    width: 100%;
    grid-template-columns: repeat(4, 24%);
}

.box-sd--itemBox {
    width: 37px;
    height: 37px;
    background: linear-gradient(120deg, rgba(109, 179, 224, 1), rgba(27, 93, 136, 1));
    border-radius: 50%;
    margin-bottom: 4px;
}

.securitySettin-item {
    background: linear-gradient(120deg, rgba(16, 218, 209, 1), rgba(4, 153, 146, 1));
}

.graph-list-note {
    position: absolute;
    top: 30px;
    right: 10px;
    font-size: 14px;
    font-weight: normal;
    color: rgba(131, 154, 197, 1);
}

.qrcode {
    display: block;
    margin: calc(100vw / 375 * 10);
    max-width: 100%;
}

qrcode {
    background: white;
    border-radius: calc(100vw / 375 * 4);
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.item input {
    height: auto;
}

.grid-item-50 {
    width: 50%;
    float: left;
}

.grid-item-33 {
    width: 33.333333%;
    float: left;
}

.grid-item-20 {
    width: 20%;
    float: left;
}

.grid-item-25 {
    width: 25%;
    float: left;
}

.grid-item-75 {
    width: 75%;
    float: left;
}

.fab-button-label {
    font-size: 15px;
    /*padding: 5px 0 0;*/
    color: #666;
}

.paymeng-pirce {
    margin: 5px;
    background: #f5f5f5;
}

.paymeng-line {
    width: 5px;
    height: 100%;
    background: #f5f5f5;
}

.paymeng-box {
    flex: 1;
    background: #fff;
    padding: 8px 0;
}

.list-pirce {
    font-size: 29px !important;
    line-height: initial;
}

.withdraw.input-label,
.product.input-label {
    display: table;
    padding: 7px 10px 7px 0px;
    max-width: 60px;
    width: 35%;
    color: #444;
    font-size: 16px;
    font-weight: bold;
}

.withdraw input,
.product input {
    height: 35px;
    font-size: 16px;
}

.item-note-orange {
    float: right;
    color: orange;
    font-size: 16px;
}

.item-note-grey {
    float: right;
    color: slategrey;
    font-size: 16px;
}

.item-note-blue {
    float: right;
    color: blue;
    font-size: 14px;
}

.item-note-dblue {
    float: right;
    color: #8DA0C8;
    font-size: 14px;
}

.item-stacked-label {
    display: block;
    background-color: #fff;
    box-shadow: none;
}

.list {
    position: relative;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    margin-bottom: 0px;
}

.item .item-divider {
    padding-top: 2px;
    padding-bottom: 2px;
    min-height: 20px;
    background-color: #f5f5f5;
    color: #666;
    font-size: 13px;
}

.item-divider-md {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 30px;
    background-color: #f5f5f5;
    color: #222;
    font-weight: 900;
}

.item-note {
    float: right;
    color: rgba(195, 200, 221, 1) !important;
    font-size: 14px;
}

.item-note-price {
    position: absolute;
    right: 120px;
    top: 19px;
    color: #f35833;
    font-size: 14px;
}

.input-label {
    display: table;
    padding: 7px 10px 7px 0px;
    max-width: 60px;
    width: 35%;
    color: #444;
    font-size: 11px;
    font-weight: bold;
}

.font-span--header {
    font-size: 15px;
    font-family: 'HongHuangFont';
    font-weight: 400;
    color: #FFFFFF;
}

.register.input-label {
    display: table;
    padding: 7px 10px 7px 0px;
    max-width: 60px;
    width: 35%;
    color: #444;
    font-size: 16px;
    font-weight: bold;
}

.register input {
    height: 35px;
    font-size: 16px;
}

.item-note-red {
    float: right;
    color: red;
    font-size: 14px;
}

.item-gap {
    padding-top: 1px;
    padding-bottom: 1px;
    min-height: 10px;
    background-color: #E3E3E3;
    color: #222;
    border: none;
    box-shadow: none !important;
}

.merchant-title {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.merchant-address {
    font-size: 13px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-title {
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-detail-title {
    font-size: 15px;
}

.product-desc {
    font-size: 15px;
}

.consuming-unfinished {
    color: #009999;
    font-size: 12px;
}

.consuming-finished {
    color: #666;
    font-size: 12px;
}

.product-price-group {
    /*position: absolute;*/
    /*bottom: 5px;*/
    margin-top: 5px;
}

.product-detail-price-group {
    margin-top: 5px;
    margin-bottom: 25px;
}

.product-price {
    font-size: 12px;
    float: left;
}

.product-price-off {
    color: #FF6666;
    margin-left: 10px;
    font-size: 13px;
    float: left;
}

.violation-date {
    color: #666;
    font-size: 15px;
}

.violation-act {
    font-size: 15px;
}

.violation-area {
    font-size: 15px;
}

.violation-fen {
    color: #FF6666;
    font-size: 15px;
    margin-left: 25px;
    float: left;
}

.violation-money {
    color: #FF6666;
    font-size: 15px;
    float: left;
}

label.placeholder {
    color: #999;
}

div.placeholder {
    font-size: 15px;
    color: #999;
}

.item-detail-main {
    font-size: 15px;
    color: #111
}

.item-detail-secondary {
    color: #666;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.border-bottom {
    border-bottom: solid;
    border-bottom-color: #2980b9;
}

.border-top {
    border-top: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
}

.button-time-disabled {
    border-color: #b2b2b2;
    background: #b2b2b2;
    color: #444;
    display: block;
    clear: both;
    position: relative;
    margin: 0;
    padding: 0 12px;
    min-width: 52px;
    min-height: 47px;
    border-width: 1px;
    border-style: solid;
    vertical-align: top;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 42px;
}

.button-time-selected {
    border-color: #2980b9;
    background: white;
    color: #2980b9;
    display: block;
    clear: both;
    position: relative;
    margin: 0;
    padding: 0 12px;
    min-width: 52px;
    min-height: 47px;
    border-width: 2px;
    border-style: solid;
    vertical-align: top;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 42px;
}

.button-time {
    border-color: #b2b2b2;
    background: white;
    color: #444;
    display: block;
    clear: both;
    position: relative;
    margin: 0;
    padding: 0 12px;
    min-width: 52px;
    min-height: 47px;
    border-width: 1px;
    border-style: solid;
    vertical-align: top;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 42px;
    cursor: pointer;
}

.record-price {
    font-size: 15px;
    float: left;
    color: black;
}

.record-time {
    font-size: 13px;
    float: right;
    color: lightslategray;
}

.record-type {
    padding-top: 5px;
    clear: both;
}

.record-reason {
    position: relative;
    float: right;
    top: -22px;
    color: black !important;
}

.invitee-price {
    font-size: 15px;
    float: left;
    color: black;
}

.invitee-time {
    font-size: 13px;
    float: right;
    color: lightslategray;
}

.invitee-inOut {
    padding-top: 5px;
    float: right;
}

.invitee-cname {
    padding-top: 5px;
    clear: both;
}

.item textarea {
    width: 100%;
}

.item input {
    width: 80%;
}

.item.item-input.increase input {
    padding-left: 10px;
}

.pull-down {
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.slide-in-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.slide-in-right.ng-enter, .slide-in-right > .ng-enter {
    -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
    transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
}

.slide-in-right.ng-enter-active, .slide-in-right > .ng-enter-active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.slide-in-right.ng-leave, .slide-in-right > .ng-leave {
    -webkit-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
}

.slide-in-left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.slide-in-left.ng-enter, .slide-in-left > .ng-enter {
    -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
    transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
}

.slide-in-left.ng-enter-active, .slide-in-left > .ng-enter-active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slide-in-left.ng-leave, .slide-in-left > .ng-leave {
    -webkit-transition: all ease-in-out 250ms;
    transition: all ease-in-out 250ms;
}

.title_detail {
    font-size: 18px;
    color: #333;
    display: block;
}

.title_detail--img {
    width: 200px;
    height: 50px;
    margin: 10px auto
}

.title_detail--img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 3px;
}

.date_detail {
    font-size: 14px;
    color: #e13045;
    display: block;
}

.item.block {
    border-color: #ddd;
    background-color: #fff;
    color: #444;
    position: relative;
    z-index: 2;
    display: block;
    margin: -1px;
    padding: 10px 16px 10px 16px;
    border-width: 0.5px;
    border-style: solid;
    font-size: 13px;
}

.item.block.report-item {
    background-color: rgba(11, 58, 84, 1);
    border: 0;
    font-size: 10px;
    color: #fff;
}

.item.block.report-item .fab-button-label {
    color: #fff;
}

.item.draw {
    border-color: #ddd;
    background-color: #fff;
    color: #444;
    position: relative;
    z-index: 2;
    display: block;
    margin: -1px;
    padding: 10px 16px 10px 16px;
    border-width: 1px;
    border-style: solid;
    font-size: 13px;
}

.item.draw button {
    top: 12px;
}

.block .label {
    color: #a3a3a3;
    font-size: 15px;
}

/*.block .money {*/
/*display: inline;*/
/*padding: .2em .6em .3em;*/
/*font-size: 70%;*/
/*font-weight: bold;*/
/*line-height: 1;*/
/*color: orange;*/
/*text-align: center;*/
/*white-space: nowrap;*/
/*vertical-align: baseline;*/
/*border-radius: .25em;*/
/*}*/

.block .money {
    font-size: 18px;
    color: orange;
    padding: .2em .6em .3em;
}

.block .market {
    font-size: 18px;
    color: green;
    padding: .2em .6em .3em;
}

.block .left-right {
    font-size: 18px;
    color: #00a0e9;
    padding: .2em .6em .3em;
}

.item.item-sm {
    border-color: 1px solid transparent;
    /*background:rgba(54,55,63,1);*/
    box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);
    color: #3a3a3a;
    position: relative;
    z-index: 2;
    display: block;
    margin: 1px;
    padding: 10px;
    border-width: 0.5px;
    border-style: solid;
    font-size: 13px;
    border-radius: 5px;
}

.item-sm-thumbnail-left,
.item-sm-thumbnail-left .item-content {
    padding-top: 8px;
    padding-left: 86px;
    height: 86px;
}

.item-sm-thumbnail-left > img:first-child,
.item-sm-thumbnail-left .item-image,
.item-sm-thumbnail-left .item-content > img:first-child,
.item-sm-thumbnail-left .item-content .item-image {
    position: absolute;
    top: 10px;
    left: 10px;
    max-width: 64px;
    max-height: 64px;
    width: 100%;
    height: 100%;
}

.item-sm-line-thumbnail-left,
.item-sm-line-thumbnail-left .item-content {
    padding-top: 8px;
    padding-left: 86px;
    min-height: 115px;
}

.item-sm-line-thumbnail-left > img:first-child,
.item-sm-line-thumbnail-left .item-image,
.item-sm-line-thumbnail-left .item-content > img:first-child,
.item-sm-line-thumbnail-left .item-content .item-image {
    position: absolute;
    top: 10px;
    left: 10px;
    max-width: 64px;
    max-height: 64px;
    width: 100%;
    height: 100%;
}

.item.item-md {
    border-color: #ddd;
    background-color: #fff;
    color: #444;
    position: relative;
    z-index: 2;
    display: block;
    margin: -1px;
    padding-top: 16px;
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 6px;
    border-width: 1px;
    border-style: solid;
    font-size: 16px;
}

.item-thumbnail-left,
.item-thumbnail-left .item-content {
    padding-top: 8px;
    padding-left: 106px;
    min-height: 100px;
}

.item-thumbnail-left > img:first-child,
.item-thumbnail-left .item-image,
.item-thumbnail-left .item-content > img:first-child,
.item-thumbnail-left .item-content .item-image {
    position: absolute;
    top: 11px;
    left: 10px;
    max-width: 80px;
    max-height: 80px;
    width: 100%;
    height: 100%;
}

.bar .button.button-icon-sm.icon:before,
.bar .button.button-icon-sm.icon-left:before,
.bar .button.button-icon-sm.icon-right:before,
.bar .button.button-icon-sm:before {
    vertical-align: top;
    font-size: 24px;
}

.profile {
    background-size: cover;
    box-shadow: 0px 2px 5px 0 rgba(248, 248, 248, 1);
    color: #fff;
    height: 210px;
    position: relative;
    text-align: center;
    -webkit-transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 1s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%;
}

/*.profile-special1 {*/
/*background-color: #0071BC;*/
/*height: 200px;*/
/*}*/

.profile-special1 {
    /*background-color: rgba(248,248,248,1);*/
    background-color: #ef5350;
    height: 210px;
}

.profile-special2 {
    background-color: #29ABE2;
    height: 200px;
}

.profile-special3 {
    background-color: #00A99D;
    height: 205px;
}

.profile-special4 {
    background-color: #27ae60;
    height: 210px;
}

.profile-special5 {
    background-color: rgba(248, 248, 248, 1);
    height: 200px;
}

.profile-special7 {
    background-color: #22bbe9;
    height: 200px;
}

.profile > .content {
    top: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.profile > .content > .title {
    margin-bottom: 15px;
    font-size: 14px;
    color: #fff;
}

.profile > .content > .title2 {
    background: #00aaee;
    margin-bottom: 25px;
    color: rgba(255, 255, 255, 1);
}

.profile > .content > .title3 {
    background: #ff6537;
    font-size: 14px;
    margin-bottom: 25px;
    color: rgba(255, 255, 255, 1);
}

.profile > .content > .amount {
    margin-bottom: 15px;
    font-size: 40px;
    color: rgba(255, 255, 255, 1);
}

.profile > .content > .amount1 {
    margin-bottom: 20px;
    font-size: 40px;
    color: rgba(255, 255, 255, 1);
}

.profile > .content > .unCashAmount {
    margin-bottom: 20px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.7);
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 70%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:hover,
a.label:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-default {
    background-color: #777777;
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5e5e5e;
}

.label-primary {
    background-color: #337ab7;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #286090;
}

.label-success {
    background-color: #5cb85c;
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44;
}

.label-info {
    background-color: #5bc0de;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f;
}

.label-danger {
    background-color: #d9534f;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c;
}

.line {
    width: 100%;
    height: 2px;
    margin: 5px 0;
    overflow: hidden;
    font-size: 0;
}

.line-xs {
    margin: 0;
}

.line-lg {
    margin-top: 15px;
    margin-bottom: 15px;
}

.line-dashed {
    background-color: transparent;
    border-style: dashed !important;
    border-width: 0;
}

.b {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.b-a {
    border: 1px solid #dee5e7;
}

.b-t {
    border-top: 1px solid #dee5e7;
}

.b-r {
    border-right: 1px solid #dee5e7;
}

.b-b {
    border-bottom: 1px solid #dee5e7;
}

.b-l {
    border-left: 1px solid #dee5e7;
}

.b-light {
    border-color: #edf1f2;
}

.b-dark {
    border-color: #3a3f51;
}

.b-black {
    border-color: #3a3f51;
}

.b-primary {
    border-color: #7266ba;
}

.b-success {
    border-color: #27c24c;
}

.b-info {
    border-color: #23b7e5;
}

.b-warning {
    border-color: #fad733;
}

.b-danger {
    border-color: #f05050;
}

.b-white {
    border-color: #ffffff;
}

.b-dashed {
    border-style: dashed !important;
}

.b-l-light {
    border-left-color: #edf1f2;
}

.b-l-dark {
    border-left-color: #3a3f51;
}

.b-l-black {
    border-left-color: #3a3f51;
}

.b-l-primary {
    border-left-color: #7266ba;
}

.b-l-success {
    border-left-color: #27c24c;
}

.b-l-info {
    border-left-color: #23b7e5;
}

.b-l-warning {
    border-left-color: #fad733;
}

.b-l-danger {
    border-left-color: #f05050;
}

.b-l-white {
    border-left-color: #ffffff;
}

.b-l-2x {
    border-left-width: 2px;
}

.b-l-3x {
    border-left-width: 3px;
}

.b-l-4x {
    border-left-width: 4px;
}

.b-l-5x {
    border-left-width: 5px;
}

.b-2x {
    border-width: 2px;
}

.b-3x {
    border-width: 3px;
}

.b-4x {
    border-width: 4px;
}

.b-5x {
    border-width: 5px;
}

.r {
    border-radius: 2px 2px 2px 2px;
}

.r-2x {
    border-radius: 4px;
}

.r-3x {
    border-radius: 6px;
}

.r-l {
    border-radius: 2px 0 0 2px;
}

.r-r {
    border-radius: 0 2px 2px 0;
}

.r-t {
    border-radius: 2px 2px 0 0;
}

.r-b {
    border-radius: 0 0 2px 2px;
}

.font-10 {
    font-size: 10px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

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

.font-17 {
    font-size: 17px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-19 {
    font-size: 19px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-21 {
    font-size: 21px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-23 {
    font-size: 23px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-25 {
    font-size: 25px !important;
}

.font-26 {
    font-size: 26px !important;
}

.font-27 {
    font-size: 27px !important;
}

.font-28 {
    font-size: 28px !important;
}

.font-29 {
    font-size: 29px !important;
}

.font-30 {
    font-size: 30px !important;
}

.font-35 {
    font-size: 35px !important;
}

.font-40 {
    font-size: 40px !important;
}

.font-45 {
    font-size: 45px !important;
}

.line-height45 {
    line-height: 45px;
}

/*弹出警告条*/
.warningBox {
    z-index: 10001;
    background-color: rgba(0, 0, 0, .8);
    overflow: hidden;
    border-radius: calc(100vw / 375 * 5);
    text-align: center;
    color: #fff;
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 16);
    /* width: 100%; */
    margin: calc(100vw / 375 * 88) calc(100vw / 375 * 10);
    /* width: 80%; */
}

.weui_icon_area .spinner svg {
    width: calc(100vw / 375 * 100);
    height: calc(100vw / 375 * 100);
}

.warningBox.success {
    background-color: rgba(81, 163, 81, 0.8);
}

.warningBox.error {
    background-color: rgba(189, 54, 47, 0.8);
}

.warningBox img {
    margin-right: calc(100vw / 375 * 10);
    height: 50%
}

.fadeOut {
    -webkit-animation: fadeOut 2s 2s ease-in;
    -moz-animation: fadeOut 2s 2s ease-in;
    -ms-animation: fadeOut 2s 2s ease-in;
    animation: fadeOut 2s 2s ease-in
}

.fixTop {
    position: fixed;
    left: 47%;
    top: 20%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

/*列表画面*/
p {
    margin: 0.25rem 0;
}

.btn-blue {
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0px 4px 8px 0px rgba(53, 116, 250, 0.18);
    border: 2px solid rgba(101, 103, 197, 1);
    color: rgba(101, 103, 197, 1) !important;
}

.list-detail {
    overflow: hidden;
    margin-left: 0.75rem;
}

.account-detail {
    overflow: hidden;
    color: #a5a5a5 !important;
    padding: 5px 0px 0px;
}

.list-detail .grey {
    color: #C4C4C4;
}

.list-detail .bold {
    font-weight: bold;
    color: #515151;
}

.list-detail .padding-num {
    padding: 5px 0px 3px 0px;
    color: #20DC86;
}

.list-detail .padding-char {
    padding: 3px 0px 3px 0px;
    color: #666;
}

.toggle {
    background-color: #F0F0F0;
    position: fixed;
    width: 100%;
    top: 44px;
    z-index: 1000;
}

.toggle ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem;
}

.toggle ul li {
    margin: 0.25rem;
    padding: 0.5rem 0;
    width: 25%;
    text-align: center;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    color: #666;
}

.content-detail {
    /*margin-top:62px;*/
    background-color: #ffffff;
    z-index: 998;
}

.content-detail ul li {
    /*margin-left: 0.75rem;*/
    /*padding: 0.5rem 0.75rem 0.5rem 0;*/
    /*border-bottom: 0.5px solid #DDDDDD;*/
    padding: 0.68rem 0.75rem 0.68rem 0;
    border-bottom: 0.5px solid #DDDDDD;
}

.mask {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 999;
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-top: 44px;
    display: none;
}

.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

.dark img {
    width: 80px;
    height: 80px;
    float: left;
    border-radius: 5%;
    border: 1px solid #ddd;
}

.item-image img {
    width: calc(100vw / 375 * 60) !important;
    height: calc(100vw / 375 * 60);
    position: absolute;
    margin-top: calc(-1 * (100vw / 375 * 30));
    margin-left: calc(-1 * (100vw / 375 * 30));
    left: 50%;
    top: 50%;
    border-radius: 10%;
    border: calc(100vw / 375 * 4) solid #fff;
    z-index: 1;
}

.dark .rcode {
    color: #000;
    position: relative;
    top: 10px;
    left: 10px;
}

.dark .username {
    color: #000;
    position: relative;
    top: 30px;
    left: 10px;
}

.dark .username-icon {
    color: #00aaee;
    position: relative;
    top: 3px;
    float: left;
}

.dark .username-name {
    color: slategrey;
    position: relative;
    left: 3px;
}

.bar .title1 {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    /* overflow: hidden; */
    margin: 0 10px;
    min-width: 30px;
    height: 43px;
    text-align: center;
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    font-size: 16px !important;
    font-weight: 500;
    line-height: 44px;
}

.LightBox {
    z-index: 999;
    /*top: 44px;*/
    /*background: black;*/
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.LightBox .ImgViewer {
    width: 100%;
    height: 100%;
    position: relative;
}

.LightBox .ImgViewer img {
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
}

.write .input-del-withdraw {
    display: none;
}

.write .input-del-product {
    display: none;
}

.write .input-del-transfer {
    display: none;
}

.write .input-del-ceded {
    display: none;
}

.write .input-del-pwd {
    display: none;
}

.write .input-del-referral {
    display: none;
}

.write .input-del-bankCard {
    display: none;
}

.write .input-del-entBank {
    display: none;
}

.write .input-del-login {
    display: none;
}

.write .input-del-verify {
    display: none;
}

.write .input-del-register {
    display: none;
}

.write .input-del-forgot {
    display: none;
}

.write .input-del-binding {
    display: none;
}

.input-del-ceded,
.input-del-transfer,
.input-del-product,
.input-del-withdraw {
    position: absolute;
    padding-top: 8px !important;
    right: 24%;
    font-size: 15px;
    color: #c4c4c4;
    display: block;
}

.input-del-entBank,
.input-del-pwd,
.input-del-bankCard,
.input-del-referral {
    position: absolute;
    padding-top: 3px !important;
    right: -5px !important;
    font-size: 15px !important;
    color: #a5a5a5;
    display: block;
}

.input-del-binding,
.input-del-forgot,
.input-del-register,
.input-del-verify,
.input-del-login {
    position: absolute !important;
    right: calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 15);
    color: #a5a5a5;
    display: block;
    top: calc(100vw / 375 * 8) !important;
}

.ionview_binding,
.ionview_verify {
    background-attachment: fixed;
    background-position: right center;
    background-position: right;
    background-size: 100%;
    overflow: hidden;
}

.sub_header_list {
    width: 100%;
}

.sub_header_list .button {
    width: 50%;
    color: #fff;
    font-weight: normal;
}

.bar .sub_header_list .button.sub_button_select {
    border-bottom: 2px solid #008F3F;
}

.bar-subheader {
    border-bottom: none;
    position: relative;
    top: 55px;
    height: 30px;
    width: 95%;
    margin: 0 auto;
    border: 1px solid #008F3F;
    border-radius: 5px;
    background: transparent;
}

.w-font {
    color: #fff !important;
    font-weight: 500;
    text-align: center;
}

.bar .button.button-clear,
.bar button.button-clear {
    font-weight: normal !important;
}

.verify-list-inset {
    position: relative;
    top: 65px;
    overflow: hidden;
    margin: 12px 11px 0px 11px;
    border-radius: 4px;
    background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.payment-list-inset {
    position: relative;
    top: 33px;
    overflow: hidden;
    margin: 12px 11px 0px 11px;
    border-radius: 4px;
    background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.binding-list-inset,
.register-list-inset,
.fogot-list-inset {
    position: relative;
    top: 45px;
    overflow: hidden;
    margin: 12px 11px 0px 11px;
    border-radius: 4px;
    background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.login-list-inset {
    overflow: hidden;
    margin: 12px 11px 0px 11px;
    border-radius: 4px;
    background-color: #fff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.list-inset {
    overflow: hidden;
    margin: 2px 11px 0px 11px;
    border-radius: 4px;
    background-color: #fff;
}

.list-inset-ref {
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 10) 0 calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
    background: transparent;
    /*box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgb(188 188 188 / 50%);*/
}

.register-list-inset {
    opacity: 1 !important;
}

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

.border_bottom {
    border-bottom: 0.5px solid #DDDDDD;
}

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

.text-right a {
    text-decoration: none;
}

.top-trans {
    border-color: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

.no-border {
    border-color: transparent !important;
}

.m-btn-left {
    margin-top: -6px;
    padding-top: 6px;
    margin-left: -6px;
    margin-right: -6px;
    background: #008F3F;
    height: 30px;
    width: 50%;
    min-height: 30px !important;
}

.m-btn-right {
    line-height: 27px;
    font-size: 16px;
    margin-top: -6px;
    padding-top: 1px;
    background: #008F3F;
    height: 30px;
    width: 50%;
    left: 5px;
    min-height: 30px !important;
}

.actived {
    background: #008F3F !important;
    height: 30px !important;
}

.tags-price_box span {
    border-radius: 4px;
    /*background-color:#00aaee;*/
    /*color: #ffffff;*/
    padding: 5px 14px 4px 14px;
    /*border: 1px solid;*/
    /*line-height: 18px;*/
    float: left;
    font-size: 20px;
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    /* transform: scale(.85) */
}

.tags-price_box .jia_ge_zhang {
    /*border-color: #00aaee;*/
    background-color: #f35833;
    color: #fff;
}

.tags-price_box .jia_ge_gain {
    /*border-color: #00aaee;*/
    background-color: gainsboro;
    color: #f35833;
}

.tags-price_box .jia_ge_die {
    /*border-color: #00aaee;*/
    background-color: #07a168;
    color: #fff;
}

.tags-price__item {
    background-color: #fff;
    color: #444;
    margin: -1px;
    padding: 10px;
    border: 0.5px solid #ddd;
    font-size: 16px;
}

.list hr {
    height: 1px;
    border: none;
    border-bottom: 1.5px solid #DDDDDD !important;
    margin-left: 3%;
    width: 94%;
}

.item hr {
    height: 1px;
    border: none;
    border-bottom: 1.5px solid #DDDDDD !important;
    margin-left: 3%;
    width: 94%;
}

.assertive.background-line {
    background: #ef5350;
}

.blue.background-line {
    background: #00aaee;
}

.dblue.background-line {
    background: #1b82d2;
}

.energized.background-line {
    background: #f17c34;
}

.balanced.background-line {
    background: #27ae60;
}

.dtintGreen.background-line {
    background: #4FB56C;
}

.royal.background-line {
    background: #9575cd;
}

.royal.background-line {
    background: #9575cd;
}

/*  by tourway and zl 2018.0.27  */
/* 取消 */
.state-4 {
    color: #e6640d !important;
}

/* 交易中 */
.state-1 {
    color: #339dff !important;
}

/* 已付款 */
.state-2 {
    color: #2bc7c9 !important;
}

/* 交易完成 */
.state-3 {
    color: #72ba1c !important;
}

/* 挂单中 */
.state-0 {
    color: #ffaf30 !important;
}

/*解决屏幕点击元素出现底色*/
a, button, input, div {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

/*解决屏幕点击元素出现底色*/

p,
ul,
h3,
h4 {
    margin-top: 0;
    margin-bottom: 0;
}

ul {
    padding-left: 0;
}

li {
    list-style: none;
}

button,
input,
textarea {
    outline: none;
    border: none;
    line-height: 1.5;
    background-color: transparent;
}

button {
    background-color: transparent;
    padding: 0;
}

span.fl_color_span {
    /* color: #909191; */
    color: #8DA0C8;
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
}

span.forgot {
    font-size: calc(100vw / 375 * 14);
    font-weight: 400;
    color: rgba(179, 185, 213, 1);
}

span.reg {
    font-size: calc(100vw / 375 * 14);
    font-weight: 400;
    /*text-decoration: underline;*/
    color: rgba(34, 30, 87, 1);
    border-bottom: 2px solid;
}

.tips-title {
    color: #fff;
    font-weight: normal;
    padding: 0 9px;
    font-size: 12px
}

.bodyBgcolor {
    background: #f5f5f5 !important;
}

.f,
.f-c,
.f-sb,
.f-sa,
.f-ac,
.f-as,
.f-w,
.f-dc,
.f-fe,
.f-fs,
.f-ais,
.f-ae,
.f-ab,
.f-tc {
    display: flex;
}

.f-ab {
    align-items: baseline;
}

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

.f-ais {
    align-items: stretch;
}

.f-fs {
    justify-content: flex-start;
}

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

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

.f-c {
    justify-content: center;
}

.f-sb {
    justify-content: space-between;
}

.f-sa {
    justify-content: space-around;
}

.f-ac {
    align-items: center;
}

.f-dc {
    flex-direction: column;
}

.f-as {
    align-items: flex-start;
}

.f-tc {
    text-align: center;
}

.g {
    display: grid;
}

.hidden {
    display: none !important;
}

.line_block {
    display: inline-block;
}

.opacity-r {
    opacity: 0;
}

.visibility {
    visibility: hidden !important;
}

.pos-a {
    position: absolute !important;
}

.pos-r {
    position: relative !important;
}

.pos-ab {
    position: absolute !important;
}

.pos-re {
    position: relative;
}

.pos-f {
    position: fixed !important;
}

.displayFlse {
    display: flex;
}

.textLeft {
    text-align: left !important;
}

.textRight {
    text-align: right !important;
}

.textCentent {
    text-align: center !important;
}

.actived-s {
    color: #A8A8A8 !important;
}

.actived-d {
    color: #444444 !important;
}

.after_action {
    width: 150px;
    text-align: center;
    display: inline-block;
    color: #1B82D2;
}

.f-fs {
    justify-content: flex-start;
}

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

.f-c {
    justify-content: center;
}

.border_right {
    border-right: 0.5px solid #dddddd;
}

.border_top_no {
    border-top: none !important;
}

.border_bottom_no {
    border-bottom: none !important;
}

.border_left_no {
    border-left: none !important;
}

.border_right_no {
    border-right: none !important;
}

.border_no {
    border: none !important;
}

.click_more {
    font-size: 18px;
    color: #989898;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.click_more span {
    display: inline-block;
}

.click_more span.span_more {
    margin-right: 8px;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clearFloat {
    clear: both;
}

.opacity_html {
    opacity: 0.5;
}

.header_bgcolor_blue {
    background: #1B82D2;
    color: #ffffff;
    position: relative;
}

.header_bgcolor_blue label {
    display: table;
}

.header_bgcolor_blue .number_input {
    display: inline-block;
    width: 100%;
    height: 30px;
    margin-top: 2px;
    background: #1B82D2 !important;
    color: #ffffff;
    padding-right: 10px;
}

.header_bgcolor_blue .right_icon {
    position: absolute;
    right: 15px;
    bottom: 14px;
    font-size: 18px;
}

.matters_content {
    background: #ffffff;
}

.height_fixation {
    height: 60px;
}

.matters_content div.float_for {
    width: 50%;
    height: 50px;
    float: left;
    box-sizing: border-box;
    position: relative;
    padding-right: 10px;
}

.matters_content div.cengtent {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.matters_content .text_left {
    float: left;
    margin-left: 10px;
}

.matters_content .text_right {
    float: right;
    text-align: right;
}

.matters_content .posi_icon_left {
    font-size: 22px;
    color: #1B82D2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 10px;
}

.otcTab-bline {
    width: 50%;
    height: 1.5px;
    background: rgba(238, 198, 127, 1);
    position: absolute;
    bottom: 0px;
    transition: all .25s ease;
    border-radius: 100px;
}

.otcTab-dl {
    height: 3.5px;
    background: #1b82d2;
    position: absolute;
    bottom: 1px;
    transition: all .25s ease;
    animation: mymove .45s linear forwards;
}

@keyframes mymove {
    from {
        width: 0%;
    }
    to {
        width: 25%;
    }
}

ul.product_ulList {
    width: 100%;
    list-style-type: none;
}

ul.product_ulList > li {
    width: 100%;
    padding: 20px 15px;
    border-top: 0.5px solid #DDDDDD;
}

.productList_left {
    width: 40%;
    height: 56px;
    float: left;
    border-right: 1px solid #e8e8e8;
    box-sizing: border-box;
}

p.styleFirst {
    font-size: 22px;
    margin-bottom: 15px;
}

span.interest_span {
    display: inline-block;
    height: 21px;
    line-height: 21px;
}

p.styleTwo {
    color: #9F9F9F;
}

.productList_right {
    width: 60%;
    float: left;
    padding-left: 15px;
}

@media screen and (min-width: 320px) {
    .back_logo {
        width: 100%;
        height: 100%;
        overflow: hidden;
        /*background: url(../img/login-bg.jpg) no-repeat;*/
        /*background:rgba(248,248,248,1);*/
        background: #28282F;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .back_logo_wallet {
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: url(../img/login-bg.jpg) no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
    }
}

.back_shade {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background: #3C3F41;
    opacity: 0.2;
}

.login_content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.input_border {
    width: 100%;
    border-bottom: 1px solid #999999;
    /*opacity: .8;*/
    position: relative;
    margin-bottom: calc(100vw / 375 * 20);
}

.input_border .icon_class {
    color: #B3B9D5 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    position: absolute;
    top: 12px;
    left: 2px;
    height: 100%;
    font-size: 32px;
    /*display: none;*/
}

.btn-login {
    width: 100%;
    padding: 0 0 calc(100vw / 375 * 10) 0;
}

.login-label {
    line-height: calc(100vw / 375 * 23);
    width: 100%;
    font-size: calc(100vw / 375 * 12);
    font-weight: 400;
    color: #636363;
}

.login-new--label .login-label {
    font-size: calc(100vw / 375 * 16);
    font-weight: 400;
    color: #C3C8DD;
}

.login-logo--box {
    width: 100%;
    margin-bottom: 18px;
    margin-top: 50px;
}

.login-logo--box img {
    width: 67px;
    height: 86px;
    border: 0;
}

.login-linearGradient {
    /*height: 260px;*/
    background: linear-gradient(-13deg, #66648D 0%, #201D57 100%);
    position: absolute;
    border-radius: 0 0 calc(100vw / 375 * 60) calc(100vw / 375 * 60);
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}

.login-mainBoxInputBg {
    top: 0;
    right: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: calc(100vw / 375 * 200);
    background: url(../img/dfk/loginInputBoxBg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
    z-index: 0;
}

.versionLoginTpis {
    margin-top: calc(100vw / 375 * 20);
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    line-height: 1.5;
}

.notice-coneee {
    color: rgba(37, 37, 37, 1);
    font-size: calc(100vw / 375 * 14);
    /*height: calc(100vw / 375 * 16);*/
    line-height: calc(100vw / 375 * 20);
}

input.NO_bgcolor_input {
    padding-top: 0;
    border-radius: 0;
    background: transparent;
    width: 100%;
    padding-left: calc(100vw / 375 * 30);
    padding-right: 20px;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    font-size: calc(100vw / 375 * 16);
    font-weight: 500;
    color: #FFFFFF;
    height: calc(100vw / 375 * 34);
    /*line-height: calc(100vw / 375 * 24);*/
    /*-webkit-box-shadow: 0 0 0 1000px #857B4E inset;*/
}

.loginLanguage {
    /* bottom: 9px !important; */
    background: rgba(248, 248, 248, 1);
}

.NO_bgcolor_input-line {
    background-color: #E1A478;
    width: 1px;
    height: 24px;
    position: absolute;
    left: 54.5px;
    top: 9px
}

.fil-wallet-icon {
    font-size: 35px;
}

.posi_top {
    top: 38px !important;
    right: 10px !important;
}

.posi_top_login {
    right: 90px !important;
}

.padding_none {
    padding: 0;
}

.minHeight_span {
    min-width: 0 !important;
    min-height: 0 !important;
    line-height: 24px;
}

.posi_bottom {
    width: 100%;
    position: absolute;
    bottom: 240px;
    left: 0px;
}

.market-ga {
    padding: 13px 45px !important;
}

.market {
    height: 50px;
    padding: 15px 0px 0px;
    position: relative;
}

.market-active {
    background: #fff !important;
    color: #1b82d2 !important;
}

.market-title {
    flex: 1;
    height: 100%;
    color: #999;
    font-family: MicrosoftYaHei;
}

.price_color {
    margin-top: 8px;
    font-size: 30px;
    color: #f68063;
}

.height_fitd {
    width: 50%;
    height: 50px;
    font-size: 18px;
    box-sizing: border-box;
    line-height: 50px;
    padding-left: 10px;
}

.forget_login {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 20);
    /* height: 30px; */
    padding: 0 calc(100vw / 375 * 20);
}

.forget_login .login_button {
    background: rgb(67 76 255);
    box-shadow: 0 calc(100vw / 375 * 3) calc(100vw / 375 * 7) 0 rgba(239, 199, 160, 0.5);
    width: 100%;
    padding: calc(100vw / 375 * 12) 0;
    background-image: linear-gradient(
            90deg,
            #FFE6BF, #D7AE8A, #EFC7A0
    );
    /* border: 1px solid #E6E6E6; */
    background: #434CFF;
    border-radius: calc(100vw / 375 * 5);
    font-weight: 400;
}

.margin_centent {
    margin: 23px 30px 12px !important;
}

.register_bor {
    color: #444;
    position: relative;
    z-index: 2;
    padding: 10px 20px 0 0;
    font-size: 16px;
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
}

.register_bor i.icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    position: absolute;
    top: 4px;
    height: 100%;
    font-size: 32px;
}

.register_bor input {
    padding-left: 34px;
}

.QR_code_posi {
    font-size: 29px;
    color: #ffffff;
    top: 5px;
    right: 15px;
}

.QR_code_posi span {
    font-size: 18px;
    margin-left: 15px;
    display: inline-block;
    position: relative;
    bottom: 10px;
}

.Carousel {
    height: 220px;
}

.Carousel .slider-slides {
    height: 220px;
}

.Carousel img {
    width: 100% !important;
    height: 100% !important;
    /*height: auto;*/
}

.CarouselA {
    background: transparent !important;
    padding: 5px 10px !important;
    height: 250px !important;
}

.CarouselA .slider-slides {
    height: 240px !important;
    /*width: auto !important;*/
}

.CarouselA .slider-pager {
    position: absolute !important;
    bottom: calc(100vw / 375 * 10) !important;
    z-index: 1 !important;
    width: 100% !important;
    height: calc(100vw / 375 * 15) !important;
    text-align: center !important;
    font-size: calc(100vw / 375 * 10) !important;
}

.CarouselA img {
    border-radius: calc(100vw / 375 * 6) !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    /*height: auto;*/
}

.carouselB {
    background: rgba(11, 58, 84, 1) !important;
    padding: 5px 10px !important;
    height: 160px !important;
}

.CarouselB .slider-slides {
    height: 150px !important;
}

.CarouselB .slider-pager {
    position: absolute !important;
    bottom: 10px !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 15px !important;
    text-align: center !important;
    font-size: 10px !important;
}

.CarouselB img {
    /*border-radius: 6px !important;*/
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    /*height: auto;*/
}

.CarouselC {
    background: transparent !important;
    padding: 5px 10px !important;
    height: 250px !important;
}

.CarouselC .slider-slides {
    height: 240px !important;
    /*width: auto !important;*/
}

.CarouselC .slider-pager {
    position: absolute !important;
    bottom: 10px !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 15px !important;
    text-align: center !important;
    font-size: 10px !important;
}

.CarouselC img {
    border-radius: 6px !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    /*height: auto;*/
}

.CarouselC.fil-slide {
    padding: 0 !important;
    border-radius: 0;
    height: 240px !important;
}

.CarouselC.fil-slide img {
    border-radius: 0 !important;
}

.login_button_fix {
    height: 44px;
    top: 0px;
    right: 0px;
    padding: 6px 20px;
    color: #ffffff;
    z-index: 99999;
    font-size: 15px;
}

.nav_NOclick {
    background: #ffffff;
    padding: 10px 0;
}

.nav_NOclick > div.floatLeft {
    width: 50%;
    height: 40px;
    position: relative;
}

.nav_icon_main {
    width: 70px;
    height: 40px;
    margin: 0 auto;
}

.nav_icon_main span {
    display: block;
    float: left;
}

.nav_icon_main span.main_span_icon {
    font-size: 24px;
    color: #00a2d4;
    margin-top: 7px;
    margin-right: 10px;
}

.nav_icon_main span.main_span_text {
    width: 32px;
    font-size: 14px;
    color: #333333;
}

.infinite-main {
    /*padding: 10px;*/
    padding-top: 10px;
    background: #ffffff;
}

.resume_ulList {
    padding: 20px 10px 10px;
    position: relative;
}

.resume_ulList li {
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
}

.style_divlist {
    height: 40px;
    float: left;
    padding-right: 20px;
    font-size: 0.825rem;
    color: #999;
    line-height: 40px;
    text-align: center;
}

.resume_listOne {
    width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resume_listTwo {
    width: 30%;
}

.resume_listThree {
    width: 45%;
    padding-right: 0;
}

.resume_ulList li > div.list_color {
    color: #333;
    font-size: 0.825rem;
}

.resume_ulList li.NO_data {
    position: absolute;
    bottom: 16px;
    left: 0;
    font-size: 0.875rem;
    color: #999999;
}

.come_header {
    width: 100%;
}

.payment-main {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 1000;
}

.payment-btn {
    width: 50%;
    padding: 15px 0;
    height: 49px;
}

.payment-btnA {
    /*background: #1b82d2;*/
    color: #ffffff;
}

.payment-btnB {
    background: #ffffff;
    /*color: #1b82d2;*/
}

.list-icon {
    margin-left: 5px;
}

.payment-all-btn {
    flex: 1;
    width: 100%;
    padding: 10px 0;
}

.my-header {
    z-index: 10;
    background: rgba(248, 248, 248, 1) !important;
}

.bar.bar-dgreen {
    border: 1px solid rgba(11, 58, 84, 1) !important;
    background: rgba(11, 58, 84, 1) !important;
}

.bar.bar-positive {
    border-color: #3986e6 !important;
    background-color: #3986e6 !important;
    background-image: linear-gradient(0deg, #3986e6, #3986e6 50%, transparent 50%) !important;
    color: #fff;
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

.waveWrapper {
    z-index: 1;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: 0;
    /*background-image: linear-gradient(to top, #39ade4 20%, #3986e6 80%);*/
    background-image: linear-gradient(to top, rgba(248, 248, 248, 1) 36%, rgba(248, 248, 248, 1) 66%);
}

.bgTop {
    z-index: 15;
    opacity: 0.5;
}

.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}

.bgBottom {
    z-index: 5;
}

.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}

.waveTop {
    background-size: 50% 30px;
}

.waveAnimation .waveTop {
    animation: move-wave .3s;
    -webkit-animation: move-wave .3s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

.waveMiddle {
    background-size: 50% 30px;
}

.waveAnimation .waveMiddle {
    animation: move_wave 4s linear infinite;
}

.waveBottom {
    background-size: 50% 10px;
}

.waveAnimation .waveBottom {
    animation: move_wave 9s linear infinite;
}

.account-user {
    position: relative;
    z-index: 9;
}

.note-price {
    margin-bottom: -5px;
    color: #f35833;
}

/*
*buc4 start
*/
.header-bar--iconfont {
    color: #fff;
    font-size: 25px;
}

.textRedColor {
    color: #ef5350;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-15 {
    margin-bottom: 15px;
}

.mt-20 {
    margin-bottom: 20px;
}

.mt-10 {
    margin-top: 10px !important;
}

.mr-10 {
    margin-right: 10px;
}

.profile > .content > .title1 {
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 1);
}

.btn_activate {
    height: 36px;
}

.btn_activate img {
    width: 100px;
    height: auto;
}

/*.btn_activate img.alreadyActivate:active {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}*/

.pbf_bgimage {
    background: url(../img/publicBenefit.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.consumer_bgimage {
    background: url(../img/consumer.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.average33 {
    width: 33.33333%;
}

.pdl-15 {
    padding-left: 15px;
}

.movies_image {
    width: 85%;
    position: relative;
    margin: 28px auto 0;
}

.movies_image img {
    max-width: 100%;
    height: auto;
}

.movies_image p.movies_titel {
    position: absolute;
    top: 30px;
    left: 55px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    color: #582827;
}

.movies_image p.movies_number {
    position: absolute;
    top: 90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 100px;
    color: #582827;
    line-height: 100px;
}

.movies_btn {
    width: 210px;
    height: 56px;
    position: absolute;
    bottom: 45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #f7931e;
    border-radius: 10px;
    font-family: MicrosoftYaHei;
    font-size: 18px;
    color: #f5f5f5;
}

.moveis_gray {
    background: #999999 !important;
}

.list-iconfont {
    font-size: 25px !important;
}

.verify_titleP {
    font-size: 16px;
    color: #ffffff;
    background: #008F3F;
}

/*  认证 btn */
.button.button-positive, .button.button-positive.active,
.button.button-positive.actived {
    border-color: rgba(53, 116, 250, 1) !important;
    color: #fff !important;
    background: rgba(53, 116, 250, 1) !important;
    border-radius: 4px;
}

.button.button-default {
    border-color: rgba(141, 160, 200, 1) !important;
    background: rgba(141, 160, 200, 1) !important;
    border-radius: 4px;
    color: #fff !important;
}

.popup-buttons .button {
    height: 36px;
    min-height: inherit;
}

/* 3D Button */

.sensitize-btn.button-a {
    /*-webkit-animation-name: notSensitizeFrames;*/
    /*-webkit-animation-duration: 4s;*/
    /*-webkit-animation-iteration-count: infinite;*/
    background: #0093F5 url(overlay-button.png) repeat-x 0 0;
    display: inline-block;
    color: #fff !important;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 15px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    cursor: pointer;
    overflow: visible;
    width: auto;
    font-size: 16px;
    padding: 8px 20px 5px;
}

.sensitize.button-a {
    /*-webkit-animation-name: sensitizeFrames;*/
    /*-webkit-animation-duration: 4s;*/
    /*-webkit-animation-iteration-count: infinite;*/
    background: #A5A5A5 url(overlay-button.png) repeat-x 0 0;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.notSensitize:active {
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
}

@-webkit-keyframes notSensitizeFrames {
    0% {
        background-color: #0093f5d6;
        -webkit-box-shadow: 0 0 9px rgba(51, 51, 51, 0.25);
    }

    50% {
        background-color: #0093f5db;
        -webkit-box-shadow: 0 0 18px rgba(51, 51, 51, 0.4);
    }
    100% {
        background-color: #0093F5;
        -webkit-box-shadow: 0 0 9px rgba(51, 51, 51, 0.4);
    }
}

@-webkit-keyframes sensitizeFrames {
    0% {
        background-color: #A5A5A5;
        -webkit-box-shadow: 0 0 9px rgba(51, 51, 51, 0.25);
    }

    50% {
        background-color: #A5A5A5;
        -webkit-box-shadow: 0 0 18px rgba(51, 51, 51, 0.4);
    }
    100% {
        background-color: #A5A5A5;
        -webkit-box-shadow: 0 0 9px rgba(51, 51, 51, 0.4);
    }
}

.login_bgimageCentent {
    width: 110px;
    height: auto;
    margin-bottom: 40px;
    position: relative;
}

.login_bgimage {
    display: block;
    max-width: 100%;
    height: auto;
    /*position: relative;

   left: 50%;
   -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   transform: translateX(-50%);*/
}

.acc_imgCentent {
    max-width: 50px;
    height: auto;
    border-radius: 0%;
    position: absolute;
    left: 20px;
    top: 10px;
}

.acc_imgCentent > img {
    max-width: 100%;
    height: auto;
}

.bill_listF p {
    color: #9b9b9b;
}

.bill_listT {
    margin-left: -10px;
}

@media screen and (min-width: 320px) and (max-width: 360px) {
    .bill_listT {
        max-width: 160px;
    }
}

@media screen and (min-width: 375px) {
    .bill_listT {
        max-width: 208px;
    }
}

@media screen and (max-width: 360px) {
    .pl85 {
        padding-left: 10% !important;
    }
}

.bill_listT p.p_note {
    color: #737373;
    height: 20px;
    /*overflow: hidden;*/
    /*text-overflow:ellipsis;*/
    white-space: nowrap
}

.payment_bgimg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url(../img/payment.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.verify_bgimg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url(../img/verify.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.payment_reminder {
    width: 190px;
    margin: 67px auto;
    color: #ffffff;
    position: relative;
    top: 45px;
}

.password_centent, .verify_centent {
    width: 70%;
    margin: 0 auto;
}

.verify_centent {
    margin-top: 60px;
    position: relative;
    /*top: 45px;*/
}

.payment_input_ctn, .verify_input_ctn {
    position: relative;
    border-bottom: 0.5px solid #ffffff;
    margin-bottom: 15px;
}

.payment_input_ctn input, .verify_input_ctn input {
    width: 100%;
    padding: 0 0 0 30px;
    font-size: 12px !important;
    padding-top: 10px;
    color: #ffffff;
}

.bar.bar-theme-about {
    background: linear-gradient(60deg, rgba(47, 42, 114, 1), rgba(47, 42, 114, 1)) !important;
    color: #fff;
}

.payment_icon_left, .verify_icon_left {
    position: absolute;
    bottom: 4px;
    left: 0;
}

.payment_icon_right, .verify_icon_right {
    right: 0;
    bottom: 4px;
}

.verify_affirm {
    margin-top: 34px;
    border: 0.5px solid #ffffff;
    border-radius: 54px;
    padding: 10px 0;
}

.payment_affirm {
    margin-top: 14px;
    border: 0.5px solid #ffffff;
    border-radius: 54px;
    padding: 10px 0;
}

.payment_affirm .payment-botton,
.verify_affirm .payment-botton {
    width: 100%;
    display: block;
    color: #ffffff;
    font-size: 18px;
}

.payment-invest {
    color: #fff;
    font-size: 13px;
    border: none;
}

.invest-box {
    width: 100%;
}

.invest-box--iconfont {
    color: #fff;
    font-size: 13px;
    padding: 6px 17px;
    border-radius: 60px;
    background: #1356a6;
}

.languageLi {
    margin: 0 30px;
}

.payment-invest--icon {
    margin-right: 5px;
    font-size: 18px;
}

.register-icon--delete {
    position: absolute;
    padding-top: 3px;
    right: 2px;
    font-size: 15px !important;
}

/*
*buc4 end
*/

/*theme*/
.account-home {
    background: #fff;
}

.account-home .label-home {
    color: #666;
}

.write .input-del-declaration {
    display: none;
}

.input-del-declaration {
    position: absolute;
    padding-top: 3px !important;
    right: 5px !important;
    font-size: 15px !important;
    color: #a5a5a5;
    display: block;
}

.bar.bar-theme {
    /*border-color: rgba(248,248,248,1) !important;*/
    /*background-color: rgba(248,248,248,1) !important;*/
    /*background-image: linear-gradient(0deg, rgba(248,248,248,1), rgba(248,248,248,1) 50%, transparent 50%);*/
    background: linear-gradient(140deg, rgba(34, 30, 87, 1), rgba(47, 42, 114, 1));
    color: #fff;
}

.title1 {
    color: #fff !important;
}

.button-theme {
    border: none;
    background-color: rgba(26, 26, 34, 1);
    color: #fff;
    /*box-shadow: 0px -7px 55px 6px rgba(37, 19, 39, 0.3);*/
}

.placeholder-icon:first-child {
    padding-right: 6px;
    padding-left: 6px;
}

.languages {
    border: 0;
    background: transparent;
    height: 40px;
    line-height: 40px;
    /*color: #909191;*/
    /*color: #fff;*/
    font-size: 14px;
}

.login-code {
    position: absolute;
    top: 30px;
    width: 80px;
    right: 5px;
    border-radius: 10px;
    z-index: 99;
    height: 26px;
}

.login_button.register {
    margin-left: 10px;
}

.profile-special6 {
    background-color: #f17c34;
    height: 200px;
}

/*.input-del-register{*/
/*right: 90px !important;*/
/*top:5px !important;*/
/*}*/
.register_bor i.ion-close-circled {
    right: 0;
}

.payment-btnAWidth {
    width: 100%;
    padding: 10px 0;
    height: 49px;
    color: #fff;
}

.theme, a.theme {
    color: #839AC5;
}

.theme.background-line {
    background: rgb(238, 198, 127);
}

.button.button-theme {
    border-color: transparent;
    background-color: rgba(53, 116, 250, .8);
    color: #fff;
    min-height: 33px !important;
}

.button.button-theme.active, .button.button-theme.activated {
    border-color: transparent;
    background-color: rgba(53, 116, 250, 1);
    color: #fff;
}

.colourful, a.colourful {
    color: #ff4790;
}

.colourful.background-line {
    background: #ff4790;
}

.button.button-colourful {
    border-color: transparent;
    background-color: #ff4790;
    color: #fff;
}

.bar.bar-colourful {
    border-color: #ff4790;
    background-color: #ff4790;
    background-image: linear-gradient(0deg, #ff4790, #ff4790 50%, transparent 50%);
    color: #fff;
}

.lockUp, a.lockUp {
    color: #22bbe9;
}

.lockUp.background-line {
    background: #22bbe9;
}

.bar.bar-lockUp {
    border-color: #22bbe9;
    background-color: #22bbe9;
    background-image: linear-gradient(0deg, #22bbe9, #22bbe9 50%, transparent 50%);
    color: #fff;
}

.button.button-lockUp {
    border-color: transparent;
    background-color: #22bbe9;
    color: #fff;
}

.bar.bar-royal {
    border-color: #9575cd;
    background-color: #9575cd;
    background-image: linear-gradient(0deg, #9575cd, #9575cd 50%, transparent 50%);
    color: #fff;
}

.bar.bar-energized {
    border-color: #f17c34;
    background-color: #f17c34;
    color: #fff;
    background-image: linear-gradient(0deg, #f17c34, #f17c34 100%, transparent 100%);
}

.baobei, a.baobei {
    color: #33e28a;
}

.bar.bar-baobei {
    border-color: rgba(11, 58, 84, 1) !important;
    background-color: rgba(11, 58, 84, 1) !important;
    background-image: linear-gradient(0deg, rgba(11, 58, 84, 1), rgba(11, 58, 84, 1) 50%, transparent 50%);
    color: #fff;
}

.baobei.background-line {
    background: #33e28a;
}

.energized.background-line {
    background: #f17c34;
}

.powder, a.powder {
    color: #e57bef;
}

.powder.background-line {
    background: #e57bef;
}

.button.button-powder {
    border-color: transparent;
    background-color: #e57bef;
    color: #fff;
}

.bar.bar-powder {
    border-color: #e57bef;
    background-color: #e57bef;
    background-image: linear-gradient(0deg, #e57bef, #e57bef 50%, transparent 50%);
    color: #fff;
}

.declaration-tab {
    position: relative;
    width: 100%;
    flex: 1;
    box-sizing: border-box;
    padding-bottom: calc(100vw / 375 * 10);
    background: transparent;
    height: calc(100vw / 375 * 40);
    white-space: nowrap;
}

.declaration-tab--op {
    width: 35%;
    margin-top: calc(100vw / 375 * 10);
    padding-bottom: calc(100vw / 375 * 4);
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    font-size: calc(100vw / 375 * 17);
    font-weight: 400;
    color: rgba(156, 153, 203, 1);
    position: relative;
}

.declaration-tab--op.actived-op {
    color: #fff;
}

.declaration-tab--op.dapp-transaction-op {
    width: auto;
    margin: 0 25px 0;
    font-size: 17px;
    padding-bottom: 6px;
}

.declaration-tab--line {
    position: absolute;
    bottom: 0;
    height: 2px;
    /*width: 25%;*/
    left: 38%;
    background: #fff;
    opacity: 0;
}

.notice-tab .declaration-tab--op.actived-op .declaration-tab--line.reg {
    opacity: 1;
    background: #424BF9;
}

.declaration-tab--op.dapp-transaction-op .declaration-tab--line {
    width: 100%;
    left: 0;
}

.otcTab-bline-x {
    transform: translateX(100%);
}

.button.active, .button.activated {
    /*background-color: rgba(27, 130, 210, .5) !important;*/
}

.dapp-box {
    padding: 0 12px;
}

.silde-box {
    height: 150px;
    margin: 10px 15px;
    border-radius: 5px;
    overflow: hidden;
}

.silde-box img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    border: 0;
}

.dapp-list--itemList {
    border-radius: 3px;
    background: rgba(29, 162, 177, 1);
    display: inline-block;
    /*width: 32%;*/
    padding: 15px 0;
}

.dapp-list--item {
    border-radius: 3px;
    background: rgba(29, 162, 177, 1);
    /*display: inline-block;*/
    /*width: 32%;*/
    padding: 15px 0;
}

/*.dapp-list--itemList:nth-child(4),*/
/*.dapp-list--itemList:nth-child(5),*/
/*.dapp-list--itemList:nth-child(6){*/
/*margin-bottom: 0;*/
/*}*/
.dapp-list--itemList.bmO {
    width: 100%;
}

.dapp-list--itemList.bm {
    width: 49% !important;
}

.dapp-list--itemList.bmF:last-child {
    width: 100%;
}

.dapp-list--itemList.bmFi:last-child,
.dapp-list--itemList.bmFi:nth-last-child(2) {
    width: 49% !important;
}

.dapp-list--itemList.bm .dapp-list--title {
    width: auto;
    max-width: initial;
}

.dapp-list--itemList:last-child {
    /*margin-bottom: 0;*/
}

.dapp-icon {
    font-size: 40px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.dapp-list--title {
    font-size: 14px;
    /*width: 45px;*/
    /*max-width: 45px;*/
    color: #fff;
    text-align: center;
}

.dapp-list {
    /*margin-bottom: 15px;*/
    grid-template-columns: repeat(3, 32%);
    grid-column-gap: 7px;
    grid-row-gap: 15px;
}

.dapp-list--twoTitle {
    margin-bottom: 10px;
    color: #fff;
}

.dapp-item--list-s {
    padding: 15px;
    background: rgba(53, 71, 106, 1);
    margin: 0 15px 15px 15px;
}

.tansaction-box--dapp {
    padding: 0 15px;
    background: rgba(11, 58, 84, 1);
    margin-bottom: 15px;
}

.tansaction-box--tabUl-s {
    flex: 1;
    box-sizing: border-box;
    border: 0;
    position: relative;
}

.box-switch {
    position: absolute;
    z-index: 50;
    width: 97px;
    height: 29px;
    left: 0;
    background: rgba(4, 153, 146, 1);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    z-index: 1;
}

.tansaction-box--tabLi-r {
    padding: 4.5px 17px;
    font-size: 14px;
    color: #fff;
    z-index: 10000;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    overflow: hidden;
    text-align: center;
}

.ssd-uls--icon {
    /*top: -15px !important;*/
}

.tansaction-box--tabLi-r.click_ajk3 {
    width: 33.3333%;
}

.tansaction-box--tabLi-r.selected {
    /*background:rgba(4,153,146,1);*/
}

.dapp-list--two .bm {
    width: 49%;
}

.dapp-list:last-child {
    margin-bottom: 0;
}

.card-info {
    background: rgba(11, 58, 84, 1);
    /* width: 100%; */
    /* box-sizing: border-box; */
    border: 0;
    /* color: #fff; */
    min-height: 125px;
    padding: 0 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    grid-template-columns: repeat(1, 100%);
}

.card-info-sls, .card-info-pdo {
    flex: 1;
    overflow: hidden;
}

.card-info-pdo {
    grid-template-columns: repeat(2, 50%);
}

.card-title {
    font-size: 18px;
}

.card-address {
    font-size: 12px;
}

.card-icon--box-b,
.card-icon--box-s {
    /*background: #4C56B5;*/
    border-radius: 50%;
    width: 55px;
    height: 55px;
    /*margin-right: 10px;*/
}

.card-icon--box .icon {
    /*color: #fff;*/
    font-size: 25px;
}

.card-icon--box-b .icon {
    /*color: #fff;*/
    font-size: 50px;
}

.card-icon--box {
    /* background: #4C56B5; */
    border-radius: 50%;
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    margin-right: calc(100vw / 375 * 5);
}

.card-icon--box-s .icon {
    color: #fff;
    font-size: 20px;
}

.card-address--icon {
    margin-left: 5px;
}

.card-info--z {
    margin-bottom: 30px;
}

.card-f {
    font-size: 14px;
}

.card-price {
    font-size: 12px;
}

.dapp-listTitle {
    margin: 15px 10px;
}

.dapp-listTitle--z {
    color: #6D778B;
}

.dapp-listTitle .icon {
    font-size: 22px;
    color: #000;
}

.dapp-list-main {
    margin: 0 4px;
}

.dapp-listIcon {
    color: #fff;
}

.roll-in .dapp-listIcon {
    color: #666;
}

.card-icon--box.roll-in {
    margin-right: 0;
}

.roll-in .icon-chanpin-0 {
    color: #ED3735;
}

.roll-in .icon-chanpin-1 {
    color: #7ED321;
}

.roll-in .icon-chanpin-2 {
    color: #3574FA;
}

.roll-in .icon-chanpin-3 {
    color: #ffa500;
}

.dapp-card--list {
    box-sizing: border-box;
    background: transparent;
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 5) calc(100vw / 375 * 10) calc(100vw / 375 * 5);
    color: #fff;
    min-height: calc(100vw / 375 * 103);
    /*background:rgba(45,60,90,1);*/
    border-radius: calc(100vw / 375 * 5);
    border: 1px solid #D8AF8B;
    flex: 1;
}

.dapp-card--list:nth-child(even) {
    margin-right: 0;
}

.dapp-card--list---coinName {
    /*margin-bottom: 22px;*/
}

.dapp-card--list---coinName.fe-sl {
    margin-bottom: 0;
}

.dapp-card--list---coinName.fe-sl.accs-tes {
    width: 100%;
}

.dapp-card--list:last-child {
    margin-bottom: 0;
}

.dapp-card--list---coinBlance {
    flex: 1;
    width: 100%;
}

.dapp-coinBlance {
    font-size: calc(100vw / 375 * 12);
    color: rgba(82, 186, 253, 1);
}

.dapp-coinBlance-price {
    margin-top: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 16);
    color: rgba(251, 81, 53, 1);
}

.dapp-card--list--no {
    box-sizing: border-box;
    background: transparent;
    padding: 15px 5px 10px 5px;
    color: #fff;
    min-height: 103px;
    /*background:rgba(45,60,90,1);*/
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    flex: 1;
    box-shadow: 0px 1px 5px 0px rgb(188 188 188 / 50%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

.dapp-card--list--no:nth-child(even) {
    margin-right: 0;
}

.dapp-card--list--no:last-child {
    margin-bottom: 0;
}

.card-detail {
    flex: 1;
    box-sizing: border-box;
    border: 0;
    background: rgba(54, 55, 63, 1);
    position: relative;
    /*min-height: 200px;*/
    overflow: hidden;
    margin: 0 10px 11px 10px;
    border-radius: 4px;
    /*padding: 0 15px;*/
}

.card-detail--line {
    display: none;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    height: 8px;
    max-height: 8px;
    background: -webkit-linear-gradient(left, #27A1FB, #0D26C1);
    background: -o-linear-gradient(left, #27A1FB, #0D26C1);
    background: -moz-linear-gradient(left, #27A1FB, #0D26C1);
}

.detail-box--title {
    width: 100%;
    flex: 1;
    /*margin-bottom: 18px;*/
}

.detail-box {
    width: 100%;
    margin-top: calc(100vw / 375 * 10);
    margin-bottom: calc(100vw / 375 * 20);
    padding: 0 calc(100vw / 375 * 12) 0 calc(100vw / 375 * 5);
}

.detail-blance {
    color: rgba(255, 255, 255, 1);
    font-size: calc(100vw / 375 * 22);
    height: calc(100vw / 375 * 22);
    line-height: calc(100vw / 375 * 22);
    /*margin-bottom: 10px;*/
    text-align: right;
}

.detail-price {
    color: #E3E3E3;
    font-size: calc(100vw / 375 * 12);
}

.detail-price--j {
    margin-left: calc(100vw / 375 * 5);
}

.coioName {
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    opacity: 0.5;
    margin-bottom: calc(100vw / 375 * 5);
}

.detail-card--name {
    width: 100%;
    border: 0;
    box-sizing: border-box;
    color: #909090;
}

.blance-hide {
    font-size: calc(100vw / 375 * 12);
}

.blance-hide-s {
    margin-left: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 9);
    font-weight: 400;
    color: #909090;
}

.userGraph-user-sll {
    display: inline-block;
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    /* font-family: PingFang-SC-Regular !important; */
    font-weight: 500;
    color: rgba(37, 37, 37, 1);
    margin-bottom: calc(100vw / 375 * 5);
}

.userGraph-user-cashAmount {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    font-weight: 500;
    color: rgba(99, 99, 99, 1);
}

.hide-icon {
    margin-top: calc(100vw / 375 * 1);
}

.detail-info {
    color: #909090;
    width: 100%;
    /*border:0.5px solid #EFEEEE;*/
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 15) calc(100vw / 375 * 13);
    font-size: 12px;
}

.detail-info--un {
    text-transform: uppercase;
}

.detail-info--blance {
    color: #e3e3e3;
}

.detail-deal {
    width: 100%;
    background: #fff;
    /* padding: 22px 10px 15px 10px; */
    padding: 0 calc(100vw / 375 * 20) 0 calc(100vw / 375 * 20);
    /* margin-bottom: 15px; */
    /* margin-top: 25px !important; */
    /* margin: 15px; */
    border-radius: calc(100vw / 375 * 5);
    overflow: hidden;
}

.detail-title-s {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    color: #fff;
    max-width: calc(100vw - 50px - 45px);
}

.detail-title-st {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    max-width: calc(100vw - 60px - 95px);
}

.detail-amount-st {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    max-width: 92px;
    font-size: 9px
}

.detail-deal-list {
    /*padding: 22px 10px 15px 10px;*/
    /*margin-bottom: 15px;*/
    /*margin-top: 25px !important;*/
    /*margin: 15px;*/
    /*border-radius: 5px;*/
    padding: calc(100vw / 375 * 5) 0 calc(100vw / 375 * 15) 0;
    margin: 0;
    background: transparent;
}

.card-echarts--title {
    color: #fff;
    border-radius: calc(100vw / 375 * 5);
    /*border-top-left-radius: calc(100vw / 375 * 5);*/
    /*border-top-right-radius: calc(100vw / 375 * 5);*/
    /*margin: calc(-1 * (100vw / 375 * 1));*/
    padding: calc(100vw / 375 * 16);
    font-size: calc(100vw / 375 * 16);
    width: 100%;
    margin: 0;
}

.detail-deal-header-tips, .detail-title-first {
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    font-weight: bold;
    color: rgba(37, 37, 37, 1);
}

.deal-list--tipsTime {
    font-size: calc(100vw / 375 * 12);
    font-weight: 500;
    color: rgba(159, 159, 163, 1);
}

.detail-title-line {
    position: absolute;
    display: inline-block;
    width: calc(100vw / 375 * 5);
    height: calc(100vw / 375 * 22);
    left: calc(-1 * (100vw / 375 * 17));
    top: calc(-1 * (100vw / 375 * 4));
    background: #D8AF8B;
    border-radius: calc(100vw / 375 * 10);
}

.detail-tab--a:nth-child(2) {
    border-left: 1px solid rgb(216, 175, 139);
    border-right: 1px solid rgb(216, 175, 139);
}

.detail-title-info {
    font-size: calc(100vw / 375 * 16);
    font-weight: 400;
    color: #000000;
}

.detail-deal-header-more {
    font-size: calc(100vw / 375 * 10);
    color: rgb(131, 154, 197);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}

.detail-deal-header {
    padding-bottom: calc(100vw / 375 * 15);
}

.deal-list-day {
    width: 100%;
    padding: calc(100vw / 375 * 4) calc(100vw / 375 * 5) calc(100vw / 375 * 5) calc(100vw / 375 * 20);
    background-image: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C);
}

.deal-list-day span {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    color: #FFFFFF;
}

.deal-list-outer {
    width: 100%;
    padding: 0 calc(100vw / 375 * 20);
    margin-bottom: calc(100vw / 375 * 10);
}

.deal-list-outer.nodata {
    padding-top: calc(100vw / 375 * 20);
    margin-bottom: 0;
}

.deal-list {
    width: 100%;
    /*border-top:0.5px solid #7a8daf;*/
    /*padding: 15px;*/
}

.deal-list-main {
    margin-bottom: calc(100vw / 375 * 11);
}

.deal-list:last-child {
    margin-bottom: 0;
    /* border-bottom: 0.5px solid #EFEEEE; */
}

.deal-list.transp {
    padding: calc(100vw / 375 * 10);
}

.deal-list--tipsCo {
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    font-weight: 500;
    color: rgba(37, 37, 37, 1);
    max-width: calc(100vw / 375 * 200);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.deal-list--tipsPirce {
    font-size: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    font-weight: 500;
    color: rgba(237, 137, 63, 1);
}

.prop-transaction-bg .deal-list {
    width: 100%;
    padding: calc(100vw / 375 * 15);
    background: #4D4D4D;
    /*box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);*/
    border-radius: calc(100vw / 375 * 5);
    /*margin-bottom: calc(100vw / 375 * 10);*/
    border: 0;
}

.prop-transaction-bg .deal-list-outer:last-child {
    margin-bottom: 1px;
}

.deal-list--note {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    max-width: calc(100vw / 375 * 230);
    font-weight: 500;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.deal-list--cashAmountStr {
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    font-weight: bold;
    width: auto;
    color: #FFE6BF;
    max-width: calc(100vw / 375 * 230);
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 1;*/
    /*-webkit-box-orient: vertical;*/
    /*overflow-wrap: anywhere;*/
    /*word-break: break-all;*/
}

.deal-list--tipsTime {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: 500;
    color: rgba(99, 99, 99, 1);
}

.prop-transaction-bg .deal-list--tipsTime {
    color: #999999;
}

.deal-list--tipsTimeNumber {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: 400;
    color: rgba(99, 99, 99, 1) !important;
}

.prop-transaction-bg .deal-list--tipsTimeNumber {
    color: #FFFFFF !important;
}

.deal-list-size {
    color: #000000;
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
}

.prop-transaction-bg .deal-list-size {
    color: #FFFFFF;
}

.deal-list--tipsTime.createTime {
}

.deal-list--tipsTimeNumber.amountStr {
}

.tabs-detail {
    position: relative;
    width: 100%;
    background: rgba(54, 55, 63, 1);
    margin: 0 calc(100vw / 375 * 10);
    padding: 0 calc(100vw / 375 * 15);
    border-top-left-radius: calc(100vw / 375 * 4);
    border-top-right-radius: calc(100vw / 375 * 4);
}

.detail-tab-d {
    margin-top: 10px;
    border: none;
    background: transparent;
}

.detail-tab-s {
    font-size: 10px;
    position: relative;
    /*width: 25%;*/
    text-align: center;
    display: inline-block;
    color: #839AC5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 2px solid transparent;
}

.deal-list--header {
    /*text-transform: uppercase;*/
    margin-bottom: 10px;
    /*font-size: 12px;*/
    /*font-weight: 500;*/
    width: 100%;
}

.deal-list--tips {
    flex: 1;
    margin-bottom: 10px;
}

.deal-list--tips:last-child {
    margin-bottom: 0;
}

.deal-list--tipsC {
    color: #909090;
    font-size: 9px;
}

.deal-list--tipsZ {
    color: #909090;
    font-size: 9px;
}

.deal-list--tipsW {
    display: flex;
    flex: 0.5;
}

.flashExchange-ngdialog .dapp-card--list {
    height: calc(100vw / 375 * 60);
    min-height: calc(100vw / 375 * 60);;
}

.flashExchange-ngdialog .dapp-card--list.condition {
    min-height: auto;
    height: 34px;
}

.flashExchange-ngdialog .dapp-coinBlance-price {
    margin-top: 0;
}

.flashExchange-ngdialog .dapp-card--list--no {
    height: calc(100vw / 375 * 60);
    min-height: calc(100vw / 375 * 60);
}

.flashExchange-ngdialog .dapp-card--list--no.condition {
    min-height: auto;
    height: calc(100vw / 375 * 34);
}

.roll-in--dialog .ngDialog-content--list {
    height: 65px;
    padding: 8px 2px !important;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 6px -2px rgba(62, 63, 65, 0.18);
    border-radius: 4px;
    border: 1px solid rgba(62, 63, 65, 0.18);
}

.flashExchange-ngdialog .ngdialog-close {
    right: 50% !important;
}

.flashExchange-ngdialog .ngdialog-close:before {
    font-family: "iconfont" !important;
    content: "\e7f8" !important;
    font-size: calc(100vw / 375 * 50) !important;
    top: calc(-1 * (100vw / 375 * 55)) !important;
    right: 0 !important;
    color: #fff !important;
    height: calc(100vw / 375 * 50) !important;;
    line-height: calc(100vw / 375 * 50) !important;
    width: calc(100vw / 375 * 30) !important;;
    transform: translate3d(50%, 0, 0) rotate(90deg);
}

.deal-btn {
    flex: 1;
    border: 0;
    box-sizing: border-box;
    width: 100%;
    /*background: rgba(47,49,61,1);*/
    /*padding: 15px 8px;*/
    position: fixed;
    bottom: 0;
    box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);
}

.deal-btn--s {
    color: #666;
    flex: 0.33333333333;
    background: #F8F8F9;
    padding: calc(100vw / 375 * 10) 0;
    /* border-radius: 60px; */
    font-size: calc(100vw / 375 * 16);
    min-height: calc(100vw / 375 * 45);
    font-weight: 500
}

/*.deal-btn--s.activated{*/
/*background: rgba(239, 238, 238, .5);*/
/*}*/
.deal-btn--s:nth-child(1) .detail-btn-icon {
    color: #007CB2;
}

/*.deal-btn--s.activated:nth-child(1){*/
/*background: rgba(251, 163, 159,.8);*/
/*}*/
.deal-btn--s:nth-child(2) .detail-btn-icon {
    color: #009554;
}

/*.deal-btn--s.activated:nth-child(2){*/
/*background: rgba(166, 190, 241,.8);*/
/*}*/
.deal-btn--s:nth-child(3) .detail-btn-icon {
    color: #F76262;
}

/*.deal-btn--s.activated:nth-child(3){*/
/*background: rgba(138, 213, 249,.8);*/
/*}*/
.dappDetail-transfer {
    padding-top: calc(100vw / 375 * 10)
}

.detail-btn-icon {
    font-size: calc(100vw / 375 * 30);
}

.header-tips {
    padding: calc(100vw / 375 * 10) 0;
    color: red;
    font-size: calc(100vw / 375 * 10);
}

.account-text .header-tips {
    font-size: calc(100vw / 375 * 12);
    /*height: calc(100vw / 375 * 12);*/
    line-height: calc(100vw / 375 * 12);
    font-weight: 400;
    color: #3a3a3a;
}

.detail-trade {
    padding: calc(100vw / 375 * 20) 0 0 0;
    /*background: rgba(255,255,255,1);*/
    /*box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);*/
    /*border-radius: 5px;*/
}

.detail-trade-result {
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 10) 0 calc(100vw / 375 * 10);
    /*background: rgba(255,255,255,1);*/
    /*box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);*/
    /*border-radius: 5px;*/
}

.jsds {
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 15);
}

.account-text .jsds {
    padding: 0;
    background: #FFFFFF
}

.jsds-title {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: 400;
    color: #FFFFFF;
}

.account-text .jsds-title {
    color: #3a3a3a;
}

.jsds-box {
    position: relative;
}

.input-box.tradeLimit-box {
    margin-top: calc(100vw / 375 * 10);
}

.input-box {
    width: 100%;
    position: relative;
    color: #000;
}

.jsds .input-address.trade-input-amount {
    font-size: calc(100vw / 375 * 20);
    font-weight: 500;
    color: #FFFFFF;
    padding-top: 0;
    padding-left: calc(100vw / 375 * 15);
    /*padding-bottom: 7px;*/
    line-height: calc(100vw / 375 * 26);
    height: calc(100vw / 375 * 34) !important;
    border-bottom: 0.5px solid #999999;
    margin-left: calc(100vw / 375 * 1) !important;
}

.account-text .jsds .input-address.trade-input-amount {
    color: #3a3a3a;
}

.header-smo {
    /*border-bottom: 0.5px solid #E7EAF4;*/
    /*border-top: 0.5px solid #E7EAF4;*/
}

.jsds .input-address {
    width: 100%;
    border-bottom: 0.5px solid #E7EAF4;
    border-radius: 0;
}

.jsds-box--title {
    position: absolute;
    right: 5px;
    top: 18px;
}

.jsds-box--lable {
    font-size: 12px;
    font-weight: 400;
    color: rgba(37, 37, 37, 1);
}

.header-y {
    margin-top: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 10);
    font-weight: 400;
    color: #FFFFFF;
}

.header-box {
    padding: 0;
    background: transparent;
}

.jsds-box .input-del-login {
    right: calc(100vw / 375 * 20) !important;
    /*top: 3px !important;*/
}

.jsds-err {
    margin: calc(100vw / 375 * 10) 0;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10);
    background: #FFF5F6;
    /* box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%); */
    border-radius: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 10);
    font-weight: 400;
    color: rgba(255, 56, 55, 1);
}

.header-tips-s {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: 400;
    color: #FFFFFF;
}

.jsds .validUsed {
    border-bottom: none;
    text-align: right;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: 400;
    color: #FFFFFF;
}

.header-box {
    font-size: calc(100vw / 375 * 14);
    border-bottom: 0.5px solid #999999;
}

.header-yPrice {
    margin: 0 calc(100vw / 375 * 3);
    color: #FFE6BF;
}

.header-y.header-y-color {
    color: #FFFFFF;
    text-decoration: underline;
}

.jsds-payment {
    margin: calc(100vw / 375 * 5) 0;
}

.jsds-payment--input:last-child {
    margin-bottom: 0;
}

.header-box .card-icon--box,
.header-box .card-icon--box-b,
.header-box .card-icon--box-s {
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
}

.icon-ss {
    right: 100px !important;
    top: 4px !important;
}

.header-box--icon {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 20);
    position: absolute;
    right: calc(100vw / 375 * 10);
    top: calc(100vw / 375 * 32) !important;
}

.last-header-box {
    margin-bottom: 15px;
}

.header-box .input-address {
    color: #fff;
    padding-left: calc(100vw / 375 * 10);
    padding-right: calc(100vw / 375 * 10);
    padding-top: 0 !important;
    width: 100%;
    background: transparent;
    border: 1px solid #E1A177;
    border-radius: calc(100vw / 375 * 20);
    font-size: calc(100vw / 375 * 10);
}

.posi_top-s {
    top: 4px !important;
    right: 35px !important;
}

/*.header-box .input-address:focus{*/
/*color:rgba(53,116,250,1) !important;*/
/*background:rgba(239,244,255,1);*/
/*box-shadow: 0px 1px 0px 0px rgba(53,116,250,1);*/
/*border-radius: 4px;*/
/*border: 1px solid rgba(53,116,250,1);*/
/*}*/
.input-box {
    width: 100%;
    position: relative;
    color: #000;
}

.header-box .posi_top {
    position: absolute;
    right: 0;
    bottom: 0;
}

.header-tips .header-y {
    font-size: 10px;
    margin-right: 5px;
}

.header-yDetail {
    color: #FFFFFF !important;
    font-size: calc(100vw / 375 * 14) !important;
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
}

.header-y-color {
    color: rgba(82, 186, 253, 1);
}

.header-yPrice {
    margin: 0 calc(100vw / 375 * 10) 0 calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
}

.header-box--all {
    color: #6E778B;
    font-size: 12px;
    display: inline-block;
    width: 35px;
    text-align: center;
}

.header-box--btn {
    width: 100%;
    flex: 1;
    border: 0;
    box-sizing: border-box;
    margin-top: 15px;
    padding: 0 10px;
}

.choose-box {
    background: #4D4D4D;
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 15);
    width: 100%;
}


.header-box--btn .button.button-block {
    margin-bottom: 20px;
}

.header-box--btnZ {
    color: #000;
    flex: .8;
    background: #FFFFFF;
    padding: 10px 0;
    border-radius: 60px;
    font-size: 14px;
    min-height: 45px;
    font-weight: 500;
}

.header-tips--backup {
    background: #fff;
    padding: 15px 15px 10px 15px;
    margin: 0 10px;
    flex: 1;
}

.backup-list--item {
    font-size: 13px;
    background: #2AA9FF;
    color: #fff;
    padding: 7px;
    display: inline-block;
    line-height: initial;
    text-align: center;
    border-radius: 5px;
    margin: 0 7px 7px 14px;
    transition: all ease-in-out 250ms;
    max-height: 30px;
}

.header-tips--text {
    min-height: 150px;
}

.header-tips--confirmBox .backup-list--item:first-child {
    margin-left: 0;
}

.header-tips--confirmBox .backup-list--item:last-child {
    margin-right: 0;
}

.header-tips--confirmBox .backup-list--item {
    margin: 0 13px 3px 0;
}

.header-box--btnZ.activated {
    background: rgba(255, 255, 255, .5);
}

.bar-digitalWallet {
    background-color: #eceff1 !important;
}

.digitalWallet-bg {
    background: url('../img/bg-w.jpg') no-repeat;
    background-size: 100% 100%;
}

.dappWallet {
    padding-top: 200px;
}

.dappWallet-title {
    width: 100%;
    font-size: 33px;
    color: #fff;
    margin-bottom: 90px;
}

.dappWallet-btn {
    color: #fff;
    flex: .7;
    background: rgba(55, 60, 70, 0.5);
    padding: 10px 0;
    border-radius: 60px;
    font-size: 22px;
    min-height: 45px;
    font-weight: 500;
}

.input-label--dec .card-icon--box,
.input-label--dec .card-icon--box-b,
.input-label--dec .card-icon--box-s {
    width: 30px;
    height: 30px;
}

.input-label--dec .card-icon--box .icon,
.input-label--dec .card-icon--box-b .icon,
.input-label--dec .card-icon--box-s .icon {
    font-size: 22px;
}

.input-label--y {
    font-size: 14px;
}

.flashExchange-item--input {
    padding: 10px 0 10px 16px;
}

.input-label--dec p {
    font-size: 16px;
}

.tags-price_boxTitle {
    padding: 0px 10px 0px 15px;
}

.tags-price__item {
    margin: 10px 0;
    border: 0;
}

.tags-price__item:first-child,
.tags-price__item:nth-child(2) {
    margin-top: 0;
}

.tags-price__item:first-child {
    margin-bottom: 0;
    border-bottom: .5px solid #ddd;
}

.tags-price__item:last-child {
    margin-bottom: 0;
}

.tansaction-box {
    /*padding: 15px 10px 0 10px;*/
    margin: 0 15px 0 15px;
    background: rgba(47, 49, 61, 1);
    border-radius: 5px;
    overflow: hidden;
}

.tansaction-box--tabUl {
    flex: 1;
    box-sizing: border-box;
    border: 0;
}

.tansaction-box--tabLi {
    margin: 0 8px;
    color: #000;
}

.tansaction-box--box {
    flex: 1;
    padding: 10px 34px;
    background: transparent;
    transition: background ease-in-out 250ms;
}

.tansaction-box--tabLi:nth-child(1) .tansaction-box--box {
    /*transform: skew(-20deg);*/
    width: 100%;
    background: transparent;
    /*border-bottom-left-radius: 50px;*/
    transition: background ease-in-out 250ms;
}

.tansaction-box--tabLi:nth-child(1) {
    /*border-bottom-right-radius: 60px;*/
    /*border-top-left-radius: 10px;*/
    /*border-bottom-left-radius: 10px;*/
    background: transparent;
    transition: background ease-in-out 250ms;
    /*box-shadow:0px 4px 8px 0px rgba(0,0,0,0.08);*/
}

.tansaction-box--tabLi:nth-child(2) {
    /*transform: skew(-20deg);*/
    /*box-shadow:0px 4px 8px 0px rgba(0,0,0,0.08);*/
}

.tansaction-box--tabLi:nth-child(3) .tansaction-box--box {
    /*transform: skew(-20deg);*/
    width: 100%;
    background: transparent;
    /*border-top-right-radius: 60px;*/
    transition: background ease-in-out 250ms;
}

.tansaction-box--tabLi:nth-child(3) {
    /*border-top-left-radius: 60px;*/
    /*border-top-right-radius: 10px;*/
    /*border-bottom-right-radius: 10px;*/
    background: transparent;
    transition: background ease-in-out 250ms;
    /*box-shadow:0px 4px 8px 0px rgba(0,0,0,0.08);*/
}

.tansaction-box--tabLi:first-child {
    margin-left: 0;
}

.tansaction-box--tabLi:last-child {
    margin-right: 0;
}

.tansaction-box--tabLi:nth-child(1).selected,
.tansaction-box--tabLi:nth-child(2).selected,
.tansaction-box--tabLi:nth-child(3).selected {
    color: #fff;
    background: rgb(235, 177, 132);
    transition: background ease-in-out 250ms;
}

.tansaction-box--tabLi:nth-child(1).selected .tansaction-box--box,
.tansaction-box--tabLi:nth-child(2).selected .tansaction-box--box,
.tansaction-box--tabLi:nth-child(3).selected .tansaction-box--box {
    background: rgb(235, 177, 132);
    transition: background ease-in-out 250ms;
}

.tansaction-box--skew {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    /*transform: skew(20deg);*/
}

.flashExchange-ngdialog .ngdialog-content {
    /*margin: 0px 5% !important;*/
    width: 90% !important;
}

.bankCardList-ngdialog .ngdialog-content {
    /*margin: 0px 5% !important;*/
    width: 90% !important;
}

.ngDialog-content--icon {
    font-size: 27px;
}

span.ngDialog-content--price {
    display: inline-block;
    min-width: 80px;
    max-width: 140px;
    text-align: right;
}

.ngDialog-content--span {
    font-size: 16px;
    text-transform: uppercase;
}

.ngdialog.ngdialog-theme-default .ngdialog-content .ngDialog-content--main {
    /*max-height: calc(100vh / 667 * 320);*/
    margin-top: calc(100vw / 375 * 10);
    overflow-y: auto;
    /*padding: calc(100vw / 375 * 2);*/
}

.ngdialog.ngdialog-theme-default .ngdialog-content .ngDialog-content--main.fe-main {
    margin-top: 0;
}

.flashExchange-ngdialog.ngdialog.ngdialog-theme-default .ngdialog-close {
    /*display: none;*/
}

.flashExchange-ngdialog.ngdialog.ngdialog-theme-default .ngdialog-content {
    /*border-radius: 4px;*/
    /*background:rgba(54,55,63,1);*/
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);
    border-radius: 5px;
}

.fe-dialo-span {
    font-size: 15px;
    color: #fff;
}

.fe-soa {
    color: #839AC5;
}

.fe-soat {
    color: rgba(4, 153, 146, 1);
}

.ngDialog-content--list {
    margin-bottom: calc(100vw / 375 * 10);
    padding: calc(100vw / 375 * 3) calc(100vw / 375 * 8) !important;
}

.ngDialog-content--list:last-child {
    margin-bottom: 0;
}

.login-content {
    position: relative;
    padding: 0 25px 0;
}

.has-bbtns {
    bottom: 64px;
}

.has-btns {
    bottom: 44px;
}

.tabs-icon--c {
    /*line-height: 1.5 !important;*/
    /*font-size: 27px !important;*/
    height: 30px !important;
}

.bba-color {
    color: #1b82d2 !important;
}

.btc-color {
    color: #E1902E !important;
}

.icon-ic_FIL {
    color: #EBB184 !important;
}

.eth-color {
    color: #4A7998 !important;
}

.eos-color {
    color: #B76CAB !important;
}

.usdt-color {
    color: #26A17B !important;
}

.tellus-color {
    color: #727295 !important;
}

.xrp-color {
    color: #168DC3 !important;
}

.vds-color {
    color: #B17227 !important;
}

.unt-color {
    color: #00aaee !important;
}

.main-color {
    color: #3458A7 !important;
}

.tar-color {
    color: #F38B4C !important;
}

.zy-tips {
    color: rgb(216, 30, 6);
}

.receivables-box {
    margin: 15px 0 20px 0;
}

.receivables-qrCode {
    background: #fff;
    width: 280px;
    height: 280px;
}

.receivables-address {
    font-size: 15px;
    color: #6E778B;
}

.receivables-address .copy-content {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.receivables-content {
    padding-top: 30px !important;
    color: #6E778B;
}

.tab-style {
    height: 49px;
    margin-top: 54px;
    text-align: center;
    position: relative;
    z-index: 6;
}

.tabs-style {
    position: static;
}

.box-bg {
    /*border: .5px solid #DDD;*/
    background: transparent;
    /*padding: 0 15px 15px 15px;*/
    /*background-image: -moz-linear-gradient( -50deg, rgba(53,71,106,1) 0%, rgba(53,71,106,1) 90%);*/
    /*background-image: -webkit-linear-gradient(  -50deg, rgba(53,71,106,1) 0%, rgba(53,71,106,1) 90%);*/
    /*background-image: -ms-linear-gradient( -50deg, rgba(53,71,106,1) 0%, rgba(53,71,106,1) 90%);*/
    /*background-image: -moz-linear-gradient(-50deg, rgb(29,29,53) 0%, rgb(46,45,79) 90%);*/
    /*background-image: -webkit-linear-gradient( -50deg, rgb(29,29,53) 0%, rgb(46,45,79) 90%);*/
    /*background-image: -ms-linear-gradient( -50deg, rgb(29,29,53) 0%, rgb(46,45,79) 90%);*/
    /*box-shadow: 0px 2px 32px 0px rgba(173, 165, 174, 0.5);*/
    box-shadow: none;
}

.box-bg.forgot {
    /*background:rgba(53,71,106,1);*/
    background: rgba(54, 55, 63, 1);
    border-radius: 3px;
}

.box-bg.forgot .payment-tips {
    color: #E1A276;
}

.box-bg.forgot.sd-t {
    padding-top: 15px;
}

.payment-content, .manage-content, .register-main {
    /*max-width: 27.5rem;*/
    /*min-height: 33.625rem;*/
    /*margin: 1.5rem 20px 0rem 20px;*/
}

.payment-content {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgb(188 188 188 / 50%);
    border-radius: calc(100vw / 375 * 50);
    margin: calc(100vw / 375 * 20) calc(100vw / 375 * 20) 0;
    padding-bottom: calc(100vw / 375 * 20);
    /*margin: 15px;*/
    /*margin-top: 10px;*/
}

.ui-theme-bg {
    background: #FFF5F6;
    box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgb(188 188 188 / 50%);
    border-radius: calc(100vw / 375 * 50);
    margin-bottom: calc(100vw / 375 * 10);
    padding-left: calc(100vw / 375 * 10);
}

.box-ui--theme {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgb(188 188 188 / 50%);
    border-radius: calc(100vw / 375 * 5);
    margin: calc(100vw / 375 * 30) calc(100vw / 375 * 15) 0;
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20) calc(100vw / 375 * 20) calc(100vw / 375 * 20);
    /*margin: 15px;*/
    /*margin-top: 10px;*/
}

.goPay-info {
    width: 100%;
    /*background: #eceff1;*/
    border: 0.5px solid #eceff1;
}

.goPay-info .write {
    width: 100%;
}

.forgot-main--width {
    width: 100%;
    border-bottom: 1px solid #555555 !important;
    margin-bottom: calc(100vw / 375 * 10);
}

.forgot-main--boxm {
    /*width: 30% !important;*/
    margin-bottom: 0 !important;
}

.select-ac.forgotSelect {
    padding: 0 !important;
    color: #FFE6BF !important;
}

.report-sl {
    padding: 15px !important;
}

.goPay-s:last-child {
    border-bottom: none;
}

.gopay-span {
    color: #fff;
    font-size: 12px;
}

.goPay-input {
    border-radius: 0;
    background: transparent;
    width: 100%;
    padding-left: calc(100vw / 374 * 2);
    padding-right: calc(100vw / 374 * 20);
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    font-size: calc(100vw / 374 * 12) !important;
    font-weight: 500;
    color: rgba(37, 37, 37, 1);
    line-height: calc(100vw / 374 * 23);
    border-bottom: 1px solid #555555 !important;
    /* -webkit-box-shadow: 0 0 0 1000px #857b4e inset; */
    /*z-index: 1;*/
}

.goPay-s .input-del-gopay {
    /*padding-top: 3px;*/
    position: absolute;
    color: #FFFFFF !important;
    right: calc(100vw / 375 * 10) !important;
    font-size: calc(100vw / 375 * 15);
    top: calc(100vw / 375 * 34);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
}

.write .input-del-gopay {
    display: none;
}

.goPay-s {
    position: relative;
    /*border-bottom: .5px solid #dddd;*/
}

.payment-tips--weak {
    color: #78777a;
}

.payment-tips {
    color: orangered;
    /*color: #007CB2;*/
}

.payment-tips--s {
    font-size: 10px !important;
}

.box-bg.noData {
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
}

.noData > .notice-list .item {
    padding-bottom: 10px !important;
}

.payment-content.noData {
    margin: 0 !important;
}

.padding {
    padding: 10px 15px 10px 10px;
}

.padding-tips {
    padding: 0;
    font-size: 9px;
    color: rgba(225, 162, 118, 1) !important;
}

.product_ulList .nodata {
    color: #fff;
    font-size: 12px;
}

.goPay-content {
    margin: 0 20px;
}

.goPay-content.sld-r {
    margin-top: 15px;
}

.kline-span {
    color: #fff;
    font-size: 14px;
}

.kline-gap {
    background: #839AC5;
    min-height: 5px;
}

.selsect-tab {
    min-height: 30px;
    padding: 5px 30px;
    background: rgba(11, 58, 84, 1);
    grid-template-columns: repeat(2, 50%);
}

.selsect-tab.s-j--tab {
    grid-template-columns: repeat(1, 100%);
}

.icon-sele {
    font-size: 16px;
    margin-left: 5px;
    margin-right: 3px;
    color: #049992;
}

.report-icon-dis {
    color: #839AC5;
}

.selsect-tab--item {
    flex: 1;
    font-size: 10px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 14px;
    min-width: 95px;
    border: 1px solid rgba(4, 153, 146, 1);
    border-radius: 10px;
    padding: 2px 4px;
    text-align: center;
    margin: 0 auto;
}

.pop-cont {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    color: #000;
}

.border-rech {
    background: transparent;
    border: 1px solid #FCD283;
    border-radius: 20px;
    padding: 4.5px 10px;
}

.border-rech .header-box .card-icon--box-s {
    width: 25px;
    height: 25px;
}

.border-rech .card-icon--box-s .icon {
    font-size: 25px;
}

.reg-bosxs {
    position: relative;
}

.selsect-tab--item.s-j--tab {
    min-width: 180px;
}

.soc-label {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 14px;
}

.payment-tips--weak {
    color: #78777a;
}

.reg-code {
    position: absolute;
    top: 3px;
    width: 90px;
    right: 14px;
    border-radius: 10px;
    z-index: 99;
    height: 30px;
}

.reg-padding {
    padding: 10px;
}

.register-main .goPay-input {
    padding-left: 5px !important;
}

.goPay-s .input-del-reg {
    padding-top: 3px;
    position: absolute;
    color: #c4c4c4 !important;
    right: 113px !important;
    font-size: 15px;
}

.write .input-del-reg {
    display: none;
}

.button-reg {
    position: absolute;
    top: 3px;
    right: 22px;
    font-size: 10px;
    /*width: 90px;*/
    padding: 0px 0px;
    color: #655e74;
    border: 0.5px solid #403c4b;
    background: #342E3B;
    height: 28px;
    /*font-family: 'WebFont', Arial, sans-serif !important;*/
    border-radius: 10px;
}

.button-reg-click {
    color: #dddddd !important;
    /*border: 0.5px solid grey !important;*/
    /*background: grey !important;*/
}

.qrcodeBg .text-center, .qrcodeBg .name {
    color: #fff;
}

/*.pane, .view, .tabs{*/
/*background: #2E2D4F;*/
/*}*/
.register-main {
    position: relative;
    top: 2.5rem;
    overflow: hidden;
}

.register-main > .payment-content {
    margin: 0;
}

.gopay-s-icon {
    width: 30px;
    align-items: center;
    display: flex;
    text-align: center;
    position: relative;
    font-size: 23px;
    color: #666;
}

.gopay-s-icon--username {
    width: 30px;
    align-items: center;
    display: flex;
    text-align: center;
    position: relative;
    font-size: 23px;
    color: #666;
    left: 4px;
}

.gopay-s-icon--mobile {
    left: 6px;
    font-size: 28px;
}

.gopay-s-icon--code {
    left: 4px;
}

.gopay-s-icon--pwd {
    left: 5px;
}

.gopay-s-icon--pwd1 {
    left: 3px;
}

.gopay-s-icon--payment {
    font-size: 20px;
}

/* login */
.forgot-reg--main {
    position: relative;
    top: 45px;
    overflow: hidden;
    margin-top: 5px
}

.forgot-reg {
    height: 100%;
}

.forgot-reg--span {
    display: inline-block;
    /*display: none;*/
    /*width: 50px;*/
    /*margin-right: 14px;*/
    font-weight: bold;
}

.item-select select > option {
    color: #333;
}

.payment-reg--span {
    line-height: 23px;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    color: #636363;
}

.forgot-select--fil {
    background: rgba(83, 83, 84, 1);
}

.goPay-info.forgot-reg {
    border-radius: 0;
    border: 0;
    /*overflow: hidden;*/
}

.border-no-bottom {
    border-bottom: 0.05rem solid transparent !important;
}

.forgot-reg .goPay-s {
    /*border-radius: calc(100vw / 375 * 4);*/
    /*border: 1px solid transparent;*/
    margin-bottom: calc(100vw / 375 * 15);
}

.goPay-s.marginBotton-mobile {
    margin-bottom: 0;
}

.ui-theme-tips {
    font-size: 10px;
    font-weight: 400;
    color: rgba(179, 185, 213, 1);
    background: #F5F7FB;
    border-radius: 5px;
    padding: 5px 10px;
}

.reg .forgot-reg .goPay-s:last-child {
    margin-bottom: 0;
}

.button-reg--new {
    border-radius: 0 !important;
    color: #E1A276 !important;;
    border: 0 !important;;
    background: transparent !important;;
}

.leftLine {
    position: absolute;
    /*top: 8px;*/
    right: 84px;
    width: 1px;
    height: 20px;
    background: #E1A177;
}

.shopListLi {
    padding: 7px 9px;
    background: #FFFFFF;
    border-bottom: 0.5px solid #dddddd;
}

.shopListImgLeft {
    width: 87px;
    height: 87px;
}

.shopListImgLeft img {
    width: 100%;
    height: 100%;
}

.shopListTextRight {
    width: 61%;
}

.shopListTextTitle {
    font-family: MicrosoftYaHei;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: normal;
    font-stretch: normal;
    color: #4d4d4d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.shopListTextPrice {
    font-family: MicrosoftYaHei;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    color: #ff6c1c;
}

.option-s {
    color: #333;
}

.shopListBUys {
    padding: 3px 12px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    color: #ffffff;
    margin: 6px 0 0 0 !important;
    line-height: inherit !important;
    min-height: inherit !important;
}

.detailsImg {
    position: relative;
    min-height: 200px;
}

.detailsImg img {
    width: 100%;
    height: 300px;
}

.position_shade {
    position: absolute;
    width: 100%;
    height: 100%;
    /*height: 80px;*/
    left: 0;
    background: -webkit-linear-gradient(#FFFFFF, #FFFFFF, #FFFFFF, #0d0d0d); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FFFFFF, #FFFFFF, #FFFFFF, #0d0d0d); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #FFFFFF, #FFFFFF, #0d0d0d); /* Firefox 3.6 - 15 */
    background: linear-gradient(#FFFFFF, #FFFFFF, #FFFFFF, #0d0d0d); /* 标准的语法 */
    opacity: 0.3;
    z-index: 1;
    bottom: 0px;
    /* position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: #0d0d0d;
     opacity: 0.3;
     z-index: 1;*/
}

.position_presentation {
    position: absolute;
    width: 100%;
    padding: 0 19px;
    bottom: 13px;
    left: 0;
    z-index: 4;
}

.presentationText {
    font-family: MicrosoftYaHei;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    color: #ffffff;
    padding-bottom: 9px;
    border-bottom: .5px solid #FFFFFF;
    margin-bottom: 10px;
}

.presentationPrice {
    font-family: MicrosoftYaHei;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: 0px;
    color: #ffffff;
}

.login_content .input_border {
    /*border-bottom: 0;*/
}

/*.login_content input.NO_bgcolor_input:focus{*/
/*color:rgba(53,116,250,1) !important;*/
/*background: rgba(239,244,255,1);*/
/*box-shadow: 0px 1px 0px 0px rgba(53,116,250,1);*/
/*border-radius: 4px;*/
/*border: 1px solid rgba(53,116,250,1);*/
/*}*/
.login-main-s {
    display: inline-block;
    left: 0;
    top: 0;
    width: 36px;
    height: 34px;
    /*background:rgba(11,58,84,1);*/
    /*border:1px solid rgba(11,58,84,1);*/
    border-radius: 20px 0px 0px 20px;
}

.button.button-baobei {
    background: rgba(51, 226, 138, 1);
    border-radius: 3px;
    opacity: 1;
    font-size: 14px;
    min-height: 34px;
    line-height: 34px;
}

.button.button-dblue.active, .button.button-dblue.activated {
    background: #434CFF;
}

.icon-duihuanqingkuang.dblue {
    color: #2ff2f2;
}

.icon-CNY.assertive {
    color: #BEA77F;
}

.icon-acc {
    width: 30px;
    height: 28px;
    vertical-align: middle;
    fill: currentColor;
    overflow: hidden;
    margin-top: -2px;
    position: relative;
    top: 2px;
}

.user-acc {
    margin: 15px;
    background: rgba(53, 71, 106, 1);
    overflow: hidden;
    padding: 15px;
    grid-template-columns: repeat(3, 32%);
    grid-row-gap: 7.5px;
    grid-column-gap: 7.5px;
}

.user-acc--head-s {
    background: rgba(11, 58, 84, 1);
    border-radius: 3px;
    overflow: hidden;
    min-height: 100px;
    flex: .3333;
}

.user-acc--head-pirce {
    background: rgba(11, 58, 84, 1);
    border-radius: 3px;
    overflow: hidden;
    width: 100%;
    flex: 1;
}

.user-acc--head {
    background: #049992;
    min-height: 30px;
    font-size: 12px;
    color: #fff;
    flex: 1;
    width: 100%;
}

.user-acc--head.sl-e {
    background: rgba(190, 167, 127, 1);
}

.user-acc--conts {
    background: rgba(11, 58, 84, 1);
    min-height: 50px;
    font-size: 15px;
    color: #fff;
    width: 100%;
    padding: 0 15px;
    border-bottom: 1px solid rgba(131, 154, 197, 1);
}

.user-graph--di {
    /*background:rgba(4,153,146,1) !important;*/
    margin: 0 !important;
    border: none !important;
}

.user-graph--di--noP {
    /*background:rgba(4,153,146,1) !important;*/
    padding-top: 0 !important;
}

.user-acc--conts:last-child {
    border-bottom: 0;
}

.user-acc--head-s.v2-acc {
    flex: 0.5;
    margin: 0 0 0 7.5px;
}

.dapp-coinBlance.ol {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 14px;
}

.dapp-coinBlance-price.dl {
    font-size: 10px;
    font-weight: 200;
    color: rgba(131, 154, 197, 1);
    line-height: 14px;
}

.zl-head {
    margin: 0 7.5px;
}

.user-acc--cont {
    background: rgba(11, 58, 84, 1);
    min-height: 70px;
    font-size: 15px;
    color: #fff;
}

.user-acc--cont.acc-sp {
    font-size: 18px;
    color: #009554;
}

.user-acc--cont.sl-e--con {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 14px;
}

.yeday {
    font-size: 10px;
    font-weight: 400;
    color: rgba(131, 154, 197, 1);
    line-height: 14px;
    margin-left: 6px;
}

.button.button-dblue {
    background: rgb(67 76 255);
    box-shadow: 0px 3px 7px 0px rgb(67 76 225 / 50%);
    min-height: 40px;
    line-height: 40px;
    height: auto;
    box-shadow: none;
    background: #434CFF;
    border-radius: 5px;
    opacity: 0.9;
    font-size: 15px;
}

.button.button-dblue.active, .button.button-dblue.activated {
    /*background-color: transparent !important;*/
}

.button.disabled, .button[disabled] {
    opacity: .6;
}

ion-tabs.tabs-color-active-dblue .tab-item.tab-item-active, ion-tabs.tabs-color-active-dblue .tab-item.active, ion-tabs.tabs-color-active-dblue .tab-item.activated {
    color: #221E57;
}

.tabs-icon-top > .tabs .tab-item, .tabs-icon-top.tabs .tab-item, .tabs-icon-bottom > .tabs .tab-item, .tabs-icon-bottom.tabs .tab-item {
    color: #999999;
    opacity: 1;
}

.account-theme .padding {
    /*padding: 0px 10px 10px 10px;*/
}

.tabs {
    background-color: rgba(254, 254, 254, 1);
    box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);
}

.item-icon-left .icon-accessory, .item-icon-right .icon-accessory {
    color: #6567C5 !important;
    right: 4px !important;
}

.item-icon-right .icon-accessory {
    left: 20px;
}

.item-icon-left {
    padding-left: 50px;
}

.borderTop {
    /*border-top: 0.5px solid rgba(83,83,84,1) !important;*/
}

.manage .item-icon-left.item-icon-right .icon:first-child {
    color: #6567C5 !important;
}

.button.button-dblue.chat-btn {
    height: 35px;
    min-height: 35px;
    margin: 10px 0 10px 12px !important;
    line-height: 35px;
}

.dsl-span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    max-width: 66px;
    overflow: hidden;
}

.manage .item-icon-left .icon {
    left: 10x;
}

.item {
    border: 0;
    /*box-shadow:0px -1px 0px 0px rgba(227,227,227,1);*/
}

.withdraw input, .product input {
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    border: 1px solid rgba(187, 187, 187, 1);
    padding: 0 10px;
}

.withdraw input:focus, .product input:focus {
    color: rgba(53, 116, 250, 1) !important;
    background: rgba(239, 244, 255, 1);
    box-shadow: 0px 1px 0px 0px rgba(53, 116, 250, 1);
    border-radius: 4px;
    border: 1px solid rgba(53, 116, 250, 1);
}

.input-del-ceded, .input-del-transfer, .input-del-product, .input-del-withdraw {
    right: 32%;
}

.item.active, .item.activated, .item-complex.active .item-content, .item-complex.activated .item-content, .item .item-content.active, .item .item-content.activated {
    border-color: #EEEEEE;
    /*background-color: rgba(217, 217, 217, 0.13);*/
    background-color: rgba(252, 252, 252, 0.5);
}

.border-sil {
    background: rgba(45, 60, 90, 1);
    border: 1px solid rgba(4, 153, 146, 1);
    border-radius: 3px;
    /*margin-bottom: 10px;*/
    padding: 6px 10px;
    color: #fff;
}

.bankIcon {
    color: #75B3F8;
    font-size: 11px;
    margin-right: 2px;
}

.slsd-t {
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    /*margin-top: 3px;*/
}

.tips-ico {
    font-size: 10px;
    font-weight: 400;
    color: rgba(131, 154, 197, 1);
    line-height: 14px;
}

.sd-td {
    font-size: 21px;
    color: #59427C
}

.sl-icons {
    color: #fff;
    font-size: 19px;
    transform: rotate(180deg);
}

.s-d--tips {
    font-size: 10px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 14px;
    margin: 10px 0;
}

.roll .input-del-product {
    right: 8%;
}

.bar.bar-theme.manage-head {
    border-color: rgba(217, 190, 153, 1) !important;
    background-color: rgba(217, 190, 153, 1) !important;
    background-image: url("../img/huijuji/my-top.png") !important;
    color: #fff;
    background-size: 100% 100%;
}

.detail-trade--content {
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    background: #4D4D4D;
    margin-bottom: calc(100vw / 375 * 10);
}

.trade-input .input-address {
    text-align: right;
    padding-top: 0;
    padding-right: calc(100vw / 375 * 25);
}

.detail-trade--contentAddress {
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    font-weight: 400;
    color: #FFFFFF;
}

.trade-input {
    width: 65%;
    position: relative;
}

.input-del-binding, .input-del-forgot, .input-del-verify, .input-del-login {
    position: absolute;
    right: calc(100vw / 375 * 20);
    font-size: calc(100vw / 375 * 15);
    color: #FFFFFF;
    display: block;
}

.posi_top_withdraw {
    right: calc(100vw / 375 * 30) !important;
    font-size: calc(100vw / 375 * 15);
    top: calc(100vw / 375 * 5) !important;
}

.trade-input--icon {
    color: #FFE6BF;
    font-weight: 500;
    font-size: calc(100vw / 375 * 25);
}

.user-amk {
    padding: 8px 20px;
    grid-template-columns: repeat(2, 50%);
    margin: 0 15px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);
    border-radius: 5px;
    margin-top: -50px;
    position: relative;
    z-index: 10;
    height: 100px;
}

.user-amk-co {
    font-size: 13px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 18px;
}

.user-amk-co .num {
    font-size: 20px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 28px;
}

.product-orders--titile {
    color: rgb(238, 198, 127);
    margin: 20px 0 5px;
    font-weight: bold;
    line-height: 25px
}

.product-orders--info {
    margin: 15px 0;
    color: #ccc
}

.fil-tab-main {
    position: relative;
    width: 94%;
    margin: 0 10px;
    background: rgba(54, 55, 63, 1);
    border-radius: 4px;
    overflow: hidden;
}

.tcaColor, a.tcaColor, .royal, a.royal, .assertive, a.assertive {
    /*color: #8DA0C8;*/
}

.tcaColor.background-line, .royal.background-line {
    /*background: #8DA0C8;*/
}

.withdrawCoin .button.button-dblue, .manage .button.button-dblue {
    /*background: rgba(141, 160, 200, .8) !important;*/
}

.button.button.button-manage {
    /*background: rgba(20,87,159,1) !important;*/
    background: linear-gradient(180deg, rgb(230, 190, 153) 0%, rgb(220, 163, 116) 100%);
    border-radius: 4px;
    color: #fff !important;
    height: 29px;
}

.ks-input {
    padding-right: 95px !important;
    width: 100%;
    overflow: hidden;
}

.allentry-tips {
    position: absolute;
    right: 8px;
    color: #049992;
    font-size: 10px;
}

.button.button.button-manage.active, .button.button-manage.activated {
    /*background: rgba(20,87,159,.8) !important;*/
    background: linear-gradient(180deg, rgba(230, 190, 153, .8) 0%, rgba(220, 163, 116, .8) 100%);
    border-radius: 4px;
    color: #fff !important;
}

.goPay-s .input-del-gopay.delesc-s {
    right: 57px !important;
}

.button.button-cancel {
    background: #787878 !important;
    border-radius: calc(100vw / 375 * 4);
    color: #fff !important;
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 36);
    line-height: calc(100vw / 375 * 20);
}

.button.button-cancel.active, .button.button-cancel.activated {
    background: rgba(131, 154, 197, .8) !important;
    border-radius: calc(100vw / 375 * 4);
    color: #fff !important;
}

.withdrawCoin .button.button-dblue.active, .withdrawCoin .button.button-dblue.activated,
.manage .button.button-dblue.active, .manage .button.button-dblue.activated {
    /*background: rgba(141, 160, 200, 1) !important;*/
}

.button.botton-dblueTheme {
    background: rgba(248, 94, 73, 1);
    box-shadow: 0px 3px 7px 0px rgb(225 63 41 / 50%);
    border-radius: 5px;
    opacity: 0.9;
    font-size: 15px;
    color: #fff;
    font-size: 15px;
    margin-bottom: 0px;
}

.popup-tips {
    color: #000;
    font-size: calc(100vw / 375 * 15);
}

.popup-buttons {
    min-height: inherit;
    justify-content: space-around;
    padding: calc(100vw / 375 * 10);
}

.popup-body {
    padding: calc(100vw / 375 * 10);
    max-height: calc(100vw / 375 * 150);
}

.withdrawCoin .item-icon-left {
    padding-left: 48px;
}

.withdrawCoin .padding {
    padding: 10px;
}

.wallet-box {
    /*margin-bottom: 30px;*/
    height: auto;
    position: relative;
    color: #fff;
}

.wallet-box .card-price {
    font-size: 35px;
    font-weight: bold;
    color: #fff;
}

.wallet-box .card-f {
    font-size: 14px;
    color: #fff;
    /*padding-top: 35px;*/
    /*padding-left: 18px;*/
    margin-top: -10px;
    margin-right: 5px;
}

.bg-color.tutorial-bg, .bg-color.notice-bg, .bg-color.card-bg {
    background: #F4F6F8;
}

.wallet-box .card-price.card-price-size {
    font-size: 26px;
}

.card-info-sls {
    grid-template-columns: 5% 95%;
    min-height: 70px;
}

.wallet-bot--title {
    font-size: 12px;
    display: inline-block;
    width: 100%;
}

.wallet-bot {
    color: #fff;
    max-height: 62.5px;
    flex: 1;
    padding-left: 15px;
}

.cs-dkt {
    font-size: 10px;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
    background: rgba(190, 167, 127, 1);
    text-align: center;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: -webkit-box;*/
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    max-height: 78px;
    overflow: hidden;
}

.wallet-bot.jd-s {
    background: linear-gradient(180deg, rgba(0, 149, 84, 1), transparent);
}

.wallet-bot.jd-d {
    background: linear-gradient(180deg, rgba(247, 98, 98, 1), transparent);
}

.btcName {
    color: #ccc;
    font-size: 15px;
}

.btcAddr {
    font-size: 16px;
    color: rgba(178, 178, 178, 1);
    display: inline-block;
    max-width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.roll .card-icon--box {
    margin-right: -5px;
}

.button.button-dblue.qrCode-btn {
    font-size: calc(100vw / 375 * 15) !important;;
    min-height: calc(100vw / 375 * 34);
    line-height: calc(100vw / 375 * 34);
    box-shadow: none;
    background-image: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4);
    border-radius: calc(100vw / 375 * 5);
    opacity: 0.9;
}

.button.botton-dblueTheme.qrCode-btn {
    font-size: calc(100vw / 375 * 15) !important;
    min-height: calc(100vw / 375 * 34);
    line-height: calc(100vw / 375 * 34);
    /*box-shadow: none;*/
    background: rgba(248, 94, 73, 1);
    border-radius: calc(100vw / 375 * 5);
    opacity: 0.9;
    margin-top: calc(100vw / 375 * 10);
}

.button .icon:before, .button.icon:before, .button.icon-left:before, .button.icon-right:before {
    font-size: 32px;
}

.pane, .view {
    /*background:#2C2C34;*/
    background: rgba(248, 248, 248, 1);
}

.account-box {
    /*width: 100%;*/
    flex: 1;
    margin: 0 10px 10px 10px;
    /*background: rgba(54,55,63,1);*/
    border-radius: 4px;
}

.account-box--list {
    flex: 1;
    background: transparent;
    /*box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.08);*/
    border-radius: 0;
    /*height: 85px;*/
    margin-right: 25px;
    transition: all cubic-bezier(0.4, 0, 1, 1) 250ms;
    /*min-width: 157.5px;*/
    padding-bottom: 10px;
}

.account-box--list.activaed-slide {
    /*box-shadow:0px 4px 8px 0px rgba(53,116,250,0.18);*/
    border-radius: 0;
    transition: all cubic-bezier(0.4, 0, 1, 1) 250ms;
    background: linear-gradient(180deg, rgb(230, 190, 153) 0%, rgba(0, 0, 0, 0) 100%);
}

.account-box--list:last-child {
    margin-right: 0;
}

.detail-fil {
    bottom: 50px;
}

.account-box--list .card-icon--box-b {
    width: 35px;
    height: 35px;
    /*margin-bottom: 7px;*/
    margin-top: 12px;
    margin-right: 0;
}

.account-box--list .card-icon--box-b .icon {
    font-size: 38px;
}

.account-box--btcName {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

.ngdialog.ngdialog-theme-default.manage {
    /*padding-bottom: 0;*/
    /*padding-top: 130px;*/
}

.list-main {
    /*margin-top:-20px;*/
    background: #383840;
    padding: 15px;
    margin: 15px;
    grid-template-columns: repeat(2, 48%);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    border-radius: 3px;
}

.dls-sx {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    overflow: hidden;
}

.dls-sx.sm-di {
    color: #839AC5;
}

.table-account {
    flex: 1;
    width: 100%;
    height: auto;
    /*margin-bottom: 15px;*/
    transition: all ease-in-out 250ms;
    position: relative;
    border-bottom-left-radius: calc(100vw / 375 * 5);
    border-bottom-right-radius: calc(100vw / 375 * 5);
    overflow: hidden;
}

.dapp-list--icon {
    font-size: 33px;
    margin-right: 5px;
}

.rotateIcon {
    transition: all ease-in-out 250ms;
}

.rotate-icon {
    color: #000000;
    transform: rotate(180deg);
}

.switchEcharts {
    /*margin-bottom: 15px;*/
    color: #fff;
    background: #fff;
}

.swiper-container {
    width: 100%;
    height: 100%;
    /*border-radius: 4px;*/
}

.card-echarts {
    margin: calc(100vw / 375 * 15);
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgb(188 188 188 / 50%);
    border-radius: calc(100vw / 375 * 5);
    /*overflow: hidden;*/
}

.dapp-detail .swiper-slide {
    text-align: center;
    font-size: calc(100vw / 375 * 18);
    background: transparent;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex: 1;
    flex-shrink: 0;
    /*margin:0 12px;*/
}

.detail-deal-box {
    margin: 0 calc(100vw / 375 * 15) 0 calc(100vw / 375 * 15);
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgb(188 188 188 / 50%);
    border-radius: calc(100vw / 375 * 5);
    /*overflow: hidden;*/
}

.detail-title {
    border-radius: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 16);
    width: 100%;
    margin: 0;
}

.detail-tab {
    margin: calc(100vw / 375 * 5) calc(100vw / 375 * 20) calc(100vw / 375 * 15);
    border: 1px solid #D8AF8B;
    border-radius: calc(100vw / 375 * 4);
    overflow: hidden;
    background: #D8AF8B;
    height: calc(100vw / 375 * 25);
}

.detail-title-first {
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    font-weight: bold;
    color: rgba(37, 37, 37, 1);
    position: relative;
}

.detail-title-info.tab-t {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
}

.welcome {
    overflow-y: scroll;
    height: 100%;
    background: #335EFE;
    position: relative;
}

.detail-tab--a {
    padding: calc(100vw / 375 * 5) 0;
    flex: 0.33333;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    /*height: calc(100vw / 375 * 25); 这种情况 height可能有小数点啥的 会造成多出来一点 让padding来自己扩张*/
    font-weight: 400;
    color: #D8AF8B;
    background: #FFFFFF;
}

.welcome-box {
    margin-top: 120px;
    margin-bottom: 35px;
}

.welcome-content {
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
}

.welcome-btn {
    position: absolute;
    left: 0;
    bottom: 80px;
    flex: 1;
    width: 100%;
    padding: 0 20px;
}

.lang-list {
    position: absolute;
    left: 0;
    bottom: 20px;
    flex: 1;
    width: 100%;
    color: #fff;
}

.lang-list.login-lang {
    bottom: 95px;
}

.screen_higt {
    /*background: url(../img/huijuji/login.png);*/
    /*background-size: 100% 100%;*/
    background-position: center;
    overflow: hidden;
    position: relative
}

.lang-item--box {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid transparent;
}

.lang-item--box.selected-lang {
    border: 2px solid #049992;
}

.lang-item {
    margin-right: 82px;
}

.lang-item:last-child {
    margin-right: 0;
}

.lang-svg {
    height: 42px;
    width: 42px;
    vertical-align: 1em;
    fill: currentColor;
    overflow: hidden;
    padding: 3px;
    margin-left: -3px;
    margin-top: -3px;
}

.welcome-btn--s {
    background: rgba(255, 255, 255, 1);
    /*box-shadow:0px 4px 10px 0px rgba(202,202,202,0.15);*/
    border-radius: 4px;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    flex: 1;
    width: 100%;
    margin-right: 20px;
    height: 40px;
    margin-bottom: 15px;
    background: transparent;
    color: #fff;
    border-radius: 20px;
    border: solid 1px transparent;
    width: 50%;
    margin: 20px auto;
}

.welcome-btn--s.login-btn {
    /*background:rgba(20,87,159,1);*/
    background: linear-gradient(180deg, rgb(230, 190, 153) 0%, rgb(220, 163, 116) 100%);
    color: rgba(255, 255, 255, 1);
}

.welcome-btn--s.reg-btn {
    background: transparent;
    border: solid 1px rgb(220, 163, 116);
    color: #fff;
}

.welcome-logo {
    width: 40%;
    max-width: 40%;
}

.padding.psd {
    padding: 10px 0 !important;
}

.setting-lad {
    position: relative;
    line-height: 25px;
    top: 2px;
}

.lock-item {
    padding: calc(100vw / 375 * 10);
    background: #4D4D4D !important;
    border-radius: calc(100vw / 375 * 3);
    /*border-top: 1px solid #EEEEEE;*/
    /*border-top-left-radius: 0;*/
    /*border-top-right-radius: 0;*/
}

.lock-item.top-show {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.lock-item label {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 25);
    line-height: calc(100vw / 375 * 25);
    color: #FFFFFF;
}

.lock-item:last-child {
    margin-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 1px solid #555555;
}

.goPay-input:focus {
    /*color:rgba(53,116,250,1) !important;*/
    /*background: rgba(239,244,255,1) !important;*/
    /*border: 1px solid rgba(53,116,250,1) !important;*/

    /*background:rgba(45,60,90,1);*/
    /*border:1px solid rgba(4,153,146,1) !important;*/
    /*border-radius:3px;*/
}

.ngdialog.ngdialog-theme-default.qrCode .ngdialog-content {
    max-width: 90%;
    background: #fff;
    border-radius: calc(100vw / 375 * 5);
}

.ngdialog.ngdialog-theme-default.qrCode {
    /*padding-top: calc(100vh / 667 * 70);*/
}

.dialog-username {
    font-size: calc(100vw / 375 * 24);
    font-weight: 500;
    color: rgba(37, 37, 37, 1);
    line-height: calc(100vw / 375 * 24);
    margin-top: calc(100vw / 375 * 35);
}

.dialog-username.ls-name {
    font-size: calc(100vw / 375 * 15);
    font-weight: 400;
    color: rgba(254, 254, 254, 1);
    line-height: calc(100vw / 375 * 15);
    margin-bottom: calc(100vw / 375 * 10);
    margin-top: calc(100vw / 375 * 10);
}

.dialog-title {
    font-size: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    font-weight: bold;
    /*color: #FFFFFF;*/
    color: #956E3C;
    background: linear-gradient(180deg, #B77D60, #532913);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dialog-payment-h {
    margin-bottom: calc(100vw / 375 * 15);
}

.dialog-payment-h > div {
    height: 1px;
    width: calc(100vw / 375 * 50);
    background: linear-gradient(90deg, rgba(151, 151, 151, 0.03), #858585)
}

.dialog-payment-h > span {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    color: #858585;
    margin: 0 calc(100vw / 375 * 5);
}

.dialog-payment-h > div:last-child {
    height: 1px;
    width: calc(100vw / 375 * 50);
    background: linear-gradient(270deg, rgba(151, 151, 151, 0.03), #858585)
}

.dialog-payment {
    margin-bottom: calc(100vw / 375 * 10);
}

.dialog-payment-code {
    position: relative;
    margin: 0 calc(100vw / 375 * 30);
}

.dialog-payment-qr {
    padding: calc(100vw / 375 * 3);
    border-radius: calc(100vw / 375 * 3);
    background: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 5);
    position: relative;
    width: calc(100vw / 375 * 60);
    height: calc(100vw / 375 * 60);
}

.dialog-payment-qr--filter {
    position: absolute;
    background: #FFFFFF;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.dialog-payment-text {
    color: #858585;
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
}

.payment-qrcode-bg.prompt-icon {
    right: calc(-1 * (100vw / 375 * 20));
    left: auto;
    top: calc(-1 * (100vw / 375 * 30));
    bottom: auto;
    font-size: calc(100vw / 375 * 30);
    line-height: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
}

.dialog-code {
    /*font-size:24px;*/
    font-size: calc(100vw / 375 * 12) !important;
    color: rgba(37, 37, 37, 1);
    line-height: 1;
    width: 100%;
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    text-align: center;
    margin-top: calc(100vw / 375 * 10);
    margin-bottom: calc(100vw / 375 * 10);
}

.dialog-code.ls-name {
    font-size: calc(100vw / 375 * 12);
    font-weight: 400;
    color: rgba(131, 154, 197, 1);
    line-height: calc(100vw / 375 * 14);
}

.dialog-logo {
    width: 100%;
    height: 100%;
    max-width: 100%;
    border: none;
    object-fit: cover;
    object-position: center;
    /*border-radius: 50%;*/
}

.qrCode-btn {
    width: calc(100vw / 375 * 200) !important;
    margin: 0 auto;
}

.dialog-icon {
    display: none;
    position: absolute;
    top: calc(-1 * (100vw / 375 * 50));
    left: 43%;
    /*transform: rotate(180deg);*/
    color: #fff;
    font-size: calc(100vw / 375 * 52);
}

.ngdialog.ngdialog-theme-default.rechargeDialog {
    padding-top: 130px;
}

.ngdialog.ngdialog-theme-default.rechargeDialog .ngdialog-content {
    max-width: 90%;
    background: rgba(54, 55, 63, 1);
    border-radius: 4px;
}

.dialog-racharge {
    position: absolute;
    top: -20px;
    left: 42%
}

.dialog-name {
    margin-top: 25px;
}

.dialog-icon--recharge {
    font-size: 50px;
    border: 4px solid #839AC5;
    border-radius: 50%;
}

.dialog-icon--recharge.la-res {
    border: 4px solid #839AC5;
}

.notice-list {
    /*padding-top: 10px;*/
    /*margin-top: 50px !important;*/
}

.notice-other {
    margin-top: 0px !important;;
}

/*************** 重写css ***************/
/*theme*/
.notice-list--box {
    padding-bottom: 10px;
}

.popup-container .popup {
    /*background-color: rgba(255,255,255,1);*/
    width: calc(100vw / 375 * 250);
}

.notice-list--list {
    background: linear-gradient(270deg, #6A635E, #2E2A32) !important;
    border-radius: calc(100vw / 375 * 5);
    /*padding: 15px;*/
}

.notice-list--list:last-child {
    margin-bottom: 0;
}

.notice-list--time {
    text-align: center;
    padding: calc(100vw / 375 * 20) 0 calc(100vw / 375 * 15) 0;
    font-size: calc(100vw / 375 * 14);
    font-weight: 500;
    color: #FFFFFF;
}

.notice-list--li {
    margin: 0 calc(100vw / 375 * 10);
}

.gg_title-header {
    position: relative;
    padding: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 90);
    width: 100%;
}

.title_detail {
    font-weight: bold;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    /*margin-bottom: 7px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    color: rgba(37, 37, 37, 1);
    line-height: 25px;
}

.notice-list--time--s {
    font-size: 12px;
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
}

.zx_cotent {
    font-size: 14px;
    font-weight: 400;
    color: #909090;
    line-height: 20px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.notice-listContent--img {
    width: calc(100vw / 375 * 70);
    height: calc(100vw / 375 * 70);;
    /*background: url(../img/new/test.png) no-repeat;*/
    background-size: 100% 100%;
    /*margin-right: 15px;*/
    /*padding-top: 3px;*/
}

.notice-listContent--img img,
.gg_content--img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /*border-radius: 3px;*/
}

.notice-listContent--img img {
    border-radius: calc(100vw / 375 * 5);
}

.gg_title {
    font-size: calc(100vw / 375 * 16);
    font-weight: 600;
    color: #FFFFFF;
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    margin-bottom: calc(100vw / 375 * 10);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.gg_content {
    font-size: calc(100vw / 375 * 13);
    font-weight: 400;
    color: #FFFFFF;
    height: calc(100vw / 375 * 40);
    line-height: calc(100vw / 375 * 20);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.gg_content--img {
    width: 100%;
    height: calc(100vw / 375 * 170) !important;
    /*margin: 0 auto 20px;*/
}

.gg_content--times {
    position: absolute;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
    top: 0;
    right: calc(100vw / 375 * 10);
}

.gg_content--times img {
    height: calc(100vw / 375 * 14);
    width: calc(100vw / 375 * 12);;
}

.title_detail--mt {
    font-size: calc(100vw / 375 * 17);
    font-weight: 600;
    color: rgba(37, 37, 37, 1);
    line-height: calc(100vw / 375 * 24);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.notice-list--li.notice-listContentLi {
    margin: 0;
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    border-bottom: 1px solid #4D4D4D;
}

.notice-tab {
    padding: 0 !important;
}

.list--time--d {
    color: #DEA578;
    font-size: 12px;
    margin-right: 5px;
}

.notice-listContent {
    /* width: 100%; */
    margin-right: calc(100vw / 375 * 10);
    width: calc(100vw - (100vw / 375 * 150));
}

.list--title {
    font-size: calc(100vw / 375 * 16);
    font-weight: 600;
    color: #FFFFFF;
    height: calc(100vw / 375 * 25);
    line-height: calc(100vw / 375 * 25);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.notice-con {
    font-size: 14px;
    color: rgba(167, 167, 167, 1);
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    width: 100%;
    font-weight: 200;
    /*width: 215px;*/
    /*max-width: 215px;*/
    height: 30px;
}

input[disabled], select[disabled], textarea[disabled], input[readonly]:not(.cloned-text-input), textarea[readonly]:not(.cloned-text-input), select[readonly] {
    /*color: #fff;*/
    cursor: not-allowed;
    background: transparent;
}

.notice-listContent--p {
    width: 100%;
}

.goPay-input.password-input-r {
    border-bottom: none !important;
    padding-right: 0;
    text-align: right;
}

.list--time {
    font-size: 10px;
    font-weight: 400;
    color: #E1A276;
    /*line-height: 18px;*/
    /*height: 25px;*/
}

.goPay-s .input-del-gopay.mobile-close {
    top: 8px;
    right: 70px !important;
}

.detail-content {
    padding: calc(100vw / 375 * 30) calc(100vw / 375 * 20) calc(100vw / 375 * 10) calc(100vw / 375 * 20);
}

.detail-content.ds-not {
    background: RGBA(56, 56, 64, 1);
    border-radius: 3px;
}

.detail-p {
    margin-bottom: 15px;
}

.detail--time {
    font-size: calc(100vw / 375 * 12);
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
    line-height: calc(100vw / 375 * 25);
}

.detail-img {
    width: 100%;
    height: 189px;
    overflow: hidden;
    margin-bottom: 15px;
}

.detail-content--s {
    font-size: 14px;
    font-weight: 400;
    color: rgba(99, 99, 99, 1);
    line-height: 20px;
}

.detail-content--bgT > p, .detail-content--bgT > p > span, .detail-content--bgT > p > span > span {
    background: transparent !important;
}

.flash-exchange .item {
    box-shadow: none;
}

.flash-exchange .withdraw input,
.flash-exchange .product input,
.flash-exchange .withdraw input:focus,
.flash-exchange .product input:focus,
.report .withdraw input,
.report .product input,
.report .withdraw input:focus,
.report .product input:focus {
    border: none;
    background: transparent;
    box-shadow: none;
    color: #111 !important;
}

.flash-exchange .withdraw input,
.flash-exchange .product input,
.flash-exchange .withdraw input:focus,
.flash-exchange .product input:focus,
.report .withdraw input,
.report .product input,
.report .withdraw input:focus,
.report .product input:focus {
    border: none;
    background: transparent;
    box-shadow: none;
    color: #111 !important;
}

.notice-tab .declaration-tab {
    position: relative;
    width: 100%;
    flex: 1;
    box-sizing: border-box;
    padding-bottom: 0;
    background: #fff;
    /*height: 44px;*/
    white-space: nowrap;
}

.notice-tab .declaration-tab--op {
    width: 35%;
    margin-top: 10px;
    padding-bottom: 4px;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    font-size: 17px;
    /*font-family:PingFang-SC-Regular;*/
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
    position: relative;
    z-index: 100;
}

/*.declaration-tab--op.dapp-transaction-op*/

.notice-tab .declaration-tab--line {
    position: absolute;
    z-index: 50;
    width: 0px;
    height: 44px;
    left: 0;
    background: rgba(4, 153, 146, 1);
    /*-webkit-transition: all .4s ease-in-out;*/
    /*transition: all .4s ease-in-out;*/
    z-index: 1;
    /*top: 0;*/
}

.notice-tab .declaration-tab--op.actived-op {
    color: #DEA578;
}

.notice-tab .declaration-tab--op.actived-op .declaration-tab--line {
    opacity: 1;
}

.notice-tab .declaration-tab--op.dapp-transaction-op .declaration-tab--line {
    width: 100%;
    left: 0;
}

.flash-exchange .withdraw input[readonly],
.flash-exchange .product input[readonly],
.flash-exchange .withdraw input[readonly]:focus,
.flash-exchange .product input[readonly]:focus,
.report .withdraw input[readonly],
.report .product input[readonly],
.report .withdraw input[readonly]:focus,
.report .product input[readonly]:focus {
    background-color: #f8f8f8;
}

.popup-container .popup {
    border-radius: 5px !important;
    overflow: hidden;
}

.content-forget {
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 20) calc(100vw / 375 * 10) calc(100vw / 375 * 20);
}

.select-label {
    height: calc(100vw / 375 * 35);
    box-shadow: none !important;
    padding-bottom: calc(100vw / 375 * 5);
}

.item-select select {
    direction: ltr;
}

.select-ac {
    background: transparent !important;
    height: calc(100vw / 375 * 20) !important;
    margin-top: calc(100vw / 375 * 6) !important;
    left: 0 !important;
    padding: 0 !important;
    color: #FFFFFF !important;
    font-weight: 400 !important;
    font-size: calc(100vw / 375 * 16) !important;
}

.goPay-info.forgot-reg {
    background: transparent;
    border-radius: 0;
    border: 0;
    /*margin-bottom: 15px;*/
    height: 100%;
}

.tips-forgot {
    font-weight: 400;
    color: rgba(179, 185, 213, 1);
    text-align: left;
    background: rgba(231, 234, 244, 1);
    border-radius: 5px;
    padding: 5px 10px;
    margin-bottom: 10px;
    height: auto !important;
    font-size: 10px !important;
}

.tips-forgot.ui-themeForgot {
    color: #FF3837;
    background: #FFF5F6;
}

.account-one--title {
    display: inline-flex;
    max-width: 40px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 10px;
    font-size: 9px;
    flex: 1;
    height: 100%;
    word-wrap: break-word;
    word-break: normal;
    padding: 0 10px;
    text-align: center;
}

.button.button-sure {
    background: rgba(248, 94, 73, 1);
    border-radius: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 15);
    color: #fff;
    height: calc(100vw / 375 * 36);
    line-height: calc(100vw / 375 * 20);
    margin-right: calc(100vw / 375 * 5)
}

.account-one--number {
    flex: 1;
    height: 100%;
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 10px;
}

.wallet-bot.account-one {
    padding-left: 0;
    max-height: 35px;
}

.card-info.account-one {
    min-height: 70px;
    max-height: 70px;
}

.account-one--title.d-s {
    background: rgba(190, 167, 127, 1);
}

.account-one--number.d-s {
    background: linear-gradient(120deg, rgba(190, 167, 127, 1), transparent);
}

.account-one--title.d-t {
    background: rgba(0, 149, 84, 1);
}

.account-one--number.d-t {
    background: linear-gradient(120deg, rgba(0, 149, 84, 1), transparent);
}

.account-one--title.d-d {
    background: rgba(4, 153, 146, 1);
}

.account-one--number.d-d {
    background: linear-gradient(120deg, rgba(4, 153, 146, 1), transparent);
}

.account-one--title.d-y {
    background: rgba(247, 98, 98, 1);
}

.account-one--number.d-y {
    background: linear-gradient(120deg, rgba(247, 98, 98, 1), transparent);
}

/*********** fil *********/
.CarouselA.fil-slide {
    padding: 0 !important;
    border-radius: 0;
    height: 110px !important;
}

.CarouselA.fil-slide img {
    border-radius: 0 !important;
}

.fil-scroll {
    /*padding-left: 14px; *!*/
    font-size: calc(100vw / 375 * 10);
    font-weight: 400;
    color: rgba(37, 37, 37, 1);
    line-height: calc(100vw / 375 * 30);
    /* max-height: 37px; */
    /* overflow: hidden; */
    height: calc(100vw / 375 * 30);
    margin: 0 15px;
    padding-left: 5px;
    position: relative;
    z-index: 9999;
    /*top: -15px;*/
    background: #FFFFFF;
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%);
    border-radius: 5px;
}

.fil-scroll > .fil-scroll--list {
    height: calc(100vw / 375 * 30);
    line-height: calc(100vw / 375 * 30);
    position: relative;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

.tabs-icon--c-d {
    font-size: 22px;
    color: rgba(34, 30, 87, 1);
    margin-right: 5px;
}

.marquee-list {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box
}

.marquee-list--li {
    /*height: 37px;*/
    /*line-height: 37px;*/
    font-size: 14px;
    /*padding-left: .8rem;*/
    /*font-weight: 800;*/
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    overflow: hidden;
    transition: all .5s;
    /*font-weight: bold;*/
    color: #636363;
}

.marquee-top {
    transition: all .5s;
    margin-top: -37px
}

.fil-list--content {
    padding: 10px 0px;
    position: absolute;
    top: 380px;
    width: 100%;
}

.main-img {
    height: 240px;
    position: relative;
    z-index: 0;
}

.he-img {
    /*margin-bottom: 10px;*/
    height: 110px;
    position: relative;
    top: -15px;
    padding: 10px 15px;
}

.fil-scrollSvg svg {
    width: 23px;
    height: 23px;
    vertical-align: -.9em;
    fill: currentColor;
    overflow: hidden;
    margin-right: 3px;
}

.notice-noDataMessage,
.commodityList-noDataMessage {
    padding-top: calc(100vw / 375 * 25) !important;
}

.tutorial-noDataMessage {
    padding-top: calc(100vw / 375 * 10) !important;
}

.myOrders-noDataMessage,
.merchant-noDataMessage {
    padding-top: 0 !important;
}

.dis-img {
    margin-bottom: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 100);
    position: relative;
}

.dis-img-page {
    position: absolute;
    right: calc(100vw / 375 * 10);
    bottom: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 18);
    border-radius: calc(100vw / 375 * 20);
    overflow: hidden;
    background: rgba(204, 204, 204, 0.7);
    z-index: 1;
}

.dis-img-page--left {
    height: 100%;
    border-bottom-right-radius: calc(100vw / 375 * 10);
    margin: 0;
    padding-right: calc(100vw / 375 * 8);
    padding-left: calc(100vw / 375 * 8);
    background: rgba(27, 27, 28, 0.2);
}

.dis-img-page--right {
    height: 100%;
    padding-left: calc(100vw / 375 * 25);
    /*background: rgba(204, 204, 204, 0.7);*/
    margin: 0;
    padding-left: calc(100vw / 375 * 6);
    padding-right: calc(100vw / 375 * 8);
}

.dis-img-page-text {
    font-size: calc(100vw / 375 * 9);
    line-height: calc(100vw / 375 * 9);
    height: calc(100vw / 375 * 9);
    font-weight: bold;
    color: #FFFFFF;
}

.bulletin-content {
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}

.bulletin-ul {
    background: #fff;
    /*box-shadow:0px 1px 0px 0px RGBA(44, 44, 52, 1);*/
    border-bottom: 1px solid rgba(238, 238, 238, 1);
}

.bulletin-li {
    padding: 10px 0 9.5px 13px;
    font-size: 13px;
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
    line-height: 25px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    /*transform: scale(.9);*/
}

.bulletin-li:first-child {
    /*margin-left: 5px;*/
}

.bulletin-li.selected {
    font-size: 17px;
    color: #221E57;
    font-weight: 600;
    /*transform: scale(1.2);*/
}

.notice-list--list {
    /*background: rgba(56, 56, 64, 1) !important;*/
    /*height: 176px;*/
}

.notice-list--li.notice-listContentLi.fil-li {
    margin: 0 0 0 15px !important;
    background: transparent !important;
    /*box-shadow: 0px 1px 0px 0px rgba(238,238,238,1);*/
    padding: 9px 13px 5px 0px;
}

.notice-list--li.notice-listContentLi.fil-li:last-child {
    box-shadow: none;
    border-bottom: none;
}

.notice-list--li.ifl {
    /*box-shadow: 0px 1px 0px 0px rgba(83,83,84,1);*/
    border-bottom: 1px solid rgba(238, 238, 238, 1);
}

.notice-list--li.ifl:last-child {
    box-shadow: none;
}

.notice-list--list.li {
    padding: 10px 0px;
    height: 129px;
}

.notice-listContent.fil-sl {
    padding-right: 0;
}

/**/
.node-main {
    padding: 15px;
}

.node-box {
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 15px;
}

.node-box:last-child {
    margin-bottom: 0;
}

.node-box img {
    width: 100%;
    border: 0;
}

.node-box--item {
    padding: 20px 15px;
    background: rgba(54, 55, 63, 1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
}

.node-box--title {
    font-size: 15px;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    line-height: 21px;
}

.node-box--pirce {
    font-size: 24px;
    font-weight: 500;
    color: rgba(238, 198, 127, 1);
    line-height: 33px;
}

.mall-main {
    padding: 10px 15px;
}

.mall-item {
    padding: 10px;
    background: rgba(54, 55, 63, 1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    margin-bottom: 10px;
    grid-template-columns: 33% 64%;
    grid-column-gap: 10px;
}

.mall-item:last-child {
    margin-bottom: 0;
}

.mall-item .img {
    width: 108px;
    height: 108px;
    overflow: hidden;
    margin-right: 10px;
}

.mall-item img {
    border: 0;
    width: 100%;
}

.mall-item--btn {
    margin-top: 37px;
}

.mall-item--content .title {
    font-size: 15px;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.mall-pirce-rmb {
    font-size: 13px;
    font-weight: 600;
    color: rgba(252, 210, 131, 1);
    line-height: 18px;
}

.mall-pirce {
    font-size: 20px;
    font-weight: 600;
    color: rgba(252, 210, 131, 1);
    line-height: 30px;
}

.btns-mall {
    font-size: 15px;
    font-weight: 400;
    color: rgba(106, 84, 44, 1);
    line-height: 21px;
    background: linear-gradient(90deg, rgba(246, 228, 174, 1) 0%, rgba(245, 203, 130, 1) 100%);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.36);
    border-radius: 8px;
    padding: 10px 17px;
}

.picture {
    width: 100%;
    border: 0;
    overflow: hidden;
}

.info-item {
    grid-template-columns: 23% 77%;
    margin-bottom: 15px;
}

.mallOrder-info {
    background: rgba(54, 55, 63, 1);
    box-shadow: 0px 0px 0px 0px rgba(79, 79, 81, 1);
    padding: 20px 15px;
}

.info-item:last-child {
    margin-bottom: 0;
}

.title-info {
    font-size: 15px;
    font-weight: 400;
    color: rgba(185, 186, 200, 1);
    line-height: 21px;
}

.title-cont {
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 21px;
}

.list--time {
    font-size: calc(100vw / 375 * 12);
    font-weight: 400;
    color: #808080;
    line-height: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 25);
}

.notice-prsm {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: calc(100vw / 375 * 140);
    overflow-wrap: anywhere;
    word-break: break-all;
}

.notice-prsm img {
    height: calc(100vw / 375 * 12);
    width: calc(100vw / 375 * 12);
}

.list--time--d {
    color: #FFE6BF;
    font-size: calc(100vw / 375 * 12);
    margin-right: calc(100vw / 375 * 5);
}

.title-cont.pirce {
    color: rgba(252, 210, 131, 1);
}

.title-cont.xie {
    color: rgba(185, 186, 200, 1);
}

.inpu-less, .inpu-add {
    position: absolute;
    background: rgba(54, 55, 63, 1);
    border-radius: 2px;
    width: 17px;
    height: 17px;
    overflow: hidden;
}

.inpu-less {
    left: 3px;
}

.inpu-add {
    right: 3px;
}

.inpu-boxxx {
    width: 68px;
    height: 21px;
    background: rgba(92, 95, 105, 1);
    border-radius: 1px;
    position: relative;
}

.number-mallOrder {
    border: 0;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 1) !important;
    line-height: 21px !important;
    position: absolute;
    height: 21px !important;
    width: 26px !important;
    /* background: red; */
    left: 21px;
    padding-left: 6px !important;
}

.bseik-info {
    border-top: 1px solid rgba(79, 79, 81, 1);
    background: rgba(54, 55, 63, 1);
    box-shadow: 0px 0px 0px 0px rgba(79, 79, 81, 1);
    padding: 20px 15px;
    font-size: 15px;
    font-weight: 400;
    color: rgba(185, 186, 200, 1);
    line-height: 21px;
}

.mallOrder-content {
    bottom: 115px;
}

.mallOrder-fixed {
    background: rgba(54, 55, 63, 1);
    /*bottom:constant(safe-area-inset-bottom);*/
    /*bottom:env(safe-area-inset-bottom);*/
    flex: 1;
    border: 0;
    box-sizing: border-box;
    width: 100%;
    /* padding: 15px 8px; */
    position: fixed;
    bottom: 0;
    padding-top: 15px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 10px;
}

.tips-mallOrder {
    font-size: 15px;
    font-weight: 400;
    color: rgba(22, 119, 255, 1);
    line-height: 21px;
}

.fixed-title {
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 21px
}

.fixed-btn {
    background: linear-gradient(180deg, rgba(231, 193, 157, 1) 0%, rgba(219, 161, 114, 1) 100%);
    border-radius: 4px;
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 25px;
    padding: 12px 0;
    margin-top: 20px;
}

.fixed-title.reg-fixed,
.fixed-title.reg-fixed .tips-mallOrder {
    font-size: 12px;
}

.fixed-title.reg-fixed .tips-mallOrder {
    color: #FCD283;
}

.wallet-main {
    /*padding: 10px 15px;*/
}

.icon-svg {
    width: calc(100vw / 375 * 28);
    height: calc(100vw / 375 * 25);
    vertical-align: middle;
    fill: currentColor;
    overflow: hidden;
    margin-right: calc(100vw / 375 * 5);
}

.detail-sjm-s .detail-price--j {
    font-size: calc(100vw / 375 * 50);
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    height: calc(100vw / 375 * 50);
    line-height: calc(100vw / 375 * 50);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.detail-price--j {
    margin-left: calc(100vw / 375 * 5);
}

.dappDetail-svg {
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
}

.fixed-title.reg-fixed .icon-svg {
    width: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
}

.icon-svg.features-svg {
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    margin-right: 0;
}

.icon-svg.detail-svg {
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
}

.icon-svg.mall-svg {
    position: relative;
    top: calc(100vw / 375 * 4);
    margin-right: calc(-1 * (100vw / 375 * 3));
}

.userGraph-box {
    background: #fff;
}

.userGraph-user {
    height: calc(100vw / 375 * 140);
    padding: calc(100vw / 375 * 5) 0 calc(100vw / 375 * 20) 0;
    background-color: rgba(248, 248, 248, 1);
    position: relative;
    z-index: 0;
    background-image: url("../img/dfk/prop-detail-bd.png") !important;
    background-size: 100% 100%;
    /*background: linear-gradient(50deg, rgba(34, 30, 87, 1), rgba(47, 42, 114, 1));*/
    border-radius: 0 0 0 calc(100vw / 375 * 75);
}

.userGraph-user.detail-user {
    height: calc(100vw / 375 * 160);
}

.userGraph-bg {
    width: calc(100vw / 375 * 85);
    height: calc(100vw / 375 * 93);
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.coioName--main {
    width: 100%;
    padding-right: calc(100vw / 375 * 15);
    margin-left: calc(100vw / 375 * 5);
}

.userGraph-bg.bgicon-jifen3 {
    background: url(../img/dfk/jifenBg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.userGraph-bg.bgicon-xiaofeiquan2 {
    background: url(../img/dfk/xiaofenquanBg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.userGraph-bg.bgicon-duihuanquan1 {
    background: url(../img/dfk/duihuanquanBg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.userGraph-bg.bgicon-mintongzheng {
    background: url(../img/dfk/mintoken.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.userGraph-bg.bgicon-cbjifen {
    background: url(../img/dfk/cbjifenBg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.userGraph-userImg {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 8px;
    border-radius: 50%;
    overflow: hidden;
    border: 1.5px solid rgba(255, 255, 255, 0.3);
}

.userGraph-userName {
    font-size: 20px;
    font-family: PingFang-SC-Bold !important;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    margin-top: 76px;
    margin-bottom: 9px;
}

.userGraph-total {
    font-size: 14px;
    font-family: PingFang-SC-Regular;
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
}

.userGraph-userImg img {
    width: 100%;
    border-radius: 50%;
}

.usergraph-name {
    font-size: 20px;
    font-weight: normal;
    color: rgba(37, 37, 37, 1)
}

.usergraph-date {
    display: inline-block;
    font-size: calc(100vw / 375 * 10);
    font-weight: 400;
    color: #1C1C1D;
    background: #FFE6BF;
    border-radius: calc(100vw / 375 * 3);
    min-width: calc(100vw / 375 * 25);
    line-height: calc(100vw / 375 * 10);
    padding: 0 calc(100vw / 375 * 4);
    font-weight: bold;
}

.usergraph-date.usergraph-date-s {
    background: rgba(6, 188, 14, 1);
}

.usergraph-amount {
    font-size: calc(100vw / 375 * 17);
    line-height: calc(100vw / 375 * 17);
    height: calc(100vw / 375 * 17);
    font-weight: 500;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
    margin-right: calc(100vw / 375 * 10);
}

.detail-sjm-s {
    margin-left: calc(100vw / 375 * 50);
    /*margin-top: 10px;*/
}

.detail-sjm-s .detail-price--f {
    font-size: calc(100vw / 375 * 12);
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    min-width: calc(100vw / 375 * 48);
}

.detail-sjm-sUl {
    margin-top: calc(100vw / 375 * 10);
    margin-right: calc(100vw / 375 * 50);
}

.detail-sjm-sUl .detail-sjm-sLi {
    display: inline-block;
    width: calc(100vw / 375 * 8);
    height: calc(100vw / 375 * 8);
    background: #fff;
    border-radius: 50%;
    margin: 0 calc(100vw / 375 * 8);
    opacity: 0.5;
}

.userGraph-user-sl {
    margin-top: calc(100vw / 375 * 20);
    padding-left: calc(100vw / 375 * 40);
}

.userGraph-user-box {
    flex: 1;
    margin-right: calc(100vw / 375 * 5);
    min-width: calc(100vw / 375 * 120);
}

.userGraph-user-box:last-child {
    margin-right: 0;
}

.userGraph-user-main {
    height: calc(100vw / 375 * 230);
    background-color: rgba(248, 248, 248, 1);
    position: relative;
    z-index: 0;
    background: linear-gradient(120deg, rgba(242, 242, 242, 1), rgba(250, 250, 250, 1));
    border-radius: 0 0 0 calc(100vw / 375 * 75);
    margin-bottom: calc(100vw / 375 * 15);
}

.card-icon--box-b {
    /* background: #4C56B5; */
    border-radius: 50%;
    width: calc(100vw / 375 * 50);
    height: calc(100vw / 375 * 50);
    /*margin-right:  calc(100vw / 375 * 10);*/
}

.detail-sjm {
    margin-left: calc(100vw / 375 * 50);
    margin-top: calc(100vw / 375 * 20);
    position: relative;
    margin-bottom: calc(100vw / 375 * 5);
}

.detail-sjm-sLi.activaed-li {
    opacity: 1;
}

.usergraph-img {
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
    margin-right: 14px;
}

.usergraph-img--user {
    max-width: 100%;
    border-radius: 50%;
}

.icon-svg.mall-svg.order-svg {
    top: 0px;
    margin-right: 5px
}

.coinName {
    text-transform: uppercase;
    font-size: 16px;
    font-family: DIN-Medium;
    font-weight: 500;
}

.wallet-itme {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);
    border-radius: 5px;
    padding: 20px 14px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

.wallet-itme:last-child {
    margin-bottom: 0;
}

.features {
    font-size: 14px;
    font-weight: 600;
    color: rgba(37, 37, 37, 1);
    line-height: 24px;
    margin-bottom: 15px;
}

.features-item {
    grid-template-columns: repeat(4, 23%);
    grid-column-gap: 10px;
    position: relative;
}

.features-item--title {
    font-size: 13px;
    font-weight: 500;
    color: #636363;
}

.wallet-itm {
    margin-bottom: 10px;
}

.wallet-itm:last-child {
    margin-bottom: 0;
}

.wallet-title {
    font-size: 12px;
    font-family: PingFang-SC-Medium !important;
    font-weight: 500;
    color: rgba(159, 159, 163, 1);
}

.wallet-number {
    font-size: 16px;
    font-family: PingFang-SC-Bold !important;
    font-weight: bold;
    color: rgba(37, 37, 37, 1);
}

.bar.bar-theme.count-he {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: url(../img/fil/beijing07Top.png) !important;
    color: #fff;
    background-size: 100% 100%;
}

.count-top {
    /* padding-top: 40px; */
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 21px;
    background: url(../img/fil/beijing07.png);
    height: 240px;
    background-size: 100% 100%;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
}

.count-input {
    background: rgba(54, 55, 63, 1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    overflow: hidden;
    margin: -50px 15px 15px;
    padding: 10px 15px;
}

.count-input--title {
    font-size: 17px;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    line-height: 24px;
    margin-bottom: 15px;
}

.count-input--item {
    box-shadow: 0px -1px 0px 0px rgba(83, 83, 84, 1);
}

.con-im {
    padding: 15px 0;
}

.con-im:first-child {
    padding-top: 0;
}

.con-im:last-child {
    padding-bottom: 0;
}

.goPay-input.count-i {
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 21px;
    padding: 0 !important;
}

.unit {
    font-size: 15px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 21px;
}

.sdi-d {
    flex: 1;
}

.count-tips {
    margin: 0 15px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 22px;
}

.count-btn {
    margin: 50px 12px 0;
}

.invite-main {
    height: calc(100vh - 44px);
    background: url(../img/fil/beijin06.jpg);
    background-size: 100% 100%;
    background-position: center;
}

.button.button-dblue.button-small.button-page {
    font-size: 12px;
    min-height: 25px;
    line-height: 25px;
    padding: 0 12.5px;
    background: rgba(54, 55, 63, 1);
    border-radius: 4px;
}

.list.fil-list--mian {
    /*padding-top: 15px;*/
}

.item.item-sm.item-sm-fil {
    margin: 0 15px;
    border: 0.5px solid transparent;
    border-radius: 4px;
}

.orders-filcon--right {
    padding: 0 22px;
    border-left: thin solid rgba(83, 83, 84, 1);
}

.row.orders-filcon {
    background: rgba(54, 55, 63, 1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    width: 94%;
    margin: 0 auto 10px;
    padding: 10px 0;
}

.row.orders-filcon:last-child {
    margin-bottom: 0;
}

.contactUs-main-sl {
    padding: 0 15px 15px 15px;
}

.about-bg {
    background: url(../img/dfk/aboutUs.png) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.about-bg-box {
    border: 1px solid #535083;
    padding: calc(100vw / 375 * 12);
    margin-top: calc(100vw / 375 * 10);
}

.contactUs-title {
    font-size: calc(100vw / 375 * 12);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    /*line-height:1.5;*/
    /*margin-bottom: 15px;*/
    /*flex: 1;*/
    height: calc(100vw / 375 * 40);
    line-height: calc(100vw / 375 * 40);
}

.contactUs-title-w {
    width: calc(100vw / 375 * 90);
}

.contactUs-title > span:nth-child(1) {
    /*flex: .25;*/
}

.contactUs-title > span:nth-child(2) {
    flex: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.contactUs-title:last-child {
    margin-bottom: 0;
}

.contactUs-title--s {
    color: #DAA070;
}

.contactUs-map {
    width: 100%;
    height: calc(100vw / 375 * 150) !important;
    border-radius: calc(100vw / 375 * 3);
    overflow: hidden;
}

.contactUs-map img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    overflow: hidden;
    border-radius: calc(100vw / 375 * 3);
    object-fit: cover;
    object-position: center;
}

.bankcard-box {
    /*background-color: RGBA(56, 56, 64, 1);*/
    /*margin-left: 15px;*/
    /*margin-right: 15px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
    overflow: hidden;
    padding: 10px 15px 0 15px;
}

.login_user--no {
    margin-top: 15px;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
}

input[disabled], .disabled-input {
    border: 1px solid transparent !important;
}

/*********** fil *********/

/*************liu*********/
.home-head--yellow {
    width: 100%;
    height: 200px;
    /*background:linear-gradient(to right, #00cccc, #00ffff) !important;*/
    /*background: url(../img/huijuji/home.png);*/
    background-size: 100% 100%;
    min-height: 120px;
    grid-template-columns: repeat(1, 100%);
    padding-left: 15px;
    padding-right: 18px;
    position: absolute;
    background: linear-gradient(140deg, rgba(34, 30, 87, 1), rgba(47, 42, 114, 1));
}

.home-head-content-left {
    /*margin-right: 20px;*/
    padding-bottom: 40px
}

.home-head-content-right {
    padding-left: 20px;
    padding-bottom: 10px
}

.actived-deal .card-bag-bar {
    display: block;
}

.user-graph-bg .button.button-page--graph {
    min-height: calc(100vw / 375 * 25) !important;
    line-height: calc(100vw / 375 * 25) !important;
    height: calc(100vw / 375 * 25) !important;
    font-size: calc(100vw / 375 * 12) !important;
    color: #1B1B1C !important;
    background-image: linear-gradient(270deg, #E1AA7F, #A37650) !important;
    box-shadow: none;
    margin: 0 !important;
    border-radius: 5px !important;
    border: 0 !important;
    font-weight: 600;
}

.card-bag-certificates {
    /*width: 345px;*/
    margin: 0 auto;
}

.card-tips {
    margin-top: calc(100vw / 375 * 10);
    margin-bottom: calc(100vw / 375 * 15);
    color: #828282;
    font-size: calc(100vw / 375 * 17);
}

.state-00 {
    color: rgba(99, 99, 99, 1);
}

.state-01 {
    color: rgb(83 199 103);
}

i.icon-jianhao1 + span.pirce-state-01 {
    font-weight: bold;
    color: #000000;
}

i.icon-jiahao1 + span.pirce-state-01 {
    font-weight: bold;
    color: rgba(235, 176, 134, 1);
}

.prop-transaction-bg .state-01 {
    color: #FFFFFF !important;
}

.prop-transaction-bg .state-02 {
    color: #FFE6BF !important;
}

.state-01 {
    color: #0461A6 !important;
}

.state-02 {
    color: rgba(235, 176, 134, 1) !important;
}

.state-03 {
    color: #ff3728;
}

.state-04 {
    color: #0461A6;
}

.icon-jiahao1 {
    color: rgba(235, 176, 134, 1);
    font-size: calc(100vw / 375 * 8);
    line-height: calc(100vw / 375 * 20);
    margin-right: calc(100vw / 375 * 2)
}

.icon-jianhao1 {
    color: #000000;
    font-size: calc(100vw / 375 * 8);
    line-height: calc(100vw / 375 * 20);
    margin-right: calc(100vw / 375 * 2)
}

.bankcard-list-bg .icon-jiahao1 {
    /*color: #999999;*/
    margin-right: calc(100vw / 375 * 5);
    line-height: calc(100vw / 375 * 20);
}

.card-bag-message {
    /*width: 345px;*/
    /*height: 212px;*/
    border-radius: calc(100vw / 375 * 6);
    margin: 0 auto;
}

.card-bag-message > span {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #999999;
    margin-top: calc(100vw / 375 * 25);
    margin-bottom: calc(100vw / 375 * 5);
}

.card-bag-message > img {
    width: calc(100vw / 375 * 124);
    height: auto;
    margin-top: calc(100vw / 375 * 25);
    object-fit: cover;
    object-position: center;
}

.has-header.bankcard-list-bg {
    top: calc((100vw / 375 * 60) + 44px) !important;
}

.bank-title--header {
    background: #4D4D4D;
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 20);
    position: relative;
    top: 44px;
    z-index: 100;
}

.home-transfer-img {
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
}

.bank-liseMain {
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 20);
}

.bank-liseMain--lo {
    margin: 0;
    border-radius: calc(100vw / 375 * 5);
}

.title-header--s {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: 500;
    color: #FFE6BF;
}

.bank-number {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: 500;
    color: #999999;
    margin-left: calc(100vw / 375 * 5);
}

.bank-btnsm {
    background: #FFE6BF;
    border-radius: calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 12);
    /*height: calc(100vw / 375 * 22);*/
    line-height: calc(100vw / 375 * 12);
    font-weight: bold;
    color: #000000;
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10);
}

.home-head-portrait {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #69668B;
}

.home-head-lv {
    display: block;
    width: 40px;
    height: 13px;
    color: #ffffff;
    font-size: 7px;
    background-color: #94949f61;
    border-radius: 7px;
    text-align: center;
    line-height: 13px;
}

.icon-svg-new {
    width: 20px;
    height: 30px;
    vertical-align: -.2em;
    fill: currentColor;
    overflow: hidden;
    margin-right: 10px;
}

.home-head-consumption {
    color: #ffffff;
    font-size: 7px;
}

.home-head-username {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #ffffff !important;
    font-size: 17px;
    font-weight: bold;
    white-space: nowrap;
}

.home-head-icon {
    color: rgba(112, 114, 201, 1) !important;
    margin-right: 3px;
}

.home-transfer--title {
    text-align: center;
    font-family: PingFang-SC-Regular !important;
    font-size: 13px;
    font-weight: 500;
    color: #636363;
}

.home-transfer {
    /*padding: 0 17px;*/
    height: calc(100vw / 375 * 100);
    /*background: rgba(255,255,255,1);*/
    /*box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);*/
    /*border-radius: 5px;*/
    /*margin-top: 10px;*/
    /*margin-bottom: 10px;*/
}

.discount-headerUl {
    position: relative;
    /*background: #fff;*/
    background: transparent;
    /*border-radius: 5px;*/
    overflow: hidden;
    /*box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);*/
    /*margin-bottom: 10px;*/
}

.home-transfer > li {
    width: 20%;
    height: calc(100vw / 375 * 50);
    color: #00ffff;
    text-align: center;
}

.home-oilBath-k {
    width: 100%;
    height: 100px;
    grid-template-columns: repeat(3, 33.3333%);
    position: relative;
    /*margin-bottom: 10px;*/
    /*border-radius: 5px;*/
    /*background: rgba(255,255,255,1);*/
    /*box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);*/
}

.home-oilBath-k-img {
    width: 76px;
    height: 44px;
    margin-top: 35px;
    margin-left: 15px
}

.home-oilBath-k-title {
    position: absolute;
    top: 10px
}

.home-oilBath-k-title--content {
    font-size: 13px;
    margin-left: 15px;
    font-weight: bold;
}

.home-oilBath-k-content {
    margin-left: 15px;
    padding-top: 5px;
    color: rgba(37, 37, 37, 1);
}

.discount-consumption {
    width: 4px;
    height: 4px;
    min-width: 4px;
    background: rgba(167, 167, 167, 1);
    border-radius: 50%;
    /*margin-right: 5px;*/
}

.discount-list {
    margin-top: 5px;
}

.discount-list > span {
    color: #636363;
    font-size: 12.5px;
}

.discount-list > span:last-child {
    color: rgba(167, 167, 167, 1);
    margin-left: 5px;
}

.home_oilBath--line {
    margin-top: 7px;
    /*border-right: 1px solid #BFBFBF;*/
    width: 100%;
    height: 80px;
    text-align: center;
    position: relative;
}

.container-layer {
    position: relative;
    z-index: 1;
}

.mask-layer {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.home_oilBathTwo--title {
    font-size: 15px;
    line-height: 33px;
    font-weight: 500;
    color: #919191;
}

.home_oilBathTwo--text {
    font-size: 24px;
    font-weight: 500;
    color: rgba(251, 81, 53, 1);
    line-height: 44px;
}

.home_oilBathTwo--text > span {
    font-family: MyriadConceptRoman-LightSemiCondensed !important;
    font-size: 16px;
}

.home_oilBathTwo--text2 {
    color: rgba(251, 81, 53, 1);
    font-weight: 500;
    font-size: 24px;
    line-height: 44px;
}

.ellipsis-oneLine {
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.no--border {
    border-right: none !important;
}

.home-oilBath {
    width: 100%;
    height: 100px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px 0;
    border-radius: 5px;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);
}

.CarouselA {
    background: transparent;
    padding: 5px 0 !important;
    height: 120px !important;
    border-radius: 6px;
    overflow: hidden;
}

.swiper-slide:last-child {
    margin-right: 0;
}

.swiper-pagination {
    /*bottom: 0px !important;*/
}

.swiper-slide--img {
    height: 120px;
}

.home_amount {
    margin-top: 8.5px;
    font-weight: bold;
}

.home_amount--show {
    width: 100%;
    height: 40px;
    border: 1px solid rgba(101, 103, 197, 1);
    margin-top: 3px;
    padding: 0 5px 0 8px;
    border-radius: 5px;
    line-height: 40px;
    background: rgba(255, 255, 255, 1);
    /*box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);*/
}

.home_amount--limit {
    font-size: 13px;
    color: rgba(37, 37, 37, 1);
    font-family: PingFang-SC-Regular !important;
    font-weight: 400;
}

.home_amount--value > span {
    font-size: 15px;
    color: rgba(251, 81, 53, 1);
}

.home_amount--value > i {
    color: rgba(112, 114, 201, 1);
}

.home_end {
    margin-top: 8px;
    width: 100%;
    height: 95px;
    /*background-color: #12161B;*/
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: 5px 5px;
    /*margin-bottom: 5px;*/
}

.home_end > div {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);
}

.home_end > div:nth-of-type(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    overflow: hidden;
    border-radius: 5px;
}

.home_end > div > div {
    padding-left: 12px;
}

.home_end > div > div:nth-of-type(1) > span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #EBEBEB;
}

.home_end > div:nth-of-type(1) > p {
    /*margin-top: 8px;*/
    padding-left: 8px;
    padding-right: 8px;
    font-size: 12px;
    color: #EBEBEB;
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
}

.home_end > div:nth-of-type(2) > p,
.home_end > div:nth-of-type(3) > p,
.home_end > div:nth-of-type(2) > i,
.home_end > div:nth-of-type(3) > i {
    font-size: 13px;
    font-weight: normal;
    color: #636363;
    line-height: 45px;
}

.home_end--data {
    margin-top: 8px;
}

.home_end--room {
    position: relative;
    width: 15px;
    height: 9px;
    margin: 5px 5px 0 0;
}

.home_end--room > i {
    position: absolute;
    width: 9px;
    height: 9px;
    top: 0;
    border-radius: 50%;
}

.home_end--room > i:nth-of-type(1) {
    background-color: #F97C48;
    left: 0;
}

.home_end--room > i:nth-of-type(2) {
    background-color: #FEEEE8;
    right: 0;
}

.home_end--title {
    border-radius: 5px;
}

.home_end--title--time {
    color: rgba(167, 167, 167, 1) !important;
}

.home_end--content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.my-header-information {
    /*width: 40px;*/
    /*height: 13px;*/
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    /*line-height: 13px;*/
    /*opacity: 0.18;*/
    border-radius: calc(100vw / 375 * 5);
    position: relative;
    padding: calc(100vw / 375 * 4) calc(100vw / 375 * 8);
}

.my-header-information > span {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    font-weight: 400;
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    max-width: calc(100vw / 375 * 140);
}

.my-header-information > i {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    color: #444444;
    margin-left: calc(100vw / 375 * 4);
}

.my-integral span {
    font-size: 14px;
    color: rgba(159, 159, 163, 1);
    height: 14px;
}

.my-integral em {
    color: rgba(251, 81, 53, 1);
    font-size: 12px;
    margin-top: 6px;
}

.icon-svg.integral-svg {
    width: 33px;
    height: 33px;
}

.my-team {
    padding: 0 15px;
    margin-top: 10px
}

.my-team > p {
    flex: 1;
    height: 50px;
    padding-left: 10px;
}

.my-header-manage .username {
    position: absolute;
    top: 15px;
    right: 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    opacity: 0.5;
    background: rgba(61, 57, 120, 1);
    padding: 5px 10px;
    border-radius: 2.5px 0px 0px 12px;
    min-width: 100px;
    justify-content: center;
}

.my-header-manage .username.special {
    position: absolute;
    /*top: 15px;*/
    right: 0;
    font-size: calc(100vw / 375 * 14);
    color: #444444;
    /*opacity: 0.5;*/
    background: rgba(255, 255, 255, 0.5);
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 3) 0 0 calc(100vw / 375 * 12);
    min-width: calc(100vw / 375 * 100);
    justify-content: center;
    height: calc(100vw / 375 * 30);
    opacity: 0;
    transform: translate3d(101%, 0, 0);
    -webkit-transform: translate3d(101%, 0, 0);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.my-header-manage .username.special.aniShow {
    opacity: 0.5;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.my-header-manage .username.special.activated {
    opacity: 1;
}

.my-header-manage .username > i {
    margin-right: calc(100vw / 375 * 3);
}

.my-team > p > span {
    font-size: 15px;
    color: #ffffff;
    margin-top: 7px;
}

.my-team-team > span {
    text-shadow: 0px 2px 2.5px rgba(249, 111, 47, 0.32);
}

.my-team-team {
    background: url(../img/huijuji/my-myteam-bg.png);
    background-size: 100% 100%;
}

.my-team-friend {
    background: url(../img/huijuji/my-friend-bg.png);
    background-size: 100% 100%;
}

.my-team-mall {
    background: url(../img/huijuji/my-shop-bg.png);
    background-size: 100% 100%;
}

.my-team-center {
    background: url(../img/huijuji/my-helpcenter-bg.png);
    background-size: 100% 100%;
}

.my-team-service {
    background: url(../img/huijuji/my-kefu-bg.png);
    background-size: 100% 100%;
}

.my-team-friend > span {
    text-shadow: 0px 2px 2.5px rgba(34, 120, 219, 0.32);
}

.my-team-mall > span {
    text-shadow: 0px 2px 2.5px rgba(8, 169, 192, 0.32);
}

.my-team-center > span {
    text-shadow: 0px 2px 2.5px rgba(210, 41, 42, 0.32);
}

.my-team-service > span {
    text-shadow: 0px 2px 2.5px rgba(133, 50, 218, 0.32);
}

.my-team > p > em {
    font-size: 10px;
    font-weight: 400;
    color: #FFFFFF;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow-wrap: anywhere;
    word-break: break-all;
    overflow: hidden;
    width: 100%;
    padding-right: 5px;
}

.my-center {
    padding: 0 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.my-center > p {
    flex: 1;
    height: 50px;
    padding-left: 10px;
}

.my-center > p:first-child {
    margin-right: 10px;
}

.my-center > p > span {
    font-size: 15px;
    color: #ffffff;
    margin-top: 7px;
}

.my-center > p > em {
    font-size: 10px;
    font-weight: 400;
    color: #FFFFFF;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow-wrap: anywhere;
    word-break: break-all;
    overflow: hidden;
    width: 100%;
    padding-right: 5px;
}

.horizontal {
    position: relative;
    z-index: 10;
    left: calc(100vw / 375 * 50);
    height: 1px;
    background: rgba(238, 238, 238, 1);
    /*width: 80%;*/
}

.my-comment {
    position: absolute;
    color: rgba(167, 167, 167, 1);
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 11);
    height: calc(100vw / 375 * 11);
    bottom: calc(100vw / 375 * 10);
    font-weight: 400;
}

.my-other {
    /*height: 225px;*/
    /*margin-left: 15px;*/
    /*margin-right: 15px;*/
    background: rgba(255, 255, 255, 1);
    border-radius: 5px;
    /*box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);*/
    margin-bottom: 15px;
}

.my-other-horizontal > div {
    flex: 1;
    height: 75px;
}

.my-other-horizontal span {
    font-weight: 300;
    color: rgba(37, 37, 37, 1);
    font-size: 14px;
    margin-top: 5px;
}

.my-other-svg {
    width: 25px;
    height: 25px;
}

.card-holder-bg .card-bag-coupon-header,
.has-header.card-holder-bg {
    top: calc((100vw / 375 * 64) + 44px) !important;
}

.has-header.card-holder-bg.top-coupon {
    top: calc((100vw / 375 * 107) + 44px) !important;
}

.card-bag-header {
    /*margin-top: 20px;*/
    /*margin-bottom: calc(100vw / 375 * 20);*/
    /*background-image: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C) !important;*/
    background-image: linear-gradient(270deg, #2F2B33, #2F2B33) !important;
    height: calc(100vw / 375 * 64);
    line-height: calc(100vw / 375 * 64);
    position: relative;
    top: 44px;
    z-index: 6;
}

.card-bag-text {
    font-size: calc(100vw / 375 * 17);
    color: #FFFFFF;
    font-weight: 400 !important;
    position: relative;
}

.card-bag-bar {
    display: none;
    width: calc(100vw / 375 * 35);
    height: calc(100vw / 375 * 2);
    background-color: #FFE6BF;
    position: absolute;
    bottom: calc(100vw / 375 * 8);
}

.card-bag-text.actived-deal {
    color: #FFE6BF;
}

.actived-deal .card-bag-bar {
    display: block;
}

.card-bag-add-certificates {
    width: calc(100vw / 375 * 110);
    height: calc(100vw / 375 * 40);
    box-shadow: 0 calc(100vw / 375 * 3) calc(100vw / 375 * 7) 0 rgba(215, 174, 138, 0.5) !important;
    background: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4) !important;
    border-radius: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #1B1B1C;
    line-height: calc(100vw / 375 * 40);
    text-align: center;
    /*margin-bottom: calc(100vw / 375 * 15);*/
    margin: calc(100vw / 375 * 10) 0;
    opacity: 1 !important;
    border: none !important;
}

.card-bag-add-certificates.certifics {
    width: 100%;
    margin-top: calc(100vw / 375 * 15);
}

.card-bag-bgimg {
    /*width: 345px;*/
    height: calc(100vw / 375 * 100);
    margin: 0 auto;
    background: url(../img/huijuji/idcard-bg.png);
    margin-bottom: calc(100vw / 375 * 20);
    padding-top: calc(100vw / 375 * 15);
    padding-left: calc(100vw / 375 * 60);
    padding-right: calc(100vw / 375 * 30);
    background-size: 100% 100%;
    position: relative;
}

.card-bag-bgimg1 {
    /*width: 345px;*/
    height: calc(100vw / 375 * 100);
    margin: 0 auto;
    background: url(../img/huijuji/yingyezhizhao-bg.png);
    margin-bottom: calc(100vw / 375 * 20);
    padding-top: calc(100vw / 375 * 15);
    padding-left: calc(100vw / 375 * 60);
    padding-right: calc(100vw / 375 * 30);
    background-size: 100% 100%;
    position: relative;
}

.icon-card-bag {
    width: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    color: #ffffff;
}

.text-card-bag {
    font-size: calc(100vw / 375 * 18);
    color: #ffffff;
    position: absolute;
    top: calc(100vw / 375 * 10);
    left: calc(100vw / 375 * 45);
}

.card-bag-certificate > span {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    color: #444444;
}

.card-bag-svg {
    width: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    position: relative;
    top: calc(100vw / 375 * 2);
    /*position: absolute;*/
    /*left: 15px;*/
    /*top: 15px;*/
}

.card-bag-bgimg-bor {
    display: block;
    width: calc(100vw / 375 * 22);
    height: calc(100vw / 375 * 22);
    line-height: calc(100vw / 375 * 22);
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    left: calc(100vw / 375 * 20);
    text-align: center;
}

.card-bag-num {
    margin-top: calc(100vw / 375 * 15);
    margin-bottom: calc(100vw / 375 * 18);
    color: #444444;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
}

.card-bag-name {
    color: #444444;
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
}

.icon--img {
    width: calc(100vw / 375 * 35);
    height: calc(100vw / 375 * 35);
    position: absolute;
    left: calc(100vw / 375 * 10);
    top: calc(100vw / 375 * 9);
    /* border-radius: 50%; */
    padding: calc(100vw / 375 * 7);
}

.icon--img > img {
    width: 100%;
    height: 100%;
}

.bank-select {
    background-color: #363840 !important;
    color: #ffffff !important;
}

.bank-select > option {
    color: #ffffff !important;
}

.login-new {
    max-width: 290px;
    height: 44px;
    border: 1px solid #E1A478;
    border-radius: 22px;
    margin: 15.5px auto;
}

.login-content-pic {
    width: 86px;
    height: 86px;
    /*background: linear-gradient(0deg, #E0A278, #E0BE9A);*/
    box-shadow: 1px 3px 7px 0px rgba(0, 0, 0, 0.35);
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 22.5px;
}

.back-img-down {
    width: 100%;
    height: 138px;
    /*background-color: #383840;*/
    background: url(../img/huijuji/black-two.png);
    background-size: 100% 100%;
    position: absolute;
    /*top: -50px;*/
}

.prop-mar {
    padding-top: 50px
}

.back-img-down.chat {
    position: absolute;
}

.prop-padding {
    /*padding: 0 15px;*/
}

.actived-deal1.card-bag-text1 {
    font-size: 15px;
    border-bottom: 1px solid #DEA578;
}

.card-bag-bar1 {
    display: none;
    width: 35px;
    height: 2px;
    background-color: #DEA578;
    margin-top: 5px;
}

.actived-deal1 .card-bag-bar1 {
    display: block;
}

.card-bag-text1 span {
    font-size: 15px;
}

.actived-deal1.card-bag-text1 {
    color: #DEA578;
    font-weight: bold;
}

.contactUs-map-text {
    /*height: 135px;*/
    /*background: #383840;*/
    border-radius: calc(100vw / 375 * 3);
    margin-top: calc(100vw / 375 * 15);
}

.contactUs-title-svg {
    width: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    margin-right: calc(100vw / 375 * 5);
    margin-left: calc(100vw / 375 * 10);
}

.home-transfer-svg {
    width: 30px;
    height: 30px;
}

.home_amount-svg {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.notice-listContent-title {
    height: 60px;
    line-height: 20px;
}

.tabs-icon--hui {
    position: relative;
    top: -5px;
}

.goPay-info-input {
    border: 1px solid #F1AE7A !important;
}

.bank-card-new {
    width: 100%;
    color: #ffffff;
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    margin-bottom: calc(100vw / 375 * 10);
}

.bank-card-add {
    width: 100%;
    color: #ffffff;
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    /*margin-top: 5px;*/
}

/*.wallet-main > .wallet-itme:first-child{*/
/*    background: url(../img/huijuji/zican-jifen-bg.png);*/
/*    background-size: 100% 100%;*/
/*}*/
/*.wallet-main > .wallet-itme:nth-child(2){*/
/*    background: url(../img/huijuji/zican-xiaofeiquan-bg.png);*/
/*    background-size: 100% 100%;*/
/*}*/
/*.wallet-main > .wallet-itme:nth-child(3){*/
/*    background: url(../img/huijuji/zican-duihuanquan-bg.png);*/
/*    background-size: 100% 100%;*/
/*}*/
.bank-card-bor {
    background: rgba(255, 255, 255, 0.2);
    border-radius: calc(100vw / 375 * 3);
    width: calc(100vw / 375 * 80);
    height: calc(100vw / 375 * 12);
}

.bank-card-borr {
    margin-right: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 9);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
}

.bank-card-bori {
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
}

.bankcard-btn {
    /*box-shadow: none;*/
    /*background: linear-gradient(50deg,rgba(34,30,87,1),rgba(47,42,114,1));*/
    /*border-radius: 5px;*/
    /*opacity: 0.9;*/
    /*font-size: 16px;*/
    /*color: #fff;*/
    width: 100%;
    padding: 12px 0;
    color: rgba(255, 255, 255, 1);
    box-shadow: 0px 3px 7px 0px rgb(67 76 225 / 50%);
    background: #424BF9;
    border-radius: 5px;
    font-weight: 400;
}

.check-bank {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
}

.bankCardList-ngdialog .check-bank {
    color: #999999;
    font-size: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
}

.list-bank {
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    color: rgba(37, 37, 37, 1) !important;
}

.check-bank-img {
    display: block;
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    border-radius: 50%;
    margin-right: calc(100vw / 375 * 25);
    background-color: #ffffff;
}

.check-bank-img img {
    height: 100%;
    width: 100%;
}

.prop-bg-down {
    position: relative;
    /*top: -100px;*/
    /*padding: 0 15px;*/
}

.prop-bg-down-merchant {
    position: relative;
    /*top: -100px;*/
    /*padding: 0 15px;*/
    /*padding-bottom: 10px;*/
}

.prop-pos {
    position: relative;
    /*padding-bottom: 10px !important;*/
    z-index: 10;
}

.prop-bg-down.chat-box {
    /*height: calc(100vh - 44px);*/
    /*top:0;*/
    padding-bottom: calc(100vw / 375 * 10);
    /*background: url(../img/dfk/chat-bd-r.png) 100% no-repeat;*/
    /*background-size: 100% 100%;*/
}

.prop-bg-down.padding-boxx {
    padding: 0 15px;
}

.prop-padding.padding-boxx {
    padding: 30px 15px 0 15px;
}

.prop-padding.padding-card {
    padding: 0;
}

.text-center-login {
    background: url(../img/huijuji/login-in-down.png);
    background-size: 100% 100%;
    height: calc(100%);
    padding-top: 110px;
    /*height: 44px*/
}

.authentication-header {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    /*margin-left: calc(100vw/375*16);*/
}

.authentication-header-number {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    margin-left: calc(100vw / 375 * 10);;
}

.authentication-header-img {
    width: calc(100vw / 375 * 2);;
    height: calc(100vw / 375 * 12);;
}

.authentication-header-text {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    margin-left: calc(100vw / 375 * 15);
    font-weight: 500;
    color: #FFFFFF;
}

.authentication-header-text-right {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    color: #E8715B;
    margin-right: calc(100vw / 375 * 15);
}

.authentication-header-bg {
    /*height: 150px;*/
    width: 100%;
    /*padding-left: 10px;*/
    background: #4D4D4D;
    /*box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgb(188 188 188 / 50%);*/
    border-radius: calc(100vw / 375 * 5);
}

.authentication-header-bg > p {
    height: calc(100vw / 375 * 40);
}

.authentication-header-bg > p {
}

.authentication-header-bg > p:first-child {
    border-top: none;
}

.authentication-header-bg > p:nth-child(2) {
    border-top: none;
}

.authentication-up {
    /*height: 404px;*/
    width: 100%;
    margin-top: calc(100vw / 375 * 10);
    padding-bottom: calc(100vw / 375 * 15);
    padding-top: calc(100vw / 375 * 19);
    background: #4D4D4D;
    /*box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgb(188 188 188 / 50%);*/
    border-radius: calc(100vw / 375 * 5);
}

.authentication-up-text {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 12);
    margin-top: calc(100vw / 375 * 20);
    margin-left: calc(100vw / 375 * 15);
}

.authentication-up-img {
    margin: calc(100vw / 375 * 15) 0;
}

.authentication-up-img img {
    width: calc(100vw / 375 * 200);
    height: calc(100vw / 375 * 135);
    object-fit: cover;
    object-position: center;
    /*border-radius: calc(100vw / 375 * 5);*/
}

.authentication-up-img:last-child {
    margin-bottom: 0;
}

.authentication-header-content {
    margin: 0 calc(100vw / 375 * 20);
}

.borderBottom {
    border-bottom: 1px solid #999999;
}

.authentication-up-svg {
    width: calc(100vw / 375 * 200);
    height: calc(100vw / 375 * 135);
}

.authentication-footer {
    color: #FFE6BF;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    margin: calc(100vw / 375 * 20) 0 calc(100vw / 375 * 10) 0;
}

.authentication-footer-text {
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 14);
    color: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 5);
}

.authentication-footer-text:last-child {
    margin-bottom: 0;
}

.actual-svg {
    width: calc(100vw / 375 * 5);
    height: calc(100vw / 375 * 5);
    position: absolute;
    left: calc(-1 * (100vw / 375 * 12));
}

.actual-header {
    width: calc(100vw / 375 * 90);
    margin-left: calc(100vw / 375 * 10);
    position: relative;
}

.actual-text {
    font-size: calc(100vw / 375 * 12);
    color: #ffffff;
}

.actual-header-s {
    top: calc(100vw / 375 * 4) !important;
    right: calc(100vw / 375 * 10) !important;
}

.actual-h {
    width: 100%;
    height: calc(100vw / 375 * 110);
    background: #383840;
    border-radius: calc(100vw / 375 * 3);
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10);
}

.workorder-btn {
    width: 200px;
    height: 44px;
    border-radius: 22px;
    background-color: #ffffff;
    text-align: center;
    line-height: 44px;
    margin: 10px auto;
}

.workorder-btn-text {
    font-size: calc(100vw / 375 * 15);
    color: #FFFFFF;
    margin-left: calc(100vw / 375 * 5);
}

.workorder-btn-icon {
    font-size: calc(100vw / 375 * 15);
    color: #FFE6BF;
}

.workorder-list {
    width: 100%;
    height: calc(100vw / 375 * 123);
    background: #383840;
    position: relative;
    margin-top: calc(100vw / 375 * 10);
    border-top-right-radius: calc(100vw / 375 * 3);
    border-bottom-right-radius: calc(100vw / 375 * 3);
    /*padding-top:10px;*/
    /*padding-bottom: 10px;*/
}

.workorder-list > div {
    padding: 0 10px;
    max-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.workorder-text {
    font-size: 10px;
    color: #AFAFB2;
}

.workorder-number {
    color: #F1AE79;
    font-size: 12px;
}

.workorder-new {
    color: #FF3A3A;
    font-size: 10px;
}

.workorder-mall {
    font-size: 12px;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workorder-hor {
    height: 1px;
    width: 100%;
    background-color: #F1AE79;
}

.workorder-ver-red {
    width: 3px;
    height: 123px;
    background: #FF3A3A;
    position: absolute;
    left: 0;
}

.workorder-ver-blue {
    width: 3px;
    height: 123px;
    background: #3AFFF2;
    position: absolute;
    left: 0;
}

.question-box {
    width: calc(100vw / 375 * 250);
    /*text-align: center;*/
}

.workOrder-btn--main {
    width: 100%;
    height: calc(100vw / 375 * 44) !important;
    box-sizing: border-box;
    font-size: calc(100vw / 375 * 15);
    color: #fff;
    /*background: #424BF9;*/
    /*margin-left: 5px;*/
}

.input-main--question {
    overflow: hidden;
    height: 0 !important;
}

.request-list-img,
.workordernew-header-img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
}

.workordernew-header--outer {
    padding: calc(100vw / 375 * 3);
    background: linear-gradient(270deg, #6A635E, #2E2A32);
    border-radius: calc(100vw / 375 * 5);
    width: calc(100vw / 375 * 200);
    height: calc(100vw / 375 * 52);
    position: relative;
    overflow: hidden;
}

.workordernew-header {
    /* width: 100%; */
    /* height: 275px; */
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: calc(100vw / 375 * 44);
    /* margin: 0 auto; */
    /* display: none; */
    border-radius: calc(100vw / 375 * 5);
    background: transparent;
    /* border: 1px solid #EAC97F; */
    box-shadow: 0 calc(100vw / 375 * 3) calc(100vw / 375 * 6) rgba(77, 77, 77, 0.5);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
    border: 1px solid #EAC97F;
}

.workordernew-headerAnimation {
    animation: dispalyBlockNewWorkOrder .333s linear 0s forwards;
}

.workordernew-headerAnimation--cancel {
    animation: dispalyBlockNewWorkOrderCancel .333s linear 0s forwards;
}

@-webkit-keyframes dispalyBlockNewWorkOrder {
    0% {
        width: calc(100vw / 375 * 200);
        height: calc(100vw / 375 * 52);
    }
    100% {
        width: 100%;
        /*height: 275px;*/
        height: calc(100vw / 375 * 300);
    }
}

@-webkit-keyframes dispalyBlockNewWorkOrderCancel {
    0% {
        width: 100%;
        height: calc(100vw / 375 * 300);
    }
    100% {
        width: calc(100vw / 375 * 200);
        height: calc(100vw / 375 * 52);
    }
}

.write .input-del-workorder {
    display: none;
}

.goPay-s .input-del-workorder {
    position: absolute;
    color: #FFFFFF !important;
    right: calc(100vw / 375 * 10) !important;
    font-size: calc(100vw / 375 * 15);
}

.workorder-input {
    color: #2C2C34 !important;
    font-size: calc(100vw / 375 * 12);
    text-align: left;
    border-bottom: 1px solid #E7EAF4 !important;
}

.my-box--main {
    width: 25px;
    height: 25px;
    position: relative;
}

.yaoqing-svg, .dengji3-svg {
    position: absolute;
}

.yaoqing-svg {
    width: 27px;
    height: 27px;
}

.dengji3-svg {
    width: 28px;
    height: 28px
}

.workordernew-hor {
    height: 0;
    width: 100%;
    background-color: #707070;
}

.workordernew-area {
    width: 100%;
    /*min-height: 400px;*/
    min-height: calc(100vw / 375 * 130);
    /*background: #F3F2F2;*/
    background: transparent;
    /*border-radius: calc(100vw / 375 * 3);*/
    /*padding-left: 10px;*/
    /*padding-top: 5px;*/
    margin: calc(100vw / 375 * 15) 0 calc(100vw / 375 * 15) calc(100vw / 375 * 1) !important;
    padding-right: calc(100vw / 375 * 10);
    padding-left: calc(100vw / 375 * 2);
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 12);
}

.workordernew-area::-webkit-input-placeholder {
    color: #999999;;
}

.requset-workOrder-main,
.request-list--box {
    padding: calc(100vw / 375 * 20);
}

.workordernew-btn {
    width: calc(100vw / 375 * 100);
    height: calc(100vw / 375 * 40);
    /* background: #F1AE79; */
    /* box-shadow: 0px 1.5px 3px rgb(0 0 0 / 16%); */
    /* border-radius: 12.5px; */
    /* margin-top: 10px; */
    text-align: center;
    line-height: calc(100vw / 375 * 40);
    /* color: #ffffff; */
    font-size: calc(100vw / 375 * 15);;
    /* width: 100%; */
    padding: calc(100vw / 375 * 7) 0;
    color: #1B1B1C;
    /* border: 1px solid #E6E6E6; */
    background-image: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4) !important;
    border-radius: calc(100vw / 375 * 5);
    /* margin-top: 10px; */
    font-weight: bold;
}

.chat-title-right {
    color: #000000;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
}

.chat-title {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #1B1B1C;
    max-width: calc(100vw / 375 * 220);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.chat-title-text {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 32);
    line-height: calc(100vw / 375 * 16);
    margin-top: calc(100vw / 375 * 10);
    font-weight: bold;
    color: #1C1C1D;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.chat-content {
    max-width: calc(100vw / 375 * 250);
    color: #2C2C34;
    font-size: 14px;
    line-height: 22px;
    background-color: #FFE6BF;
    padding: 10px 10px;
    margin-left: 10px;
    border-radius: 5px;
    box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgba(134, 134, 134, 0.5);
    /*margin-right: 5px;*/
}

.chat-Avatar {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-left: 10px;
}

.chat-read {
    color: #8D8D91;
    font-size: 10px;
}

.chat-unread {
    color: #4D4D4D;
    font-size: 10px;
}

.chat-b {
    width: 0;
    height: 0;
    border-color: transparent #FFE6BF;
    border-width: 10px 0 0 10px;
    border-style: solid;
    position: absolute;
    right: 40px;
    top: 17px;
}

.chat-Avatar-l {
    margin-left: 0;
}

.chat-read-l {
    margin-left: 10px;
}

.chat-l {
    width: 0;
    height: 0;
    border-color: transparent #ffffff;
    border-width: 10px 10px 0 0;
    border-style: solid;
    position: absolute;
    left: 40px;
    top: 10px;
}

.chat-content-top {
    margin-top: 10px;
    position: relative;
}

.chat-content-side {
    background-color: #ffffff;
}

.chat-thank {
    color: #FFE6BF;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
}

.chat-Evaluation {
    width: auto;
    height: 20px;
    border: 1px solid #FFE6BF;
    border-radius: 10px;
    padding: 0 10px;
}

.chat-thank-icon {
    color: #FFE6BF;
    font-size: 12px;
    margin-right: 3px;
}

.chat-hor {
    width: 100%;
    height: 1px;
    background-color: #FFE6BF;
    margin-top: 5px;
    margin-bottom: 5px;
}

.chat-input {
    color: #FFFFFF !important;
    /*background-color: #2C2C34;*/
    width: 90%;
    /*height: 35px !important;*/
    border-radius: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    /*padding-top: 0 !important;*/
}

.chat-footer {
    width: 100%;
    /*height: 76px;*/
    background-color: #2F2B33;
    /*padding-top: 5px;*/
    position: fixed;
    flex: 1;
    bottom: 0;
}

.tca-mob {
    margin: 0 15px;
}

.chat-expression {
    width: 300px;
    height: 60px;
    background: rgba(232, 216, 199, 0.5);
    /*border: 1px solid #9C99CB;*/
    border-radius: 10px;
    padding: 0 15px;
    position: fixed;
    bottom: 75px;
    left: 50%;
    margin-left: -150px;
}

.chat-icon-hp {
    font-size: 35px;
    color: #DF7765;
}

.chat-icon-zp {
    font-size: 35px;
    color: #F6B67D;
}

.chat-icon-cp {
    font-size: 35px;
    color: #9B9B9B;
}

.chat-svg {
    width: 30px;
    height: 30px;
}

.chat-img-svg {
    width: 45px;
    height: 30px;
    margin-right: 5px;
}

.chat-img {
    width: auto;
    height: auto;
    max-height: 350px;
    max-width: 200px;
    margin-left: 10px;
    object-fit: cover;
    object-position: center;
}

.chat-img-upload {
    width: 45px;
    height: 30px;
}

.verification-title {
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    padding: calc(100vw / 375 * 20) 0;
    font-weight: 500;
}

.verification-svg {
    width: calc(100vw / 375 * 143);
    height: calc(100vw / 375 * 176);
    padding-top: calc(100vw / 375 * 13);
}

.verification-box {
    padding: 0 calc(100vw / 375 * 20);
}

.verification-svg-w {
    width: 100%;
    /*border: 1px solid transparent;*/
    /*box-shadow: 0 calc(100vw/375*1) calc(100vw/375*7) 0 rgb(188 188 188 / 50%);;*/
    padding: calc(100vw / 375 * 16);
    position: relative;
    background: #4D4D4D;
    border-radius: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 10);
}

.verification-svg-w.idcard {
    background: url(../img/dfk/idcard-bottom.png) !important;
    background-size: 100% 100% !important;
}

.verification-svg-w.enter {
    background: url(../img/dfk/enter-bottom.png) !important;
    background-size: 100% 100% !important;
}

.icon-ver {
    /*margin-right: calc(100vw / 375 * 5);*/
    /*font-size: calc(100vw / 375 * 30);*/
    color: #FFE6BF;
    margin-right: calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 20);
    background: linear-gradient(270deg, #EECD95, #CEA867);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.verification-svg-w:last-child {
    margin-bottom: 0;
}

.verification-svg-icon-w {
    width: calc(100vw / 375 * 143);
}

.verification-svg-footer {
    width: calc(100vw / 375 * 315);
    height: calc(100vw / 375 * 300);
    position: relative;
    left: calc(-1 * (100vw / 375 * 100));
    bottom: calc(-1 * (100vw / 375 * 50));
}

.verification-dir {
    width: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    background: #383840;
    border-radius: 50%;
    /*margin-top: 30px;*/
}

.verification-dir-svg {
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    /*margin-top: 30px;*/
}

.verification-svg-bor {
    border: 1px solid #FFE6BF;
}

.verification-success-svg {
    width: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    /*margin-top: 30px;*/
}

.tab-item .icon.img-on,
.tab-item .icon.img-off {
    width: 25px;
    height: 25px;
    position: relative;
    top: 6px;
    background-size: 100% 100% !important;
}

.tab-item .icon.img-on.shop {
    background: url(../img/ppw/shop-1.png);
}

.tab-item .icon.img-off.shop {
    background: url(../img/ppw/shop.png);
}

.tab-item .icon.img-on.index {
    background: url(../img/ppw/index-1.png);
}

.tab-item .icon.img-off.index {
    background: url(../img/ppw/index.png);
}

.tab-item .icon.img-on.gg {
    background: url(../img/ppw/gg-1.png);
}

.tab-item .icon.img-off.gg {
    background: url(../img/ppw/gg.png);
}

.tab-item .icon.img-on.zc {
    background: url(../img/ppw/zc-1.png);
}

.tab-item .icon.img-off.zc {
    background: url(../img/ppw/zc.png);
}

.tab-item .icon.img-on.my {
    background: url(../img/ppw/my-1.png);
}

.tab-item .icon.img-off.my {
    background: url(../img/ppw/my.png);
}

.tab-item .icon.img-on + span.tab-title,
.tab-item .icon.img-off + span.tab-title {
    position: relative;
    top: 6px;
    font-size: 9px;
    line-height: 9px;
    height: 9px;
}

.tab-nav.tabs > a[icon-off="icon iconfont img-off"] {
    overflow: initial;
}

.tab-nav.tabs > a[icon-on="icon iconfont img-on"] {
    overflow: initial;
}

.header-box-text {
    color: #52BAFE;
    font-size: 10px;
    position: absolute;
    right: 25px;
}

.header-box-balance {
    color: #52BAFE;
    font-size: 9px;
}

.bank-horizontal {
    position: relative;
    z-index: 10;
    height: 1px;
    background: #999999;
}

.login-bag-svg {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 20px;
    top: 10px;
}

.ver-gotoState {
    font-size: calc(100vw / 375 * 13) !important;
    font-weight: 500;
    color: #1B1B1C !important;
    background-image: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4) !important;
    border-radius: calc(100vw / 375 * 15);
    padding: calc(100vw / 375 * 6) calc(100vw / 375 * 15);
}

.icon-assets-svg {
    width: 35px;
    height: 35px
}

.icon-assets-svg.asset-svg--header {
    width: 55px;
    height: 55px
}

.icon-assets-svg.asset-svg--header.first-svg {
    width: 65px;
    height: 65px
}

.icon-assets-svg.asset-svg--header.first-svg--sl {
    width: 70px;
    height: 70px
}

.assets-svg {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.bank-item-divider {
    background-color: #4D4D4D;
    color: #000000;
    font-size: calc(100vw / 375 * 12);;
    padding: calc(100vw / 375 * 15);
}

.bankCardList {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgb(188 188 188 / 50%);
    border-radius: calc(100vw / 375 * 5);
}

.login-mainBox {
    background: #F8F8F8;
}

.login-mainBoxTitle {
    font-size: 24px;
    font-weight: 500;
    color: #221E57;
    padding-top: 50px;
    margin-bottom: 45px;
}

.login-mainBox {
    margin: 0 20px;
    background: linear-gradient(90deg, #F8F8F8 0%, #F7F7F7 100%);
    box-shadow: 0px 1px 22px 0px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
}

.forgot-padding,
.register-padding {
    background-color: #383840;
    border-radius: 3px;
    padding: 5px 0 10px 0;
}

.bank-horizontal.bankcardBox {
    background: #999999;
}

.border-top-left {
    border-top-left-radius: calc(100vw / 375 * 5);
    border-top-right-radius: calc(100vw / 375 * 5);
}

.border-bottom-left {
    border-bottom-left-radius: calc(100vw / 375 * 5);
    border-bottom-right-radius: calc(100vw / 375 * 5);
}

.chat-content-cc {
    /*height: calc(100% - 44px);*/
    bottom: 71px;
}

.chat-footer-text {
    padding-left: 25px;
    padding-top: 5px;
}

.popup-question {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    color: #FFE6BF;
}

.button-sure-close {
    width: calc(100vw / 375 * 100);
    height: calc(100vw / 375 * 30) !important;
    background: #4D4D4D;
    border: 1px solid #FFE6BF;
    border-radius: calc(100vw / 375 * 10) !important;
    text-align: center;
    /*line-height: 30px !important;*/
    color: #FFE6BF;
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 30);
    margin-right: calc(100vw / 375 * 5) !important;
}

.button-sure-close.activated {
    background: #FFE6BF;
    /*background: #fff;*/
    color: #4D4D4D;
}

.button-sure-wait {
    width: calc(100vw / 375 * 100);
    height: calc(100vw / 375 * 30) !important;
    background: #4D4D4D;
    border: 1px solid #FFE6BF;
    border-radius: calc(100vw / 375 * 10) !important;
    text-align: center;
    /*line-height: 30px !important;*/
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 30);
    color: #FFE6BF;
}

.button-sure-wait.activated {
    background: #FFE6BF;
    /*background: #fff;*/
    color: #4D4D4D;
}

.chat-success {
    font-size: 12px;
    color: #E8715B;
    margin-left: 5px
}

.chat-expression-sel {
    width: 100px;
    height: 50px;
    background: rgba(232, 216, 199, 0.5);
    /*border: 1px solid #434CFF;*/
    padding: 0 15px;
    position: fixed;
    bottom: 75px;
    left: 50%;
    margin-left: -50px;
    border-radius: 10px;
}

.chat-Evaluation-mar {
    margin-right: 60px;
}

.chat-Evaluation-deal {
    margin-right: 30px !important;
}

.login-del {

}

.about-us {
    background-color: #383840;
    border-radius: 3px;
    overflow: hidden;
}

.notice-detail {
    background-color: #383840;
    border-radius: 3px;
    overflow: hidden;
}

.list.card {
    background-color: transparent;
}

.font-9 {
    font-size: 9px !important;
}

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

.ngdialog.ngdialog-theme-default.bankCardList-ngdialog .ngdialog-content {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgb(188 188 188 / 50%);
    border-radius: calc(100vw / 375 * 5);
}

.ngdialog.ngdialog-theme-default.bankCardList-ngdialog .ngdialog-content .bank-card-list:first-child .bank-card-list--no:first-child {
    margin-top: calc(100vw / 375 * 15);
}

.bank-card-list {
    background-color: #fff;
    margin-bottom: calc(100vw / 375 * 10);
    padding: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
    border: 1px solid #D8AF8B;
}

.check-bank--text {
    color: rgba(37, 37, 37, 1);
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    margin-bottom: calc(100vw / 375 * 5);
}

.bank-card-list--no {
    background-color: #fff;
    margin-bottom: calc(100vw / 375 * 10);
    padding: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
    border: 1px solid #CCCCCC;
    box-shadow: 0px calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0px rgb(188 188 188 / 50%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

.mobile-password {
    font-size: 17px;
    color: rgb(156, 153, 203);
}

.mobile-password.actived-mobile {
    color: #fff;
    font-size: 17px;
}

.mobile-password-hor {
    width: 50%;
    height: 2px;
    background-color: transparent;
    /* margin-top: 5px; */
    position: relative;
    top: 3px;
}

.mobile-password.actived-mobile .mobile-password-hor {
    background-color: #fff;
}

.detail-trade-svg {
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    /*margin-top: 3px*/
}

.card-bag-text1 {
    color: #ffffff;
    font-weight: bold;
}

.universal-horizontal {
    height: 1px;
    background: #2C2C34;
    width: 100%;
}

.mobile--old {
    padding-top: 15px;
    padding-left: 10px;
}

.btn-margin-top {
    margin-top: 18px !important;
}

.poPay-input-mar {
    margin-left: 3px;
}

.poPay-input-mar-t {
    margin-top: 10px;
}

.poPay--text {
    margin-right: 3px;
}

.poPay--height {
    height: 44px;
}

.prop-notion {
    margin: 15px;
    width: auto;
    border-radius: 3px;
    color: #ffffff !important;
    font-size: 12px !important;
}

.my-item--title {
    grid-template-columns: repeat(3, 31.3%);
    grid-column-gap: 10px;
}

.svg-box-main {
    width: 33px;
    height: 33px;
    position: relative;
    overflow: hidden;
}

.svg-box-main .jf-svg {
    width: calc(100vw / 375 * 35);
    height: calc(100vw / 375 * 35);
    position: absolute;
    top: calc(-1 * (100vw / 375 * 5));
    left: calc(-1 * (100vw / 375 * 3));
}

.card-icon--svgBox {
    width: calc(100vw / 375 * 50);
    height: calc(100vw / 375 * 50);
    /*overflow: hidden;*/
    position: relative;
}

.card-icon--box-b .jf-svg {
    width: calc(100vw / 375 * 50);
    height: calc(100vw / 375 * 50);
    /*position: absolute;*/
    /*top: calc(-1 * (100vw / 375 * 5));*/
    /*left: calc(-1 * (100vw / 375 * 3));*/
}

.card-icon--box-b .xfj-svg {
    width: calc(100vw / 375 * 43);
    height: calc(100vw / 375 * 43);
    position: absolute;
    top: calc(-1 * (100vw / 375 * 4));
    left: calc(-1 * (100vw / 375 * 4));
}

.card-icon--box-b .dhj-svg {
    width: calc(100vw / 375 * 48);
    height: calc(100vw / 375 * 48);
    position: absolute;
    top: calc(-1 * (100vw / 375 * 8));
    left: calc(-1 * (100vw / 375 * 5));
}

.upload-box {
    position: relative;
}

.upload-icon {
    font-size: calc(100vw / 375 * 40);
    color: #FFE6BF;
    position: absolute;
    top: calc(100vw / 375 * 44);
    right: calc(100vw / 375 * 80);
}

.upload-icon.upload-icon--enterprise {
    top: 47px;
    /*right: 117px;*/
}

.discount--svg {
    width: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    margin-right: calc(100vw / 375 * 7);
}

.icon--t {
    font-size: 19px;
    margin-left: 8px;
}

.detail-card--name-text {
    width: 55px;
    text-align: center;
}

.discount-header {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    top: 150px;
    padding-bottom: 10px;
}

.discount-hor {
    width: calc(100vw / 375 * 2);
    height: calc(100vw / 375 * 14);
    background: #FFE6BF;
    border-radius: 0 calc(100vw / 375 * 2) calc(100vw / 375 * 2) 0;
}

.icon-new-title {
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    position: relative;
    z-index: 10;
    margin-left: calc(100vw / 375 * 10);
}

.icon-new-title.merchant {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    margin-left: calc(100vw / 375 * 5);
    transform: rotate(180deg);
}

.icon-new-title-l {
    position: relative;
    z-index: 10;
    margin-left: calc(100vw / 375 * 10);
}

.icon.icon-new-title-l  {
    font-size: 20px;
    height: 20px;
    line-height: 20px;
}

.icon-new-title-r {
    position: relative;
    z-index: 10;
    margin-right: calc(100vw / 375 * 10);
}

.icon.icon-new-title-r  {
    font-size: 20px;
    height: 20px;
    line-height: 20px;
}

.horizontal-tips {
    position: relative;
    z-index: 10;
    height: 1px;
    background: #2C2C34;
    margin-top: 20px;
}

.noticeDetail-img {
    max-height: calc(100vw / 375 * 300);
    width: 100%;
    /*padding-bottom: calc(100vw / 375 * 10);*/
}

.noticeDetail-img img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
    max-height: calc(100vw / 375 * 300);
}

.about--title {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}

.about--title-header {
    padding-top: 10.5px;
    padding-left: 10.5px;
}

.tags-text {
    margin-top: 6px !important;
}

.tags-text > em {
    font-size: 8px;
    font-weight: 400;
    color: #E1A276;
}

.declaration-tab--op-dir {
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #383840;
    position: absolute;
    left: 85px;
    bottom: 0;
}

.declaration-tab--op-dir1 {
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #383840;
    position: absolute;
    right: 85px;
    bottom: 0;
}

.ellipsis-oneLine-dir {
    font-size: 12px;
    position: absolute;
    z-index: 10;
    top: -5px;
    color: rgba(112, 114, 201, 1);
    right: -20px;
}

.ellipsis-oneLine-dir1 {
    font-size: 12px;
    position: absolute;
    z-index: 10;
    top: -5px;
    color: rgba(112, 114, 201, 1);
    right: -20px;
}

.ellipsis-oneLine-fail {
    font-size: 11px;
    z-index: 10;
    color: #E1A276;
}

.ellipsis-oneLine-fail-svg {
    height: calc(100vw / 375 * 18);
    width: calc(100vw / 375 * 18);
}

/*.prompt-svg {*/
/*width: 115px;*/
/*height: 86px;*/
/*position: absolute;*/
/*top: -52px;*/
/*left: 50%;*/
/*margin-left: -60px;*/
/*margin-top: 20px;*/
/*}*/

/*.prompt-title {*/
/*font-size: 15px;*/
/*font-weight: bold;*/
/*color: rgba(37, 37, 37, 1);*/
/*text-align: center;*/
/*width: 100%;*/
/*margin-top: 45.5px;*/
/*}*/

.prompt-svg {
    width: calc(100vw / 375 * 115);
    height: calc(100vw / 375 * 86);
    position: absolute;
    top: calc(-1 * (100vw / 375 * 60));
    left: 50%;
    margin-left: calc(-1 * (100vw / 375 * 60));
    margin-top: calc(100vw / 375 * 25);
}

.prompt-title,
.prompt2-title,
.prompt-tips-title,
.protocol-title {
    font-size: calc(100vw / 375 * 15);
    font-weight: bold;
    color: #1A1A1A;
    text-align: center;
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    width: 100%;
    margin-top: calc(100vw / 375 * 46);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.verification-tips {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #FFFFFF;
    width: 100%;
    font-weight: 500;
}

.ver-state {
    font-size: calc(100vw / 375 * 14);
    font-weight: bold;
    color: #FFE6BF;
    line-height: 1.1;
}

.ver-line {
    padding-bottom: calc(100vw / 375 * 15);
    border-bottom: 1px solid #999999;
}

.ver-tips {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: 500;
    color: #FFFFFF;
    margin-top: calc(100vw / 375 * 10);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.ver-btn--tips {
    margin-top: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 40);
    background: linear-gradient(90deg, #221E58 0%, #2F2A72 100%);
    border-radius: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 15);
    font-weight: 500;
    color: #FFFFFF;
}

.bar .title {
    font-size: 17px;
}

button.icon-iconfontjiantouzuo {
    display: inline-block;
}

div.icon-iconfontjiantouzuo {
    display: flex;
}

.bar .button.button-clear.icon:before {
    font-size: 32px;
    line-height: 32px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.prompt-text,
.prompt2-text,
.prompt-tips-text,
.protocol-text {
    /*margin-left: 35px;*/
    font-size: calc(100vw / 375 * 12);
    /*height: calc(100vh / 667 * 200);*/
    line-height: calc(100vw / 375 * 20);
    font-weight: 400;
    /*color: #909090;*/
    min-height: calc(100vh / 667 * 140);
    max-height: calc(100vh / 667 * 250);
    /*overflow: auto;*/
}

.prompt-tips-botton {
    width: 100%;
}

.prompt-tips-button-cancel {
    background: #FFEED5 !important;
    background-image: linear-gradient(270deg, #FFEED5, #FFEED5) !important;
}

.prompt-btn.protocol-btn {
    margin-top: calc(100vw / 375 * 20);
    position: absolute;
    left: 50%;
    margin-left: calc(-1 * (100vw / 375 * 75));
    background-image: none !important;
    height: auto !important;
}

.prompt-text.protocoDialog {
    margin-left: 0;
}

/*.prompt-text > p{*/
/*height: 80px;*/
/*line-height: 20px;*/
/*overflow: auto;*/
/*padding-right: 5px*/
/*}*/
.prompt-btn {
    width: calc(100vw / 375 * 150);
    height: calc(100vw / 375 * 30);
    margin: 0 auto;
    text-align: center;
    line-height: calc(100vw / 375 * 30);
    font-size: calc(100vw / 375 * 12);
    color: #1A1A1A;
    margin-top: calc(100vw / 375 * 10);
    box-shadow: none;
    background-image: linear-gradient(270deg, #EFC7A0, #D7AE8A, #EAD8C4);
    border-radius: calc(100vw / 375 * 5);
    opacity: 0.9;
    font-size: calc(100vw / 375 * 16);
}

.upgrade-text {
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 26);
    line-height: calc(100vw / 375 * 26);
    font-weight: 400;
    color: #626262;
    min-height: calc(100vh / 667 * 100);
    max-height: calc(100vh / 667 * 140);
    overflow: auto;
    margin: 0 calc(100vw / 375 * 20);
}

.upgrade-text.protocoDialog {
    margin-left: 0;
}

.ngdialog.ngdialog-theme-default.prompt .ngdialog-close {
    display: none;
}

.ngdialog.ngdialog-theme-default.prompt .ngdialog-content {
    max-width: 80% !important;
    width: 80% !important;
    /*top: calc(100vh / 667 * 10);*/
    padding: calc(100vw / 375 * 15);
}

.ngdialog.ngdialog-theme-default.adSign .ngdialog-content {
    max-width: 80% !important;
    width: 80% !important;
    height: 80%;
    /*top: calc(100vh / 667 * 10);*/
    padding: 0 !important;
    border-radius: calc(100vw / 375 * 10);
    overflow: hidden;
}


.prompt-icon {
    position: absolute;
    bottom: calc(-1 * (100vw / 375 * 65));
    left: 50%;
    margin-left: calc(-1 * (100vw / 375 * 25));
    color: #fff;
    font-size: calc(100vw / 375 * 50);
}

.prompt-tips-detail-bg.prompt-icon,
.prompt-detail-bg.prompt-icon,
.prompt2-detail-bg.prompt-icon {
    position: absolute;
    bottom: calc(-1 * (100vw / 375 * 65));
    left: 50%;
    margin-left: calc(-1 * (100vw / 375 * 25));
    color: #fff;
    font-size: calc(100vw / 375 * 50);
    line-height: calc(100vw / 375 * 50);
    height: calc(100vw / 375 * 50);
}

.iconfontColor {
    color: rgba(167, 167, 167, 1) !important;
}

.icon-jiantou1--size {
    font-size: calc(100vw / 375 * 16) !important;
    line-height: calc(100vw / 375 * 16) !important;
    /*height: calc(100vw / 375 * 16) !important;*/
}

.verticalLine {
    width: 1px;
    height: 50px;
    background: #2C2C34;
}

.workorder--s {
    padding-left: 15px !important;
}

.home_amount--value > span {
    font-weight: bold;
}

.ayment-reg-right {
    margin-right: 10px;
}

.back-img-down-pad {
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 15) 0;
}

.back-img-down-pad.chat {
    position: relative;
}

.chat-btn {
    background: #F3E8DD;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    width: 55px;
    height: 28px;
    line-height: 28px;
    color: #000000;
    text-align: center;
    line-height: 28px;
    margin-left: 5px;
    margin-bottom: 1px;
}

.submit-input {
    padding-bottom: 5px;
}

.submit-input img {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    margin-bottom: 3px;
}

.button.button-clear {
    color: #292929 !important;
}

.button.button-clear.warm {
    color: #FFFFFF !important;
}

.detail-blance-dir {
    font-size: 12px;
    position: absolute;
    z-index: 10;
    top: 10px;
    color: #E1A276;
    right: 5px;
}

.detail-blance-dir-svg {
    height: 18px;
    width: 18px;
    font-size: 12px;
    position: absolute;
    z-index: 10;
    top: 10px;
    color: #E1A276;
    right: 5px;
}

.discount-hor-dir {
    width: 3px;
    background: #6567C5;
    border-radius: 0 2px 2px 0;

    display: inline-block;
    height: 22px;
    background: #6567C5;
    /*border-radius: 10px;*/
}

.upgrade-img {
    width: 113px;
    height: 104px;
    margin: 0 auto;
    position: absolute;
    top: -65px;
    left: 50%;
    margin-left: -57px;
}

.upgrade-img > img {
    width: 100%;
    height: 100%;
}

.prompt-title.upgrade {
    margin-top: 25px;
}

.radioBox-radio {
    width: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    background-color: transparent;
    border: 1px solid #5A5A5B;
    margin-left: calc(100vw / 375 * 10);
    margin-right: calc(100vw / 375 * 10);
    border-radius: 50%;
}

.radioBox-text {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    font-weight: 600;
    color: #999999;
    /*margin-left: 10px;*/
    /*position: absolute;*/
    /*left: 40px;*/
}

.radioBox-text-protocol {
    color: #2E8CE9;
}

.regTips {
    width: 100%;
    padding-top: calc(100vw / 375 * 5);
    padding-bottom: calc(100vw / 375 * 20);
}

.regTips span {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);;
    font-weight: 400;
    color: #FFE6BF;
}

.smd-boxSS {
    width: 100%;
}

.smd-boxSSPosition {
    position: relative;
}

.labelLeft {
    position: absolute;
    left: 0;
}

.smd-boxSSInput {
    margin-top: calc(100vw / 375 * 24);
}

.smd-boxSS-divd {
    width: 25%;
}

.smd-boxSS-divdLabel {
    padding-right: 0;
    border-right: 0;
    margin-right: 0 !important;
    margin-top: calc(100vw / 375 * 24);
    padding-left: 0;
}

.textarea-input {
    max-height: 104px;
    font-size: 17px;
    height: 30px;
    border-radius: 3px !important;
}

.icon-manage-dianhua1.icon-dianhua1 {
    font-size: 4.4px;
}

.icon-manage-dianhua1.icon-dengji1 {
    font-size: 4.4px;
}

.passwordGesture-down {
    /*background: url('../img/huijuji/black-two.png');*/
    /*background: transparent;*/
    /*background: linear-gradient(140deg,rgba(34,30,87,1),rgba(47,42,114,1));*/
    /*border-radius: 0px 0px 0px 75px;*/
    /*background-size: 100% 100%;*/
    height: calc(100vw / 375 * 180);
    width: 100%;
    position: absolute;
}

.passwordGesture-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    border: 0;
    width: 85px;
    height: 92.5px;
    background: url(../img/dfk/pngLogo.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
}

.boxBgPng {
    position: absolute;
    bottom: 0;
    right: 0;
    border: 0;
    width: 230px;
    height: 100px;
    background: url(../img/dfk/boxBg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-align: center;
}

.boxBgPng.chooseBtc {
    width: 170px;
    height: 185px;
    z-index: -1;
}

.boxBgPng.chooseBtc.bgicon-jifen3 {
    background: url(../img/dfk/jifenBg-new.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.boxBgPng.chooseBtc.bgicon-xiaofeiquan2 {
    background: url(../img/dfk/xiaofenquanBg-new.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.boxBgPng.chooseBtc.bgicon-duihuanquan1 {
    background: url(../img/dfk/duihuanquanBg-new.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.user-amk .boxBgPng {
    z-index: -1;
}

.register-bgimg {
    background: url('../img/huijuji/kszc2.png');
    background-size: 100% 100%;
    height: 180px;
    width: 100%;
    position: absolute;
}

.home-slm .boxBgPng {
    width: 218px;
    height: 95px;
}

.register-bgimg-header {
    position: relative;
    z-index: 100;
}

.button:hover {
    /*color: #ffffff;*/
}

.button-sure-set.activated {
    background: #FFE6BF;
    color: #4D4D4D;
}

.bankCard--img {
    background-color: #ffffff !important;
    left: calc(100vw / 375 * 25) !important;
    top: calc(100vw / 375 * 27) !important;
}

.bankCard--header {
    padding-top: calc(100vw / 375 * 30);
    padding-left: calc(100vw / 375 * 80);
    padding-bottom: calc(100vw / 375 * 30);
}

.bankCard--text {
    font-size: calc(100vw / 375 * 15) !important;
    height: calc(100vw / 375 * 15) !important;
    line-height: calc(100vw / 375 * 15) !important;
    font-weight: bold !important;
    color: #909090;
    margin-bottom: calc(100vw / 375 * 5) !important;
}

.declaration-tab--op.dapp-transaction-op.actived-op .declaration-tab--line {
    opacity: 1;
}

.bankCard--text-number {
    font-size: calc(100vw / 375 * 12) !important;
    height: calc(100vw / 375 * 12) !important;
    line-height: calc(100vw / 375 * 12) !important;
    font-weight: 400;
    color: #ffffff !important;
}

.bank-item-divider-news-pad {
    padding-top: calc(100vw / 375 * 15);
    padding-bottom: calc(100vw / 375 * 15);
}

.bank-item-divider-news {
    font-size: calc(100vw / 375 * 12);
    /*height: calc(100vw / 375 * 12);*/
    line-height: calc(100vw / 375 * 12);
    font-weight: bold;
    color: #FFFFFF;
}

.bank-item-divider-news-note {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    font-weight: bold;
    color: #FFFFFF !important;
}

.ngdialog.ngdialog-theme-default.prompt.register--dialog .ngdialog-content {
    max-width: 90%;
    top: calc(-1 * (100vh / 667 * 60));
    padding: calc(100vw / 375 * 10);
}

.payment-content--bgc {
    background-color: #383840;
    border-radius: 3px;
}

.payment-input {
    font-size: 12px !important;
    font-weight: 400;
    /*color: #909090 !important;*/
}

.mobile--tips {
    font-size: 9px !important;
    font-weight: 400;
    color: #E1A276 !important;
}

.mobile-height {
    height: 44px;
}

.mobile--tips-top {
    padding-top: 20px;
}

.mobile-goPay-content {
    /*margin: 10px;*/
}

.mobile-leftLine {
    position: static;
}

.mobile-code {
    margin-left: 6px;
    position: static;
    margin-right: 14px;
}

.mobile-forgot--margin {
    margin-right: 10px;
}

.item .manage-label {
    font-weight: 300;
    color: rgba(37, 37, 37, 1);
    font-size: 14px !important;
}

.payment--btn {
    margin-left: 10px;
    margin-right: 10px;
}

.list-cover {
    width: 50%;
    background-color: #3a3a3a;
}

.verification-svg-bor1 {
    border: 1px solid #F1AE79;
}

.verification-tips1 {
    color: #F1AE79 !important;
}

.manage-header--value {
    height: 20px;
    line-height: 20px;
}

.repayment-box {
    height: 44px !important;
}

.gopay-span--t {
    margin-right: 3px !important;
}

.goPay-s .input-del-reg.register--del {
    /*padding-top: 2px;*/
    position: absolute;
    color: #c4c4c4 !important;
    right: 85px !important;
    font-size: 15px;
}

.goPay-s .input-del-gopay.register--del,
.goPay-s .input-del-gopay.fogot--del {
    position: absolute;
    right: 85px !important;
}

.goPay-s .input-del-gopay.register--del-scan {
    position: absolute;
    right: calc(100vw / 375 * 35) !important;
}

.input-box .input-del-gopay.register--del-scan {
    position: absolute;
    right: calc(100vw / 375 * 35) !important;
}

.qrCode-dialog-logo {
    position: absolute;
    top: calc(-1 * (100vw / 375 * 28));
    border-radius: 50%;
    overflow: hidden;
    width: calc(100vw / 375 * 90);
    height: calc(100vw / 375 * 90);
    border: calc(100vw / 375 * 5) solid #FFD2A2;
    overflow: hidden;
}

.qrCode-dialog-text {
    /*margin-top: calc(100vw / 375 * 20);*/
}

.qrCode-dialog-tips {
    font-size: calc(100vw / 375 * 12);
    color: #4d4d4d;
}

.discount-black-line {
    display: block;
    width: 1px;
    height: calc(100vw / 375 * 20);
    background-color: #444444;
    position: absolute;
    left: 57%;
    margin-left: calc(-1 * (100vw / 375 * 20));
}

.mobile-main .login-label {
    font-size: 12px;
    font-weight: 400;
}

.mobile-main .select-ac {
    font-size: calc(100vw / 375 * 12) !important;
}

.register_title {
    background: inherit !important;
}

.radioBox {
    padding-top: 20px;
}

.goPay-input-lable {
    font-weight: normal;
    font-size: 11px;
    color: #fff;
}

.goPay-input-select {
    background-color: transparent !important;
    height: 25px !important;;
    margin-top: 8px !important;;
    color: #EEC67F !important;;
    font-size: 8px !important;;
    padding-right: 27px !important;
}

.declaration-tab--op.notice.actived-op {
    font-size: calc(100vw / 375 * 16);
    /*font-family: PingFang-SC-Medium;*/
    font-weight: 500;
    color: #fff;
    /*line-height: 23px;*/
    /*border-bottom:2px solid #EBB086;*/
}

.declaration-tab--op.notice.actived-op {
    font-size: 17px;
    /*font-family: PingFang-SC-Medium;*/
    font-weight: 500;
    color: #fff;
    /*line-height: 23px;*/
    /*border-bottom:2px solid #EBB086;*/
}

.declaration-tab--op.notice.auction.actived-op {
    font-size: calc(100vw / 375 * 16) !important;
    /*font-family: PingFang-SC-Medium;*/
    font-weight: 500;
    color: #fff;
    /*line-height: 23px;*/
    /*border-bottom:2px solid #EBB086;*/
}

.declaration-tab--op.notice.actived-op.dialog-tab {
    color: #1F84E8;
}

.declaration-tab.notice {
    height: 50px;
    padding-bottom: 0;
    background: transparent;
}

.declaration-tab--op.notice {
    color: rgba(156, 153, 203, 1);
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    width: auto;
    margin: 0 25px 0;
}

.declaration-tab--op.notice.auction {
    color: rgba(156, 153, 203, 1);
    padding: 0;
    font-size: calc(100vw / 375 * 15) !important;
    height: calc(100vw / 375 * 15) !important;
    line-height: calc(100vw / 375 * 15) !important;;
    font-weight: 400;
    /*width: 48px;*/
    width: calc(100vw / 375 * 50) !important;
    /*max-width: 50px !important;*/
    /*margin: 0 25px 0;*/
    margin: 0 calc(100vw / 375 * 10) 0 !important;
}

.notice-tab .declaration-tab--line.notice {
    position: absolute;
    z-index: 50;
    /*width: 97px;*/
    height: 40px;
    left: 0;
    background: transparent;
    /*打开滑动效果*/
    /*-webkit-transition:none; !important*/
    z-index: 1;
    /*top: 0;*/
    border-bottom: 2px solid #434CFF;
}

.bg-color.tutorial-bg {
    background: #F4F6F8;
}

.bg-color.notice-bg {
    background: #F4F6F8;
}

.bj-color.discountBg {
    background: #fff;
}

.notice-tab .declaration-tab--line.notice.tutorial-ta {
    border-bottom: 2px solid #DEA578;
    opacity: 1;
    bottom: 7px;
}

.linearGradientBg {
    background: #434CFF !important;
}

.declaration-tab.notice.tutorial-box {
    color: #fff;
}

.declaration-tab.reg {
    padding-bottom: calc(100vw / 375 * 10) !important;
    background: transparent;
}

.notice-tab .declaration-tab--line.notice.listNotice {
    height: 2px;
    bottom: 9px;
    opacity: 1;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}

.declaration-tab--op.reg {
    width: 35%;
    margin-top: 0;
    padding-bottom: calc(100vw / 375 * 5);
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 30);
    line-height: calc(100vw / 375 * 30);
    font-weight: 400;
    color: #292929;
    position: relative;
}

/*.notice-tab .declaration-tab--line.reg{*/
/*    width: 0px;*/
/*    height: 0px;*/
/*    border-left: 5px solid transparent;*/
/*    border-right: 5px solid transparent;*/
/*    border-bottom: 10px solid #383840;*/
/*    position: absolute;*/
/*    z-index: 50;*/
/*    left: 0;*/
/*    background: transparent;*/
/*    -webkit-transition: all .4s ease-in-out;*/
/*    z-index: 1;*/
/*    bottom: 0 !important;*/
/*}*/
.notice-tab .declaration-tab.grade-dialogMain {
    border-top-left-radius: calc(100vw / 375 * 5);
    border-top-right-radius: calc(100vw / 375 * 5);
    overflow: hidden;
    background: transparent;
}

.declaration-tab--op.reg.grade-dialog {
    color: rgba(167, 167, 167, 1);
}

.declaration-tab--op.reg.grade-dialog.actived-op {
    color: rgba(34, 30, 87, 1);
}

.notice-tab .declaration-tab--op.grade-dialog.actived-op .declaration-tab--line {
    background: rgba(34, 30, 87, 1);
}

.notice-tab .declaration-tab--op .declaration-tab--line.grade-dialog {
    background: rgba(179, 185, 213, 1);
}

.notice-tab .declaration-tab--line.reg {
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 25%;
    left: 38%;
    background: #fff;
    opacity: 0;
    border-radius: 1px;
}

.notcie-bg-box {
    margin-top: 16px;
    font-size: 12px;
}

.notice-detail--time {
    text-align: center;
    /*margin:20px 0 16px 0;*/
    font-size: 10px;
    font-weight: 500;
    /*color:#909090;*/
    color: #EBE9E9;
    /*margin: 10px 0;*/
}

.notice_content--times {
    font-size: 9px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.notice--time--d {
    color: #F85E49;
    font-size: calc(100vw / 375 * 12);
    margin-right: calc(100vw / 375 * 5);
}

.notice_content--time {
    padding-top: calc(100vw / 375 * 10);
}

.notice-bg-infoTitle {
    font-size: calc(100vw / 375 * 12);
    padding-top: calc(100vw / 375 * 10);
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
}

.input-box .input-del-gopay {
    position: absolute;
    color: #FFFFFF !important;
    right: calc(100vw / 375 * 10) !important;
    font-size: calc(100vw / 375 * 15);
}

.input-box .input-del-gopay.transfer--del,
.input-box .input-del-gopay.withdraw--del {
    position: absolute;
    right: 35px !important;
}

.dynamic-box {
    position: absolute;
    right: 0px;
    height: calc(100vw / 375 * 20);
}

.dynamic-box.forgot {
    top: calc(100vw / 375 * 32);
}

.dynamic-box--leftLine {
    width: 1px;
    height: calc(100vw / 375 * 20);
    background: #E1A177;
}

.dynamic-box--button {
    margin-left: calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 10);
    /*width: 90px;*/
    padding: 0;
    color: #655e74;
    border: 0.5px solid #403c4b;
    background: #342E3B;
    height: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    min-height: calc(100vw / 375 * 20) !important;
    /*font-family: 'WebFont', Arial, sans-serif !important;*/
    border-radius: calc(100vw / 375 * 10);
}

.dynamic-box--button-click {
    color: #dddddd !important;
    /*border: 0.5px solid grey !important;*/
    background: grey !important;
}

.dynamic-box--button-new {
    border-radius: 0 !important;
    color: #1F84E8;
    border: 0 !important;;
    background: transparent;
    font-size: calc(100vw / 375 * 12);
}

.dynamic-box-input-del {
    /*margin-right: 10px;*/
    color: #fff !important;
    font-size: calc(100vw / 375 * 15);
    position: unset !important;
    right: 0 !important;
}

.mobileInputFont {
    font-size: 12px;
    font-weight: 400;
    color: #636363;
}

.card-icon-detail--label {
    font-weight: 400;
    color: #FFFFFF;
    margin-left: calc(100vw / 375 * 3);
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
}

.card-icon-detail--svg {
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    /*margin-top: 3px*/
}

.deal-list--tipsZ-minus {
    color: rgba(68, 150, 234, 1);
    font-size: 5px;
    line-height: 20px;
    height: 20px;
    margin-right: 1px;
}

.deal-list--tipsZ-plus {
    color: rgba(235, 176, 134, 1);
    font-size: 5px;
    line-height: 20px;
    height: 20px;
    margin-right: 1px;
}

.detail-trade-span {
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-size: calc(100vw / 375 * 15);
    font-weight: 400;
    color: rgba(99, 99, 99, 1);
}

.button-new-title {
    padding-left: 10px !important;
    font-size: 14px !important;
}

.discount-note {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.discount-time {
    min-width: 70px;
}

.patternLock-icon--bottom {
    position: relative;
    padding-top: 30px;
    background: rgba(54, 55, 63, 1);
    border-radius: 4px;
    overflow: hidden;
}

.input-del-scan {
    position: absolute;
    color: #fff !important;
    right: 10px !important;
    font-size: 15px;
}

.item-input .input-del-gopay {
    position: absolute;
    color: #fff !important;
    right: 10px !important;
    font-size: 15px;
}

.scroll-refresher .ionic-refresher-content .text-pulling {
    font-size: 14px !important;
    line-height: 14px !important;
}

.scroll-refresher .ionic-refresher-content {
    font-size: 25px !important;
}

.scroll-refresher .ionic-refresher-content .text-refreshing {
    font-size: 14px !important;
    line-height: 14px !important;
}

.my-header-manage-selected {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}

.my-other-horizontal-bor {
    border-left: 1px solid rgba(238, 238, 238, 1);
    border-right: 1px solid rgba(238, 238, 238, 1);
}

.my-other-horizontal-bor1 {
    border-top: 1px solid rgba(238, 238, 238, 1);
    border-bottom: 1px solid rgba(238, 238, 238, 1);
}

.my-other-horizontal-bor2 {
    border: 1px solid rgba(238, 238, 238, 1);
}

.my-other-horizontal-bor3 {
    border-top: 1px solid rgba(238, 238, 238, 1);
    border-bottom: 1px solid rgba(238, 238, 238, 1);
}

.my-other-horizontal-bor4 {
    border-left: 1px solid rgba(238, 238, 238, 1);
    border-right: 1px solid rgba(238, 238, 238, 1);
}

.home-oilBath-text {
    color: #ffffff;
    font-size: 13px;
    margin-left: 15px;
    font-weight: bold;
}

.card-bag-add-certificates-text {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    color: #999999;
    font-weight: 500;
    margin-top: calc(100vw / 375 * 10);
}

.result-card {
    box-sizing: border-box;
    padding: calc(100vw / 375 * 15) 0 calc(100vw / 375 * 10) 0;
    color: #0f0f10;
    /*margin: calc(100vw/375*15);*/
    background: #4D4D4D !important;
    box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgb(188 188 188 / 50%);
    border-radius: calc(100vw / 375 * 5);
}

.detail--text {
    background-color: #383840;
    padding: 10px 15px 0 15px;
    border-radius: 5px;
}

.detail-bank-text {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    margin-bottom: calc(100vw / 375 * 10);
    font-weight: 400;
    color: #FFFFFF;
}

.header-box-bank {
    margin-bottom: calc(100vw / 375 * 10);
    border: 0 !important;
}

.header-box-account {
    background: #4D4D4D;
    border: 0 !important;
}

.header-box--bg {
    border-bottom: 1px solid #2C2E36;
}

.authentication-header-text-tap {
    color: #3a3a3a;
}

.mobile--bgm {
    background: #383840;
}

.patternLock-icon-set {
    color: #1d1d35;
}

.lockPattern--bottom {
    background: rgba(54, 55, 63, 1);
}

.icon-xiugai-settine, .icon-xiugai-settine1 {
    color: #FFE6BF;
    font-size: calc(100vw / 375 * 24) !important;
}

.icon-xiugai-settine.cancel, .icon-xiugai-settine1.cancel {
    color: #999999;
}

.bankcard-box--bgc {
    background-color: RGBA(56, 56, 64, 1);
}

.password-header {
    /*background: url(../img/huijuji/black-one.png);*/
    background: #434CFF;
    /*background-size: 100% 100%;*/
    /*height: 44px;*/
}

.login-bottom {
    color: rgba(179, 185, 213, 1);
}

.login--hr {
    border-bottom: 1px solid #FFE6BF !important;
    height: 10px;
    border: none;
    width: 40%;
    float: right;
}

.login--hl {
    border-bottom: 1px solid #FFE6BF !important;
    height: 10px;
    border: none;
    width: 40%;
    float: left;
}

.tips-title-number {
    color: rgba(34, 30, 87, 1);
}

.popup-container.chat-propup.popup-showing .popup {
    width: calc(100vw / 375 * 300) !important;
    /*height: calc(100vw / 375 * 100);*/
    background: #4D4D4D !important;
    border: 1px solid #FFE6BF;
    border-radius: 10px !important;
}

.popup-container.theme-propup.popup-showing .popup .popup-head {
    border-bottom: 1px solid #D1D1D1 !important;
}

.button.button-sure.activated {
    background: #ECD5B2 !important;
}

.button.button-cancel.activated {
    background: #4D4D4D !important;;
}

.userName-login,
.password-login {
    font-size: 13px;
    margin-left: 5px;
    color: #B3B9D5;
    position: relative;
    top: 2px;
}

.user-graph-cg {
    font-size: calc(100vw / 375 * 12) !important;
    height: calc(100vw / 375 * 12) !important;
    line-height: calc(100vw / 375 * 12) !important;
    font-weight: 400;
    color: #FFFFFF;
}

.member_grade_title {
    color: #252525;
}

.member_grade_borderRardius {
    border-radius: 0 0 calc(100vw / 375 * 5) calc(100vw / 375 * 5);
    background: #2F2B33;
}

.gradeRadius {
    border-radius: calc(100vw / 375 * 10) calc(100vw / 375 * 10) 0 0 !important;
}

.user-graph-ct {
    /*line-height: 21px;*/
    font-size: calc(100vw / 375 * 12) !important;
    height: calc(100vw / 375 * 12) !important;
    line-height: calc(100vw / 375 * 12) !important;
    font-weight: 500;
    color: #FFFFFF !important;
}

.user-graph-ct--color {
    color: rgba(37, 37, 37, 1) !important
}

.user-graph-ct--title {
    font-weight: 400;
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    color: #FFFFFF !important;
}

.user-graph-bor {
    border: 0.5px solid #E7EAF4 !important;
    margin-bottom: calc(100vw / 375 * 10) !important;
}

.user-graph-bor:last-child {
    margin-bottom: 0;
}

.list-inset-ref--graph {
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 10) 0 calc(100vw / 375 * 10);
}

.user-graph-bor.user-graph--list {
    border: none !important;
    box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgba(188, 188, 188, 0.5);
    border-radius: calc(100vw / 375 * 5);
}

.bg-color.scroll-content.payment-prop-pos {
    background: url(../img/huijuji/two.png) !important;
    background-size: 100% 100% !important;
}

.authentication-header-span {
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    margin-left: calc(100vw / 375 * 10);
    color: #FFFFFF;
}

.discount-header-svg {
    color: #fff;
}

.contactUs-title-bor {
    /*border-top: 1px solid rgba(44, 44, 52, 1);*/
    /*border-bottom: 1px solid rgba(44, 44, 52, 1);*/
}

.contactUs-title-bor-content {
    /*border-top: 1px solid rgba(44, 44, 52, 1);*/
}

.contactUs-title--text {
    margin-left: 20px;
    margin-right: 20px;
    color: rgba(255, 255, 255, 1);
}

.mobile-password-selected {
    color: #EEC67F !important;
}

.discount--hor {
    position: absolute;
    left: 50%;
    width: 1px;
    height: 50px;
    background-color: #ffffff;
    bottom: 20px;
}

.prompt-title.protocol-title {
    margin-top: 0;
    margin-bottom: calc(100vw / 375 * 5);
}

.protocol-text p {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
}

.protocol-text table {
    width: 100%;
}

.mui-switch-manage .mui-switch {
    width: 23px !important;
    height: 15px !important;
    position: relative !important;
    border: 2px solid rgba(0, 0, 0, 0.1) !important;
    background-color: #fdfdfd !important;
    box-shadow: #dfdfdf 0 0 0 0 inset !important;
    border-radius: 1.25rem !important;
    display: inline-block !important;
    -webkit-appearance: none !important;
    outline: none !important;
    transition: all .4s ease !important;
    opacity: 1 !important;
    webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mui-switch-manage .mui-switch:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 1.25rem;
    background-color: rgba(112, 114, 201, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    transition: all .4s ease;
    webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.mui-switch-manage .mui-switch:checked {
    border: 2px solid rgba(222, 165, 120, 1);
    background-color: rgba(222, 165, 120, 1);
}

.mui-switch-manage .mui-switch:checked:before {
    left: 8px;
}

.mui-switch-manage {
    position: absolute;
    right: 20px;
}

.button-block.button-theme.update-btn {
    width: 140px;
    height: 35px;
    background: linear-gradient(-86deg, #0086D0 0%, #18B8ED 99%);
    border-radius: 17.5px;
    line-height: 35px;
    margin-top: 25px;
}

.qrcodeBg--bg {
    background: url(../img/black-bg.png) !important;
    background-size: 100% 100% !important;
}

.password-header--paddingTopBox {
    height: 0;
    background-color: #1a1a22;
}

.chat-iphoneX {
    height: 0px;
    background: transparent;
    width: 100%;
}

.chat-work-state {
    height: 35px;
    background: transparent;
    width: 100%;
}

.padding-boxx--password {
    padding: calc(100vw / 375 * 50) 0 !important;
}

.upgrade-ngdialog.ngdialog.ngdialog-theme-default .ngdialog-close {
    display: none;
}

.protocol {
    overflow-x: hidden;
    overflow-y: auto;
    /*height: calc(100vh / 667 * 480);*/
    max-height: calc(100vh / 667 * 250);
    min-height: calc(100vh / 667 * 480);
}

.merchant-pay-bg .trade-condition,
.prop-exchange-bg .trade-condition,
.prop-withdraw-bg .trade-condition,
.prop-transfer-bg .trade-condition,
.ppw-index-bg .trade-condition {
    /*margin-bottom: 5px;*/
    font-size: calc(100vw / 375 * 12);
    color: #E8715B;
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    margin-right: calc(100vw / 375 * 5);
}

.ellipsis-oneLine-condition {
    z-index: 10;
    color: #E1A276;
    font-size: 12px;
}

.ellipsis-oneLine-condition-svg {
    z-index: 10;
    height: calc(100vw / 375 * 18);
    width: calc(100vw / 375 * 18);
    /*position: relative;*/
    /*top: 5px;*/
}

#launcher {
    display: none;
}

.deal-list-notice2 {
    padding: 15px;
    border-radius: 5px;
    background: rgba(55, 55, 65, 1);
    border-bottom: 1px solid rgba(44, 44, 52, 1);
}

.detail-manage--box {
    position: relative;
}

.detail-manage {
    font-size: 12px;
    position: absolute;
    z-index: 10;
    top: 13px;
    color: #3B7FEE;
    right: 17px;
}

.detail-manage-svg {
    height: calc(100vw / 375 * 18);
    width: calc(100vw / 375 * 18);
    position: absolute;
    z-index: 10;
    top: calc(100vw / 375 * 13);
    color: #3B7FEE;
    right: calc(100vw / 375 * 17);
}

.update-version {
    text-align: center;
    font-size: 20px;
    color: #ffffff;
}

.usernNam-icon {
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    color: rgba(37, 37, 37, 1);
}

.usernNam-icon-bottom {
    margin-top: calc(100vw / 375 * 15);
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #1C1C1C;
    font-weight: bold;
}

.usernNam-icon-top {
    margin-top: calc(100vw / 375 * 15);
    font-size: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    color: #1C1C1C;
    font-weight: bold;
}

.quickRegister-btn {
    position: absolute;
    bottom: 50px;
    left: 20px;
}

.referrBox {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px;
}

.setPasswordTitle {
    font-size: 25px;
    margin-bottom: 20px;
}

.referrBox i {
    font-size: 8px;
}

.referrBox i.referralState {
    transform: rotate(-180deg);
}

.quickRegister-tips {
    margin-bottom: 20px !important;
}

.setPasswordTitle + .quickRegister-tips {
    margin-bottom: 40px !important;
}

.quickRegister-btnNext {
    margin-top: 60px !important;
}

.quickRegister-btnNextSet {
    margin-top: 25px !important;
}

.setPasswordPro {
    margin-top: 60px;
}

.setPasswordPro .radioBox-radio {
    margin-left: 0 !important;
}

.sms-box img {
    width: 80px;
    height: 80px;
    border: 0;
}

.sms-box {
    margin-bottom: 10px;
}

.sms-tips {
    font-size: 14px;
    margin-bottom: 20px;
}

.quickLoginBtn {
    margin-left: 0 !important;
}

.smsMain {
    margin-bottom: 20px;
}

.smsMainUl {
    grid-template-columns: repeat(6, 16.66%);
}

.smsMain-li {
    width: 48px;
    height: 45px !important;
    font-size: 20px !important;
    margin-right: 5px;
    background: #F8F8F8;
    border-radius: 6px;
    padding: 0 !important;
    border: 1px solid transparent;
    color: #1F84E8 !important;
    text-align: center;
}

.smsMain-li.ed {
    border: 1px solid #1F84E8;
}

.smsMain-li:last-child {
    margin-right: 0;
}

.swiper-slide--line {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: rgba(156, 153, 203, 1);
}

.icon-new-titleDownLoad {
    font-size: 32px;
    position: fixed;
    z-index: 10;
    margin-left: 10px;
    color: #fff;
    top: 7px;
    left: 5px;
}

.item-content--main {
    margin-top: 0px;
}

.qrcodeBg {
    background: url(../img/dfk/downLoad-bg.jpg) no-repeat;
    background-size: 100% 100%;
    background-position: center center;
}

.downLoad-box {
    /*background: url(../img/new/downLoad-bg.jpg) no-repeat;*/
    background-size: 100% 100%;
    background-position: center center;
    padding: calc(100vw / 375 * 50) 0 calc(100vw / 375 * 10) 0;
}

.downLoad-logo {
    margin: 0 auto;
    width: calc(100vw / 375 * 250);
    height: calc(100vw / 375 * 280);
    /*background: url(../img/new/downLoad-bgTitle.png) no-repeat;*/
    background-size: 100% 100%;
    background-position: center center;
    /*margin-bottom: calc(100vw/375*25);*/
}

.downLoad-logo img {
    width: 70%;
    max-width: 70%;
}

.downLoad-tips {
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.downLoad-tips--icon {
    margin-bottom: calc(100vw / 375 * 15);
}

.downLoad-tips {
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.downLoad-tips > i {
    font-size: calc(100vw / 375 * 25);
}

.downLoad-box--listM {
    width: 100%;
}

.downLoad-box--list {
    width: 70%;
    margin-bottom: calc(100vw / 375 * 20);
    background: rgba(0, 0, 0, 0);
    border: 2px solid;
    border-radius: calc(100vw / 375 * 22);
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 25);
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    padding: calc(100vw / 375 * 10) 0;
}

.icon-qraddressIcon {
    font-size: calc(100vw / 375 * 25);
    margin-right: calc(100vw / 375 * 5);
    line-height: calc(100vw / 375 * 25);
}

.mb2 {
    margin-bottom: 2px;
}

.mb8 {
    margin-bottom: 8px;
}

.tips-business {
    padding: 1px 5px;
    border: 1px solid #000;
    border-radius: 7px;
    font-size: 10px;
    margin-right: 5px;
    line-height: 16px;
}

.item.item-sm.dls-e {
    font-size: calc(100vw / 375 * 12) !important;
    font-weight: normal;
    color: #FFFFFF;
    margin-bottom: 0 !important;
}

.tips-business.mr {
    color: #F3867D;
    border-color: #F3867D;
}

.item-icon {
    margin-right: 3px;
    font-size: 12px;
    color: #FFD06C;
}

.tips-business.xz {
    color: #7593E5;
    border-color: #7593E5;
}

.tips-business.jy {
    color: #FECE76;
    border-color: #FECE76;
}

.tips-business.rd {
    color: #fe1a31;
    border-color: #fe1a31;
}

.tips-business.ge {
    color: #a8feae;
    border-color: #a8feae;
}

.slide-content--co {
    background: #fff;
    padding: 10px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.slider-title .tips-s {
    font-size: 15px;
    font-weight: bold;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.item-sm--usergraph {
    position: relative;
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 20);
    /*background: #A5A5A5;*/
    background: linear-gradient(270deg, #6A635E, #2E2A32) !important;
    /*box-shadow: 0 calc(100vw/375*1) calc(100vw/375*7) 0 rgb(188 188 188 / 50%);*/
    border-radius: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 12);
}

.item-sm--usergraph--img {
    position: absolute;
    height: calc(100vw / 375 * 75);
    width: auto;
    right: calc(100vw / 375 * 10);
    top: 0;
    z-index: 0;
}

.slide-content--img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    overflow: hidden;
    height: 180px !important;
}

.usergraph-img--user {
    max-width: 100%;
    border-radius: 50%;
    border: 2px solid #FFE6BF;
}

.usergraph-name {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 17);
    line-height: calc(100vw / 375 * 17);
    font-weight: normal;
    color: #FFFFFF;
    margin-bottom: calc(100vw / 375 * 10);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.usergraph-img {
    position: relative;
    z-index: 1;
}

.usergraph-img {
    min-width: calc(100vw / 375 * 45);
    width: calc(100vw / 375 * 45);
    height: calc(100vw / 375 * 45);
    text-align: center;
    border-radius: 50%;
    margin-right: calc(100vw / 375 * 15);
}

.slide-content--img .full-image {
    height: 180px !important;
}

.popularity {
    font-size: 12px;
    color: #F4655E;
    border: 1px solid #F4655E;
    padding: 1px 4px;
    line-height: 1.5;
    border-radius: 7px;
    position: relative;
    min-width: 46px;
    text-align: right;
}

.popularity i {
    font-size: 20px;
    position: absolute;
    right: 25px;
    bottom: 1px;
}

.merchant-score {
    padding-bottom: 10px;
    border-bottom: 1px solid #F4F4F4;
    margin-bottom: 10px;
}

.forgotSelect-label {
    padding-right: 0 !important;
    border-bottom: none !important;
}

.evaluation--user-time {
    color: #949597;
    font-size: 10px;
}

.item-icon--user {
    margin-right: -3px;
    font-size: 12px;
    color: #FECE76;
}

.icon-bianji {
    font-size: 20px;
    height: 20px;
    /* text-align: center; */
    line-height: 19px;
}

.icon-iconzhuanqu_shanchu {
    font-size: 20px;
    height: 20px;
    /* text-align: center; */
    line-height: 19px;
}

.store-main {
    background: #383840;
    border-radius: 6px;
    overflow: hidden;
}

.store-header--eval {
    color: #949597;
    font-size: 10px;
}

.ver-bgImg {
    width: calc(100vw / 375 * 70);
    height: calc(100vw / 375 * 10);
    background-size: 100% 100% !important;
}

.regTab-s {
    background: #ffffff !important;
    color: #fff;
    padding-bottom: 0 !important;
}

.ver-title-s {
    margin: 0 calc(100vw / 375 * 8);
}

.ver-lineLeft {
    background: url(../img/dfk/line-left.png);
}

.ver-lineRight {
    background: url(../img/dfk/line-right.png);
}

.goPay-input.bankcard-dis {
    border-bottom: 1px solid rgba(231, 234, 244, 1) !important;
}

.bankcardAdd .goPay-s {
    margin-bottom: 15px;
}

.store-header--eval i {
    font-size: 16px;
}

.store-header--eval i.iconSelected {
    color: #F1AE79;
}

.merchantInfo-map {
    min-height: 195px;
    border: 0;
    position: relative;
    height: calc(100vh - 43px - 240px - 70px - 86px);
}

.merchantInfo-map-my {
    width: auto;
    height: calc(100vh - 43px - 240px - 70px - 86px);
}

.merchantInfo-big-map {
    min-height: 195px;
    border: 0;
    position: relative;
    height: calc(100vh - 138px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.merchantInfo-big-map.off {
    height: calc(100vh);
}

.merchantInfo-big-map-my {
    height: calc(100vh - 138px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.merchantInfo-big-map-my.off {
    height: calc(100vh);
}

.map-main {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /*background: #4D4D4D !important;*/
    background-image: linear-gradient(270deg, #6A635E, #2E2A32) !important;
    padding: 25px 15px 15px 15px;
    min-height: 53px;
    z-index: 9999;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: transform .5s ease;
    -webkit-transition: transform .5s ease;
    /*height: 163px;*/
}

.map-main.off {
    transform: translate3d(0, 100%, 0);
    -webkit-transform: translate3d(0, 100%, 0);
}

.map-main--left {
    width: 70%
}

.map-main--title {
    font-size: 15px;
    height: 15px;
    line-height: 15px;
    color: #000000;
    margin-bottom: 5px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.map-main--info {
    font-size: 12px;
    /*height: 36px;*/
    line-height: 18px;
    color: #000000;
    font-weight: 500;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 1;*/
    /*-webkit-box-orient: vertical;*/
    /*overflow-wrap: anywhere;*/
    /*word-break: break-all;*/
}

.map-icon--lu {
    font-size: 18px;
    height: 18px;
    line-height: 17px;
    top: -2px;
}

.map-btn {
    border-radius: 20px;
    background-image: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4) !important;
    padding: 8px 15px;
    /*font-size: 14px;*/
    /*line-height: 14px;*/
    font-weight: bold;
    color: #000000;
    min-width: 100px;
    position: unset;
    z-index: 3;
}

.prompt-code {
    position: relative;
    padding: 1rem;
}

.ngdialog.ngdialog-theme-default.prompt.merchant .ngdialog-content {
    max-width: 85% !important;
    width: 85% !important;
    /*background: #F1AE79;*/
    padding: calc(100vw / 375 * 15);
}

.prompt-conten {
    grid-template-columns: repeat(2, 50%);
    margin-top: 10px;
    background: #fff;
    overflow: hidden;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 55px;
    border-top-right-radius: 55px;
}

.prompt-conten-man {
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    background: #8E4104;
    padding-top: 1px;
}

.prompt-conten--title {
    font-size: 12px;
    color: #000;
    line-height: 1.2;
}

.amap-logo {
    display: none !important;
}

.amap-copyright {
    opacity: 0;
}

.margin-content--map {
    padding: 0;
}

.navigation-main {
    position: relative;
}

.map-btn--map {
    min-width: 100px;
    background: transparent !important;
    border-radius: 0px;
    padding: 8px 15px;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 14px;
}

.map-btn--map:first-child {
    padding-top: 15px !important;
}

.map-btn--map:last-child {
    padding-bottom: 15px !important;
}

.map-btnNav {
    background: linear-gradient(270deg, #D7AE8A, #EFC7A0, #EAD8C4) !important;
}

.map-box {
    border-radius: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden;
    position: absolute;
    bottom: 16px;
    padding-bottom: 0;
    background: linear-gradient(270deg, #1B1B1C, #353537, #1B1B1C) !important;
    z-index: 2;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    height: 0;
}

.map-box.on {
    height: 120px;
    padding-bottom: 16px;
    transition: all .2s ease-in-out;
}

.map-box.on.cancel {
    height: 150px;
    padding-bottom: 16px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.merchandisePay-input--content {
    color: #3a3a3a;
    font-size: 10px;
    font-weight: 400;
}

.popup-head {
    border-bottom: 1px solid #D1D1D1;
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 10);
}

.prompt-pay {
    background: #fff;
    padding: 10px;
    font-size: 14px;
}

.prompt-pay--btn {
    background: #F1AE79;
    border-radius: 6px;
    color: #fff;
    padding: 2px 50px;
}

.payment-title {
    margin-top: 90px;
    color: #fff;
    font-weight: bold;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 30px;
}

.payment-item {
    padding: 0 10px;
}

.payment-item--info:last-child {
    border-bottom: 1px solid transparent;
}

.payment-item--name-store {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.payment--btnB {
    background: #FBAD48;
    font-size: 16px;
    border-radius: 6px;
    overflow: hidden;
    color: #fff;
    padding: 10px 0;
    margin-top: 100px;
}

.location-fixed {
    position: fixed;
    bottom: 244px;
    background: red;
}

.location-city, .location-city i {
    color: #F1AE7A;
}

.dappListProperty {
    width: 100%;
    height: 80px;
    background-size: 100% 100%;
    position: absolute;
    background-color: rgba(248, 248, 248, 1);
    z-index: 0;
    /*background: #434CFF;*/
    border-radius: 0px 0px 0px 75px;
}

i.icon-sousuo {
    position: absolute;
    color: #999999;
    font-size: 20px;
    height: 20px;
    left: 8px;
    line-height: 20px;
}

i.icon-qy_new_icon {
    font-size: 32px;
    color: #999999;
}

.regTab-s.quickRegister-tab {
    background: none !important;
    margin-top: 30px;
    margin-bottom: 10px;
}

.quickRegister-tab .declaration-tab--op.reg.actived-op {
    color: rgb(156, 153, 203);
    font-size: 20px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.quickRegister-tab .declaration-tab--op.reg {
    font-size: 15px;
}

.notice-tab.quickRegister-tab .declaration-tab--op.actived-op .declaration-tab--line.reg {
    /*background: rgb(156, 153, 203);*/
}

.tab-x {
    width: 100%;
    overflow-x: scroll;
    padding-top: 12px;
    padding-left: 5px;
}

.evaluation-btn {
    position: absolute;
    top: -40px;
    background: #F1AE79;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    /*width: 60%;*/
    /*z-index: 1000;*/
    margin: 0 auto;
    padding: 6px 0;
    /*left: 50%;*/
    /*transform: translateY(40px);*/
    /*-webkit-transform: translateY(40px);*/
    /*-webkit-transition: 0.3s;*/
    /*transition: 0.3s;*/
    width: 40%;
}

.evaluation-input--span {
    width: 50px;
    font-size: 12px;
    color: #fff;
}

.evaluation-input--span.hf-span {
    color: #F1AE7A;
}

.htmlContent img {
    border: 0.5px solid #fff;
}

.payment-box {
    margin: 0 10px;
}

.payment-main--bxo {
    overflow: hidden;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);
    border-radius: 5px;
}

.payment-main--bxo:last-child {
    margin-bottom: 0;
}

.payment-price {
    font-size: 18px;
    /*color: #F1AE7A;*/
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    line-height: 46px;
    min-width: 85px;
    text-align: -webkit-right;
}

.payment-price-minus {
    color: rgba(68, 150, 234, 1) !important;
}

.payment-price-positive {
    color: #F1AE7A !important;
}

.payment-main--item {
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 10px;
}

.payment-main--item--main {
    padding-top: 20px;
}

.payment-user--store {
    position: absolute;
    top: 0px;
    font-size: 11px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.payment-user--store--change {
    color: #bb5454;
}

.payment-line {
    position: absolute;
    width: 95%;
    height: 1px;
    background: #4C4D52;
    bottom: 0px;
    /* margin: auto 0; */
    left: 2.5%;
}

.payment-main--item:last-child {
    margin-bottom: 0;
}

.payment-main--item:last-child .payment-line {
    background: transparent;
}

.payment-user--img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    overflow: hidden;
    border-radius: 4px;
    margin-right: 10px;
    box-shadow: 0px 0px 4px 0px #ddd;
}

.header-right {
    position: absolute;
    right: 6px;
    top: 4px;
    font-size: 10px;
    color: #FFF;
}

.header-right--icon {
    color: #FFF;
    font-size: 24px;
    /* margin-top: 2px; */
    line-height: .8;
}

.header-right--icon-click {
    color: #FFF;
    font-size: 26px;
    /* margin-top: 2px; */
    line-height: .8;
}

.payment-user--img img {
    width: 100%;
    height: 100%;
    border: 0;
}

.payment-user--infoTitle {
    font-size: 15px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    min-width: 125px;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.payment-user--infoContent {
    line-height: 12px;
}

.payment-user--infoTime {
    color: #DDD;
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
}

.payment-user--infoM {
    padding: 0.5px 5px;
    border: 0.5px solid #000;
    border-radius: 4px;
    font-size: 10px;
    margin-left: 5px;
    line-height: 12px;
    /* height: 15px; */
    display: inline-block;
}

.payment-user--infoM.sx {
    color: #F3867D;
    border-color: #F3867D;
}

.payment-user--infoM.dh {
    color: #FFD06B;
    border-color: #FFD06B;
}

.payment-user--infoM.sf {
    color: #6B6DFF;
    border-color: #6B6DFF;
}

.header-right--order {
    right: 55px;
}

.header-right--icon.order-icon {
    line-height: 0.8;
    font-size: 23px;
    margin-top: .7px;
}

.content-padding {
    padding: 20px;
}

.request-list--outer:last-child {
    margin-bottom: 0;
}

.request-list--outer {
    padding: calc(100vw / 375 * 3);
    background: linear-gradient(270deg, #6A635E, #2E2A32);
    border-radius: calc(100vw / 375 * 5);
    position: relative;
    overflow: hidden;
    margin-bottom: calc(100vw / 375 * 10);
}

.request-list {
    background: transparent;
    /*box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%);*/
    border-radius: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 15);
    overflow: hidden;
    /*margin-bottom: calc(100vw / 375 * 10);*/
    border: 1px solid #EAC97F;
    position: relative;
    z-index: 1;
}

.request-list:last-child {
    margin-bottom: 0;
}

.request-list.nodata {
    font-size: 13px;
    font-weight: 500;
    color: #636363;
}

.request-list--title {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 35);
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: calc(100vw / 375 * 15);
    border-bottom: 1px solid #999999;
    position: relative;
}

.request-line {
    display: inline-block;
    width: calc(100vw / 375 * 5);
    height: calc(100vw / 375 * 20);
    left: calc(-1 * (100vw / 375 * 18));
    top: 0;
    background: #FFE6BF;
    border-radius: calc(100vw / 375 * 10);
}

.request-content--itemTitle {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    font-weight: 500;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.request-content--itemTitle.high-light {
    color: #FFFFFF;
}

.request-content {
    margin-top: calc(100vw / 375 * 10);
}

.requset-btn {
    background: #fff;
    border-radius: calc(100vw / 375 * 6);
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 13) !important;
    font-size: calc(100vw / 375 * 13);
    font-weight: bold;
    color: #1B1B1C !important;
    height: calc(100vw / 375 * 35) !important;
    min-height: calc(100vw / 375 * 35) !important;
    margin: 0 !important;
}

.requset-btn.wcl {
    background: #ED893F;
}

.requset-btn.jjz {
    background: #43d55e;
}

.requset-btn.dqr {
    background: #43a3d5;
}

.requset-btn.gq {
    background: #8e64d9;
}

.requset-btn.gb {
    background: #808a8f;
}

.requestNewHeader {
    display: inline-block;
    color: #9C99CB !important;
    font-size: calc(100vw / 375 * 16) !important;
    border-color: transparent;
    background: none;
    box-shadow: none;
}

.requestNewHeader.activated {
    background-color: transparent !important;
}

.iconfontColor-requset {
    color: #FFE6BF;
    margin-right: calc(100vw / 375 * 5);
}

.requsetBottom {
    bottom: calc(100vw / 375 * 80);
}

.bg-color.prop-bd {
    background: #f6f6f6;
}

.request-btn--fiexdBox {
    position: fixed;
    bottom: calc(100vw / 375 * 4);
    width: calc(100vw / 375 * 335);
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, -50%);
}

.question-boxMain {
    width: 100%;
    padding: 0 calc(100vw / 375 * 20);
}

.request-btn--fiexd {
    flex: 1;
    border: 0;
    box-sizing: border-box;
    width: 100%;
    min-height: 40px;
    line-height: 40px;
    height: auto;
    box-shadow: none;
    background: #434CFF;
    border-radius: 5px;
    opacity: 0.9;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
}

.chooseBtc-box {
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 20);
    background: #fff;
    /*border-radius: 5px;*/
    overflow: hidden;
    z-index: 10;
}

.chooseBtc-boxMarginTop {
    margin-top: calc(100vw / 375 * 20);
}

.chooseBtc-box--title {
    padding-left: calc(100vw / 375 * 10);
    /*font-size: 16px;*/
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    font-weight: bold;
    color: #3a3a3a;
}

.chooseBtc-box--titleLine {
    width: calc(100vw / 375 * 3);
    height: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    /*margin-right: 10px ;*/
    background: rgba(101, 103, 197, 1);
    border-radius: calc(100vw / 375 * 6);
}

.chooseBtc-box--titleContent {
    margin-left: calc(100vw / 375 * 10);
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.chooseBtc-box--content {
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 0);
}

.chooseBtc-box--contentAList {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgb(188 188 188 / 50%);
    border-radius: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 8);
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 12);
    width: 100%;
    border: 1px solid transparent;
}

.chooseBtc-box--contentAList-ss {
    flex: 1;
}

.flashExchange-ngdialog.ngdialog.ngdialog-theme-default .ngdialog-content {
    box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgb(188 188 188 / 50%);
    border-radius: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 20);
    padding: calc(100vw / 375 * 15);
}

.dengji {
    font-size: 15px;
    font-weight: 500;
    color: #252525;
}

.edu {
    font-size: 12px;
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
}

.edu-price {
    min-width: 70px;
    display: inline-block;
    text-align: right;
    font-size: 15px;
    font-weight: 500;
    color: #252525;
}

.item-gap--line {
    padding-top: 1px;
    padding-bottom: 1px;
    min-height: 10px;
    background-color: #f6f6f6;
    color: #222;
    border: none;
    box-shadow: none !important;
}

.tabMenu {
    margin: calc(100vw / 375 * 15) calc(100vw / 375 * 15);
}

.tabMenu-slide {
    margin: calc(100vw / 375 * 10);
}

.chooseBtc-box--contentList {
    background: rgba(255, 255, 255, 1);
    border: 1px solid transparent;
    box-shadow: 0 calc(100vw / 375 * 1) calc(100vw / 375 * 7) 0 rgb(188 188 188 / 50%);
    border-radius: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 12) 0;
    margin-right: calc(100vw / 375 * 15);
}

.chooseBtc-box--contentList.slide {
    margin: calc(100vw / 375 * 5) !important;
}

.chooseBtc-box--contentList.no-slide {
    width: 100%;
}

.chooseBtc-box--contentList:last-child {
    margin-right: 0;
}

.boms-withdraw {
    grid-template-columns: repeat(auto-fill, 145px);
    grid-row-gap: 10px;
    grid-column-gap: 10px;
}

.boms-withdraw .chooseBtc-box--contentList.chooseSelected .chooseBtc-amout {
    font-size: calc(100vw / 375 * 12);
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
}

.bankcard-btns-kd {
    margin-top: calc(100vw / 375 * 15);
}

.chooseBtc-box--contentList.withdraw-list {
    margin-right: 0;
}

.chooseBtc-box--contentList.chooseSelected {
    border: calc(100vw / 375 * 1) solid #D8AF8B;
}

.card-bag--mo {
    /*margin: 0 20px;*/
}

.chooseBtc-box--contentList.chooseSelected .chooseBtc-title {
    color: rgba(37, 37, 37, 1);
}

.rollin-icon {
    font-size: calc(100vw / 375 * 35);
}

.chooseBtc-title {
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
    /*margin-top: calc(100vw/375*5);*/
    /*margin-left: 0;*/
}

.chooseBtc-box--contentList.chooseSelected .chooseBtc-amout {
    color: rgba(251, 81, 53, 1);
}

.header-y--balance {
    color: #FFE6BF;
    font-size: calc(100vw / 375 * 10) !important;
}

.trade-succeed {
    position: absolute;
    right: 20px !important;
    font-size: 14px !important;
    /*padding-right: 12px !important;*/
}

.trade-succeed.left {
    left: 20px !important;
    right: auto !important;
    /*padding-right: 12px !important;*/
}

.tips-theme-top {
    font-weight: 400;
    color: #FFFFFF !important;
    text-align: left;
    background-image: linear-gradient(90deg, #1B1B1C, #A8896E 80%, #1B1B1C) !important;
    border-radius: calc(100vw / 375 * 2);
    padding: calc(100vw / 375 * 7) calc(100vw / 375 * 10);
    margin-bottom: calc(100vw / 375 * 15);
    height: auto !important;
    font-size: calc(100vw / 375 * 10) !important;
    line-height: calc(100vw / 375 * 15);
}

.tips-theme {
    font-weight: 400;
    color: #A98A6F !important;
    text-align: left;
    background-image: linear-gradient(270deg, #333333, #373739, #333333) !important;
    border-radius: calc(100vw / 375 * 2);
    padding: calc(100vw / 375 * 7) calc(100vw / 375 * 10);
    margin-bottom: calc(100vw / 375 * 15);
    height: auto !important;
    font-size: calc(100vw / 375 * 10) !important;
    line-height: calc(100vw / 375 * 15);
}

.tips-theme-bottom {
    font-weight: 400;
    color: #A98A6F !important;
    text-align: left;
    background: #4D4D4D;
    border-radius: calc(100vw / 375 * 2);
    padding: calc(100vw / 375 * 7) calc(100vw / 375 * 10);
    margin-bottom: calc(100vw / 375 * 15);
    height: auto !important;
    font-size: calc(100vw / 375 * 10) !important;
    line-height: calc(100vw / 375 * 15);
}

.tips-theme-dapp {
    font-weight: 400;
    color: #A98A6F !important;
    text-align: left;
    background: rgba(231, 234, 244, 1);
    border-radius: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 7) calc(100vw / 375 * 10);
    margin-top: calc(100vw / 375 * 15);
    height: auto !important;
    font-size: calc(100vw / 375 * 10) !important;
    line-height: calc(100vw / 375 * 15);
}

/*.tips-theme-dapp.ui-theme,*/
/*.tips-theme.ui-theme {*/
/*color: #FF3837;*/
/*background: #FFF5F6;*/
/*}*/

/*.tips-theme-dapp.ui-theme-top,*/
/*.tips-theme.ui-theme-top {*/
/*color: orangered;*/
/*background: #FFF5F6;*/
/*}*/

.auc-r-tiem-con {
    color: #fff;
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    font-style: italic;
    /*margin-top: calc(100vw / 375 * 5);*/
}

.item-download {
    border-width: 0px;
    padding: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
    background: #FFFFFF;
    font-size: calc(100vw / 375 * 16);
    width: calc(100vw / 375 * 140);
    height: calc(100vw / 375 * 140);
}

.item-download-pc {
    border-width: 0px;
    padding: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 5);
    background: #FFFFFF;
    font-size: calc(100vw / 375 * 16);
    /*width: calc(100vw / 375 * 120);*/
    /*height: calc(100vw / 375 * 120);*/
}

.update-bg .qrcode {
    /*border-radius: calc(100vw / 375 * 4);*/
    height: calc(100vw / 375 * 120);
    width: calc(100vw / 375 * 120);
}

.more-hide-arrow-download {
    right: calc(100vw / 375 * 15);
    top: calc(100vw / 375 * 7);
    position: absolute;
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-right: calc(100vw / 375 * 7);
    font-size: 0;
    line-height: 0;
    border-width: calc(100vw / 375 * 7);
    border-color: transparent transparent #FFF transparent;
    border-style: dashed dashed solid dashed;
    z-index: 9999;
}

.more-hide-download {
    position: absolute;
    border-radius: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 10);
    right: calc(100vw / 375 * 5);
    top: calc(100vw / 375 * 20);
    background-color: #FFF;
    width: calc(100vw / 375 * 170);
    border: none;
    z-index: 9999;
}

.more-hide-content {
    text-align: center;
    font-weight: 500;
}

.downLoad-box--list.tips {
    margin-bottom: calc(100vw / 375 * 5) !important;
}

.downLoad-box--tips {
    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-size: calc(100vw / 375 * 18);
    font-weight: 700;
    margin-bottom: calc(100vw / 375 * 10)
}

.edui-faked-video.video-js {
    width: 100% !important;
    height: 100% !important;
}

/*.radioBox-input{*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    background-color: #ffffff;*/
/*    margin-right: 8px;*/
/*}*/
/*.scroll-refresher{*/
/*    position: sticky;*/
/*}*/
/*.scroll-refresher.invisible{*/
/*    position: absolute;*/
/*}*/