index.wxss 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. view.data-v-5b0d7528 {
  5. box-sizing: border-box;
  6. }
  7. .container .topBox.data-v-5b0d7528 {
  8. background: #A6CDFF;
  9. padding-top: 40rpx;
  10. padding-left: 30rpx;
  11. padding-right: 30rpx;
  12. padding-bottom: 16rpx;
  13. }
  14. .container .topBox .addBg.data-v-5b0d7528 {
  15. background-size: 100% 100%;
  16. background-repeat: no-repeat;
  17. }
  18. .container .topBox .addBg .top.data-v-5b0d7528 {
  19. height: 146rpx;
  20. border-bottom: none;
  21. display: flex;
  22. flex-direction: column;
  23. justify-content: center;
  24. align-items: center;
  25. }
  26. .container .topBox .addBg .top .en.data-v-5b0d7528 {
  27. font-size: 28rpx;
  28. font-family: SourceHanSansCN, SourceHanSansCN;
  29. font-weight: 400;
  30. color: #5CAAFF;
  31. position: relative;
  32. }
  33. .container .topBox .addBg .top .en .starIcon.data-v-5b0d7528 {
  34. width: 24rpx;
  35. height: 24rpx;
  36. position: absolute;
  37. right: -24rpx;
  38. top: -10rpx;
  39. }
  40. .container .topBox .addBg .top .zh.data-v-5b0d7528 {
  41. font-size: 52rpx;
  42. font-family: SourceHanSansCN, SourceHanSansCN;
  43. font-weight: bold;
  44. color: #D6EAFF;
  45. }
  46. .container .topBox .addBg .bot2.data-v-5b0d7528 {
  47. font-size: 30rpx;
  48. font-family: SourceHanSansCN, SourceHanSansCN;
  49. font-weight: 500;
  50. color: #333333;
  51. height: 270rpx;
  52. padding-top: 32rpx;
  53. padding-left: 40rpx;
  54. padding-right: 40rpx;
  55. }
  56. .container .form.data-v-5b0d7528 {
  57. margin-top: -20rpx;
  58. min-height: 800rpx;
  59. box-shadow: 0rpx 4rpx 16rpx -8rpx rgba(0, 103, 104, 0.16);
  60. border-radius: 30rpx 30rpx 0 0;
  61. position: relative;
  62. padding-top: 68rpx;
  63. padding-left: 30rpx;
  64. padding-right: 30rpx;
  65. background-size: 100% 100%;
  66. background-repeat: no-repeat;
  67. }
  68. .container .form .sanjiaoxing.data-v-5b0d7528 {
  69. position: absolute;
  70. top: 0;
  71. left: 50%;
  72. -webkit-transform: translateX(-50%);
  73. transform: translateX(-50%);
  74. width: 0;
  75. height: 0;
  76. border-left: 20rpx solid transparent;
  77. border-right: 20rpx solid transparent;
  78. border-top: 20rpx solid #B3D4FF;
  79. }
  80. .container .form .titleBox.data-v-5b0d7528 {
  81. background: linear-gradient(90deg, #F0F1F4, #F8F9FA);
  82. height: 62rpx;
  83. width: 100%;
  84. border-radius: 32rpx 0rpx 0rpx 0rpx;
  85. font-size: 32rpx;
  86. font-family: SourceHanSansCN, SourceHanSansCN;
  87. font-weight: bold;
  88. color: #333333;
  89. display: flex;
  90. align-items: center;
  91. padding-left: 32rpx;
  92. position: relative;
  93. }
  94. .container .form .titleBox .starIcon.data-v-5b0d7528 {
  95. width: 24rpx;
  96. height: 24rpx;
  97. position: absolute;
  98. right: 55%;
  99. top: -5rpx;
  100. }
  101. .container .form .inputbox.data-v-5b0d7528 {
  102. height: 320rpx;
  103. background: #F0F1F4;
  104. border-radius: 0rpx 32rpx 32rpx 32rpx;
  105. padding: 40rpx 32rpx;
  106. display: flex;
  107. flex-direction: column;
  108. justify-content: space-between;
  109. align-items: center;
  110. }
  111. .container .form .inputbox .name.data-v-5b0d7528, .container .form .inputbox .phone.data-v-5b0d7528 {
  112. box-sizing: border-box;
  113. height: 108rpx;
  114. background: #FFFFFF;
  115. border-radius: 20rpx;
  116. width: 100%;
  117. padding-left: 24rpx;
  118. font-size: 30rpx;
  119. }
  120. .container .form .tipBox.data-v-5b0d7528 {
  121. font-size: 24rpx;
  122. font-family: PingFang-SC, PingFang-SC;
  123. font-weight: 400;
  124. color: #333333;
  125. display: flex;
  126. align-items: center;
  127. margin-top: 24rpx;
  128. }
  129. .container .form .tipBox .radio.data-v-5b0d7528 {
  130. width: 10rpx;
  131. }
  132. .container .form .tipBox .info.data-v-5b0d7528 {
  133. width: 24rpx;
  134. height: 24rpx;
  135. margin-right: 8rpx;
  136. }
  137. .container .form .tipBox .t2.data-v-5b0d7528 {
  138. color: #017AFF;
  139. margin-left: 10rpx;
  140. }
  141. .btnBox.data-v-5b0d7528 {
  142. height: 176rpx;
  143. background: #FFFFFF;
  144. box-shadow: 0rpx -2rpx 20rpx 0rpx rgba(0, 0, 0, 0.05);
  145. border-radius: 32rpx 32rpx 0rpx 0rpx;
  146. position: fixed;
  147. bottom: 0;
  148. width: 100%;
  149. padding-left: 30rpx;
  150. padding-right: 30rpx;
  151. padding-top: 32rpx;
  152. }
  153. .btnBox .btn.data-v-5b0d7528 {
  154. height: 96rpx;
  155. background: linear-gradient(132deg, #0298FF 0%, #017AFF 100%);
  156. box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0, 122, 255, 0.2);
  157. border-radius: 54rpx;
  158. display: flex;
  159. justify-content: center;
  160. align-items: center;
  161. font-size: 32rpx;
  162. font-family: SourceHanSansCN, SourceHanSansCN;
  163. font-weight: bold;
  164. color: #FFFFFF;
  165. }