news_details.css 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. body{background:#f4f6f9;}
  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: 10px; font-size: 1rem; color: #333; line-height: 28px;}
  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_bottomtext{ position:absolute; left: 0px; bottom: 0px; width: 100%; background: rgba(0,0,0,0.5); padding: 10px ;}
  42. .y_bottomtext p.y_left{ float: left;}
  43. .y_bottomtext p.y_left span{font-size: 1rem; color: #fff;}
  44. .y_bottomtext p.y_left em{font-size: 0.8rem; color: #fff; display: inline-block; margin-left: 3px;}
  45. .y_bottomtext p.y_right{ float: right; font-size: 0.95rem; color: #fff;}
  46. .y_bottomtext p.y_right span {font-size: 1.1rem; color: #FAFD15;}
  47. /*.看房定制*/
  48. .y_lpkfdz{background:#FFF;width:95%;height:388px;margin:20px auto;border-radius:5px;overflow:hidden;box-shadow: 0px 0px 18px 0px #d4d4d4;position:relative;}
  49. .y_lpkfdz_bg{width: 100%;}
  50. .y_lpkfdz_bg img{ width: 100%; height: auto;display:block;}
  51. .y_lpkfdz_main{ background: #fff; width: 100%;}
  52. .y_lpkfdz_cent .y_lpkfdz_h{ font-size: 1.3rem; color: #333; text-align: center;font-weight: 600;}
  53. .y_lpkfdz_dzrs{ text-align: center; margin-top: 10px;}
  54. .y_lpkfdz_dzrs span{ font-size: 0.9rem; color: #fff; background: rgba(0,0,0,0.6); display: inline-block; padding: 3px 10px; border-radius: 5px;}
  55. .y_lpkfdz_dzrs span em{ color: #FFFC00;}
  56. .y_lpkfdz_nav{ margin-top:20px;}
  57. .y_lpkfdz_nav ul li{ width: 33%; text-align: center; float: left;}
  58. .y_lpkfdz_nav ul li .y_tu{ width: 90px; height: auto; margin: 0 auto;}
  59. .y_lpkfdz_nav ul li .y_text{ font-size: 0.9rem; color: #666; margin-top: 5px;}
  60. .y_lpkfdz_inplist{width: 70%; margin: 20px auto 0;}
  61. .y_lpkfdz_inplist .y_lpkfdzinpund{padding: 5px 0; margin-bottom: 15px; border-radius: 5px;border:1px solid #BAB6B6;}
  62. .y_lpkfdz_inplist .y_lpkfdzinpund i{display: inline-block; width: 22px; height: auto; margin:0 10px;}
  63. .y_lpkfdz_inplist .y_lpkfdzinpund i img{width: 100%; height: auto;}
  64. .y_lpkfdz_inplist .y_lpkfdzinpund input.y_input{ width: 80%; height: 35px; padding-left: 15px; border:none; border-left: 1px solid #ddd; background: none; font-size: 1rem; color: #666;}
  65. .y_lpkfdz_inplist .y_lpkfdzsub{ margin-top: 20px;}
  66. .y_lpkfdz_inplist .y_lpkfdzsub a{display: block;position:relative;z-index:100;font-size: 1.2rem; color: #fff; background:#FF5849; padding: 8px 0; width:100%; text-align: center; border-radius: 5px;}
  67. .m_zxxtb{width:12%;display:block;position: absolute;top:50%;left: 18px;margin-top:-22px;}
  68. .m_zxg{width:5%;display:block;position: absolute;top:50%;right: 18px;margin-top:8px;}
  69. #m_lpkfdz_bg{position:absolute;bottom:0;}
  70. /*媒体查询*/
  71. @media screen and (min-width: 300px) and (max-width: 374px) {
  72. .y_newsub_h{font-size:0.8rem;}
  73. .y_newsub_input .y_submit{font-size: 0.9rem;}
  74. .y_newsub_input .y_input{font-size: 0.9rem;}
  75. .y_lpkfdz{height:354px;}
  76. }
  77. /*楼盘信息*/
  78. .m_lpdatabox{border-top:10px solid #F7F7F7;border-bottom:10px solid #F7F7F7;padding:15px;}
  79. .m_lpdatabox a{display:block;}
  80. .m_lpdatabox .m_lpdatap{position:relative;}
  81. .m_lpdatabox .m_lpdataimg{width:32%;height:96px;border-radius:3px;float: left;position:relative;overflow:hidden;}
  82. .m_lpdatabox .m_lpdataimg .img{width:100% !important;height:100% !important;padding:0;}
  83. .m_lpdatabox .m_lpdataimg i{display:block;line-height:normal;position:absolute;bottom:5px;left:5px;border-radius:100px;background:rgba(51, 51, 51, 0.51);font-size:0.7rem;color:#FFF;padding:3px 8px;}
  84. .m_lpdatabox .m_lpdataimg i img{width:9px !important;display:block;float:left;margin-right:3px;position:relative;top:3px;}
  85. .m_lpdatabox .m_lpdata{width:65%;float:left;margin-left:3%;}
  86. .m_lpdatabox .m_lpdata p{padding:0;line-height:normal;}
  87. .m_lpdatabox .m_lpdata .title{font-size:0.95rem;font-weight:600;color:#00011E;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
  88. .m_lpdatabox .m_lpdata .Price{margin-top:7px;}
  89. .m_lpdatabox .m_lpdata .Price span{display:block;font-size:0.6875rem;color:#E53030;}
  90. .m_lpdatabox .m_lpdata .Price span i{font-size:0.95rem;font-weight:600;}
  91. .m_lpdatabox .m_lpdata .huxing{font-size:0.6875rem;color:#888;margin-top:7px;width:65%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
  92. .m_lpdatabox .m_lpdata .tyle{margin-top:7px;}
  93. .m_lpdatabox .m_lpdata .tyle span{display:block;font-size:0.7rem;color:#2F72F5;padding:3px 6px;background:#EBF3FE;border-radius:3px;float: left;margin-right:5px;}
  94. .m_lpdatabox .m_lpdata .tyle span:nth-child(2){background:#F8EAE6;color:#E3582E;}
  95. .m_lpdatabox .m_lpdata .tyle span:nth-child(3){background:#E2F8E1;color:#43AF49;}
  96. .m_lpdatabox .m_lpdatabm{line-height:normal;font-size:0.75rem;color:#FFF;background:#DF2E30;padding:6px 10px;border-radius:5px;overflow:hidden;position:absolute;top:33%;right:0;}
  97. /*媒体查询*/
  98. @media screen and (min-width: 300px) and (max-width: 374px) {
  99. .m_lpdatabox .m_lpdata .tyle span{padding: 3px 5px;margin-right: 3px;}
  100. .m_lpdatabox .m_lpdatabm{padding: 5px 5px;}
  101. }