/* === Modals === */
.modal-overlay,
.preloader-indicator-overlay,
.popup-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10600;
  visibility: hidden;
  opacity: 0;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  z-index:999998; position:fixed;
}
.modal-overlay.modal-overlay-visible,
.preloader-indicator-overlay.modal-overlay-visible,
.popup-overlay.modal-overlay-visible {
  visibility: visible;
  opacity: 1;
}
.popup-overlay {
  z-index: 10200;
}
.modal {
  width: 300px;
  position: absolute;
  z-index: 11000;
  left: 46%;
  margin-left: -135px;
  margin-top: 0;
  top: 36%;
  text-align: center;
  border-radius: 7px;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0) scale(1.185);
  transform: translate3d(0, 0, 0) scale(1.185);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  color: #000;
  display: block; margin-top: -62px; position:fixed;
  margin-top: -62px;z-index:999999;
}
.selfmodal{min-width:270px!important;width:90%!important;background: #fff;}
.selfmodal .modal-inner,.selfmodal .modal-button{background: #fff!important;}
.modal.modal-in {
  opacity: 1;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
.modal.modal-out {
  opacity: 0;
  z-index: 10999;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transform: translate3d(0, 0, 0) scale(0.815);
  transform: translate3d(0, 0, 0) scale(0.815);
}
.modal-inner {
  padding: 15px;
  border-radius: 7px 7px 0 0;
  position: relative;
  background: #fff;
}
.modal-inner:after {
  height: 0;
  /*content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #b5b5b5;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;*/
}
html.ios-gt-6.pixel-ratio-2 .modal-inner:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html.ios-gt-6.pixel-ratio-3 .modal-inner:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.modal-title {
  font-weight: 100;
  font-size: .2rem;
  text-align: center;
  padding: 0.04rem;
  padding-top: 0;
}
.modal-title:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: auto;
  right: auto;
  top: 0.5rem;
  height: 1px;
  width: 100%;
  background-color: #EFEFEF;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
} 
.modal-title + .modal-text {
  margin-top: 28px;
  font-size: .16rem;
}
.modal-buttons {
  height: 44px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: .15rem;
  background-color: #fff;
  border-radius: 0 0 7px 7px;
}
.modal-buttons.modal-buttons-vertical {
  display: block;
  height: auto;
}
.modal-button {
  width: 100%;
  padding: 0 5px;
  height: 44px;
  font-size: 17px;
  line-height: 44px;
  text-align: center;
  color: #333;
  
  display: block;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  border-radius: 7px;
  background-color: #f5f5f5;
  border: 1px solid #bbb;
}
.modal-button:after {
  content: '';
  position: relative;
  right: auto;
  top: auto;
  left: auto;
  bottom: auto;
  width: 0;
  height: 100%;
  background-color: #b5b5b5;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
html.ios-gt-6.pixel-ratio-2 .modal-button:after {
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
html.ios-gt-6.pixel-ratio-3 .modal-button:after {
  -webkit-transform: scaleX(0.33);
  transform: scaleX(0.33);
}
.modal-button:first-child {
  border-radius:7px;
    margin-right: 5px;
    
}
.modal-button:last-child {
  border-radius: 7px;
  margin-left: 5px;
}
.modal-button:last-child:after {
  display: none;
}
.modal-button:first-child:last-child {
  border-radius: 7px;
}
.modal-button.modal-button-bold {
  font-weight: 500;
}
html:not(.watch-active-state) .modal-button:active,
.modal-button.active-state {
  background: #d4d4d4;
}
.modal-buttons-vertical .modal-button {
  border-radius: 0;
}
.modal-buttons-vertical .modal-button:after {
  display: none;
}
.modal-buttons-vertical .modal-button:before {
  display: none;
}
.modal-buttons-vertical .modal-button:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #b5b5b5;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
html.ios-gt-6.pixel-ratio-2 .modal-buttons-vertical .modal-button:after {
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
html.ios-gt-6.pixel-ratio-3 .modal-buttons-vertical .modal-button:after {
  -webkit-transform: scaleY(0.33);
  transform: scaleY(0.33);
}
.modal-buttons-vertical .modal-button:last-child {
  border-radius: 0 0 7px 7px;
}
.modal-buttons-vertical .modal-button:last-child:after {
  display: none;
}
.modal-no-buttons .modal-inner {
  border-radius: 7px;
}
.modal-no-buttons .modal-inner:after {
  display: none;
}
.modal-no-buttons .modal-buttons {
  display: none;
}

.clr{clear:both;}
.modal-price{ margin-top: -180px;}
.modal-close-icon{width:0.24rem; height:0.24rem; line-height:0.24rem; cursor:pointer; font-size:0.24rem;
	background:#fe8e04; border:1px #fff solid; position:absolute; right:-0.10rem; top:-0.10rem; 
	z-index:9999; color:#fff; border-radius:50%;}
.inner-html{background:#fff; border-radius:5px;}
.inner-title{width:100%; font-size:0.2rem;padding:10px 0px 10px; text-align:center; border-bottom:1px #eee solid;}
.inner-content{padding:10px 15px;}
.modal-row{width:100%; padding:8px 0px 10px;}
.modal-row th{text-align:left; font-size:0.15rem; font-weight:normal;}
.modal-row td{text-align:left; padding:0.02rem 0;}
.yj_price{padding:0.06rem 2% 0.06rem 4%; width:90%; float:right; font-weight:normal; font-size:0.2rem; font-family:"宋体"; border:1px #dcdcdc solid;}
.yj_house_price{ border-radius:2px;}
.yj_broker_price{ border-radius:2px;}
.price_unit{position:absolute; z-index:999999; font-size:0.15rem; color:#ddd; right:8%;}
.price_unit_house{top:25%;}
.price_unit_broker{top:40%;}
.sk_money{color:#fe8e04; font-weight:bold; font-size:.2rem;}
.yj_submit{background:#47d9bf; padding:10px 0px 10px; border:0px; width:100%; float:left; border-radius:5px; font-size:0.15rem; color:#fff; text-align:center;}
.error-container{color:red; font-size:0.12rem; text-align:center; padding:4px 0px 0px;}

.modal-realhouse .inner-html{ padding:20px;}
.modal-realhouse .inner-html h3{ font-size:14px;}
.real_house_icon{ text-align:center;}