home.acss 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  1. .contentBox{
  2. height: 400rpx;
  3. text-align: center;
  4. padding: 0 100rpx;
  5. line-height: 60rpx;
  6. }
  7. .btnBox{
  8. padding: 20rpx;
  9. }
  10. .btnBox button{
  11. border-radius: 10rpx;
  12. background-color: #089fff;
  13. font-size: 0.32rem;
  14. }
  15. .ah{
  16. padding: 0.14rem 0.24rem;
  17. border-top: 1px solid #f1f1f1;
  18. font-size: 0.24rem;
  19. }
  20. .kfImg image{
  21. position: absolute;
  22. width: 0.5rem;
  23. height: 0.5rem;
  24. top: 0.2rem;
  25. right: 0.2rem;
  26. }
  27. .logo{
  28. text-align: center;
  29. margin: 0.24rem 0;
  30. }
  31. .logo image{
  32. width: 88rpx;
  33. height: 88rpx;
  34. }
  35. .qxText{
  36. padding: 28rpx;
  37. padding-bottom: 48rpx;
  38. font-size: 24rpx;
  39. }
  40. .windows-box{
  41. background: #fff;
  42. margin: 0 32rpx;
  43. margin-top: 40%;
  44. border-radius: 20rpx;
  45. }
  46. .windows-title{
  47. text-align: center;
  48. padding: 28rpx 0;
  49. border-bottom: 1px solid #f1f1f1;
  50. }
  51. .windows-btn{
  52. border-top: 1px solid #f1f1f1;
  53. }
  54. .windows-btn view:nth-child(1){
  55. text-align: center;
  56. padding: 28rpx 0;
  57. border-right: 1px solid #f1f1f1;
  58. }
  59. .windows-btn button{
  60. text-align: center;
  61. color: #26A2FF;
  62. background: #fff;
  63. border: none;
  64. }
  65. .windows-content textarea{
  66. height: 150rpx;
  67. padding: 28rpx;
  68. }
  69. .top-img{
  70. width: 100%;
  71. }
  72. .ts{
  73. height: 128rpx;
  74. padding: 16rpx 32rpx;
  75. font-size: 24rpx;
  76. color: #089fff;
  77. background: #fff;
  78. font-weight: 500;
  79. box-sizing: border-box;
  80. }
  81. .ts image{
  82. width: 48rpx;
  83. height: 48rpx;
  84. }
  85. .ts view{
  86. padding: 0 16rpx;
  87. }
  88. .ts button{
  89. width: 188rpx;
  90. height: 56rpx;
  91. background-color: #089fff;
  92. line-height: 56rpx;
  93. font-size: 24rpx;
  94. }
  95. .que{
  96. background-color: #fff;
  97. text-align: center;
  98. }
  99. .top{
  100. height: 1.2rem;
  101. /* background-color: #26a2ff; */
  102. }
  103. .que view{
  104. padding:0.24rem 0;
  105. }
  106. .nameBox{
  107. background-color: #26a2ff;
  108. color: #fff;
  109. text-align: center;
  110. line-height: 0.9rem;
  111. }
  112. .header{
  113. padding:0.24rem;
  114. background-color: #fff;
  115. border: 1px solid #f1f1f1;
  116. font-size: 0.28rem;
  117. position: absolute;
  118. top: 0.5rem;
  119. left: 0.32rem;
  120. right: 0.32rem;
  121. border-radius: 0.16rem;
  122. box-shadow: 0 0 0.1rem rgb(0 0 0 / 20%);
  123. z-index: 999;
  124. }
  125. .sf{
  126. padding: 6rpx;
  127. border: 1px solid #e6a23c;
  128. color: #e6a23c;
  129. border-radius: 6rpx;
  130. }
  131. .main{
  132. background-color: #fff;
  133. }
  134. .menu-item{
  135. width: 25%;
  136. text-align: center;
  137. position: relative;
  138. margin-bottom: 28rpx;
  139. }
  140. .menuNum{
  141. position: absolute;
  142. right: 20rpx;
  143. top:-20rpx;
  144. width: 50rpx;
  145. height: 40rpx;
  146. line-height: 40rpx;
  147. background: #F56C6C;
  148. color: #fff;
  149. font-size:24rpx;
  150. text-align: center;
  151. border-radius:25%;
  152. }
  153. .menu-item image{
  154. width: 1rem;
  155. height: 1rem;
  156. }
  157. .menu-item view{
  158. font-size: .28rem;
  159. color: #606266;
  160. line-height: .44rem;
  161. width: 1.4rem;
  162. text-align: center;
  163. overflow: hidden;
  164. text-overflow: ellipsis;
  165. white-space: nowrap;
  166. margin: 0 auto
  167. }
  168. .menuList{
  169. /* padding: 0 28rpx; */
  170. }
  171. .closes{
  172. position:absolute;
  173. right: 0rpx;
  174. font-size: 28rpx;
  175. padding:0 0.2rem;
  176. top: 0;
  177. bottom: 0;
  178. }
  179. .flex_one {
  180. position: relative;
  181. height: 0.76rem;
  182. font-size: 0.29rem;
  183. border-radius: 0.02rem;
  184. background-color: #26a2ff;
  185. box-sizing: border-box;
  186. border: 2rpx solid #26a2ff;
  187. color: #fff;
  188. -webkit-box-align: center;
  189. -webkit-align-items: center;
  190. align-items: center;
  191. padding: 0 0.2rem;
  192. text-align: center;
  193. border-radius: 6rpx;
  194. margin: 0.32rem ;
  195. line-height: 0.76rem;
  196. }
  197. .footer {
  198. background-color: #fff;
  199. text-align: center;
  200. border-bottom: 1px solid #f1f1f1;
  201. }
  202. .footer view{
  203. padding: 0.24rem 0;
  204. }
  205. .text{
  206. padding: 0.24rem 0.14rem;
  207. }
  208. .num{
  209. background-color: #F56C6C;
  210. border-radius: 10px;
  211. color: #FFF;
  212. display: inline-block;
  213. font-size: 12px;
  214. height: 18px;
  215. line-height: 18px;
  216. padding: 0 6px;
  217. text-align: center;
  218. white-space: nowrap;
  219. border: 1px solid #FFF;
  220. }
  221. .item{
  222. background-color: #fff;
  223. border-bottom: 1px solid #f1f1f1;
  224. padding:0.3rem 0.32rem;
  225. font-size: 0.29rem;
  226. padding-left: 0.46rem;
  227. position: relative;
  228. }
  229. .menu-item .iconfont{
  230. font-size: 0.5rem;
  231. margin-bottom: 10rpx;
  232. }
  233. .item::after{
  234. content: " ";
  235. position: absolute;
  236. width: 16rpx;
  237. height: 16rpx;
  238. background-color: #fff;
  239. border: 4rpx solid #26a2ff;
  240. border-radius: 100%;
  241. left: 20rpx;
  242. box-sizing: border-box;
  243. }
  244. .rankingLists{
  245. text-align: center;
  246. color: #909399;
  247. padding: 0.24rem 0.32rem;
  248. font-size: 0.28rem;
  249. background-color: #fff;
  250. }