.userInif{ } .LogoBox{ margin: 20rpx; width: 162rpx; height: 162rpx; float: left; background-image: url("https://formall.oss-accelerate.aliyuncs.com/douyin/drawable-xhdpi/me_bnt_touxiang.png"); background-size: 156rpx 162rpx; overflow: hidden; } .LogoBoxImg{ width: 130rpx; height: 130rpx; border-radius: 50%; margin-top: 10rpx; margin-left: 20rpx; float: left; } .userNameBox{ width: 500rpx; float: left; margin-left: 20rpx; } .nameGoBox{ margin-top: 50rpx; } .name{ font-size: 36rpx; font-family: OPPOSans; font-weight: bold; color: #FFFFFF; float: left; } .go{ margin-top: 15rpx; width: 30rpx; height: 30rpx; float: right; } .phone{ font-family: OPPOSans; font-weight: 400; color: #8790A8; } .functionBox{ margin-top: 30rpx ; } .attentionBox{ float: left; width: 30%; height: 160rpx; } .collectBox{ float: left; width: 30%; height: 160rpx; margin: 0 1%; } .commentBox{ height: 160rpx; width: 30%; float: left; } .num{ font-family: OPPOSans; font-weight: 400; text-align: center; line-height: 60rpx; font-size: 42rpx; color: #FFFFFF; } .text{ text-align: center; margin: 10rpx 0; } .elseBox{ border-radius: 20rpx; background-color: #191F2E; } .elseTitle{ text-indent: 20rpx; font-size: 32rpx; color: #FFFFFF; font-family: OPPOSans; font-weight: bold; padding: 20rpx; } .orderBox{ padding: 20rpx; } .serviceBox{ padding: 20rpx; } .weBox{ padding: 20rpx; } .logo{ width: 58rpx; height: 61rpx; float: left; margin-left: 20rpx; } .orderTitle{ float: left; margin: 0 20rpx; color: #FFFFFF; font-family: OPPOSans; font-weight: 500; line-height: 60rpx; } .Box{ height: 100vh; }