@font-face {
    font-family: 'ENGRGOTN';
    src: url('../fonts/ENGRGOTN.eot');
    src: url('../fonts/ENGRGOTN.eot#iefix') format('embedded-opentype'),
    url('../fonts/ENGRGOTN.woff') format('woff'),
    url('../fonts/ENGRGOTN.ttf') format('truetype'),
    url('../fonts/ENGRGOTN.svg#ENGRGOTN') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue.eot');
    src: url('../fonts/HelveticaNeue.eot#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue.woff') format('woff'),
    url('../fonts/HelveticaNeue.ttf') format('truetype'),
    url('../fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PingHei-Bold';
    src: url('../fonts/Ping-Hei-Bold.eot');
    src: url('../fonts/Ping-Hei-Bold.woff2') format('woff2'),
    url('../fonts/Ping-Hei-Bold.woff') format('woff'),
    url('../fonts/Ping-Hei-Bold.ttf') format('truetype'),
    url('../fonts/Ping-Hei-Bold.svg#Ping-Hei-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PingHei-Semibold';
    src: url('../fonts/Ping-Hei-Semibold.eot');
    src: url('../fonts/Ping-Hei-Semibold.eot#iefix') format('embedded-opentype'),
    url('../fonts/Ping-Hei-Semibold.woff') format('woff'),
    url('../fonts/Ping-Hei-Semibold.ttf') format('truetype'),
    url('../fonts/Ping-Hei-Semibold.svg#Ping-Hei-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PingHei-Text';
    src: url('../fonts/Ping-Hei-Text.eot');
    src: url('../fonts/Ping-Hei-Text.eot#iefix') format('embedded-opentype'),
    url('../fonts/Ping-Hei-Text.woff') format('woff'),
    url('../fonts/Ping-Hei-Text.ttf') format('truetype'),
    url('../fonts/Ping-Hei-Text.svg#Ping-Hei-Text') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    -webkit-appearance: none;
    font-family: 'PingHei-Text', sans-serif !important;
}

.purple {
    color: #7e57c2;
}

body {
    font-family: Helvetica;
    /*background-color:rgba(11,58,84,1);*/
    background-color: #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%);
    color: #fff;
}

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

.bar.bar-balanced {
    border-color: #27ae60 !important;
    background-color: #27ae60;
    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-color: #12161B;
}

.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: #B2B3B4;
    transform: rotate(-180deg);
}

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

.state-01 {
    color: #fd7d00 !important;
}

.state-02 {
    color: #27c24c !important;
}

.state-03 {
    color: #ff3728 !important;
}

.state-04 {
    color: #0461A6 !important;
}

.graph-list-label {
    padding-top: 0px;
    color: #fff;
    font-size: 16px;
}

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

.graph-list-amount {
    position: absolute;
    top: 12px;
    right: 10px;
    font-size: 14px;
    color: #009554;
}

.user-page {
    color: #fff;
    font-size: 12px;
    margin: 0 12.5px;
}

.button.button-dblue.button-small {
    background: linear-gradient(45deg, rgba(0, 255, 255, 1), rgba(0, 255, 255, 1));
    border-radius: 4px;
    opacity: 1;
    font-size: 12px;
    min-height: 25px;
    line-height: 25px;
    padding: 0 12.5px;
}

.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: calc(100vw / 375 * 35);
    font-size: calc(100vw / 375 * 13);
    color: rgba(180, 180, 181, 1);
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
}

.box-sd--item-so {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 25);
    height: calc(100vw / 375 * 25);
    font-family: PingHei-Tex, sans-serif;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.item-icon--ss {
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    color: #B2B3B4;
    transform: rotate(-180deg);
}

.box-sd--item {
    /*min-height: 72px;*/
    /*background: #313843;*/
    border-radius: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    margin-bottom: calc(100vw / 375 * 10);
    background-image: linear-gradient(160deg, #2C2F48, #1A1C2A);
}

.box-sd--item:last-child {
    margin-bottom: 0;
}

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

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

.box-sd--cont {
    padding: 22.5px 0px;
    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: 15px;
    max-width: 100%;
}

qrcode {
    background: white;
}

.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: #fff;
    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;
}

.list.yt {
    margin: 0 15px;
}

.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: #8DA0C8;
    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: 16px;
    font-weight: bold;
}

.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: #f5f5f5;
    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;
}

.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: #313843;
    background-color: #313843;
    color: #fff;
    position: relative;
    z-index: 2;
    display: block;
    margin: -1px;
    padding: 10px;
    border-width: 0.5px;
    border-style: solid;
    font-size: 13px;
}

.item.item-sm.yous {
    background: #1A1F29;
    border-radius: 5px;
    /*margin: 0 15px;*/
    font-size: 14px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
    border-color: transparent;
}

.order-header--content-d {
    width: 100%;
}

.new-content-btn {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
}

.btn-box {
    margin-top: 15px;
    margin-bottom: 5px;
}

.btn-small {
    border-radius: 5px;
    border: 1px solid #00ffff;
    padding: 2px 6px;
    font-size: 13px;
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
    min-width: 60px;
}

.btn-tips {
    font-size: 14px;
    color: #00ffff
}

.btn-box--sk {
    margin: 0 20px;
}

.btn-box--dk {
    display: inline-block;
    padding: 10px;
    border: 3px solid #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: #fff;
    margin-bottom: 2.5px;
}

.order-list-iconFont {
    font-size: 23px;
}

.order-list-iconFont.sj-p {
    transform: rotate(180deg);
}

.youtian-list {
    background: #1A1F29;
    border-radius: 5px;
    padding: 9px 15px 9px;
    /*margin: 0 15px;*/
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
}

.valuationMethods-box {
    margin-top: 15px;
}

.valuationMethods-list {
    padding: 10px 0;
    border-top: 1px solid #313843;
    font-size: 18px;
    font-weight: 300;
    color: rgba(180, 180, 181, 1);
    text-transform: uppercase;
    min-height: 44px;
}

.valuationMethods-list:last-child {
    border-bottom: 1px solid #313843;
}

.valuationMethods-icon {
    font-size: 20px;
    color: #00ffff;
}

.youtian-list:last-child {
    margin-top: calc(100vw / 375 * 10);
}

.item-title-ks {
    font-size: calc(100vw / 375 * 18);
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
}

.item-title-ts {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.item-title-time {
    margin-top: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
}

.item-title-cont {
    font-size: calc(100vw / 375 * 12);
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.item-title-conted {
    margin-top: calc(100vw / 375 * 5);;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.youtian-state {
    border-radius: 50%;
    display: inline-block;
    width: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    background: #8DC21F;
    margin-right: calc(100vw / 375 * 5);
}

.item-title-conted.err {
    color: #E50012;
}

.youtian-state.err-item {
    background: #E50012;
}

.youtian-state.voting-item {
    background: #EF9703;
}

.youtian-list--item {
    grid-template-columns: 24% 50% 26%;
}

.login-icon--btn {
    transform: rotate(-90deg);
}

.icon-sps {
    position: absolute;
    right: 10px;
    top: 13px;
    font-size: 15px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
    text-transform: uppercase;
}

.choose-item {
    color: #fff;
    padding-left: 10px;
    padding-right: 30px;
    padding-top: 0;
    width: 100%;
    background: #1A1F29;
    border: 1px solid #232932;
    height: 45px;
}

.choose-box-id {
    border-radius: 3px;
    overflow: hidden;
}

.choose-item:first-child {
    border-bottom: 1px solid transparent;
}

.input-tips--chooes {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #232932;
    background: transparent;
    border-radius: 3px;
}

.input-tips--chooes.selected {
    border: 1px solid #00ffff;
    background: #00ffff;
}

.field-buy-err {
    padding: 10px 0;
    border-bottom: 1px solid #232932;
}

.field-buy-span {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #8DC21F;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: -3px;
}

.icon-err-d {
    color: #fff;
    font-size: 10px;
}

.sign-header {
    position: relative;
    background: #1A1F29;
    border-radius: 5px;
    height: 110px;
    margin: 130px 13px 0 13px;
}

.field-buy-span.err {
    background: #E50012;
}

.sign-img {
    position: absolute;
    top: -85px;
}

.sign-img-img {
    width: 60%;
}

.sign-tips {
    font-size: 12.5px;
    font-weight: normal;
    color: rgba(0, 255, 255, 1);
    position: absolute;
    top: 75px;
}

.sign-time {
    margin-top: 8px;
    font-size: 12.5px;
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
}

.sign-content--idms {
    font-size: 18.5px;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
}

.sign-content {
    margin: 44px 13px 0 13px;
    background: #1A1F29;
    border-radius: 5px;
    padding: 14px 19px 20px 19px;
    min-height: 260px;
}

.sign-next-infoTime {
    margin-top: 5px;
    font-size: 10px;
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
}

.sign-info {
    margin: 10px 13px 0 13px;
    font-size: 10px;
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
}

.sign-content--headerBtn {
    font-size: 12.5px;
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #00ffff;
}

.field-buy-errTips {
    font-size: 12.5px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.input-tips {
    font-size: 12.5px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.input-tips.disabled {
    color: rgba(180, 180, 181, .6);
}

.youtian-listPosition {
    position: absolute;
    left: 50%;
    /* top: 50%; */
    transform: translate(-50%, 30%);
    background: #EFB910;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 50%;
    line-height: 24px;
    font-size: 40px;
    color: #fff;
}

.sls-span {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.so-size {
    font-size: 25px;
}

.item-info {
    margin-top: 13px;
}

.item-info--content {
    border-top: 1px solid #373B43;
    border-bottom: 1px solid #373B43;
    margin-bottom: 10px;
}

.item-info--ps {
    font-size: 13px;
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
    line-height: 1.3;
    margin-bottom: 6px;
}

.item-info--ps:last-child {
    margin-bottom: 0;
}

.item-info--tips {
    padding: 7px 12px;
    font-size: 13px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
    background: #009844;
    border-radius: 30px;
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: center;
    line-height: 1.3;
}

.item-info--tips.error-stop {
    background: #E50012;
}

.item-info--content {
    padding: 13px 0;
}

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

.so-item {
    font-size: 13px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
    margin-left: 10px;
    line-height: 30px;
}

.goto-click {
    color: #00ffff;
}

.youtian-list--img {
    background: #fff;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    border: 3px solid #00ffff;
}

.youtian-list--img img {
    width: 60px;
    max-width: 60px;
    object-fit: cover;
}

.header-tips--kdm {
    color: #00ffff;
}

.youtian-list--img img.lsi-img {
    /*width: 43px;*/
}

.youtian-list--btn {
}

.youtian-item {
    grid-template-columns: repeat(2, 50%);
}

.youtian-list--content {
    padding: 20px 0 0 10px;
}

.you-msk {
    width: 100%;
    flex: 1;
}

.youtian-item--btn-group {
    z-index: 1000;
}

.youtian-item--btn {
    border-radius: calc(100vw / 375 * 5);
    border: 1px solid #00ffff;
    padding: calc(100vw / 375 * 2) calc(100vw / 375 * 6);
    font-size: calc(100vw / 375 * 13);
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
    min-width: calc(100vw / 375 * 75);
    margin-bottom: calc(100vw / 375 * 5);
}

.youtian-item--btn:last-child {
    margin-bottom: 0;
}

.item-info-y {
    margin-top: calc(100vw / 375 * -15);
    margin-bottom: calc(100vw / 375 * 15);
}

.t-yx-content {
    position: absolute;
}

.circleChart > p {
    display: none !important;
}

.t-yx-head {
    font-size: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
}

.t-yx-head.first {
    margin-bottom: calc(100vw / 375 * 3);
}

.sign-icon {
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    background: #8DC21F;
    border-radius: 50%;
    position: absolute;
    top: calc(100vw / 375 * 45);
    right: calc(100vw / 375 * -10);
    color: #fff;
}

.sign-icon-x {
    background: #ffffff;
    border: black 1px;
    border-radius: 50%;
    width: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    position: absolute;
    right: calc(100vw / 375 * 3);
    top: calc(100vw / 375 * 84);
}

.sign-icon--sk {
    font-size: calc(100vw / 375 * 25);
}

.t-ys-big {
    margin-top: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
}

.t-ys-big-l {
    font-size: calc(100vw / 375 * 37);
    margin-top: calc(100vw / 375 * 10);
}

.item-bottom {
    grid-template-columns: repeat(2, 50%);
}

.t-yx {
    width: calc(100vw / 375 * 180);
    height: calc(100vw / 375 * 180);
    position: relative;
}

.item-bottom--list:first-child {
    border-right: 1px solid rgb(85, 85, 90);
}

.item-bottom--list.last {
    padding-top: calc(100vw / 375 * 10);
}

.item-bottom-pirce {
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
}

.item-bottom-tpis {
    margin-top: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.tips-in {
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: rgba(255, 255, 255, 1);
}

.tips-in.bh-item {
    font-size: 13px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(239, 185, 16, 1);
    margin-top: 6px;
    -webkit-line-clamp: 2;
}

.oilman-span--tips {
    background: #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 10px;
}

.oilman-span--tips:last-child {
    margin-right: 0;
}

.oilman-span--tips.startIng {
    background: #F2C31D;
}

.oilman-span--tips.successful {
    background: #009844;
}

.oilman-span--tips.error-item {
    background: #E50012;
}

.btns-yt {
    font-size: 16px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
    /*padding: 15px 20px;*/
    border-radius: 8px;
    border: 1px solid #7B7C80;
    /*max-width: 69px;*/
    min-height: 52px;
    flex: 1;
}

.btns-yt-done {
    color: rgba(255, 255, 255, .6);
}

.item.item-sm.dls-e {
    font-size: 12px;
    font-weight: normal;
    color: rgba(131, 154, 197, 1);
}

.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;
    line-height: 10px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-27 {
    font-size: calc(100vw / 375 * 27) !important;
    line-height: calc(100vw / 375 * 27) !important;
}

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

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

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

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

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

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

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

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

.weui_icon_area .spinner svg {
    width: 100px;
    height: 100px;
}

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

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

.warningBox img {
    margin-right: 10px;
    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) !important;
    border: 2px solid rgba(53, 116, 250, 0.36);
}

.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: rgba(54, 53, 54, 0.9);
    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: #ffffff;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    color: #666;
}

.toggle ul li.active {
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0px 4px 8px 0px rgba(53, 116, 250, 0.18) !important;
    border: 2px solid #00ffff;
}

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

.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: 60px !important;
    height: 60px;
    position: absolute;
    margin-top: -26px;
    margin-left: -30px;
    left: 50%;
    top: 50%;
    border-radius: 10%;
    border: 4px solid #fff;
}

.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: 17px !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;
    /*padding-top: 3px !important;*/
    right: calc(100vw / 375 * 20) !important;
    font-size: calc(100vw / 375 * 15) !important;
    line-height: calc(100vw / 375 * 40) !important;
    height: calc(100vw / 375 * 40) !important;
    color: #a5a5a5;
}

.ionview_login {
    /* background: url(../img/timg.jpg);
     background-attachment: fixed;
     background-position: right center;
     background-position: right;
     background-size: 100%;
     overflow: hidden;
     background: url(../img/timgZ.jpg) no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     background-position: -620px 0;*/
}

.ionview_binding,
.ionview_payment,
.ionview_verify,
.ionview_register,
.ionview_fogot,
.ionview_payment,
.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 {
    overflow: hidden;
    margin: 10px 11px 0px 11px;
    border-radius: 5px;
    background-color: #fff;
}

.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: #fff;
    height: 30px;
    line-height: 30px;
}

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

.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-f {
    position: fixed !important;
}

.displayFlse {
    display: flex;
}

.uppercase {
    text-transform: uppercase;
}

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

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

.ellipsis-oneLine {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.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(4, 153, 146, 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);
        -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 #666;
    opacity: .8;
    position: relative;
    margin-bottom: 20px;
}

.input_border .icon_calss {
    color: #fff !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: 0;
    left: 4px;
    height: 100%;
    font-size: 32px;
}

.btn-login {
    width: 100%;
    flex: 1;
}

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: #FEFEFE;
}

input.NO_bgcolor_input {
    width: 100%;
    padding-left: 10px;
    padding-right: 20px;
    color: #fff;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    background: rgba(68, 87, 123, 1);
    border: 1px solid rgba(68, 87, 123, 1);
    opacity: 0.9;
    /* border-radius: 3px; */
    /* -webkit-box-shadow: 0 0 0 1000px #857B4E inset; */
    -webkit-appearance: none;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.posi_top {
    /*top: 10px !important;*/
    right: calc(100vw / 375 * 10) !important;
}

.posi_top.fideld {
    /*top: 10px !important;*/
    right: calc(100vw / 375 * 10) !important;
}

.posi_top.fideld.nes {
    /*top: 10px !important;*/
    right: calc(100vw / 375 * 50) !important;
}

.posi_top_login {
    right: calc(100vw / 375 * 90) !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: 25px;
    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: 10px;
    height: 30px;
    padding: 0 25px;
}

.forget_login .login_button {
    width: 100%;
    padding: 6px 0;
    color: #E6E6E6;
    /* border: 1px solid #E6E6E6; */
    background: rgba(0, 149, 84, 1);
    opacity: 0.9;
    border-radius: 3px;
    margin: 0 0 20px 0;
}

.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;
    padding: 5px 0 !important;
    height: 120px !important;
    border-radius: 6px;
    overflow: hidden;
}

.CarouselA .slider-slides {
    height: 110px !important;
}

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

.CarouselA img {
    border-radius: 6px !important;
    width: 100% !important;
    height: 100% !important;
    /*height: auto;*/
}

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

.CarouselB .slider-slides {
    height: 110px !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;
    /*height: auto;*/
}

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

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

/* 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;
}

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

.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: rgb(18, 22, 27) !important;
    background-color: rgb(18, 22, 27) !important;
    background-image: linear-gradient(0deg, rgb(18, 22, 27), rgb(18, 22, 27) 50%, transparent 50%);
    color: #fff;
}

.title1 {
    color: #fff !important;
}

.click_ajk.youtian-link {
    font-size: 20px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
    position: relative;
    width: 23%;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.bar button.icon:before {
    font-size: 30px;
    /*top: 5px;*/
    position: relative;
}

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

