tuition/pages/paySuccess/css/paySuccess.scss

.content {
    position: relative;
    width: 100%;
    height: 100%;
    font-family: "MicrosoftYaHei";
    font-weight: 400;

    image {
        position: absolute;
        top: 50rpx;
        left: 50%;
        transform: translateX(-115rpx);
        max-width: 230rpx;
        max-height: 230rpx;
        margin-top: 100rpx;
    }

    .tip {
        position: absolute;
        top: 280rpx;
        left: 50%;
        transform: translateX(-50rpx);
        // width: 150rpx;
        height: 54rpx;
        margin-top: 100rpx;
        font-size: 28rpx;
        font-weight: 700;
        color: #33cc33;
    }

    .item,
    .item-show {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: absolute;
        top: 300rpx;
        left: 50%;
        transform: translateX(-375rpx);
        width: 750rpx;
        height: 180rpx;
        margin-top: 300rpx;
        text-align: center;

        & text:nth-child(1) {
            font-size: 24rpx;
            color: rgba(104, 100, 100, 0.8);
        }

        & text:nth-child(2) {
            font-size: 100rpx;
            font-weight: 700;
            color: #000;
        }
    }
    .item-show {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: absolute;
        top: 300rpx;
        left: 50%;
        transform: translateX(-375rpx);
        width: 750rpx;
        height: 180rpx;
        margin-top: 300rpx;
        text-align: center;
        text {
            font-size: 100rpx;
            font-weight: 700;
            color: #000;
        }
    }
    button {
        position: absolute;
        top: 1000rpx;
        left: 50%;
        transform: translateX(-200rpx);
        width: 400rpx;
        height: 100rpx;
        font-size: 40rpx;
        color: #33cc33;
        background: #fff;
        border: 1rpx solid #33cc33;
    }
}