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.

449 lines
7.2 KiB

  1. @import "../../iconfont.wxss";
  2. /* .top {
  3. position: fixed;
  4. top: 0;
  5. left: 0;
  6. right: 0;
  7. z-index: 10 80;
  8. padding-bottom: 200rpx;
  9. } */
  10. page {
  11. background: #f8f8fa;
  12. }
  13. .img{
  14. display: block;
  15. width: 160rpx;
  16. margin: 0 auto;
  17. }
  18. @font-face {
  19. font-family: 'iconfont'; /* project id 1353693 */
  20. src: url('//at.alicdn.com/t/font_1353693_mi95v4vvx8n.eot');
  21. src: url('//at.alicdn.com/t/font_1353693_mi95v4vvx8n.eot?#iefix') format('embedded-opentype'),
  22. url('//at.alicdn.com/t/font_1353693_mi95v4vvx8n.woff2') format('woff2'),
  23. url('//at.alicdn.com/t/font_1353693_mi95v4vvx8n.woff') format('woff'),
  24. url('//at.alicdn.com/t/font_1353693_mi95v4vvx8n.ttf') format('truetype'),
  25. url('//at.alicdn.com/t/font_1353693_mi95v4vvx8n.svg#iconfont') format('svg');
  26. }
  27. .iconfonts {
  28. display: inline-block;
  29. vertical-align: middle;
  30. width: 40rpx;
  31. height: 40rpx;
  32. margin-top: -7rpx;
  33. margin-right: -26rpx;
  34. }
  35. .firstPage {
  36. width: 100%;
  37. height: 100%;
  38. }
  39. .location {
  40. position: relative;
  41. width: 100%;
  42. font-size: 30rpx;
  43. text-align: left;
  44. color: #fff;
  45. }
  46. .fix image {
  47. position: absolute;
  48. top: 0;
  49. width: 100%;
  50. height: 168rpx;
  51. left: 0;
  52. right: 0;
  53. z-index: 10;
  54. }
  55. .location image {
  56. position: absolute;
  57. top: 0;
  58. width: 100%;
  59. height: 168rpx;
  60. left: 0;
  61. right: 0;
  62. z-index: 10;
  63. }
  64. .location text {
  65. display: block;
  66. text-align: left;
  67. position: relative;
  68. z-index: 100;
  69. font-size: 30rpx;
  70. color: #000;
  71. letter-spacing: 1.16rpx;
  72. }
  73. .fix{
  74. margin-bottom: 10rpx;
  75. }
  76. .writeOff {
  77. width: 100%;
  78. height: 24.5%;
  79. margin-top: 10rpx;
  80. }
  81. .writeOff>text {
  82. width: 92%;
  83. height: 50rpx;
  84. display: block;
  85. font-size: 30rpx;
  86. font-weight: bold;
  87. padding-top: 1.4%;
  88. margin: 0 auto;
  89. }
  90. .topBox{
  91. position: relative;
  92. z-index: 1000;
  93. background: #fff;
  94. width: 570rpx;
  95. margin: 20rpx auto 0;
  96. border-top: 1px solid #f6f5f5;
  97. padding: 30rpx 70rpx;
  98. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
  99. color: #000;
  100. border-radius:32rpx;
  101. }
  102. .topBox view{
  103. display: flex;
  104. flex-direction: column;
  105. text-align: center;
  106. }
  107. .topBox2{
  108. position: relative;
  109. z-index: 1000;
  110. background: #fff;
  111. height: 240rpx;
  112. width: 710rpx;
  113. margin: 20rpx auto;
  114. color: #000099;
  115. display: flex;
  116. flex-direction: column;
  117. text-align: center;
  118. border-radius:32rpx;
  119. }
  120. .imgBox{
  121. width: 120rpx;
  122. height: 120rpx;
  123. margin: 20rpx auto;
  124. }
  125. .topBox2 image{
  126. width: 120rpx;
  127. height: 120rpx;
  128. margin: 20rpx auto;
  129. }
  130. .name{
  131. font-size: 30rpx;
  132. text-align: center;
  133. height: 60rpx;
  134. line-height: 60rpx;
  135. }
  136. .left>text:nth-child(2), .right>text:nth-child(2){
  137. font-size: 80rpx;
  138. margin: 10rpx 0;
  139. color:#FD782D;
  140. }
  141. .left>text,.right>text{
  142. width: 255rpx;
  143. overflow: hidden;
  144. text-overflow:ellipsis;
  145. white-space: nowrap;
  146. color: #475669;
  147. }
  148. .left>text:nth-child(3),.right>text:nth-child(3){
  149. color:#475669;
  150. }
  151. .classification {
  152. position: relative;
  153. z-index: 1000;
  154. width: 710rpx;
  155. margin: 0 auto;
  156. display: flex;
  157. flex-wrap: wrap;
  158. }
  159. .classification>view {
  160. background: #FFF;
  161. text-align: center;
  162. width: 19.5%;
  163. border: .1rpx #eee solid;
  164. display: flex;
  165. flex-direction: column;
  166. padding-bottom: 30rpx ;
  167. border-left: none!important;
  168. }
  169. .box{
  170. height: 140rpx;
  171. }
  172. .hide {
  173. height: 340rpx;
  174. overflow: hidden;
  175. }
  176. .classification>view:nth-child(1) {
  177. border-radius: 16rpx 0 0 0;
  178. }
  179. .classification>view:nth-child(6) {
  180. border-top: none!important;
  181. }
  182. .classification>view:nth-child(7),.classification>view:nth-child(8) {
  183. border-top: none!important;
  184. }
  185. .classification>view:nth-child(5) {
  186. border-right: none!important;
  187. border-radius:0 16rpx 0 0;
  188. }
  189. .classification>view:nth-child(10) {
  190. border-top: none!important;
  191. border-right: none!important;
  192. border-radius:0 0 16rpx 0;
  193. }
  194. .classification>view:nth-child(11) {
  195. border-top: none!important;
  196. border-right: none!important;
  197. border-radius:0 0 0 16rpx;
  198. }
  199. .classification>view>view {
  200. width: 110rpx;
  201. height: 110rpx;
  202. border-radius: 50%;
  203. text-align: center;
  204. margin: 0 auto;
  205. line-height:110rpx;
  206. }
  207. .isOpen {
  208. text-align: center;
  209. margin-top: 10rpx;
  210. font-size: 26rpx;
  211. color: #409EFF;
  212. }
  213. .icon-shoufukuan{
  214. color: rgb(91, 115, 255);
  215. }
  216. .icon-hexiao{
  217. color: #EEAF5C;
  218. }
  219. .icon-shouye1{
  220. color: #FF3A1D;
  221. }
  222. .icon-shouyintai1{
  223. color: rgb(33, 158, 214);
  224. }
  225. .icon-jifen{
  226. color: #00cd00;
  227. }
  228. .icon-quan{
  229. color: #FF5183;
  230. }
  231. .icon-jiesuan{
  232. color:#1296db;
  233. }
  234. .icon-lingquanzhongxin{
  235. color: #EEAF5C;
  236. }
  237. .icon-wuliu{
  238. color:#1296db;
  239. font-size: 72rpx !important;
  240. }
  241. .active {
  242. opacity: 0.6;
  243. }
  244. .actives {
  245. opacity: 0.6;
  246. }
  247. .classification>view>view icon {
  248. font-size: 60rpx;
  249. }
  250. .classification>view>text {
  251. font-size: 24rpx;
  252. color: #475669;
  253. letter-spacing: 2rpx;
  254. line-height: 26rpx;
  255. }
  256. .transaction {
  257. position: relative;
  258. height:280rpx;
  259. }
  260. .reportForm {
  261. background: #fff;
  262. }
  263. .toTransaction {
  264. width: 92%;
  265. height: 87rpx;
  266. display: flex;
  267. justify-content: space-between;
  268. padding: 0 4% 20rpx;
  269. line-height: 87rpx;
  270. background: #fff;
  271. }
  272. .toTransaction>view:nth-child(1) text {
  273. font-size: 30rpx;
  274. color: #000;
  275. letter-spacing: 1.16rpx;
  276. }
  277. .toTransaction>view:nth-child(2) {
  278. font-size: 28rpx;
  279. color: #919191;
  280. text-align: right;
  281. }
  282. .reportForm {
  283. position: relative;
  284. width: 100%;
  285. height: 245rpx;
  286. }
  287. .Fill {
  288. color: #fff;
  289. background: #fff;
  290. }
  291. .jiaoyi {
  292. position: relative;
  293. z-index: 1;
  294. width: 710rpx;
  295. margin: 0 auto;
  296. border-radius: 16rpx;
  297. margin-top: 30rpx;
  298. overflow: hidden;
  299. margin-bottom: 30rpx;
  300. background:#fff;
  301. padding-bottom: 30rpx;
  302. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
  303. }
  304. .swiper_container {
  305. position: relative;
  306. z-index: 100;
  307. height: 80rpx;
  308. line-height: 80rpx;
  309. width: 100%;
  310. }
  311. .swiper_item {
  312. position: relative;
  313. z-index: 1000;
  314. font-size: 28rpx;
  315. overflow: hidden;
  316. text-overflow: ellipsis;
  317. white-space: nowrap;
  318. letter-spacing: 2px;
  319. color: #fff;
  320. }
  321. .swiper_item text {
  322. display: inline-block;
  323. text-align: left;
  324. }
  325. .title {
  326. height: 80rpx;
  327. line-height: 80rpx;
  328. text-indent: 0.5em;
  329. font-size: 28rpx;
  330. color: #fff;
  331. background: #52a0fd;
  332. }
  333. .number {
  334. color: red;
  335. }
  336. .message {
  337. position: absolute;
  338. z-index: 1000;
  339. left: 20rpx;
  340. top: 0;
  341. bottom: 0;
  342. margin: auto;
  343. width: 40rpx;
  344. height: 40rpx;
  345. }
  346. .message text {
  347. font-size: 26rpx;
  348. display: block;
  349. height: 40rpx;
  350. line-height: 36rpx;
  351. width: 100%;
  352. text-align: center !important;
  353. position: relative;
  354. z-index: 10;
  355. text-indent: 0 !important;
  356. color: #FFF;
  357. }
  358. .message image {
  359. position: absolute��important;
  360. z-index: 1;
  361. top: 0;
  362. left: 0;
  363. bottom: 0;
  364. right: 0;
  365. margin: auto;
  366. }
  367. .state1 {
  368. color: red !important;
  369. margin-left: 80rpx;
  370. margin-right: 10rpx;
  371. }
  372. .state2 {
  373. color: #ffce00 !important;
  374. margin-left: 80rpx;
  375. margin-right: 10rpx;
  376. }
  377. .billtype {
  378. margin-right: 10rpx;
  379. }
  380. .nothave{
  381. text-align: center;
  382. color: #afd9eb;
  383. font-size: 30rpx;
  384. margin-top: 15rpx;
  385. }
  386. .nothave1{
  387. font-size: 30rpx;
  388. color: #ffc3c2;
  389. text-align: center;
  390. margin-top: 15rpx;
  391. }
  392. .nothave2{
  393. font-size: 30rpx;
  394. color: #FFCE00;
  395. text-align: center;
  396. margin-top: 15rpx;
  397. }
  398. .container{
  399. width: 100%;
  400. height: 240rpx;
  401. position: relative;
  402. }
  403. #mychart-pament {
  404. position: absolute;
  405. top: 0;
  406. height: 100%;
  407. left: 0;
  408. right: 0;
  409. }
  410. /* .fix{
  411. position: fixed;
  412. top: 0;
  413. left: 0;
  414. right: 0;
  415. z-index: 10;
  416. } */
  417. .jiaoyi2{
  418. /* margin-top: 333rpx; */
  419. position: relative;
  420. z-index: 1;
  421. }