@charset "UTF-8";
@import "//at.alicdn.com/t/font_1176684_gtge8grlbro.css";
.index-wrap {
  width: 16rem;
  margin: 0 auto; }
  .index-wrap .item1 {
    width: 16rem;
    height: 17.216rem;
    background: url("../images/liangfang_01.png") no-repeat;
    background-size: 16rem 17.216rem; }
  .index-wrap .item2 {
    position: absolute;
    top: 14.464rem;
    width: 13.12rem;
    height: 11.7973333333rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 1.4506666667rem;
    background-color: white;
    border-radius: 0.4266666667rem; }
    .index-wrap .item2 .title {
      height: 0.896rem;
      font-size: 0.896rem;
      font-family: SourceHanSansCN Bold, SourceHanSansCN Bold-Bold;
      font-weight: 700;
      text-align: center;
      color: #333333;
      line-height: 1.024rem; }
    .index-wrap .item2 .content {
      height: 0.4266666667rem;
      margin-top: 0.5333333333rem;
      font-size: 0.4266666667rem;
      font-family: SourceHanSansCN Bold, SourceHanSansCN Bold-Bold;
      font-weight: 700;
      text-align: left;
      color: #333333;
      line-height: 0.3626666667rem; }
    .index-wrap .item2 h5 {
      color: #3a3a3a;
      font-size: 0.64rem;
      text-align: center; }
      .index-wrap .item2 h5 span {
        color: #e12323; }
    .index-wrap .item2 .form-box {
      width: pfx2rem(538);
      margin: 0.8533333333rem auto 0;
      /* Firefox 4-18 */
      /* Firefox 19-50 */
      /* - Internet Explorer 10–11
         - Internet Explorer Mobile 10-11 */
      /* Edge (also supports ::-webkit-input-placeholder) */
      /* CSS Working Draft */ }
      .index-wrap .item2 .form-box .combo-box {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; }
        .index-wrap .item2 .form-box .combo-box input[type="radio"] {
          display: none;
          width: 2.1333333333rem;
          height: 2.1333333333rem; }
        .index-wrap .item2 .form-box .combo-box label {
          cursor: pointer;
          padding-left: 0.64rem;
          background: url("../images/crcle-uncheck.png") no-repeat left center;
          background-size: 0.4693333333rem 0.4693333333rem;
          font-size: 0.5973333333rem;
          color: #3a3a3a;
          margin-right: 0.4693333333rem; }
        .index-wrap .item2 .form-box .combo-box label.checked {
          cursor: pointer;
          background: url("../images/crcle-check.png") no-repeat left center;
          background-size: 0.4693333333rem 0.4693333333rem; }
      .index-wrap .item2 .form-box .city-box {
        width: 11.4773333333rem;
        height: 1.7066666667rem;
        margin-top: 0.4266666667rem; }
        .index-wrap .item2 .form-box .city-box select {
          width: 11.4773333333rem;
          height: 1.7066666667rem;
          padding-left: 0.5333333333rem;
          border: none;
          appearance: none;
          background: url("../images/zxzjs_arrow_bg.png") no-repeat center right 0.4266666667rem #f2f3f8;
          background-size: 0.4266666667rem 0.2986666667rem;
          border-radius: 0.1706666667rem;
          color: #898989;
          font-size: 0.5973333333rem; }
      .index-wrap .item2 .form-box ::-webkit-input-placeholder {
        color: #898989; }
      .index-wrap .item2 .form-box :-moz-placeholder {
        color: #898989; }
      .index-wrap .item2 .form-box ::-moz-placeholder {
        color: #898989; }
      .index-wrap .item2 .form-box :-ms-input-placeholder {
        color: #898989 !important; }
      .index-wrap .item2 .form-box ::-ms-input-placeholder {
        color: #898989; }
      .index-wrap .item2 .form-box ::placeholder {
        color: #898989; }
      .index-wrap .item2 .form-box .name-box, .index-wrap .item2 .form-box .tel-box, .index-wrap .item2 .form-box .area-box input {
        display: block;
        width: 11.4773333333rem;
        height: 1.7066666667rem;
        line-height: 1.7066666667rem;
        padding-left: 0.5333333333rem;
        border-radius: 0.1706666667rem;
        border: none;
        font-size: 0.5973333333rem;
        background: #f2f3f8;
        margin-top: 0.32rem; }
      .index-wrap .item2 .form-box .area-box {
        position: relative; }
        .index-wrap .item2 .form-box .area-box em {
          position: absolute;
          top: 0.4266666667rem;
          right: 0.8106666667rem;
          font-size: 0.5973333333rem;
          color: #3a3a3a; }
      .index-wrap .item2 .form-box .form-btn {
        display: block;
        width: 11.4346666667rem;
        height: 1.7493333333rem;
        line-height: 1.7493333333rem;
        text-align: center;
        background: #e28830;
        font-size: 0.64rem;
        color: #fff;
        margin-top: 0.4266666667rem;
        border-radius: 0.1706666667rem; }
  .index-wrap .item3 {
    position: absolute;
    top: 27.3066666667rem;
    left: 1.0666666667rem;
    width: 14.4rem;
    height: 7.04rem;
    background: url("../images/liangfang_02.png") no-repeat;
    background-size: 13.6533333333rem 7.04rem; }
  .index-wrap .item4_bg {
    position: absolute;
    top: 36.2666666667rem;
    width: 16rem;
    height: 22.2506666667rem;
    background-color: #3583CD;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    .index-wrap .item4_bg span {
      height: 0.8746666667rem;
      font-size: 0.896rem;
      font-family: SourceHanSansCN Bold, SourceHanSansCN Bold-Bold;
      font-weight: 700;
      text-align: center;
      color: #ffffff;
      line-height: 0.896rem;
      margin-bottom: 0.64rem; }
    .index-wrap .item4_bg .item4 {
      left: 1.408rem;
      width: 13.184rem;
      height: 16.2133333333rem;
      background: url("../images/liangfang_03.png") no-repeat;
      background-size: 13.184rem 16.2133333333rem;
      margin-bottom: 1.7493333333rem; }
  .index-wrap .form-btn-5 {
    position: absolute;
    bottom: 0rem;
    display: block;
    width: 16rem;
    height: 1.7493333333rem;
    line-height: 1.7493333333rem;
    text-align: center;
    font-size: 0.64rem;
    color: #fff;
    margin-top: 0.4266666667rem;
    border-radius: 0.1706666667rem;
    background-color: #FF9900; }
  .index-wrap .float {
    position: fixed;
    top: 6.4rem;
    right: 0;
    width: 2.8373333333rem;
    height: 2.7733333333rem;
    background: url("../images/zxzjs_float_bg.png") no-repeat;
    background-size: 2.8373333333rem 2.7733333333rem; }
  .index-wrap .van-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); }

/*# sourceMappingURL=liangfang.css.map */