pos_xcx/pages/person/person.scss

.container {
    .person {
        display: flex;
        height: 260rpx;
        padding: 10rpx 30rpx;
        justify-content: space-between;
        align-items: center;

        .person-info {
            padding-left: 40rpx;

            .user-name {
                position: relative;
                margin-top: 10rpx;


                .next {
                    width: 35rpx;
                    height: 35rpx;
                    position: absolute;
                    right: -74rpx;
                    top: 12rpx;
                    z-index: -1
                }
            }

            .tel {
                margin-top: 20rpx;
            }
        }

        .head-img {
            width: 180rpx;
            height: 180rpx;
            border-radius: 50%;

            image {
                width: 180rpx;
                height: 180rpx;
                border-radius: 50%;
            }
        }
    }

    .user-login {
        display: flex;
        height: 260rpx;
        padding: 10rpx 30rpx;
        border-bottom: 1px solid #ebeef5;
        background-size: cover;
        position: relative;

        .login-btn {
            background-color: rgba($color: #000000, $alpha: 0);
            position: absolute;
            line-height: 100px;
            top: 14%;
            font-weight: 400;
            letter-spacing: 5rpx;
            line-height: 88px;
            text-align: left;
        }

        .next {
            width: 50rpx;
            height: 50rpx;
            position: absolute;
            top: 122rpx;
            right: 385rpx;
        }

        .defult-user {
            width: 150rpx;
            height: 150rpx;
            position: absolute;
            top: 70rpx;
            right: 65rpx;
        }
    }

    .order {
        display: flex;
        width: 100%;
        height: 120rpx;
        background-color: #fff;
        border-bottom: 1px solid #ebeef5;
        justify-content: flex-start;
        position: relative;

        .icons {
            width: 40rpx;
            height: 40rpx;
            margin: 40rpx 30rpx;
        }

        .order-text {
            line-height: 120rpx;
            letter-spacing: 3rpx;
        }

        .next-gray {
            width: 30rpx;
            height: 30rpx;
            position: absolute;
            right: 30rpx;
            top: 45rpx;
        }
    }

    .assess {
        display: flex;
        width: 100%;
        height: 120rpx;
        background-color: #fff;
        border-bottom: 1px solid #ebeef5;
        justify-content: flex-start;
        position: relative;

        .icons {
            width: 55rpx;
            height: 55rpx;
            margin: 32rpx 23rpx;
        }

        .assess-text {
            line-height: 120rpx;
            letter-spacing: 3rpx;

        }

        .next-gray {
            width: 30rpx;
            height: 30rpx;
            position: absolute;
            right: 30rpx;
            top: 45rpx;
        }
    }
}