You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

82 lines
3.0 KiB

3 years ago
  1. /*reset*/
  2. html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
  3. body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
  4. a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
  5. html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;}
  6. body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
  7. input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}
  8. /*common*/
  9. .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}
  10. .colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }
  11. .strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
  12. .show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
  13. .block{ display:block;} .inline{ display:inline;}
  14. .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
  15. .tal{ text-align:left} .tar{ text-align:right;}
  16. /*文字两侧对齐*/
  17. .justify {
  18. text-align:justify;
  19. text-justify:distribute-all-lines;/*ie6-8*/
  20. text-align-last:justify;/* ie9*/
  21. -moz-text-align-last:justify;/*ff*/
  22. -webkit-text-align-last:justify;/*chrome 20+*/
  23. }
  24. .toe{
  25. /*超出省略号*/
  26. word-break:keep-all;
  27. white-space:nowrap;
  28. overflow:hidden;
  29. text-overflow:ellipsis;
  30. }
  31. @media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
  32. .justify:after{
  33. content:".";
  34. display: inline-block;
  35. width:100%;
  36. overflow:hidden;
  37. height:0;
  38. }
  39. }
  40. a{ color:inherit; text-decoration: none;}
  41. a:hover{ color:#3e6ed4; text-decoration: none;}
  42. body{font-family: "Microsoft YaHei",sans-serif;}
  43. .css3{
  44. /*transition: all 0.3s ease-in-out 0s;*/
  45. -webkit-transform:translate3d(0, -20px, 0);
  46. -ms-transform:translate3d(0, -20px, 0);
  47. transform:translate3d(0, -20px, 0);
  48. -webkit-transition-property:opacity, -webkit-transform;
  49. transition-property:opacity, transform;
  50. -webkit-transition-duration:1000ms;
  51. transition-duration:1000ms;
  52. -webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
  53. transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
  54. -webkit-transition-delay:800ms;
  55. transition-delay:800ms
  56. }
  57. .css3.animated{
  58. -webkit-transform:translate3d(0, 0, 0);
  59. -ms-transform:translate3d(0, 0, 0);
  60. transform:translate3d(0, 0, 0);
  61. }
  62. @media screen and (max-width: 650px) {
  63. }
  64. @media screen and (max-width: 480px) {
  65. }