- .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;
- }
|