demandDetail.css 4.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. *{box-sizing: border-box;}
  2. #all_achievement{width:100%;height:1500px;border-top:5px solid #2C6698;}
  3. .detail{width:1200px;height:100px;margin: 0 auto;}
  4. .detail_top{width:1200px;height:50px;padding: 20px 70px 0 60px;}
  5. .detail_toptitle{width:500px;height:30px;padding-left: 25px;line-height: 24px;
  6. background: url("../../../img/detail_home.jpg") no-repeat;}
  7. .detail_toptitle>a{color:#787878;}
  8. .detail_toptitle>a.a_detail{color:#3C3B3B;}
  9. .detail_topimg{float: right;}
  10. .detail_topimg>a{width:30px;height:30px;cursor: pointer;margin-left:10px;}
  11. .detail_center{width:1200px;height:900px;margin: 0 auto;border: 1px solid #EFEFEF;}
  12. .detail_centerimg{width:1200px;height:660px;padding-top:45px;padding-left: 60px;
  13. border-bottom: 1px solid #EFEFEF;position: relative;}
  14. .big_text{width:700px;height:50px;}
  15. .big_text>h3{color:#316899;}
  16. .big_img{width:470px;height:490px;display: inline-block;position: absolute;
  17. top:95px;left:50px;}
  18. .big_img>div>img{width:430px;height:440px;}
  19. .big_img img{width:430px;height:440px;}
  20. .basic{width:300px;height:490px;position: absolute;top:95px;left:550px;}
  21. .basic>div{width:220px;height:55px;border-bottom: 1px solid #EFEFEF;}
  22. .basic>div>p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  23. .basic>span{width:30px;height:30px;display: inline-block;position: absolute;bottom:-50px;left: -500px;}
  24. .basic>span>img{margin-top: -5px;}
  25. .basic>span>span{line-height: 30px;}
  26. .basic>div.detail_btn{width:152px;height:45px;background: #FFB200;color:#fff;
  27. font-weight: bold;font-size: 18px;line-height: 45px;text-align: center;position: absolute;
  28. bottom: 0;left:0;}
  29. div.pointer{cursor: pointer;}
  30. div.pointer>p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 5px;}
  31. .fine>div>p{text-overflow:ellipsis;overflow: hidden;}
  32. .fine>div>p.demandId{display: none;}
  33. .fine>div>p.demandTyp{display: none;}
  34. .main_introduce ul>li{cursor: pointer;}
  35. .main_introduce ul>li>div>p.demandId{display: none;}
  36. .main_introduce ul>li>div>p.demandTyp{display: none;}
  37. .basic h5{font-weight: bold;}
  38. .basic>div.inline_span{padding-top: 30px;}
  39. .fine{width:240px;height:545px;position: absolute;top:45px;right:80px;}
  40. .fine>img{width:240px;height:160px;}
  41. .fine>div.fine_title{width:90px;height:35px;background: #3185D0;text-align: center;
  42. line-height: 35px;color:#fff;border-radius: 5px;}
  43. .fine>div{width:240px;height:160px;margin-top: 10px;position: relative;}
  44. .fine>div>div>img{width:240px;height:160px;}
  45. .fine>div>p{width:240px;height:35px;position: absolute;left:0;bottom:0;background: #7A7572;
  46. color:#fff;text-align: center;line-height: 35px;text-overflow:ellipsis;overflow: hidden;}
  47. .fine>div>p.achievementId{display: none;}
  48. .fine>div>p.achievementTyp{display: none;}
  49. .detail_centertext{width:1200px;height:240px;padding:30px 50px 0 50px;position: relative;}
  50. .detail_centertext>div{width:94%;height:240px;display: inline-block;}
  51. .text_right>div{width:1100px;border-bottom:1px solid #F0F0F1;line-height: 40px;font-size: 16px; }
  52. .text_right{position: absolute;top:30px;left:50px;}
  53. .text_right>p{padding: 10px 25px 0 0;}
  54. .detail_bottom{width:1200px;height:500px;margin: 0 auto;padding-top: 35px;}
  55. .line{width:1080px;height:20px;border: 1px solid #C8CACE;margin: 0 auto;border-bottom: none;
  56. text-align: center;font-size: 22px;line-height: 40px;color:#4E4E4E;}
  57. .main_introduce{clear: both;padding-top: 40px;overflow: hidden;width: 1200px;}
  58. .main_introduce ul {overflow: hidden;}
  59. .main_introduce>ul>li{float: left;margin: 0 15px;width: 270px;height: 360px;background: #ffffff;position: relative;margin-bottom: 16px;}
  60. .main_introduce ul li>div>img{width:270px ;height: 184px;display: block;}
  61. .list_text {padding-left: 28px;padding-top: 10px;}
  62. .list_text p{line-height: 30px;height: 30px;color: #2f85d0;font-size: 16px;}
  63. .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;}
  64. .list_text a{float: right;width: 80px;height: 30px;display: inline-block;text-align: center;background: #FFB200;margin-top: 8px;border-radius: 10px;margin-right: 20px;line-height: 30px;color: #ffffff;}
  65. .main_introduce ul li .star{width: 242px;height:56px;position: absolute;top: 138px;background: url(../../../img/demand_starbj.png)no-repeat center left;left:-10px;background-size:cover ;}
  66. .main_introduce ul li .star p{color: #FFFFFF;font-size: 24px;margin-top: 8px;margin-left: 15px;float: left;}
  67. .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;}
  68. .main_introduce ul li .star ol{float: left;overflow: hidden;margin-top: 13px;margin-left: 2px;}
  69. .list_none{width:550px;height:150px;background:url("../../../img/all_null.png") no-repeat;margin:50px auto;}
  70. .imgnull{width:260px;height:211px;background:url("../../../img/zhuanliimg_null.png") no-repeat;background-size: 260px 211px;}