fontend-app/html/wallet/css/recharge.scss

@charset "UTF-8";
//选项卡的颜色位置等样式
.mui-bar-nav~.mui-content .mui-slider.mui-fullscreen {
    top: 1.1rem;
}

#sliderSegmentedControl {
    background: #FFFFFF;
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item {
    color: #333333;
}

.mui-table-view {
    background: #FFFFFF;
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
     border: none;
     background: #FFFFFF !important;
}

//二维码样式
.coin-code {
    background-color: #FFFFFF;
    width: 240px;
    height: 240px;
    margin: .6rem auto;
    padding: 20px;
    text-align: center;
}

//充值地址样式
.recharge-address-box {
    width: 90%;
    margin: 0 auto;
    p {
        width: 100%;
        color: #333333;
        font-size: .24rem;
        padding: .2rem 0;
    }
    .recharge-address {
        display: flex;
        justify-content: space-between;
        align-items: center;
        span {
            width: 70%;
            color: #666666;
            font-size: .2rem;
            word-break: break-all;
        }
        img {
            width: .27rem !important;
            height: .32rem;
        }
    }
}

//注意事项样式
.recharge-note {
    width: 90%;
    margin: .5rem auto;
    p {
        width: 100%;
        color: #999999;
    }
}

.btn-recharge{
    width:100%;
    height:.86rem;
    background:linear-gradient(90deg,rgba(255,157,0,1) 0%,rgba(255,205,52,1) 100%);
    position: fixed;
    bottom: 0;
    line-height: .86rem;
    color: #FFFFFF;
    text-align: center;
    border: 1px solid #FFCD34;
    z-index: 99;
}