reset.css 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,select { margin:0; padding:0; }
  2. body, button, input, select, textarea {font-size:.3rem;}
  3. h1, h2, h3, h4, h5, h6{ font-size:100%; }
  4. address, cite, dfn, em, var { font-style:normal; }
  5. code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
  6. small{ font-size:12px; }
  7. ul, ol { list-style:none; }
  8. sup { vertical-align:text-top; }
  9. sub{ vertical-align:text-bottom; }
  10. legend { color:#000; }
  11. fieldset, img { border:0; }
  12. button, input, select, textarea { font-size:100%; }
  13. table { border-collapse:collapse; border-spacing:0;width:100%;}
  14. /* HTML5 display-role reset for older browsers */
  15. article, aside, details, figcaption, figure,
  16. footer, header, menu, nav, section { display: block; }
  17. input,input[type="search"],button,select,option,textarea,a{ outline:none; border:0; -webkit-appearance:none;border-radius: 0; background:none;-webkit-box-sizing:border-box;box-sizing:border-box;}
  18. /* custom */
  19. a { text-decoration: none; -webkit-backface-visibility: hidden; color:#333; }
  20. body,input,textarea{ -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback'; color:#333;}
  21. div,section,header,footer{-webkit-box-sizing:border-box; box-sizing:border-box;}
  22. input{line-height: normal; box-sizing:border-box;}
  23. .fl{ float:left; }
  24. .fr{ float:right; }
  25. .clear{ clear:both; height: 0; line-height: 0; font-size: 0; }
  26. .clearfix:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; overflow: hidden; }
  27. ::-webkit-scrollbar {
  28. width:0px;
  29. }
  30. ::-webkit-scrollbar-track {
  31. background-color:unset;
  32. }
  33. ::-webkit-scrollbar-thumb {
  34. background-color:unset;
  35. }
  36. ::-webkit-scrollbar-thumb:hover {
  37. background-color:unset;
  38. }
  39. ::-webkit-scrollbar-thumb:active {
  40. background-color:unset;
  41. }
  42. .flex {
  43. display: -webkit-box;
  44. display: -moz-box;
  45. display: -webkit-flex;
  46. display: -ms-flexbox;
  47. display: flex;
  48. }
  49. .con-cell{ display: table-cell; height: 100%; vertical-align: middle; }
  50. .old-price{text-decoration: line-through;}
  51. .icon {
  52. width: 1em; height: 1em;
  53. vertical-align: -0.15em;
  54. fill: currentColor;
  55. overflow: hidden;
  56. }
  57. @font-face {
  58. font-family: 'GuildfordProBook 5';
  59. src:url('GuildfordProBook 5.otf')
  60. }
  61. [v-cloak] {
  62. display: none;
  63. }
  64. .iconfont{
  65. font-size: .36rem;
  66. }
  67. /* 一像素边框 */
  68. @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
  69. .border-1px::after {
  70. -webkit-transform: scaleY(0.7);
  71. -moz-transform: scaleY(0.7);
  72. -o-transform: scaleY(0.7);
  73. -ms-transform: scaleY(0.7);
  74. transform: scaleY(0.7);
  75. }
  76. .border-1px::before {
  77. -webkit-transform: scaleY(0.7);
  78. -moz-transform: scaleY(0.7);
  79. -o-transform: scaleY(0.7);
  80. -ms-transform: scaleY(0.7);
  81. transform: scaleY(0.7);
  82. }
  83. }
  84. @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  85. .border-1px::after {
  86. -webkit-transform: scaleY(0.5);
  87. -moz-transform: scaleY(0.5);
  88. -o-transform: scaleY(0.5);
  89. -ms-transform: scaleY(0.5);
  90. transform: scaleY(0.5);
  91. }
  92. .border-1px::before {
  93. -webkit-transform: scaleY(0.5);
  94. -moz-transform: scaleY(0.5);
  95. -o-transform: scaleY(0.5);
  96. -ms-transform: scaleY(0.5);
  97. transform: scaleY(0.5);
  98. }
  99. }
  100. @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
  101. .border-1px::after {
  102. -webkit-transform: scaleY(0.33);
  103. -moz-transform: scaleY(0.33);
  104. -o-transform: scaleY(0.33);
  105. -ms-transform: scaleY(0.33);
  106. transform: scaleY(0.33);
  107. }
  108. .border-1px::before {
  109. -webkit-transform: scaleY(0.33);
  110. -moz-transform: scaleY(0.33);
  111. -o-transform: scaleY(0.33);
  112. -ms-transform: scaleY(0.33);
  113. transform: scaleY(0.33);
  114. }
  115. }
  116. .line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 100%;}
  117. .line2{word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  118. .mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:55;background-color:rgba(0,0,0,0.5);}