Home Explore Help
Register Sign In
liyaoyu
/
pfhwyigou
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: f272eab5be
Branches Tags
pfhwyigou
/
wechat
/
web
/
css
/
pj
/
pj_home.css

pj_home.css 2.9 KB
History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 
  1. 

  2. body {background:#F5F7FA;}
    3. 

  3. 

  4. /* 顶图 */
    5. 

  5. .m_adorn_title {width:100%;position:relative;padding-top:2px;margin-top:15px;background:#fff;}
    6. 

  6. .m_adorn_title > span {position:absolute;top:0;left:10px;width:55px;height:50px;display:inline-block;}
    7. 

  7. .m_adorn_title > span img {display:block;width:100%;height:100%;}
    8. 

  8. .m_adorn_title span i {position:absolute;color:#fff;text-align:center;font-size:0.7rem;top:14px;left:0px;display:block;width:55px;}
    9. 

  9. .m_adorn_title a img {display:block;width:100%;height:210px;}
    10. 

  10. .adorn_f {font-size:1.1rem;color:#333;padding:12px 10px;width:100%;position:relative;}
    11. 

  11. .adorn_f .share {display:inline-block;width:25px;height:25px;position:absolute;top:50%;right:20px;margin-top:-13px;}
    12. 

  12. .adorn_f .share  img {display:block;width:100%;height:100%;}
    13. 

  13. .adorn_f p {font-size:0.8rem;padding:5px 0;color:#999;}
    14. 

  14. .adorn_f > span {display:block;padding:5px 0;}
    15. 

  15. .adorn_f span a {font-size:1.2rem;font-weight:600;}
    16. 

  16. .adorn_f p i.browse {display:inline-block;width:20px;height:15px;background:url(/image/pj/adorn/browse.png) no-repeat center/20px 10px; vertical-align:middle;position:relative;right:5px;top:-1px;}
    17. 

  17. 

  18. /*列表*/
    19. 

  19. .list_box {padding:20px 15px 40px;}
    20. 

  20. .list_examine {}
    21. 

  21. .list_examine > ul > li{background:#FFFFFF;padding:10px 0;}
    22. 

  22. .list_examine > ul > li + li {margin-top:20px;}
    23. 

  23. .list_examine > ul > li .examine_box {padding:0 10px;position:relative;}
    24. 

  24. .list_examine > ul > li .examine_box > span {position:absolute;top:0;left:10px;width:55px;height:50px;display:inline-block;}
    25. 

  25. .list_examine > ul > li .examine_box > span img {display:block;width:100%;height:100%;}
    26. 

  26. .list_examine > ul > li .examine_box span i {position:absolute;color:#fff;text-align:center;font-size:0.7rem;top:14px;left:0px;display:block;width:55px;}
    27. 

  27. .list_examine > ul > li .examine_title {padding:10px 0;font-size:1rem;line-height:1.5rem;border-bottom:1px solid #ccc;}
    28. 

  28. .en_img a img {display:block;width:100%;height:100%;}
    29. 

  29. .en_img {height:230px;}
    30. 

  30. .list_examine .examine_img {position:relative;;}
    31. 

  31. .list_examine .examine_img p {padding:12px 0 8px;font-size:0.7rem;color:#999;}
    32. 

  32. .list_examine .examine_img p i.browse {display:inline-block;width:20px;height:15px;background:url(/image/pj/adorn/browse.png) no-repeat center/20px 10px; vertical-align:middle;position:relative;right:5px;top:-1px;}
    33. 

  33. .list_examine .examine_img .share {position:absolute;display:inline-block;width:20px;height:22px;top:50%;right:10px;margin-top:-7px;}
    34. 

  34. .list_examine .examine_img .share img {display:block;width:100%;height:100%;}
    35. 

  35. 

  36. 

  37. 

  38. 

  39. /*上拉加载*/
    40. 

  40. .dropload-down {text-align:center;padding:10px 0;}
    41. 

  41. 

  42. 

  43. 

  44. /* 到底啦 */
    45. 

  45. .line {text-align: center;position:relative;top:20px;}
    46. 

  46. .line i {display:block;background:#ccc;width:60%;height:1px;margin:0 auto;position:relative;top:-10px;z-index:0}
    47. 

  47. .line span {font-size:0.9rem;background:#F5F7FA;position:relative;z-index:1;padding:0 5px;}
    48. 

  48. 

  49. 

  50. /*媒体查询*/
    51. 

  51. @media (max-width: 320px){
    52. 

  52.     .list_examine > ul > li .examine_title {font-size:0.95rem;}
    53. 

  53. }
    54.