style.css 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .max_box > img {display:block;width:100%;}
  2. /*轮播*/
  3. .banner {overflow:hidden;}
  4. .ban_bnt {background:#8F342F;margin:20px 0 30px;}
  5. .ban_bnt a {color:#fff;display:inline-block;width:24%;height:40px;line-height:40px;text-align:center;font-size:0.9rem;}
  6. .ban_bnt a.on span {height:40px;line-height:40px;display:inline-block;position:relative;}
  7. .ban_bnt a.on span:after {content:"";display:block;width:100%;height:2px;background:#fff;position:absolute;bottom:0;left:0;}
  8. .ban_conter {padding:15px;}
  9. .ban_conter ul li {border:1px solid #ccc;border-radius:3px;padding:15px;width:81%;}
  10. .ban_conter ul li .ban_img {}
  11. .ban_conter ul li .ban_img img{display:block;width:100%;height:200px;}
  12. .ban_conter ul li .ban_font {}
  13. .ban_conter ul li .ban_font .ban_title {font-size:1.125rem;color:#333;margin:10px 0;}
  14. .ban_conter ul li .ban_font .ban_title span {font-size:1.125rem;float:right;color:#DA0930;}
  15. .ban_conter ul li .ban_font .house_type {color:#333;font-size:0.8125rem;margin:10px 0;}
  16. .ban_conter ul li .ban_font .explain {font-size:0.8125rem;color:#666;line-height:20px;display:block;background:#F7F7F7;padding:2px 5px;border:1px solid #ececec;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  17. .ban_conter ul li + li {margin-left:15px;}
  18. .ban_switchover {margin:30px 0;}
  19. .switchover_btn {width:60%;margin:0 auto;text-align:center;font-size:1rem;color:#666;}
  20. .switchover_btn i {font-style:normal;font-size:1.125rem;color:#333;}
  21. .switchover_btn .prev {display:inline-block;width:25px;height:25px;float:left;}
  22. .switchover_btn .next {display:inline-block;float:right;width:25px;height:25px;}
  23. .switchover_btn .prev img,.switchover_btn .next img{display:inline-block;width:100%;}
  24. /*咨询热线*/
  25. .m-tel {position:relative;height:25px;line-height:25px;text-align:center;color:#333;font-size:1rem;font-weight:600;margin:0 10px;}
  26. .m-tel:before {content:"";width:30%;height:1px;background:#eee;position:absolute;left:0;top:14px;}
  27. .m-tel:after {content:"";width:30%;height:1px;background:#eee;position:absolute;right:0;top:14px;}
  28. /*报名窗口*/
  29. /*底部报名*/
  30. .m_sign_up{background:#fff;width:100%;overflow:hidden;}
  31. .m_sign_up_title{margin-top:35px;font-size:1.05rem;color:#333;font-weight:600;text-align:center;}
  32. .m_sign_up_title i{color:#C42523;font-weight:600;}
  33. .m_sign_up form{width:90%;padding-bottom:25px;margin:auto;box-shadow:0px 0px 20px 0px #d9d7d7;margin-top:20px;border-radius:5px;overflow:hidden;}
  34. .m_sign_up_bm{margin-top:35px;text-align:center;}
  35. .m_sign_up_bm em{font-size:1.6rem;color:#C42523;}
  36. .m_sign_up_x{border-top:1px solid #EEE;width:31%;margin:auto;margin-top:20px;}
  37. .m_sign_up_x i{display:block;width:26%;height:3px;margin:auto;background:#C42523;}
  38. .m_sign_up_input{width:83%;height:40px;margin:auto;margin-top:17px;background: url(./image/input1.png) no-repeat 0 0/100% 100%;}
  39. .m_sign_up_input img{width:20px;margin:10px 10px 0px 15px;}
  40. .m_sign_up_input input[type="text"]{height: 93%;border: 0;width: 77%;background: #fff;margin-top: 2px;font-size:0.9rem;color:#999;}
  41. .m_sign_up_buttom{width:83%;height:40px;margin:auto;margin-top:20px;background: url(./image/input4.png) no-repeat 0 0/100% 100%;}
  42. .m_sign_up_buttom input[type="button"]{height:100%;border: 0;width: 100%;color:#FFF;font-size:1.05rem;background:rgba(255, 255, 255, 0);font-weight:600;}
  43. .m_Telephone{margin:30px 0;}
  44. .m_Telephone_title{font-size:1.05rem;color:#333;font-weight:600;text-align:center;}
  45. .m_Telephone_bottom{margin-top:30px;border-top:1px solid #eee;text-align:center;}
  46. .m_Telephone_bottom a{font-size: 1.1rem;color: #333;position: relative;top: -9px; background: #fff;padding: 0 10px;font-weight: 600;}