.icon-svg {
    width: 20px;
    height: 20px;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    margin-right: 5px;
}

.dapp-coinName--title {
    margin-left: .5rem;
}

.icon-svg-item {
    width: 53px;
    height: 53px;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.icon-svg-item.big-svg {
    width: 70px;
    height: 70px;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.svg-borderRadius--main {
    position: relative;
}

.svg-borderRadius {
    position: absolute;
    top: -2px;
    left: -5px;
    width: 62px;
    height: 62px;
    border: 4px solid rgba(0, 255, 255, 1);
    border-radius: 50%;
}

.icon-svg-item.dapp-svg {
    width: 40px;
    height: 40px;
    fill: currentColor;
    overflow: hidden;
}

.icon-svg-item.recharge-svg {
    width: 70px;
    height: 70px;
    margin-top: -6px;
    margin-left: -9px;
}

.icon-svg-item.dialog-svg {
    width: 32px;
    height: 32px;
    fill: currentColor;
    overflow: hidden;
    margin-left: -3px;
}

.icon-svg-item--kline {
    width: 40px;
    height: 40px;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.swiper-container-home {
    height: 120px !important;
    overflow: hidden;
    border-radius: 6px;
}

.swiper-slide-home {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* 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;
}

.swiper-slide--img {
    height: 120px;
}

.swiper-pagination-bullet {
    /*border-radius: 0 !important;*/
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.price-kline {
    color: #f35833;
    margin-left: 65px;
}

.item-kline--box {
    box-sizing: border-box;
    background: #1A1F29;
    padding: 14px 0 12px 15px;
    color: #0f0f10;
    margin: 10px 13px 15px 13px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
}

.kline-label {
    color: #fff;
    margin-left: 5px;
    margin-top: 1px;
    line-height: 1.42857;
}

.price-kline-jia_ge_zhang {
    background-color: #f35833;
    color: #fff;
    border-radius: 4px;
    padding: 5px 14px 4px 14px;
    transform: scale(.85);
    font-size: 20px;
}

.icon-svg2 {
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    vertical-align: -.2em;
    fill: currentColor;
    overflow: hidden;
}

.icon-svg3 {
    width: calc(100vw / 375 * 38);
    height: calc(100vw / 375 * 38);
    fill: currentColor;
    overflow: hidden;
}

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

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

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

.input-del-binding,
.input-del-forgot,
.input-del-verify,
.input-del-login {
    position: absolute;
    /*padding-top: 3px;*/
    right: calc(100vw / 375 * 20);
    font-size: calc(100vw / 375 * 15);
    color: #fff;
    height: calc(100vw / 375 * 40);
    line-height: calc(100vw / 375 * 40);
}

.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: #00ffff;
}

.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: 10px;
    background: #fff;
    height: 40px;
    white-space: nowrap;
}

.declaration-tab--op {
    width: 49.4%;
    text-align: center;
    display: inline-block;
    padding: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
}

.declaration-tab--op.reg.actived-op {
    color: #F6D02E;
    border-bottom: 2px solid #F6D02E;
}

.declaration-tab--op.bto {
    color: #9E9E9F;
    border-bottom: 2px solid transparent;
}

.declaration-tab--op.bto.actived-op {
    color: #F6D02E;
    border-bottom: 2px solid #F6D02E;
}

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

.scroll-refresher .ionic-refresher-content {
    color: #fff;
}

.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;
    z-index: 1;
}

.tansaction-box--tabLi-r {
    padding: 4.5px 17px;
    font-size: 14px;
    color: #fff;
    z-index: 10000;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    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:linear-gradient(to right, #00cccc, #00ffff) !important;*/
    /* width: 100%; */
    background: url(../img/zdsy/wallet-list--bg.png);
    background-size: 100% 100%;
    /* box-sizing: border-box; */
    border: 0;
    /* color: #fff; */
    min-height: 200px;
    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: 50px;
    height: 50px;
    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: 25px;
    height: 25px;
    margin-right: 8px;
}

.card-icon--box.box-svg {
    width: auto !important;
    height: auto !important;
}

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

.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 {
    height: 60px;
    box-sizing: border-box;
    background-color: #EEEEEF;
    border-radius: 5px;
    padding: 13px 17px;
    flex: 1;
}

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

.dapp-card--list---coinName {
    align-items: center;
}

.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: 14px;
}

.dapp-coinBlance-price {
    margin-top: 5px;
    font-size: 15px;
    color: #2AA9FF;
}

.dapp-coinList {
    font-size: 10px;
    color: #CCCCCC;
    grid-template-columns: 40% 60%;
}

.dapp-coinList-price {
    font-size: 10px;
    color: #CCCCCC;
    grid-template-columns: 40% 60%;
}

.card-detail--outer {
    padding: calc(100vw / 375 * 10);
}

.card-detail {
    flex: 1;
    box-sizing: border-box;
    border: 0;
    border-radius: 5px;
    background: #1A1F29;
    position: relative;
    min-height: 200px;
    overflow: hidden;
    /*margin: 10px 13px 15px 13px;*/
    /*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: 15px;
    margin-bottom: 20px;
    padding: 0 15px;
}

.detail-blance {
    color: #4C9AE3;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: right;
}

.detail-price {
    color: #E3E3E3;
    font-size: 12px;
}

.detail-price--j {
    margin-left: 5px;
}

.coioName {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}

.detail-card--name {
    width: 100%;
    border: 0;
    box-sizing: border-box;
    color: rgba(131, 154, 197, 1);
}

.blance-hide {
    font-size: 12px;
}

.blance-hide-s {
    margin-left: 5px;
    font-size: 12px;
}

.hide-icon {
    margin-top: 3px;
}

.detail-info {
    color: #839AC5;
    width: 100%;
    /*border:0.5px solid #EFEEEE;*/
    padding: 15px;
    font-size: 12px;
}

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

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

.detail-deal {
    /*width: 100%;*/
    /*padding: 22px 10px 15px 10px;*/
    /*margin-bottom: 15px;*/
    background: rgba(53, 71, 106, 1);
    margin: 0 13px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
}

.detail-title-s {
    color: #fff;
}

.detail-deal-list {
    background: transparent;
    /*padding: 22px 10px 15px 10px;*/
    /*margin-bottom: 15px;*/
    /*margin-top: 25px !important;*/
    padding: 10px 13px;
    /*border-radius: 5px;*/
    overflow: hidden;
}

.card-echarts--title {
    color: rgba(247, 247, 247, 1);
    background: transparent;
    padding: calc(100vw / 375 * 15);
}

.detail-deal-header-tips {
    color: rgba(247, 247, 247, 1);
    font-size: calc(100vw / 375 * 14);
}

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

.detail-deal-header {
    padding-bottom: 15px;
}

.deal-list {
    width: 100%;
    /*border-top:0.5px solid #7a8daf;*/
    padding: calc(100vw / 375 * 10);
    background: #1A1F29;
    border-bottom: 0 !important;
}

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

.deal-list.list-sl {
    width: auto !important;
    margin: 10px 13px 0 13px;
    border-radius: 5px;
    background: #313843;
}

.deal-list-border {
    border-radius: 5px;
    overflow: hidden;
}

.deal-list.transaction {
    background: #313843;
}

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

.deal-list-size {
    color: rgba(247, 247, 247, 1);
    font-size: calc(100vw / 375 * 12);
}

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

.tabs-detail {
    position: relative;
    width: 100%;
    background: #1A1F29;
    margin: 0 13px;
    padding: 0 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}

.detail-tab-d {
    margin-top: 15px;
}

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

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

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

.deal-list--tipsC {
    color: #839AC5;
    font-size: 12px;
}

.deal-list--tipsZ {
    color: #839AC5;
    font-size: 12px;
}

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

.flashExchange-ngdialog .dapp-card--list {
    height: 60px;
    min-height: 60px;
}

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

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

.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: 48% !important;*/
/*}*/

.flashExchange-ngdialog .ngdialog-close:before {
    font-family: "iconfont" !important;
    content: "\e710" !important;
    font-size: 50px !important;
    top: -40px !important;
    color: #fff !important;
    right: 0 !important;
}

.deal-btn {
    flex: 1;
    border: 0;
    box-sizing: border-box;
    width: 100%;
    /*background: rgba(11,58,84,1);*/
    /*padding: 15px 8px;*/
    position: fixed;
    bottom: 0;
}

.deal-btn--s {
    color: #fff;
    /*flex: 0.33333333333;*/
    flex: 0.5;
    background: #12161B;
    padding: 10px 0;
    /*border-radius: 60px;*/
    font-size: 12px;
    min-height: 45px;
    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: 10px
}

.detail-btn-icon {
    font-size: 30px;
}

.header-tips {
    padding: calc(100vw / 375 * 10) 0 0 0 !important;
    color: #fff;
    font-size: calc(100vw / 375 * 11);
    line-height: calc(100vw / 375 * 20);
}

.detail-transfer {
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 20) calc(100vw / 375 * 10) calc(100vw / 375 * 20);
    position: relative;
}

.detail-transfer.yt {
    background: transparent;
}

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

.detail-transfer.yt .header-tips {
    font-size: calc(100vw / 375 * 15);
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
}

.header-box {
    font-size: calc(100vw / 375 * 14);
    text-transform: uppercase;
}

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

.card-icon--box-s img {
    border-radius: 50%;
}

.header-box--icon {
    color: rgba(247, 247, 247, 1);
    font-size: calc(100vw / 375 * 30);
    position: absolute;
    right: 0;
}

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

