achievementDetail.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  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:100%;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. .detail_centerimg>div:nth-child(1){width:1200px;height:490px;position: relative;}
  15. .detail_centerimg>div>div.big_img>img{width:430px;height:440px;}
  16. .small_img{width:200px;height:490px;display: inline-block;position: absolute;top:0;left:0;}
  17. .small_img>img{width:200px;height:155px;margin-bottom: 10px;}
  18. .big_img{width:470px;height:490px;display: inline-block;position: absolute;
  19. top:0;left:230px;text-align: center; line-height: 490px;overflow: hidden;}
  20. .big_img img{width: 470px;height: 490px;}
  21. .detail_toptitle>a:hover{color: #000000;}
  22. .basic_center>p{text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
  23. .basic{width:720px;height:125px;position: relative;}
  24. .basic>div{width:220px;display: inline-block;height:70px; }
  25. .basic>div>h5{font-weight: bold;}
  26. .basic>span{width:30px;height:70px;display: inline-block;position: absolute;top:10px;right: 10px;}
  27. .basic_left{position: absolute;left:0;bottom:50px;}
  28. .basic>div.basic_center{position: absolute;left:220px;bottom:50px;width:280px;}
  29. .basic>div.basic_right{position: absolute;left:500px;bottom:50px;width:160px;}
  30. .basic>div.detail_btn{width:152px;height:45px;background: #FFB200;color:#fff;
  31. font-weight: bold;font-size: 18px;line-height: 45px;text-align: center;
  32. position: absolute;left:0;bottom:10px;}
  33. .fine{width:240px;height:545px;position: absolute;top:45px;right:80px;}
  34. .fine>img{width:240px;height:160px;}
  35. .fine>div.fine_title{width:90px;height:35px;background: #3185D0;text-align: center;
  36. line-height: 35px;color:#fff;border-radius: 5px;}
  37. .fine>div{width:240px;height:160px;margin-top: 10px;position: relative;}
  38. .fine>div>div>img{width:240px;height:160px;}
  39. .fine>div>p{width:240px;height:35px;position: absolute;left:0;bottom:0;background: #7A7572;
  40. color:#fff;text-align: center;line-height: 35px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;
  41. padding: 0 10px;}
  42. .detail_centertext{width:1200px;height:240px;padding:30px 35px 0 35px;position: relative;}
  43. .detail_centertext>div{width:550px;height:240px;display: inline-block;
  44. padding: 0 30px;}
  45. .text_left>div{width:465px;height:40px;border-bottom:1px solid #F0F0F1;}
  46. .text_left>div>p{display: inline-block;font-size: 14px;}
  47. .text_left>div>h5{display: inline-block;font-weight: bold;font-size: 15px;width:100px;}
  48. .left_p{margin-left: 0px;}
  49. .text_right>div{width:465px;height:40px;border-bottom:1px solid #F0F0F1;line-height: 40px;font-size: 16px; }
  50. .text_right{position: absolute;top:30px;right: 0;}
  51. .text_right>p{padding: 10px 25px 0 0;}
  52. .detail_bottom{width:1200px;height:500px;margin: 0 auto;padding-top: 35px;}
  53. .line{width:1080px;height:20px;border: 1px solid #C8CACE;margin: 0 auto;border-bottom: none;
  54. text-align: center;font-size: 22px;line-height: 40px;color:#4E4E4E;}
  55. div.pointer{cursor: pointer;}
  56. .fine>div>p.achievementId{display: none;}
  57. .fine>div>p.achievementTyp{display: none;}
  58. .main_introduce ul>li>div>p.likeId{display: none;}
  59. .main_introduce ul>li>div>p.likeType{display: none;}
  60. .main_introduce{clear: both;padding-top: 40px;overflow: hidden;width: 1200px;}
  61. .main_introduce ul {overflow: hidden;}
  62. .main_introduce>ul>li{float: left;margin: 0 15px;width: 270px;height: 360px;background: #ffffff;position: relative;margin-bottom: 16px;}
  63. .main_introduce ul li>div>img{width:270px ;height: 184px;}
  64. .list_text {padding-left: 28px;padding-top: 10px;position: absolute;
  65. bottom: 0;padding-bottom: 10px;}
  66. .list_text p{line-height: 30px;height: 30px;color: #2f85d0;font-size: 16px;}
  67. .list_text p span{margin-left: 8px;color: #787878;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 165px;vertical-align: top;}
  68. .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;}
  69. .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 ;}
  70. .main_introduce ul li .star p{color: #FFFFFF;font-size: 24px;margin-top: 8px;margin-left: 15px;float: left;}
  71. .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;}
  72. .main_introduce ul li .star ol{float: left;overflow: hidden;margin-top: 13px;margin-left: 2px;}
  73. .main_introduce>ul>li:hover{cursor: pointer;box-shadow: 2px 4px 8px #cccccc;transition: all .5s;}
  74. .list_none{width:550px;height:150px;background:url("../../../img/all_null.png") no-repeat;margin:50px auto;}
  75. .imgnull{width:260px;height:211px;background:url("../../../img/zhuanliimg_null.png") no-repeat;background-size: 260px 211px;}