public.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. /*头部*/
  2. header {
  3. background-color: #fff;
  4. overflow: hidden;
  5. line-height: 1rem;
  6. padding: 0.2rem ;
  7. }
  8. header a {
  9. display: block;
  10. }
  11. header .fl img {
  12. width: 2.8rem;
  13. }
  14. header .fr img {
  15. width: 0.5rem;
  16. }
  17. header .fr {
  18. position:relative;
  19. }
  20. header .fr span {
  21. position: absolute;
  22. width: 0.15rem;
  23. height: 0.15rem;
  24. background: #dd1e25;
  25. border-radius: 50%;
  26. top: 0.22rem;
  27. right: 0.02rem;
  28. }
  29. /*底部*/
  30. footer {
  31. background-color: #fff;
  32. padding: 0.25rem 0;
  33. position: fixed;
  34. bottom: 0;
  35. width: 100%;
  36. z-index:2222;
  37. }
  38. footer a {
  39. float: left;
  40. width: 25%;
  41. text-align: center;
  42. font-size: 0.35rem;
  43. }
  44. footer a img{
  45. width: 0.55rem;
  46. height: 0.55rem;
  47. margin: 0 auto;
  48. }
  49. footer a .img2{
  50. display: none;
  51. }
  52. footer a.active .img1 {
  53. display: none;
  54. }
  55. footer a.active .img2 {
  56. display: inline-block;
  57. }
  58. /*关注 推介*/
  59. .GT{
  60. width: 100%;
  61. position: fixed;
  62. bottom: 0;
  63. }
  64. .GT a {
  65. width: 49%;
  66. text-align: center;
  67. font-size: 0.45rem;
  68. color: #fff;
  69. height: 1.25rem;
  70. line-height: 1.25rem;
  71. letter-spacing: 2px;
  72. /*height: auto;*/
  73. }
  74. .GT a img {
  75. margin-right: 0.3rem;
  76. width: 0.7rem;
  77. }
  78. .GT a.fl{
  79. background-color: #dd1e25;
  80. }
  81. .GT a.fr{
  82. background-color: #104d9f;
  83. }
  84. /*分享遮罩*/
  85. .sharemask,.phomask {
  86. background: rgba(0,0,0,0.5);
  87. overflow: hidden;
  88. height: 100%;
  89. width: 100%;
  90. position: fixed;
  91. z-index:8888;
  92. }
  93. .sharecont {
  94. width: 100%;
  95. position: absolute;
  96. bottom: 0;
  97. background-color: #fff;
  98. }
  99. .writeTit,.sharetit {
  100. font-size: 0.45rem;
  101. color: #232323;
  102. padding: 0.5rem 0;
  103. text-align: center;
  104. font-weight: 600;
  105. }
  106. .writeTit {
  107. /*6.19*/
  108. position: fixed;
  109. background: #fff;
  110. width: 92%;
  111. left: 4%;
  112. top: 30%;
  113. z-index: 44;
  114. border-bottom: 2px solid #eee;
  115. border-radius: 0.25rem 0.25rem 0 0;
  116. }
  117. .writeTit img,.sharetit img {
  118. margin: 0 0.2rem;
  119. }
  120. .writeCancel{
  121. position: absolute;
  122. right: 0.5rem;
  123. width: 0.45rem;
  124. height: 0.45rem;
  125. }
  126. .shareWX {
  127. padding: 0.625rem 0;
  128. border-bottom: 0.05rem solid #eee;
  129. overflow: hidden;
  130. }
  131. .shareWX a {
  132. float: left;
  133. width: 33.33%;
  134. text-align: center;
  135. font-size: 0.4rem;
  136. }
  137. .shareWX a img{
  138. width: 1.0rem;
  139. height: 1rem;
  140. margin: 0.4rem 0;
  141. }
  142. .abolish {
  143. display: block;
  144. text-align: center;
  145. font-size: 0.45rem;
  146. padding: 0.25rem 0;
  147. }
  148. /*功能升级*/
  149. .phocont {
  150. position: absolute;
  151. top: 20%;
  152. width: 90%;
  153. background-color: #fff;
  154. left: 5%;
  155. border-radius: 0.25rem;
  156. }
  157. .phoNo {
  158. border-bottom: 0.05rem solid #eee;
  159. padding: 0.875rem 0;
  160. text-align: center;
  161. font-size: 0.45rem;
  162. margin: 0 auto;
  163. letter-spacing: 2px;
  164. }
  165. .phoNo img {
  166. width: 2.125rem;
  167. margin-right: 0.5rem;
  168. }
  169. /* 多选推介 */
  170. .check {
  171. position: absolute;
  172. top: 0;
  173. right: 0.5rem;
  174. }
  175. .check img {
  176. vertical-align: middle;
  177. width: 0.5rem;
  178. }