.header-box .input-address {
    color: #fff;
    padding-left: calc(100vw / 375 * 10);
    padding-right: calc(100vw / 375 * 30);
    padding-top: 0;
    width: 100%;
    background: #1A1F29;
    border: 1px solid #232932;
    border-radius: calc(100vw / 375 * 4);
    height: calc(100vw / 375 * 40);
}

.posi_top-s {
    /*top: 10px !important;*/
    right: calc(100vw / 375 * 35) !important;
    /*bottom: 0;*/
}

/*.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: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
}

.header-y-color {
    color: #008fe0;
}

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

.header-title {
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
}

.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: calc(100vw / 375 * 15);
}

.choose-box {
    background: rgba(45, 60, 90, 1);
    border: 1px solid rgba(4, 153, 146, 1);
    border-radius: 3px;
    color: #fff;
    padding: 4px 7px;
}

.header-box--btn.fideld {
    grid-template-columns: 65% 35%;
}

.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;
    column-gap: 10px;
    row-gap: 5px;
}

.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: 26px;
}

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

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

.header-tips--backup .backup-list--item:last-child,
.header-tips--confirmBox .backup-list--item:last-child {
    margin-right: 0;
}

.header-tips--backup .backup-list--item,
.header-tips--confirmBox .backup-list--item {
    margin: 0 13px 3px 0;
}

.header-box--btnZ.activated {
    background: rgba(200, 201, 202, .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;
    color: #fff;
}

.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: 10px 13px 0 13px;
    background: #12161B !important;
    border-radius: 5px;
    overflow: hidden;
}

.tansaction-box.top {
    position: relative;
    top: 44px;
    z-index: 100;
}

.has-header.top-trans {
    top: calc(100vw / 375 * 32 + 44px) !important;
}

.tansaction-box--tab {
    height: 27px;
}

.tansaction-box.myTeam {
    padding: 10px 0 0 0;
    border-radius: 0;
    background: transparent;
}

.tansaction-box.myTeam.flash-tab {
    padding-bottom: 10px;
}

.myTeam-ul {
    flex: 1;
    box-sizing: border-box;
    /*border-bottom: 1px solid #313843;*/
}

.detail-deal-list.box-myTeam {
    background: transparent;
    padding: 10px 0;
    margin: 0;
}

.myTeam-li {
    font-size: 20px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
    margin: 0 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid transparent;
}

.myTeam-header {
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 20);
    font-weight: normal;
    color: #00ffff;
    margin-bottom: calc(100vw / 375 * 10);
    padding-left: calc(100vw / 375 * 10);
    padding-right: calc(100vw / 375 * 30);
    position: relative;
}

.myTeam-header > span {
    display: block;
    position: absolute;
    right: 30px;
    width: 100px;
    text-align: right;
    color: #00ffff;
    font-size: 15px;
    vertical-align: center;
}

.myTeam-li.item-li {
    padding: 0 15px 5px 15px;
}

.myTeam-li.selected {
    color: rgba(238, 238, 239, 1);
    border-bottom: 1.5px solid #00ffff;
}

.flash-tabMain {
    margin: 10px 0;
}

.detail-deal-list.flash-tabMain--box {
    background: transparent;
}

.flash-tabMain--li {
    padding: 3px 4px;
    font-size: 15px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
    margin: 0 10px;
}

.flash-tabMain--li:last-child {
    margin-left: 0;
}

.flash-tabMain--li:last-child {
    margin-right: 0;
}

.flash-tabMain--li.selected {
    font-size: 15px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
}

.box-contej {
    border-radius: 5px;
    background: #313843;
    overflow: hidden;
}

.myTeam-list--span {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    height: calc(100vw / 375 * 18);
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
    width: calc(100vw / 375 * 300);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.myTeam-list--span.no-activate {
    color: rgb(73 73 75) !important;
}

.deal-list.falsh-list {
    background: #313843;
    border-radius: 5px;
    color: #999;
    font-size: 14px;
    border-bottom: none;
}

/********** google ********/
.google-box {
    padding: 20px 15px 10px 15px;
}

.google-header {
    font-size: 29px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
    /*margin-left: 7px;*/
}

.google-tips--box {
    margin: 0 auto 35px;
}

.google-img--box {
    margin: 40px auto 30px;
}

.google-tips {
    font-size: 16px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.google-img {
    width: 150px;
    height: 150px;
    max-width: 150px;
    object-fit: cover;
}

.google-slm {
    padding: 5px 8px;
    background: #1A1F29;
    border-radius: 5px;
    min-height: 40px;
}

.google-downLoad--sj {
    font-size: 16px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.code-code {
    font-size: 24px;
}

.google-downLoad--item {
    padding: 0 7px;
    border: 1px solid #00ffff;
}

.downLoad-google--header {
    font-size: 16px;
    font-weight: normal;
    color: #00ffff;
}

.google-icon {
    color: rgba(180, 180, 181, 1);
    font-size: 30px;
    position: absolute;
    right: 25px;
}

.downLoad-google--tips {
    font-size: 10px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.google-btn {
    min-height: 45px;
    background: rgba(26, 31, 41, 1);
    font-size: 19px;
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
    border-radius: 5px;
    position: fixed;
    bottom: 34px;
    flex: 1;
    width: 95%;
    transform: translateX(2.5%);
}

.google-btn.active, .google-btn.activated {
    background: rgba(26, 31, 41, .8);
}

.googleBind-code {
    margin: 20px 0 15px 7px;
    font-size: 14px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.googleBind-input {
    grid-template-columns: repeat(6, 15%);
    grid-column-gap: 6px;
    padding: 0 20px 15px 20px;
    border-bottom: 1px solid #46494C;
    position: relative;
}

.googleBind-input--box {
    border: 1px solid #46494C;
    min-height: 42px;
    padding: 10px;
}

.googleBind-input--item {
    width: 100%;
    height: 100%;
    border: 0;
    box-sizing: border-box;
    color: rgba(180, 180, 181, 1) !important;
}

.googleBind-input--itemPosition {
    width: 100%;
    position: absolute;
    color: transparent !important;
    /*color: transparent !important;*/
    z-index: 1;
    text-align: center;
    top: 0;
    left: 0;
    caret-color: transparent !important;
}

.google-tips-info {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
    margin-right: 5px;
}

.google-tips-info.tips-on {
    color: #009844;
}

.google-tips-info.tips-off {
    color: #E50012;
}

.input-main--dot {
    font-size: 25px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.google-box.bindCode {
    margin: 20px 0 0 0;
}

.googleConfig-box {
    margin: 20px 0;
}

/********** google ********/
.bindCode-item {
    margin: 0 13px;
}

.myTeam-list--item {
    color: #fff;
    font-size: calc(100vw / 375 * 14);
    padding: calc(100vw / 375 * 10);
    width: 100%;
    /*border-bottom: 1px solid #313438;*/
    border-top: 1px solid #313438;
}

.myTeam-list--item:last-child {
    border-bottom: 1px solid #313438;
}

.myTeam-list--item.activated {
    background: rgba(158, 158, 159, 0.15);
}

.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: 5px 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;
}

.icons-before {
    left: 2px;
}

.bar .button.button-clear.icon.icons-before:before {
    font-size: 20px !important;
    height: 35px !important;
    line-height: 35px !important;
}

.heaser-saps {
    font-size: 20px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
    line-height: 35px;
    height: 35px;
    /*margin-left: -5px;*/
}

.heaser-saps.tops {
    position: relative;
    top: 2px;
}

.loginWallet-tab--ul {
    flex: 1;
}

.loginWallet-tab--li {
    flex: 0.5;
    font-size: 20px;
    font-weight: normal;
    height: 100%;
    padding: 15px 0;
    color: rgba(158, 158, 159, 1);
    border-bottom: 1px solid #1F2833;
}

.login-s {
    color: #1F2833 !important;
}

.login-waller-header {
    background: #fff !important;
}

.loginWallet-tab--li.selsected {
    border-bottom: 1px solid #EFB910;
}

.tops-field {
    position: relative;
    top: 5px;
}

.span-box {
    width: 100%;
}

.tansaction-box--tabLi:nth-child(1).selected,
.tansaction-box--tabLi:nth-child(2).selected,
.tansaction-box--tabLi:nth-child(3).selected {
    color: #fff;
    background: #EFB910;
    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: #EFB910;
    transition: background ease-in-out 250ms;
}

.tansaction-box--skew {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    /*transform: skew(20deg);*/
}

.flashExchange-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: 320px;
    /*margin-top: 9px;*/
    overflow-y: auto;
}

.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 {
    background: #313843;
    border-radius: 5px;
}

.myTeam-dialog.ngdialog.ngdialog-theme-default .ngdialog-content {
    border-radius: 5px;
    background: #313843;
    /*margin: 0px 5% !important;*/
    /*width: auto !important;*/
}

.team-dialog--item {
    border: 0;
    background: transparent;
}

.steam-dialog--item {
    flex: 1;
    width: 100%;
    border-top: 1px solid rgba(180, 180, 181, 1);
    padding: 7px 0;
}

.steam-dialog--item:first-child {
    border-top: 0;
}

.steam-dialog--item:last-child {
    border-bottom: 1px solid rgba(180, 180, 181, 1);
}

.notice-tab-dk {
    background: rgba(0, 255, 255, 1);
    background: url(../img/zdsy/mg.png);
    background-size: 100% 100%;
    /*min-height: 100px;*/
}

.bar.bar-theme.header-notice {
    border-color: rgba(0, 255, 255, 1) !important;
    background-color: rgba(0, 255, 255, 1) !important;
    background-image: linear-gradient(0deg, rgba(0, 255, 255, 1), rgba(0, 255, 255, 1) 50%, transparent 50%);
    color: #fff;
    background: url(../img/zdsy/mg.png);
}

.notice-tab--li {
    font-size: 25px;
    font-weight: normal;
    color: rgba(0, 0, 0, 1);
    margin: 20px 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent;
}

.notice-tab--li.actived-li {
    color: rgba(0, 0, 0, 1);
    border-bottom: 2px solid #000;
}

.d-iem {
    color: #00ffff !important;
}

.d-oi {
    font-size: 13px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.jdd_i {
    font-size: 13px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.d-oi.head-io, .jdd_i.head-io {
    font-size: 15px;
    color: #00ffff;
}

.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: 10px;
    padding: 8px 8px !important;
}

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

.login-content {
    position: relative;
    padding: 218px 25px 0;
}

.has-bbtns {
    bottom: 55px;
}

.has-btns {
    bottom: 44px;
}

.tabs-icon--c {
    line-height: 1.5 !important;
    font-size: 27px !important;
}

.bba-color {
    color: #1b82d2 !important;
}

.btc-color {
    color: #E1902E !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;
}

.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: 44px;
    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: transparent;
}

.box-bg.forgot .payment-tips {
    color: #007CB2;
}

.box-bg.forgot.sd-t {
    padding-top: 15px;
}

.payment-content, .manage-content, .register-main {
    /*max-width: 27.5rem;*/
    /*min-height: 33.625rem;*/
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 20) calc(100vw / 375 * 10) calc(100vw / 375 * 20);
}

.declaration-tab.reg {
    padding-bottom: 0;
}

.declaration-tab--op.reg {
    width: auto;
    border-bottom: 2px solid transparent;
}

.declaration-tab--op.reg:nth-child(1) {
    margin-right: 50px;
}

.declaration-tab--op.reg:nth-child(2) {
    margin-left: 50px;
}

.payment-content {
    /*margin: 15px;*/
    padding: calc(100vw / 375 * 15) calc(100vw / 375 * 20) calc(100vw / 375 * 10) calc(100vw / 375 * 20);
}

.goPay-info {
    width: 100%;
    background: #eceff1;
    border: 0.5px solid #eceff1;
}

.goPay-info .write {
    width: 100%;
}

.report-sl {
    padding: 15px !important;
}

.goPay-s:last-child {
    border-bottom: none;
}

.gopay-span {
    color: #444;
    font-size: 15px;
}

.goPay-input {
    height: 2.3rem !important;
    flex: 1;
    color: #fff !important;
    padding: 0 calc(100vw / 375 * 12) !important;
    background: rgba(45, 60, 90, 1);
    border: 1px solid rgba(4, 153, 146, 1) !important;
    border-radius: calc(100vw / 375 * 3);
}

.goPay-s .input-del-gopay {
    position: absolute;
    color: #fff !important;
    right: calc(100vw / 375 * 10) !important;
    font-size: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 40);
}

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

.goPay-s {
    position: relative;
    /*border-bottom: .5px solid #dddd;*/
}

.payment-tips--weak {
    color: #78777a;
}

.payment-tips {
    color: #fff;
    /*color: #007CB2;*/
}

.payment-tips--s {
    font-size: calc(100vw / 375 * 12) !important;
    line-height: calc(100vw / 375 * 12) !important;
    color: #00ffff !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: calc(100vw / 375 * 10) 0 !important;
}

.padding-tips {
    padding: 0;
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    color: #bea77f !important;
}

.product_ulList .nodata {
    color: #fff;
    font-size: 12px;
}

.goPay-content {
    /*margin: 0 10px;*/
}

.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 * 14);
    line-height: 1.6;
    color: #fff;
}

.border-rech {
    background: rgba(45, 60, 90, 1);
    border: 1px solid rgba(4, 153, 146, 1);
    border-radius: 3px;
    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: 14px;
    font-size: 13px;
    width: 90px;
    padding: 0px 0px;
    color: #655e74;
    border: 0.5px solid #403c4b;
    background: #342E3B;
    height: 40px !important;
    margin: 0 !important;
    /*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;
}

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

.forgot-reg {
    height: 100%;
}

.forgot-reg--span {
    /*display: inline-block;*/
    display: none;
    width: 50px;
}

.payment-reg--span {
    display: none;
    width: 65px;
}

.goPay-info.forgot-reg {
    background: transparent;
    border-radius: 0;
    border: 0;
    /*margin-bottom: 15px;*/
}

