html,
body {
  position: relative;
  height: 100%;
  font-size: 0.01666667rem;
}
body {
  font-family: Microsoft Yahei, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.clear {
  clear: both;
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-container .swiper-slide {
  text-align: center;
  overflow: hidden;
}
.swiper-container .swiper-slide .title {
  background: url("../images/p2.title.png") no-repeat 50% 50%;
  background-size: auto 100%;
  height: 0.10625rem;
  width: 100%;
  text-align: center;
  font-size: 0.05208333rem;
  color: #6F4B20;
  line-height: 0.08333333rem;
  position: absolute;
  top: 0.01875rem;
  left: 0;
}
.swiper-container .swipe {
  position: absolute;
  left: 50%;
  bottom: 0.02083333rem;
  background: url("../images/swipe_up.png") no-repeat left top;
  background-size: 0.04583333rem 0.0625rem;
  width: 0.04583333rem;
  height: 0.0625rem;
  margin-left: -0.02291667rem;
  z-index: 1000;
  opacity: 0;
}
.swiper-container .p1 .bg {
  height: 100%;
  position: relative;
  width: 100%;
}
.swiper-container .p1 .bg .mid {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url("../images/page1.min.jpg") transparent no-repeat 50% 50%;
  background-size: 100%;
}
.swiper-container .p1 .bg .top,
.swiper-container .p1 .bg .bottom {
  position: absolute;
  height: 50%;
  width: 100%;
  left: 0;
  top: 0;
  background: #FB4845;
}
.swiper-container .p1 .bg .bottom {
  top: 50%;
  background: #36392E;
}
.swiper-container .p2 {
  position: relative;
  background: #eee;
}
.swiper-container .p2 .arrow {
  display: block;
  position: absolute;
  background: transparent;
  width: 0.10416667rem;
  height: 0.10416667rem;
  left: 0.03125rem;
  top: 59%;
  z-index: 99999;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.swiper-container .p2 .arrow#slidePrev {
  left: auto;
  right: 0.03125rem;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.swiper-container .p2 .arrow span {
  position: absolute;
  width: 0.10416667rem;
  height: 0.10416667rem;
  background: #33322d;
}
.swiper-container .p2 .arrow span.r {
  width: 0.01302083rem;
  left: 0;
}
.swiper-container .p2 .arrow span.l {
  height: 0.01302083rem;
  bottom: 0;
  left: 0;
}
.swiper-container .p2 #house {
  height: 1.25rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.625rem;
}
.swiper-container .p2 .swiper-wrapper {
  position: relative;
  padding-top: 0.14583333rem;
  box-sizing: border-box;
}
.swiper-container .p2 .sTitle {
  display: block;
  text-align: center;
  margin-top: 0.02083333rem;
}
.swiper-container .p2 .sTitle span {
  font-size: 0.0375rem;
  background: #3E3E37;
  padding: 0.01354167rem 0.05208333rem;
  border-radius: 0.03125rem;
  color: #fff;
}
.swiper-container .p2 .content {
  padding: 0 0.08333333rem;
  margin-top: 0.02083333rem;
}
.swiper-container .p2 .list .house {
  max-width: 46%;
  margin: 0.025rem 2% 0;
  float: left;
  text-decoration: none;
}
.swiper-container .p2 .list .house .pic {
  border: 0.00208333rem solid #c0c0c0;
}
.swiper-container .p2 .list .house .pic img {
  padding: 0.009375rem;
  width: 0.359375rem;
  height: 0.3125rem;
}
.swiper-container .p2 .list .house .detail {
  padding-top: 0.00520833rem;
  font-size: 0.02916667rem;
  color: #333333;
  text-align: left;
  line-height: 0.05208333rem;
}
.swiper-container .p2 .list .house .detail span {
  color: #ff0000;
}
.swiper-container .p3 {
  position: relative;
}
.swiper-container .p3 .content {
  padding-top: 0.14583333rem;
  height: 1.2109375rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.625rem;
  width: 100%;
}
.swiper-container .p3 .content .liucheng {
  background: url("../images/lc.png") no-repeat 50% 50%;
  height: 0.23020833rem;
  background-size: auto 0.23020833rem;
  margin-top: 0.03645833rem;
}
.swiper-container .p3 .content .lb {
  background: url("../images/lb.png") no-repeat 50% 50%;
  height: 0.221875rem;
  background-size: auto 0.221875rem;
  margin-top: 0.03541667rem;
}
.swiper-container .p3 .content #bm {
  background: url("../images/bm.jpg") #f7f7f6 no-repeat 50% 0;
  background-size: auto 0.10208333rem;
  padding-top: 0.171875rem;
  padding-bottom: 10.41666667rem;
  margin-top: 0.03541667rem;
}
.swiper-container .p3 .content #bm .form_group {
  width: 0.796875rem;
  margin: 0 auto 0.03125rem;
  font-size: 0.04166667rem;
  color: #363636;
  text-align: left;
  appearance: none;
  -webkit-appearance: none;
}
.swiper-container .p3 .content #bm .form_group input {
  display: inline-block;
  height: 0.07291667rem;
  background: #ffffff;
  border: 0.003125rem solid #c0c0c0;
  width: 0.51041667rem;
  -webkit-appearance: none;
  outline: none;
}
.swiper-container .p3 .content #bm #tsub {
  width: 0.82291667rem;
  height: 0.11458333rem;
  margin: 0 auto;
  border: 0.00625rem solid #ffb337;
  color: #ffb337;
  line-height: 0.08333333rem;
  font-size: 0.05208333rem;
  background: #f7f7f6;
  border-radius: 0.00625rem;
  font-weight: bold;
}