.user-page-bg {
    background: #EBF3F8;
}

.app-page {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2;
    background: #EBF3F8;
    color: #333;
    font-family: PingFang SC, PingFang SC;
}

.app-page .content {
    overflow: auto;
    flex: 1;
}

.app-header .back-icon {
    width: 18px;
    height: 18px;
}

.app-header .edit-icon {
    width: 24px;
    height: 24px;
}

.app-header .kefu-icon {
    width: 22px;
    height: 22px;
}

.app-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    font-size: 18px;
    height: 48px;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}

.modal-box .modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
}

.modal-bottom-box .modal-content {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #333;
    padding: 20px 15px;
    z-index: 10;
}

.modal-bottom-box .modal-content .modal-title {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}
.modal-bottom-box .modal-content .input {
    width: 100%;
    height: 44px;
    padding: 0 10px;
    background-color: #F0F8FF;
    margin: 15px 0;
}
.modal-bottom-box .modal-content .input input {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    outline: none;
}
.modal-bottom-box .modal-content .submit {
    width: 100%;
    height: 44px;
    background: linear-gradient(to right, #0077ED 0%, #00C2ED 90%);
    color: #fff;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
}

.user-index {
    background: #EBF3F8 !important;
    height: 100%;
    width: 100vw;
    color: #333333;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;

}

.user-index::after {
    content: '';
    position: absolute;
    left: -85px;
    top: -140px;
    width: 208px;
    height: 243px;
    background: rgba(21, 181, 255, 0.39);
    filter: blur(56px);
    transform: rotate(25deg);
    z-index: 1;
}



a {
    color: #333333;
    outline: none;
}

.empty-list {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    background-color: #fff;
}

.empty-list .empty-icon {
    width: 134px;
}

.empty-list .empty-text {
    font-size: 16px;
    margin-top: 10px;
}

.empty-list .empty-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 194, 237, 0.1);
    border: 1px solid #0077ED;
    font-size: 16px;
    color: #0179ED;
    margin-top: 60px;
    height: 38px;
    border-radius: 38px;
    width: 154px;
}


.user-index .content {
    padding: 0 14px 50px;
    flex: 1;
    overflow: auto;
}

.user-index .userInfo {
    display: flex;
    align-items: center;
    padding-top: 20px;
    position: relative;
    z-index: 2;
}

.user-index .userInfo .avatar-box {
    width: 60px;
    height: 60px;
    position: relative;
}

.user-index .userInfo .avatar-box .avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.user-index .userInfo .avatar-box .camera-icon {
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: 0;
    right: 6px;
}

.user-index .avatarFile {
    position: fixed;
    left: -999px;
    top: -999px;
    opacity: 0;
}

.user-index .userInfo .user-name-box {
    padding-left: 15px;
}

.user-index .userInfo .user-name-box .user-name {
    font-size: 16px;
    color: #41200D;
    display: flex;
    align-items: center;
}

.user-index .userInfo .user-name-box .user-name .edit-text {
    width: 16px;
    height: 16px;
    margin-left: 4px;
}

.user-index .userInfo .user-name-box .user-phone {
    font-size: 12px;
    color: #999999;
    line-height: 18px;
    margin-top: 3px;
}

.user-index .assets-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg, #73bdfd 0%, #38a1fd 70%);
    color: #fff;
    padding: 19px 17px 19px 20px;
    border-radius: 10px;
    margin-top: 20px;
}

.user-index .assets-info .assets-money .money-label {
    font-size: 14px;
    display: flex;
    align-items: center;
}

.user-index .assets-info .assets-money .money-label .see-icon {
    width: 16px;
    height: 16px;
    margin-left: 8px;
}

.user-index .assets-info .assets-money .money {
    font-family: Gilroy, Gilroy;
    font-weight: bold;
    font-size: 32px;
    margin-top: 8px;
    line-height: 28px;
}

.user-index .assets-info .detail-btn {
    background-color: rgba(255, 255, 255, 0.50);
    width: 84px;
    height: 34px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #FFFFFF;
}

