housephoto.css 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. body {background:#F4F6F9;}
  2. /**/
  3. .hu_main {background:#fff;height:45px;line-height:45px;white-space:nowrap;overflow:hidden;}
  4. .hu_main ul li {display:inline-block;padding:0 5%;}
  5. .hu_main ul li.in {color:#F0562D;}
  6. .hu_main ul li.in i {display:block;height:2px;width:100%;background:#F0562D;position:relative;top:-2px;}
  7. /*列表导航*/
  8. .find_nav {width: 100%; height:50px;background-color: #fff;border-bottom: 1px solid #ddd;display: -moz-box;display: -webkit-box;display: box;}
  9. .find_nav_left {height: 50px;position: relative;overflow: hidden;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;}
  10. .find_nav_list {position: absolute;left: 0;top:0px;}
  11. .find_nav_list ul {position: relative;white-space: nowrap;font-size: 0;}
  12. .find_nav_list ul li { display: inline-block;padding: 0 20px;line-height:49px;height:50px;font-size: 0.937rem;text-align: center;color: #333;}
  13. .find_nav_cur {font-size:0.98rem;padding:1px 10px;}
  14. /*.find_nav_cur .on {background-color:#EED076;color:#B79328;border-radius:15px;}*/
  15. .sideline { display: block;position: absolute;border: 0;height: 2px;background-color: #48a5f4;left: 0;top: 43px;pointer-events: none;}
  16. .search_logo {display: block;width: 44px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #48a5f4;}
  17. .hu_box {padding:15px 10px;}
  18. .hu_box ul li {display:inline-block;width:49%;background:#fff;margin:5px 0;position:relative;height:120px;}
  19. .hu_box ul li:nth-child(2n) {margin-left:2%;}
  20. .hu_box ul li .hu_img { width: 100%; height: 100%;}
  21. .hu_box ul li .hu_img img {width:100%; height: 100%;}
  22. .hu_box ul li .hu_font {position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.5);width:100%;color:#fff;font-size:0.95rem;padding:5px 10px;line-height:22px;}
  23. .am-gallery-overlay .am-gallery-item{width:100%;height:100%;}
  24. .am-gallery-overlay .am-gallery-item img{width:100%;height:100%;}
  25. .lg-img-wrap img{ width: 100%;}
  26. .lg-toolbar .lg-icon{ background: url("/image/m_bm4_1.png") no-repeat center; background-size: 60%; }
  27. .optionMore{background: #333; height: 50px;}
  28. .optionMore .find_nav_list2{position: inherit; left: 0px; top:auto; bottom: 0px;}
  29. .optionMore .find_nav_list2 ul li span{ color: #fff;}
  30. .optionMore .find_nav_list2 ul li.in span{ color: #F0562D;}
  31. #lg-counter span#lg-counter-current{ color: #F0562D;}
  32. /*媒体查询*/
  33. @media (max-width: 320px){
  34. .hu_box ul li:nth-child(2n) {margin-left:5px;}
  35. .hu_box ul li .hu_font {font-size:0.8rem;line-height:20px;}
  36. }