common.css 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393
  1. *{
  2. padding:0;
  3. margin: 0;
  4. -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  5. -moz-tap-highlight-color:rgba(0, 0, 0, 0);
  6. -ms-tap-highlight-color:rgba(0, 0, 0, 0);
  7. -o-tap-highlight-color:rgba(0, 0, 0, 0);
  8. tap-highlight-color:rgba(0, 0, 0, 0);
  9. }
  10. article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
  11. display: block
  12. }
  13. audio,canvas,progress,video {
  14. display: inline-block;
  15. vertical-align: baseline
  16. }
  17. audio:not([controls]) {
  18. display: none;
  19. height: 0
  20. }
  21. [hidden],template {
  22. display: none
  23. }
  24. a {
  25. background: transparent
  26. }
  27. a:active,a:hover {
  28. outline: 0
  29. }
  30. abbr[title] {
  31. border-bottom: 1px dotted
  32. }
  33. b,strong {
  34. font-weight: bold
  35. }
  36. dfn {
  37. font-style: italic
  38. }
  39. h1 {
  40. font-size: 2em;
  41. margin: .67em 0
  42. }
  43. mark {
  44. background: #ff0;
  45. color: #000
  46. }
  47. small {
  48. font-size: 80%
  49. }
  50. sub,sup {
  51. font-size: 75%;
  52. line-height: 0;
  53. position: relative;
  54. vertical-align: baseline
  55. }
  56. sup {
  57. top: -0.5em
  58. }
  59. sub {
  60. bottom: -0.25em
  61. }
  62. svg:not(:root) {
  63. overflow: hidden
  64. }
  65. figure {
  66. margin: 1em 40px
  67. }
  68. hr {
  69. box-sizing: content-box;
  70. height: 0
  71. }
  72. pre {
  73. overflow: auto
  74. }
  75. code,kbd,pre,samp {
  76. font-family: monospace,monospace;
  77. font-size: 1em
  78. }
  79. button,input,optgroup,select,textarea {
  80. color: inherit;
  81. font: inherit;
  82. margin: 0
  83. }
  84. button {
  85. overflow: visible
  86. }
  87. button,select {
  88. text-transform: none
  89. }
  90. button,html input[type="button"],input[type="reset"],input[type="submit"] {
  91. -webkit-appearance: button;
  92. cursor: pointer
  93. }
  94. button[disabled],html input[disabled] {
  95. cursor: default
  96. }
  97. button::-moz-focus-inner,input::-moz-focus-inner {
  98. border: 0;
  99. padding: 0
  100. }
  101. input {
  102. line-height: normal
  103. }
  104. input:focus{
  105. outline-offset: 0px;
  106. outline: none;
  107. }
  108. input::-webkit-input-placeholder {
  109. /* placeholder颜色 */
  110. color: #e5e5e5;
  111. }
  112. select:focus{
  113. outline-offset: 0px;
  114. outline: none;
  115. }
  116. input[type="checkbox"],input[type="radio"] {
  117. box-sizing: border-box;
  118. padding: 0
  119. }
  120. input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
  121. height: auto
  122. }
  123. input[type="search"] {
  124. -webkit-appearance: textfield;
  125. box-sizing: content-box
  126. }
  127. input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
  128. -webkit-appearance: none
  129. }
  130. fieldset {
  131. border: 1px solid #c0c0c0;
  132. margin: 0 2px;
  133. padding: .35em .625em .75em
  134. }
  135. legend {
  136. border: 0;
  137. padding: 0
  138. }
  139. textarea {
  140. overflow: auto
  141. }
  142. textarea::-webkit-input-placeholder {
  143. /* placeholder颜色 */
  144. color: #e5e5e5;
  145. }
  146. optgroup {
  147. font-weight: bold
  148. }
  149. table {
  150. border-collapse: collapse;
  151. border-spacing: 0
  152. }
  153. td,th {
  154. padding: 0
  155. }
  156. h1,h2,h3,h4,h5,h6 {
  157. font-size: 100%;
  158. font-weight: normal
  159. }
  160. ul,ol,dl,li {
  161. list-style-type:none;
  162. }
  163. input:focus{outline-offset: 0px;outline: none;}
  164. a,a:hover,a:active,a:visited,a:link,a:focus{
  165. -webkit-tap-highlight-color:rgba(0,0,0,0);
  166. -webkit-tap-highlight-color: transparent;
  167. outline:none;
  168. background: none;
  169. text-decoration: none;
  170. }
  171. img, fieldset, input[type="submit"] { border: 0 none; }
  172. img { display: inline-block; overflow: hidden; vertical-align: middle; }
  173. em { font-style: normal; }
  174. button, input[type="button"] { cursor: pointer; border: 0 none; }
  175. menu { margin: 0; padding: 0; }
  176. input[type="number"] { -webkit-user-select: text; }
  177. a, button, input, img { -webkit-touch-callout: none; }
  178. input, select, textarea { outline: none; }
  179. html { font-size: 62.5%; -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100% }
  180. body { font-size: 0.28rem; line-height: 1.5; background: #f5f5f5; color: #323232; -webkit-user-select: none; -webkit-text-size-adjust: none!important; font-family: "Microsoft YaHei", Arial; }
  181. @media screen and (max-width: 350px) {
  182. html { font-size: 50%;}
  183. }
  184. a {
  185. color: #323232;
  186. text-decoration: none
  187. }
  188. a:hover {
  189. color: #323232;
  190. text-decoration: none
  191. }
  192. .hide{
  193. display:none;
  194. }
  195. .clearfix:before,.clearfix:after {
  196. content: " ";
  197. display: table
  198. }
  199. .clearfix:after {
  200. clear: both
  201. }
  202. .clearfix {
  203. clear: both;
  204. *zoom: 1;
  205. }
  206. .line{
  207. height:0.02rem;
  208. background:#f5f5f5;
  209. }
  210. .line5{
  211. height:0.1rem;
  212. background:#f5f5f5;
  213. }
  214. .line10{
  215. height:0.2rem;
  216. background:#f5f5f5;
  217. }
  218. .empty{
  219. margin-top:2rem;
  220. height:4rem;
  221. background:url("../images/empty.png") no-repeat center;
  222. background-size: 40%;
  223. }
  224. div.li_empty{
  225. padding:0.4rem 0;
  226. line-height:30px;
  227. text-align:center;
  228. }
  229. div.li_empty .title{
  230. font-size:0.28rem;
  231. }
  232. div.li_empty .des{
  233. color:#969696;
  234. font-size:0.26rem;
  235. }
  236. img.coin{
  237. height: 0.32rem;
  238. vertical-align: sub;
  239. }
  240. img.votes{
  241. height: 0.32rem;
  242. vertical-align: sub;
  243. }
  244. img.sex{
  245. height: 0.32rem;
  246. vertical-align: sub;
  247. }
  248. img.level{
  249. height: 0.32rem;
  250. vertical-align: sub;
  251. }
  252. img.levelanchor{
  253. height: 0.32rem;
  254. vertical-align: sub;
  255. }
  256. .color_default{
  257. color:#ff5878 !important;
  258. }
  259. .bg_default{
  260. background-color:#ff5878 !important;
  261. }
  262. .button_default{
  263. background: -webkit-linear-gradient(left,#fe5956, #fe3f97) !important;
  264. background: -o-linear-gradient(left,#fe5956, #fe3f97) !important;
  265. background: -moz-linear-gradient(left,#fe5956, #fe3f97) !important;
  266. background: linear-gradient(to right,#fe5956, #fe3f97) !important;
  267. }
  268. /* layer提示窗修改 */
  269. body .layui-layer{
  270. box-shadow:none;
  271. border-radius:0.2rem;
  272. }
  273. body .layui-layer-title{
  274. padding:0.4rem 0 0;
  275. text-align:center;
  276. background:transparent;
  277. color: #323232;
  278. font-size:0.32rem;
  279. font-weight:bold;
  280. border:none;
  281. }
  282. body .layui-layer-dialog .layui-layer-content{
  283. padding-top:0.1rem;
  284. text-align:center;
  285. color:#646464;
  286. }
  287. body .layui-layer-msg .layui-layer-content{
  288. padding:0.24rem 0.5rem;
  289. color:#fff;
  290. }
  291. body .layui-layer-btn{
  292. padding:0;
  293. border-top:1px solid #e5e5e5;
  294. text-align:center;
  295. }
  296. body .layui-layer-btn a{
  297. margin:0;
  298. width:50%;
  299. height:1rem;
  300. line-height:1rem;
  301. font-size:0.32rem;
  302. border:none;
  303. -moz-box-sizing: border-box; /*Firefox3.5+*/
  304. -webkit-box-sizing: border-box; /*Safari3.2+*/
  305. -o-box-sizing: border-box; /*Opera9.6*/
  306. -ms-box-sizing: border-box; /*IE8*/
  307. box-sizing: border-box;
  308. background:none;
  309. }
  310. body .layui-layer-btn a.layui-layer-btn0{
  311. color:#646464;
  312. background:none;
  313. }
  314. body .layui-layer-btn a.layui-layer-btn1{
  315. color:#FE446F;
  316. border-left:1px solid #e5e5e5;
  317. }
  318. body .layui-layer-prompt .layui-layer-input{
  319. border:none;
  320. }
  321. body .layui-layer-prompt .layui-layer-btn {
  322. padding-top:0;
  323. }
  324. body .layui-layer-prompt .layui-layer-btn a.layui-layer-btn0{
  325. color:#FE446F;
  326. }
  327. body .layui-layer-prompt .layui-layer-btn a.layui-layer-btn1{
  328. color:#646464;
  329. }