@charset "UTF-8";
/**
 * reset.css
 */
/* 禁用iPhone中Safari的字号自动调整 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 62.5% !important;
  /*权重提高最高，防止微信的适配样式导致ui字号过大，页面混乱。*/
}

/* 去除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;
}

input[type="search"]::-webkit-search-cancel-button {
  display: none;
  -webkit-appearance: none;
}

/* 取消链接高亮  */
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: transparent;
}

/* 设置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;
}

body {
  width: 100%;
  background: #f5f5f5;
  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: 400;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #000;
}

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;
}

/********weui样式重写==start********/
.weui-popup__modal {
  max-height: 100%;
}

.weui-dialog__btn {
  color: #008aff;
}

/********weui样式重写==end********/
/********单独样式==start********/
.un-dis {
  display: none !important;
}

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

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

/*局部：暂无数据*/
.no-data {
  padding: 5rem 1rem 2rem;
  text-align: center;
  color: #666;
  font-size: 1.6rem;
  line-height: 2em;
}

.no-data .img {
  display: inline-block;
  background: url(img/no-data.png) no-repeat center;
  background-size: contain;
  width: 6.6rem;
  height: 4.8rem;
}

.no-data.house {
  font-size: 1.8rem;
}

.no-data.house .img {
  background-image: url(img/no-data-house.png);
  width: 16rem;
  height: 16rem;
}

.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;
  display: none;
  z-index: 9999;
}

.z-dialog .z-width {
  z-index: 99;
  border-radius: 0.5rem;
  background: #fff;
  width: 80%;
  margin: 0 auto;
  font-weight: 500;
  text-align: center;
  color: #333;
  padding: 2rem 0 0.5rem;
}

.z-dialog .z-width .person-info {
  font-size: 1.6rem;
  margin: 1rem 0;
}

.z-dialog .z-width p {
  line-height: 2.8rem;
  font-size: 1.6rem;
}

.z-dialog .z-width .button-item {
  margin: 0 auto;
}

.z-dialog .z-width .button-item button {
  width: 40%;
  float: left;
  margin: 0 5%;
}

.z-person-dialog {
  position: fixed;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  line-height: 5rem;
  display: none;
  z-index: 9999;
}

.z-person-dialog .z-person-width {
  z-index: 99;
  border-radius: 0.5rem;
  background: #fff;
  width: 85%;
  margin: 0 auto;
  font-weight: 500;
  text-align: center;
  color: #333;
  padding: 0.5rem 0 0.5rem;
}

.z-person-dialog .z-person-width .z-title {
  border-bottom: 1px solid #dddddd;
  line-height: 3rem;
  position: relative;
}

.z-person-dialog .z-person-width span {
  text-indent: -9999px;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(img/photo_close.png) 0 0 no-repeat;
  background-size: 2.4rem 2.4rem;
  position: absolute;
  top: -1rem;
  right: 7%;
  cursor: pointer;
}

.z-person-dialog .z-person-width .z-content {
  padding: 0.5rem 1rem;
  text-align: left;
  font-size: 1.4rem;
}

.z-person-dialog .z-person-width .z-content p {
  line-height: 2.6rem;
  margin: 0.5rem 0;
}

.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: #fff 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;
  z-index: 9999;
  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: #fff;
  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;
}

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

::placeholder {
  color: #e0e0e0;
}

.form {
  margin-top: 2rem;
  width: 100%;
  font-size: 1.7rem;
}

.form placeholder {
  color: #999;
  font-size: 1.7rem;
}

.form .error {
  border-bottom: 1px solid #f36458;
}

.form .select-pnl .pnl-hd {
  display: flex;
  justify-content: space-between;
  position: relative;
  clear: both;
  zoom: 1;
  padding: 0 1rem;
  background: #fff;
  height: 4.8rem;
  line-height: 4.8rem;
  font-weight: 400;
}

.form .select-pnl .pnl-hd button {
  margin-right: 4%;
  color: #2586F0;
  font-size: inherit;
  line-height: inherit;
  background: transparent;
  font-weight: inherit;
}

.form .select-pnl .pnl-con {
  padding: 1rem 0;
}

.form .select-pnl .pnl-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #fff;
  border-bottom: 1px solid #dce0e7;
}

.form .select-pnl .pnl-item .pnl-item-icon {
  margin: 0 1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: url("img/icon-item-del.png") no-repeat center;
  background-size: contain;
}

.form .select-pnl .pnl-item .pnl-item-none {
  text-indent: -9999px;
  margin: 0 1rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #fff;
  background-size: contain;
}

.form .select-pnl .pnl-item .pnl-item-con {
  position: relative;
  width: 100%;
}

.form .select-pnl .pnl-item li:last-child {
  border-bottom: none;
}

.form ul {
  background: #fafafa;
  margin-top: -1rem;
}

.form ul li {
  background: #fff;
  border-bottom: 1px solid #F5F6FA;
  height: 4.8rem;
  line-height: 4.8rem;
  padding-left: 1rem;
}

.form ul li label {
  display: inline;
  float: left;
  width: 32%;
  height: 4.8rem;
  line-height: 4.8rem;
}

.form ul li label.short {
  width: 26% !important;
  height: 4.8rem;
  line-height: 4.8rem;
}

.form ul li label.radio-bar {
  background: #e9e9e9;
  margin: 0.4rem 0;
  line-height: 3.8rem;
  height: 3.8rem;
  color: #666;
  text-align: center;
  width: 33% !important;
}

.form ul li label.radio-bar.on {
  background: #00d9b5 url(img/gou.png) left center no-repeat;
  background-size: 1.8rem 1.8rem;
  margin: 0.4rem 0;
  line-height: 3.8rem;
  height: 3.8rem;
  color: #fff;
  text-align: center;
  padding: 0 0 0 1.5rem;
}

.form ul li .choose-type-1 .input-txt {
  width: 95% !important;
  height: 4.7rem;
  line-height: 4.8rem;
  font-size: 1.7rem;
  border: none;
  outline: none;
}

.form ul li .choose-type-2 .input-s {
  width: 16%;
  height: 4.7rem;
  line-height: 4.8rem;
  font-size: 1.7rem;
  border: none;
  outline: none;
  text-align: center;
}

.form ul li .choose-type-2 .input-l {
  width: 22%;
  height: 4.7rem;
  line-height: 4.8rem;
  font-size: 1.7rem;
  border: none;
  outline: none;
  text-align: center;
}

.form ul li .select-div {
  display: inline;
  float: left;
  width: 64%;
  height: 4.8rem;
  line-height: 4.8rem;
  border: none;
  outline: none;
  font-size: 1.7rem;
}

.form ul li .select {
  outline: none;
  position: relative;
  background: #FFFFFF;
  font-size: 1.7rem;
}

.form ul li .select .text {
  height: 4.8rem;
  appearance: none;
  border: none;
  font-size: 1.7rem;
  padding: 0px 5px 0 0;
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFFFFF;
  color: #333333;
  border-radius: 4px;
}

.form ul li .select .text-item {
  height: 4.8rem;
  appearance: none;
  border: none;
  font-size: 1.7rem;
  padding: 0px 5px 0 0;
  display: block;
  float: left;
  width: 33%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFFFFF;
  color: #333333;
  border-radius: 4px;
}

.form ul li .select:after {
  border: none;
  outline: none;
  content: "";
  width: 25px;
  height: 25px;
  background: url(img/arrow-r.png) right center no-repeat;
  position: absolute;
  right: 5px;
  top: 30%;
  pointer-events: none;
}

.form ul li #demo_date {
  font-size: 1.7rem;
  font-family: " Microsoft Yahei ", " weir ", " arial ";
}

.form ul li .tl-yzm {
  color: #008aff;
  background: none;
  font-size: 1.7rem;
}

.form ul li .count {
  color: #999;
}

.form ul li .input-bar {
  display: inline;
  float: left;
  width: 62%;
}

.form ul li .input-bar .input-bar-item {
  display: inline;
  float: left;
  width: 30%;
}

.form ul li .input-txt {
  display: inline;
  float: left;
  width: 62%;
  height: 4.7rem;
  line-height: 4.8rem;
  font-size: 1.7rem;
  border: none;
  outline: none;
}

.form ul li .input-txt-l {
  display: inline;
  float: left;
  width: 68%;
  height: 4.7rem;
  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.7rem;
  line-height: 4.8rem;
  border: none;
  outline: none;
  font-size: 1.7rem;
}

.form ul li .code-yzm {
  display: inline;
  float: right;
  width: 20%;
  margin-right: 5%;
  height: 4.7rem;
  line-height: 4.8rem;
  border: none;
  outline: none;
  font-size: 1.3rem;
  color: #00CAFC;
  background: none;
}

