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
/
mobile
/
web
/
css
/
news
/
newsdeta.css

newsdeta.css 5.2 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 
  1. 

  2. 

  3. .y_header {height:50px;background:#fff;position:fixed;top:0;left:0;width:100%;z-index:9999}
    4. 

  4. .header_back {position:absolute;left:13px;top:13px;width:18px;height:15px;}
    5. 

  5. .header_back a {display: inline-block;width: 14px;height: auto;position: absolute;left:0;top: 50%;margin-top: -8px;}
    6. 

  6. .header_back a img {display:inline-block;width:100%;height:100%;}
    7. 

  7. .header_menu {position:absolute;top:14px;right:16px;width:18px;height:18px;}
    8. 

  8. .y_input {margin:0px 50px 0;height:50px;line-height:50px;text-align:center;font-size:1.2rem;}
    9. 

  9. .y_input input {display:block;width:100%;height:32px;line-height:33px;background:#fff;border:none;border-radius:3px;font-size:0.8rem;color:#666;padding:0 5px 0 42px;}
    10. 

  10. .y_input input::-ms-input-placeholder{color:#ccc}
    11. 

  11. .y_input input::-webkit-input-placeholder{ color:#ccc}
    12. 

  12. .y_input input::-moz-placeholder{color:#ccc}
    13. 

  13. 

  14. .y_input i{display:inline-block;position:absolute;top:12px;left:60px;}
    15. 

  15. 

  16. 

  17. 

  18. /*资讯详情*/
    19. 

  19. .newsdataBox_main{width:92%; margin:0 auto; padding: 15px 0;}
    20. 

  20. .newsdata_title p.h{ font-size: 1.5rem; color: #333; line-height: 35px;font-family: 'PingFang-Bold'; }
    21. 

  21. .newsdata_title p.ly{ font-size: 0.8125rem; color: #999; margin-top: 10px;font-family: 'PingFang-s'; }
    22. 

  22. .newsdata_title p.ly span{ display: inline-block;}
    23. 

  23. .newsdata_title p.ly span:nth-child(1){ margin-right:5px; }
    24. 

  24. .newsdata_title p.ly span:nth-child(2){ margin-left:5px; }
    25. 

  25. .newsdataBox_center{ font-size: 1rem; color: #666; line-height: 28px; margin-top: 50px;}
    26. 

  26. .newsdataBox_center p {font-size:1rem;line-height:30px;}
    27. 

  27. .newsdata_label{ margin-top: 80px;}
    28. 

  28. .newsdata_label p.left{ float: left;}
    29. 

  29. .newsdata_label p.left span{display: inline-block; font-size: 0.8rem; color: #999; background: #f8f8f8; border-radius: 30px; padding: 7.5px 15px; display:inline-block;}
    30. 

  30. .newsdata_label p.left span+span{ margin-left: 8px;}
    31. 

  31. .newsdata_label p.right{ float: right;}
    32. 

  32. .newsdata_label p.right a{display: inline-block; padding: 5px 15px; background: #f8f8f8; border-radius: 30px;}
    33. 

  33. .newsdata_label p.right a.pyq img{ width: 18px; height: auto;}
    34. 

  34. .newsdata_label p.right a.wx img{ width: 20px; height: auto;}
    35. 

  35. .newsdata_label p.right a+a{ margin-left: 10px;}
    36. 

  36. 

  37. .newsdata_praise{margin-top:40px; text-align: center;}
    38. 

  38. .newsdata_praise a{ display: inline-block; font-size: 1rem; color: #fff; background: #ccc; border-radius: 30px; padding: 5px 15px;}
    39. 

  39. .newsdata_praise a i{ display: inline-block; width: 15px; height: auto; position: relative; top: -3px;}
    40. 

  40. .newsdata_praise a i img{ width: 15px; height: auto;}
    41. 

  41. .newsdata_praise a span{ display: inline-block; margin-left: 5px;}
    42. 

  42. .newsdata_praise a.on{ background: #fe6a6a;}
    43. 

  43. 

  44. 

  45. /*资讯列表*/
    46. 

  46. .newslist_list{overflow: hidden;}
    47. 

  47. .newslist_list_main{ width: 90%; margin: 0 auto; padding: 10px 0;}
    48. 

  48. .newslist_list_main ul li{ padding: 15px 0;}
    49. 

  49. .newslist_list_main ul li+li{border-top: 1px solid #eeeeee;}
    50. 

  50. 

  51. /*无图 */
    52. 

  52. .newslist_list_main ul li.noimg p.title i{ display: block; width: 7px; height: 7px; background: #ffdb00; border-radius: 30px; float: left; position: relative; top: 8px;}
    53. 

  53. .newslist_list_main ul li.noimg p.title span{display: block; font-size: 1rem; color: #333;line-height: 25px; font-weight: 600;}
    54. 

  54. .newslist_list_main ul li.noimg p.time{ font-size: 0.8rem; color: #ccc; margin-top: 8px; position: relative; left: 0px;}
    55. 

  55. 

  56. /*1图 小图*/
    57. 

  57. .newslist_list_main ul li.oneimg p.title{width: 63%; float: left; position: relative; height: 85px;}
    58. 

  58. .newslist_list_main ul li.oneimg p.img{width: 34%; float: right; border-radius: 5px; overflow: hidden; height: 85px;}
    59. 

  59. .newslist_list_main ul li.oneimg p.img img{ width: 100%; height: 100%;}
    60. 

  60. .newslist_list_main ul li.oneimg p.title span:nth-child(1){ display: block; font-size: 1rem; color: #333; font-weight: 600; line-height: 25px;}
    61. 

  61. .newslist_list_main ul li.oneimg p.title span:nth-child(2){ position: absolute; left: 0px; bottom: 0; display: block; font-size: 0.8rem; color: #ccc;}
    62. 

  62. 

  63. /*1大图 */
    64. 

  64. .newslist_list_main ul li.bigimg p.title span:nth-child(1){ display: block; font-size: 1rem; color: #333; font-weight: 600; line-height: 25px;}
    65. 

  65. .newslist_list_main ul li.bigimg p.title span:nth-child(2){ display: block; font-size: 0.8rem; color: #ccc; margin-top: 5px;}
    66. 

  66. .newslist_list_main ul li.bigimg p.img{ margin-top: 10px; width: 100%; height: 170px; border-radius: 5px; overflow: hidden;}
    67. 

  67. .newslist_list_main ul li.bigimg p.img img{ width: 100%; height: 100%; }
    68. 

  68. 

  69. /*3图*/
    70. 

  70. .newslist_list_main ul li.listimg p.title span:nth-child(1){ display: block; font-size: 1rem; color: #333; font-weight: 600; line-height: 25px;}
    71. 

  71. .newslist_list_main ul li.listimg p.title span:nth-child(2){ display: block; font-size: 0.8rem; color: #ccc; margin-top: 5px;}
    72. 

  72. .newslist_list_main ul li.listimg p.img{ margin-top: 10px;}
    73. 

  73. .newslist_list_main ul li.listimg p.img i{ display: inline-block; width: 31.5%; height: 90px;}
    74. 

  74. .newslist_list_main ul li.listimg p.img i img{  width: 100%; height: 100%;}
    75. 

  75. .newslist_list_main ul li.listimg p.img i+i{ margin-left: 1%;}
    76. 

  76. 

  77. 

  78. .m_signup_bm{width:95%;margin:auto;margin-top:15px;padding-bottom:20px;}
    79. 

  79. .m_signup_title{text-align:center;}
    80. 

  80. .m_signup_title i{float:left;display:block;width:140px;height:1px;border:1px dashed #ccc;margin-top: 10px;}
    81. 

  81. .m_signup_title i:nth-child(3){float:right;}
    82. 

  82. .m_signup_title span{font-size:1rem;color:#ccc;}
    83. 

  83. .m_signup_img{margin-top:15px;width:100%;}
    84. 

  84. .m_signup_img img{width:100%;display:block;}
    85.