style.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. body{color: #333333;font-family: "微软雅黑";}
  2. input{outline:none}
  3. li{list-style-type: none;}
  4. ul,li{margin: 0;padding: 0;}
  5. i{font-style:normal}
  6. a{color: #a3a3a3}
  7. a:hover{text-decoration:none;color: #9bc8ff;}
  8. .container {
  9. width: 1000px;
  10. }
  11. header{height: 35px; line-height: 35px; background-color: #F3F3F3;border-bottom:1px solid #eeeeee;font-size: 12px;color: #999999;}
  12. .lt{float: left;}
  13. .rt{float: right;}
  14. .rt a{padding: 0 5px; }
  15. .rt div{float: right;}
  16. .login{border-right: 2px solid #CFCFCF;}
  17. .hot{margin-top: 20px; line-height: 14px;}
  18. .hot span{float: left;margin-right: 35px;font-size: 16px;color: #58a3ff;}
  19. .hot ul{float: left;}
  20. .hot li{margin-right: 30px; float: left;/*list-style-type:square;*/ line-height: 16px;}
  21. .hot li:last-child{margin-right:0 ;}
  22. .logo{height: 260px; line-height: 330px; text-align: center;}
  23. .search input{border-color: #58a3ff;border-radius: 0;}
  24. .search button{padding: 6px 30px;border-radius: 0;background: #58a3ff;color: #fff;border-color: #58a3ff;}
  25. .search button:hover{background: #58a3ff;color: #fff;border-color: #58a3ff;}
  26. .header_nav{margin-bottom: 20px;}
  27. .content_lt{width: 670px;margin-right: 20px;float: left;}
  28. .content_nav{border-bottom: 1px solid #ececec;background: #fafafa; overflow: auto;}
  29. .content_nav ul li{float: left;}
  30. .content_nav ul li.active a{line-height: 36px!important;}
  31. .content_nav a{width: 80px;height: 40px;line-height: 44px;display: inline-block;text-align: center; color: #333333;}
  32. .content_nav a:hover{/*line-height: 36px;background: #fff; border:1px solid #ececec; border-top:4px solid #58a3ff; border-bottom: none; color: #58a3ff!important;*/}
  33. .active{background: #fff; border:1px solid #ececec; border-top:4px solid #58a3ff; border-bottom: none; color: #58a3ff}
  34. .content_list{width: 670px; float: left;margin-top: 20px;}
  35. .content_list>div{border-top: none;}
  36. .info_img{float: left; width: 120px; height:96px;margin:0 20px;}
  37. .info_img img{width: 100%;height: 100%;}
  38. .content_info{float: left; padding: 20px 0; width: 100%; border-bottom: 1px solid #ececec;}
  39. .content_info:hover{background: #fafafa;}
  40. .info_act{background: #fafafa;}
  41. .info_txt{ width: 500px; float: left;font-size: 16px; line-height: 28px;color: #333333;}
  42. .info_txt>p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;height: 56px;}
  43. .source{font-size: 14px;}
  44. .source span{margin-right: 25px;}
  45. .source i{padding: 6px 9px;margin-right: 12px;background: #f5f5f5; color: #999999;}
  46. .source .name{color: #4466bf;background: #f0f7ff;}
  47. .zc_info_txt{padding: 0 20px;font-size: 16px; color: #333333;}
  48. .zc_info_txt .source span{margin-right: 15px;color: #999999;}
  49. .content_rt{width: 310px;float: left;border: 1px solid #ececec;}
  50. .content_rt div{padding: 10px; border-bottom: 1px dashed #d9d9d9; overflow: auto;}
  51. .content_rt div:last-child{border: none;}
  52. .content_rt ul li{float: left;}
  53. .content_rt ul li a{padding: 3px 10px; border: 1px solid #c9c9c9; display: block; border-radius: 30px; font-size: 12px; margin: 0 10px 10px 0;}
  54. .content_rt ul li a:hover{color: #fff;background: #58a3ff;border-color: #58a3ff;}
  55. .content_rt h4{margin-bottom: 14px;}