.user-index .form-box {
    background: #fff;
    border-radius: 20px;
    padding: 20px 10px;
    margin-top: 10px;
}

.user-index .form-box .form-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    font-size: 14px;
    color: #333333;
}

.user-index .form-box .form-item:last-child {
    margin-bottom: 0;
}

.user-index .form-box .form-item .left {
    display: flex;
    align-items: center;
}

.user-index .form-box .form-item .left .icon {
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

.user-index .form-box .form-item .right .arrow {
    width: 14px;
    height: 14px;
}


.user-index .weui-cells {
    background: #fff !important;
}

.user-index .weui-cell {
    background: #EBF3F8 !important;
}



/* 钱包页 */
.user-wallet-page {
    background: #EBF3F8;
    height: 100%;
    width: 100vw;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    color: #333333;
    position: relative;
}

.user-wallet-page::after {
    content: '';
    position: absolute;
    width: 100vw;
    height: 208px;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #36a1ff 0%, #e3eff8 70%);
}

.user-wallet-page .app-header {
    color: #fff;
}

.user-wallet-page .content {
    position: relative;
    z-index: 2;
    padding: 20px 15px;
    flex: 1;
    overflow: auto;
}

.user-wallet-page .content .wallet-header {
    background: #fff;
    position: relative;
    border-radius: 10px;
    padding: 19px 20px;
}

.user-wallet-page .content .wallet-header .wallet-log {
    position: absolute;
    right: 9px;
    top: -29px;
    width: 114px;
    height: 114px;
}

.user-wallet-page .content .wallet-header .header-text {
    font-size: 14px;
}

.user-wallet-page .content .wallet-header .header-money {
    font-family: Gilroy, Gilroy;
    font-weight: bold;
    font-size: 32px;
    margin-top: 10px;
    line-height: 30px;
}

.user-wallet-page .content .wallet-header .withdrawal-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
}

.user-wallet-page .content .wallet-header .button-content {
    width: 147px;
    height: 38px;
    border: 1px solid rgba(227, 227, 227, 1);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
}

.user-wallet-page .content .wallet-header .button-content2 {
    background: linear-gradient(to right, rgba(0, 119, 237, 1) 0%, rgba(0, 194, 237, 1) 90%);
    color: #fff;
}

.user-wallet-page .content .kefu-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    margin-top: 10px;
    border-radius: 4px;
    height: 40px;
    padding: 7px;
    overflow: hidden;
}

.user-wallet-page .content .kefu-info .kefu-icon {
    width: 26px;
    height: 23px;
    margin-right: 5px;
    font-size: 12px;
}

.user-wallet-page .content .kefu-info .button-content {
    background: rgba(1, 121, 237, 0.10);
    border: 1px solid rgba(1, 121, 237, 1);
    font-weight: 600;
    font-size: 10px;
    color: #0179ED;
    padding: 0 12px;
    border-radius: 20px;
    height: 22px;
    line-height: 21px;
    display: inline-block;
}

.user-wallet-page .wallet-list-box {
    margin-top: 12px;

}

.user-wallet-page .wallet-list-box .wallet-list-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #0178eb;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 0 10px 0 20px;
    height: 34px;
    position: relative;
}

.user-wallet-page .wallet-list-box .wallet-list-title::after {
    content: '';
    position: absolute;
    background-color: rgba(255, 182, 11, 1);
    width: 4px;
    height: 12px;
    top: 50%;
    left: 10px;
    border-radius: 3px;
    transform: translateY(-50%);
}

.user-wallet-page .wallet-list-box .wallet-list-title .title {
    font-weight: 600;
    font-size: 16px;
}

.user-wallet-page .wallet-list-box .wallet-list-title .arrow {
    width: 12px;
    height: 12px;
    margin-left: 4px;
}

.user-wallet-page .wallet-list {}

.user-wallet-page .wallet-list .item {
    margin-bottom: 10px;
    background: #fff;
    padding: 20px 10px;
    border-radius: 10px;
}

