
    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;
                    color: #382E2E;
                }
    
                .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;
        }
    }