.forgot-reg .goPay-s {
    /*border-bottom:.5px solid #1b82d2;*/
    margin-bottom: calc(100vw / 375 * 10);
    border-radius: calc(100vw / 375 * 4);
    border: 1px solid transparent;
    /*padding: 0 12px;*/
}

.reg .forgot-reg .goPay-s:last-child {
    margin-bottom: 0;
}

.button-reg--new {
    border-radius: 0;
    color: #00ffff;
    border: 0;
    background: transparent;
}

.leftLine {
    position: absolute;
    top: 8px;
    right: 105px;
    width: 1px;
    height: 20px;
    background: #262C36;
}

.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: 3px 0px 0px 3px;
}

.login_content .input_border .icon_calss {
    left: 11px;
}

.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: linear-gradient(45deg, rgba(0, 255, 255, 0.8), rgba(0, 255, 255, 0.8)) !important;
}

.button.button-dblue.cancel.active, .button.button-dblue.cancel.activated {
    background: linear-gradient(45deg, transparent, transparent) !important;
}

.icon-duihuanqingkuang.dblue {
    color: #2ff2f2;
}

.icon-CNY.assertive {
    color: #BEA77F;
}

.icon-acc {
    width: 30px;
    height: 28px;
    vertical-align: -0.15em;
    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: #1A1F29 !important;
    color: #fff;
}

.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-family: PingFang SC;
    font-weight: 400;
    color: rgba(131, 154, 197, 1);
    line-height: 14px;
    margin-left: 6px;
}

.button.button-dblue {
    background: rgba(20, 87, 159, 1);
    border-radius: 3px;
    opacity: 1;
    font-size: 15px;
    min-height: 34px;
    line-height: 34px;
    font-family: PingHei-Text, sans-serif;
    color: rgba(48, 48, 48, 1);
}

.button.button-dblue.confirm {
    background: linear-gradient(45deg, rgba(0, 255, 255, 1), rgba(0, 255, 255, 1)) !important;
    box-shadow: none;
}

.button.button-dblue.confirm:last-child {
    margin-top: 0 !important;
}

.forgot_input--button.button-gray {
    background: linear-gradient(45deg, #313843, #313843) !important;
    color: rgba(180, 180, 181, 1);
}

.forgot_input--button.button-gray.activated {
    background: rgba(49, 56, 67, .5) !important;
}

.button.button-dblue.cancel {
    background: transparent;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.button.button-dblue.confirm.active, .button.button-dblue.confirm.activated {
    background: linear-gradient(45deg, rgba(0, 255, 255, .8), rgba(0, 255, 255, .8)) !important;
}

.button.button-dblue.cancel.active, .button.button-dblue.cancel.activated {
    background: transparent;
}

.button.disabled, .button[disabled] {
    opacity: .6;
}

.alert-popup--cont {
    width: 100%;
    margin-bottom: 10px;
}

.alse-tis {
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
}

.pdo-span {
    color: #B4B4B5;
}

.pdo-spanu {
    color: #EFB910;
}

.ytConfirm.popup-container .popup {
    background: transparent;
}

.ytConfirm .popup-head {
    display: none;
}

.ytConfirm .popup-body {
    border: 1px solid #272D37;
    background: #1A1F29;
    border-radius: 8px;
    overflow: visible;
}

.popup-body {
    padding: calc(100vw / 375 * 10);
    color: #E0E5EC;
}

.manage-header--box {
    margin: 0 13px;
}

.manage-header--top {
    grid-template-columns: repeat(3, 32%);
    grid-column-gap: 8px;
    margin-bottom: 10px;
}

.manage-header--bottom {
    grid-template-columns: repeat(2, 49%);
    grid-column-gap: 8px;
}

.header-top--icon {
    font-size: 35px;
    color: #00ffff;
}

.header-top--icon.botton-icon {
    font-size: 50px;
}

.header-top--title {
    font-size: calc(100vw / 375 * 13);
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: center;
}

.header-top--item {
    background: #1A1F29;
    border-radius: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 25) calc(100vw / 375 * 10);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 calc(100vw / 375 * 8) calc(100vw / 375 * 25) rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: transform 0.2s ease;
}

.header-top--item.bottom-item {
    background: linear-gradient(160deg, #2C2F48, #1A1C2A);
    padding: calc(100vw / 375 * 17) calc(100vw / 375 * 10);
}

.header-top--item.activated {
    /*background: rgba(26, 31, 41, .5);*/
    transform: scale(0.98);
}

.header-top--item.bottom-item.activated {
    transform: scale(0.96);
}

.box-sd--item.activated {
    background: linear-gradient(135deg, rgba(41, 47, 76, 0.5), rgba(28, 32, 53, 0.5));
}

.input-box--item {
    font-size: 13px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
    width: 100%;
}

.span-item {
    color: #EFB910;
}

.ytConfirm .youtian-list--img {
    width: 90px;
    height: 90px;
    margin-top: -50px;
}

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: #00ffff;
}

.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: #9E9E9F;
    opacity: 1;
}

.account-theme .padding {
    padding: 10px;
}

.securitySettings {
    margin: 10px 13px 0 13px;
}

.tabs {
    background-color: rgba(18, 22, 27, 1);
    /*box-shadow: 0px 1px 0px 0px rgba(180,180,180,0.5);*/
    background-image: linear-gradient(0deg, rgba(18, 22, 27, 1), rgba(18, 22, 27, 1) 50%, transparent 50%);
}

.item-icon-left .icon-accessory, .item-icon-right .icon-accessory {
    color: rgba(216, 216, 216, 1);
}

.item-icon-right .icon-accessory {
    left: 20px;
}

.item-icon-left {
    padding-left: 61px;
}

.manage .item-icon-left.item-icon-right .icon:first-child {
    color: #8DA0C8 !important;
}

.dsl-span {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 66px;
    overflow: hidden;
}

.manage .item-icon-left .icon {
    left: 19px;
}

.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: #ccc;
    background-color: rgba(26, 31, 41, .8);
}

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

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

.product-orders--titile {
    color: orange;
    margin: 25px 0 5px;
    font-weight: bold;
    line-height: 25px
}

.product-orders--info {
    margin-top: 25px;
    color: #666
}

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

.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 {
    background: linear-gradient(45deg, rgba(0, 255, 255, 1), rgba(0, 255, 255, 1));
    border-radius: calc(100vw / 375 * 5);
    height: calc(100vw / 375 * 36) !important;
    transition: all 0.2s ease;
}

.button.button.button-manage.active, .button.button-manage.activated {
    background: linear-gradient(45deg, rgba(0, 255, 255, .8), rgba(0, 255, 255, .8)) !important;
    transform: scale(0.98);
}

.login_button.active, .login_button.activated,
.register_input--button.active, .register_input--button.activated,
.forgot_input--button.active, .forgot_input--button.activated,
.confirm_input--button.active, .confirm_input--button.activated {
    background: linear-gradient(45deg, rgba(0, 255, 255, .8), rgba(0, 255, 255, .8)) !important;
    transform: scale(0.98);
    box-shadow: 0 0 calc(100vw / 375 * 30) rgba(0, 255, 255, 0.9);
}

.goPay-s .input-del-gopay.delesc-s {
    right: 57px !important;
}

.button.button-cancel {
    background: rgba(18, 22, 27, 1) !important;
    border-radius: calc(100vw / 375 * 5);
    color: #fff !important;
    height: calc(100vw / 375 * 36) !important;
    transition: all 0.2s ease;
}

.button.button-cancel.active, .button.button-cancel.activated {
    /*background: rgba(18, 22, 27, .8) !important;*/
    background: transparent;
    transform: scale(0.98);
}

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

.popup-tips {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 22);
    font-weight: 600;
    color: rgba(247, 247, 247, 1);
}

.popup-buttons {
    min-height: inherit;
    justify-content: space-around;
}

.popup-buttons .button {
    height: 40px;
    min-height: inherit;
    /*max-width: 120px;*/
}

.popup-buttons .button.confirm {
    margin: 0;
    max-width: 200px;
    font-size: 15px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(48, 48, 48, 1);
}

.withdrawCoin .item-icon-left {
    padding-left: 48px;
}

.withdrawCoin .padding {
    padding: 10px;
}

.wallet-box {
    /*margin-bottom: 30px;*/
    height: auto;
    position: relative;
    color: #fff;
}

html.iphone-x .tab-nav.tabs,
html.iphone-x .deal-btn {
    bottom: 34px !important;
    bottom: constant(safe-area-inset-bottom) !important;
    bottom: env(safe-area-inset-bottom) !important;
}

html.iphone-x .has-bbtns {
    bottom: 89px;
}

.wallet-box .card-price {
    font-size: 35px;
    /*font-weight:bold;*/
    color: #fff;
}

.dappDetail-svg {
    width: 45px;
    height: 45px;
}

.wallet-box .card-f {
    font-size: 14px;
    color: #fff;
    /*padding-top: 35px;*/
    /*padding-left: 18px;*/
    margin-top: -10px;
    margin-right: 5px;
}

.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;
    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 {
    background: rgba(20, 87, 159, 1);
    border-radius: 5px;
    opacity: 1;
    font-size: 15px;
    min-height: 34px;
    line-height: 34px;
}

.button .icon:before, .button.icon:before, .button.icon-left:before, .button.icon-right:before {
    font-size: 32px;
}

.button.button-dblue:hover {
    color: inherit;
    text-decoration: none;
}

body, .pane, .view {
    background: #12161B;
    /*background:rgba(45,60,90,1);*/
    /*background:#fff;*/
}

.account-box {
    /*width: 100%;*/
    flex: 1;
    margin: 0 calc(100vw / 375 * 10) calc(100vw / 375 * 10);
    background: linear-gradient(160deg, #2C2F48, #1A1C2A);
    border-radius: calc(100vw / 375 * 10);
    overflow: hidden;
}

.account-box--list {
    flex: 1;
    background: transparent;
    /*box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.08);*/
    border-radius: 0;
    height: calc(100vw / 375 * 75);
    margin-right: calc(100vw / 375 * 20);
    transition: all cubic-bezier(0.4, 0, 1, 1) 250ms;
    /*min-width: 157.5px;*/
}

.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(0, 255, 255), transparent);
}

.financial-box {
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 20);
    background: linear-gradient(135deg, rgba(41, 47, 76, 0.5), rgba(28, 32, 53, 0.5));
    border-radius: calc(100vw / 375 * 18);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.financial-box--header {
    font-size: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
    margin-bottom: calc(100vw / 375 * 20);
    position: relative;
}

.financial-box--header > span {
    position: absolute;
    display: inline-block;
    right: 0;
    color: #00ffff;
    line-height: calc(100vw / 375 * 12) !important;
    font-size: calc(100vw / 375 * 12) !important;
    height: calc(100vw / 375 * 12) !important;
}

.financial-box--header i {
    margin-left: calc(100vw / 375 * 2);
}

.financial-content {
    grid-template-columns: repeat(2, 49%);
    grid-column-gap: calc(100vw / 375 * 10);
}

.input-box-ksm {
    border-radius: 3px;
    overflow: hidden;
}

.lian_box_li {
    padding: 5px 20px;
    font-size: 15px;
    color: #000;
    background: #ddd;
    border-radius: 3px;
    border: 1px solid transparent;
    box-sizing: border-box;
    margin-right: 15px;
}

.wallet_head--currency {
    padding-left: 15px;
}

.lian_box_li.selected {
    color: #00ffff;
    background: #fff;
    border: 1px solid #00ffff;
}

.financial-list {
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 15) calc(100vw / 375 * 15) calc(100vw / 375 * 15);
    border: 4px solid #00ffff;
    border-radius: calc(100vw / 375 * 10);
    position: relative;
    overflow: hidden;
}

.financial-list-mask-title {
    font-size: calc(100vw / 375 * 20);
    line-height: calc(100vw / 375 * 20);
    height: calc(100vw / 375 * 20);
    color: rgba(247, 247, 247, 1);
}

.financial-list--img {
    background: #000;
    width: calc(100vw / 375 * 80);
    height: calc(100vw / 375 * 80);
    border-radius: 50%;
    border: 1px solid #00ffff;
    margin: calc(100vw / 375 * 15) auto;
}

.financial-icon {
    font-size: calc(100vw / 375 * 75);
    color: #00ffff;
}

.financial-list--header {
    font-size: calc(100vw / 375 * 15);
    font-weight: 500;
    color: rgba(247, 247, 247, 1);
}

.financial-tips {
    margin: calc(100vw / 375 * 15) 0 0 0;
    font-size: calc(100vw / 375 * 14);
    font-weight: 500;
    color: rgba(180, 180, 181, 1);
}

.financial-list--tips {
    font-size: calc(100vw / 375 * 15);
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
}

.account-box--list:last-child {
    margin-right: 0;
}

.account-box--list .card-icon--box-b {
    width: 35px;
    height: 35px;
    margin-bottom: 8px;
    margin-top: 12px;
    margin-right: 0;
}

.account-box--list .card-icon--box-b .icon {
    font-size: 38px;
}

.account-box--btcName {
    color: rgba(247, 247, 247, 1);
    font-size: calc(100vw / 375 * 14);
}

.ngdialog.ngdialog-theme-default.manage {
    padding-bottom: 0;
    padding-top: 130px;
}

