.userInif{ margin-top: 40rpx; } .LogoBox{ margin: 20rpx; width: 162rpx; height: 162rpx; float: left; background-image: url("https://zhibotang.oss-cn-beijing.aliyuncs.com/douyin/drawable-xhdpi/me_bnt_touxiang.png"); background-size: 156rpx 162rpx; overflow: hidden; } .LogoBoxImg{ width: 100rpx; height: 100rpx; border-radius: 50%; margin-top: 10rpx; margin-left: 20rpx; float: left; } .userNameBox{ width: 500rpx; float: left; margin-left: 20rpx; } .nameGoBox{ margin-top: 20rpx; } .name{ font-size: 36rpx; font-family: OPPOSans; font-weight: bold; color: #FFFFFF; float: left; margin-left: 20rpx; } .go{ margin-top: 15rpx; width: 30rpx; height: 30rpx; float: right; } .phoneBox{ margin-top: 10rpx; font-family: OPPOSans; font-weight: 400; color: #8790A8; } .phone{ float: left; margin-left: 20rpx; } .phoneBtn{ float: left; color: #07E881; margin-left: 20rpx; } .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{ margin-top: 40rpx; 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; background-color: #191F2E; font-size: 30rpx; } .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; } .boundPhoneBox{ top: 180px; left: 5%; position: absolute; width: 90%; border-radius: 10rpx; z-index: 10000; background-color: #0E1119; } .inputBox{ width: 90%; height: 80rpx; border-radius: 10rpx; background: #1B2130; margin-top: 40rpx; margin-left: auto; margin-right: auto; margin-bottom: 30rpx; } .verifyCodeBox{ width: 90%; height: 80rpx; border-radius: 10rpx; background: #1B2130; margin: 20rpx auto; } .boundPhone{ margin-left: 35px; height: 80rpx; width: 70%; color: #FFFFFF; } .codeNum{ width: 50%; height: 40px; float: left; margin-left: 35px; } .binCode{ height: 40px; line-height: 40px; font-family: PingFang SC; font-weight: 500; color: #07E881; font-size: 15px; float: left; margin-left: 10px; } .cancel{ width: calc(50% - 1rpx); float: left; color: #FFFFFF; height: 80rpx; line-height: 80rpx; text-align: center; border-top: 1rpx solid #222633; border-right: 1rpx solid #222633; } .submit{ border-top: 1rpx solid #222633; color: #07E881; height: 80rpx; line-height: 80rpx; text-align: center; width: 50%; float: left; }