Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
liyaoyu
/
pfhwyigou
Tarkkaile 1
Äänestä 0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Puu: f272eab5be
Branchit Tagit
pfhwyigou
/
mobile
/
web
/
css
/
house
/
xiajia.css

xiajia.css 3.9 KB
Historia Raaka

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 
  1. 

  2. 

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

  4. .soidOut{max-width: 640px; margin: 0 auto;}
    5. 

  5. 

  6. 

  7. .soidOut_top{width: 100%; height: auto;}
    8. 

  8. .soidOut_top .topimg p:nth-child(1){ width: 70%; height: auto; margin: 0 auto;}
    9. 

  9. .soidOut_top .topimg p:nth-child(1) img{ width: 100%; height: auto; }
    10. 

  10. .soidOut_top .topimg p:nth-child(2){ text-align: center; font-size: 1rem; color: #666; margin-top: 10px;}
    11. 

  11. 

  12. .soidOut_top .toptext{ text-align: center; margin-top: 25px;}
    13. 

  13. .soidOut_top .toptext a{ display: inline-block; font-size: 0.8rem; color: #fff; background: #2F72F5; border-radius: 5px; padding: 5px 20px; }
    14. 

  14. 

  15. .soidOut_bottom{ background: #fff;margin-top: 30px; padding: 20px 0;}
    16. 

  16. .soidOut_bottom_h{ width: 95%; margin: 0 auto;}
    17. 

  17. .soidOut_bottom_h .left{ float: left;}
    18. 

  18. .soidOut_bottom_h .left span{ font-size: 1.2rem; color: #333; display: inline-block; font-weight: 600;}
    19. 

  19. .soidOut_bottom_h .right{ float: right;}
    20. 

  20. .soidOut_bottom_h .right a{ display: inline-block; font-size: 1rem; color: #999;}
    21. 

  21. .soidOut_bottom_h .right a+a{ margin-left:10px;}
    22. 

  22. .soidOut_bottom_h .right a.on{ color: #2F72F5;}
    23. 

  23. 

  24. .soidOut_bottom_list{ width: 95%; margin:0 auto;margin-top: 10px;}
    25. 

  25. .soidOut_bottom_list ul li{ position: relative;padding: 15px 0;}
    26. 

  26. .soidOut_bottom_list ul li+li{ border-top: 1px solid #eee;}
    27. 

  27. .soidOut_bottom_list ul li .bottom_list_m .left_img{width: 33%; float: left; height: 100px; border-radius: 5px; overflow:hidden; position: relative;}
    28. 

  28. .soidOut_bottom_list ul li .bottom_list_m .left_img p:nth-child(1){width: 100%; height: 100%;}
    29. 

  29. .soidOut_bottom_list ul li .bottom_list_m .left_img p:nth-child(1) img{width: 100%; height: 100%;}
    30. 

  30. .soidOut_bottom_list ul li .bottom_list_m .left_img p:nth-child(2){ padding: 4px 8px; position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.6); font-size: 0.75rem; color: #fff;}
    31. 

  31. .soidOut_bottom_list ul li .bottom_list_m .left_img p:nth-child(2) i{ display: inline-block; width: 12px; height: auto; position: relative; top: -2px; margin-right: 3px;}
    32. 

  32. .soidOut_bottom_list ul li .bottom_list_m .left_img p:nth-child(2) i img{ width: 100%; height: auto;}
    33. 

  33. .soidOut_bottom_list ul li .bottom_list_m .right_tet{width: 64%; float: right;}
    34. 

  34. .soidOut_bottom_list ul li .bottom_list_m .right_tet p.title{ font-size: 1rem; color: #333; font-weight: 600; width: 75%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
    35. 

  35. .soidOut_bottom_list ul li .bottom_list_m .right_tet p.hx{ margin-top: 5px; font-size: 0.9rem; color: #666; width: 70%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
    36. 

  36. .soidOut_bottom_list ul li .bottom_list_m .right_tet p.jg{ margin-top: 5px;}
    37. 

  37. .soidOut_bottom_list ul li .bottom_list_m .right_tet p.jg span{ font-size: 0.8rem; color: #E53030; display: inline-block; }
    38. 

  38. .soidOut_bottom_list ul li .bottom_list_m .right_tet p.jg span em{ font-size: 1.1rem;font-weight: 600; color: #E53030; display:inline-block; margin-right: 5px; }
    39. 

  39. .soidOut_bottom_list ul li .bottom_list_m .right_tet p.ts{ margin-top: 5px;}
    40. 

  40. .soidOut_bottom_list ul li .bottom_list_m .right_tet p.ts i{ height: 21px; line-height: 23px; display: inline-block; font-size: 0.7rem; padding: 0px 5px;}
    41. 

  41. .soidOut_bottom_list ul li .bottom_list_m .right_tet p.ts i+i{ margin-left: 5px;}
    42. 

  42. .soidOut_bottom_list ul li .bottom_list_m .right_tet p.ts i:nth-child(1){ background: #EBF3FE; color: #2F72F5;}
    43. 

  43. .soidOut_bottom_list ul li .bottom_list_m .right_tet p.ts i:nth-child(2){ background: #FCF4F1; color: #E3582E;}
    44. 

  44. .soidOut_bottom_list ul li .bottom_list_m .right_tet p.ts i:nth-child(3){ background: #E2F8E1; color: #43AF49;}
    45. 

  45. .soidOut_bottom_list ul li .list_tel{ position: absolute; right: 5px; top:10px; width: 55px; height: 55px; z-index: 5;}
    46. 

  46. .soidOut_bottom_list ul li .list_tel img{ width: 100%; height: 100%;}
    47. 

  47. .soidOut_bottom_gd{ width: 95%; height: auto; margin: 0 auto; margin-top:15px;}
    48. 

  48. .soidOut_bottom_gd a{ font-size: 1.1rem; color: #2F72F5; display: block; padding:13px 0;  background: #F3F8FE; text-align: center; border-radius: 3px;}
    49. 

  49. 

  50. 

  51. 

  52. 

  53.