.dls-sx {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dls-sx.sm-di {
    color: #839AC5;
}

.table-account {
    flex: 1;
    width: 100%;
    height: 250px;
    /*margin-bottom: 15px;*/
    transition: all ease-in-out 250ms;
}

.dapp-list--icon {
    font-size: 33px;
    margin-right: 5px;
}

.rotateIcon {
    transition: all ease-in-out 250ms;
}

.rotate-icon {
    color: rgba(247, 247, 247, 1);
    transform: rotate(180deg);
}

.switchEcharts {
    /*margin-bottom: 15px;*/
    color: rgba(247, 247, 247, 1);
    background: transparent;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.card-echarts {
    overflow: hidden;
    margin: calc(100vw / 375 * 10);
    background: linear-gradient(160deg, #2C2F48, #1A1C2A);
    flex: 1;
    box-sizing: border-box;
    border: 0;
    border-radius: calc(100vw / 375 * 18);
}

.dapp-detail .swiper-slide {
    text-align: center;
    font-size: 18px;
    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;*/
}

.swiper-slide:last-child {
    margin-right: 0;
}

.welcome {
    overflow-y: scroll;
    height: 100%;
    background: #335EFE;
    position: relative;
}

.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/fnjh/login_bg.png);
    background-size: 100% 100%;
    background-position: center;
}

.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);
    color: rgba(255, 255, 255, 1);
}

.welcome-btn--s.reg-btn {
    background: transparent;
    border: solid 1px rgba(20, 87, 159, 1);
    color: #fff;
}

.welcome-logo {
    width: 40%;
    max-width: 40%;
}

.padding.psd {
    padding: 10px 0 !important;
}

.setting-lad {
    position: relative;
    color: #FEFEFE;
    font-size: 12px;
}

.lock-item {
    padding: 6px 16px;
    border-radius: 6px;
    background: #313843;
    border-radius: 5px;
    padding: 10px 17.5px;
    margin-bottom: 10px;
}

.lock-item.googleCode {
    border: 1px solid #262C36 !important;
    background: #1A1F29 !important;
    margin: 0 0 10px 0;
    padding: 10px 17.5px 10px 10px;
}

.goPay-input.googleCode {
    border-radius: 5px !important;
}

.googleCode-prompt .popup-head {
    display: none;
}

.googleCode-prompt.rechargeAddr .popup-head {
    display: block !important;
}

.googleCode-prompt.rechargeAddr .popup-title {
    color: #fff;
}

.googleCode-prompt .popup-body {
    color: #fff;
    padding-bottom: 0;
}

.googleCode-prompt input {
    /* width: 100%; */
    /* height: 45px !important; */
    background-color: #1A1F29 !important;
    border: 1px solid #262C36 !important;
    font-size: 14px !important;
    font-weight: normal;
    color: rgba(158, 158, 159, 1) !important;
    padding-left: 10px !important;
    border-radius: 5px;
    margin: 20px 0;
}

.googleCode-prompt .popup-buttons {
    padding: 0 10px 10px 10px;
    justify-content: space-between;
}

.googleCode-prompt .popup-body > span {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.setting-lad.googleCode {
    color: rgba(158, 158, 159, 1);
    font-size: 12px;
}

.lock-item:last-child {
    margin-bottom: 0;
}

.pattern-box {
    margin: 0 13px;
}

.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: #313843;
    border-radius: 5px;
}

.ngdialog.ngdialog-theme-default.qrCode {
    padding-top: 110px;
}

.dialog-username {
    font-size: 18px;
    color: #fff;
    line-height: 1;
    margin-bottom: 7.5px;
}

.dialog-username .email {
    margin-right: 5px;
}

.dialog-username.ls-name {
    font-size: 15px;
    font-weight: 400;
    color: rgba(254, 254, 254, 1);
    line-height: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.dialog-code {
    /*font-size:24px;*/
    font-size: 12px !important;
    color: #fff;
    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;
}

.dialog-code.ls-name {
    font-size: 12px;
    font-weight: 400;
    color: rgba(131, 154, 197, 1);
    line-height: 14px;
}

.dialog-logo {
    width: 70px;
    max-width: 70px;
    border-radius: 50%;
    margin-bottom: 10px;
    /*border: 6px solid #fff;*/
}

.qrCode-btn {
    width: 200px !important;
    margin: 0 auto;
}

.dialog-icon {
    display: none;
    position: absolute;
    top: -50px;
    left: 43%;
    /*transform: rotate(180deg);*/
    color: #fff;
    font-size: 52px;
}

.ngdialog.ngdialog-theme-default.rechargeDialog {
    padding-top: 130px;
}

.ngdialog.ngdialog-theme-default.rechargeDialog .ngdialog-content {
    max-width: 90%;
    background: rgba(33, 51, 85, 1);
}

.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 {
    /*margin-top: 50px !important;*/
    padding: calc(100vw / 375 * 15);
}

.notice-other {
    margin-top: 0 !important;;
}

/*************** 重写css ***************/
/*theme*/
.notice-list--box {
    padding-bottom: 0;
}

.notice-list--list {
    background: linear-gradient(135deg, rgba(41, 47, 76, 0.5), rgba(28, 32, 53, 0.5));
    border-radius: calc(100vw / 375 * 15);
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 15);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 calc(100vw / 375 * 30) rgba(0, 255, 255, 0.1);
}

.notice-list--time {
    text-align: center;
    /*margin:20px 0 16px 0;*/
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    font-weight: 500;
    color: #8A91B4;
}

.notice-list--li {
    margin: 0 0 15px 0;
}

.notice-list--li:last-child {
    margin-bottom: 0 !important;
}

