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
/
frontend
/
web
/
css
/
housech
/
xiajia
/
index.css

index.css 2.2 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142 
  1. 

  2. 

  3. body{ background: #f4f4f4;}
    4. 

  4. .soldOut_main{ width: 1200px; margin: 0 auto;}
    5. 

  5. .soldOut_top .soldOut_img{ text-align: center;}
    6. 

  6. .soldOut_top .soldOut_img p:nth-child(1){ width: 340px; height: 300px; margin: 0 auto;}
    7. 

  7. .soldOut_top .soldOut_img p:nth-child(1) img{ width: 100%; height: 100%;}
    8. 

  8. .soldOut_top .soldOut_img p:nth-child(2){ font-size: 19px; color:#333; margin-top: 10px;}
    9. 

  9. 

  10. .soldOut_html{margin-top: 20px; text-align: center;}
    11. 

  11. .soldOut_html a{ display:inline-block; font-size: 14px; color: #fff; width: 101px; height: 30px; line-height: 30px; text-align: center; background: #2F72F5; border-radius: 5px;}
    12. 

  12.  .soldOut_html a:hover{ background: #4d89ff;}
    13. 

  13. .soldOut_bottom{ margin-top: 45px;}
    14. 

  14. 

  15. .soldOut_bottom_h{ text-align: center;}
    16. 

  16. .soldOut_bottom_h span{margin: 0 auto; display: block; position: relative; z-index: 2; font-size: 30px; color: #666; background: #f4f4f4;padding: 5px 0px; width:456px; text-align: center;}
    17. 

  17. .soldOut_bottom_h i{ position: relative; top: -23px; display: block; width: 100%; height: 1px; background: #E0E0E1; z-index: 1;}
    18. 

  18. 

  19. .soldOut_bottom_list{ margin-top: 30px;}
    20. 

  20. .soldOut_bottom_list ul li{ width: 284px; float: left; background: #fff;}
    21. 

  21. .soldOut_bottom_list ul li .img{ width: 100%; height: 206px;}
    22. 

  22. .soldOut_bottom_list ul li .img img{ width: 100%; height: 100%;}
    23. 

  23. .soldOut_bottom_list ul li .img img:hover{ opacity: 0.8;}
    24. 

  24. .soldOut_bottom_list ul li .text { padding: 10px 5px;}
    25. 

  25. .soldOut_bottom_list ul li .text p:nth-child(1) span{ display: inline-block;}
    26. 

  26. .soldOut_bottom_list ul li .text p:nth-child(1) span a{display: inline-block; font-size: 17px; color: #333; font-weight: 600;}
    27. 

  27. .soldOut_bottom_list ul li .text p:nth-child(1) span a:hover{ color: #BB2222;}
    28. 

  28. .soldOut_bottom_list ul li .text p:nth-child(1) em{ display: inline-block; font-size: 14px; color: #999; margin-left: 8px;}
    29. 

  29. .soldOut_bottom_list ul li .text p:nth-child(2){ margin-top: 5px;}
    30. 

  30. .soldOut_bottom_list ul li .text p:nth-child(2) span{ display: inline-block; font-size: 14px; color: #BB2222;}
    31. 

  31. .soldOut_bottom_list ul li .text p:nth-child(2) span em{ display: inline-block; font-size: 20px; color: #BB2222; font-weight: 600;}
    32. 

  32. .soldOut_bottom_list ul li+li{ margin-left: 21px;}
    33. 

  33. 

  34. .soldOut_html2{margin-top: 30px;}
    35. 

  35. .soldOut_html2 a{ width: 200px; height: 45px; line-height: 45px; font-size: 16px;}
    36. 

  36. 

  37. 

  38. 

  39. 

  40. 

  41. 

  42.