comm.min.css 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288
  1. @charset "utf-8";
  2. * {
  3. margin: 0;
  4. padding: 0
  5. }
  6. a {
  7. text-decoration: none
  8. }
  9. html {
  10. width: 100%;
  11. height: 100%;
  12. overflow: hidden;
  13. -webkit-font-smoothing: antialiased;
  14. -webkit-text-size-adjust: 100%;
  15. -ms-text-size-adjust: 100%;
  16. -webkit-touch-callout: none;
  17. -ms-touch-action: none;
  18. -webkit-user-select: none;
  19. -webkit-overflow-scrolling: touch;
  20. -moz-overflow-scrolling: touch;
  21. -o-overflow-scrolling: touch;
  22. overflow-scrolling: touch
  23. }
  24. body {
  25. color: #535353;
  26. font-family: "arial simsun tahoma";
  27. background: #fff;
  28. width: 100%;
  29. height: 100%;
  30. overflow: hidden;
  31. position: relative
  32. }
  33. img {
  34. border: 0
  35. }
  36. ol, ul, li {
  37. list-style: none
  38. }
  39. dl, dt, dd, ul, li {
  40. margin: 0;
  41. padding: 0
  42. }
  43. input, textarea {
  44. display: inline-block;
  45. outline: 0;
  46. font-size: .9rem;
  47. padding: 0;
  48. border: 0;
  49. width: 100%;
  50. line-height: 1.5rem;
  51. background: 0
  52. }
  53. input.hasBottomLine {
  54. border-bottom: 1px solid #008a8a
  55. }
  56. input.green {
  57. color: #11bbb4
  58. }
  59. input.center {
  60. text-align: center
  61. }
  62. input.fontL {
  63. font-size: 1rem
  64. }
  65. button {
  66. box-sizing: border-box;
  67. position: relative;
  68. border: 0;
  69. font-size: .9rem;
  70. border-radius: 4px;
  71. padding: 0;
  72. height: 40px;
  73. min-width: 40px;
  74. line-height: 40px;
  75. display: inline-block;
  76. text-align: center;
  77. vertical-align: middle;
  78. -moz-user-select: none;
  79. -webkit-user-select: none;
  80. -ms-user-select: none;
  81. -khtml-user-select: none;
  82. user-select: none
  83. }
  84. html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
  85. -webkit-text-size-adjust: none
  86. }
  87. i {
  88. font-style: normal
  89. }
  90. .fl {
  91. float: left
  92. }
  93. .fr {
  94. float: right
  95. }
  96. .clear {
  97. clear: both
  98. }
  99. .wrap {
  100. width: 96%;
  101. margin: 0 auto
  102. }
  103. .pd5 {
  104. padding: 8px
  105. }
  106. .pd10 {
  107. padding: 10px
  108. }
  109. .padl14 {
  110. padding: 0 5px 0 3px;
  111. margin: 1em auto;
  112. display: block
  113. }
  114. .pd20 {
  115. padding: 20px
  116. }
  117. .btn {
  118. display: inline-block;
  119. text-align: center;
  120. padding: .6em 0;
  121. line-height: 1.5rem;
  122. border-radius: 4px
  123. }
  124. .btn-ok {
  125. background-color: #37b494;
  126. border: #229b7c 1px solid;
  127. color: #fff
  128. }
  129. .btn-large {
  130. width: 100%
  131. }
  132. .aDo {
  133. background-color: #eee
  134. }
  135. #nav_single {
  136. width: 3rem;
  137. height: 3rem;
  138. position: absolute;
  139. bottom: 0;
  140. right: 0
  141. }
  142. #us_panel2 {
  143. width: 100%;
  144. height: 3.3rem;
  145. position: absolute;
  146. bottom: 0;
  147. left: 0;
  148. background: #fff;
  149. border-top: 1px solid #e3e3e3
  150. }
  151. #us_panel2.hide {
  152. visibility: hidden
  153. }
  154. #nav_bottom {
  155. width: 100%;
  156. height: 3.3rem;
  157. position: absolute;
  158. bottom: 0;
  159. left: 0;
  160. background: #fff;
  161. border-top: 1px solid #e3e3e3
  162. }
  163. #nav_bottom.push {
  164. -webkit-transform: translateX(250px);
  165. -moz-transform: translateX(250px);
  166. transform: translateX(250px)
  167. }
  168. #nav_bottom.pull {
  169. -webkit-transform: translate3d(-250px, 0, 0);
  170. -moz-transform: translate3d(-250px, 0, 0);
  171. transform: translate3d(-250px, 0, 0)
  172. }
  173. #nav_bottom.push {
  174. visibility: visible
  175. }
  176. #nav_bottom.hide {
  177. visibility: hidden
  178. }
  179. .listNav {
  180. display: block;
  181. position: relative;
  182. overflow: hidden;
  183. width: 100%;
  184. margin: 0 auto
  185. }
  186. .listNav label {
  187. display: block;
  188. width: 2.5rem;
  189. line-height: 2.5rem;
  190. background: #ff8a80;
  191. border-radius: 50%;
  192. text-align: center;
  193. color: #fff;
  194. font-weight: bold;
  195. -moz-box-shadow: 0 1px 1px #ccc;
  196. -o-box-shadow: 0 1px 1px #ccc;
  197. -webkit-box-shadow: 0 1px 1px #ccc;
  198. box-shadow: 0 1px 1px #ccc;
  199. border: 1px #ccc solid
  200. }
  201. .listNav li {
  202. box-sizing: border-box;
  203. display: block;
  204. position: relative;
  205. overflow: inherit;
  206. float: left;
  207. height: 4rem;
  208. text-align: center;
  209. font-size: .8rem;
  210. color: #999
  211. }
  212. .listNav li.count1 {
  213. width: 100%
  214. }
  215. .listNav li.count2 {
  216. width: 50%
  217. }
  218. .listNav li.count3 {
  219. width: 33.3%
  220. }
  221. .listNav li.current {
  222. color: #008a8a
  223. }
  224. .listNav li.count4 {
  225. width: 25%
  226. }
  227. .listNav li i {
  228. display: block;
  229. position: relative;
  230. overflow: inherit;
  231. width: 40px;
  232. height: 33px;
  233. margin: 0 auto;
  234. font-size: 1.6rem;
  235. line-height: 2rem
  236. }
  237. .listNav span {
  238. font-size: .8rem;
  239. overflow: hidden
  240. }
  241. .ton {
  242. background-color: #70ca10
  243. }