.title_detail {
    color: rgba(247, 247, 247, 1);
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    margin-bottom: calc(100vw / 375 * 5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.dig-box {
    margin: 0 13px;
    padding: 7px 0;
}

.dig-list {
    padding: 10px 0;
    border-bottom: 1px solid #313843;
}

.dig-icon {
    font-size: 17px;
    margin-left: 5px;
}

.dig-list--item {
    font-size: 13px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
    max-width: 30%;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dig-list--item.tx-id {
    max-width: 100%;
}

.mlr {
    margin: 0 13px;
}

.plr {
    padding: 0 13px;
}

.dig-item--header {
    padding: 5px 13px;
    border-bottom: 1px solid #313843;
}

.dig-item--header-s {
    padding: 5px 13px;
}

.dig-item--header_so {
    font-size: 15px;
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
}

.dig-item--header_time {
    font-size: 13px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.dig-tips--box {
    margin: 30px 13px 50px 13px;
    flex: 1;
}

.dig-item--list {
    padding: 15px 0;
    grid-template-columns: 60% 40%;
    border-bottom: 1px solid #313843;
}

.slsd_p {
    font-size: 13px;
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
}

.dig-box-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #8DC21F;
}

.dig-to {
    font-size: 15px;
    font-weight: normal;
    color: rgba(141, 194, 31, 1);
    margin-top: 15px;
}

.dig-box-icon .ion-checkmark-round {
    color: #fff;
}

.dig-price {
    font-size: 30px;
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
}

.dig-price--tips {
    font-size: 15px;
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
}

.zx_cotent {
    font-size: calc(100vw / 375 * 10);
    font-weight: 400;
    color: rgba(247, 247, 247, 1);
    line-height: calc(100vw / 375 * 20);
    margin-bottom: calc(100vw / 375 * 5);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.notice-listContent--img {
    width: calc(100vw / 375 * 105);
    height: calc(100vw / 375 * 65);
    /*background: url(../img/new/test.png) no-repeat;*/
    background-size: 100% 100%;
}

.notice-listContent--img img,
.gg_content--img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.gg_title {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 15);
    font-weight: 500;
    color: rgba(247, 247, 247, 1);
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.market-box--header {
    /*margin-top: 20px;*/
    grid-template-columns: 40% 32% 28%;
    padding: 10px 13px;
    /*border-top: 1px solid #313843;*/
    border-bottom: 1px solid #313843;
}

.market-item {
    grid-template-columns: 40% 32% 28%;
    padding: 10px 13px;
    border-bottom: 1px solid #313843;
}

.market-box--tab {
    font-size: 14px;
    font-weight: normal;
    color: #00ffff;
}

.market-tab {
    margin-top: 10px;
    border-bottom: 1px solid #313843;
}

.market-tab--li {
    font-size: 20px;
    font-weight: normal;
    color: rgb(158, 158, 159);
    padding-bottom: 10px;
    border-bottom: 1px solid transparent;
    margin-right: 10px;
}

.market-tab--li.selected {
    color: rgba(247, 247, 247, 1);
    border-bottom: 1px solid #00ffff;
}

.market-coin {
    font-size: 20px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.market-info {
    font-size: 12.5px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.market-price {
    font-size: 15px;
    font-family: Myriad Variable Concept;
    font-weight: 400;
    color: rgba(180, 180, 181, 1);
}

.market-rise {
    min-width: 68px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: normal;
    color: rgba(238, 238, 239, 1);
    border-radius: 5px;
    padding: 5px 15px;
    background-color: gainsboro;
}

.market-rise.rise-up {
    background: #009844;
}

.market-rise.rise-down {
    background: #E50012;
}

.gg_content {
    font-size: calc(100vw / 375 * 10);
    font-weight: 400;
    color: rgba(247, 247, 247, 1);
    line-height: calc(100vw / 375 * 20);
    margin-bottom: calc(100vw / 375 * 15);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gg_content--img {
    width: 225px;
    height: 43px;
    margin: 0 auto 20px;
}

.gg_content--times {
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    font-weight: 400;
    color: #8A91B4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.title_detail--mt {
    font-size: 15px;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.notice-list--li.notice-listContentLi {
    /*margin: 15px 15px 0;*/
    padding: calc(100vw / 375 * 10) calc(100vw / 375 * 15);
    background: linear-gradient(135deg, rgba(41, 47, 76, 0.5), rgba(28, 32, 53, 0.5));
    border-radius: calc(100vw / 375 * 15);
    /*border-bottom: 1px solid rgba(238,238,238,1);*/
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.notice-tab {
    padding: 0 !important;
}

.list--time--d {
    color: #00ffff;
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    margin-right: calc(100vw / 375 * 5);
}

.gg_content--time {
    grid-template-columns: 63% 37%;
}

.notice-listContent {
    width: 50%;
    flex: 1;
    padding-right: calc(100vw / 375 * 20);
}

.list--title {
    font-size: calc(100vw / 375 * 14);
    font-weight: 500;
    color: rgba(247, 247, 247, 1);
    line-height: calc(100vw / 375 * 25);
    min-height: calc(100vw / 375 * 50);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: nowrap;
}

select[disabled], textarea[disabled], input[readonly]:not(.cloned-text-input), textarea[readonly]:not(.cloned-text-input), select[readonly] {
    color: #fff;
    cursor: not-allowed;
    background: rgba(45, 60, 90, 1);
    /*border: 1px solid rgba(4,153,146,1) !important;*/
}

.header-box .input-disabled {
    background: #1E2023;
    border: 1px solid #232932;
    font-size: 15px;
    font-weight: normal;
    color: rgba(0, 152, 68, 1);
}

.header-box .input-address.cz-input, .cz-input--item {
    color: #009844;
}

.header-box .input-address.bz-input {
    color: rgba(229, 0, 18, 1);
}

.notice-listContent--p {
    width: 100%;
}

.list--time {
    font-size: 12px;
    font-weight: 400;
    color: #8A91B4;
    line-height: 25px;
    grid-template-columns: 70% 30%;
}

.noticeDetail-img {
    margin: 10px 13px 0 13px;
    border-radius: 5px;
    overflow: hidden;
}

.detail-content {
    padding: calc(100vw / 375 * 15);
    /*margin: 10px 13px 0 13px;*/
    border-radius: calc(100vw / 375 * 15);
}

.detail-content.ds-not {
    background: linear-gradient(135deg, rgba(41, 47, 76, 0.5), rgba(28, 32, 53, 0.5));
}

.detail-p {
    margin-bottom: 15px;
}

.detail--time {
    font-size: 12px;
    font-weight: 400;
    color: #839AC5;
    line-height: 25px;
}

.detail-img {
    width: 100%;
    /*height: 189px;*/
    overflow: hidden;
    margin-bottom: 15px;
}

.detail-content--s {
    font-size: 12px;
    font-weight: 400;
    color: #FEFFFF;
    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;
    background: #1A1F29;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 10px;
}

.padding-horizontal.assets--btn {
    padding: 0;
    /*margin: 0 13px;*/
}

.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: rgba(158, 158, 159, 1) !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;
}

.bar-theme.reg-bar {
    background: url(../img/fnjh/reg_bg_title1.png) !important;
    background-size: 100% 100% !important;
    background-position: center !important;
}

.bg-color.reg {
    background: url(../img/fnjh/reg_bg_title2.png) !important;
    background-size: 100% 100% !important;
    background-position: center !important;
}

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

.notice-tab .declaration-tab--op.dapp-transaction-op {
    width: 31.55%;
    padding: 7px 25px;
    margin-top: 0;
    border-bottom: 2px solid transparent;
}

.notice-tab .declaration-tab--line {
    position: absolute;
    z-index: 50;
    width: 97px;
    height: 2px;
    left: 0;
    background: #EFB910;
    -webkit-transition: all .4s ease-in-out;
    z-index: 1;
    bottom: 0;
}

.notice-tab .declaration-tab--op.actived-op {
    color: #fff;
    border-bottom: 2px solid #EFB910;
}

.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-head, .popup-container .popup {
    background: transparent;
    /*background:#12161B;*/
}

.popup-head {
    border-bottom: none;
}

.popup-container .popup {
    width: 80%;
    border-radius: calc(100vw / 375 * 18);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 calc(100vw / 375 * 40) rgba(0, 255, 255, 0.2);
    background: linear-gradient(160deg, #2C2F48, #1A1C2A);
}

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

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

/************* bto *************/
.ionview_login {
    background-color: #12161B !important;
}

.input-input-rouder {
    border-radius: 5px;
}

.login--show {
    position: relative;
    z-index: 9;
}

.login_head {
    padding: 0 45px !important;
    height: 180px !important;
    position: relative;
}

.login_head.gesture {
    height: 200px !important;
}

.login_head_register {
    padding: 0 45px 0 35px !important;
    height: 180px !important;
    position: relative;
}

.login_head--language {
    width: 90px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
    padding-left: 15px !important;
    background: linear-gradient(to right, #00ffff, #121622);
    border-style: none;
    border-radius: 5px;
    -webkit-appearance: media-volume-slider !important;
}

.login_head--language > option {
    color: #000;
}

.login_head > span {
    position: absolute;
    width: 3px;
    height: 4px;
    color: #B4B4B5;
    left: 63px;
    top: 88px;
}

.login_head > i {
    position: absolute;
    /*width: 3px;*/
    /*height: 4px;*/
    color: #B4B4B5;
    left: 63px;
}

.head--logo {
    width: calc(100vw / 375 * 57);
    /*max-width: 20%;*/
    object-fit: cover;
    position: relative;
    top: calc(100vw / 375 * 25);
}

.login_title {
    padding-left: 35px;
    line-height: 33px;
    font-size: 37px;
    font-family: PingHei-Text, sans-serif;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
}

.login_input {
    padding: 30px 35px 0 35px;
}

.login_input--name,
.login_user--no {
    color: #B4B4B5;
}

.login_input--text {
    width: 100%;
    height: 45px !important;
    background-color: #1A1F29 !important;
    margin: 7px 0;
    border-radius: 5px !important;
    padding-left: 10px !important;
    font-size: 15px;
    font-weight: normal;
    color: #B4B4B5 !important;
    line-height: 45px !important;
}

.login_input--text.login-wallet {
    background-color: #EEEEEF !important;
    padding-right: 45px;
}

.login_input > input:nth-of-type(1) {
    margin: 7px 0 18px 0;
}

.login_input .login-margin {
    margin: 7px 0 18px 0 !important;
}

.login-wallet--textarea {
    min-height: 150px;
}

.zjc-box {
    margin-bottom: 10px;
}

.loginwallet-ha {
    color: #1F2833;
    font-weight: normal;
    font-size: 19px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 6px;
}

.zjc-item {
    font-size: 15px;
    font-weight: normal;
    color: rgba(35, 24, 21, 1);
    padding: 3px 5px;
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #dadf00;
    margin-right: 4px;
    margin-bottom: 4px;
}

.lang-icon {
    transform: rotate(-180deg);
    font-size: 12px;
}

.login-bg {
    position: relative;
}

.login_icon {
    position: absolute;
    font-size: 15px;
    color: #B4B4B5;
    bottom: 10px !important;
}

.login_forget {
    text-decoration: underline #00ffff;
    margin: 5px 0 ;
    font-size: 15px;
    font-weight: normal;
    text-decoration: underline;
    color: #00ffff;
}

.version-manage {
    color: rgba(180, 180, 181, 1);
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    margin-top: calc(100vw / 375 * 10);
    margin-bottom: calc(100vw / 375 * 10);
}

.external-list {
    /*padding: 0 15px;*/
}

.list-external {
    padding: 20px;
    border-bottom: 1px solid #313438;
    grid-template-columns: 70% 30%;
}

.external-le {
    font-size: 16.5px;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
    /*text-transform: uppercase;*/
}

.list-external--img {
    width: 50px;
    height: 50px;
    max-width: 50px;
    max-height: 50px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 5px;
    padding: 2px;
}

.list-external--ti {
    margin-top: 8px;
}

.list-external--img > img {
    width: 100%;
}

.external-url {
    font-size: 13px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.external-btn {
    border-radius: 5px;
    border: 1px solid #00ffff;
    padding: 2px 6px;
    font-size: 13px;
    font-weight: normal;
    color: #00ffff;
    min-width: 75px;
    text-align: center;
}

.external-btn.open-soon {
    border: 1px solid #6B6D6F;
    color: #8E8F90;
}

.login_button {
    width: 100%;
    height: 45px;
    background-color: #EFB910;
    margin-top: 20px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: normal;
    color: rgba(48, 48, 48, 1);
}

.login_user--no {
    margin-top: 15px;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
}

.login_register {
    font-size: 15px;
    font-family: EngraversGothicBT;
    font-weight: 400;
    color: #00ffff;
    text-decoration: underline;
}

.login_end {
    color: #00ffff;
    /*margin: 100px 0 40px 0;*/
    margin: auto;
    text-align: center;
    flex: 1;
    border: 0;
    box-sizing: border-box;
    width: 100%;
    /*background: rgba(11,58,84,1);*/
    background: #12161B;
    /* padding: 15px 8px; */
    position: fixed;
    bottom: 0;
}

.header-item {
    text-align: left !important;
}

.bar .header-item {
    /*display: none;*/
    left: 30px !important;
    right: 44px !important;
    font-size: 19px !important;
    top: 2px;
    font-family: PingHei-Text, sans-serif !important;
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
}

.register-content--inputs {
    padding: 0 35px 10px 35px;
}

.register_input--label,
.forget_input--label,
.input--lable {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    font-weight: normal;
    padding: calc(100vw / 375 * 10) 0 !important;
    color: rgba(247, 247, 247, 1);
}

.input--tips {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    font-weight: normal;
    color: rgba(158, 158, 159, 1) !important;
    margin-bottom: calc(100vw / 375 * 5);
}

.input--tips:last-child {
    margin-bottom: calc(100vw / 375 * 0);
}

.login-wallet--textarea {
    line-height: 1.2 !important;
    padding: 10px 10px;
    font-size: 14px;
}

.update-btn {
    font-size: 15px;
    font-weight: normal;
    color: rgba(48, 48, 48, 1);
}

.download-box {
    margin-bottom: 65px;
}

.download-p {
    font-size: 27.5px;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 10px;
}

.download-img {
    margin-bottom: 50px;
}

.download-img-s {
    margin-bottom: 10px;
}

.download-img-s img {
    width: 60%;
    max-width: 60%;
}

.download-line {
    background: #313843;
    width: 90%;
    height: 1px;
    margin-bottom: 20px;
}

.register_input--err {
    font-size: calc(100vw / 375 * 12) !important;
    font-weight: normal;
    color: rgba(158, 158, 159, 1) !important;
    margin-bottom: calc(100vw / 375 * 10);
    /*padding: 6px 0 7px 0;*/
}

.register_input--text,
.forget_input--text,
.input--text,
.goPay-input {
    width: 100%;
    height: calc(100vw / 375 * 40) !important;
    background-color: #1A1F29 !important;
    color: #B4B4B5 !important;
    border: 1px solid #262C36 !important;
    font-size: calc(100vw / 375 * 13) !important;
    font-weight: normal;
    color: rgba(158, 158, 159, 1) !important;
    padding-left: calc(100vw / 375 * 10) !important;
}

.bg--color {
    background-color: #12161B !important;
}

.login_button,
.register_input--button,
.forgot_input--button,
.confirm_input--button {
    width: 100%;
    height: calc(100vw / 375 * 40) !important;
    background: linear-gradient(to right, #00ffff, #00ffff) !important;
    border-radius: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 40) !important;
    font-weight: normal;
    color: rgba(48, 48, 48, 1);
    padding: 0 !important;
    margin-bottom: 0 !important;
    transition: all 0.2s ease;
    box-shadow: 0 0 calc(100vw / 375 * 20) rgba(0, 255, 255, 0.7);
    margin-top: 0 !important;
}

.deal_input--button {
    width: 100%;
    height: calc(100vw / 375 * 45) !important;
    background: linear-gradient(to right, #00ffff, #00ffff) !important;
    border-radius: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 15);
    font-weight: normal;
    color: rgba(48, 48, 48, 1);
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transition: all 0.2s ease;
    box-shadow: 0 0 calc(100vw / 375 * 20) rgba(0, 255, 255, 0.7);
}

.detail-content--bgT {
    color: rgba(180, 180, 181, 1);
}

.login_button:disabled,
.register_input--button:disabled,
.forgot_input--button:disabled,
.confirm_input--button:disabled {
    filter: alpha(Opacity=50);
    -moz-opacity: .5;
    opacity: .5;
}

.home_head--title {
    padding: calc(100vw / 375 * 45) 0 0 calc(100vw / 375 * 25);
    height: 100%;
    width: calc(100vw / 375 * 260);
    position: relative;
    z-index: 1;
}

.wallet .home_head--title {
    padding-top: calc(100vw / 375 * 65) !important;
}

.home_head--count {
    font-size: calc(100vw / 375 * 15);
    font-weight: normal;
    color: rgba(18, 22, 27, 1);
    margin-bottom: calc(100vw / 375 * 8);
}

.home_head--loginTxt {
    font-size: calc(100vw / 375 * 28);
    line-height: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    font-weight: bold;
    color: rgba(48, 48, 48, 1);
}

.home_head--text {
    font-size: calc(100vw / 375 * 26);
    line-height: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    color: rgba(48, 48, 48, 1);
}

.home_head--text2 {
    /*padding-top: 8px;*/
    font-size: calc(100vw / 375 * 22);
    line-height: calc(100vw / 375 * 22);
    height: calc(100vw / 375 * 22);
    color: rgba(48, 48, 48, 1);
}

.home_head--btn {
    padding-top: calc(100vw / 375 * 35);
    width: calc(100vw / 375 * 58);
    height: 100%;
    grid-template-rows: calc(100vw / 375 * 32) calc(100vw / 375 * 32);
    grid-template-columns: calc(100vw / 375 * 42);
    grid-gap: calc(100vw / 375 * 22);
    position: relative;
    z-index: 1;
}

.wallet .home_head--btn {
    padding-top: calc(100vw / 375 * 55) !important;
}

.home_head--btn > div {
    line-height: calc(100vw / 375 * 8);
    text-align: center;
    font-size: calc(100vw / 375 * 11);
}

.home_head--btn i {
    display: block;
    font-size: calc(100vw / 375 * 42);
    color: black;
}

/*.home_head--btnBiteyou{*/
/*    font-size: 42px;*/
/*    color: black;*/
/*}*/
/*.home_head--btnSaoys{*/
/*    font-size: 42px;*/
/*    color: black;*/
/*}*/
.button-rds {
    line-height: 45px;
    text-align: center;
}

.register_input--checkbox {
    width: 15px;
    height: 15px;
    background-color: #1A1F29;
    margin-right: 5px !important;
    color: rgba(158, 158, 159, 1);
}

.register_checkbox--label {
    font-size: 13px;
    font-weight: normal;
    color: #9E9E9F;
    padding: 7px 0 16px 0;
}

.register_checkbox--label > span {
    line-height: 16px;
}

.register_end {
    margin: 70px 0 40px 0;
    font-size: 15px;
    font-family: EngraversGothicBT;
    font-weight: 400;
    color: rgba(246, 208, 46, 1);
    text-align: center;
}

.phone--button {
    height: 40px !important;
    margin: 0 !important;
}

.leftLine {
    height: 30px;
}

.home-head--yellow {
    width: 100%;
    height: 150px;
    /*background:linear-gradient(to right, #00cccc, #00ffff) !important;*/
    background: url(../img/zdsy/wallet-list--bg.png);
    background-size: 100% 100%;
    min-height: 120px;
    grid-template-columns: repeat(1, 100%);
    position: relative;
}

.home-head--yellow.wallet {
    height: calc(100vw / 375 * 190) !important;
}

.home--bgColor {
    background-color: #12161B
}

.home-content {
    padding: 0 calc(100vw / 375 * 10);
    height: auto;
    background-color: #12161B;
    position: relative;
}

.home-transfer {
    padding: 0 calc(100vw / 375 * 17);
    height: calc(100vw / 375 * 85);
}

.home-transfer > li {
    width: 20%;
    height: calc(100vw / 375 * 50);
    color: #00ffff;
    text-align: center;
}

.home-transfer > li > i {
    font-size: calc(100vw / 375 * 35);
    margin-bottom: calc(100vw / 375 * 5);
}

.home-transfer--title {
    text-align: center;
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 15);
    /*font-size: calc(100vw / 375 * 15);*/
    font-weight: normal;
    color: #00ffff;
}

.home-transfer--ico {
    width: calc(100vw / 375 * 28);
    height: calc(100vw / 375 * 22);
}

.home-oilBath-k {
    width: 100%;
    /*height: 194px;*/
    grid-template-columns: repeat(3, 33.3333%);
    margin-bottom: calc(100vw / 375 * 5);
}

.home-oilBath {
    width: 100%;
    /*height: 194px;*/
    grid-template-columns: 1fr 1fr;
    /*grid-template-rows: 1fr 1fr;*/
    grid-gap: calc(100vw / 375 * 5) 0;
    margin-bottom: calc(100vw / 375 * 5);
}

.home-oilBath > li, .home-oilBath-k > li {
    background-color: #1A1F29;
    padding: calc(100vw / 375 * 7) 0;
}

.home-oilBath > li:nth-of-type(odd), .home-oilBath-k > li:nth-of-type(odd) {
    border-bottom-left-radius: calc(100vw / 375 * 5);
    border-top-left-radius: calc(100vw / 375 * 5);
}

.home-oilBath > li:nth-of-type(even) {
    border-bottom-right-radius: calc(100vw / 375 * 5);
    border-top-right-radius: calc(100vw / 375 * 5);
}

.home-oilBath-k > li:nth-child(3) {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: calc(100vw / 375 * 5);
    border-top-right-radius: calc(100vw / 375 * 5);
}

.home_oilBath--line {
    margin-top: calc(100vw / 375 * 7);
    border-right: 1px solid #787565;
    width: 100%;
    height: 80px;
    text-align: center;
    position: relative;
}

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

.home_oilBathOne--title {
    font-size: calc(100vw / 375 * 15);
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
    line-height: calc(100vw / 375 * 33);
}

.home_oilBathOne--text {
    font-size: calc(100vw / 375 * 27);
    font-family: Myriad Variable Concept !important;
    color: rgba(247, 247, 247, 1);
    line-height: calc(100vw / 375 * 27);
}

.waiting {
    font-size: calc(100vw / 375 * 15);
    line-height: calc(100vw / 375 * 27);
    color: rgba(247, 247, 247, 1);
}

.home_oilBathOne--rate {
    font-size: calc(100vw / 375 * 14);
    color: gainsboro;
    line-height: calc(100vw / 375 * 25);
}

.home_oilBathOne--rate.rise-up {
    color: #009844;
}

.home_oilBathOne--rate.rise-down {
    color: #E50012;
}

.home_oilBathTwo--title {
    font-size: calc(100vw / 375 * 15);
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
    line-height: calc(100vw / 375 * 33);
}

.home_oilBathTwo--text {
    font-size: calc(100vw / 375 * 25);
    font-family: Myriad Variable Concept !important;
    font-weight: normal;
    color: #00ffff;
    line-height: calc(100vw / 375 * 44);
}

.home_oilBathTwo--text > span {
    font-family: MyriadConceptRoman-LightSemiCondensed !important;
    font-size: calc(100vw / 375 * 16);
}

.home_oilBathTwo--text2 {
    font-weight: normal;
    color: #00ffff;
    font-family: MyriadConceptRoman-LightSemiCondensed !important;
    font-size: calc(100vw / 375 * 16);
    line-height: calc(100vw / 375 * 44);
}

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

.home_amount--show {
    width: 100%;
    height: calc(100vw / 375 * 30);
    border: 1px solid #262C35;
    margin-top: calc(100vw / 375 * 5);
    padding: 0 calc(100vw / 375 * 10) 0 calc(100vw / 375 * 17);
    border-radius: calc(100vw / 375 * 5);
    line-height: calc(100vw / 375 * 30);
}

.home_amount--show.first {
    margin-top: 0;
}

.home_amount--limit {
    font-size: calc(100vw / 375 * 15);
    color: rgba(180, 180, 181, 1);
}

.home_amount--value > span {
    font-size: calc(100vw / 375 * 14);
    font-family: Myriad Variable Concept !important;
    color: rgba(247, 247, 247, 1);
}

.home_amount--value > i {
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 12);
    color: rgba(247, 247, 247, 1);
}

.home_amount--showSm {
    margin-top: calc(100vw / 375 * 5);
    width: 49%;
    height: calc(100vw / 375 * 30);
    border: 1px solid #262C35;
    padding: 0 calc(100vw / 375 * 10) 0 calc(100vw / 375 * 17);
    border-radius: calc(100vw / 375 * 5);
    line-height: calc(100vw / 375 * 30);
}

.home_financial {
    margin-top: calc(100vw / 375 * 7);
    width: 100%;
    height: calc(100vw / 375 * 62);
    background-color: #1A1F29;
    border-radius: calc(100vw / 375 * 5);
}

.order-header--box {
    margin-bottom: 10px;
}

.order-header {
    background: #1A1F29;
    border-radius: calc(100vw / 375 * 5);
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 10) calc(100vw / 375 * 10) calc(100vw / 375 * 10);
}

.new-content:nth-child(1) {
    border-right: 1px solid rgb(85, 85, 90);
}

.new-content--name {
    font-size: 18.5px;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
    margin-right: 27px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.edu-span {
    font-size: 12px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.new-co-box {
    width: 100%;
}

.new-co-btn {
    border-radius: 5px;
    border: 1px solid #00ffff;
    padding: 2px 6px;
    font-size: 13px;
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
    margin-top: 5px;
    width: 80%;
    /*min-width: 75px;*/
}

.type-box {
    margin-top: 10px;
    margin-bottom: 10px;
}

.type-box:last-child {
    margin-bottom: 0;
}

.type-item--first {
    margin-top: 22px;
}

.type-item {
    border-radius: 15px;
    border: 2px solid #00ffff;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.type-item:last-child {
    margin-bottom: 0;
}

.item-title {
    font-size: 18.5px;
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 10px;
}

.edu-span.big {
    font-size: 14px;
}

.type-item--btn {
    border-radius: 5px;
    border: 1px solid #00ffff;
    padding: 2px 6px;
    font-size: 13px;
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
    min-width: 60px;
}

.edu-span.edu-lineHeight {
    line-height: 1.6;
    text-transform: uppercase;
}

.type-list {
    background: #1A1F29;
    border-radius: 5px;
    padding: 9px 15px 9px;
}

.price-span {
    font-size: 14.5px;
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
}

.order-header--content {
    grid-template-columns: repeat(2, 50%);
}

.order-header--big {
    font-size: calc(100vw / 375 * 18);
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
}

.order-header--tips {
    color: #00ffff;
    font-size: 10px;
    text-align: center;
}

.order-header--tipsIcon {
    margin-top: -1px;
    margin-left: 3px;
}

.home_financial--img {
    display: block;
    color: #F7931A;
    font-size: 60px;
    position: relative;
    z-index: 1000;
}

.home_financial--title {
    font-size: 24px;
    font-weight: normal;
    color: rgba(247, 247, 247, 1);
    margin-top: 12px;
}

.home_financial--text {
    font-size: 13px;
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
    line-height: 20px;
}

.home_end {
    margin-top: calc(100vw / 375 * 10);
    width: 100%;
    height: calc(100vw / 375 * 95);
    background-color: #12161B;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-gap: calc(100vw / 375 * 5) calc(100vw / 375 * 5);
}

.home_end > div {
    background: linear-gradient(135deg, rgba(41, 47, 76, 0.5), rgba(28, 32, 53, 0.5));
}

.home_end > div:nth-of-type(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}

.home_end > div > div {
    padding-left: calc(100vw / 375 * 12);
}

.home_end > div > div:nth-of-type(1) > span {
    display: block;
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    height: calc(100vw / 375 * 13);
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
}

.home_end > div:nth-of-type(1) > p {
    margin-top: calc(100vw / 375 * 8);
    padding-left: calc(100vw / 375 * 12);
    font-size: calc(100vw / 375 * 13);
    font-weight: normal;
    color: rgba(158, 158, 159, 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: calc(100vw / 375 * 15);
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
    line-height: calc(100vw / 375 * 45);
}

.home_end--content {
    border-radius: calc(100vw / 375 * 5);
}

.home_end--data {
    margin-top: calc(100vw / 375 * 8);
}

.home_end--room {
    position: relative;
    width: calc(100vw / 375 * 15);
    height: calc(100vw / 375 * 9);
    margin: calc(100vw / 375 * 5) calc(100vw / 375 * 5) 0 0;
}

.home_end--room > i {
    position: absolute;
    width: calc(100vw / 375 * 9);
    height: calc(100vw / 375 * 9);
    top: 0;
    border-radius: 50%;
}

.home_end--room > i:nth-of-type(1) {
    background-color: #00ffff;
    left: 0;
}

.home_end--room > i:nth-of-type(2) {
    background-color: #fff;
    right: 0;
}

.assets--contents {
    margin: 0 13px;
}

.assets--title {
    font-size: 15px;
    color: rgba(180, 180, 181, 1);
    margin-top: 16px;
}

.assets_content--active {
    background-color: #1A1F29 !important;
    margin-bottom: 60px !important;
    position: relative;
}

.assets_content {
    height: 95px;
    margin: 9px 0;
    background-color: #313843;
    border-radius: 5px;
    padding: 0 15px;
}

.assets_content--title {
    font-size: 42px;
    margin-top: 33px;
    color: rgba(247, 247, 247, 1);
    font-family: Myriad Variable Concept !important;
}

.assets_content--money > p:nth-of-type(2) {
    font-size: 15px;
    margin-top: 13px;
    font-family: Myriad Variable Concept !important;
    color: rgba(247, 247, 247, 1);
}

.assets_content--profit > div > p:nth-of-type(1) {
    font-size: 13px;
    color: #00ffff;
    margin-top: 20px;
}

.assets_content--profit > div > p:nth-of-type(2) {
    font-size: 25px;
    font-family: Myriad Variable Concept !important;
    color: #00ffff;
    line-height: 25px;
}

.assets_content--btn {
    color: #B4B4B5;
    margin: 35px 0 0 15px;
    font-size: 25px;
}

.assets_content--more {
    position: absolute;
    bottom: -45px;
    width: 90%;
    height: 45px;
    border: 1px solid #00ffff;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0 15px;
}

.assets_content--more > p {
    font-size: 13px;
    color: rgba(180, 180, 181, 1);
    line-height: 45px;
}

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

.wallet_list--name {
    font-size: 27px;
    color: rgba(49, 56, 67, 1);
    margin-left: 5px;
}

.wallet_list--conversion {
    font-size: 17px;
    font-family: Myriad Pro !important;
    font-weight: 400;
    color: rgba(31, 40, 51, 1);
}

.wallet_list--balance {
    font-size: 11px;
    font-family: Myriad Pro !important;
    font-weight: 400;
    color: rgba(31, 40, 51, 1);
}

.wallet_head--title {
    margin-top: -30px !important;
    margin-left: 20px !important;
    font-size: 15px !important;
    color: rgba(31, 40, 51, 1) !important;
}

.wallet_head--currencyType {
    font-size: 15px;
    font-family: Myriad Variable Concept !important;
    color: rgba(18, 22, 27, 1);
    display: block;
    margin-left: 7px;
}

.wallet_head--price {
    font-size: 42px !important;
    font-family: Myriad Variable Concept !important;
    color: rgba(18, 22, 27, 1) !important;
}

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

.wallet_head--button {
    width: 46px;
    height: 80px;
    margin-top: 15px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-gap: 15px;
}

.wallet_head--button > i {
    font-size: 35px;
    color: black;
}

.wallet_head {
    position: relative;
}

.wallet_lists--bg {
    height: 100px;
    width: 100%;
    position: absolute;
    bottom: -60px;
    padding: 0 12px;
}

.wallet_lists {
    height: 100%;
    background-color: #1A1F29;
    border-radius: 5px;
}

.wallet_lists > li > i {
    text-align: center;
    color: #00ffff;
    font-size: 45px;
}

.wallet_lists--txt {
    text-align: center;
    font-size: 15px;
    color: rgba(180, 180, 181, 1);
}

.wallet--createMore {
    margin-top: 28px;
    text-align: center;
}

.wallet--createMore > i {
    color: #F7F7F7;
}

.wallet--createMore > span {
    display: block;
    margin: -1px 0 0 3px;
    font-size: 13px;
    color: rgba(158, 158, 159, 1);
}

.recharge--tips {
    color: rgba(255, 255, 255, 1) !important;
}

.bar--title {
    text-align: left !important;
    font-size: 19px !important;
    color: rgba(158, 158, 159, 1) !important;
    padding-left: 30px !important;
}

.button--return:before {
    color: rgba(158, 158, 159, 1) !important;
    font-size: 25px !important;
    margin-top: 1px;
}

.manage_content {
    height: auto;
    padding: 0 13px;
}

.manage_matter {
    margin-top: 10px;
    width: 100%;
    height: 90px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 8px;
}

.manage_matter--item,
.manage_assist--item {
    background-color: #1A1F29;
    text-align: center;
    padding: 13px 0;
    border-radius: 5px;
}

.manage_matter--itemsIco,
.manage_assist--itemsIco {
    color: #F3C51F;
    font-size: 38px;
}

.manage_matter--itemsText,
.manage_assist--itemsText {
    font-size: 15px;
    font-weight: normal;
    color: rgba(180, 180, 181, 1);
}

.manage_assist {
    margin-top: 10px;
    width: 100%;
    height: 90px;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
}

.manage_assist--item {
    background-color: #313843;
}

.manage_assist--itemsIco {
    font-size: 48px;
}

.create_wallet--first {
    margin: 50px auto;
    width: 300px;
}

.swiper_create--wallet {
    margin: 0 auto;
    padding-top: calc(100vw / 375 * 100);
    width: calc(100vw / 375 * 300);
    position: relative;
    height: unset;
}

.slide-inner {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    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;
    color: #fff;
}

.slide-inner img {
    width: 100%;
    height: 100%;
}

.dis-img .swiper-slide {
    text-align: center;
    font-size: calc(100vw / 375 * 18);
    background: transparent;
    overflow: hidden;
}

.swiper-pagination-progressbar,
.swiper-scrollbar {
    bottom: 0 !important;
    top: inherit !important;
    background: rgba(0, 0, 0, 0.25);
    border-radius: calc(100vw / 375 * 1);
    overflow: hidden;
}

.swiper-pagination-bullet {
    background-color: #9E9E9F;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background-color: #00ffff;
}

.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    bottom: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: calc(100vw / 375 * 4);
    width: 0;
}

.swiper-pagination {
    bottom: 0 !important;
}

.swiper--title {
    text-align: center;
    font-size: calc(100vw / 375 * 28);
    font-weight: normal;
    color: rgba(255, 255, 255, 1);
    line-height: calc(100vw / 375 * 40);
}

.swiper--word {
    text-align: center;
    font-size: calc(100vw / 375 * 20);
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
    line-height: calc(100vw / 375 * 30);
}

.create_wallet--ico,
.create_wallet--icoF {
    font-size: calc(100vw / 375 * 300);
    color: #00ffff;
    line-height: calc(100vw / 375 * 300);
    height: calc(100vw / 375 * 300);
}

.create_wallet--icoF {
    line-height: 440px;
}

.create_wallet--btn {
    margin: 0 auto;
    width: calc(100vw / 375 * 200);
    height: calc(100vw / 375 * 43);
    border-radius: calc(100vw / 375 * 5);
    border: 1px solid #00ffff;
    font-size: calc(100vw / 375 * 15);
    font-weight: normal;
    color: #00ffff;
    line-height: calc(100vw / 375 * 43);
    text-align: center;
    margin-top: calc(100vw / 375 * 30);
}

.has_wallet--btn {
    margin: 0 auto;
    width: 200px;
    height: 43px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
    line-height: 43px;
    text-align: center;
    margin-top: 10px;
}

.word--icoW {
    color: #000000;
    font-weight: 700;
    background-color: #EFB910;
    border-radius: 50%;
    padding-left: 1px;
}

.word--bg {
    background-color: #ffffff !important;
}

.word--transfer {
    height: 500px;
    margin: 0;
}

.word--title {
    font-size: 19px;
    font-weight: normal;
    color: rgba(31, 40, 51, 1);
    text-align: left;
    line-height: 35px;
}

.word_detail--title,
.word_validation--title {
    text-align: center;
    font-size: 30px;
    font-weight: normal;
    color: rgba(31, 40, 51, 1);
    line-height: 55px;
}

.word_detail--details,
.word_validation--text {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
}

.word_tips--words {
    justify-content: center;
}

.word_tips--items {
    background-color: #ffffff;
    border: 1px solid #C4C4C5;
    border-radius: 5px;
    font-size: 16px;
    font-weight: normal;
    color: rgba(0, 0, 0, 1);
    padding: 3px 4px;
    margin: 5px 3px;
}

.word_tips--copy {
    font-size: 20px;
    font-weight: normal;
    color: rgba(31, 40, 51, 1);
    text-align: center;
}

.word--warning {
    position: fixed;
    bottom: 90px;
    width: 100%;
}

.word--warning-next {
    bottom: 90px;
    width: 100%;
}

.word_warning--word {
    padding: 7px 0;
    margin: 5px 42px;
    /*height: 55px;*/
    background-color: #EEEEEF;
    border-radius: 8px;
    flex-direction: column;
    text-align: center;
}

.backup-bar {
    background-image: linear-gradient(0deg, #fff, #fff 50%, transparent 50%)
}

.word--warning--ico {

}

.word--warning--text {
    font-size: 15px;
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
}

.word--warning--btn {
    margin: 0 42px;
}

.header-box--btnZ {
    background-color: #C8C9CA;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    font-size: 15px;
    font-weight: normal;
    color: rgba(158, 158, 159, 1);
    color: #303030;
}

.word_validation--area {
    background-color: #EEEEEF;
    margin: 0;
    margin-top: 10px;
}

.word--icons {
    transform: scale(1.2);
}

.header--padding {
    line-height: 44px;
    right: 5px;
}

.button--return.header-notice-icon:before {
    color: #fff !important;
}

/*进度条*/
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress {
    height: 25px;
    /*background: #262626;*/
    padding: 5px;
    overflow: visible;
    border-radius: 20px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #494b4c;
}

.progress .progress-bar {
    border-radius: 20px;
    position: relative;
    animation: animate-positive 2s;
}

.progress .progress-value {
    display: block;
    padding: 3px 7px;
    font-size: 13px;
    color: #fff;
    border-radius: 4px;
    background: #373B43;
    border: 1px solid #373B43;
    position: absolute;
    top: -40px;
    right: -10px;
}

.progress .progress-value:after {
    content: "";
    border-top: 10px solid #373B43;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: -6px;
    left: 26%;
}

.progress-bar-success {
    background-color: #009844;
}

.progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar.active {
    animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
}

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

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
    background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
    background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

@-webkit-keyframes animate-positive {
    0% {
        width: 0;
    }
}

@keyframes animate-positive {
    0% {
        width: 0;
    }
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

/************* bto *************/
.container-layer {
    position: relative;
    z-index: 1;
}

.mask-layer {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#launcher {
    display: none;
}

.help-home {
    background: transparent;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    color: #00ffff;
    top: -5px;
}

.help-orders {
    margin-top: -5px;
    color: #00ffff;
}

.help-transfer {
    position: absolute;
    right: 0;
    top: 0;
    color: #00ffff;
    font-size: 13px;
}

.help-orders-status-left {
    color: #00ffff;
    font-size: 15px;
}

.help-orders-status-right {
    display: inline-block;
    color: #00ffff;
    font-size: 10px;
    text-align: center;
}

.help-product-bill-list {
    display: inline-block;
    color: #00ffff;
    font-size: 12px;
    text-align: center;
    position: absolute;
    right: 50px;
    line-height: 32px;
}

.content-bg {
    padding-bottom: calc(100vw / 375 * 10) !important;
}

.content-top-bg {
    padding: calc(100vw / 375 * 10) 0 !important;
}

.financial-box-bg {
    padding: calc(100vw / 375 * 30) calc(100vw / 375 * 15) 0 calc(100vw / 375 * 15);
}

.ngdialog-theme-default.qrCode.activation {
    /*padding-top: 60px;*/
    /*padding-bottom: 60px;*/
}

.ngdialog-theme-default.qrCode.activation-1 {
    /*padding-top: 80px;*/
    /*padding-bottom: 80px;*/
}

.has-header.top-status-bar {
    top: 0px;
}

.loading-container {
    z-index: 10001;
}

.ngdialog-content {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.ngdialog.ngdialog-theme-default {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.popup-container {
    z-index: 10001;
}

.popup-container {
    box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 70%)
}

.fil-scroll {
    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;
}

.marquee-list--li {
    /* height: 37px; */
    /* line-height: 37px; */
    font-size: 14px;
    /* padding-left: 0.8rem; */
    /* font-weight: 800; */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s;
    /* font-weight: bold; */
    color: #636363;
}

.dis-img {
    margin-bottom: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 100);
    position: relative;
}

a, button, input, div {
    -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

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

.CarouselA {
    background: transparent;
    padding: 5px 0 !important;
    height: 120px !important;
    border-radius: 6px;
    overflow: hidden;
}

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

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

.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 * 14);
    color: #E8715B;
    height: calc(100vw / 375 * 18);
    line-height: calc(100vw / 375 * 18);
    margin-right: calc(100vw / 375 * 5);
}

.notice-tab .declaration-tab {
    position: relative;
    width: 100%;
    flex: 1;
    box-sizing: border-box;
    padding-bottom: 0;
    background: #fff;
    /* height: 44px; */
    white-space: nowrap;
}

.declaration-tab.notice {
    height: 50px;
    padding-bottom: 0;
    background: transparent;
}

.declaration-tab--op.notice.auction.actived-op {
    font-size: calc(100vw / 375 * 18) !important;
    line-height: calc(100vw / 375 * 18) !important;
    height: calc(100vw / 375 * 18) !important;
    /* font-family: PingFang-SC-Medium; */
    font-weight: 500;
    color: #fff;
    /* line-height: 23px; */
    /* border-bottom: 2px solid #EBB086; */
}

.declaration-tab--op.notice.auction {
    color: rgba(156, 153, 203, 1);
    padding: 0;
    font-size: calc(100vw / 375 * 17) !important;
    height: calc(100vw / 375 * 17) !important;
    line-height: calc(100vw / 375 * 17) !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;
    border-bottom: 0;
}

.jsds-content {
    padding-bottom: calc(100vw / 375 * 7);
}

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

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

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

.header-y {
    margin-top: calc(100vw / 375 * 5);
    margin-bottom: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 14);
    line-height: calc(100vw / 375 * 14);
    height: calc(100vw / 375 * 14);
    font-weight: 400;
    color: rgba(247, 247, 247, 1);
}

.header-y .icon-accessory {
    font-size: calc(100vw / 375 * 10);
    line-height: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 14);
    margin-left: calc(100vw / 375 * 10);
}

.jsds-err {
    /*margin: calc(100vw / 375 * 10) 0;*/
    padding: calc(100vw / 375 * 5) calc(100vw / 375 * 10);
    background: rgba(26, 31, 41, 0.35);
    /* box-shadow: 0px 1px 7px 0px rgb(188 188 188 / 50%); */
    border-radius: calc(100vw / 375 * 5);
    font-size: calc(100vw / 375 * 12);
    line-height: calc(100vw / 375 * 18);
    font-weight: 400;
    color: #999999;
}

.card-icon-detail--svg {
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    /*margin-top: 3px*/
}

.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: #FFFFFF;
    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);
}

.scroll-refresher .ionic-refresher-content .text-pulling {
    font-size: 14px !important;
    line-height: 14px !important;
}

.edui-faked-video.video-js {
    width: 100% !important;
    height: 100% !important;
}

.ngdialog-overlay {
    background: rgba(0, 0, 0, .8) !important;
}

.qrCodeBack {
    background: #FFFFFF;
    padding: 10px;
}

.qrCodeBack-invit {
    background: #FFFFFF;
    padding: 10px;
    bottom: 0;
    position: absolute;
    right: 0;
}

.spinner {
    stroke: #FFF;
    fill: #FFF;
}

.result-card {
    box-sizing: border-box;
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 10);
    background: linear-gradient(135deg, rgba(41, 47, 76, 0.5), rgba(28, 32, 53, 0.5));
    border-radius: calc(100vw / 375 * 18);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.result-card-box {
    padding: calc(100vw / 375 * 10);
}

.right-button {
    right: 10px;
    position: absolute;
}

.ngdialog.ngdialog-theme-default.img .ngdialog-content {
    background: transparent !important;
    width: 90% !important;
    max-width: 90% !important;
}

.ngdialog.ngdialog-theme-default.img .ngdialog-content .ngDialog-content--main {
    margin-top: 0 !important;
    overflow-y: inherit !important;
    width: calc(100vw / 375 * 300);
    height: calc(100vw / 375 * 250);
    margin: auto;
}

.ngdialog.ngdialog-theme-default.img .ngdialog-content .ngDialog-content--main img {
    /*width: calc(100vw / 375 * 300);*/
    /*height: calc(100vw / 375 * 250);*/
    -moz-animation: bsInUp 3s 0s infinite;
    -webkit-animation: bsInUp 3s 0s infinite;
}

@-webkit-keyframes bsInUp {
    0% {
        width: calc(100vw / 375 * 300);
        height: calc(100vw / 375 * 250);
    }

    50% {
        width: calc(100vw / 375 * 270);
        height: calc(100vw / 375 * 225);
    }

    100% {
        width: calc(100vw / 375 * 300);
        height: calc(100vw / 375 * 250);
    }
}

@keyframes bsInUp {
    0% {
        width: calc(100vw / 375 * 300);
        height: calc(100vw / 375 * 250);
    }

    50% {
        width: calc(100vw / 375 * 270);
        height: calc(100vw / 375 * 225);
    }

    100% {
        width: calc(100vw / 375 * 300);
        height: calc(100vw / 375 * 250);
    }
}

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

.notice-tab-dk.top {
    position: relative;
    top: 44px;
    z-index: 100;
}

.has-header.top-notice {
    top: 94px !important;
}

.detail-content-outer {
    padding: 10px;
}

.wallet-connect-box {
    height: calc(100vw / 375 * 30);
    border-radius: calc(100vw / 375 * 30);
    /*padding: 2px;*/
    /*background-image: linear-gradient(180deg, rgba(108, 211, 211, 1), rgba(58, 85, 129, 1));*/
    background: transparent;
    position: absolute;
    right: calc(100vw / 375 * 10);
    top: calc(100vw / 375 * 8);
    border: 1px solid #00ffff;
}

.wallet-connect-inner {
    border-radius: calc(100vw / 375 * 30);
    background: #12161B;
    width: 100%;
    height: 100%;
    padding: calc(100vw / 375 * 2);
}

.wallet-info-net {
    border-radius: calc(100vw / 375 * 30);
    background-image: linear-gradient(90deg, #6CD3D3 0%, #63A2FC 100%);
    width: 100%;
    height: 100%;
    padding: calc(100vw / 375 * 4) calc(100vw / 375 * 10);
    color: #FFFFFF;
    font-size: calc(100vw / 375 * 15);
    /*line-height: 16px;*/
    margin-right: calc(100vw / 375 * 2);
    white-space: nowrap;
}

.wallet-info-net.activated {
    background-image: linear-gradient(90deg, #64A2FC 0%, #3C66A3 100%) !important;
}

.wallet-info-net--shadow {
    border-radius: 30px;
    background: #3C66A3;
    width: 100%;
    height: 100%;
    padding-right: 1px;
}

.wallet-info-addr {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background: #12161B;
    width: 100%;
    height: 100%;
    padding: 2px;
    color: #00ffff;
    font-size: 13px;
    line-height: 13px;
    margin-left: 3px;
}

.wallet-connect-box--light {
    height: calc(100vw / 375 * 30);
    border-radius: calc(100vw / 375 * 30);
    /*padding: 1px;*/
    /*background-image: linear-gradient(180deg, #345C61, #345C61);*/
    background: transparent;
    position: absolute;
    right: calc(100vw / 375 * 10);
    top: calc(100vw / 375 * 10);
    border: 1px solid rgba(0, 255, 255, 0.2);
    z-index: 1;
}

.wallet-connect-inner--light {
    border-radius: calc(100vw / 375 * 30);
    /*background: #68CBCB;*/
    width: 100%;
    height: 100%;
    padding: calc(100vw / 375 * 2);
}

.wallet-info-net--light {
    border-radius: calc(100vw / 375 * 30);
    background: #F7B500;
    /*background-image: linear-gradient(90deg, #345C61 0%, #54A1A5 100%);*/
    width: 100%;
    height: 100%;
    padding: calc(100vw / 375 * 4) calc(100vw / 375 * 10);
    color: #111111;
    font-size: calc(100vw / 375 * 15);
    /*line-height: calc(100vw / 375 * 15);*/
    margin-right: calc(100vw / 375 * 2);
    white-space: nowrap;
}

.wallet-info-net--light.activated {
    background-image: linear-gradient(90deg, #12161B 0%, #12161B 100%) !important;
    color: #00ffff !important;
}

.wallet-info-net--shadow--light {
    border-radius: calc(100vw / 375 * 30);
    background: #345C61;
    width: 100%;
    height: 100%;
    padding-right: calc(100vw / 375 * 1);
}

.wallet-info-addr--light {
    border-top-right-radius: calc(100vw / 375 * 30);
    border-bottom-right-radius: calc(100vw / 375 * 30);
    width: 100%;
    height: 100%;
    padding: calc(100vw / 375 * 2);
    color: rgba(255, 255, 255, 0.8);
    font-size: calc(100vw / 375 * 13);
    line-height: calc(100vw / 375 * 13);
    margin-left: calc(100vw / 375 * 3);
}

button.button-block, button.button-full, .button-full > button.button, input.button.button-block {
    height: 100%;
}