common.css 3.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. body{margin:0;font-size:14px;color:#666666;font-family:"microsoft yahei","宋体";background-color:#FFFFFF;}
  2. h1,h2,h3,h4,h5,form,p,ul,input{margin:0px;padding:0px;}
  3. input,textarea{font-family:"microsoft yahei","宋体";font-size:14px;color:#666666;}
  4. li{padding:0;margin:0;line-height:180%;list-style-type:none;}
  5. a {text-decoration:none;color:#333;}
  6. a:hover {color:#ff6565;}
  7. .body_box {width:1200px;margin:0 auto;}
  8. .mt10 {margin-top:10px;}
  9. .mt20 {margin-top:20px;}
  10. .mt30 {margin-top:30px;}
  11. .mt40 {margin-top:40px;}
  12. .nowrap {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  13. .align_center {text-align:center;}
  14. .align_right {text-align:right;}
  15. /* 头部 */
  16. .main_header {width:100%;height:93px;background: #415571;}
  17. .main_header_box {width:1200px;margin:0 auto;height:93px;}
  18. .main_header_box .header_image_box {width:320px;height:93px;display: flex;justify-content: flex-start;align-items: center;float:left;}
  19. .main_header_box .header_nav {width:540px;height:93px;float:left;position:relative;}
  20. .main_header_box .header_nav .header_nav_ul_li {height:93px;line-height: 93px;float:left;padding:0 30px;position:relative;}
  21. .main_header_box .header_nav .header_nav_ul_li a {position: relative;font-size:16px;color:white;text-decoration:none;}
  22. .main_header_box .header_nav .header_nav_ul_li a img.location {margin-top:30px;margin-right:5px;float:left;}
  23. .main_header_box .header_nav .header_nav_ul_li a .bottom_arrows {
  24. position: absolute;
  25. top:10px;
  26. right:-50px;
  27. width: 8px;
  28. height: 8px;
  29. border-top: 2px solid white;
  30. border-right: 2px solid white;
  31. transform: rotate(135deg);
  32. margin-right:30px;
  33. margin-top: -6px;
  34. }
  35. .main_header_box .header_nav .header_nav_ul_ul {position:absolute;top:93px;right:0;width:100%;text-align:center;box-shadow:0 0 2px 2px #415571;display:none;z-index:100;}
  36. .main_header_box .header_nav .nav_location {width:200px;}
  37. .main_header_box .header_nav .header_nav_ul_ul li {text-align:center;height:30px;background:#415571;}
  38. .main_header_box .header_nav .header_nav_ul_ul li a {color:white;}
  39. .main_header_box .header_nav .header_nav_ul_ul li a:hover {background:#B3C9E1;}
  40. .main_header_box .header_member {float:left;width:340px;height:93px;}
  41. .main_header_box .header_member ul li {height:93px;line-height: 93px;float:left;padding-left:26px;font-size:16px;color:white;}
  42. .main_header_box .header_member ul li img {margin-top:30px;margin-right:5px;float:left;}
  43. .main_header_box .header_member ul li a {color:white;text-decoration: none;}
  44. .main_header_box .header_member_login {float:left;width:340px;height:93px;position:relative;}
  45. .main_header_box .header_member_login .header_login_ul .header_login_ul_li {height:93px;line-height: 93px;float:left;padding-left:26px;font-size:16px;color:white;min-width: 200px;}
  46. .main_header_box .header_member_login .header_login_ul .header_login_ul_li a {color:white;font-size:16px;}
  47. .main_header_box .header_member_login .header_login_ul .header_login_ul_li img {width:40px;height:40px;border-radius:50%;margin-top:26px;margin-right:10px;float:left;}
  48. .main_header_box .header_member_login .header_login_ul_ul {position:absolute;top:93px;text-align:center;box-shadow:0 0 2px 2px #415571;width:140px;display:none;z-index:100;}
  49. .main_header_box .header_member_login .header_login_ul_ul li {text-align:center;height:30px;background:#415571;}
  50. .main_header_box .header_member_login .header_login_ul_ul li a:hover {background:#B3C9E1;}
  51. /* 尾部 */
  52. .footer_top {width:100%;height:50px;line-height:50px;background:#353535;text-align:center;}
  53. .footer_top a {color:white;}
  54. .footer_top .divider {display:inline-block;width:1px;height:20px;margin:0 8px;vertical-align:middle;position:relative;background:white;margin-bottom:4px}
  55. .footer_bottom {width:100%;padding-top:20px;padding-bottom:50px;background:#353535;border-top:2px solid #2e2e2e;color:white;text-align:center;}
  56. .footer_bottom p {margin-top:5px;font-size:14px;}