@charset "UTF-8";
.mui-content,
body {
    background: #FFFFFF;
}

#code-input {
    width: 80%;
}

//  划转信息样式
.transfer-money {
    display: flex;
    width: 5.8rem;
    height: 1.48rem;
    background:linear-gradient(-90deg,rgba(212,52,54,1),rgba(255,146,125,1));
    margin: 0 auto;
    margin-top: .2rem;
    text-align: center;
    padding-top: .3rem;
    color: #fff;
    font-size: .24rem;
    .account-left {
        flex: 1;
        .account1 {
            width: 1.06rem;
            height: .27rem;
            font-size: .27rem;
            font-weight: 500;
            color: #FFFFFF;
            line-height: .27rem;
        }
        .money1 {
            width: 1.39rem;
            height: .17rem;
            font-size: .20rem;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
            line-height: .17rem;
        }
    }
    .icon-transfer {
        flex: 1;
        img {
            width: .70rem;
            height: .7rem;
        }
    }
    .account-right {
        flex: 1;
        .account2 {
            width: 1.06rem;
            height: .27rem;
            font-size: .27rem;
            font-weight: 500;
            color: #FFFFFF;
            line-height: .27rem;
        }
        .money2 {
            width: 1.39rem;
            height: .17rem;
            font-size: .20rem;
            font-weight: 400;
            color: #FFFFFF;
            line-height: .17rem;
        }
    }
}

//  划转数量样式
.transfer-num {
    margin-top: .52rem;
    .transfer1 {
        width: 2.26rem;
        height: .27rem;
        font-size: .27rem;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        margin-left: .27rem;
    }
    .transfer2 {
        position: relative;
        margin-top: .25rem;
        input {
            display: inline-block;
            width: 100%;
            height: .69rem;
            background: none;
            border: none;
            border-bottom: 1px solid #DDDDDD;
            &::-webkit-input-placeholder {
                color: #666666;
                font-size: .2rem;
                padding: 0 !important;
            }
        }
        span {
            position: absolute;
            height: .69rem;
            font-size: .2rem;
            right: .1rem;
            text-align: center;
            line-height: .69rem;
            color: #007849;
            width: 20%;
            border-bottom: 1px solid #DDDDDD;
        }
    }
    .transfer3 {
        width: 153px;
        height: 12px;
        font-size: 12px;
        font-weight: 400;
        color: rgba(153, 153, 153, 1);
        margin-left: .27rem;
    }
}

//  确定按钮样式
.btn {
    text-align: center;
    width: 100%;
    .mui-btn {
        display: inline-block;
        width: 40%;
        height: .75rem;
//      background: #0375B4;
        background: linear-gradient(90deg,rgba(255,157,0,1) 0%,rgba(255,205,52,1) 100%);
        border-radius: 4px;
        margin: 0 .2rem;
        margin-top: 1.84rem;
        line-height: .2rem;
//      border: 1px solid #0375B4;
        border: 1px solid #FFD031;
        font-size: .27rem;
        color: #FFFFFF;
    }
}