demandDetail.css 3.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  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. .basic{width:300px;height:490px;position: absolute;top:95px;left:550px;}
  19. .basic>div{width:220px;height:55px;border-bottom: 1px solid #EFEFEF;}
  20. .basic>span{width:30px;height:30px;display: inline-block;position: absolute;bottom:-50px;left: -500px;}
  21. .basic>span>img{margin-top: -5px;}
  22. .basic>span>span{line-height: 30px;}
  23. .basic>div.detail_btn{width:152px;height:45px;background: #FFB200;color:#fff;
  24. font-weight: bold;font-size: 18px;line-height: 45px;text-align: center;position: absolute;
  25. bottom: 0;left:0;}
  26. .basic h5{font-weight: bold;}
  27. .basic>div.inline_span{padding-top: 30px;}
  28. .fine{width:240px;height:545px;position: absolute;top:45px;right:80px;}
  29. .fine>img{width:240px;height:160px;}
  30. .fine>div.fine_title{width:90px;height:35px;background: #3185D0;text-align: center;
  31. line-height: 35px;color:#fff;border-radius: 5px;}
  32. .fine>div{width:240px;height:160px;margin-top: 10px;position: relative;}
  33. .fine>div>p{width:240px;height:35px;position: absolute;left:0;bottom:0;background: #7A7572;
  34. color:#fff;text-align: center;line-height: 35px;}
  35. .detail_centertext{width:1200px;height:240px;padding:30px 50px 0 50px;position: relative;}
  36. .detail_centertext>div{width:550px;height:240px;display: inline-block;}
  37. .text_right>div{width:1100px;border-bottom:1px solid #F0F0F1;line-height: 40px;font-size: 16px; }
  38. .text_right{position: absolute;top:30px;left:50px;}
  39. .text_right>p{padding: 10px 25px 0 0;}
  40. .detail_bottom{width:1200px;height:500px;margin: 0 auto;padding-top: 35px;}
  41. .line{width:1080px;height:20px;border: 1px solid #C8CACE;margin: 0 auto;border-bottom: none;
  42. text-align: center;font-size: 22px;line-height: 40px;color:#4E4E4E;}
  43. .main_introduce{clear: both;padding-top: 40px;overflow: hidden;width: 1200px;}
  44. .main_introduce ul {overflow: hidden;}
  45. .main_introduce>ul>li{float: left;margin: 0 15px;width: 270px;height: 360px;background: #ffffff;position: relative;margin-bottom: 16px;}
  46. .main_introduce ul li>img{width:270px ;height: 184px;}
  47. .list_text {padding-left: 28px;padding-top: 10px;}
  48. .list_text p{line-height: 30px;height: 30px;color: #2f85d0;font-size: 16px;}
  49. .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;}
  50. .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;}
  51. .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 ;}
  52. .main_introduce ul li .star p{color: #FFFFFF;font-size: 24px;margin-top: 8px;margin-left: 15px;float: left;}
  53. .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;}
  54. .main_introduce ul li .star ol{float: left;overflow: hidden;margin-top: 13px;margin-left: 2px;}