You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

301 regels
4.9 KiB

  1. /* pages/index/solution/solution.wxss */
  2. @import '../../iconfont.wxss';
  3. .danwei{
  4. line-height:160rpx;
  5. width:142rpx;
  6. text-align:center;
  7. font-size:30rpx;
  8. }
  9. .solution {
  10. width: 710rpx;
  11. border-radius: 18rpx;
  12. flex-direction: column;
  13. background: #f8f8fa;
  14. overflow: hidden;
  15. margin: 40rpx auto 0;
  16. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  17. }
  18. .solution>view {
  19. width: 100%;
  20. height: 60rpx;
  21. line-height: 60rpx;
  22. display: flex;
  23. justify-content: space-between;
  24. background: #fff;
  25. /* border-top: 1rpx solid #f5f5f5; */
  26. }
  27. .solution>view:nth-of-type(1) {
  28. font-weight: bold;
  29. height: 100rpx;
  30. line-height: 100rpx;
  31. /* padding-top: 16rpx; */
  32. }
  33. .solution view text {
  34. padding: 0 4%;
  35. font-size: 26rpx;
  36. }
  37. .solution view text:nth-of-type(2) {
  38. padding: 0 4%;
  39. font-size: 26rpx;
  40. color: #000;
  41. letter-spacing: 1.16rpx;
  42. text-align: right;
  43. }
  44. .solution button {
  45. width: 100%;
  46. height: 100%;
  47. background: #52A0FD;
  48. line-height: 100rpx;
  49. font-size: 36rpx;
  50. color: #fff;
  51. }
  52. .solution1 text{
  53. /* margin: 0 auto; */
  54. color:#333;
  55. font-size:30rpx;
  56. line-height:80rpx;
  57. }
  58. .solution1 .msg {
  59. margin:30rpx auto;
  60. box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.1);
  61. border-radius:16rpx;
  62. width:710rpx;
  63. }
  64. .solution1 button {
  65. width: 35%;
  66. height: 100%;
  67. background: #52A0FD;
  68. line-height: 100rpx;
  69. font-size: 36rpx;
  70. color: #fff;
  71. }
  72. .solution view input {
  73. width: 400rpx;
  74. height: 100rpx;
  75. border: 1rpx solid #000;
  76. }
  77. .subList {
  78. width: 100%;
  79. height: 150rpx !important;
  80. background: #fff !important;
  81. line-height: 150rpx !important;
  82. display: flex !important;
  83. align-items: center;
  84. padding-bottom: 60rpx;
  85. }
  86. .write0ff {
  87. width: 100%;
  88. }
  89. .write0ff>view {
  90. width: 710rpx;
  91. margin: 0 auto;
  92. height: 160rpx;
  93. display: flex;
  94. line-height: 88rpx;
  95. position: relative;
  96. background: #fff;
  97. margin-top: 35rpx;
  98. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  99. border-radius: 15rpx;
  100. }
  101. .write0ff>view>text:nth-child(1) {
  102. width: 77rpx;
  103. color: #333;
  104. font-size: 30rpx;
  105. margin-left: 4%;
  106. margin-right: 2.2%;
  107. line-height: 160rpx;
  108. }
  109. .line {
  110. width: 3rpx;
  111. height: 40rpx;
  112. background: #999;
  113. display: inline-block;
  114. margin-top: 8.2%;
  115. }
  116. .iconfont {
  117. width: 110rpx;
  118. line-height: 110rpx;
  119. height: 110rpx;
  120. color: #fff;
  121. background: #52a0fd;
  122. font-size: 64rpx;
  123. border-radius: 100rpx;
  124. margin-right: 20rpx;
  125. margin-top: 27rpx;
  126. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2);
  127. }
  128. .search {
  129. width: 400rpx;
  130. overflow: hidden;
  131. margin-left: 4%;
  132. font-size: 30rpx;
  133. color: #bfbfbf;
  134. letter-spacing: 0;
  135. line-height: 160rpx;
  136. height: 160rpx;
  137. }
  138. .write0ff>view>text:nth-child(4) {
  139. width: 40%;
  140. background: #52a0fd;
  141. color: #fff;
  142. text-align: center;
  143. line-height: 160rpx;
  144. font-size: 59rpx;
  145. border-radius: 16rpx;
  146. }
  147. .actives {
  148. opacity: 0.6 !important;
  149. }
  150. .softkey {
  151. width: 100% !important;
  152. height: 100rpx !important;
  153. display: flex !important;
  154. border: 1px solid red;
  155. }
  156. .softkey view:nth-child(1) {
  157. height: 401rpx;
  158. width: 82%;
  159. background: #fff;
  160. position: fixed;
  161. bottom: 0;
  162. left: 0;
  163. display: flex;
  164. flex-wrap: wrap;
  165. text-align: center;
  166. }
  167. .softkey view:nth-child(1) text {
  168. width: 30.3%;
  169. border-top: 1rpx solid #ccc;
  170. border-left: 1rpx solid #ccc;
  171. }
  172. .softkey view:nth-child(2) {
  173. height: 399rpx;
  174. border-top: 1rpx solid #ccc;
  175. width: 25%;
  176. background: #fff;
  177. position: fixed;
  178. bottom: 0;
  179. right: 0;
  180. display: flex;
  181. flex-direction: column;
  182. text-align: center;
  183. line-height: 198rpx;
  184. }
  185. .softkey view:nth-child(2) text {
  186. width: 100%;
  187. height: 50%;
  188. border-left: 1rpx solid #ccc;
  189. }
  190. .softkey view:nth-child(2) text:nth-child(1) {
  191. font-size: 48rpx;
  192. }
  193. .sure {
  194. width: 100%;
  195. padding: 0 5rpx;
  196. display: block;
  197. background: #52a0fd;
  198. color: #fff;
  199. font-size: 42rpx;
  200. }
  201. .hideKey {
  202. font-size: 48rpx;
  203. }
  204. .listBox{
  205. margin: 20rpx auto 0
  206. }
  207. .couList{
  208. position: relative;
  209. width:92%;
  210. padding:0 4%;
  211. margin-top: 20rpx;
  212. }
  213. .couList >view{
  214. background: #fff;
  215. margin: 30rpx auto;
  216. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  217. border-radius:16rpx;
  218. padding: 25rpx;
  219. }
  220. .conBox {
  221. height: 60rpx;
  222. line-height: 60rpx;
  223. display: flex;
  224. justify-content: space-between;
  225. font-size: 28rpx;
  226. }
  227. .conBox view:nth-child(1){
  228. width:460rpx;
  229. overflow: hidden;
  230. text-overflow:ellipsis;
  231. white-space: nowrap;
  232. }
  233. .conBox view:nth-child(2){
  234. width:170rpx;
  235. overflow: hidden;
  236. text-overflow:ellipsis;
  237. white-space: nowrap;
  238. text-align: right;
  239. }
  240. .yxq>text{
  241. font-size: 28rpx;
  242. height: 60rpx;
  243. line-height: 60rpx;
  244. color:#999999;
  245. }
  246. .yxq1>text{
  247. font-size: 24rpx!important;
  248. }
  249. /* .msg view{
  250. padding: 2% 4%;
  251. display: flex;
  252. justify-content: space-between;
  253. } */
  254. .msg1 {
  255. padding: 2% 4%;
  256. display: flex;
  257. justify-content: space-between;
  258. border-bottom: 1rpx solid #ccc
  259. }
  260. .msg2{
  261. padding: 2% 4%;
  262. display: flex;
  263. justify-content: space-between;
  264. }
  265. .imgs {
  266. margin: 20rpx 0;
  267. width: 40rpx;
  268. height: 40rpx;
  269. }
  270. .xinyi{
  271. display: flex;
  272. }
  273. .shiji{
  274. color: red!important;
  275. /* margin-left: 4%; */
  276. }