@charset "UTF-8";
.coin {
    width: 100%;
    height: 4.65rem;
    background: #FFFFFF;
    .coin-kind {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: .2rem;
        .coin-kind-img {
            width: .72rem;
            height: .72rem;
            border-radius: 50%;
            //          background: linear-gradient(0deg, rgba(34, 140, 250, 1) 0%, rgba(5, 184, 211, 1) 100%);
            //          border: 3px solid #21365A;
            img {
                width: 100%;
                height: 100%;
            }
        }
        .coin-kind-txt {
            font-size: .29rem;
            color: #333333;
            padding-left: .2rem;
        }
    }
    .coin-item {
        .coin-item-list {
            width: 90%;
            display: flex;
            justify-content: space-between;
            font-size: .24rem;
            margin: 0 auto;
            &:nth-child(3) {
                border-bottom: 1px solid #F1F1F1;
                padding-bottom: .1rem;
            }
            span {
                padding: .1rem 0;
            }
            .coin-item-list-txt {
                color: #333333;
                white-space: nowrap;
            }
            .coin-item-list-num {
                color: #999999;
                text-align: right;
            }
        }
    }
}

//去交易样式
.transaction {
    width: 100%;
    background: #FFFFFF;
    h3 {
        font-size: .37rem;
        font-weight: 500;
        color: #333333;
        padding: .3rem;
    }
    .transaction-data {
        color: #999999;
        background-color: initial;
        .transaction-data-title {
            padding-left: 5%;
            padding-right: 5%;
            padding-bottom: .1rem;
        }
        .transaction-data-record {
            background-color: initial;
            .mui-table-view-cell {
                padding-left: 5%;
                padding-right: 5%;
            }
        }
    }
    .btn {
        position: absolute;
        width: 100%;
        bottom: .3rem;
        .btn-recharge,
        .btn-withdraw, .btn-transfer{
            width: 1.98rem;
            height: .6rem;
            background: linear-gradient(90deg, rgba(34, 140, 250, 1) 0%, rgba(4, 184, 211, 1) 98%);
            border-radius: .08rem;
            font-size: .27rem;
            font-weight: 400;
            color: #FFFFFF;
            line-height: .6rem;
            margin: 0 auto;
            text-align: center;
        }
        .btn-withdraw {
            background: linear-gradient(90deg, rgba(255, 157, 0, 1) 0%, rgba(255, 205, 52, 1) 100%);
        }
         .btn-transfer {
            background: #D43436;
        }
        
    }
}

.transaction {
    position: absolute;
    width: 100%;
    top: 5.8rem;
    bottom: 0;
}

.record-contorol {
    position: absolute;
    width: 100%;
    top: 1.4rem;
    bottom: 0rem;
}

.record-contorol .mui-scroll-wrapper {
    bottom: 1rem;
}

.mui-table-view:before,
.mui-table-view:after {
    height: 0;
}

.mui-pull-bottom-wrapper,
.mui-pull-loading {
    background-color: #152136 !important;
}

.mui-active {
    background-color: #EEEEEE !important;
}