.user-wallet-page .wallet-list .item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.user-wallet-page .wallet-list .item .order-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.user-wallet-page .wallet-list .item .order-info .left {
    font-size: 14px;
    color: #666666;
}

.user-wallet-page .wallet-list .item .order-info .right {
    font-size: 12px;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.user-wallet-page .wallet-list .item .order-info .copy-icon {
    width: 18px;
    height: 18px;
    padding-left: 6px;
}

.user-wallet-page .wallet-list .item .order-info .moeny {
    font-weight: bold
}

.user-wallet-page .wallet-list .item .more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #0179ED;
}

.user-wallet-page .wallet-list .item .more-btn .arrow-icon {
    width: 14px;
    height: 14px;
    margin-left: 4px;
}

/* 提现页 */
.tixian-page {
    background: #EBF3F8;
    height: 100%;
}

.tixian-page .app-header {
    background-color: #fff;
    color: #333;
}

.tixian-page .content {
    padding: 10px 15px;
}

.tixian-page .content .form-box {
    background-color: #fff;
    padding: 10px;
    border-radius: 15px;
}

.tixian-page .content .form-box .base-input {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333333;
    display: flex;
    align-items: center;
}

.tixian-page .content .form-box .base-input:last-child {
    margin-bottom: 0px;
}

.tixian-page .content .form-box .base-input .input-label {
    width: 86px;
    flex-shrink: 0;
}

.tixian-page .content .form-box .base-input .input-box {
    background-color: rgb(240 248 255);
    height: 38px;
    border-radius: 6px;
    flex: 1;
    padding: 0 13px;
}

.tixian-page .content .form-box .base-input .input-box input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background-color: transparent;

}

.tixian-page .content .money-tips {
    margin-top: 30px;
    font-size: 12px;
    color: #0179ED;
    text-align: center;
}

.tixian-page .content .kefu-tips {
    font-size: 12px;
    color: #999999;
    margin-top: 6px;
    text-align: center;
}

.tixian-page .footer-box {
    height: 80px;
    padding: 0 35px;
}

.tixian-page .footer-box .button-content {
    width: 100%;
    height: 44px;
    background: linear-gradient(to right, #0077ED 0%, #00C2ED 90%);
    color: #fff;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
}


/* 修改密码 */


.change-pass-page {
    background: #EBF3F8;
    height: 100%;
}

.change-pass-page .app-header {
    background-color: #fff;
    color: #333;
}

.change-pass-page .content {
    padding: 10px 15px;
}

.change-pass-page .content .form-box {
    background-color: #fff;
    padding: 10px;
    border-radius: 15px;
}

.change-pass-page .content .form-box .base-input {
    margin-bottom: 10px;
    font-size: 14px;
    color: #333333;
    display: flex;
    align-items: center;
}

.change-pass-page .content .form-box .base-input:last-child {
    margin-bottom: 0px;
}

.change-pass-page .content .form-box .base-input .input-label {
    width: 86px;
    flex-shrink: 0;
}

.change-pass-page .content .form-box .base-input .input-box {
    background-color: rgb(240 248 255);
    height: 38px;
    border-radius: 6px;
    flex: 1;
    padding: 0 13px;
}

.change-pass-page .content .form-box .base-input .input-box input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background-color: transparent;

}

.change-pass-page .content .money-tips {
    margin-top: 30px;
    font-size: 12px;
    color: #0179ED;
    text-align: center;
}

.change-pass-page .content .kefu-tips {
    font-size: 12px;
    color: #999999;
    margin-top: 6px;
    text-align: center;
}

.change-pass-page .footer-box {
    height: 80px;
    padding: 0 35px;
}

.change-pass-page .footer-box .button-content {
    width: 100%;
    height: 44px;
    background: linear-gradient(to right, #0077ED 0%, #00C2ED 90%);
    color: #fff;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
}


/* 金币记录 */

.wallet-record-page .record-list {
    padding: 10px;
}

.wallet-record-page .record-list .record-item {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}

.wallet-record-page .record-list .record-item .record-title {
    font-size: 14px;
    color: #333333;
    line-height: 18px;
    padding-left: 10px;
    position: relative;
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 12px;
}

.wallet-record-page .record-list .record-item .record-title::after {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 4px;
    height: 12px;
    background: #0179ED;
    border-radius: 4px;
}

.wallet-record-page .record-list .record-item .record-item-content {
    padding-top: 12px;
}

.wallet-record-page .record-list .record-item .item-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    color: #666666;
    line-height: 14px;
}

