style.css 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .y_footmzsm,.y_footer {display:none;}
  2. /**/
  3. .box-img {padding-bottom: 60px;}
  4. .box-img > img {display:inline-block;width:100%;
  5. /*image-rendering: auto;
  6. image-rendering: crisp-edges;
  7. image-rendering: pixelated;*/
  8. }
  9. /*楼盘*/
  10. .wpr {height:434px;width:100%;background:url(../image/tmp_11.png) no-repeat center/100% 100%;position:relative;}
  11. .pa {position:absolute;top:0;width:1070px;left:50%;margin-left:-490px;}
  12. .swiper-container {padding:25px 0 45px;}
  13. .swiper-slide {border-radius:10px;box-shadow:1px 6px 8px 1px #d4d4d4;padding:10px 10px 20px 10px;background:#fff;width:350px;margin-right: 30px;}
  14. a.warn {display:inline-block;position:absolute;right:10px;top:0px;font-size:0.8125rem;background:#D61900;color:#fff;padding:5px 10px;border-top-left-radius:30px;border-bottom-left-radius:30px;}
  15. .side-img {height:180px;margin-top:-30px;}
  16. .side-img > img {display:inline-block;width:100%;height:100%;}
  17. .side-font {padding:0 5px;}
  18. .side-font h3 {font-size:24px;font-weight:600;margin-top:3px;}
  19. .side-font .price {color:#D61900;font-size:16px;margin-top:8px;width: 97%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  20. .side-font .price span {font-size:30px;font-weight:600;display:inline-block;margin:0 3px;}
  21. .side-font .hint {font-size:12px;color:#999;}
  22. .side-font .side-title {font-size:16px;color:#333;margin-top:5px;width:95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:inline-block;}
  23. .side-font .side-area {font-size:16px;color:#333;}
  24. .speity {font-size:16px;margin-top:20px;position:relative;padding:0 5px;}
  25. .speity span {color:#D61900;}
  26. .speity span i {font-size:24px;}
  27. .speity a {color:#333333;float:right;border:1px solid #333333;padding:3px 10px;border-radius:20px;}
  28. .speity a.on {color:#D61900;border:1px solid #D61900;}
  29. .reason {position:absolute;background:#EBEBEB;width:90%;padding:10px;top:35px;display:none;}
  30. /*挡层*/
  31. .layer {position:fixed;top:0;bottom:0;width:100%;background:rgba(0,0,0,0.5);z-index:10;display:none;}
  32. /*报名窗口*/
  33. .pop-up .submit_area {width:280px;position:absolute;right:37px;}
  34. .pop-up {position:fixed;z-index:15;top:-50%;background:url(../image/icon_bg.png) no-repeat center/100% 100%;border-radius:10px;width:600px;height:300px;left:50%;margin-left:-300px;margin-top:-220px;display:none;}
  35. .pop-up input {border:none;height:40px;line-height:40px;width:70%;margin-left:10px;font-size:16px;}
  36. .pop-up-title {text-align:center;margin-top:15px;}
  37. .pop-up-title img {display:inline-block;width:215px;}
  38. .pop-up-hint {text-align:center;color:#fff;font-size:18px;margin-top:8px;}
  39. .pop-up .name,.pop-up .tel {background:#fff;width:95%;margin:0 auto;border-radius:5px;padding-left:10px;}
  40. .pop-up .tel {margin-top:10px;}
  41. .pop-up .tel img {display:inline-block;width:19px;height:18px;margin:10px 0 0 5px}
  42. .pop-up .name {margin-top:12px;}
  43. .pop-up .name img{display:inline-block;width:17px;height:20px;margin: 8px 0 0 5px;}
  44. .pop-up .wint_butt {display:block;width:100%;height:40px;line-height:40px;text-align:center;color:#E6691E;background:url(../image/icon_btn.png) no-repeat center/100% 100%;margin:20px auto 0;}
  45. .heat {position:absolute;left:10px;margin-top:10px;}
  46. .heat p:first-child {font-size:18px;color:#fff;}
  47. .heat p:first-child span {font-weight:600;color:#FFE743;}
  48. .heat p:last-child {font-size:18px;color:#fff;margin-top:5px;}
  49. .cls {text-align:center;position:absolute;top:-52px;right:-52px;}
  50. .cls img {display:inline-block;width:51px;height:51px;}
  51. /*底部报名 */
  52. .floor {background:#008BDA;height:60px;line-height:60px;text-align:center;width:100%;position:fixed;bottom:0;left:0;z-index:50;}
  53. .floor input {height:35px;line-height:35px;border:none;width:200px;padding-left:10px;font-size:14px;margin-left:12px;}
  54. .floor label {height:60px;line-height:60px;display:inline-block;color:#fff;font-size:16px;}
  55. .floor label img {display:inline-block;vertical-align:middle;margin-right:5px;}
  56. .floor .ml {margin-left:70px;}
  57. .floor .wint_butt {display:inline-block;width:147px;height:35px;background:#FFE400;text-align:center;color:#E55D42;line-height:35px;font-size:18px;font-weight:600;margin-left:100px;}
  58. .shiajian{ position: relative; width: 100%; height: auto;}
  59. .shiajian img{ width: 100%; height: auto;}
  60. .shiajian span{width: 100%; text-align: center; display: block; font-size:20px; font-weight: bold; color: #ff5b00; position:absolute; left: 0%;bottom: 26%;}