achievement.css 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. *{padding: 0;margin: 0;font-family: "微软雅黑";}
  2. .contant{background: #fbfbfb;box-shadow: 1px 3px 5px #cccccc;}
  3. .achievement_top{width: 1200px;position: relative;left:50%;margin-left: -600px;}
  4. .contant img{width: 230px;height: 187px;margin-top: -45px;}
  5. .container{width: 1200px;}
  6. /*主体内容顶部*/
  7. .achievement_header{margin-top: 20px;border-bottom: 1px solid #cccccc;overflow:hidden;padding-bottom: 20px;}
  8. .achievement_header p{float: left;font-size: 16px;color: #696464;margin-right: 10px;line-height: 34px;}
  9. .achievement_header ul{float: left;}
  10. .achievement_header ul li{float: left;display: none;;font-size: 16px;color:#5c5c5c;height: 34px;line-height: 34px;border:1px solid #CCCCCC;text-align: center;padding-left: 10px;padding-right: 10px;margin-right: 15px;}
  11. .achievement_header .text_replace{float: left; }
  12. .achievement_header .text_replace img{vertical-align: top;margin-top:14px;margin-right: 10px;}
  13. .achievement_header ul li img:hover{cursor: pointer;}
  14. .text_replace span{vertical-align: top;margin-top: 6px;display: inline-block;}
  15. /*行业分类*/
  16. .wrap { width: 100%; margin: 0 auto;background: #ffffff;border-bottom: 1px solid #cccccc;margin-bottom: 20px;}
  17. .wrap .portal-content {width: 1200px;margin: 0 auto;padding-top: 18px; }
  18. .pagination_box {width: 1200px;}
  19. .pagination_box .pagination{ float: right;}
  20. .pagination li{ float: left;}
  21. .totalCount {float: right;line-height: 74px; margin-right: 20px; color: #999;}
  22. .search-criteria {margin-bottom: 15px;}
  23. .search-select ul li{float: left;margin-right: 0px;margin-bottom: 10px; height: 30px; line-height: 30px; padding: 0 16px;font-size: 12px;}
  24. .search-select ul li.active{background: #ffb200;}
  25. .search-select ul li.active span{color:#ffffff}
  26. .search-select ul li span { font-size: 12px; line-height: 26px;color: #666; }
  27. .search-select ul li:hover,.search-select ul li.active{cursor: pointer;}
  28. .search-title span{width: 88px;height: 38px;background: #2f85d0;color: #ffffff;line-height: 38px;display: inline-block;text-align: center;}
  29. .search-select{margin-top: 4px;}
  30. .portal-content{padding-left: 10px;}
  31. .search-select ul li label{font-weight: normal;color:#666;}
  32. .search-select ul li input{margin-left: 10px;visibility: hidden;}
  33. .search-select ul li .patent{background: url(../../../img/achievement_check.jpg) no-repeat center right;background-size:34% 50%;}
  34. .search-select ul li .demand{background: url(../../../img/achievement_checkno.jpg) no-repeat center right;background-size:34% 50%;}
  35. .search-select ul li label:hover{cursor: pointer;}
  36. /*内容详情列表区域*/
  37. .achievement_main{background: #f5f5f5;width: 100%;overflow: hidden;}
  38. .main-header .head-left{float: left;color: #4b4b4b;padding-top: 30px;}
  39. .main-header .head_right{float: right;color: #4b4b4b;}
  40. /*排序方式*/
  41. .main-header .head-left>p{font-size: 16px;width: 80px;text-align: center;float: left;margin-right: 15px;margin-top: 6px;}
  42. .main-header .head-left ul{float: left;}
  43. .main-header .head-left>ul>li{float: left;margin-right: 20px;position: relative;padding: 0 10px;height: 32px;line-height: 32px;}
  44. .main-header .head-left ul li p{width: 80px;text-align: center;}
  45. .main-header .head-left ul li p img{margin-left: 5px;float: right;vertical-align: top;margin-top: 15px;}
  46. .main-header .head-left ul li .time_select{position: absolute;top: 32px;background: rgba(255,255,255,.7);z-index: 999;display: none;}
  47. .time_select ul li{height: 30px;line-height: 30px;width: 80px;text-align: center;}
  48. .head-left ul li.active{background: #ffb200;color:#ffffff}
  49. .time_select ul li:hover{background: #0C79FF;color: #FFFFFF;}
  50. /*搜索*/
  51. .searchs{width: 360px;position: relative;height: 40px;background: #ffffff;box-shadow: 2px 0px 5px #333333;border-radius: 20px;float: left;margin-top: 18px;}
  52. .searchs .select select{-webkit-appearance: none;appearance:none;-moz-appearance:none;;position: absolute;width: 100px;height: 40px;line-height: 40px;color: #f18101;display: inline-block;border: none;font-size: 16px;left:10px;border-radius:10px;background: url(../../../img/think_top.png) no-repeat center right;padding-left: 22px;}
  53. .searchs .select select:focus{outline: none;}
  54. #search_on input{position: absolute;left: 110px;width: 180px;height: 40px;line-height: 40px;border: none;border-left: 1px solid #CCCCCC;background: #ffffff;padding-left: 5px;font-size: 14px;color: #777777;}
  55. .searchs .select select option:focus{outline: none;}
  56. .searchs .select select option{text-align: center;border:1px solid transparent;background: #FFFFFF;display: block;}
  57. .searchs .select select option:hover{background: red;}
  58. .searchs button{width: 64px;height: 40px;position: absolute;right: 5px;background: url(../../../img/think_search.png) no-repeat center center;border: none;}
  59. .searchs button:focus{outline: none;}
  60. .head_right ol li{float: left;margin-left: 10px;margin-top: 10px;margin-bottom: 10px;}
  61. .head_right ol li:hover,.head-left ul li:hover{cursor: pointer;}
  62. /*列表*/
  63. .main_introduce{clear: both;padding-top: 20px;overflow: hidden;width: 1200px;}
  64. .main_introduce ul {overflow: hidden;}
  65. .main_introduce>ul>li{float: left;margin: 0 15px;width: 270px;height: 360px;background: #ffffff;position: relative;margin-bottom: 16px;}
  66. .main_introduce ul li>img{width:270px ;height: 184px;}
  67. .list_text {padding-left: 28px;padding-top: 10px;}
  68. .list_text p{line-height: 30px;height: 30px;color: #2f85d0;font-size: 16px;}
  69. .list_text p span{margin-left: 8px;color: #787878;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 168px;vertical-align: top;}
  70. .list_text a{float: right;width: 80px;height: 30px;display: inline-block;text-align: center;background: #2b8de2;margin-top: 8px;border-radius: 10px;margin-right: 20px;line-height: 30px;color: #ffffff;}
  71. .main_introduce ul li .star{width: 242px;height:56px;position: absolute;top: 138px;background: url(../../../img/achievement_starbj.png)no-repeat center left;left:-10px;background-size:cover ;}
  72. .main_introduce ul li .star p{color: #FFFFFF;font-size: 24px;margin-top: 8px;margin-left: 15px;float: left;}
  73. .main_introduce ul li .star ol li{width: 24px;height: 22px;background: url(../../../img/achievement_star.png)no-repeat center;float: left;margin-right:2px;}
  74. .main_introduce ul li .star ol{float: left;overflow: hidden;margin-top: 13px;margin-left: 2px;}
  75. .main_introduce>ul>li:hover{cursor: pointer;}
  76. /*分页*/
  77. .pagination_box {width: 1200px;margin-bottom: 130px;margin-top: 20px;}
  78. .pagination_box .pagination{ float: right;}
  79. .pagination li{ float: left;}
  80. .totalCount {float: right;line-height: 74px; margin-right: 20px; color: #999;}
  81. #bottom{margin-top: -150px;}