.wallet-record-page .record-list .record-item .item-content:last-child {
    margin-bottom: 0;
}

.wallet-record-page .record-list .record-item .item-content .trade-status {}

.wallet-record-page .record-list .record-item .item-content .value {
    font-weight: bold;
    font-size: 12px;
    color: #333333;
}

.wallet-record-page .record-list .record-item .item-content .trade-status {
    background: rgba(255, 51, 11, 0.20);
    border: 1px solid #FF330B;
    color: #FF330B;
    height: 24px;
    display: flex;
    align-items: center;
    padding: 0 13px;
}

.wallet-record-page .record-list .record-item .item-content .trade-status2 {
    background: rgba(0, 209, 154, 0.20);
    border: 1px solid #00D19A;
    color: #00D19A;
}

/* 投注规则 */
.rule-page {
    background: #fff;
}

.rule-page .empty-list {
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}

.rule-page .empty-list span {}


/* 个人设置 */
.setting-page .app-header {
    background-color: #fff;
}

.setting-page .content {
    padding: 10px 10px;
}

.setting-page .user-info-box {
    position: relative;
    width: 100%;
    height: 115px;
    margin: auto;
}

.setting-page .user-info-box .setting-user-bg {
    width: 100%;
    height: 100%;
}

.setting-page .user-info-box .user-info {
    display: flex;
    align-items: center;
    position: absolute;
    left: 30px;
    right: 30px;
    top: 20px;
    z-index: 2;
}

.setting-page .user-info-box .user-info .avatar-box {
    width: 60px;
    height: 60px;
    border-radius: 40px;
    flex-shrink: 0;
}

.setting-page .user-info-box .user-info .avatar-box .avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.setting-page .user-info-box .user-info .user-name-box {
    flex: 1;
    color: #fff;
    font-size: 12px;
    padding-left: 12px;
}

.setting-page .user-info-box .user-info .user-name-box .user-name {
    font-size: 16px;
    margin-bottom: 6px;
}

.setting-page .from-box {
    background: #fff;
    border-radius: 10px;
    padding: 20px 10px;
    margin: 0 5px 10px;
}

.setting-page .from-box .form-item {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.setting-page .from-box .form-item:last-child {
    margin-bottom: 0;
}

.setting-page .from-box .form-item .left {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #666666;
}

.setting-page .from-box .form-item .left .icon {
    width: 20px;
    height: 20px;
    margin-right: 12px;
}

.setting-page .from-box .form-item .right .arrow {
    width: 14px;
    height: 14px;
}


/* 体现账户管理 */
.bankBind-page {
    background: #fff;
}

.bankBind-page .user-info-box {
    position: relative;
    width: 100%;
    height: 115px;
    margin: auto;
}

.bankBind-page .user-info-box .setting-user-bg {
    width: 100%;
    height: 100%;
}

.bankBind-page .user-info-box .user-info {
    display: flex;
    align-items: center;
    position: absolute;
    left: 30px;
    right: 30px;
    top: 20px;
    z-index: 2;
}

.bankBind-page .user-info-box .user-info .avatar-box {
    width: 60px;
    height: 60px;
    border-radius: 40px;
    flex-shrink: 0;

}

.bankBind-page .user-info-box .user-info .avatar-box .avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.bankBind-page .user-info-box .user-info .user-name-box {
    flex: 1;
    color: #fff;
    font-size: 12px;
    padding-left: 12px;
}

.bankBind-page .user-info-box .user-info .user-name-box .user-name {
    font-size: 16px;
    margin-bottom: 6px;
}

.bankBind-page .user-info-box .name-tip {
    position: absolute;
    top: 10px;
    right: 30px;
    font-size: 10px;
    color: #F3F3F3;
    line-height: 18px;
}

.bankBind-page .content .from-title {
    margin: 10px 15px 10px;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    position: relative;
    padding: 0 10px;
}

.bankBind-page .content .from-title::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 12px;
    background: #0179ED;
    border-radius: 4px;
    transform: translateY(-50%);
}

