news_details.css 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. body{background:#FFF;}
  2. /*资讯详情*/
  3. .y_news_details{background: #fff;}
  4. .y_news_main{ width: 95%; margin: 0 auto;}
  5. .y_news_conter{ padding: 13px 8px;}
  6. .y_newsdeta_h{font-size: 1.1rem; color: #333; font-weight: 600; line-height: 25px;}
  7. .y_newsdeta_hbottom{ border-bottom: 1px solid #E8E8E8; padding-bottom: 8px; font-size: 0.9rem; color: #999; margin-top: 15px;}
  8. .y_newsdeta_hbottom p.y_left{ float: left;}
  9. .y_newsdeta_hbottom p.y_right{ float: right; font-size: 0.9rem;}
  10. .y_newsdata_cont{ margin-top: 15px; font-size: 1rem; color: #333; line-height: 25px;}
  11. .y_newsdata_cont p{ padding: 5px 0;}
  12. .y_newsdata_cont img{ padding: 3px 0;}
  13. .y_newsmore{ margin-top: 20px;}
  14. .y_newsmore_main{ width: 95%; margin: 0 auto;}
  15. .y_newsmore_cent{ padding: 0 8px;}
  16. .y_newsmore_li{border: 1px solid #EAEBEC; background: #F4F4F4; padding:8px 5px; margin-bottom: 10px;}
  17. .y_newsmore_li a{font-size: 0.95rem; color: #444;}
  18. .y_newsmore_li a i{ display: inline-block; width: 8px; height: auto; float: right;}
  19. .y_newsmore_li a i img{ width: 8px; height: auto;}
  20. .y_newsub_main{ width: 95%; margin: 0 auto; position: relative; }
  21. .y_newsub_bg{ width: 100%; height: 90px;}
  22. .y_newsub_bg img{ width: 100%; height: 100%;}
  23. .y_newsub_cent{ position: absolute; left: 50%; top: 13px; width: 75%; margin-left: -29%;}
  24. .y_newsub_h{ font-size: 0.9rem; color:#878787;}
  25. .y_newsub_input{ margin-top: 10px;}
  26. .y_newsub_input form{background:#FFF;border:1px solid #EAE7E7;border-radius:5px;overflow:hidden;}
  27. .y_newsub_input .y_input{ font-size:0.9rem; width: 65%; height: 35px; border:0;padding-left:6%; background: #fff;}
  28. .y_newsub_input .y_submit{ width: 18%; height: 37px;margin:-1px -1px 0 0;line-height:35px;text-align:center; border:1px #FF5849 solid;background: #FF5849; font-size:0.9rem; color: #fff;float:right;}
  29. /*相关推荐*/
  30. .y_newsrelated{ background: #fff; padding: 20px 0 0; margin-top: 10px;}
  31. .y_newsrelated_main{ width: 95%; margin:0 auto; }
  32. .y_lphome_h2{ border-bottom: none;}
  33. .y_lphomepc_swip{overflow: hidden; width: 100%; height: auto; position: relative;}
  34. .y_centerpc{height: 210px; position: relative;}
  35. .y_longhr{ width: 65%; margin: 0px auto; position: relative; height: 40px;}
  36. .y_lphomepc_swip .swiper-pagination{bottom: 24%;width: 50%; left: 50%; margin-left: -25%;}
  37. .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 3px;}
  38. .y_lphomepc_swip .swiper-button-next, .y_lphomepc_swip .swiper-button-prev{ width: 40px; height: 40px; bottom: 0px; top: auto; position: absolute;background: none;}
  39. .y_centerpc p.y_img{ width: 100%; height: 100%;}
  40. .y_centerpc p.y_img img{ width: 100%; height: 100%;}
  41. .y_centerpc p.y_sj{position:absolute;left: 0;top: 0;font-size: 0.7rem;color: #FFF;z-index: 10;width: 100%;padding:10px 10px 15px 10px ;
  42. background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(2, 2, 2, 0.3)), to(rgba(0, 0, 0, 0)));
  43. -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(2, 2, 2, 0.55)), to(rgba(0, 0, 0, 0)));
  44. -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(2, 2, 2, 0.55)), to(rgba(0, 0, 0, 0)));
  45. }
  46. .y_bottomtext{position:absolute;left:0px;bottom:0px;width:100%;padding:20px 10px 10px 10px;
  47. background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(2, 2, 2, 0.55)));
  48. -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(2, 2, 2, 0.55)));
  49. -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(2, 2, 2, 0.55)));
  50. }
  51. .y_bottomtext p.y_left{ float: left;}
  52. .y_bottomtext p.y_left span{font-size: 1rem; color: #fff;}
  53. .y_bottomtext p.y_left em{font-size: 0.8rem; color: #fff; display: inline-block; margin-left: 3px;}
  54. .y_bottomtext p.y_right{ float: right; font-size: 0.95rem; color: #fff;}
  55. .y_bottomtext p.y_right span {font-size: 1.1rem; color: #FAFD15;}
  56. .m_zxxtb{width:12%;display:block;position: absolute;top:50%;left: 18px;margin-top:-22px;}
  57. .m_zxg{width:5%;display:block;position: absolute;top:50%;right: 18px;margin-top:8px;}
  58. /*媒体查询*/
  59. @media screen and (min-width: 300px) and (max-width: 374px) {
  60. .y_newsub_h{font-size:0.8rem;}
  61. .y_newsub_input .y_submit{font-size: 0.9rem;}
  62. .y_newsub_input .y_input{font-size: 0.9rem;}
  63. .y_lpkfdz{height:354px;}
  64. }