style.css 4.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. /* 手机端最外层*/
  2. .body_box {max-width:750px;margin:0 auto;overflow:hidden;margin-top: 50px;}
  3. .body_box > img {display:inline-block;width:100%;}
  4. /*楼盘信息*/
  5. .swiper-container {padding: 0px 0 45px;}
  6. .swiper-slide {border-radius:5px;box-shadow:1px 6px 8px 1px #d4d4d4;padding:5px 5px 10px 5px;width:192px;margin-right:10px;}
  7. a.warn {display:inline-block;position:absolute;right:5px;top:13px;font-size:0.8125rem;background:#D61900;color:#fff;padding:5px 10px;border-top-left-radius:30px;border-bottom-left-radius:30px;}
  8. .side-img {height:90px;}
  9. .side-img > img {display:inline-block;width:100%;height:100%;}
  10. .side-font {padding:0 5px;}
  11. .side-font h3 {font-size:0.875rem;font-weight:600;margin-top:3px;}
  12. .side-font .price {color:#D61900;font-size:0.75rem;margin-top:8px;}
  13. .side-font .price span {font-size:1.125rem;font-weight:600;display:inline-block;margin:0 3px;}
  14. .side-font .hint {font-size:0.625rem;color:#999;}
  15. .side-font .side-title {font-size:0.75rem;color:#333;margin-top:5px;}
  16. .side-font .side-area {font-size:0.8125rem;color:#333;width:95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:3px;}
  17. .speity {font-size:0.75rem;margin-top:20px;position:relative;padding:0 5px;}
  18. .speity span {color:#D61900;}
  19. .speity a {color:#333333;float:right;border:1px solid #333333;padding:3px 10px;border-radius:20px;margin-top:-6px;}
  20. .speity a.on {color:#D61900;border:1px solid #D61900;}
  21. .reason {position:absolute;background:#EBEBEB;width:96%;padding:5px;top:20px;display:none;}
  22. /*底部报名*/
  23. .sign {position:relative;}
  24. .sign .submit_area {position:absolute;bottom:23%;left:5%;width:65%;}
  25. .sign .submit_area input {border:none;height:30px;line-height:30px;padding-left:15px;font-size:0.75rem;border-radius:30px;width:78%;}
  26. .sign .submit_area input::-webkit-input-placeholder {color:#666;} /* WebKit, Blink, Edge */
  27. .sign .submit_area input:-moz-placeholder {color:#666;} /* Mozilla Firefox 4 to 18 */
  28. .sign .submit_area input::-moz-placeholder {color:#666;} /* Mozilla Firefox 19+ */
  29. .sign .submit_area input:-ms-input-placeholder { color:#666;}/* Internet Explorer 10-11 */
  30. .sign .submit_area a {display:inline-block;width:70px;height:31px;text-align:center;line-height:30px;font-size:0.8125rem;background:#FFB94A;color:#fff;font-weight:600;border-radius:30px;margin-left:-35px;}
  31. /*挡层*/
  32. .layer {position:fixed;top:0;bottom:0;width:100%;background:rgba(0,0,0,0.5);z-index:10;display:none;}
  33. /*报名窗口*/
  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:80%;height:340px;left:50%;margin-left:-40%;margin-top:-220px;display:none;}
  35. .pop-up input {border:none;height:30px;line-height:30px;width:70%;margin-left:10px;font-size:0.8125rem;}
  36. .pop-up-title {text-align:center;margin-top:15px;}
  37. .pop-up-title img {display:inline-block;width:45%;}
  38. .pop-up-hint {text-align:center;color:#fff;font-size:1.0625rem;margin-top:8px;}
  39. .pop-up .name,.pop-up .tel {background:#fff;width:75%;margin:0 auto;border-radius:20px;padding-left:10px;}
  40. .pop-up .tel {margin-top:10px;}
  41. .pop-up .tel img {display:inline-block;width:15px;height:17px;}
  42. .pop-up .name {margin-top:10%}
  43. .pop-up .name img{display:inline-block;width:17px;height:16px;}
  44. .pop-up .wint_butt {display:block;width:80%;height:50px;line-height:40px;text-align:center;color:#E6691E;background:url(../image/icon_btn.png) no-repeat center/100% 100%;margin:13% auto 0;}
  45. .heat {text-align:center;}
  46. .heat p:first-child {font-size:1rem;color:#666666;}
  47. .heat p:first-child span {font-weight:600;color:#E6691E;}
  48. .heat p:last-child {font-size:0.8125rem;color:#666;margin-top:5px;}
  49. .cls {text-align:center;position:relative;}
  50. .cls:before {content:"";display:inline-block;width:1px;height:30px;background:#fff;}
  51. .cls img {display:inline-block;width:26px;height:26px;margin-left:-13px;margin-top:32px;}
  52. /*媒体查询*/
  53. @media screen and (min-width: 300px) and (max-width: 374px){
  54. .pop-up {height:315px;}
  55. .pop-up .int_butt {margin: 11% auto 0;}
  56. .pop-up .name {margin-top: 9%;}
  57. .pop-up .int_butt {height:45px;}
  58. }