public.css 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,roof,hgroup,menu,nav,output,ruby,section1,summary,time,mark,audio,video {
  2. margin: 0px;
  3. padding: 0px;
  4. border: 0px none;
  5. font: inherit;
  6. box-sizing: border-box;
  7. }
  8. body {
  9. line-height: 1;
  10. text-align: left;
  11. font-family: Arial, Helvetica, sans-serif;
  12. font-size: 14px;
  13. box-sizing: border-box;
  14. /* background: #F7F7F7; */
  15. min-width: 1200px;
  16. }
  17. ol,
  18. ul {
  19. list-style: outside none none;
  20. box-sizing: border-box;
  21. }
  22. * {
  23. padding: 0px;
  24. margin: 0px;
  25. border: 0px none;
  26. }
  27. a {
  28. color: #333;
  29. text-decoration: none;
  30. }
  31. a:hover{color: #e61717;}
  32. .fl {
  33. float: left;
  34. }
  35. .fr {
  36. float: right;
  37. }
  38. .clear::after {
  39. display: block;
  40. content: '';
  41. clear: both;
  42. }
  43. .box {
  44. width: 1200px;
  45. margin: 0 auto;
  46. }
  47. /*单行溢出*/
  48. .one-txt-cut{
  49. overflow: hidden;
  50. white-space: nowrap;
  51. text-overflow: ellipsis;
  52. }
  53. /*多行溢出 手机端使用*/
  54. .txt-cut{
  55. overflow : hidden;
  56. text-overflow: ellipsis;
  57. display: -webkit-box;
  58. /* -webkit-line-clamp: 2; */
  59. -webkit-box-orient: vertical;
  60. }
  61. /* 顶部内容 */
  62. .top{width: 100%;height: 30px;background: #f2f2f2;}
  63. .top_l{width: 400px;height: 30px;line-height: 30px;margin-left: 15px;}
  64. .top_l a{display: block;height: 30px; margin-right: 30px; float: left;color: #666;}
  65. .top_l a:nth-child(2) em{display: block;width: 14px;height: 30px;background: url(../images/xing.png);float: left;margin-right: 5px;}
  66. .top_l a:nth-child(3) em{display: block;width: 14px;height: 30px;background: url(../images/shouji.png);float: left;margin-right: 5px;}
  67. .top_l a:nth-child(3) i{display: block;width: 15px;height: 30px;background: url(../images/down.png);float: right;margin-left: 5px;}
  68. /* a链接改span */
  69. .top_l span{display: block;height: 30px; margin-right: 30px; float: left;color: #666;}
  70. .top_l span:nth-child(2) em{display: block;width: 14px;height: 30px;background: url(../images/xing.png);float: left;margin-right: 5px;}
  71. .top_l span:nth-child(3) em{display: block;width: 14px;height: 30px;background: url(../images/shouji.png);float: left;margin-right: 5px;}
  72. .top_l span:nth-child(3) i{display: block;width: 15px;height: 30px;background: url(../images/down.png);float: right;margin-left: 5px;}
  73. .top_r{width: 540px;height: 30px;line-height: 30px;}
  74. .top_r a{display: block;height: 30px; margin-right: 30px; float: left;color: #666;}
  75. .top_r a em{display: block;width: 20px;height: 30px;float: left;margin-right: 2px;}
  76. /* a链接改span */
  77. .top_r span{display: block;height: 30px; margin-right: 30px; float: left;color: #666;}
  78. .top_r span em{display: block;width: 20px;height: 30px;float: left;margin-right: 2px;}
  79. .top_r span:nth-child(4) em{background: url(../images/icon4.png);}
  80. .top_r span:nth-child(5) em{background: url(../images/icon5.png);}
  81. .top_r span:nth-child(5) i{display: block;width: 15px;height: 30px;background: url(../images/down.png);float: right;margin-left: 5px;}
  82. .top_r a:nth-child(1) em{background: url(../images/icon1.png);}
  83. .top_r a:nth-child(2) em{background: url(../images/icon2.png);}
  84. .top_r a:nth-child(3) em{background: url(../images/icon3.png);}
  85. .top_r a:nth-child(4) em{background: url(../images/icon4.png);}
  86. .top_r a:nth-child(5) em{background: url(../images/icon5.png);}
  87. .top_r a:nth-child(5) i{display: block;width: 15px;height: 30px;background: url(../images/down.png);float: right;margin-left: 5px;}
  88. /* 内容 */
  89. .wrapper{width: 100%;background: #f7f5f6;padding-bottom:20px;}
  90. /* 创业5步 */
  91. .bg{width: 100%; height: 70px;background: #f7f5f6;}
  92. .bg img{width: 100%;height: 100%;}
  93. /* 底部导航 */
  94. .foot_nav{height: 60px;padding: 15px 10px;border-bottom: 1px solid #ccc;margin-top: 20px;}
  95. .foot_nav .p1{
  96. width: 800px;
  97. height: 30px;
  98. float: left;
  99. }
  100. .foot_nav .p1 a{
  101. display: block;
  102. float: left;
  103. width: 110px;
  104. height: 30px;
  105. line-height: 30px;
  106. text-align: center;
  107. color: #333;
  108. }
  109. .foot_nav .p1 em{float: left;color: #ccc;line-height: 30px;}
  110. .p2{width: 300px;height: 30px;line-height: 30px;text-align: right;color: #f26921;float: right;}
  111. .p2 strong{font-size: 20px;}
  112. /* 底部信息 */
  113. .mass{height: 90px;margin-top: 20px;}
  114. .mass_l{width: 250px;height: 90px;}
  115. .mass_l img{margin-left: 33px;height: 65px;}
  116. .mass_l p{height: 20px;line-height: 20px;text-align: center;}
  117. .mass_c{width: 430px;height: 90px;margin-left: 80px;padding-top: 5px;}
  118. .mass_c p{line-height: 30px;color: #666;}
  119. .mass_c p em{color: #444;}
  120. .mass_r{width: 360px;height: 90px;}
  121. .mass_r img{width: 100%;height: 100%;}
  122. /* 友情提醒 */
  123. .notice{
  124. height: 200px;
  125. background: #f3f3f3;
  126. /*padding: 20px;*/
  127. margin-top: 20px;
  128. }
  129. /*.notice p{margin-bottom: 10px;line-height: 30px;color: #999;}*/
  130. /*.notice p span{color: #666;font-weight: 600;}*/
  131. .foot_seek{
  132. background: #f3f3f3;
  133. height: 200px;
  134. }
  135. /* 友情链接 */
  136. .foot_link{
  137. height: 100px;
  138. padding: 15px 0;
  139. }
  140. .foot_link a{
  141. display: block;
  142. line-height: 25px;
  143. float: left;
  144. margin-right: 15px;
  145. color: #999;
  146. }
  147. .foot_link a:first-child{color: #666;margin-right: 0;}