.bankBind-page .content .from-box {
    padding: 0 15px;
}

.bankBind-page .content .from-box .from-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.bankBind-page .content .from-box .from-item .input-label {
    width: 64px;
    flex-shrink: 0;
}

.bankBind-page .content .from-box .from-item .input-box {
    flex: 1;
    background: #F0F8FF;
    height: 40px;
    padding: 0 10px;
    border-radius: 6px;
    display: flex;
    align-items: center;
}

.bankBind-page .content .from-box .from-item .input-box input {
    flex: 1;
    height: 100%;
    background: transparent;
    outline: none;
    border: none;
    font-size: 12px;
    color: #666666;
}

.bankBind-page .content .from-box .from-item .input-box .send-code-btn {
    height: 28px;
    background: #0179ED;
    padding: 0 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 6px;
    color: #fff;
    font-size: 10px;
}


.bankBind-page .footer-box {
    height: 80px;
    padding: 0 35px;
}

.bankBind-page .footer-box .button-content {
    width: 100%;
    height: 44px;
    background: linear-gradient(to right, #0077ED 0%, #00C2ED 90%);
    color: #fff;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
}


/* 新闻咨询 */
.news-page .app-header {
    background: #fff;
}

.news-page .content .record-list {
    padding: 10px 15px;
}

.news-page .content .record-list .record-item {
    background: #fff;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 10px;
}

.news-page .content .record-list .record-item .trade-type {
    font-size: 16px;
}

.news-page .content .record-list .record-item .trade-name {
    font-size: 14px;
    color: #0179ED;
    margin-top: 6px;
}

.news-page .content .record-list .record-item .trade-name p {
    margin: 0 !important;
}

.news-page .content .record-list .record-item .trade-time {
    font-size: 12px;
    color: #999999;
    margin-top: 4px;
}


/* 成为代理 */
.proxy-page .app-header {
    background: #fff;

}

.proxy-page .content {
    display: flex;
    flex-direction: column;
}

.proxy-page .content .content-bg {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 208px;
}

.proxy-page .content .content-bg .bg-img {
    width: 100%;
    height: 100%;
}

.proxy-page .content .content-bg .tips-text {
    position: absolute;
    left: 28px;
    top: 40px;
    z-index: 2;
}

.proxy-page .content .content-bg .tips-text p {
    text-align: left !important;
    margin: 0 0 4px !important;
}

.proxy-page .content .content-bg .tips-text p>span {
    font-size: 26px !important;
    color: #FFFFFF !important;
}

.proxy-page .content .content-bg .tips-text p:last-child>span {
    font-size: 16px !important;
}

.proxy-page .content .card-box {
    margin: -67px 14px 0;
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 20px 10px;
    flex: 1;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.proxy-page .content .card-box .card-title {
    position: relative;
    padding-left: 10px;
    font-size: 16px;
}

.proxy-page .content .card-box .card-title::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 12px;
    background: #0179ED;
    border-radius: 4px;
}

.proxy-page .content .from-box {
    padding: 10px 0px;
    flex: 1;
}

.proxy-page .content .from-box .from-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.proxy-page .content .from-box .from-item .input-label {
    width: 74px;
    flex-shrink: 0;
    font-size: 14px;
}

.proxy-page .content .from-box .from-item .input-box {
    flex: 1;
    background: #F0F8FF;
    height: 40px;
    padding: 0 10px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.proxy-page .content .from-box .from-item .input-box input {
    flex: 1;
    height: 100%;
    background: transparent;
    outline: none;
    border: none;
    font-size: 12px;
    color: #666666;
}

.proxy-page .footer-box {
    height: 60px;
    padding: 0 20px;
}

.proxy-page .footer-box .button-content {
    width: 100%;
    height: 44px;
    background: linear-gradient(90deg, #0077ED 0%, #00C2ED 100%);
    color: #fff;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
}


/* 推荐 */
.qrcode-page {
    background: #fff;
}

.qrcode-page .content {
    padding: 15px 15px;
}

.qrcode-page .content .qr-code {
    width: 172px;
    height: 172px;
    background: #EEF7FF;
    border-radius: 10px 10px 10px 10px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qrcode-page .content .qr-code-title {
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
}

.qrcode-page .content .card-list .card-item {
    width: 100%;
    margin-bottom: 10px;
}

.qrcode-page .content .card-list .card-item .card-item-title {
    position: relative;
    padding-left: 10px;
    font-size: 16px;
    margin-bottom: 10px;
}

.qrcode-page .content .card-list .card-item .card-item-title::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 12px;
    background: #FFB60B;
    border-radius: 4px;
    transform: translateY(-50%);
}

.qrcode-page .content .card-list .card-item .card-item-input {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #EEF7FF;
    border-radius: 10px;
    padding: 0 13px;
    width: 100%;
}

.qrcode-page .content .card-list .card-item .card-item-input .btn-url {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    padding-right: 10px;
}

.qrcode-page .content .card-list .card-item .card-item-input .btn-copy {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
}

.qrcode-page .content .card-list .card-item .card-item-input .btn-copy img {
    width: 100%;
    height: 100%;
}

.qrcode-page .content .card-desc {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #999999;
}

.qrcode-page .content .card-desc .icon {
    width: 18px;
    height: 18px;
    margin-right: 7px;
}

.qrcode-page .content .submit-btn {
    width: 100%;
    height: 42px;
    background: linear-gradient(90deg, #0077ED 0%, #00C2ED 100%);
    color: #fff;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 48px;
}

/* 投注记录 */
.touzhu-record-page {}

.touzhu-record-page .nav-list {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 4;
    width: 100%;
    padding: 15px 20px;
}

.touzhu-record-page .nav-list .tab-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    color: #999999;
    font-size: 16px;
}

.touzhu-record-page .nav-list .tab-item.active {
    position: relative;
    color: #333;
    font-weight: bold;
}

.touzhu-record-page .nav-list .tab-item.active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    margin: auto;
    height: 4px;
    width: 26px;
    border-radius: 8px;
    background: linear-gradient(to right, #0179ED 0%, rgba(1, 121, 237, 0) 100%);
}

.touzhu-record-page .content .record-list {
    padding: 5px 15px;

}

.touzhu-record-page .content .record-list .record-item {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

.touzhu-record-page .content .record-list .record-item .title {
    position: relative;
    line-height: 18px;
    padding: 0px 0 12px 10px;
    border-bottom: 1px solid #F0F0F0;
    min-height: 30px;
}

.touzhu-record-page .content .record-list .record-item .title::after {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 4px;
    height: 12px;
    background: #0179ED;
    border-radius: 4px;
}

.touzhu-record-page .content .record-list .record-item .item-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.touzhu-record-page .content .record-list .record-item .item-content .label {
    color: #666;
    font-size: 14px;
}

.touzhu-record-page .content .record-list .record-item .item-content .value {
    color: #333;
    font-weight: bold;
    font-size: 12px;
}

.touzhu-record-page .content .record-list .record-item .item-content .amount {
    color: #0179ED;
}

.touzhu-record-page .content .record-list .record-item .item-content .status {
    border: 1px solid #00D19A;
    background: rgba(0, 209, 154, 0.2);
    height: 24px;
    padding: 0 7px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00D19A;
    font-size: 12px;
}

.touzhu-record-page .content .record-list .record-item .item-content .status0 {
    background: rgba(255, 0, 0, .3);
    border-color: red;
    color: red;
}

.touzhu-record-page .content .record-list .record-item .item-content .status1 {
    background: rgba(255, 182, 11, 0.2);
    border-color: #FFB60B;
    color: #FFB60B;
}

/* 消息 */
.msg-page {
    background: #fff;
}

.msg-page .record-list {
    padding: 20px 15px 0;
}

.msg-page .record-list .record-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.msg-page .record-list .record-item .record-item-content {
    padding-left: 7px;
    flex: 1;
    position: relative;
}

.msg-page .record-list .record-item .record-item-content .trade-type {
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    line-height: 22px;
    height: 22px;
}

.msg-page .record-list .record-item .record-item-content .trade-text {
    font-weight: 500;
    font-size: 12px;
    color: #999999;
    line-height: 22px;
    height: 22px;
    margin-top: 4px;
}

.msg-page .record-list .record-item .record-item-content .trade-time {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #999999;
}
/*变动明细*/
.ckmax-all-page {
    background: #EBF3F8;
}
.ckmax-all-page .wallet-list-box {
    margin-top: 12px;
    padding: 0 15px;
}

.ckmax-all-page .wallet-list-box .wallet-list-title .arrow {
    width: 12px;
    height: 12px;
    margin-left: 4px;
}


.ckmax-all-page .wallet-list .item {
    margin-bottom: 10px;
    background: #fff;
    padding: 20px 10px 10px;
    border-radius: 10px;
}

.ckmax-all-page .wallet-list .item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ckmax-all-page .wallet-list .item .order-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.ckmax-all-page .wallet-list .item .order-info .left {
    font-size: 14px;
    color: #666666;
}

.ckmax-all-page .wallet-list .item .order-info .right {
    font-size: 12px;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ckmax-all-page .wallet-list .item .order-info .copy-icon {
    width: 18px;
    height: 18px;
    padding-left: 6px;
}

.ckmax-all-page .wallet-list .item .order-info .moeny {
    font-weight: bold
}
.ckmax-all-page .wallet-list .item .order-info .btn-box {
    width: 70px;
    height: 26px;
    background: #0179ED;
    border-radius: 3px;
    color: #fff;
    display: flex;
    align-items: color;
    justify-content: center;
}


/*登录*/
.login-page {
    background: linear-gradient( 180deg, #F4F7FF 0%, #FFFFFF 100%);
    position: relative;
}
.login-page .content {
    padding: 0 15px ;
    position: relative;
    z-index: 2;
}
.login-page .base-input {
    display: flex;
    align-items: content;
    margin-bottom: 15px;
}
.login-page .base-input .input-label {
    width: 60px;
    margin-right: 10px;
    display: flex;
    align-items: center;
}
.login-page .base-input .input-value {
    background: #EFF3FF;
    height: 44px;
    border-radius: 25px;
    padding: 0 14px;
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}
.login-page .base-input .input-value input {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #BABABA;
    height: 100%;
    flex: 1;
    border: none;
    outline: none;
    background-color: #EFF3FF !important;
}
.login-page .base-input .input-value .send-code-btn {
    flex-shrink: 0;
    height: 34px;
    background: #0C77FD;
    padding: 0 9px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 12px;
    border-radius: 30px;
}
.login-page .base-button {
    width: 100%;
    height: 46px;
    background: linear-gradient( to right, #01C0ED 0%, #0B75FD 100%);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 30px;
}
.login-page .button--dark {
    background: #E9E9E9;
    color: #333333;
}
.login-page .customer-service {
    font-size: 12px;
    color: #088FF8;
    display: flex;
    justify-content: center;
}
.login-page .content .logo {
    width: 60px;
    height: 60px;
}
.login-page .content .logo-text {
    font-family: HYXiaoBoMeiYanTiJ, HYXiaoBoMeiYanTiJ;
    font-size: 24px;
    color: #333333;
    margin: 9px 0;
}
.login-page .content .go-login-btn {
    display: flex;
    align-items: content;
    justify-content: center;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    margin-bottom: 12px;
}
.login-page .content .go-login-btn a {
    color: #0B75FD;
}

.register-page::after {
    content: '';
    position: absolute;
    right: -65px;
    top: -120px;
    width: 208px;
    height: 243px;
    background: rgba(21, 181, 255, 0.39);
    filter: blur(56px);
    transform: rotate(25deg);
    z-index: 1;
}