index.wxss 4.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .statistical-page .navs{width:100%;height:96rpx;background-color:#fff;overflow:hidden;line-height:96rpx;position:fixed;top:9.7%;left:0;z-index:99;}
  2. .statistical-page .navs .list{overflow-y:hidden;overflow-x:auto;white-space: nowrap;-webkit-overflow-scrolling: touch;width: 100%;}
  3. .statistical-page .navs .item{font-size:32rpx;color:#282828;margin-left:60rpx;display: inline-block;line-height: 96rpx;}
  4. .statistical-page .navs .on{color:#2291f8;}
  5. .statistical-page .navs .item .iconfont{font-size:25rpx;margin-left:13rpx;}
  6. .statistical-page .wrapper{width:740rpx;background-color:#fff;border-radius:10rpx;margin:96rpx auto 0 auto;padding:50rpx 60rpx;margin-top: 108rpx;}
  7. .statistical-page .wrapper .title{font-size:30rpx;color:#999;text-align:center;}
  8. .statistical-page .wrapper .money{font-size:72rpx;color:#fba02a;text-align:center;margin-top:10rpx;}
  9. .statistical-page .wrapper .increase{font-size:28rpx;color:#999;margin-top:20rpx;}
  10. .statistical-page .wrapper .increase .red{color:#ff6969;}
  11. .statistical-page .wrapper .increase .green{color:#1abb1d;}
  12. .statistical-page .wrapper .increase .iconfont{font-size:23rpx;margin-left:15rpx;}
  13. .statistical-page .chart{width:690rpx;height:480rpx;background-color:#fff;border-radius:10rpx;margin:18rpx auto 0 auto;padding: 25rpx 22rpx 0 22rpx;position: relative;}
  14. .statistical-page .chart .company{font-size:26rpx;color:#999;}
  15. .statistical-page .mc-body{padding-bottom:0;}
  16. .statistical-page .mc-body tr{background-color: #edf8fe;border-top: 1px solid #fff;width:100%;}
  17. .statistical-page .calendar-wrapper{min-width:100%;}
  18. .statistical-page .calendar-wrapper table{margin:0;}
  19. .statistical-page .calendar-wrapper td{border-right:1px solid #fff;padding:0;width:14%!important;}
  20. .statistical-page .calendar-tools{box-shadow:unset;-webkit-box-shadow:unset;-o-box-shadow:unset;-moz-box-shadow:unset;}
  21. .statistical-page .mc-head-box div{font-size: 28rpx;}
  22. .statistical-page .calendar-wrapper td:not(.disabled) span.mc-date-red{color:unset;}
  23. .statistical-page .calendar-wrapper .mc-range-mode .mc-range-end span.calendar-date, .statistical-page .calendar-wrapper .mc-range-mode .mc-range-begin span.calendar-date{
  24. border-radius:0;background-color:#2291f8!important;
  25. }
  26. .statistical-page .calendar-wrapper td.selected span.mc-date-red{color:#fff;}
  27. .statistical-page .mc-range-mode .selected .mc-range-bg{background-color:#a0dcf9;}
  28. .statistical-page .calendar-wrapper .mc-range-mode .mc-range-row-last .calendar-date,.statistical-page .calendar-wrapper .mc-range-mode .mc-range-row-first .calendar-date{
  29. background-color:#a0dcf9;
  30. }
  31. .statistical-page .calendar-wrapper .mc-range-mode .selected.mc-range-second-to-last span{background-color:#a0dcf9;}
  32. .statistical-page .calendar-wrapper .mc-range-mode .mc-range-month-first.selected .calendar-date, .statistical-page .calendar-wrapper .mc-range-mode .mc-range-month-last.selected .calendar-date{
  33. background-color:#a0dcf9;
  34. }
  35. .wrapperBox{width: 100%;border-radius: 10rpx;padding: 0 30rpx;box-sizing: border-box;margin-top: 18rpx;}
  36. .public-wrapper{background-color: #fff;width: 100%;padding: 38rpx 30rpx;}
  37. .public-wrapper .title{font-size:30rpx;color:#282828;margin-bottom:40rpx;}
  38. .public-wrapper .title .iconfont{color:#2291f8;font-size:40rpx;margin-right:19rpx;vertical-align:middle;}
  39. .public-wrapper .list .item{width:33.33%;text-align:center;font-size:24rpx;color:#999;margin-bottom:45rpx;}
  40. .public-wrapper .list .item .num{font-size:40rpx;color:#333;margin-bottom: 1rpx;}
  41. .public-wrapper .list .item .titles{color: #999;}
  42. .public-wrapper .nav{font-size:24rpx;color:#999;border-bottom:1px solid #f7f7f7;height:70rpx;line-height: 70rpx;}
  43. .public-wrapper .data{width:210rpx;text-align:left;}
  44. .public-wrapper .browse{width:192rpx;text-align:right;}
  45. .public-wrapper .turnover{width:227rpx;text-align:right;}
  46. .public-wrapper .conter .item{border-bottom:1px solid #f7f7f7;height:70rpx;font-size:24rpx;line-height: 70rpx;}
  47. .public-wrapper .conter .item .turnover{color:#d84242;}
  48. .statistical-page .mc-today-element .calendar-date{border-radius:0;background-color:unset;}
  49. .calendar-wrapper{position:fixed;bottom:0;width:100%;left:0;background-color:#fff;z-index:99999999;border-radius:16rpx 16rpx 0 0;padding-bottom:10rpx;transform:translate3d(0,100%,0);transition:all .3s cubic-bezier(.25,.5,.5,.9);}
  50. .onShow{transform:translate3d(0,0,0);}
  51. .echarts {
  52. width: 100%;
  53. height: 550rpx;
  54. }
  55. .box{
  56. width: 100%;
  57. height: 85%;
  58. }
  59. .cover-view{ position: absolute;
  60. top: calc(50% - 150rpx);
  61. left: calc(50% - 300rpx);}
  62. .mask{z-index: 10000;}
  63. .mychart-one>div{z-index: 1;}