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
/
mobile
/
web
/
overseas
/
css
/
housephoto.css

housephoto.css 3.2 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 
  1. 

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

  3. 

  4. /**/
    5. 

  5. .sdin {width:200px;height:200px;background:#cccccc;position:relative;}
    6. 

  6. .vvid_pic_ico {position: absolute;top:50%;left:50%;border-radius: 100%;width:50px;height:50px;background: url(/overseas/img/vr_animation.png);background-position-y: 0;background-repeat: no-repeat;background-size: 100%;border: 1px solid hsl(0, 0%, 97%);box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);margin:-25px 0 0 -25px;}
    7. 

  7. .vvid_pic_ico_min {position: absolute;top:50%;left:50%;border-radius: 100%;width:30px;height:30px;background: url(/overseas/img/vr_animation.png);background-position-y: 0;background-repeat: no-repeat;background-size: 100%;border: 1px solid hsl(0, 0%, 97%);box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);margin:-15px 0 0 -15px;}
    8. 

  8. .vr-animation-forever { -webkit-animation:vr 5s steps(80) infinite;animation:vr 5s steps(80) infinite;}
    9. 

  9. @-webkit-keyframes vr {to{background-position-y:100%}}
    10. 

  10. @keyframes vr {to{background-position-y:100%}}
    11. 

  11. 

  12. .hu_main {background:#fff;height:45px;line-height:45px;white-space:nowrap;overflow:hidden;}
    13. 

  13. .hu_main ul li {display:inline-block;padding:0 5%;}
    14. 

  14. .hu_main ul li.in {color:#F0562D;}
    15. 

  15. .hu_main ul li.in i {display:block;height:2px;width:100%;background:#F0562D;position:relative;top:-2px;}
    16. 

  16. 

  17. /*列表导航*/
    18. 

  18. .find_nav {width: 100%; height:50px;background-color: #fff;border-bottom: 1px solid #ddd;display: -moz-box;display: -webkit-box;display: box;}
    19. 

  19. .find_nav_left {height: 50px;position: relative;overflow: hidden;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;}
    20. 

  20. .find_nav_list {position: absolute;left: 0;top:0px;}
    21. 

  21. .find_nav_list ul {position: relative;white-space: nowrap;font-size: 0;}
    22. 

  22. .find_nav_list ul li  { display: inline-block;padding: 0 20px;line-height:49px;height:50px;font-size: 1.1rem;text-align: center;color: #333;}
    23. 

  23. .find_nav_cur {font-size:0.98rem;padding:1px 10px;}
    24. 

  24. .sideline { display: block;position: absolute;border: 0;height: 2px;background-color: #48a5f4;left: 0;top: 43px;pointer-events: none;}
    25. 

  25. .search_logo {display: block;width: 44px;height: 45px;line-height: 45px;text-align: center;font-size: 14px;color: #48a5f4;}
    26. 

  26. 

  27. 

  28. 

  29. 

  30. .hu_box {padding:15px 10px;}
    31. 

  31. .hu_box ul li {display:inline-block;width:49%;background:#fff;margin:5px 0;position:relative;height:120px;}
    32. 

  32. .hu_box ul li:nth-child(2n) {margin-left:2%;}
    33. 

  33. .hu_box ul li .hu_img { width: 100%; height: 100%;}
    34. 

  34. .hu_box ul li .hu_img  img {width:100%; height: 100%;}
    35. 

  35. .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;}
    36. 

  36. .am-gallery-overlay .am-gallery-item{width:100%;height:100%;}
    37. 

  37. .am-gallery-overlay .am-gallery-item img{width:100%;height:100%;}
    38. 

  38. 

  39. 

  40. .lg-img-wrap img{ width: 100%;}
    41. 

  41. .lg-toolbar .lg-icon{ background: url("/overseas/img/m_bm4.png") no-repeat center; background-size: 60%; }
    42. 

  42. .optionMore{background: #333; height: 50px;}
    43. 

  43. .optionMore .find_nav_list2{position: inherit; left: 0px; top:auto; bottom: 0px;}
    44. 

  44. .optionMore .find_nav_list2 ul li span{ color: #fff;}
    45. 

  45. .optionMore .find_nav_list2 ul li.in span{ color: #F0562D;}
    46. 

  46. #lg-counter  span#lg-counter-current{ color: #F0562D;}
    47. 

  47. 

  48. 

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

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

  51.   .hu_box ul li:nth-child(2n) {margin-left:5px;}
    52. 

  52.   .hu_box ul li .hu_font {font-size:0.8rem;line-height:20px;}
    53. 

  53. }
    54. 

  54.