.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;
}

.address-bar-item {
  background: #fff;
  line-height: 4.8rem;
  border-bottom: 1px solid #f5f6fa;
  font-family: "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.7rem;
  padding: 0 1rem;
}

.address-bar-item em {
  color: #000;
  display: inline;
  float: left;
  width: 32%;
}

.address-bar-item span {
  float: left;
  width: 62%;
  display: inline-block;
  color: #666;
  text-align: left;
  line-height: 2.4rem !important;
}

.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;
}

a {
  display: block;
}

.file-booking-useinfo::-webkit-scrollbar-track-piece {
  background-color: transparent;
  border-left: 1px solid transparent;
}

.file-booking-useinfo::-webkit-scrollbar {
  width: 6px;
  height: 13px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.file-booking-useinfo::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  min-height: 28px;
}

.file-booking-useinfo::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.hidden {
  display: none;
}

.red {
  color: #fd281a;
}

.error-wrap {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.error-wrap .error-icon {
  width: 15rem;
  height: 16rem;
  background: url("img/error-404.png") no-repeat center;
  background-size: contain;
}

.error-wrap .error-txt {
  padding: 2rem 0;
  font-size: 1.8rem;
  text-align: center;
  color: #666;
  font-weight: 400;
}

.load-img {
  margin: 5px 0 0px 0;
  background: #fff;
}

.load-img .photo {
  overflow: hidden;
  letter-spacing: -2em;
  flex-wrap: wrap;
}

.load-img .photo .photo-results-bar {
  display: inline;
}

.load-img .photo .img-position {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 132px;
  margin: 5px 10px 5px 0;
  position: relative;
  height: 102px;
  border: 1px solid #018ce2;
  border-radius: 8px;
  text-align: center;
}

.load-img .photo .img-position .close-btn {
  position: absolute;
  right: -6px;
  top: -6px;
  background: url("img/btn-del-x1.png") no-repeat;
  background-size: 15px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.load-img .photo .img-position .btn-cover {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #018ce2;
  font-size: 14px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.8);
  margin-left: -2em;
  width: 4em;
}

.load-img .photo .img-position .btn-cover:before {
  content: '设置封面';
}

.load-img .photo .img-position .btn-cover.iscover:before {
  content: '取消封面';
  color: #ed1a33;
}

.load-img .photo img {
  width: 132px;
  height: 102px;
  border-radius: 8px;
}

.load-img .photo .upload-file {
  display: inline-block;
  letter-spacing: normal;
  margin: 5px 10px 5px 0;
  background: url("img/btn-upload-bg.png") no-repeat;
  background-size: cover;
  width: 132px;
  height: 102px;
  border: 1px solid #018ce2;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
}

.load-img .photo .upload-file input {
  width: 134px;
  height: 102px;
  opacity: 0;
  cursor: pointer;
}

.user-info-bar::-webkit-scrollbar-track-piece {
  background-color: transparent;
  border-left: 1px solid transparent;
}

.user-info-bar::-webkit-scrollbar {
  width: 6px;
  height: 13px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mtop {
  margin-top: 6rem;
}

.mtop-s {
  margin-top: 4rem;
}

/****
身份证证件照
 */
.img-bar {
  margin: 4rem 1.5rem 0;
}

/****
挂牌证件照
 */
.pic-bar-item .upload-item.space {
  margin-bottom: 1.5rem;
}

.pic-bar-item .upload-item .upload-item-hd {
  color: #03081A;
}

.pic-bar-item .upload-item .load-img {
  background: none;
}

.pic-bar-item .upload-item .load-img .photo .img-position .close-btn {
  position: absolute;
  right: -2px;
  top: -6px;
  background: url(img/btn-del-x1.png) no-repeat;
  background-size: 15px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.pic-bar-item .upload-item .load-img .photo .img-position {
  display: inline-block;
  margin: 5px 10px 5px 0;
  position: relative;
  width: 14.2rem;
  height: 9.2rem;
  border: 1px dashed #00CAFC;
  border-radius: 8px;
  text-align: center;
}

.pic-bar-item .upload-item .load-img .photo img {
  width: 14rem;
  height: 9rem;
  border-radius: 8px;
}

.pic-bar-item .upload-item .load-img .photo .upload-file {
  background: #fff url(img/btn-upload-add.png) center center no-repeat;
  background-size: 3.1rem 3.1rem;
  display: inline-block;
  width: 14.2rem;
  height: 9.2rem;
  border: 1px dashed #00CAFC;
  border-radius: 8px;
  cursor: pointer;
  overflow: hidden;
}

.pic-bar-item .upload-item .load-img .photo .upload-file input {
  width: 14.2rem;
  height: 9.2rem;
  opacity: 0;
  cursor: pointer;
}

.pic-bar-item .upload-item .pic-tips {
  letter-spacing: normal;
  display: none;
  position: relative;
  top: 0px;
  color: #ed1a33;
  font-size: 12px;
  line-height: 18px;
}

/***
房源挂牌
 */
.add-house-tip {
  height: 8.2rem;
  line-height: 8.2rem;
  color: #B0B3BF;
  font-size: 1.7rem;
  text-align: center;
  border: 1px solid #eee;
  background: #fff url(img/add-house-bg.png) center center no-repeat;
  background-size: contain;
  border-radius: 0.5rem;
  margin: 3rem 2rem 0rem;
}

.sfz-txt {
  margin: 4rem 1.3rem 0;
}

.sfz-txt p {
  line-height: 2.6rem;
}

.sfz-txt p.txt {
  font-size: 1.7rem;
  color: #03081A;
}

.sfz-txt p.num {
  font-size: 1.6rem;
  color: #797D88;
}

.sfz-tip {
  margin: 2rem 1.3rem 0;
}

.sfz-tip p {
  line-height: 2.6rem;
}

.sfz-tip p.tip {
  font-size: 1.3rem;
  color: #00CAFC;
}

.sfz-tip p.txt {
  text-indent: 2em;
  font-size: 1.3rem;
  color: #797D88;
}

.house-info h5 {
  color: #03081A;
  font-size: 1.6rem;
  margin: 2rem 1.5rem 0;
}

.house-info textarea {
  font-family: " Microsoft Yahei ", " weir ", " arial ";
  font-size: 1.6rem;
  width: 100%;
  height: 20rem;
  padding: 1rem 1.5rem;
}

/*自动补全*/
.ac_results {
  bottom: 0 !important;
  left: 0px !important;
  /**/
  padding: 0;
  border: 1px solid #C4D5E0;
  background-color: white;
  overflow: hidden;
  z-index: 100009 !important;
  width: 500px;
}

.ac_results .ac_loading {
  background: white url("img/indicator.gif") right center no-repeat;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results ul li {
  margin: 0;
  padding: 5px 5px;
  cursor: default;
  display: block;
  font: menu;
  font-size: 1.7rem;
  line-height: 2rem;
  overflow: hidden;
}

.ac_results ul li.ac_odd {
  background-color: #F6F6F6;
}

.ac_results ul li.ac_over {
  background-color: #4496DF;
  color: white;
}

.ac_results ul li.ac_over i {
  color: #eee;
}

.ac_results ul i {
  font-size: 12px;
  color: #999;
  padding-left: 1em;
}

.ac_results ul strong {
  font-weight: 700;
  color: #F60;
}

/* mod 自动补全
   ========================================================================== */
.autocomplete-wrap {
  position: relative;
  display: inline;
  float: left;
  width: 66%;
  height: 4.7rem;
  line-height: 4.8rem;
  font-size: 1.7rem;
  border: none;
  outline: none;
}

.autocomplete-wrap .auto-show {
  position: absolute;
  left: 0;
  top: 101%;
  padding: 5px 0;
  z-index: 899;
  width: 100%;
  border: 1px solid #d2d2d2;
  max-height: 200px;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}

.autocomplete-wrap .auto-show .auto-item {
  padding: 0 5px;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.autocomplete-wrap .auto-show .auto-item:hover {
  background-color: #018ce2;
  -webkit-transition: .5s all;
  transition: .5s all;
}

.autocomplete-wrap .auto-show .auto-item.on {
  background-color: #018ce2;
  color: #fff;
}

/******
上传图片20191012
 */
.pic-upload-div {
  margin-top: 0.5rem;
}

.pic-upload-div .img-bar-upload {
  float: left;
}

.pic-upload-div .img-bar-upload .img {
  background: #fff;
  float: left;
  width: 130px;
  margin: 0px 10px 10px 0;
  position: relative;
  height: 100px;
  border: 1px dashed #00CAFC;
  border-radius: 8px;
  text-align: center;
}

.pic-upload-div .img-bar-upload .img img {
  width: 130px;
  height: 100px;
  border-radius: 8px;
  object-fit: contain;
}

.pic-upload-div .img-bar-upload .img .close-btn {
  position: absolute;
  right: -6px;
  top: -6px;
  background: url(img/btn-del-x1.png) no-repeat;
  background-size: 15px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.pic-upload-div .upload-btn-wx {
  background: white url(img/btn-upload-add.png) center center no-repeat;
  background-size: 3.1rem 3.1rem;
  display: inline-block;
  float: left;
  width: 132px;
  height: 102px;
  border: 1px dashed #00CAFC;
  border-radius: 8px;
  cursor: pointer;
}

.z-xq-dialog {
  position: fixed;
  top: 30%;
  width: 100%;
  line-height: 5rem;
  display: none;
  z-index: 9999;
}

.z-xq-dialog .z-xq-width {
  z-index: 99;
  border-radius: 0.5rem;
  background: #fff;
  width: 95%;
  margin: 0 auto;
  font-weight: 500;
  text-align: center;
  color: #333;
  padding: 0.5rem 0 0.5rem;
}

.z-xq-dialog .z-xq-width .z-title {
  border-bottom: 1px solid #dddddd;
  line-height: 3rem;
  position: relative;
}

.z-xq-dialog .z-xq-width span {
  text-indent: -9999px;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(img/photo_close.png) 0 0 no-repeat;
  background-size: 2.4rem 2.4rem;
  position: absolute;
  top: -1rem;
  right: 7%;
  cursor: pointer;
}

.z-xq-dialog .z-xq-width .input-txt {
  float: left;
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: 1.7rem;
  border: 1px solid #dddddd;
  width: 60%;
  margin: 0 auto;
  border-radius: 10px;
  padding: 0 1rem;
}

.z-xq-dialog .z-xq-width .btn-blue {
  margin: 0 0 0 3% !important;
  float: left;
  width: 25%;
  height: 3.5rem;
  line-height: 3.5rem;
  padding: 0 !important;
  box-sizing: border-box;
  cursor: pointer;
  color: #fff;
  background: #f90;
  border-radius: 0.5rem;
  font-size: 1.7rem;
  text-align: center;
}

.z-xq-dialog .z-xq-width .autocomplete-wrap {
  position: relative;
  background: #fff;
  width: 100%;
  font-size: 1.7rem;
}

.z-xq-dialog .z-xq-width .autocomplete-wrap .auto-show {
  position: absolute;
  left: 0;
  top: 101%;
  padding: 5px 0;
  z-index: 899;
  width: 100%;
  border: 1px solid #d2d2d2;
  max-height: 160px;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
}

.z-xq-dialog .z-xq-width .autocomplete-wrap .auto-show .auto-item {
  padding: 0 5px;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.z-xq-dialog .z-xq-width .autocomplete-wrap .auto-show .auto-item:hover {
  background-color: #018ce2;
  -webkit-transition: .5s all;
  transition: .5s all;
}

.z-xq-dialog .z-xq-width .autocomplete-wrap .auto-show .auto-item.on {
  background-color: #018ce2;
  color: #fff;
}

.page-gp-house-list {
  position: relative;
  padding-bottom: 3rem;
  min-height: 100vh;
  background: #fff;
  font-weight: 400;
}

.page-gp-house-list .search-bar {
  position: fixed;
  z-index: 999;
  left: 0;
  right: 0;
  padding: 1.3rem 5.6rem 1.3rem 4rem;
  background: #00CAFC;
}

.page-gp-house-list .search-bar .input-wrap {
  position: relative;
  height: 3rem;
  background: #fff url("img/icon-btn-search.png") no-repeat 0.3rem 50%;
  background-size: 1.6rem 1.6rem;
  border: 1px solid #04ABD5;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.16);
  border-radius: 0.6rem;
}

.page-gp-house-list .search-bar .input-wrap .input-txt {
  margin-left: 2.5rem;
  display: block;
  width: calc(100% - 2.5rem);
  height: 3rem;
  background: transparent;
  border: none;
  font-size: 1.4rem;
}

.page-gp-house-list .search-bar .btn-input-close {
  display: block;
  position: absolute;
  right: 1.7rem;
  top: 50%;
  margin-top: -1.3rem;
  width: 2.5rem;
  height: 2.5rem;
  background: url(img/icon-btn-close.png) no-repeat center;
  background-size: cover;
  overflow: hidden;
  text-indent: -99999px;
}

.page-gp-house-list .gp-list {
  padding: 5.8rem 0.6rem 1rem;
}

.page-gp-house-list .gp-list .list-item {
  position: relative;
  padding: 1rem 0;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.page-gp-house-list .gp-list .list-item .item-img {
  width: 12rem;
  height: 10rem;
  background: #eee;
}

.page-gp-house-list .gp-list .list-item .item-img img {
  width: 100%;
  height: 100%;
}

.page-gp-house-list .gp-list .list-item .item-txt {
  margin-left: 1.2rem;
  color: #727272;
  font-size: 1.4rem;
  line-height: 1.5;
}

.page-gp-house-list .gp-list .list-item .item-txt .txt-hd {
  padding-right: 0.5em;
  color: #060606;
  font-size: 1.6rem;
  line-height: 1.2;
}

.page-gp-house-list .gp-list .list-item .item-txt .txt-desc {
  padding-top: 1rem;
  line-height: 1.2;
}

.form ul li.flex {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.form .icon-tip {
  display: inline-block;
  margin-left: 0.5rem;
  width: 2rem;
  height: 2rem;
  text-indent: -9999px;
  background: url(img/what-icon.png) center center no-repeat;
  background-size: 2rem 2rem;
}

.page-businesstype .hd {
  width: 100%;
  height: 8rem;
  text-align: center;
  color: #333;
  font-size: 2.4rem;
  line-height: 8rem;
  font-weight: bold;
}

.page-businesstype .main-con {
  padding: 2rem 1.5rem;
}

.page-businesstype .custom-radio-wrap {
  position: relative;
}

.page-businesstype .custom-radio-wrap .custom-radio {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  background: #fff;
  height: 4rem;
}

.page-businesstype .custom-radio-wrap .custom-radio:first-child {
  margin-top: 0;
}

.page-businesstype .custom-radio-wrap .custom-radio .icon {
  background: transparent;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 0.5rem solid transparent;
  box-shadow: 0 0 0 1px #ddd;
}

.page-businesstype .custom-radio-wrap .custom-radio .txt {
  padding-left: 1rem;
  font-size: 1.6rem;
}

.page-businesstype .custom-radio-wrap .custom-radio.on .icon {
  background: #2586F0;
  border-color: #fff;
  box-shadow: 0 0 0 1px #2586F0;
}

/*百度地图搜索自动补全列表样式*/
.tangram-suggestion-main {
  z-index: 99999;
}

.popup-map-location {
  display: none;
  pointer-events: auto;
  webkit-overflow-scrolling: touch;
  position: fixed;
  z-index: 1986;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  background: #fff;
}

.popup-map-location .popup-btn-close {
  cursor: pointer;
  position: absolute;
  z-index: 9;
  right: 1rem;
  top: 0.5rem;
  width: 4rem;
  height: 4rem;
  background: url(img/icon-btn-close.svg) no-repeat center;
  background-size: 2.2rem 2.2rem;
  overflow: hidden;
  text-indent: -99999px;
}

.popup-map-location .map-container {
  position: absolute;
  z-index: 0;
  top: 5rem;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background-color: #f3f1ec;
  color: black;
  text-align: left;
}

.popup-map-location .popup-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 5rem;
  background: #fff;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.5;
}

.popup-map-location .search-wrap {
  display: flex;
  position: absolute;
  z-index: 2;
  left: 1rem;
  right: 1rem;
  top: 6rem;
}

.popup-map-location .search-wrap .cust-input {
  flex: 1;
  display: block;
  box-sizing: border-box;
  padding-left: 10px;
  width: 100%;
  height: 3.6rem;
  line-height: 3.6rem;
  border-radius: 5px;
  background-color: #f7f9fa;
  border: 1px solid #e6e6e6;
  font-size: 1.4rem;
}

.popup-map-location .search-wrap .cust-input:focus {
  border-color: #3970e3;
}

.popup-map-location .search-wrap .btn-search {
  box-sizing: border-box;
  margin-left: 1rem;
  width: 7rem;
  height: 3.6rem;
  background: #3970e3;
  border: 1px solid #3970e3;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  line-height: 3.6rem;
  border-radius: 5px;
}

.flex {
  display: flex;
}

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

.flex .flex-2 {
  flex: 2;
}

.flex .flex-3 {
  flex: 3;
}

.flex .flex-4 {
  flex: 4;
}

.flex .flex-5 {
  flex: 5;
}

.flex .flex-6 {
  flex: 6;
}

.body-fix-btn {
  padding-bottom: 7.3rem !important;
}

.btn-bar {
  display: flex;
  position: relative;
  background: #fff;
  padding: 1.5rem;
  box-sizing: border-box;
  box-shadow: 0 0 10px #ccc;
}

.btn-bar.mid-edit {
  margin-top: 1rem;
  box-shadow: none;
  padding: 1rem 1.5rem;
}

.btn-bar.mid-edit .btn-item {
  padding: 0.5rem 1.5rem;
}

.btn-bar.flex-y {
  flex-direction: column;
}

.btn-bar.flex-y .btn-item {
  margin: 0;
  margin-top: 1rem;
}

.btn-bar.flex-y .btn-item:first-child {
  margin: 0;
}

.btn-bar.btn-fix {
  position: fixed;
  z-index: 9;
  left: 0;
  right: 0;
  bottom: 0;
}

.btn-bar .btn-item {
  flex: 1;
  box-sizing: border-box;
  margin-left: 1rem;
  padding: 1rem 0;
  width: 100%;
  cursor: pointer;
  color: #fff;
  box-shadow: 0.3rem 0.3rem 0.5rem #cbe2f8;
  background: linear-gradient(to right, #00a2ff, #008aff);
  border-radius: 0.5rem;
  font-size: 1.7rem;
  text-align: center;
}

.btn-bar .btn-item:first-child {
  margin-left: 0;
}

.btn-bar .btn-item.flex-1 {
  flex: 1;
}

.btn-bar .btn-item.flex-2 {
  flex: 2;
}

.btn-bar .btn-item.flex-3 {
  flex: 3;
}

.btn-bar .btn-item.flex-4 {
  flex: 4;
}

.btn-bar .btn-item.yellow {
  background: #ff9900;
  box-shadow: 0.3rem 0.3rem 0.5rem #e9cc9f;
}

.btn-bar .btn-item.red {
  background: #f00;
}

.btn-bar .btn-item.gray {
  background: #fff;
  border: 1px solid #d7d7d7;
  box-shadow: 0.3rem 0.3rem 0.5rem #d7d7d7;
  color: #333;
}

.btn-bar .btn-item.small {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.nav-step {
  display: flex;
  padding: 2rem 0;
  width: 100%;
  background: #fff;
}

.nav-step .step-item {
  flex: 1;
  overflow: hidden;
  text-align: center;
  color: #333;
  font-size: 1.4rem;
}

.nav-step .step-item .icon {
  margin: 0 auto;
  position: relative;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ccc;
  color: #ccc;
  text-align: center;
  font-size: 1.4rem;
  line-height: 3rem;
}

.nav-step .step-item .icon:before, .nav-step .step-item .icon:after {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  width: 50vw;
  height: 2px;
  background: #CECECE;
}

.nav-step .step-item .icon:after {
  left: 100%;
}

.nav-step .step-item:first-child .icon:before {
  content: '';
  width: 0;
  height: 0;
  display: none;
}

.nav-step .step-item:last-child .icon:after {
  content: '';
  width: 0;
  height: 0;
  display: none;
}

.nav-step .step-item .tip {
  padding-top: 1rem;
  line-height: 1;
  color: #999;
}

.nav-step .step-item.on .icon {
  background: #008aff;
  border: 1px solid #008aff;
  color: #008aff;
}

.nav-step .step-item.on .icon::before {
  background: #008aff;
  right: 100%;
}

.nav-step .step-item.on .icon:after {
  background: #008aff;
  left: 100%;
}

.form-cust {
  box-sizing: border-box;
  width: 100%;
  background: #fff;
  color: #333;
  font-size: 1.6rem;
}

.form-cust .form-item {
  display: flex;
  align-items: flex-start;
  position: relative;
  margin: 0 1rem;
  border-bottom: 1px solid #f5f5f5;
}

.form-cust .form-item.flex-y {
  flex-direction: column;
}

.form-cust .form-item .txt-l {
  text-align: left;
}

.form-cust .form-item .txt-c {
  text-align: center;
}

.form-cust .form-item .txt-r {
  text-align: right;
}

.form-cust .form-item .label.red {
  color: inherit;
}

.form-cust .form-item .label.red::after {
  content: '*';
  color: #f00;
}

.form-cust .form-item label {
  padding-right: 0.5em;
  min-width: 3em;
  height: 4.8rem;
  line-height: 4.8rem;
}

.form-cust .form-item label .icon {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background: url(img/icon-form-user.png) no-repeat center;
  background-size: 2rem;
}

.form-cust .form-item label .icon.icon-user {
  background-image: url(img/icon-form-user.png);
}

.form-cust .form-item label .icon.icon-card {
  background-image: url(img/icon-form-card.png);
  background-size: 4rem;
}

.form-cust .form-item label .icon.icon-code {
  background-image: url(img/icon-form-code.png);
  background-size: 2.2rem;
}

.form-cust .form-item label .icon.icon-yzm {
  background-image: url(img/icon-form-yzm.png);
}

.form-cust .form-item label.red {
  color: inherit;
}

.form-cust .form-item label.red::after {
  content: '*';
  color: #f00;
}

.form-cust .form-item label.full {
  width: 100%;
}

.form-cust .form-item label.w4 {
  width: 4em;
}

.form-cust .form-item label.w5 {
  width: 5em;
}

.form-cust .form-item label.w6 {
  width: 6em;
}

.form-cust .form-item label.w7 {
  width: 7em;
}

.form-cust .form-item label.w8 {
  width: 8em;
}

.form-cust .form-item label.w9 {
  width: 9em;
}

.form-cust .form-item label.w10 {
  width: 10em;
}

.form-cust .form-item label .desc {
  display: inline-block;
  padding-left: 1em;
  color: #ff9900;
  font-size: 0.8em;
}

.form-cust .form-item .item-input {
  flex: 1;
}

.form-cust .form-item .item-input.mult-input {
  flex-direction: row;
  align-items: center;
}

.form-cust .form-item .item-input.mult-input .txt {
  display: inline-block;
  padding-left: 0.5em;
}

.form-cust .form-item .item-input input,
.form-cust .form-item .item-input select,
.form-cust .form-item .item-input textarea,
.form-cust .form-item .item-input .mf-input {
  color: #333;
  font-size: 1.6rem;
}

.form-cust .form-item .item-input input.no-pass,
.form-cust .form-item .item-input select.no-pass,
.form-cust .form-item .item-input textarea.no-pass {
  box-sizing: border-box;
  border: 1px solid #f00;
}

.form-cust .form-item .item-input input:disabled,
.form-cust .form-item .item-input select:disabled,
.form-cust .form-item .item-input textarea:disabled {
  background: #eee;
  color: #999;
}

.form-cust .form-item .item-input .mf-input.no-edit {
  display: inline-block;
  width: 100%;
  background: #eee;
  color: #999;
}

.form-cust .form-item .item-input input {
  box-sizing: border-box;
  width: 100%;
  height: 4.8rem;
  line-height: 4.8rem;
  border: none;
  outline: none;
}

.form-cust .form-item .item-input select {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 4.8rem;
  appearance: none;
  border: none;
  background-color: #fff;
}

.form-cust .form-item .item-input textarea {
  margin: 1rem 0;
  padding: 0.5rem;
  width: 100%;
  height: 8rem;
  box-sizing: border-box;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
}

.form-cust .form-item .item-input .mf-input {
  display: inline-block;
  padding: 1.3rem 0;
  line-height: 1.4;
}

.form-cust .form-item .item-append.arrow {
  position: relative;
  width: 2rem;
  height: 4.8rem;
}

.form-cust .form-item .item-append.arrow::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1.2rem;
  height: 1.2rem;
  border: 2px solid #999;
  border-left: none;
  border-bottom: none;
  -webkit-transform: translate(-40%, -50%) rotate(45deg);
  transform: translate(-40%, -50%) rotate(45deg);
}

.form-cust .form-item .item-append.location {
  position: relative;
  width: 2rem;
  height: 4.8rem;
  background: url(img/icon-location.svg) no-repeat center;
  background-size: 1.6rem 2.4rem;
}

.form-cust .form-item .item-append.txt {
  display: inline-block;
  padding-left: 0.5em;
  color: #333;
  font-size: 1.6rem;
  line-height: 4.8rem;
}

.form-cust .form-item .item-imgs {
  padding-bottom: 2rem;
}

.form-cust .form-item .item-imgs .imgs-desc {
  color: #ff9900;
  font-size: 1.4rem;
}

.form-cust.detail .item-input .mf-input {
  width: 100%;
  text-align: right;
  color: #999;
}

.opts-chkbox {
  display: inline-block;
  padding: 0.5rem;
  font-size: 1.6rem;
  line-height: 3.8rem;
}

.opts-chkbox .item-chk {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.6rem;
  line-height: 3.8rem;
  justify-content: flex-start;
  align-items: center;
  padding-right: 0.6rem;
}

.opts-chkbox .item-chk:last-child {
  padding-right: 0;
}

.opts-chkbox .item-chk::before {
  content: '';
  display: inline-block;
  margin-right: 0.3rem;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid #a3a3a3;
  border-radius: 0.6rem;
}

.opts-chkbox .item-chk.on::before {
  content: '';
  display: inline-block;
  border-color: #f90;
  background: url(img/icon-custchk-right.png) no-repeat center;
  background-size: 1.6rem;
}

.opts-chkbox.radio .item-chk {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.6rem;
  line-height: 3.8rem;
  justify-content: flex-start;
  align-items: center;
  padding-right: 0.6rem;
}

.opts-chkbox.radio .item-chk:last-child {
  padding-right: 0;
}

.opts-chkbox.radio .item-chk::before {
  content: '';
  display: inline-block;
  margin-right: 0.3rem;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.5rem solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #a3a3a3;
  box-sizing: border-box;
}

.opts-chkbox.radio .item-chk.on::before {
  content: '';
  display: inline-block;
  border-color: #fff;
  background: #008aff;
}

.cust-dropdown {
  position: relative;
  background: #fff;
}

.cust-dropdown .cust-dropdown-menu {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}

.cust-dropdown .cust-dropdown-menu .cust-dropdown-item {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  height: 3.4rem;
  line-height: 3.4rem;
}

.cust-dropdown .cust-dropdown-menu .cust-dropdown-item .icon {
  position: relative;
  width: 1.6rem;
  height: 3.4rem;
}

.cust-dropdown .cust-dropdown-menu .cust-dropdown-item .icon.angle::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  border: 0.8rem solid transparent;
  border-top-color: #aaa;
  transform: translate(0, -25%);
  transition: all 0.35s ease-in-out;
}

.cust-dropdown .cust-dropdown-menu .cust-dropdown-item .txt {
  margin-right: 0.5rem;
  color: #797979;
  font-size: 1.4rem;
  line-height: 3.4rem;
}

.cust-dropdown .cust-dropdown-menu .cust-dropdown-item.on .txt {
  color: #f90;
  font-weight: bold;
}

.cust-dropdown .cust-dropdown-menu .cust-dropdown-item.on .icon.angle::after {
  content: '';
  transform: translate(0, -75%) rotate(180deg);
  border-top-color: #f90;
}

.cust-popup-mask {
  display: none;
  position: fixed;
  z-index: -1;
  width: 100%;
  left: 0;
  right: 0;
  top: 143px;
  bottom: 0;
  overflow: hidden;
  background: rgba(85, 85, 85, 0.5);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.cust-popup-mask.on {
  display: block;
  z-index: 11;
  opacity: 1;
}

.filter-pnl {
  position: relative;
  z-index: 10;
  background: #fff;
  overflow: hidden;
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out;
}

.filter-pnl.on {
  transform: translateY(0px);
}

.filter-pnl .filter-con {
  padding: 0 1rem;
  min-height: 3em;
  background: #f6f7f8;
}

.filter-pnl .filter-con .choose-list {
  padding-bottom: 1rem;
  color: #797979;
  font-size: 1.4rem;
  line-height: 2rem;
}

.filter-pnl .filter-con .choose-list .choose-item {
  display: inline-block;
  margin-top: 1rem;
  margin-right: 1rem;
  padding: 0.5rem 1rem;
  background: #eee;
  border-radius: 0.5rem;
  min-width: 3em;
  text-align: center;
}

.filter-pnl .filter-con .choose-list .choose-item.blk {
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1rem solid #f9f9f9;
  height: 4rem;
  border-radius: 0;
  text-align: center;
  line-height: 4rem;
}

.filter-pnl .filter-con .choose-list .choose-item.blk:first-child {
  border-top: 1rem solid #f9f9f9;
}

.filter-pnl .filter-con .choose-list .choose-item.on {
  background: #56aaff;
  color: #fff;
}

.filter-pnl .filter-con .choose-list .choose-item-blk {
  border-bottom: 1rem solid #f9f9f9;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
}

.filter-pnl .filter-con .choose-list .choose-item-blk:first-child {
  border-top: 1rem solid #f9f9f9;
}

.filter-pnl .filter-con .choose-list .choose-item-blk.on {
  background: #56aaff;
  color: #fff;
}

.filter-pnl .filter-btns {
  display: flex;
  flex-direction: row;
}

.filter-pnl .filter-btns .btn {
  flex: 1;
  box-sizing: border-box;
  padding: 1rem 0.5rem;
  background: #00a2ff;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  line-height: 2rem;
}

.filter-pnl .filter-btns .btn.plain {
  background: #fff;
  color: #7F7F7F;
}

.page-index {
  background: #fff;
}

.page-index .part-top {
  box-sizing: border-box;
  padding: 1.5rem;
  width: 100%;
  height: 13rem;
  background: url(img/index-top-bg.png) no-repeat bottom right;
}

.page-index .part-top .top-txt {
  margin-top: 4rem;
  color: #7f7f7f;
  font-size: 1.4rem;
}

.page-index .part-top .top-txt .font1 {
  font-size: 2.1rem;
  font-weight: bold;
}

.page-index .part-list {
  margin-top: 2rem;
  padding: 0 1.5rem;
}

.page-index .part-list .list-item {
  display: flex;
  position: relative;
  padding: 1.5rem 2rem 1.5rem 0;
  border-bottom: 1px solid #f5f5f5;
  color: #333;
  font-size: 1.6rem;
}

.page-index .part-list .list-item:first-child {
  border-top: 1px solid #f5f5f5;
}

.page-index .part-list .list-item::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1rem;
  height: 1rem;
  border: 1px solid #bababa;
  border-left: none;
  border-bottom: none;
  -webkit-transform: translate(-40%, -50%) rotate(45deg);
  transform: translate(-40%, -50%) rotate(45deg);
}

.page-onsign-step1 .tips {
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: bold;
}

.page-onsign-step1 .tips .link-yellow {
  display: inline;
  color: #ff9900;
  text-decoration: underline;
}

.page-onsign-step1 .form-wrap {
  margin: 1rem;
  border-radius: 8px;
  background: #fff;
}

.page-onsign-step1 .form {
  margin: 0;
  padding: 1.5rem 2rem;
  box-sizing: border-box;
  width: 100%;
}

.page-onsign-step1 .form .form-row {
  margin-top: 1rem;
}

.page-onsign-step1 .form .form-row:first-child {
  margin-top: 0;
}

.page-onsign-step1 .form-item {
  display: flex;
}

.page-onsign-step1 .form-lbl {
  color: #333;
  font-size: 1.4rem;
}

.page-onsign-step1 .input-txt {
  flex: 1;
  box-sizing: border-box;
  padding: 0 1rem;
  height: 4rem;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  color: #333;
  font-size: 1.3rem;
  line-height: 4rem;
}

.page-onsign-step2 .list-wrap {
  margin: 2rem 1rem;
}

.page-onsign-step2 .list-item {
  position: relative;
  box-sizing: border-box;
  margin-top: 1.5rem;
  padding: 1em;
  background: #fff;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #333;
  font-weight: 400;
}

.page-onsign-step2 .list-item:first-child {
  margin-top: 0;
}

.page-onsign-step2 .list-item.on {
  border: 1px solid #008aff;
}

.page-onsign-step2 .list-item .item-icon {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  box-sizing: border-box;
  background: #fff;
  border: 0.5rem solid #fff;
  box-shadow: 0 0 2px #008aff;
}

.page-onsign-step2 .list-item.on .item-icon {
  background: #008aff;
}

.page-onsign-step2 .list-item .item-row {
  display: flex;
}

.page-onsign-step2 .list-item .item-row .txt-val {
  flex: 1;
}

.page-onsign-step2 .list-item .item-row .txt-name {
  min-width: 5em;
  text-align: right;
  color: #707070;
  font-weight: 400;
  font-size: 1.3rem;
}

.page-onsign-step2 .list-item .item-row .hd {
  color: #03081A;
  font-weight: 400;
  font-size: 1.2em;
}

.page-onsign-step3 .form-part-item .form-item-hd {
  color: #999;
  font-size: 1.6rem;
  padding: 1rem 1rem 0.5rem;
}

.page-onsign-step3 .fold-con {
  height: auto;
  overflow: hidden;
}

.page-onsign-step3 .fold-con.on {
  height: 100px;
}

.page-onsign-step3 .list-btns {
  display: flex;
  flex-direction: row;
  padding: 4px 0;
  width: 100%;
}

.page-onsign-step3 .list-btns .list-btn-item {
  height: 3.6rem;
  border-left: 1px solid #ebedf5;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  background: #fff;
}

.page-onsign-step3 .list-btns .list-btn-item:first-child {
  border-left: none;
}

.page-onsign-step3 .list-btns .list-btn-item.add {
  color: #f90;
}

.page-onsign-step3 .list-btns .list-btn-item.add::before {
  content: '';
  display: inline-block;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
  background: url(img/icon-add.png) no-repeat center;
  background-size: contain;
}

.page-onsign-step3 .list-btns .list-btn-item.look {
  color: #07C060;
}

.page-onsign-step3 .list-btns .list-btn-item.look::before {
  content: '';
  display: inline-block;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
  background: url(img/icon-view.png) no-repeat center;
  background-size: contain;
}

.page-onsign-step3 .list-btns .list-btn-item.edit {
  color: #00A2FF;
}

.page-onsign-step3 .list-btns .list-btn-item.edit::before {
  content: '';
  display: inline-block;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
  background: url(img/icon-edit.png) no-repeat center;
  background-size: contain;
}

.page-onsign-step3 .list-btns .list-btn-item.del {
  color: #dd524d;
}

.page-onsign-step3 .list-btns .list-btn-item.del::before {
  content: '';
  display: inline-block;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
  background: url(img/icon-del.png) no-repeat center;
  background-size: contain;
}

.page-onsign-step3 .list-btns .list-btn-item.fold {
  color: #07C060;
}

.page-onsign-step3 .list-btns .list-btn-item.fold::before {
  content: '';
  display: inline-block;
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
  background: url(img/icon-fold.png) no-repeat center;
  background-size: contain;
}

.page-onsign-step3 .list-btns .list-btn-item.fold::after {
  content: '收起';
  font-size: inherit;
  color: inherit;
}

.page-onsign-step3 .list-btns .list-btn-item.fold.on::before {
  content: '';
  display: inline-block;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.page-onsign-step3 .list-btns .list-btn-item.fold.on::after {
  content: '展开';
  font-size: inherit;
  color: inherit;
}

.page-onsign-step3 .subpart-item {
  border-top: 1rem solid #f2f2f2;
}

.page-onsign-step3 .subpart-item:first-child {
  border-top: none;
}

.page-onsign-step3 .other-con {
  background: #fff;
  text-align: center;
  color: #008aff;
}

.page-onsign-step3 .other-con a {
  display: block;
  padding: 1rem 0;
  background: #fff;
  color: #008aff;
}

.page-onsign-step3 .desc {
  padding: 1rem 0;
  text-align: center;
}

.page-onsign-step3 .dialog-desc {
  text-align: justify;
  font-size: 1.4rem;
}

.page-onsign-step3 .dialog-desc .bold {
  font-weight: bold;
}

.page-onsign-step3 .radio.spe {
  display: flex;
  justify-content: space-around;
}

.page-onsign-step3 .weui-btn_primary {
  box-shadow: 0.3rem 0.3rem 0.5rem #cbe2f8;
  background: linear-gradient(to right, #00a2ff, #008aff);
}

.page-onsign-step3 .weui-popup__container .close-btn {
  display: none !important;
}

.page-result-query {
  min-height: 100vh;
  background: #fff;
}

.page-result-query .btn-bar {
  box-shadow: none;
}

.page-result-query .result-wrap {
  margin-top: 2rem;
}

.page-result-query .result-wrap .icon {
  margin: 5rem auto 1.5rem;
  width: 10rem;
  height: 10rem;
  background: url("img/icon-flag-success.svg") no-repeat center;
  background-size: contain;
}

.page-result-query .result-wrap .icon.fail {
  background-image: url("img/icon-flag-fail.png");
}

.page-result-query .result-wrap .icon.reset {
  background-image: url("img/icon-flag-gray.png");
}

.page-result-query .result-wrap .info {
  margin: 1.5rem auto;
  text-align: center;
  color: #03081A;
  font-size: 1.7rem;
}

.page-result-query .result-wrap .info i {
  color: #ff4060;
}

.page-result-query .result-wrap .info .hd1 {
  color: #333;
  font-size: 2rem;
  font-weight: bold;
}

.page-result-query .result-wrap .info .hd2 {
  color: #333;
  font-size: 1.8rem;
  font-weight: bold;
}

.page-result-query .result-wrap .ewm {
  margin: 10px auto;
  width: 150px;
  height: 150px;
  overflow: hidden;
}

.page-result-query .result-wrap .ewm img {
  width: 150px;
  height: 150px;
}

.page-result-query .result-wrap .ewm.big {
  width: 250px;
  height: 250px;
}

.page-result-query .result-wrap .ewm.big img {
  width: 250px;
  height: 250px;
}

.page-result-query .result-wrap .list-policy {
  padding: 0.5rem 2rem;
  font-size: 1.6rem;
}

.page-result-query .result-wrap .list-policy dt {
  text-align: left;
  font-size: 1.8rem;
  color: #03081A;
  font-size: 1.6rem;
}

.page-result-query .result-wrap .list-policy dd {
  padding: 0.5rem 0;
  line-height: 1.6;
  font-size: 1.6rem;
  color: #acaeb9;
}

.page-result-query .result-wrap .list-policy dd:first-child {
  border-top: 1px solid #E6E8EA;
}

.page-result-query .result-wrap .txt-tip {
  text-align: center;
  margin: 2rem auto;
  padding: 0 1em;
  font-size: 1.6rem;
  color: #000;
}

.page-result-query .result-wrap .txt-tip i {
  color: #00D9B5;
}

.page-result-query .tbl-con {
  position: relative;
  padding: 2rem 1.2rem;
}

.page-result-query .tbl-con .tbl-top-txt {
  padding: 0.5rem 0;
  font-size: 1.5rem;
  line-height: 1.5;
}

.page-result-query .tbl-con table.tbl-custom-01 {
  font-size: 1.5rem;
}

.page-result-query .tbl-con table.tbl-custom-01 th, .page-result-query .tbl-con table.tbl-custom-01 td {
  padding: 0.5em;
  border: 1px solid #E6E8EA;
  line-height: 1.2;
}

.page-result-query .tbl-con table.tbl-custom-01 th {
  background: #ccc;
}

.page-result-query .tbl-con table.tbl-custom-01 th.w7 {
  width: 7em;
}

.page-house-list {
  position: relative;
  padding-bottom: 3rem;
  min-height: 100vh;
  background: #fff;
  font-weight: 400;
}

.page-house-list .search-bar {
  position: fixed;
  z-index: 999;
  left: 0;
  right: 0;
  top: 5rem;
  box-sizing: border-box;
  height: 5rem;
  background: #fff;
}

.page-house-list .search-bar .input-wrap {
  display: flex;
  position: relative;
  margin: 0.5rem 1rem;
  height: 4rem;
  border: 1px solid #ebebeb;
  border-radius: 0.5rem;
  overflow: hidden;
}

.page-house-list .search-bar .input-txt {
  flex: 1;
  display: block;
  width: 100%;
  height: 4rem;
  background: transparent;
  border: none;
  font-size: 1.4rem;
  line-height: 4rem;
}

.page-house-list .search-bar .btn-input-search {
  width: 4rem;
  height: 4rem;
  background: #fff url("img/icon-btn-search.svg") no-repeat center;
  background-size: 2rem 2rem;
  overflow: hidden;
  text-indent: -99999px;
}

.page-house-list .search-bar .btn-input-close {
  display: block;
  width: 4rem;
  height: 4rem;
  background: #fff url(img/icon-btn-close-circle.svg) no-repeat center;
  background-size: 2.5rem 2.5rem;
  overflow: hidden;
  text-indent: -99999px;
}

.page-house-list .mult-filter-wrap {
  position: fixed;
  z-index: 999;
  left: 0;
  right: 0;
  top: 10rem;
}

.page-house-list .gp-list {
  padding: 14.5rem 0.6rem 1rem;
}

.page-house-list .gp-list .list-item {
  position: relative;
  padding: 1rem 0;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.page-house-list .gp-list .list-item .item-img {
  min-width: 12rem;
  width: 12rem;
  height: 10rem;
  background: #eee;
}

.page-house-list .gp-list .list-item .item-img img {
  width: 100%;
  height: 100%;
}

.page-house-list .gp-list .list-item .item-txt {
  margin-left: 1.2rem;
  color: #727272;
  font-size: 1.4rem;
  line-height: 1.5;
}

.page-house-list .gp-list .list-item .item-txt .txt-hd {
  padding-right: 0.5em;
  color: #060606;
  font-size: 1.6rem;
  line-height: 1.2;
}

.page-house-list .gp-list .list-item .item-txt .txt-desc {
  padding-top: 0.4rem;
  line-height: 1.2;
}

.page-house-list .tag-bar {
  position: fixed;
  z-index: 999;
  left: 0;
  right: 0;
  box-sizing: border-box;
  height: 5rem;
  background: #fff;
  border-bottom: 0.8rem solid #ffff;
  display: flex;
}

.page-house-list .tag-bar .tag-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid #fff;
  text-align: center;
  color: #000;
  font-size: 1.6rem;
  font-weight: bold;
  cursor: pointer;
}

.page-house-list .tag-bar .tag-item.on {
  border-bottom-color: #409eff;
  color: #409eff;
}

.pdfview-wrap {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
}

.pdfview-wrap .btn-close {
  position: absolute;
  z-index: 999999;
  right: 20px;
  top: 90px;
  width: 66px;
  height: 36px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
  font-size: 16px;
  line-height: 36px;
  color: #000;
  font-weight: bold;
}

.pdfview-wrap .img-wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-onsign-step4 {
  position: relative;
  background: #fff;
}

.page-onsign-step4 .midcon {
  padding: 1.5rem;
}

.page-onsign-step4 .item-hd {
  color: #666;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: bold;
}

.page-onsign-step4 .item-con {
  padding: 0.5rem 0;
  color: #999;
  font-size: 1.4rem;
}

.page-onsign-step4 .dialog-desc {
  font-size: 1.4rem;
  text-align: left;
}

.page-onsign-step4 .dialog-tips {
  text-align: justify;
  font-size: 1.4rem;
  line-height: 1.5;
}

.page-onsign-step4 .dialog-tips .red {
  color: #f00;
}

.page-onsign-step4 .dialog-tips .blue {
  color: #008aff;
}

.page-onsign-step4 .dialog-tips .qrcode {
  text-align: center;
}

.page-onsign-step4 .dialog-tips .qrcode img {
  vertical-align: middle;
  width: 160px;
  height: auto;
}

.page-signfile {
  background: #fff;
}

.page-signfile .tips-warn {
  color: #f00;
  font-size: 12px;
}

.page-signfile .doc {
  display: block;
  padding: 1em 0;
  color: #008aff;
  font-size: 14px;
}

.page-contract-query {
  background: #fff;
  min-height: 100%;
}

.page-contract-query .btn-bar {
  box-shadow: none;
  padding: 1.5rem 1rem;
}

.page-contract-query .form-cust .form-item {
  align-items: center;
}

.page-contract-query .form-cust .yzm-wrap {
  width: 8rem;
  height: 3.6rem;
}

.page-contract-query .form-cust .yzm-wrap img {
  width: 8rem;
  height: 3.6rem;
}

.page-contract-result {
  min-height: 100%;
}

.page-contract-result .btn-bar {
  box-shadow: none;
  background: transparent;
}

.page-contract-result .detail-list {
  padding: 1.5rem;
}

.page-contract-result .detail-list .detail-item {
  background: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
}

.page-contract-result .detail-list .detail-item .detail-item-hd {
  padding: 1rem 1.5rem;
  position: relative;
  border: 1px solid #eee;
}

.page-contract-result .detail-list .detail-item .detail-item-hd .icon {
  display: inline-block;
  margin-right: 0.5rem;
  width: 2.6rem;
  height: 3rem;
  background: url(img/icon-result-hd.png) no-repeat center;
  background-size: cover;
}

.page-contract-result .detail-list .detail-item .detail-item-con {
  padding: 1.5rem;
}

.page-contract-result .detail-list .detail-item .detail-subitem {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0.5rem 0;
}

.page-contract-result .detail-list .detail-item .detail-subitem .detail-item-name {
  min-width: 2em;
  color: #999;
}

.page-contract-result .detail-list .detail-item .detail-subitem .detail-item-name.w3 {
  width: 3em;
}

.page-contract-result .detail-list .detail-item .detail-subitem .detail-item-name.w4 {
  width: 4em;
}

.page-contract-result .detail-list .detail-item .detail-subitem .detail-item-name.w5 {
  width: 5em;
}

.page-contract-result .detail-list .detail-item .detail-subitem .detail-item-name.w6 {
  width: 6em;
}

.page-contract-result .detail-list .detail-item .detail-subitem .detail-item-name.w7 {
  width: 7em;
}

.page-contract-result .detail-list .detail-item .detail-subitem .detail-item-name.w8 {
  width: 8em;
}

.page-contract-result .detail-list .detail-item .detail-subitem .detail-item-name.w9 {
  width: 9em;
}

.page-contract-result .detail-list .detail-item .detail-subitem .detail-item-name.w10 {
  width: 10em;
}

.page-contract-result .detail-list .detail-item .detail-subitem .detail-item-name.w11 {
  width: 3em;
}

.page-contract-result .detail-list .detail-item .detail-subitem .detail-item-val {
  flex: 1;
}

.page-gp-manage-list {
  position: relative;
  min-height: 100vh;
  background: #f9f9f9;
}

.page-gp-manage-list .tp-hd {
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  height: 5rem;
  background: #fff;
  text-align: center;
  color: #333;
  font-size: 2rem;
  line-height: 5rem;
  font-weight: bold;
}

.page-gp-manage-list .con-list {
  padding: 6.5rem 1rem 0;
}

.page-gp-manage-list .con-list .flex-1 {
  flex: 1;
}

.page-gp-manage-list .con-list .list-item {
  position: relative;
  margin-bottom: 1.5rem;
  background: #fff;
  border: 1px solid #f2f2f2;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.5;
}

.page-gp-manage-list .con-list .list-item .tag {
  position: absolute;
  right: 1rem;
  top: 1rem;
  box-sizing: border-box;
  width: 7rem;
  height: 2.4rem;
  border: 1px solid #eee;
  border-radius: 1.2rem;
  text-align: center;
  color: #333;
  font-size: 1.3rem;
  line-height: 2.4rem;
}

.page-gp-manage-list .con-list .list-item .tag.up {
  border-color: #409EFF;
  color: #409EFF;
}

.page-gp-manage-list .con-list .list-item .tag.down {
  border-color: #F56C6C;
  color: #F56C6C;
}

.page-gp-manage-list .con-list .list-item .sinple-row {
  position: relative;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.page-gp-manage-list .con-list .list-item .hd {
  padding-right: 7rem;
  color: #000;
  font-size: 1.3em;
  font-weight: bold;
}

.page-gp-manage-list .con-list .list-item .row-con {
  padding: 1.5rem;
}

.page-gp-manage-list .con-list .list-item .row {
  display: flex;
}

.page-gp-manage-list .con-list .list-item .row .txt-name.w5 {
  min-width: 5em;
}

.page-gp-manage-list .con-list .list-item .row .txt-name::after {
  content: '：';
  display: inline;
  font-size: inherit;
}

.page-gp-manage-list .con-list .list-item .row .txt-val {
  flex: 1;
  position: relative;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.page-gp-manage-list .con-list .list-item .row-btn-bar {
  display: flex;
  border-top: 1px solid #f2f2f2;
}

.page-gp-manage-list .con-list .list-item .row-btn-bar .row-btn {
  flex: 1;
  border-left: 1px solid #f2f2f2;
  height: 4rem;
  text-align: center;
  color: #333;
  font-size: 1.6rem;
  line-height: 4rem;
  font-weight: bold;
  cursor: pointer;
}

.page-gp-manage-list .con-list .list-item .row-btn-bar .row-btn.yellow {
  color: #F59A23;
}

.page-gp-manage-list .con-list .list-item .row-btn-bar .row-btn.blue {
  color: #00A2FF;
}

.page-gp-manage-list .con-list .list-item .row-btn-bar .row-btn.red {
  color: #D9001B;
}

.page-full-house-detail {
  min-height: 100vh;
  background: #fff;
}

.page-full-house-detail .flex-1 {
  flex: 1;
}

.page-full-house-detail .top-swiper {
  position: relative;
  width: 100%;
  height: 250px;
}

.page-full-house-detail .top-swiper .swiper-container {
  position: relative;
  height: 100%;
}

.page-full-house-detail .top-swiper img {
  height: 250px !important;
}

.page-full-house-detail .con-part {
  padding: 10px;
  color: #000;
  font-size: 14px;
  line-height: 1.5;
}

.page-full-house-detail .con-part.bt-line {
  border-bottom: 2px solid #f2f2f2;
}

.page-full-house-detail .con-part .con-top .type-price {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

.page-full-house-detail .con-part .con-top .icon-type {
  display: inline-block;
  box-sizing: border-box;
  margin-left: 10px;
  width: 70px;
  height: 26px;
  background: #fff;
  border-radius: 13px;
  text-align: center;
  color: #333;
  font-size: 13px;
  line-height: 26px;
}

.page-full-house-detail .con-part .con-top .icon-type:first-child {
  margin-left: 0;
}

.page-full-house-detail .con-part .con-top .icon-type.sale {
  background: #f59a23;
  color: #fff;
}

.page-full-house-detail .con-part .con-top .icon-type.rent {
  background: #19be6b;
  color: #fff;
}

.page-full-house-detail .con-part .con-top .icon-type.person {
  background: #409eff;
  color: #fff;
}

.page-full-house-detail .con-part .con-top .price {
  color: #F59A23;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
}

.page-full-house-detail .con-part .con-hd {
  height: 30px;
  text-align: center;
  color: #000;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
}

.page-full-house-detail .con-part .con-hd.spe {
  padding-top: 10px;
  text-align: left;
  height: auto;
  line-height: 1.5;
}

.page-full-house-detail .con-part .row {
  position: relative;
  display: flex;
}

.page-full-house-detail .con-part .row .icon-erm {
  position: absolute;
  right: 0;
  top: 2px;
  display: flex;
}

.page-full-house-detail .con-part .row .icon-erm::before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background: url(img/icon-erm.svg) no-repeat center;
}

.page-full-house-detail .con-part .row .icon-erm::after {
  content: '';
  display: block;
  margin-left: 3px;
  width: 12px;
  height: 16px;
  background: url(img/icon-arrow.svg) no-repeat center;
}

.page-full-house-detail .con-part .row .txt-name.w5 {
  min-width: 5em;
}

.page-full-house-detail .con-part .row .txt-name::after {
  content: '：';
  display: inline;
  font-size: inherit;
}

.page-full-house-detail .con-part .row .txt-val {
  flex: 1;
  position: relative;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.page-login {
  min-height: 100vh;
  background: #fff;
}

.page-login .top-bg {
  width: 100%;
  height: 12rem;
  background: url(img/login-top-fullbg.png) no-repeat center;
  background-size: cover;
}

.page-login .btn-code {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10rem;
  height: 4rem;
  text-align: center;
  color: #02A7F0;
  font-size: 1.6rem;
  line-height: 4rem;
}

.page-login .btn-code.gray {
  color: #666;
}

.page-login .tips {
  text-align: center;
  color: #F59A23;
  font-size: 1.2rem;
}

.page-login .form-wrap {
  margin: 1rem;
  border-radius: 8px;
  background: #fff;
}

.page-login .form {
  margin: 0;
  padding: 1.5rem 2rem;
  box-sizing: border-box;
  width: 100%;
}

.page-login .form .form-row {
  margin-top: 1rem;
  position: relative;
}

.page-login .form .form-row:first-child {
  margin-top: 0;
}

.page-login .form-item {
  display: flex;
}

.page-login .form-lbl {
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
}

.page-login .input-txt {
  flex: 1;
  box-sizing: border-box;
  padding: 0 1rem;
  height: 4rem;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  color: #333;
  font-size: 1.6rem;
  line-height: 4rem;
}

.page-face {
  position: relative;
}

.page-face .desc {
  padding: 2rem 0;
  text-align: center;
  color: #666;
  font-size: 1.6rem;
}

.page-face .face-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 2rem;
  height: 34rem;
  border-radius: 1rem;
  background: #fff;
}

.page-face .face-wrap .face-head {
  width: 19rem;
  height: 19rem;
  border-radius: 50%;
  background: url("img/face-head.png") no-repeat center;
  background-size: cover;
}

.page-face .btn-bar {
  background: transparent;
  box-shadow: none;
}

.page-face-info {
  position: relative;
}

.page-face-info .face-step {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4.4rem;
  border: 1px solid #ccc;
  border-left: none;
  border-right: none;
}

.page-face-info .face-step .face-item {
  flex: 1;
  text-align: center;
  color: #666;
  font-size: 1.6rem;
}

.page-face-info .face-step .face-item.on {
  color: #008aff;
}

.page-face-info .face-step .face-arrow {
  width: 2.6rem;
  height: 2.6rem;
  background: url("./img/icon-arrow-face.png") no-repeat center;
  background-size: cover;
}

.page-face-info .btn-bar {
  flex-direction: column;
  background: transparent;
  box-shadow: none;
}

.page-face-info .btn-bar .btn-item {
  margin: 0 auto;
}

.page-face-info .notice-wrap {
  display: flex;
  padding: 1rem 0;
  color: #666;
  font-size: 1.5rem;
}

.page-face-info .notice-wrap a {
  display: inline;
  color: #008aff;
}

.page-face-info .notice-wrap .btn-notice {
  margin-right: 1rem;
  margin-top: 0.3rem;
  position: relative;
  min-width: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  border: 1px solid #666;
}

.page-face-info .notice-wrap .btn-notice.on {
  border-color: #008aff;
}

.page-face-info .notice-wrap .btn-notice.on::before {
  content: '';
  display: block;
  position: absolute;
  left: 0.3rem;
  top: 0.4rem;
  width: 0.9rem;
  height: 0.4rem;
  border: 1px solid #008aff;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.page-face-info .notice-desc {
  padding-top: 1rem;
  text-align: center;
  color: #666;
  font-size: 1.5rem;
}

.page-face-info .notice-desc .spe {
  position: relative;
  color: #000;
  font-size: 1.7rem;
}

.page-face-info .notice-desc .spe::before {
  content: '';
  display: block;
  position: absolute;
  left: 2.8em;
  top: 0.62em;
  width: 1.2rem;
  height: 0.6rem;
  border: 1px solid #f00;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}

.page-user-notice p {
  text-align: justify;
  text-indent: 2em;
}

.page-user-notice .main-con {
  padding: 0.5em;
  color: #666;
  font-size: 1.4rem;
  line-height: 1.5;
}

.page-user-notice .txt-l {
  text-align: left;
}

.page-user-notice .txt-c {
  text-align: center;
}

.page-user-notice .txt-r {
  text-align: right;
}

.page-user-notice .bold {
  font-weight: bold;
  color: #000;
}

.page-user-notice .h1 {
  padding: 0.5em 0;
  color: #000;
  font-size: 2rem;
  font-weight: bold;
}

.page-house-ermdetail {
  padding-top: 20px;
  background: #fff;
  min-height: 100vh;
  box-sizing: border-box;
}

.page-house-ermdetail .flex-1 {
  flex: 1;
}

.page-house-ermdetail .flex-2 {
  flex: 2;
}

.page-house-ermdetail .row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.page-house-ermdetail .part-item {
  margin: 30px 1em 0;
}

.page-house-ermdetail .part-item:first-child {
  margin-top: 0px;
}

.page-house-ermdetail .part-item .txt-item {
  display: flex;
  padding: 5px 0;
  color: #000;
  font-size: 14px;
  line-height: 1.2;
}

.page-house-ermdetail .part-item .txt-item .name {
  min-width: 5em;
}

.page-house-ermdetail .part-item .txt-item .name.w6 {
  min-width: 6em;
}

.page-house-ermdetail .part-item .txt-item .val {
  color: #7f7f7f;
}

.page-house-ermdetail .part-item .txt-item .val.red {
  color: #d9001b;
}

.page-house-ermdetail .part-item .part-hd {
  padding: 5px 0;
  color: #000;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
}

.page-house-ermdetail .part-item .part-hd.big {
  font-size: 28px;
}

.page-house-ermdetail .part-item .part-hd-desc {
  border-bottom: 1px solid #eee;
}

.page-house-ermdetail .part-item .part-con {
  padding: 1em 0;
}

.dialog-erm {
  display: none;
  position: fixed;
  z-index: 100001;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 380px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.dialog-erm img {
  display: block;
  margin: 40px auto;
  width: 300px;
  height: 300px;
}

.dialog-erm .btn-close {
  position: absolute;
  left: 20px;
  top: -100px;
  color: #fff;
  font-size: 50px;
  line-height: 1;
}

.container-tips-box-txt {
  margin: 0 auto;
  width: 15rem;
  top: 23rem;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.2rem;
  text-align: center;
}

.container-tips-box-item.bg-data {
  width: 12rem;
  height: 12rem;
  background: url(img/withoutData-ico.png) center center no-repeat;
  background-size: 12rem 12rem;
  margin:0 auto;
}