Home Explore Help
Register Sign In
liyaoyu
/
pfhwyigou
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
pfhwyigou
/
frontend
/
web
/
css
/
news
/
home.css

home.css 6.2 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131 
  1. 

  2. /*区域*/
    3. 

  3. 

  4. .new_a a:hover {text-decoration:none;color:#333;}
    5. 

  5. .news_nav {background:#F5F6FB;}
    6. 

  6. .news_a {}
    7. 

  7. .news_a a {height:44px;line-height:44px;display:inline-block;font-size:18px;color:#333;margin-right:40px;}
    8. 

  8. .news_a a:nth-child(10) {margin-right:0;}
    9. 

  9. .news_a a:hover {color:#DD2222;}
    10. 

  10. .news_a a img {display:inline-block;width:24px;height:16px;vertical-align:middle;margin-top:-3px;margin-right:5px;}
    11. 

  11. .news_a a.on {color:#DFA24E;font-weight:bold;}
    12. 

  12. 

  13. /*资讯轮播*/
    14. 

  14. .lp_l {width:856px;margin-top:60px;display:inline-block;vertical-align:top;}
    15. 

  15. 

  16. 

  17. /*轮播 */
    18. 

  18. .m_Broadcast{width:100%;height:398px;position:relative;overflow:hidden;}
    19. 

  19. .m_Broadcast .m_Broadcast_lu{width:100%;height:398px;}
    20. 

  20. .m_Broadcast .m_Broadcast_lu li{width:100%;height:398px;position:relative;}
    21. 

  21. .m_Broadcast .m_Broadcast_lu li img{width:100%;height:100%;}
    22. 

  22. .m_Broadcast .m_Broadcast_lu li a .font {padding-left:20px;width:100%;position:absolute;left:0;bottom:0;height:45px;background:rgba(0,0,0,0.5);line-height:45px;color:#fff;font-size:16px;}
    23. 

  23. 

  24. /*头部轮播*/
    25. 

  25. /*.m_Broadcast .prev{position:absolute;top:50%;left:100px;border-radius: 30px;margin-top:-25px;background: rgba(51, 51, 51, 0.41) url(../image/zuo13.png) no-repeat 0px  5px/50px 46px;display:block;width:55px;height:55px;}
    26. 

  26. .m_Broadcast .next{position:absolute;top:50%;right:100px;border-radius: 30px;margin-top:-25px;background: rgba(51, 51, 51, 0.41) url(../image/you13.png) no-repeat 5px 5px/50px 46px;display:block;width:55px;height:55px;}*/
    27. 

  27. .m_Broadcast .hd{position:absolute;bottom:0;right:20px;text-align:right;height:45px;line-height:45px;}
    28. 

  28. .m_Broadcast .hd ul li{width:12px;height:12px;display:inline-block;margin:0px 3px;background:rgb(236, 241, 244);z-index:111;border-radius:10px}
    29. 

  29. .m_Broadcast .hd ul .on{background:#E03700;}
    30. 

  30. 

  31. 

  32. 

  33. /*资讯导航*/
    34. 

  34. .new_a {border-bottom:2px solid #EEEEEE;height:64px;line-height:64px;margin-top:20px;}
    35. 

  35. .new_a a {display:inline-block;font-size:16px;color:#333;}
    36. 

  36. .new_a a + a {margin-left:40px;}
    37. 

  37. .new_a a.on {color:#DFA24E;border-bottom:4px solid #DFA24E;height:62px;}
    38. 

  38. 

  39. .news_con {}
    40. 

  40. .news_con .news_conul li {padding:30px 0;border-bottom:1px solid #EEE;}
    41. 

  41. .news_con .news_conul li:hover .news_con_r p:nth-child(1) {color:#DFA24E;}
    42. 

  42. .news_con .news_conul li a {text-decoration:none;color:#333;}
    43. 

  43. /*.news_con ul li + li {border-top:1px solid #EEE;}*/
    44. 

  44. .news_con_img {display:inline-block;vertical-align:top;width:220px;height:167px;}
    45. 

  45. .news_con_img img {display:block;width:100%;height:100%;}
    46. 

  46. .news_con_r {display:inline-block;vertical-align:top;width:600px;float:right;height:167px;}
    47. 

  47. .news_con_r p:nth-child(1) {font-size:22px;}
    48. 

  48. .news_con_r p:nth-child(2) {font-size:14px;line-height:25px;margin:15px 0;color:#666;}
    49. 

  49. .news_con_r p:nth-child(3) {font-size:14px;color:#999;}
    50. 

  50. .news_con_r p:nth-child(3) em {display:inline-block;margin-left:30px;}
    51. 

  51. .news_con_r p:nth-child(3) em img {display:inline-block;margin-right:5px;margin-top:-1px;}
    52. 

  52. .news_con_r p:nth-child(4) {margin-top:10px;}
    53. 

  53. .news_con_r p:nth-child(4) i {display:inline-block;padding:8px 13px;background:#DEF0FE;color:#6AB6F9;border-radius:20px;}
    54. 

  54. .news_con_r p:nth-child(4) i + i {margin-left:10px}
    55. 

  55. #pagecount {text-align: center;margin-top:30px;}
    56. 

  56. 

  57. .paging {text-align:right;padding:10px 0;}
    58. 

  58. 

  59. 

  60. /*右边内容*/
    61. 

  61. .news_r {width:280px;display:inline-block;vertical-align:top;margin-top:60px;margin-left:50px;}
    62. 

  62. .news_r_img {display:inline-block;width:280px;height:auto; position: relative;}
    63. 

  63. .news_r_img img {display:block;width:100%;height:auto;}
    64. 

  64. .news_r_img span.shijian_text{font-size: 14px;font-weight: bold; color: #333;display: block; position: absolute;left:68px;top: 96px;}
    65. 

  65. 

  66. 

  67. 

  68. /*热点资讯*/
    69. 

  69. .news_hot {border:1px solid #EEE;margin-top:20px;}
    70. 

  70. .news_hot .news_hot_title{padding:20px 0 20px 20px;border-top:4px solid #DFAE5E;border-bottom:1px solid #EEE;font-size:18px;}
    71. 

  71. .news_hot_cont {padding:15px;}
    72. 

  72. .news_hot_cont .hot_img {display:inline-block;vertical-align:top;margin-top:0px;padding-right:5px;}
    73. 

  73. .news_hot_cont .hot_font {display:inline-block;vertical-align:top;width:93%;line-height:25px;color:#333;font-size:14px;}
    74. 

  74. .news_hot_cont ul li {padding:15px 0;}
    75. 

  75. .news_hot_cont ul li + li {border-top:1px solid #EEE;}
    76. 

  76. .news_hot_cont ul li a:hover {text-decoration:none;}
    77. 

  77. 

  78. 

  79. /*广告图*/
    80. 

  80. .add_box {margin:20px 0;}
    81. 

  81. .add_img {position:relative;width:280px;height:346px;overflow:hidden;}
    82. 

  82. .add_img img {display:block;width:100%;height:100%;}
    83. 

  83. .add_img .add_font {position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.5);width:100%;height:45px;line-height:45px;color:#fff;font-size:16px;padding-left:10px;}
    84. 

  84. 

  85. 

  86. /*推荐楼盘*/
    87. 

  87. .news_hot .lp_push {border-top:4px solid #DFAE5E;}
    88. 

  88. .news_hot .lp_push em {font-size:12px;color:#ccc;float:right;margin-right:15px;margin-top:4px;cursor:pointer;}
    89. 

  89. .news_hot .lp_push em img {display:inline-block;margin-top:-1px;margin-right:5px;}
    90. 

  90. .push_box {margin:10px 0;}
    91. 

  91. .push_box ul li{padding:10px 0;}
    92. 

  92. .push_box ul li a {text-decoration:none;}
    93. 

  93. .push_box ul li .push_img {display:inline-block;vertical-align:top;width:124px;height:96px;}
    94. 

  94. .push_box ul li .push_img img {display:inline-block;width:100%;height:100%;}
    95. 

  95. .push_box ul li .push_font {display:inline-block;vertical-align:top;margin-left:10px;width:48%;}
    96. 

  96. .push_box ul li .push_font p {margin:0;}
    97. 

  97. .push_box ul li .push_font p:nth-child(1) {font-size:16px;color:#333;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    98. 

  98. }
    99. 

  99. .push_box ul li .push_font p:nth-child(2) {font-size:14px;color:#666;margin-top:8px;}
    100. 

  100. .push_box ul li .push_font p:nth-child(3) {font-size:20px;color:#E03700;}
    101. 

  101. .push_box ul li .push_font p:nth-child(3) i {font-size:12px;}
    102. 

  102. .push_box ul li .push_font p:nth-child(4) {font-size:12px;color:#666;}
    103. 

  103. .push_box ul li .push_font p:nth-child(4) em {display:inline-block;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    104. 

  104. }
    105. 

  105. 

  106. #pagecount .pagination > .active > a, #pagecount .pagination > .active > span, #pagecount .pagination > .active > a:hover, #pagecount .pagination > .active > span:hover, #pagecount .pagination > .active > a:focus, #pagecount .pagination > .active > span:focus{
    107. 

  107. 	background-color:#DFA24E;
    108. 

  108. 	border-color:#DFA24E;
    109. 

  109. 	color: #22212F;
    110. 

  110. }
    111. 

  111. #pagecount .pagination > li > a, #pagecount .pagination > li > span{
    112. 

  112. 	color:#333;
    113. 

  113. }
    114. 

  114. #pagecount .pagination > li > a:hover, #pagecount .pagination > li > span:hover, #pagecount .pagination > li > a:focus, #pagecount .pagination > li > span:focus{
    115. 

  115. 	color: #E03700;
    116. 

  116. }
    117. 

  117. 

  118. 

  119. 

  120. 

  121. 

  122. 

  123. 

  124. 

  125. 

  126. 

  127. 

  128. 

  129. 

  130. 

  131.