renew-analysis.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. .bgc-ff5442{
  2. background-color:#ff5442;
  3. }
  4. .bgc-ffc800{
  5. background-color: #ffc800;
  6. }
  7. .bgc-4ce428{
  8. background-color: #4ce428;
  9. }
  10. .bgc-24bbfa{
  11. background-color: #24bbfa;
  12. }
  13. .bgc-fb5dab{
  14. background-color: #fb5dab;
  15. }
  16. .bgc-9b5ffd{
  17. background-color: #9b5ffd;
  18. }
  19. .c-ff5442{
  20. color:#ff5442;
  21. }
  22. .c-ffc800{
  23. color: #ffc800;
  24. }
  25. .c-4ce428{
  26. color: #4ce428;
  27. }
  28. .c-24bbfa{
  29. color: #24bbfa;
  30. }
  31. .c-fb5dab{
  32. color: #fb5dab;
  33. }
  34. .c-9b5ffd{
  35. color: #9b5ffd;
  36. }
  37. .c-005f99{
  38. color: #005f99;
  39. }
  40. .color-tag{
  41. height: 15px;
  42. width: 15px;
  43. border-radius: 50%;
  44. display: inline-block;
  45. }
  46. .border-radius-10{
  47. border-radius: 10px;
  48. }
  49. .blue-box{
  50. display: inline-block;
  51. position: absolute;
  52. top: 50%;
  53. margin-top: -8px;
  54. width: 3px;
  55. height: 16px;
  56. background-color: #17B3EC;
  57. }
  58. .blue-box-left{
  59. left:0;
  60. }
  61. .blue-box-right{
  62. right: 0;
  63. }
  64. .tab{
  65. position: relative;
  66. height: 42px;
  67. }
  68. .tab .group1,
  69. .tab .group2{
  70. position: absolute;
  71. top: 5px;
  72. left: 50%;
  73. width: 160px;
  74. height: 32px;
  75. margin-left: -80px;
  76. border: 1px solid #17B3EC;
  77. border-radius: 16px;
  78. /*text-align: center;*/
  79. display: none;
  80. }
  81. .tab .group1{
  82. width: 180px;
  83. display: block;
  84. }
  85. .tab a{
  86. display: inline-block;
  87. position: absolute;
  88. top:0;
  89. right:0;
  90. width: 80px;
  91. height: 30px;
  92. line-height: 30px;
  93. border-radius: 15px;
  94. color: #17B3EC;
  95. font-size: 14px;
  96. }
  97. .tab .group1 a{
  98. width: 60px;
  99. }
  100. .tab a:first-child{
  101. left: 0;
  102. }
  103. .tab .group1 a:nth-child(2){
  104. left: 60px;
  105. }
  106. .tab a.active{
  107. background-color: #17B3EC;
  108. color: #fff;
  109. }
  110. img {
  111. vertical-align: middle;
  112. }
  113. .l-gq-list li{
  114. margin:0;
  115. padding: 5px 10px;
  116. }
  117. .div-ranking{
  118. top: 50%;
  119. margin-top: -15px;
  120. }
  121. .l-gq-bg{
  122. position: absolute;
  123. top: 5px;
  124. left: 5px;
  125. }
  126. .l-gq-arrow{
  127. position: absolute;
  128. top: 50%;
  129. margin-top: -7px;
  130. right: 15px;
  131. }
  132. .name{
  133. height: 32px;
  134. line-height: 32px;
  135. }
  136. .card-active{
  137. border-bottom: 5px solid #17B3EC;
  138. }
  139. .card-active div{
  140. color: #17B3EC;
  141. }