f2.style.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. ::-webkit-scrollbar {
  2. display: none;
  3. }
  4. * {
  5. -webkit-user-select: none;
  6. -moz-user-select: none;
  7. -khtml-user-select: none;
  8. -ms-user-select: none;
  9. -o-user-select: none;
  10. user-select: none;
  11. -webkit-overflow-scrolling: touch;
  12. -webkit-overflow-scrolling: none;
  13. }
  14. *,
  15. *::before,
  16. *::after {
  17. box-sizing: border-box;
  18. }
  19. html {
  20. font-family: "Helvetica Neue", "San Francisco", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", sans-serif;
  21. }
  22. body {
  23. margin: 0;
  24. font-weight: 400;
  25. line-height: 1.5;
  26. overflow: hidden;
  27. }
  28. img {
  29. vertical-align: middle;
  30. border-style: none;
  31. }
  32. .tip {
  33. font-size: 12px;
  34. color: #808080;
  35. text-align: center;
  36. }
  37. .header {
  38. padding: 4.26666667vw;
  39. font-size: 4.26666667vw;
  40. line-height: 6vw;
  41. }
  42. .icon {
  43. display: inline-block;
  44. width: 4.26666667vw;
  45. height: 4.26666667vw;
  46. background-image: url(https://gw.alipayobjects.com/zos/rmsportal/oLOjjJWHatTpgfygoLbE.png);
  47. background-size: cover;
  48. vertical-align: -1px;
  49. margin-right: 6.66666667vw;
  50. position: relative;
  51. }
  52. .icon:after {
  53. content: '';
  54. position: absolute;
  55. top: 1px;
  56. right: -12px;
  57. width: 1px;
  58. height: 4.26666667vw;
  59. background-color: #979797;
  60. }
  61. .chart-wrapper {
  62. background-color: #fff;
  63. }
  64. canvas {
  65. display: block;
  66. width: 100vw;
  67. height: 69.33333333vw;
  68. }
  69. @media all and (orientation: landscape) {
  70. canvas {
  71. display: block;
  72. width: 100vw;
  73. height: 48.12593703vw;
  74. }
  75. .header {
  76. padding: 2.3988006vw;
  77. font-size: 2.3988006vw;
  78. line-height: 3.37331334vw;
  79. }
  80. .icon {
  81. display: inline-block;
  82. width: 2.3988006vw;
  83. height: 2.3988006vw;
  84. background-image: url(https://gw.alipayobjects.com/zos/rmsportal/oLOjjJWHatTpgfygoLbE.png);
  85. background-size: cover;
  86. vertical-align: -1px;
  87. margin-right: 3.74812594vw;
  88. position: relative;
  89. }
  90. .icon:after {
  91. content: '';
  92. position: absolute;
  93. top: 1px;
  94. right: -12px;
  95. width: 1px;
  96. height: 2.3988006vw;
  97. background-color: #979797;
  98. }
  99. }
  100. /*# sourceMappingURL=f2-naked-demo.css.map*/