pj_home.css 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. body {background:#F5F7FA;}
  2. /* 顶图 */
  3. .m_adorn_title {width:100%;position:relative;padding-top:2px;margin-top:15px;background:#fff;}
  4. .m_adorn_title > span {position:absolute;top:0;left:10px;width:55px;height:50px;display:inline-block;}
  5. .m_adorn_title > span img {display:block;width:100%;height:100%;}
  6. .m_adorn_title span i {position:absolute;color:#fff;text-align:center;font-size:0.7rem;top:14px;left:0px;display:block;width:55px;}
  7. .m_adorn_title a img {display:block;width:100%;height:210px;}
  8. .adorn_f {font-size:1.1rem;color:#333;padding:12px 10px;width:100%;position:relative;}
  9. .adorn_f .share {display:inline-block;width:25px;height:25px;position:absolute;top:50%;right:20px;margin-top:-13px;}
  10. .adorn_f .share img {display:block;width:100%;height:100%;}
  11. .adorn_f p {font-size:0.8rem;padding:5px 0;color:#999;}
  12. .adorn_f > span {display:block;padding:5px 0;}
  13. .adorn_f span a {font-size:1.2rem;font-weight:600;}
  14. .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;}
  15. /*列表*/
  16. .list_box {padding:20px 15px 40px;}
  17. .list_examine {}
  18. .list_examine > ul > li{background:#FFFFFF;padding:10px 0;}
  19. .list_examine > ul > li + li {margin-top:20px;}
  20. .list_examine > ul > li .examine_box {padding:0 10px;position:relative;}
  21. .list_examine > ul > li .examine_box > span {position:absolute;top:0;left:10px;width:55px;height:50px;display:inline-block;}
  22. .list_examine > ul > li .examine_box > span img {display:block;width:100%;height:100%;}
  23. .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;}
  24. .list_examine > ul > li .examine_title {padding:10px 0;font-size:1rem;line-height:1.5rem;border-bottom:1px solid #ccc;}
  25. .en_img a img {display:block;width:100%;height:100%;}
  26. .en_img {height:230px;}
  27. .list_examine .examine_img {position:relative;;}
  28. .list_examine .examine_img p {padding:12px 0 8px;font-size:0.7rem;color:#999;}
  29. .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;}
  30. .list_examine .examine_img .share {position:absolute;display:inline-block;width:20px;height:22px;top:50%;right:10px;margin-top:-7px;}
  31. .list_examine .examine_img .share img {display:block;width:100%;height:100%;}
  32. /*上拉加载*/
  33. .dropload-down {text-align:center;padding:10px 0;}
  34. /* 到底啦 */
  35. .line {text-align: center;position:relative;top:20px;}
  36. .line i {display:block;background:#ccc;width:60%;height:1px;margin:0 auto;position:relative;top:-10px;z-index:0}
  37. .line span {font-size:0.9rem;background:#F5F7FA;position:relative;z-index:1;padding:0 5px;}
  38. /*媒体查询*/
  39. @media (max-width: 320px){
  40. .list_examine > ul > li .examine_title {font-size:0.95rem;}
  41. }