zsk_index.css 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .zk_list_height .on{color:#FF0000;}
  2. .m_zsk_box{width:1200px;margin:auto;margin-top:60px;}
  3. .m_zsk_l{width:280px;float:left;}
  4. .m_zsk_l_title{height:25px;}
  5. .m_zsk_l_title em{font-size:22px;color:#e05a2e;font-weight:600;}
  6. .m_zsk_l_title span{font-size:22px;color:#3A4044;}
  7. .m_zsk_l_ul{margin-top:20px;border-top:5px solid #353D40;background:#F8F8F9;}
  8. .m_zsk_l_ul li{position:relative;width:280px;height:175px;}
  9. .m_zsk_l_ul li:last-child .m_zsk_l_zk{border-bottom:0;}
  10. .m_zsk_l_ul li em{font-size:18px;color:#3A4044;font-weight:600;margin-left:20px;margin-top:20px;display:block;}
  11. #m_zsk_l_ulem{color:#2C8CDA;}
  12. #m_zsk_l_texta{color:#FF0000;}
  13. .m_zsk_l_ul_li{width:280px;position:absolute;top:0;background:#F8F8F9;transition: all 0.6s;}
  14. #z_index{z-index:100;box-shadow:1px 7px 20px 0px rgba(107, 107, 107, 0.48);}
  15. .m_zsk_l_text{margin-top:15px;height:78px;overflow:hidden;transition: all .4s;}
  16. .m_zsk_l_text a{float:left;width:125px;font-size:13px;color:#707275;margin-bottom: 10px;position: relative;left: 20px}
  17. .m_zsk_l_text a:nth-child(2n){border-right:0;}
  18. .m_zsk_l_zk{border-bottom:1px dashed #E5E5E6;text-align:center;padding-bottom:10px;width:250px;margin:auto;margin-top:10px;cursor:pointer;}
  19. .m_zsk_l_text a:hover{color:#FF0000}
  20. .m_zsk_l_zk span{font-size:14px;color:#9A9EA2;}
  21. .m_zsk_l_zk img{position:relative;top:5px;}
  22. .xm_zsk_l_text{margin-top:15px;height:78px;overflow:hidden;transition: all .4s;}
  23. .xm_zsk_l_text a{float:left;width:50%;text-align:center;font-size:13px;color:#707275;margin-bottom: 10px;}
  24. .xm_zsk_l_text a:hover{color:#FF0000}
  25. .sqclick{display:none;}
  26. /*右边*/
  27. .m_zsk_r{width:880px;float:right;}
  28. .m_zsk_r_title{font-size:20px;color:#3A4044;font-weight:600;height:25px;}
  29. .m_zsk_r ul{margin-top:20px;}
  30. .m_zsk_r ul li{border-bottom:1px solid #EEE;padding:30px 0;}
  31. .m_zsk_r_img{width:240px;height:170px;float:left;}
  32. .m_zsk_r_img img{width:100%;height:100%;}
  33. .m_zsk_r_text{float:right;width:615px;}
  34. .m_zsk_r_text a{font-size:20px;color:#3A4044;font-weight:600;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
  35. .m_zsk_r_text p{font-size:15px;color:#707275;margin-top:25px;line-height:30px;}
  36. .m_zsk_r_text_list{margin-top:30px;}
  37. .m_zsk_r_text_list span{font-size:13px;color:#B7BABE;margin-right:20px;}
  38. /*报名*/
  39. .m_Atbm{width:1200px;height:100px;margin:auto;margin-top:80px;background:url(/overseas/img/knowledgebase/m_zxsj10_1.png) no-repeat 0 0/ 100% 100%;}
  40. .m_Atbm form{width:340px;height:50px;float:right;margin:24px 25px 0 0;background:#FFF;}
  41. .m_Atbm form [type="text"]{border:0;width:160px;height:50px;padding:0 10px;font-size:15px;color:#909090;background:#FFF;}
  42. .m_Atbm form [type="button"]{width:140px;height:50px;float:right;border:0;background:#ff5454;font-size:15px;color:#fff;}
  43. /*相关文章*/
  44. .m_Relevant{width:1200px;margin:auto;margin-top:60px}
  45. .m_Relevant_title{font-size:20px;color:#3A4044;font-weight:600;}
  46. .m_Relevant ul{margin-top:20px;}
  47. .m_Relevant ul li{width:540px;float:left;height:20px;margin-right:55px;margin-bottom:10px;}
  48. .m_Relevant ul li:nth-child(2n){margin-right:-50px;}
  49. .m_Relevant ul li a{display:block;}
  50. .m_Relevant ul li i{display:block;float:left;width:8px;height:8px;background:#B66251;border-radius:20px;margin-top:6px;}
  51. .m_Relevant ul li span{width:520px;font-size:15px;color:#707275;margin-left:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;float:left;}