page {
    background: #f6f6f6;
    padding-bottom: 148rpx;
}

.top {
    padding: 20rpx 30rpx;
    background: #ffffff;


    .top-figure {
        margin: 20rpx 0;
    }


    .top-deails {
        display: flex;
        justify-content: space-between;
        border-bottom: 1rpx solid #adabab;

        .top-name {
            display: flex;
            justify-content: space-between;
            margin: 30rpx 0 0 0;
            padding-bottom: 30rpx;
            width: 93%;

            .input {
                width: 500rpx;
                text-align: right;

            }

            .name {
                width: 200rpx;
                margin: auto 0;

            }

            .content {
                text-align: right;
            }
        }

        .top-names {

            margin: 30rpx 0 0 0;
            padding-bottom: 30rpx;
            width: 93%;

            .input {
                margin-top: 20rpx;
            }

            .name {
                width: 200rpx;
            }

        }
    }

}

.bommon {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    text-align: center;
    z-index: 999;
    padding: 10rpx 0;

    .bommon-name {
        background: #46a9a4;
        padding: 30rpx 60rpx;
        border-radius: 30rpx;
        width: 500rpx;
        margin: 0 auto;
    }
}