@charset "UTF-8";
/**
 * reset.css
 */
/* 禁用iPhone中Safari的字号自动调整 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 62.5%; }

/* 去除iPhone中默认的input样式 */
input[type="submit"], input[type="reset"], input[type="button"], input[type="date"], input {
  -webkit-appearance: none;
  resize: none; }

input[type="date"] {
  background-color: transparent; }

/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

/* 图片自适应 */
img {
  max-width: 100%;
  height: auto;
  width: auto \9;
  /* ie8 */
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/ }

/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article,
aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
  border: none;
  outline: none; }

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #fff; }

em, i {
  font-style: normal; }

strong {
  font-weight: normal; }

.clear-fix:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both; }

.clear-fix {
  zoom: 1; }

a {
  text-decoration: none;
  color: #000; }

a:hover {
  text-decoration: none; }

ul, ol {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

img {
  border: none; }

.un-dis {
  display: none; }

body {
  width: 100%;
  background: #f1f1f5;
  font-family: 'PingFang SC', "Hiragino Sans GB", "Hiragino Sans GB W3", "Noto Sans CJK SC", "Source Han Sans CN", "Microsoft YaHei", "WenQuanYi Microhei", "Heiti SC", "STHeiti", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: black; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
  width: 100%; }
  table thead {
    display: table-header-group;
    vertical-align: middle; }
  table tr {
    display: table-row;
    vertical-align: inherit; }
    table tr th {
      display: table-cell; }

/***单独样式***/
.bg-warpper {
  background: #fafafa; }

.bg-white {
  background: white; }

.html-h {
  height: 100% !important; }

.body-flex {
  display: flex;
  flex-direction: column;
  height: 100%; }

.flex-1 {
  flex: 1 0 auto; }

.flex-0 {
  flex: 0 0 auto; }

.ajaxLoadings {
  width: 100%;
  height: 100%;
  position: fixed;
  _position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  z-index: 1;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80); }

/***
弹窗
****
*/
#black_overlay {
  position: fixed;
  display: none;
  z-index: 1000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  filter: alpha(opacity=60);
  opacity: 0.6;
  overflow: hidden;
  background-color: #000; }

.z-dialog {
  position: fixed;
  top: 50%;
  width: 100%;
  line-height: 5rem;
  z-index: 9999; }
  .z-dialog .z-width {
    z-index: 99;
    border-radius: 0.5rem;
    background: white;
    width: 50%;
    margin: 0 auto;
    font-weight: 500;
    text-align: center;
    color: #333; }
    .z-dialog .z-width span {
      font-size: 1.6rem; }

.marker .bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  overflow: hidden;
  z-index: 1;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=80); }
.marker span {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 160px;
  margin-left: -80px;
  margin-top: -20px;
  background: white url(img/loading.gif) 10px center no-repeat;
  padding: 5px 5px 5px 30px;
  z-index: 99999;
  box-shadow: 0 0 10px #ccc; }

.load-tip {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin-left: -35px;
  margin-top: -35px;
  background: url(img/load.gif) center no-repeat;
  z-index: 99999; }

.opts-tip {
  position: fixed;
  max-width: 12em;
  top: 50%;
  left: 50%;
  margin-left: -11rem;
  padding: 0.5em 1em;
  -webkit-border-radius: 0.5rem;
  -moz-border-radius: 0.5rem;
  -ms-border-radius: 0.5rem;
  -o-border-radius: 0.5rem;
  border-radius: 0.5rem;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  background: url(img/txt-bg-ico.png) repeat;
  color: white;
  font-size: 1.6rem;
  z-index: 9999;
  font-weight: 500; }

.success {
  margin: 0 auto;
  width: 5.4rem;
  height: 5.4rem;
  background: url("img/zb-icon-success.png") no-repeat center;
  background-size: cover;
  z-index: 1;
  display: block; }

.fail {
  margin: 0 auto;
  width: 5.4rem;
  height: 5.4rem;
  background: url("img/zb-icon-fail.png") no-repeat center;
  background-size: cover;
  z-index: 1;
  display: block; }

.loading {
  display: none;
  text-align: center;
  padding: 1rem 0; }
  .loading span {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(img/load.gif) 0 center no-repeat;
    text-indent: -9999rem; }

.top-txt {
  margin-top: 1rem; }

/******
首页
 */
.index-top {
  height: 20rem;
  background: url(img/banner-index.png) center center no-repeat;
  background-size: cover; }
  .index-top .logobar {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .index-top .logo {
    padding: 15px 15px; }
  .index-top h1 {
    font-size: 3.2rem;
    color: white;
    font-family: "microsoft yahei";
    text-shadow: 0.2rem 0.2rem 0.6rem #666;
    letter-spacing: 5px; }

.wgk-warp {
  margin-top: 1rem;
  background: #fff;
  font-family: " Microsoft Yahei ", " weir ", " arial "; }
  .wgk-warp ul li {
    display: inline;
    float: left;
    width: 50%;
    padding: 1.5rem 0;
    box-sizing: border-box;
    zoom: 1;
    text-align: center;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5; }
    .wgk-warp ul li a {
      display: block; }
      .wgk-warp ul li a img {
        width: 40%; }
      .wgk-warp ul li a span {
        display: block;
        font-size: 1.4rem;
        margin-top: -0.5rem;
        color: #5f5f5f;
        font-weight: 700; }

/******
查询服务列表
 */
.top-banner {
  width: 100%; }
  .top-banner img {
    width: 100%; }

.query-service-item {
  margin: 1.5rem 1.2rem 1rem;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 1rem 1rem 1rem 1rem;
  box-shadow: 0.5rem 0.5rem 0.5rem #f6f6f6;
  font-size: 1.7rem;
  background: url(img/arrow-r.png) right center no-repeat;
  background-size: 1.5rem; }
  .query-service-item.mtop {
    margin-top: -0.5rem; }
  .query-service-item .spf {
    background: url(img/spf-icon.png) left center no-repeat;
    background-size: 2.4rem 2.4rem;
    padding-left: 2.5rem; }
  .query-service-item .clf {
    background: url(img/clf-icon.png) left center no-repeat;
    background-size: 2.4rem 2.4rem;
    padding-left: 2.5rem; }
  .query-service-item .prev-sale {
    background: url(img/prev-sale-icon.png) left center no-repeat;
    background-size: 2.4rem 2.4rem;
    padding-left: 2.5rem; }
  .query-service-item .change-register {
    background: url(img/change-register-icon.png) left center no-repeat;
    background-size: 2.4rem 2.4rem;
    padding-left: 2.5rem; }
  .query-service-item .register {
    background: url(img/register-icon.png) left center no-repeat;
    background-size: 2.4rem 2.4rem;
    padding-left: 2.5rem; }

/******
查询服务提交
 */
.btn-bar {
  margin: 0 1.5rem; }

.btn-blue {
  width: 100%;
  cursor: pointer;
  margin: 2rem auto 1rem;
  color: white;
  box-shadow: 0.3rem 0.3rem 0.5rem #cbe2f8;
  color: white;
  background: linear-gradient(to right, #00a2ff, #008aff);
  padding: 1rem 1.4rem;
  border-radius: 0.5rem;
  font-weight: 500;
  font-size: 1.7rem; }

.txt-tips {
  line-height: 45px;
  font-size: 1.7rem;
  color: #999;
  margin: 0 auto;
  text-align: center; }

.form {
  width: 100%;
  font-size: 1.7rem; }
  .form placeholder {
    color: #999999;
    font-size: 1.7rem; }
  .form ul {
    background: #fafafa;
    margin-top: -1rem; }
    .form ul li {
      background: white;
      border-bottom: 1px solid #dce0e7;
      height: 4.8rem;
      line-height: 4.8rem;
      padding-left: 1rem; }
      .form ul li label {
        display: inline;
        float: left;
        width: 26%;
        height: 4.8rem;
        line-height: 4.8rem; }
        .form ul li label.name {
          background: url(img/name-ico.png) left center no-repeat;
          background-size: 2rem 2rem;
          padding-left: 2rem; }
        .form ul li label.zjh {
          background: url(img/zj-ico.png) left center no-repeat;
          background-size: 2rem 2rem;
          padding-left: 2rem; }
        .form ul li label.ht {
          background: url(img/ht-ico.png) left center no-repeat;
          background-size: 2rem 2rem;
          padding-left: 2rem; }
        .form ul li label.yzm {
          background: url(img/yzm-ico.png) left center no-repeat;
          background-size: 2rem 2rem;
          padding-left: 2rem; }
        .form ul li label.project {
          background: url(img/project-ico.png) left center no-repeat;
          background-size: 2rem 2rem;
          padding-left: 2rem; }
        .form ul li label.kfs {
          background: url(img/kfs-ico.png) left center no-repeat;
          background-size: 2rem 2rem;
          padding-left: 2rem; }
        .form ul li label.pre-sale {
          background: url(img/pre-sale-ico.png) left center no-repeat;
          background-size: 2rem 2rem;
          padding-left: 2rem; }
      .form ul li .input-txt {
        display: inline;
        float: left;
        width: 68%;
        height: 4.8rem;
        line-height: 4.8rem;
        font-size: 1.7rem;
        border: none;
        outline: none; }
      .form ul li .input-txt-s {
        display: inline;
        float: left;
        width: 33%;
        height: 4.8rem;
        line-height: 4.8rem;
        border: none;
        outline: none;
        font-size: 1.7rem; }
      .form ul li img {
        display: inline;
        float: left;
        width: 7rem;
        width: 7rem;
        height: 4rem;
        line-height: 4rem;
        vertical-align: middle;
        margin: 0.4rem 0rem 0 0; }

/******
查询信息
 */
.form-info {
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #e5e5e5; }
  .form-info .txt-bar-item {
    background: #fff;
    padding: 0.5rem 0;
    color: #333;
    line-height: 2.4rem;
    border-bottom: 1px solid #e5e5e5;
    font-family: "Microsoft YaHei", Arial, sans-serif; }
    .form-info .txt-bar-item em {
      color: #999;
      display: inline;
      float: left;
      width: 35%;
      padding-left: 1.5rem;
      font-size: 1.7rem; }
    .form-info .txt-bar-item span {
      float: left;
      width: 55%;
      display: inline-block;
      color: #333;
      text-align: left;
      font-size: 1.7rem; }
      .form-info .txt-bar-item span i {
        padding: 0 2rem; }
      .form-info .txt-bar-item span a {
        color: #008aff; }
      .form-info .txt-bar-item span u {
        padding-right: 1rem;
        text-decoration: none; }

/******
新闻列表
 */
.new-wrap {
  background: #fff;
  font-size: 1.7rem; }
  .new-wrap li {
    border-bottom: 0.1rem solid #e5e5e5;
    padding: 1rem 1.5rem;
    line-height: 2rem; }
    .new-wrap li div {
      color: #333;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      font-size: 1.6rem;
      font-family: " Microsoft Yahei ", " weir ";
      line-height: 2.4rem; }
      .new-wrap li div em a {
        color: #008aff; }
    .new-wrap li span {
      color: #999;
      font-size: 1.5rem;
      float: right;
      padding-top: 0.5rem;
      font-family: Arial, Helvetica, sans-serif; }

.show-more {
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #fff;
  padding-bottom: 2rem; }
  .show-more a {
    border: none;
    border-radius: 5px;
    color: #ccc;
    text-align: center;
    cursor: pointer;
    padding: 0.7rem 4rem; }
    .show-more a.default {
      font-size: 1.6rem;
      cursor: default; }

/******
新闻详情
 */
.news-detail {
  padding: 1.5rem; }
  .news-detail h1 {
    font-family: "Microsoft YaHei", Arial, sans-serif;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #333;
    text-align: center;
    padding: 1rem; }
  .news-detail p {
    text-indent: 2rem;
    line-height: 2.6rem;
    color: #333;
    font-size: 1.6rem; }
  .news-detail img {
    display: block;
    margin: 0 auto; }
  .news-detail .sigma-content {
    margin: 0rem 0;
    text-align: center;
    background-color: #fff; }
  .news-detail .sigma-middle-line:before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background-color: #f3f3f3;
    /*颜色需与主题大背景色一致*/
    position: relative;
    top: 1rem;
    /*调节线高*/
    left: 0; }
  .news-detail .sigma-line-text {
    display: inline-block;
    background: #fff;
    padding: 0 1.8rem 0 1.8rem;
    position: relative;
    top: -0.4rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #999; }

/******
首页
 */
.flash {
  background: #dadfe2 center center no-repeat;
  width: 100%; }
  .flash .swiper-slide img {
    width: 100%; }
  .flash .txt {
    position: relative;
    width: 100%;
    overflow: hidden; }
    .flash .txt .swiper-slide, .flash .txt .swiper-slide a, .flash .txt .swiper-slide img {
      width: 100%;
      height: 20rem; }
    .flash .txt .swiper-slide h2 {
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      background: url(img/txt-bg-ico.png) repeat;
      display: block;
      width: 100%;
      height: 30px;
      line-height: 30px;
      color: #fff;
      font-size: 1.4rem; }

.button-bar {
  margin: 0.5rem 1rem 2rem;
  background: white;
  box-shadow: 0.5rem 0.5rem 0.5rem #f6f6f6;
  font-family: "microsoft yahei"; }
  .button-bar header {
    height: 3.4rem;
    line-height: 3.4rem;
    color: #333;
    font-size: 1.7rem;
    border-bottom: 1px solid #f6f6f6;
    background: url(img/title-ico.png) left center no-repeat;
    background-size: 0.3rem;
    padding-left: 2rem; }
  .button-bar .button-bar-item {
    display: inline;
    float: left;
    width: 33%;
    border-right: 1px solid #f6f6f6; }
    .button-bar .button-bar-item a {
      padding: 1rem;
      display: block;
      text-align: center;
      font-size: 1.5rem; }
      .button-bar .button-bar-item a .img {
        margin: 0 auto;
        width: 4.8rem;
        height: 4.8rem;
        text-indent: -9999px; }
        .button-bar .button-bar-item a .img.company {
          background: url(img/company-ico.png) center center no-repeat;
          background-size: 4.8rem 4.8rem; }
        .button-bar .button-bar-item a .img.news {
          background: url(img/news-ico.png) center center no-repeat;
          background-size: 4.8rem 4.8rem; }
        .button-bar .button-bar-item a .img.policy {
          background: url(img/policy-ico.png) center center no-repeat;
          background-size: 4.8rem 4.8rem; }
        .button-bar .button-bar-item a .img.query {
          background: url(img/query-ico.png) center center no-repeat;
          background-size: 4.8rem 4.8rem; }
        .button-bar .button-bar-item a .img.booking {
          background: url(img/booking-ico.png) center center no-repeat;
          background-size: 4.8rem 4.8rem; }
        .button-bar .button-bar-item a .img.guide {
          background: url(img/guide-ico.png) center center no-repeat;
          background-size: 4.8rem 4.8rem; }
        .button-bar .button-bar-item a .img.address {
          background: url(img/address-ico.png) center center no-repeat;
          background-size: 4.8rem 4.8rem; }
        .button-bar .button-bar-item a .img.phone {
          background: url(img/phone-ico.png) center center no-repeat;
          background-size: 4.8rem 4.8rem; }
        .button-bar .button-bar-item a .img.business {
          background: url(img/business-ico.png) center center no-repeat;
          background-size: 4.8rem 4.8rem; }
      .button-bar .button-bar-item a span {
        display: block;
        font-size: 1.5rem;
        color: #333; }

.colunm-bar {
  background: white;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .colunm-bar li {
    display: inline;
    float: left;
    width: 50%;
    padding: 0.6rem 0.8rem;
    box-sizing: border-box;
    zoom: 1; }
    .colunm-bar li a {
      padding: 1rem 1.2rem;
      display: block;
      background: linear-gradient(to right, #00a2ff, #008aff);
      border-radius: 0.5rem;
      box-shadow: 0.3rem 0.3rem 0.5rem #d7eeff;
      text-align: center;
      font-size: 1.6rem;
      color: white; }

.page-location {
  padding: 0.6rem 0.8rem;
  box-sizing: border-box; }

.address-item {
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 2rem;
  box-shadow: 0.2rem 0.2rem 0.3rem #f2f2f2; }

.address-item h5 {
  font-size: 1.8rem;
  color: #000;
  margin: 0.5rem 0; }

.address-item p {
  font-size: 1.6rem;
  color: #333;
  line-height: 3rem; }

.address-item p .phone-call {
  background: url(img/tel-icon.png) right center no-repeat;
  background-size: 2.2rem 2.2rem;
  padding: 0rem 3rem 0rem 0rem;
  display: inline-block; }

.colunm-bar2 {
  border-top: 1px solid #dddd;
  text-align: center;
  padding-top: 1rem; }

.colunm-bar2 a {
  color: #008aff;
  font-size: 1.6rem;
  background: url(img/guide-icon.png) left center no-repeat;
  background-size: 2.2rem 2.2rem;
  padding: 0rem 0 0.5rem 2.5rem; }

/***
搜索框
 */
.search-wrap {
  background: #f1f1f5;
  height: 3rem;
  padding: 1rem 0 1rem; }

.search-form {
  margin: 0 auto;
  width: 94%;
  background: white;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.4rem; }

.search-wrap .search-right {
  line-height: 3rem;
  display: inline;
  float: left;
  padding-left: 2.8rem;
  font-size: 1.6rem;
  width: 90%; }
  .search-wrap .search-right.search-ico {
    background: url(img/sou.png) 0.7rem center no-repeat;
    background-size: 2.2rem; }
  .search-wrap .search-right input {
    padding-left: 0.3rem;
    width: 100%;
    font-size: 1.4rem;
    line-height: 2.8rem;
    zoom: 1;
    font-family: "microsoft yahei", " 宋 体 ", " arial "; }

.lp-tab {
  display: block;
  width: 100%;
  height: 4.5rem; }
  .lp-tab li {
    background: #737373;
    float: left;
    width: 33.33333%;
    height: 4.5rem;
    line-height: 4.5rem;
    text-align: center;
    color: #fff;
    font-weight: 700; }
    .lp-tab li.on {
      background: #008aff; }
    .lp-tab li a {
      display: block;
      color: #fff; }

.sale-license {
  margin: 2rem auto;
  padding: 1rem;
  width: 85%;
  border-radius: 0.4rem;
  background: #E3F2ED;
  text-align: center; }
  .sale-license .status {
    float: left;
    width: 35%;
    height: 6rem;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 0.4rem;
    position: relative; }
    .sale-license .status span {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0rem 0.8rem;
      color: #fff;
      font-size: 1.2rem;
      display: block;
      border-top-left-radius: 0.4rem;
      border-bottom-right-radius: 0.4rem; }
      .sale-license .status span.prev {
        background: #CBC68D; }
      .sale-license .status span.now {
        background: #81AEA0; }
    .sale-license .status em {
      margin: 0 auto;
      display: block;
      position: absolute;
      bottom: 0.5rem;
      left: 0.8rem;
      text-align: center;
      font-size: 1.4rem;
      font-weight: 700; }
    .sale-license .status.prev {
      background: #81AEA0; }
    .sale-license .status.now {
      background: #CBC68D; }
  .sale-license .txt {
    float: left;
    width: 60%;
    margin-left: 5%;
    color: #666;
    font-size: 1.4rem;
    text-align: left; }
    .sale-license .txt p {
      line-height: 2.4rem; }

/***
楼盘表页
 */
.lpb-bar {
  margin: 1rem 1rem; }
  .lpb-bar .lpb {
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
    border: 1px solid #DCDFE6;
    border-bottom: none;
    margin-bottom: 0.3rem; }
    .lpb-bar .lpb a {
      display: block; }
    .lpb-bar .lpb h3, .lpb-bar .lpb h3 a {
      display: block;
      border-top-left-radius: 0.6rem;
      border-top-right-radius: 0.6rem;
      font-size: 1.4rem;
      line-height: 3.2rem;
      background: #f0f0f1;
      border-bottom: 1px solid #e1e1e1;
      padding: 0 0.5rem;
      color: #333; }
    .lpb-bar .lpb h3.on, .lpb-bar .lpb h3.on a {
      background: #737373;
      color: #fff; }
    .lpb-bar .lpb ul {
      border-bottom-left-radius: 0.6rem;
      border-bottom-right-radius: 0.6rem; }
    .lpb-bar .lpb ul li {
      line-height: 3.2rem;
      background: #fff;
      font-size: 1.2rem;
      padding: 0 2rem;
      border-bottom: 1px solid #e1e1e1;
      color: #333; }
    .lpb-bar .lpb ul li:hover {
      background: #F9FBFC; }

.lpb-form {
  margin: 1rem; }
  .lpb-form .legend-wrap {
    color: #666;
    font-size: 1.4rem;
    line-height: 2rem; }
    .lpb-form .legend-wrap .icon {
      margin-right: 1.5rem;
      line-height: 2.4rem; }
      .lpb-form .legend-wrap .icon.icon-green i {
        background: #6CE02A; }
      .lpb-form .legend-wrap .icon.icon-orange i {
        background: #F1D723; }
      .lpb-form .legend-wrap .icon.icon-red i {
        background: #EB3D3D; }
      .lpb-form .legend-wrap .icon.icon-gray i {
        background: #C6C6C6; }
      .lpb-form .legend-wrap .icon.icon-dy i {
        background: url(img/icon-house-dy.png) left center no-repeat;
        background-size: 1.4rem 1.4rem; }
      .lpb-form .legend-wrap .icon.icon-cf i {
        background: url(img/icon-house-cf.png) left center no-repeat;
        background-size: 1.4rem 1.4rem; }
      .lpb-form .legend-wrap .icon.icon-xs i {
        background: url(img/icon-house-xs.png) left center no-repeat;
        background-size: 1.4rem 1.4rem; }
      .lpb-form .legend-wrap .icon i {
        display: inline-block;
        vertical-align: middle;
        margin-right: 0.4rem;
        width: 1.2rem;
        height: 1.2rem;
        background: #6CE02A; }
  .lpb-form .lpb-tab {
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
    border: 1px solid #e5e5e5;
    color: #333;
    margin: 1rem 0; }
    .lpb-form .lpb-tab thead th, .lpb-form .lpb-tab thead td {
      background: none;
      font-size: 1.4rem;
      font-weight: 600; }
    .lpb-form .lpb-tab th {
      width: 10%;
      border-right: 1px solid #e5e5e5;
      border-top: 1px solid #e5e5e5;
      text-align: center;
      font-weight: normal;
      background: #F9FBFC; }
    .lpb-form .lpb-tab td {
      width: 90%;
      text-align: left;
      border-top: 1px solid #e9e9e9;
      border-right: 1px solid #e9e9e9; }
      .lpb-form .lpb-tab td.center {
        text-align: center; }
      .lpb-form .lpb-tab td .item {
        float: left;
        display: inline-block;
        font-family: Arial, Helvetica, sans-serif;
        width: 4.8rem;
        height: 4.8rem;
        line-height: 4.8rem;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        color: #fff;
        margin: 0.2rem 0.2rem;
        background: #ccc;
        position: relative; }
        .lpb-form .lpb-tab td .item .icon-wrap {
          display: block;
          letter-spacing: -0.5em;
          position: absolute;
          left: 0;
          top: 0rem; }
          .lpb-form .lpb-tab td .item .icon-wrap i {
            display: inline-block;
            letter-spacing: normal;
            float: left;
            width: 1.6rem;
            height: 1.6rem;
            background: url(img/icon-house-dy.png) center no-repeat;
            background-size: 1.6rem 1.6rem;
            overflow: hidden;
            text-indent: -9999px; }
            .lpb-form .lpb-tab td .item .icon-wrap i.icon-dy {
              background-image: url(img/icon-house-dy.png); }
            .lpb-form .lpb-tab td .item .icon-wrap i.icon-cf {
              background-image: url(img/icon-house-cf.png); }
            .lpb-form .lpb-tab td .item .icon-wrap i.icon-cf {
              background-image: url(img/icon-house-cf.png); }
        .lpb-form .lpb-tab td .item.green {
          background: #6CE02A; }
        .lpb-form .lpb-tab td .item.orange {
          background: #F1D723; }
        .lpb-form .lpb-tab td .item.red {
          background: #EB3D3D; }
        .lpb-form .lpb-tab td .item.gray {
          background: #C6C6C6; }

.z-lpb-dialog {
  position: fixed;
  top: 15%;
  width: 100%;
  line-height: 5rem;
  display: none;
  z-index: 9999; }
  .z-lpb-dialog .z-lpb-width {
    z-index: 99;
    border-radius: 0.5rem;
    background: white;
    width: 85%;
    margin: 0 auto;
    font-weight: 500;
    text-align: center;
    color: #333; }
    .z-lpb-dialog .z-lpb-width .z-title {
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem;
      line-height: 4rem;
      height: 4rem;
      background: #f0f0f1;
      position: relative;
      color: #333;
      border-bottom: 1px solid #e5e5e5; }
    .z-lpb-dialog .z-lpb-width .z-lpb-info .txt-bar-item {
      background: #fff;
      padding: 0.5rem 0;
      color: #333;
      line-height: 2.4rem;
      border-bottom: 1px solid #e5e5e5;
      font-family: "Microsoft YaHei", Arial, sans-serif;
      font-size: 1.2rem; }
      .z-lpb-dialog .z-lpb-width .z-lpb-info .txt-bar-item em {
        color: #999;
        display: inline;
        float: left;
        width: 40%;
        padding: 0 1.5rem;
        font-size: 1.6rem; }
      .z-lpb-dialog .z-lpb-width .z-lpb-info .txt-bar-item span {
        float: left;
        width: 50%;
        display: inline-block;
        color: #333;
        text-align: left;
        font-size: 1.6rem; }
    .z-lpb-dialog .z-lpb-width .close-btn {
      background: none;
      color: #008aff;
      font-size: 1.6rem;
      width: 100%; }

.content-bar, .project-info, .sale-info {
  margin-bottom: 5rem; }

.btn-bottom {
  box-shadow: 0px -0.1rem 0.3rem #333333;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99; }