achievement.css 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. .carouselt{ position:relative; overflow: hidden;width:100%;height:600px; }
  2. *{padding: 0;margin: 0;font-family: "微软雅黑";}
  3. .contant{background: #fbfbfb;box-shadow: 1px 3px 5px #cccccc;}
  4. .achievement_top{width: 1200px;position: relative;left:50%;margin-left: -600px;}
  5. .contant img{width: 230px;height: 187px;margin-top: -45px;}
  6. .container{width: 1200px;}
  7. /*主体内容顶部*/
  8. #industryList li:hover{background: #ffb200;}
  9. #industryList li:first-child+li{display: none;}
  10. #industryList li:hover span{color: #ffffff;}
  11. #transferModeList li:hover{background: #ffb200;}
  12. #transferModeList li:hover span{color: #ffffff;}
  13. .achievement_header{margin-top: 20px;border-bottom: 1px solid #cccccc;overflow:hidden;}
  14. .achievement_header p{float: left;font-size: 16px;color: #696464;margin-right: 10px;line-height: 34px;margin-bottom: 20px;}
  15. .achievement_header ul{float: left;}
  16. .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;}
  17. .achievement_header .text_replace{float: left; }
  18. .achievement_header .text_replace img{vertical-align: top;margin-top:14px;margin-right: 10px;}
  19. .achievement_header ul li img:hover{cursor: pointer;}
  20. .text_replace span{vertical-align: top;margin-top:8px;display: inline-block;}
  21. /*行业分类*/
  22. .wrap { width: 100%; margin: 0 auto;background: #ffffff;border-bottom: 1px solid #cccccc;margin-bottom: 20px;}
  23. .wrap .portal-content {width: 1200px;margin: 0 auto;padding-top: 18px; }
  24. .pagination_box {width: 1200px;}
  25. .pagination_box .pagination{ float: right;}
  26. .pagination li{ float: left;}
  27. .totalCount {float: right;line-height: 74px; margin-right: 20px; color: #999;}
  28. .search-criteria {margin-bottom: 15px;}
  29. .search-select ul li{float: left;margin-right: 0px;margin-bottom: 10px; height: 30px; line-height: 30px; padding: 0 16px;font-size: 12px;border: 1px solid transparent;}
  30. .search-select ul li.active{background: #ffb200;}
  31. .search-select ul li.active span{color:#ffffff}
  32. .search-select ul li span { font-size: 14px; line-height: 26px;color: #666; }
  33. .search-select ul li:nth-child(1) span{font-size: 16px;}
  34. .search-select ul li:hover,.search-select ul li.active{cursor: pointer;}
  35. .search-title span{width: 88px;height: 38px;font-size:16px;background: #2f85d0;color: #ffffff;line-height: 38px;display: inline-block;text-align: center;}
  36. .search-select{margin-top: 4px;}
  37. .portal-content{padding-left: 10px;}
  38. .search-select ul li label{font-weight: normal;color:#616161;font-size: 14px;}
  39. .search-select ul li input{margin-left: 10px;visibility: hidden;}
  40. .search-select ul li .patent{background: url(../../../img/achievement_check.jpg) no-repeat center right;background-size:34% 50%;}
  41. .search-select ul li .demand{background: url(../../../img/achievement_checkno.jpg) no-repeat center right;background-size:34% 50%;}
  42. .search-select ul li label:hover{cursor: pointer;}
  43. /*内容详情列表区域*/
  44. #maxprice{margin-right: 10px;}
  45. .achievement_main{background: #ffffff;width: 100%;overflow: hidden;}
  46. .main-header .head-left{float: left;color: #4b4b4b;padding-top: 30px;}
  47. .main-header .head_right{float: right;color: #4b4b4b;}
  48. /*排序方式*/
  49. .main-header .head-left>p{font-size: 16px;width: 80px;text-align: center;float: left;margin-right: 15px;margin-top: 6px;}
  50. .main-header .head-left ul{float: left;}
  51. .main-header .head-left>ul>li{float: left;margin-right: 20px;position: relative;padding: 0 10px;height: 32px;line-height: 32px;}
  52. .main-header .head-left ul li p{width: 80px;text-align: center;}
  53. .main-header .head-left ul li p img{margin-left: 5px;float: right;vertical-align: top;margin-top: 15px;}
  54. .main-header .head-left ul li .time_select{position: absolute;top: 32px;background: rgba(255,255,255,.7);z-index: 999;display: none;}
  55. .time_select ul li{height: 30px;line-height: 30px;width: 80px;text-align: center;}
  56. .head-left ul li.active{background: #ffb200;color:#ffffff}
  57. .time_select ul li:hover{background: #0C79FF;color: #FFFFFF;}
  58. .head_right ol li:hover{color: #ffb200;}
  59. /*搜索*/
  60. .searchs .select{width: 110px;text-align: center;height: 40px;line-height: 40px;color: #f18101;font-size: 18px;}
  61. .searchs{width: 360px;position: relative;height: 40px;background: #ffffff;box-shadow: 2px 0px 5px #c8c8c8;border-radius: 20px;float: left;margin-top: 18px;}
  62. .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;}
  63. .searchs .select select:focus{outline: none;}
  64. #search_on input{position: absolute;top: 0;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;}
  65. .searchs .select select option:focus{outline: none;}
  66. .searchs .select select option{text-align: center;border:1px solid transparent;background: #FFFFFF;display: block;}
  67. .searchs .select select option:hover{background: red;}
  68. .searchs button{width: 64px;height: 40px;position: absolute;right: 5px;top: 0;background: url(../../../img/think_search.png) no-repeat center center;border: none;}
  69. .searchs button:focus{outline: none;}
  70. .head_right ol li{float: left;margin-left: 10px;margin-top: 10px;margin-bottom: 25px;}
  71. .head_right ol li:hover,.head-left ul li:hover{cursor: pointer;}
  72. .pagination > li > a, .pagination > li > span{color:#333;border: none;}
  73. .pagination > li{margin-right: 10px;}
  74. .pagination > li.active > a, .pagination > li.active > span{color:#fff !important;background: #ffb200;border: none;}
  75. .pagination > li > a:hover{color:#fff !important;background: #ffb200;border: none;}
  76. /*列表*/
  77. .main_introduce{clear: both;padding-top: 20px;overflow: hidden;width: 1200px;}
  78. .main_introduce ul {overflow: hidden;}
  79. .main_introduce>ul>li{float: left;margin: 0 15px;width: 270px;height: 360px;background: #ffffff;position: relative;margin-bottom: 16px;}
  80. .main_introduce ul li>img{width:270px ;height: 184px;}
  81. .list_text {padding-left: 28px;padding-top: 10px;}
  82. .list_text p{line-height: 30px;height: 30px;color: #2f85d0;font-size: 16px;}
  83. .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;}
  84. .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;}
  85. .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 ;}
  86. .main_introduce ul li .star p{color: #FFFFFF;font-size: 24px;margin-top: 8px;margin-left: 15px;float: left;}
  87. .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;}
  88. .main_introduce ul li .star ol{float: left;overflow: hidden;margin-top: 13px;margin-left: 2px;}
  89. .main_introduce>ul>li:hover{cursor: pointer;}
  90. /*分页*/
  91. .pagination_box {width: 1200px;margin-bottom: 130px;margin-top: 20px;}
  92. .pagination_box .pagination{ float: right;}
  93. .pagination li{ float: left;}
  94. .totalCount {float: right;line-height: 74px; margin-right: 20px; color: #999;}
  95. /*价格*/
  96. .inp_select{margin-left: -50px;height: 30px;line-height: 30px;}
  97. .inp_select input{width: 100px;padding-left: 10px;margin-right: 5px;height: 30px;line-height: 26px;}
  98. .inp_select button{width: 50px;height: 30px;line-height: 26px;margin-left: 10px;}
  99. #bottom{margin-top: -150px;}
  100. .list_none{width:550px;height:150px;background:url("../../../img/all_null.png") no-repeat;margin:50px auto;}
  101. .imgnull{width:260px;height:211px;background:url("../../../img/zhuanliimg_null.png") no-repeat;background-size: 260px 211px;}
  102. .achievementList{clear: both;}
  103. .achievementList>ul>li>ol>li{float: left;width: 190px ;text-align: center;overflow: hidden;text-overflow:ellipsis ;white-space: nowrap;}
  104. .achievementList>ul>li{height: 135px;color: #393838;border:1px solid #EFEFEF;border-radius:10px ;margin-bottom: 20px;
  105. box-shadow: 0 0 5px 0 #efefef;position: relative;}
  106. .achievementList>ul>li>div{height:50px;width:1100px;line-height: 50px;margin: 0 auto;border-bottom:1px dashed #CDCDCD;padding-left: 50px;color:#F68B0E;
  107. font-size: 16px;}
  108. .achievementList>ul>li>ol{height:85px;padding-top: 20px;line-height: 45px;}
  109. .jingpin{width:105px;height:105px;background: url("../../../img/isjingpin.png");display: block;
  110. position: absolute;top:-10px;left:-10px;}
  111. .achievementList>ul>li:hover{background: #f5f5f5;cursor: pointer;}
  112. .achievementList>ul>li>ol>li>a{border:1px solid #f5ac64;border-radius: 4px;color: #f5ac64;width: 130px;height: 36px;line-height: 36px;display: inline-block;}
  113. .achievementList>ul>li>ol>li>a:hover{background: #f68705;color: #ffffff;}
  114. .achievementList>ul>li>ol>li>.progressBar{position: relative;width: 100px;height:50px;margin-top: 50px;margin-left: 40px;}
  115. .achievementList>ul>li>ol>li>.progressBar .bjtxt{width: 100px;height: 6px;background: #f0f0f0;position: absolute;top: 0;left: 0;z-index: 10;}
  116. .achievementList>ul>li>ol>li>.progressBar .percentagePic{position: absolute;top:0;left: 0;width: 0px;height: 6px;display: inline-block;background: #f68705;z-index: 12;}
  117. .achievementList>ul>li>ol>li>.progressBar .percentage{position: absolute;left: 110px;top: 0;height: 14px;line-height: 14px;}
  118. .achievementList>ul>li>ol>li>.progressBar .txt{position: absolute;top: 20px;left:82px ;width:50px;height: 20px;line-height: 20px;}