publicHead.css 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289
  1. body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend,header,nav,footer,menu,section,aside,article,canvas,figure,figcaption{margin:0; padding:0;}
  2. ul,li,ol{list-style:none;}
  3. img,fieldset{border:0; }
  4. a{text-decoration:none; color:#333;}
  5. h1,h2,h3,h4,h5,h6{font-weight:100;}
  6. body{ font-family:"微软雅黑";margin:0 auto;}
  7. input,a{outline:none;}
  8. input{outline: none;}
  9. .container{
  10. width: 1200px;
  11. margin: auto;
  12. }
  13. body{
  14. color: #494949;
  15. overflow:scroll;
  16. overflow-x:hidden;
  17. font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;
  18. }
  19. @font-face {
  20. font-family:fz;
  21. src: url('../../css/fonts/fontfz.ttf');
  22. }
  23. .warp_public_top{
  24. border-bottom: 1px solid #f2f2f2;
  25. }
  26. .public_top{
  27. width: 1200px;
  28. margin: auto;
  29. overflow: hidden;
  30. height: 32px;
  31. }
  32. .public_top_left{
  33. float: left;
  34. overflow: hidden;
  35. }
  36. .public_top_left>div{
  37. float: left;
  38. margin-right: 18px;
  39. }
  40. .public_top_left a{
  41. font-size: 12px;
  42. line-height: 32px;
  43. }
  44. .public_top_left a:hover{
  45. cursor: pointer;
  46. color: #51a7ff;
  47. border-bottom: 1px solid #51a7ff;
  48. }
  49. .public_top_left>div>div{
  50. width: 14px;
  51. height: 14px;
  52. display: inline-block;
  53. position: relative;
  54. top: 2px;
  55. }
  56. .public_top_left>div>div>img{
  57. width: 100%;
  58. height: 100%;
  59. }
  60. .public_top_right{
  61. float: right;
  62. }
  63. .public_top_right>a{
  64. font-size: 12px;
  65. padding: 0 3px;
  66. line-height: 32px;
  67. }
  68. .public_top_right span {
  69. font-size: 12px;
  70. }
  71. .public_top_right_text:hover{
  72. cursor: pointer;
  73. color: #51a7ff;
  74. border-bottom: 1px solid #51a7ff;
  75. }
  76. .user_name:hover,.user_center a:hover{
  77. color: #51a7ff;
  78. }
  79. .land_popup{
  80. position: absolute;
  81. display: none;
  82. width: 222px;
  83. height: 100px;
  84. border: 1px solid #f2f2f2;
  85. background: #fff;
  86. z-index: 62;
  87. }
  88. .user_center {
  89. width: 95%;
  90. margin: auto;
  91. height: 36px;
  92. border-bottom: 1px solid #f2f2f2;
  93. }
  94. .user_center>a:first-child{
  95. line-height: 36px;
  96. font-size: 12px;
  97. }
  98. .user_center .exit{
  99. line-height: 36px;
  100. font-size: 12px;
  101. float: right;
  102. cursor: pointer;
  103. }
  104. .user_btn{
  105. padding: 20px 0 0 10px;
  106. }
  107. .user_btn a{
  108. color: #b2b2b2;
  109. font-size: 12px;
  110. margin-right: 10px;
  111. border-radius: 5px;
  112. padding: 3px 5px;
  113. border: 1px solid #b2b2b2;
  114. }
  115. .user_btn a:hover{
  116. color: #fff;
  117. background: #51a7ff;
  118. border: 1px solid #51a7ff;
  119. }
  120. /* 公共导航栏 */
  121. .public_nav{
  122. width: 1200px;
  123. height: 100px;
  124. margin: auto;
  125. }
  126. .public_nav_img{
  127. width: 190px;
  128. height: 70px;
  129. float: left;
  130. margin-top: 10px;
  131. }
  132. .public_nav_img>img{
  133. width: 100%;
  134. /* height: 100%; */
  135. }
  136. .public_nav>ul{
  137. float: left;
  138. list-style: none;
  139. margin-top: 40px;
  140. margin-left: 66px;
  141. }
  142. .public_nav>ul>li{
  143. float: left;
  144. margin-right: 66px;
  145. position: relative;
  146. }
  147. .public_nav>ul>li>a{
  148. font-size: 16px;
  149. color: #494949;
  150. text-decoration: none;
  151. }
  152. .public_nav>ul>li>a:hover{
  153. color: #51a7ff;
  154. cursor: pointer;
  155. }
  156. .public_nav>ul>li>span{
  157. position: absolute;
  158. height: 2px;
  159. background-color: #51a7ff;
  160. bottom: -5px;
  161. left: 0;
  162. }
  163. .current_page span{
  164. width: 100%;
  165. }
  166. .current_page a{color: #51a7ff !important;}
  167. .public_nav_input{
  168. float: right;
  169. margin-top: 30px;
  170. /* color: #666; */
  171. }
  172. .public_nav_input>input{
  173. height: 34px;
  174. width: 124px;
  175. line-height: 35px;
  176. font-size: 12px;
  177. border-radius: 30px;
  178. border: 1px solid #51a7ff;
  179. padding-left: 15px;
  180. padding-right: 43px;
  181. }
  182. .public_nav_input{
  183. position: relative;
  184. width: 184px;
  185. }
  186. .public_nav_input>div{
  187. width: 37px;
  188. height: 37px;
  189. background-color: #51a7ff;
  190. border-radius: 50%;
  191. position: absolute;
  192. top: 1px;
  193. right: 0;
  194. overflow: hidden;
  195. text-align: center;
  196. cursor: pointer;
  197. }
  198. .public_nav_input>div>a>img{
  199. z-index: 12;
  200. padding: 10px;
  201. vertical-align: middle;
  202. vertical-align: -webkit-baseline-middle;
  203. vertical-align: -moz-middle-with-baseline;
  204. vertical-align: -ms-middle-with-baseline;
  205. }
  206. .dropdown ul {
  207. position: absolute;
  208. width: 184px;
  209. border: 1px solid #51a7ff;
  210. right: 0px;
  211. top: 50px;
  212. font-size: 12px;
  213. background-color: #fff;
  214. z-index: 55;
  215. display: none;
  216. }
  217. .dropdown ul li{
  218. width: 100%;
  219. height: 24px;
  220. float: left;
  221. cursor: pointer;
  222. padding: 5px 0 0 0;
  223. }
  224. .dropdown ul li a{
  225. padding: 0 0 0 15px;
  226. display: block;
  227. height: 19px;
  228. overflow: hidden;
  229. text-overflow: ellipsis;
  230. white-space: nowrap;
  231. }
  232. .dropdown ul li:hover{
  233. background-color: #f6f6f6;
  234. }
  235. .border-up-empty {
  236. width: 0;
  237. height: 0;
  238. border-left: 11px solid transparent;
  239. border-right: 11px solid transparent;
  240. border-bottom: 11px solid #51a7ff;
  241. margin: 50px auto;
  242. position: absolute;
  243. top: -61px;
  244. left: 13px;
  245. }
  246. .border-up-empty span {
  247. display: block;
  248. width: 0;
  249. height: 0;
  250. border-left: 10px solid transparent;
  251. border-right: 10px solid transparent;
  252. border-bottom: 10px solid #fff;
  253. position: absolute;
  254. left: -10px;
  255. top: 1px;
  256. }
  257. /* 网页导航 */
  258. .curLoc {
  259. height: 30px;
  260. line-height: 30px;
  261. vertical-align: middle;
  262. margin: 15px 0;
  263. font-weight: 400;
  264. font: 14px '微软雅黑',Arial,'宋体';
  265. }
  266. .curLoc a {
  267. font: 14px '微软雅黑',Arial,'宋体';
  268. }
  269. .curLoc a:hover {
  270. color: #51a7ff;
  271. text-decoration: underline;
  272. }
  273. .curLoc span{ color: #B2B2B2 ;}
  274. .curLoc .txt{
  275. color: #2B2823;
  276. padding-right: 14px;
  277. }
  278. input{
  279. line-height: 33px;
  280. }
  281. .smallIcon{
  282. border-radius: 10px;
  283. }