index.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. * {
  2. -webkit-tap-highlight-color: transparent;
  3. outline: 0;
  4. -webkit-overflow-scrolling: touch;
  5. margin: 0;
  6. padding: 0;
  7. }
  8. img {
  9. border: 0
  10. }
  11. p {
  12. text-align: justify
  13. }
  14. strong {
  15. color: #F4629C
  16. }
  17. a {
  18. text-decoration: none
  19. }
  20. body {
  21. font: normal normal 14px Arial,Helvetica,'微软雅黑','黑体';
  22. color: #666;
  23. line-height: 1.5;
  24. margin: 0 auto;
  25. -webkit-touch-callout: none;
  26. -webkit-user-select: none;
  27. -khtml-user-select: none;
  28. -moz-user-select: none;
  29. -ms-user-select: none;
  30. user-select: none;
  31. -webkit-overflow-scrolling: touch;
  32. overflow-scrolling: touch;
  33. font-family: helvetica;
  34. background-color: #fff
  35. }
  36. .all-wrap {
  37. width: 100%;
  38. margin: 0 auto;
  39. }
  40. .down-top{
  41. width:100%;
  42. height:1rem;
  43. line-height:1rem;
  44. background:url('../images/down_bg2.png');
  45. text-align:center;
  46. }
  47. .down-top img {
  48. max-width:80%;
  49. max-height:100%;
  50. vertical-align:middle;
  51. }
  52. .bottom-list-container, .hots .lists {
  53. background: #fff;
  54. }
  55. .tab-con-list {
  56. padding-bottom: 0.4rem;
  57. }
  58. .tab-con-list .one, .tab-con-list .one-page {
  59. overflow: hidden;
  60. }
  61. .hots .lists,.hots .lists .l-top {
  62. position: relative;
  63. width:3.56rem;
  64. height:3.56rem;
  65. }
  66. .hots .lists .l-top:after {
  67. width: 100%;
  68. z-index: 1;
  69. left: 0;
  70. content: ""
  71. }
  72. .hots .lists {
  73. float: left;
  74. margin-left: .13rem;
  75. margin-top: .22rem
  76. }
  77. .hots .lists .l-top:after {
  78. position: absolute;
  79. height: 0.96rem;
  80. bottom: 0;
  81. background: linear-gradient(bottom,rgba(0,0,0,.7),rgba(255,255,255,0));
  82. background: -webkit-linear-gradient(bottom,rgba(0,0,0,.7),rgba(255,255,255,0))
  83. }
  84. .hots .lists .icon-big {
  85. width: 3.56rem;
  86. height: 3.56rem;
  87. margin-bottom: -2%
  88. }
  89. .hots .lists .h-info {
  90. width: 100%;
  91. position: absolute;
  92. bottom: 0;
  93. left: 0;
  94. z-index: 3
  95. }
  96. .lists .h-info .fans {
  97. float: left;
  98. min-width: 1rem;
  99. line-height: 0.48rem;
  100. color: #fff;
  101. font-size: 0.24rem;
  102. margin-left: .16rem;
  103. position: relative
  104. }
  105. .lists .h-info .fans:before {
  106. position: absolute;
  107. display: block;
  108. width: .9rem;
  109. height: .65rem;
  110. left: 0;
  111. top: 48%;
  112. transform: translateY(-50%);
  113. -webkit-transform: translateY(-50%);
  114. background-position: 0 -22.5rem
  115. }
  116. .lists .h-info .live-icon {
  117. float: right;
  118. width: 0.48rem;
  119. height: 0.48rem;
  120. line-height: 0.48rem;
  121. color: #fff;
  122. font-size: .6rem;
  123. margin-right: .4rem;
  124. position: relative;
  125. background:url("../images/live.png") no-repeat center;
  126. background-size:0.44rem;
  127. }