index.wxss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .phone-wrap.data-v-62293bf3 {
  5. position: fixed;
  6. left: 0;
  7. right: 0;
  8. top: 0;
  9. bottom: 0;
  10. z-index: 9999;
  11. background-color: rgba(0, 0, 0, 0.3);
  12. display: flex;
  13. justify-content: center;
  14. align-items: center;
  15. }
  16. .phone-wrap .authorization-container.data-v-62293bf3 {
  17. width: 600rpx;
  18. margin-top: -100rpx;
  19. }
  20. .phone-wrap .authorization-container .phone-inp.data-v-62293bf3 {
  21. margin-bottom: 20rpx;
  22. }
  23. .phone-wrap .authorization-container .userAvatar.data-v-62293bf3 {
  24. width: 100rpx;
  25. height: 100rpx;
  26. display: block;
  27. border-radius: 50%;
  28. overflow: hidden;
  29. margin: 20rpx auto;
  30. }
  31. .phone-wrap .authorization-container .title.data-v-62293bf3 {
  32. font-size: 32rpx;
  33. padding-top: 16rpx;
  34. }
  35. .phone-wrap .authorization-container .tip.data-v-62293bf3 {
  36. font-size: 28rpx;
  37. color: #999;
  38. position: relative;
  39. padding-left: 20rpx;
  40. margin-top: 30rpx;
  41. }
  42. .phone-wrap .authorization-container .tip.data-v-62293bf3::after {
  43. display: block;
  44. content: "";
  45. width: 10rpx;
  46. height: 10rpx;
  47. border-radius: 50%;
  48. background-color: #999;
  49. position: absolute;
  50. left: 0;
  51. top: 15rpx;
  52. }
  53. .phone-wrap .authorization-container .card-actions.data-v-62293bf3 {
  54. display: flex;
  55. justify-content: space-between;
  56. align-items: center;
  57. padding-top: 50rpx;
  58. }
  59. .phone-wrap .authorization-container .card-actions .bt.data-v-62293bf3 {
  60. margin: 0;
  61. }
  62. .phone-wrap .authorization-container .card-actions .confirm.data-v-62293bf3 {
  63. color: #fff;
  64. background-color: #409eff;
  65. border-color: #409eff;
  66. margin-left: 10rpx;
  67. }
  68. .phone-wrap .service_agreement checkbox-group.data-v-62293bf3 {
  69. display: inline-block;
  70. }
  71. .phone-wrap .service_agreement .title.data-v-62293bf3 {
  72. font-weight: 600;
  73. padding: 0 2rpx;
  74. }
  75. .phone-wrap .service_agreement .link.data-v-62293bf3 {
  76. color: #409eff;
  77. }
  78. @charset "UTF-8";
  79. /* 水平间距 */
  80. /* 水平间距 */
  81. .content .head.data-v-4586967a {
  82. font-size: 50rpx;
  83. text-align: center;
  84. padding: 40rpx 0;
  85. letter-spacing: 2rpx;
  86. }
  87. .content .login-wrap.data-v-4586967a {
  88. width: 90%;
  89. margin: 50rpx auto 0;
  90. box-sizing: border-box;
  91. padding: 20rpx;
  92. border-radius: 8rpx;
  93. }
  94. .content .login-wrap .item.data-v-4586967a {
  95. display: flex;
  96. justify-content: flex-start;
  97. align-items: center;
  98. height: 100rpx;
  99. font-size: 32rpx;
  100. line-height: 100rpx;
  101. }
  102. .content .login-wrap .item input.data-v-4586967a {
  103. font-size: 32rpx;
  104. height: 100rpx;
  105. border: 0;
  106. }
  107. .content .login-wrap .tip.data-v-4586967a {
  108. text-align: right;
  109. padding: 18rpx 0;
  110. font-size: 28rpx;
  111. }
  112. .content .login-wrap .submit-BT.data-v-4586967a {
  113. border-radius: 16rpx;
  114. margin-top: 50rpx;
  115. background-color: #409eff;
  116. border-color: #409eff;
  117. }