fontend-app/html/wallet/css/withdraw.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: #F1F1F1;
}
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
    border: none;
}
//去除mui带来的input
input[type=text]{
    padding: 0;
}
input[type=number]{
    padding: 0;
}

//可用资产样式
.coin-info {
    width: 100%;
    height: 2rem;
    background: #FFFFFF;
    text-align: center;
    span {
        display: block;
        padding: .3rem 0;
    }
    .coin-available {
        color: #333333;
        font-size: .24rem;
    }
    .coin-available-num {
        color: #333333;
        font-size: .37rem;
    }
}

//手续费样式
.withdraw {
    width: 100%;
    height: 2rem;
    background: #FFFFFF;
    margin-top: .2rem;
    padding-left: .2rem;
    p {
        color: #333333;
        font-size: .24rem;
        padding: .15rem 0;
    }
    .withdraw-info {
        width: 100%;
        input {
            width: 74%;
            height: .6rem;
            background: #F1F1F1;
            border: 1px solid #F1F1F1;
            border-radius: 4px;
            color: #333333;
            padding-left: .2rem;
            &::-webkit-input-placeholder {
                color: #999999;
                font-size: .2rem;
                padding: 0 !important;
            }
        }
        label {
            color: #6584AB;
            font-size: .24rem;
            padding-left: .2rem;
        }
    }
    .withdraw-cost {
        width: 75%;
        display: flex;
        justify-content: space-between;
        margin-top: -.08rem;
        span {
            color: #999999;
            font-size: .17rem;
        }
    }
}

.withdraw-address {
    width: 100%;
    height: 2rem;
    background: #FFFFFF;
    margin-top: .2rem;
    padding-left: .2rem;
    position: relative;
   
    p {
        color: #333333;
        font-size: .24rem;
        padding: .3rem 0;
    }
    input {
        width: 82%;
        height: .6rem;
        background: #FFFFFF;
        border: none;
        border-bottom: 1px solid #F1F1F1;
        color: #333333;
        font-size: .2rem;
        
        &::-webkit-input-placeholder {
            color: #999999;
            font-size: .2rem;
            text-align: left;
        }
    }
    img {
        width: .29rem !important;
        height: .29rem;
        position: absolute;
        top: 1.05rem;
        right: .44rem;
    }
}

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