base.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. * { box-sizing:border-box;
  2. -moz-box-sizing:border-box; /* Firefox */
  3. -webkit-box-sizing:border-box; /* Safari */ }
  4. body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd{
  5. /* 默认有边距,都要清除 */
  6. margin: 0;
  7. padding: 0;
  8. /*字体设置*/
  9. font-size: 14px;
  10. font-family: "Microsoft Yahei",sans-serif;
  11. /* 去掉列表的原点 */
  12. list-style: none;
  13. /* 默认鼠标 */
  14. cursor: default;
  15. }
  16. /*行内块元素*/
  17. input,img{
  18. margin: 0;
  19. padding: 0;
  20. border: 0 none;
  21. outline-style: none;
  22. vertical-align: bottom;
  23. }
  24. /*行内元素*/
  25. a,a:active,a:visited{
  26. /*下划线和颜色*/
  27. text-decoration: none;
  28. color: #ccc;
  29. }
  30. a:hover{
  31. color:#333;
  32. }
  33. textarea{
  34. /* 边框清零 */
  35. border:none;
  36. /* 轮廓线清零 */
  37. outline: none;
  38. /* 防止文本域被随意拖拽 */
  39. resize: none;
  40. }
  41. i{
  42. /*文字样式*/
  43. font-style: normal;
  44. }
  45. table{
  46. /*边框合并*/
  47. border-collapse:collapse;
  48. border-spacing:0;
  49. }
  50. /* 使用伪元素清除浮动 */
  51. .clearfix::before,
  52. .clearfix::after{
  53. content:"";
  54. height: 0;
  55. line-height: 0;
  56. display: block;
  57. visibility: none;
  58. clear: both;
  59. }
  60. .clearfix {
  61. *zoom: 1;
  62. }
  63. /* 版心*/
  64. .w{
  65. width: 1200px;
  66. margin:0 auto;
  67. }
  68. .fl{float: left;}
  69. .fr{ float: right;}
  70. .clear{ clear: both;}
  71. .top{ line-height: 50px; background-color:#c7301e; width: 100%; overflow: hidden;color:#fff}
  72. .top_left,.top_right{ width: 50%;}
  73. .top_left a,.top_right a{color: #fff;}
  74. .top_right{ text-align: right;}
  75. .top_left img{ line-height: 50px; vertical-align: middle; margin-top: -4px;}
  76. .logo .logo_right .sreach{ border:1px solid #C7301E; color:#333;margin-top:30px; height:40px; line-height:40px; padding-left:10px;width: 325px;position:relative;background-color: #fff;}
  77. .logo .logo_right .sreach input{height:38px;background-color: #fff; line-height:40px; width:280px; position: absolute;top:1;left:1; }
  78. .logo .logo_right a{ display: block;width:26px;height:26px; position: absolute;top:6px;right:6px; background: url(../img/index_10.png) no-repeat;}
  79. .nav{ border-bottom:4px solid #C7301E; line-height: 50px;}
  80. .nav a{ width:130px;color:#c7301e; display: block; float: left; text-align: center; font-size:16px;font-weight: bold; }
  81. .nav a:hover{ font-weight:900; font-size:18px;}
  82. .footer{ margin-top: 30px;}
  83. .footer .footer_top{ text-align: center; line-height: 50px; background: #6c6d8b; color:#fff;}
  84. .footer .footer_top a{color:#fff;font-size:16px}
  85. .footer .footer_bottom{ background-color: #8d91aa; padding:30px; text-align: center;color:#fff; line-height: 30px;}