Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.

200 righe
3.3 KiB

  1. .userInif{
  2. margin-top: 40rpx;
  3. }
  4. .LogoBox{
  5. margin: 20rpx;
  6. width: 162rpx;
  7. height: 162rpx;
  8. float: left;
  9. background-image: url("https://zhibotang.oss-cn-beijing.aliyuncs.com/douyin/drawable-xhdpi/me_bnt_touxiang.png");
  10. background-size: 156rpx 162rpx;
  11. overflow: hidden;
  12. }
  13. .LogoBoxImg{
  14. width: 100rpx;
  15. height: 100rpx;
  16. border-radius: 50%;
  17. margin-top: 10rpx;
  18. margin-left: 20rpx;
  19. float: left;
  20. }
  21. .userNameBox{
  22. width: 500rpx;
  23. float: left;
  24. margin-left: 20rpx;
  25. }
  26. .nameGoBox{
  27. margin-top: 20rpx;
  28. }
  29. .name{
  30. font-size: 36rpx;
  31. font-family: OPPOSans;
  32. font-weight: bold;
  33. color: #FFFFFF;
  34. float: left;
  35. margin-left: 20rpx;
  36. }
  37. .go{
  38. margin-top: 15rpx;
  39. width: 30rpx;
  40. height: 30rpx;
  41. float: right;
  42. }
  43. .phoneBox{
  44. margin-top: 10rpx;
  45. font-family: OPPOSans;
  46. font-weight: 400;
  47. color: #8790A8;
  48. }
  49. .phone{
  50. float: left;
  51. margin-left: 20rpx;
  52. }
  53. .phoneBtn{
  54. float: left;
  55. color: #07E881;
  56. margin-left: 20rpx;
  57. }
  58. .functionBox{
  59. margin-top: 30rpx ;
  60. }
  61. .attentionBox{
  62. float: left;
  63. width: 30%;
  64. height: 160rpx;
  65. }
  66. .collectBox{
  67. float: left;
  68. width: 30%;
  69. height: 160rpx;
  70. margin: 0 1%;
  71. }
  72. .commentBox{
  73. height: 160rpx;
  74. width: 30%;
  75. float: left;
  76. }
  77. .num{
  78. font-family: OPPOSans;
  79. font-weight: 400;
  80. text-align: center;
  81. line-height: 60rpx;
  82. font-size: 42rpx;
  83. color: #FFFFFF;
  84. }
  85. .text{
  86. text-align: center;
  87. margin: 10rpx 0;
  88. }
  89. .elseBox{
  90. margin-top: 40rpx;
  91. border-radius: 20rpx;
  92. background-color: #191F2E;
  93. }
  94. .elseTitle{
  95. text-indent: 20rpx;
  96. font-size: 32rpx;
  97. color: #FFFFFF;
  98. font-family: OPPOSans;
  99. font-weight: bold;
  100. padding: 20rpx;
  101. }
  102. .orderBox{
  103. padding: 20rpx;
  104. background-color: #191F2E;
  105. font-size: 30rpx;
  106. }
  107. .serviceBox{
  108. padding: 20rpx;
  109. }
  110. .weBox{
  111. padding: 20rpx;
  112. }
  113. .logo{
  114. width: 58rpx;
  115. height: 61rpx;
  116. float: left;
  117. margin-left: 20rpx;
  118. }
  119. .orderTitle{
  120. float: left;
  121. margin: 0 20rpx;
  122. color: #FFFFFF;
  123. font-family: OPPOSans;
  124. font-weight: 500;
  125. line-height: 60rpx;
  126. }
  127. .Box{
  128. height: 100vh;
  129. }
  130. .boundPhoneBox{
  131. top: 180px;
  132. left: 5%;
  133. position: absolute;
  134. width: 90%;
  135. border-radius: 10rpx;
  136. z-index: 10000;
  137. background-color: #0E1119;
  138. }
  139. .inputBox{
  140. width: 90%;
  141. height: 80rpx;
  142. border-radius: 10rpx;
  143. background: #1B2130;
  144. margin-top: 40rpx;
  145. margin-left: auto;
  146. margin-right: auto;
  147. margin-bottom: 30rpx;
  148. }
  149. .verifyCodeBox{
  150. width: 90%;
  151. height: 80rpx;
  152. border-radius: 10rpx;
  153. background: #1B2130;
  154. margin: 20rpx auto;
  155. }
  156. .boundPhone{
  157. margin-left: 35px;
  158. height: 80rpx;
  159. width: 70%;
  160. color: #FFFFFF;
  161. }
  162. .codeNum{
  163. width: 50%;
  164. height: 40px;
  165. float: left;
  166. margin-left: 35px;
  167. }
  168. .binCode{
  169. height: 40px;
  170. line-height: 40px;
  171. font-family: PingFang SC;
  172. font-weight: 500;
  173. color: #07E881;
  174. font-size: 15px;
  175. float: left;
  176. margin-left: 10px;
  177. }
  178. .cancel{
  179. width: calc(50% - 1rpx);
  180. float: left;
  181. color: #FFFFFF;
  182. height: 80rpx;
  183. line-height: 80rpx;
  184. text-align: center;
  185. border-top: 1rpx solid #222633;
  186. border-right: 1rpx solid #222633;
  187. }
  188. .submit{
  189. border-top: 1rpx solid #222633;
  190. color: #07E881;
  191. height: 80rpx;
  192. line-height: 80rpx;
  193. text-align: center;
  194. width: 50%;
  195. float: left;
  196. }