visitorIndex.wxss 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263
  1. @charset "UTF-8";
  2. /**
  3. * 这里是uni-app内置的常用样式变量
  4. *
  5. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  6. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  7. *
  8. */
  9. /**
  10. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  11. *
  12. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  13. */
  14. /* 颜色变量 */
  15. /* 行为相关颜色 */
  16. /* 文字基本颜色 */
  17. /* 背景颜色 */
  18. /* 边框颜色 */
  19. /* 尺寸变量 */
  20. /* 文字尺寸 */
  21. /* 图片尺寸 */
  22. /* Border Radius */
  23. /* 水平间距 */
  24. /* 垂直间距 */
  25. /* 透明度 */
  26. /* 文章场景相关 */
  27. .visitor-index.data-v-aa7ed24c {
  28. padding-bottom: 140rpx;
  29. }
  30. .visitor-index .card-title.data-v-aa7ed24c {
  31. display: flex;
  32. justify-content: center;
  33. }
  34. .visitor-index .card-title .title.data-v-aa7ed24c {
  35. font-size: 32rpx;
  36. text-align: center;
  37. color: #fff;
  38. width: 210rpx;
  39. line-height: 64rpx;
  40. background: linear-gradient(360deg, #3074F8 0%, #568FFF 100%);
  41. border-radius: 0rpx 0rpx 24rpx 24rpx;
  42. }
  43. .visitor-index .list.data-v-aa7ed24c {
  44. padding: 0 20rpx 30rpx;
  45. position: relative;
  46. }
  47. .visitor-index .list .combo .bg.data-v-aa7ed24c {
  48. background: linear-gradient(263deg, #FF4A39 0%, #FFA770 100%);
  49. padding: 12rpx;
  50. border-radius: 32rpx 32rpx 32rpx 32rpx;
  51. margin-top: 26rpx;
  52. opacity: .5;
  53. }
  54. .visitor-index .list .combo .bg .card.data-v-aa7ed24c {
  55. display: flex;
  56. padding: 24rpx;
  57. background: #fff;
  58. border-radius: 32rpx 32rpx 32rpx 32rpx;
  59. }
  60. .visitor-index .list .combo .bg .card .combo-info.data-v-aa7ed24c {
  61. width: 172rpx;
  62. height: 168rpx;
  63. background: url(data:image/png;base64,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) no-repeat;
  64. background-size: 100%;
  65. display: flex;
  66. flex-direction: column;
  67. align-items: center;
  68. }
  69. .visitor-index .list .combo .bg .card .combo-info .combo-title.data-v-aa7ed24c {
  70. font-size: 36rpx;
  71. font-family: DingTalk JinBuTi-Regular, DingTalk JinBuTi;
  72. font-weight: 400;
  73. color: #FD7300;
  74. margin-top: 38rpx;
  75. }
  76. .visitor-index .list .combo .bg .card .combo-info .combo-type.data-v-aa7ed24c {
  77. width: 112rpx;
  78. height: 36rpx;
  79. line-height: 36rpx;
  80. text-align: center;
  81. font-size: 24rpx;
  82. font-weight: 400;
  83. color: #FD7300;
  84. background-color: #fff;
  85. border-radius: 18rpx;
  86. margin-top: 20rpx;
  87. }
  88. .visitor-index .list .combo .bg .combo-desc.data-v-aa7ed24c {
  89. flex: 1;
  90. margin-left: 38rpx;
  91. display: flex;
  92. flex-direction: column;
  93. justify-content: space-between;
  94. }
  95. .visitor-index .list .combo .bg .combo-desc .desc-item.data-v-aa7ed24c {
  96. display: flex;
  97. align-items: center;
  98. align-content: flex-end;
  99. }
  100. .visitor-index .list .combo .bg .combo-desc .desc-item .icon.data-v-aa7ed24c {
  101. width: 36rpx;
  102. height: 36rpx;
  103. }
  104. .visitor-index .list .combo .bg .combo-desc .desc-item .text.data-v-aa7ed24c {
  105. font-size: 24rpx;
  106. font-weight: 400;
  107. color: #121212;
  108. text-indent: 20rpx;
  109. }
  110. .visitor-index .list .combo .bg .btn.data-v-aa7ed24c {
  111. align-self: flex-end;
  112. width: 132rpx;
  113. height: 52rpx;
  114. line-height: 52rpx;
  115. font-size: 24rpx;
  116. color: #fff;
  117. text-align: center;
  118. background: linear-gradient(263deg, #FF4A39 0%, #FFA770 100%);
  119. border-radius: 26rpx 26rpx 26rpx 26rpx;
  120. }
  121. .visitor-index .list .active.data-v-aa7ed24c {
  122. opacity: 1 !important;
  123. }
  124. .visitor-index .choose-btn.data-v-aa7ed24c {
  125. width: 432rpx;
  126. line-height: 92rpx;
  127. text-align: center;
  128. color: #fff;
  129. font-weight: bold;
  130. font-size: 32rpx;
  131. background: linear-gradient(180deg, #FF876B 0%, #FE5B47 100%);
  132. box-shadow: inset 0rpx 6rpx 12rpx 2rpx rgba(255, 255, 255, 0.16);
  133. border-radius: 46rpx 46rpx 46rpx 46rpx;
  134. position: fixed;
  135. z-index: 2;
  136. bottom: 20rpx;
  137. left: 50%;
  138. -webkit-transform: translateX(-50%);
  139. transform: translateX(-50%);
  140. }
  141. .visitor-index .equity.data-v-aa7ed24c {
  142. display: flex;
  143. align-items: center;
  144. padding: 40rpx 20rpx;
  145. }
  146. .visitor-index .equity .item.data-v-aa7ed24c {
  147. flex: 1;
  148. text-align: center;
  149. padding: 0 15rpx;
  150. font-size: 24rpx;
  151. }
  152. .visitor-index .equity .item .icon.data-v-aa7ed24c {
  153. width: 84rpx;
  154. height: 84rpx;
  155. }
  156. .visitor-index .equity .item .desc.data-v-aa7ed24c {
  157. margin-top: 10rpx;
  158. }
  159. .visitor-index .box.data-v-aa7ed24c {
  160. border: 6rpx solid #DCE8FF;
  161. background: #fff;
  162. border-radius: 28rpx;
  163. margin: 40rpx 30rpx 0;
  164. }
  165. .visitor-index .table-box.data-v-aa7ed24c {
  166. padding: 30rpx;
  167. }
  168. .visitor-index .table-box .table-title.data-v-aa7ed24c {
  169. background: #FEB687;
  170. color: #fff;
  171. line-height: 80rpx;
  172. text-align: center;
  173. border-radius: 12rpx 12rpx 0 0;
  174. }
  175. .visitor-index .table-box .table.data-v-aa7ed24c {
  176. border-collapse: collapse;
  177. line-height: 50rpx;
  178. border-radius: 12rpx;
  179. background: #FFF6EF;
  180. }
  181. .visitor-index .table-box .table ._tr.data-v-aa7ed24c {
  182. display: flex;
  183. }
  184. .visitor-index .table-box .table ._tr ._td.data-v-aa7ed24c {
  185. border: 2rpx solid #FEB687;
  186. padding: 10rpx 0 10rpx 40rpx;
  187. }
  188. .visitor-index .table-box .table ._tr .label.data-v-aa7ed24c {
  189. width: 200rpx;
  190. display: flex;
  191. align-items: center;
  192. }
  193. .visitor-index .table-box .table ._tr .value.data-v-aa7ed24c {
  194. flex: 1;
  195. }
  196. .visitor-index .step-box.data-v-aa7ed24c {
  197. padding: 30rpx;
  198. margin-top: 50rpx;
  199. }
  200. .visitor-index .step-box .step-title.data-v-aa7ed24c {
  201. font-size: 30rpx;
  202. font-weight: bold;
  203. text-align: center;
  204. margin-bottom: 45rpx;
  205. position: relative;
  206. }
  207. .visitor-index .step-box .step-title.data-v-aa7ed24c::before {
  208. position: absolute;
  209. top: 50%;
  210. left: 80rpx;
  211. -webkit-transform: translateY(-50%);
  212. transform: translateY(-50%);
  213. content: '';
  214. width: 86rpx;
  215. height: 8rpx;
  216. background: linear-gradient(270deg, #FE5B47 0%, rgba(254, 91, 71, 0) 100%);
  217. border-radius: 8rpx;
  218. }
  219. .visitor-index .step-box .step-title.data-v-aa7ed24c::after {
  220. position: absolute;
  221. top: 50%;
  222. right: 80rpx;
  223. -webkit-transform: translateY(-50%);
  224. transform: translateY(-50%);
  225. content: '';
  226. width: 86rpx;
  227. height: 8rpx;
  228. background: linear-gradient(90deg, #FE5B47 0%, rgba(254, 91, 71, 0) 100%);
  229. border-radius: 8rpx;
  230. }
  231. .visitor-index .step-box .step.data-v-aa7ed24c {
  232. display: flex;
  233. align-items: center;
  234. justify-content: space-between;
  235. }
  236. .visitor-index .step-box .step .step-item.data-v-aa7ed24c {
  237. text-align: center;
  238. }
  239. .visitor-index .step-box .step .step-item .icon.data-v-aa7ed24c {
  240. width: 80rpx;
  241. height: 80rpx;
  242. }
  243. .visitor-index .step-box .step .step-item .label.data-v-aa7ed24c {
  244. font-size: 24rpx;
  245. color: #121212;
  246. }
  247. .visitor-index .step-box .step .suffix.data-v-aa7ed24c {
  248. position: relative;
  249. }
  250. .visitor-index .step-box .step .suffix.data-v-aa7ed24c::after {
  251. content: '';
  252. position: absolute;
  253. top: 50%;
  254. right: -40rpx;
  255. -webkit-transform: translateY(calc(-50% - 20rpx));
  256. transform: translateY(calc(-50% - 20rpx));
  257. width: 25rpx;
  258. height: 25rpx;
  259. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAMAAAAYAM5SAAAAe1BMVEUAAAD/W0b/WkP/XTb/WET/W0b/WEX/WET/Wkf+W0f+W0b/Wkb/WkT/WUT/Ukn+W0f+W0b9W0b+WkX/WkX/W0X/WUX/W0H/WUL+Wkf+W0b+Wkf+W0f+W0b+Wkf+W0b+Wkb9Wkb/YEr+W0b/W0b/W0b/W0f8WkX/WEP+W0fds6XjAAAAKHRSTlMAVBYEFFEaNB3quHY5LQfw2JGATEdCKBDl4d3PyL+alooMrqigaF09kuduTQAAALxJREFUKM910tcOgzAMBdAsKAXK6ALK6m7+/wvrKCFxULhPlo6cIZsQlnNi0qQ7gsIiuhjrZXlA9KN0sUxKub864hcwc06tLAnbBNZiOzt7g3UsbC+wSqzMvO2prEF2cpaC9Q9nxcqGYmXmTyPYyJFFzgawlLgkFKLvYBLysRIrabSUIJkvIiiRFbEHOYaEbYpoPWFKmC47kLsvse65KeFbUtsegaTyhOQgCbG7MRM8fxCTWU5IwGJXfzH8AQfSEdrhLSkMAAAAAElFTkSuQmCC) no-repeat;
  260. background-size: 100%;
  261. display: block;
  262. }