thinkerDetail.css 5.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. *{padding: 0;margin: 0;box-sizing:border-box;font-family: "微软雅黑";}
  2. .banner{width:100%;height:600px;}
  3. .banner>img{width:100%;height:100%;}
  4. .think_man{width:615px;height:90px;margin: 0 auto;position: relative;}
  5. .man_img{position:absolute;width:210px;height:210px;border-radius:50%;
  6. background:red;top:-400px;left:203px;}
  7. .man_img>img{width:210px;height:210px;border-radius:50%;}
  8. .man_name{width:200px;height:50px;position: absolute;top:-170px;left:207px;
  9. background: #fff;color:#444444;font-size:22px;line-height: 50px;text-align: center;}
  10. .think_basc{width:1200px;height:420px;margin:30px auto 0;position:relative;background:url("../../../img/thinkTank_er2.png");}
  11. .lingyu{width:100px;line-height: 50px;display: inline-block;text-overflow: ellipsis;white-space: nowrap}
  12. .box_love{width: 16px;height: 15px;display: inline-block;background: url(../../../img/detail_img5_no.jpg)no-repeat center center;margin-top: 17px;vertical-align: top;
  13. cursor:pointer;}
  14. .bj_love{width: 16px;height: 15px;display: inline-block;background: url(../../../img/detail_img5.jpg)no-repeat center center;margin-top: 17px;vertical-align: top;
  15. cursor:pointer;}
  16. .yuejian{margin-left:10px;font-size:12px;}
  17. .shoucang{font-size:12px;}
  18. .ci{font-size:12px;}
  19. .cishu{color:#FFB200;}
  20. .dem_number{color:#FFB200;}
  21. .basc_img{width:352px;height:334px;position:absolute;top:30px;left:35px;}
  22. .bacs-img>img{width:100%;height:100%;display: block;}
  23. .basc_img>div.bacs-img{width:352px;height:334px;position:absolute;top:0px;left:0px;}
  24. .basc_img>div{width:352px;height:50px;position: absolute;left:0;bottom:0;line-height: 50px;;
  25. background: rgba(255,255,255,0.5);}
  26. .basc_img>div>div{line-height: 50px;}
  27. .basc_img>div>div>span{display: inline-block;overflow: hidden;}
  28. .basc_p{width:750px;height:340px;position: absolute;top:30px;left:420px;}
  29. .basc_p>h4{text-align: center;color:#2F6698;font-size:22px;letter-spacing: 2px;font-weight: normal;}
  30. .basc_p>p{margin-top:15px;line-height: 26px;color:#6C6B6B;
  31. text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
  32. .basc_p>div{font-weight:bold;}
  33. .basc_p>div>span{font-weight: normal;color:#6C6B6B;}
  34. .basc_p>div:nth-child(3){position: absolute;top:185px;left:0;}
  35. .basc_p>div:nth-child(4){position: absolute;top:185px;left:380px;}
  36. .basc_p>div:nth-child(5){position: absolute;top:240px;left:0;}
  37. .basc_p>div:nth-child(6){position: absolute;top:240px;left:380px;}
  38. .basc_p>div:nth-child(7){position: absolute;top:290px;left:0;}
  39. .basc_p>div:nth-child(8){position: absolute;top:290px;left:380px;}
  40. .think_achieve{width:1200px;min-height:100px;margin:30px auto 0;padding-bottom: 100px;position:relative;}
  41. .think_achieve>h3{text-align: center;color:#2F6698;font-weight: normal;letter-spacing: 3px;font-size: 22px;}
  42. .achieve_cont{width:1200px;min-height:70px;padding-left: 15px;margin-top: 30px;}
  43. .achieve_cont>a>div{width:580px;height:45px;line-height:45px;display: inline-block;overflow: hidden;vertical-align: top;
  44. background: #F9F9F9;margin-bottom: 10px;margin-right:10px;padding-right:10px;}
  45. .achieve_cont>a>div>span{width:35px;height:35px;float:right;margin-top: 5px;cursor:pointer;background: url(../../../img/thinkTank_er3.png);}
  46. .achieve_cont>a>div>span:hover{background: url(../../../img/thinkTank_er9.png);}
  47. .achieve_cont>a>div>span.active{transform-origin:50% 50%;transform:rotate(180deg);}
  48. .achieve_cont>a{text-decoration: none;}
  49. .achieve_cont>a>div>p{width:500px;line-height: 45px;padding-left: 10px;color:#1C1C1C;
  50. text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
  51. .achieve_btn{width:1200px;height:100px;position:absolute;left:0;bottom:0;}
  52. .achieve_btn>a{width:150px;height:45px;float:right;text-decoration: none;color:#1C1C1C;border:1px solid #D7D5D5;
  53. text-align: center;line-height: 45px;margin-right: 20px;cursor:pointer;}
  54. .achieve_btn>a:hover{background:#FFB200;color:#fff;border:none;}
  55. .think_about{width:1200px;height:350px;margin:30px auto 0;}
  56. .think_about>h3{text-align: left;color:#2F6698;font-weight: normal;letter-spacing: 3px;font-size: 22px;}
  57. .think_about>div{width:1200px;height:300px;padding-top:30px;}
  58. .think_about>div>div{width:200px;height:270px;margin-left:45px;position:relative;display:inline-block;transition: all .2s ease-in-out;vertical-align: top}
  59. .think_about>div>div:nth-child(1){margin-left:0px;}
  60. .think_about>div>div>a{text-decoration:none;}
  61. .think_about>div>div img{width:200px;height:190px;display: block;}
  62. .about_name{width:200px;height:35px;position:absolute;left:0;top:155px;background:#FFB200;line-height: 35px;}
  63. .about_p{width:200px;height:65px;color:#5F5E5E;padding:0 10px;font-size:14px;line-height:22px;
  64. text-align: justify;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;}
  65. .about_man{width:50px;color:#7D5F2F;margin-left:10px;display:inline-block;
  66. text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
  67. .about_manp{width:125px;color:#fff;margin-left:10px;display:inline-block;
  68. text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
  69. .think_about>div>div:hover{
  70. box-shadow: 0 0px 4px #ccc;
  71. margin-top: -8px;
  72. transition: all .2s ease-in;
  73. }
  74. .think_about>div>div:hover .about_p{
  75. color: #0a7dd4
  76. }