*{padding: 0; margin: 0;}
img{ width: 100%; height: auto;}
a{ text-decoration: none;}
li,ul{list-style: none;}
.tl{ text-align: left;}
.border_t_eee{border-top: solid 1px #eee;}
.border_b_eee{border-bottom: solid 1px #eee;}
.mb50{ margin-bottom: 0.66rem;}
.flex_box{ 
display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
display: -moz-box; /* 老版本语法: Firefox (buggy) */
display: -ms-flexbox; /* 混合版本语法: IE 10 */
display: -webkit-flex; /* 新版本语法: Chrome 21+ */
display: flex;
}
.flex1{ flex: 1;-webkit-flex: 1;}
.ng-cloak{display:none;}  
.text_overflow{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pt0{padding-top: 0 !important;}
.content_box{ width: 100%; padding-bottom: 1.6rem; display: inline-block;}
.zry_info_name .link:after
,.map_box .name_box span:before
,.zry_hx_box .hx_more span:after
,.zry_hx_box.on_hide .hx_more span:after
,.header .back:after
, .layui-layer-setwin a
,.icon_clear
,.banner .banner_phone{ background-image: url(../images/zry_icon.png?2); background-repeat: no-repeat; background-size: 10rem auto;}

.org{ color: #FFA000;}

.share {position: absolute;left: -300px;top: -300px;width: 300px;height: 300px;}
/*头*/
.header{ width: 100%; height: 1.17rem; background: transparent; border-bottom: none; color: #111; text-align: center; position: fixed; left: 0; top: 0; z-index: 999;}
.header h1{ width: 100%; height: 1.17rem; line-height: 1.17rem; text-align: center; font-size: 0.48rem; opacity: 0; position: relative; z-index: 1;}
.header_home{ width: 100%; height: 1.17rem; background: #fff; border-bottom: solid 1px #d1d1d1; color: #111; text-align: center; position: fixed; left: 0; top: 0; z-index: 999;}
.header_home h1{opacity: 1;}
.header a,.header i{ display: inline-block; width: 1.17rem; height: 1.17rem; position: absolute; top: 0; z-index: 3;}
.header .back{ left: 0.53rem;}
.header .back:after{ content: ""; width: 0.64rem; height: 0.64rem; background-position: 0 -1rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.header .quanjing{ right: 0; width: auto; padding: 0 0.53rem; font-size: 0.37rem;color: #FFFFFF;letter-spacing: 0;line-height: 1.17rem;}
/*滚动过轮播图后*/
.header.white_show{background: #fff; border-bottom: solid 1px #d1d1d1; color: #111;}
.header.white_show h1{ opacity: 1;}
.header.white_show a.back:after{ background-position: 0 -2rem;}
.header.white_show a.quanjing{ color: #666;}

.banner{ position: relative;}
.banner .numBox{ padding: 0 0.24rem; height: 0.58rem; line-height: 0.58rem; background: rgba(0,0,0,0.5); border-radius: 0.29rem; position: absolute; right: 0.32rem; bottom: 0.32rem; z-index: 10;font-size: 0.32rem;color: #FFFFFF;letter-spacing: 0;}
.banner .banner_slick{ position: relative; z-index: 5;}
.banner .banner_phone{ display: inline-block; width: 1.1rem; height: 1.1rem; background-position: -7rem 0; position: absolute; top: 0.32rem; right: 0.32rem; z-index: 10;}
/*尾*/
.bottom_nav{ width: 100%; height: 1.6rem; position: fixed; left: 0; bottom: 0; z-index: 9; background: url(../images/downloadapp.png) no-repeat ; background-size: 100% auto; border-top: solid 1px #eee; /*box-shadow: 0 0px 3px 0px rgba(0,0,0,0.1);*/}

/*尾-约看*/
.bottom_nav2{ width: 100%; height: 1.28rem; background: #fff; color: #fff; text-align: center; position: fixed; left: 0; bottom: 0; z-index: 9;}
.bottom_nav2 .submitBtn{display: inline-block; width: 100%; height: 1.28rem; line-height: 1.28rem;background: #FFA000; color: #fff; text-align: center; font-size: 0.42rem; border: none; appearance: none; -webkit-appearance: none;}
.bottom_nav2 .submitBtn.disable{ background: #ddd;}

/*寓详情*/
.zry_info_content{ padding:0 0.48rem; position: relative;}
.zry_info_name{ padding: 0.64rem 0; position: relative;}
.zry_info_name h3{font-size: 0.58rem;color: #444444;letter-spacing: 0;line-height: 0.58rem; margin-bottom: 0.32rem;}
.zry_info_name h4{font-size: 0.48rem;color: #444444;letter-spacing: 0;line-height: 0.48rem;}
.zry_info_name p{font-size: 0.37rem;color: #444444;letter-spacing: 0;line-height: 0.42rem;}
.zry_info_name .link{display: inline-block; font-size: 0.37rem;color: #999999;letter-spacing: 0;line-height: 0.48rem; padding: 0.64rem 0.37rem; position: absolute; top: 0; right: 0;}
.zry_info_name .link:after{ content: ""; width: 0.48rem; height: 0.48rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-position: -1rem 0;}
.score_box{ padding: 0.42rem 0.48rem; height: 100%; box-sizing: border-box; position: absolute; right: 0; top: 0; border-left: solid 1px #eee;}
.score_box h5{ font-size: 0.64rem;color: #FFA000;letter-spacing: 0;line-height: 0.64rem; text-align: center;}
.score_box h5 span{font-size: 0.32rem;color: #FFA000;letter-spacing: 0; display: inline-block; margin-left: 0.1rem;}
.score_box p{font-size: 0.26rem;color: #BBBBBB;letter-spacing: 0;line-height: 0.26rem; margin-top: 0.1rem;}
.score_box h6{ font-size: 0.42rem;color: #999;letter-spacing: 0;line-height: 0.92rem; text-align: center; font-weight: normal;}
.zry_info_box{ padding-bottom: 0.64rem; display: inline-block;}
.zry_info_describe{font-size: 0.42rem;color: #999999;letter-spacing: 0;line-height: 0.58rem;}
.map_box{ width: 100%; min-height: 6.66rem; position: relative;}
.map_box .box{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden;}
.map_box .box a{display: inline-block; width: 100%; height: 100%;}
.map_box .name_box{ width: 100%; height: 0.8rem; background: rgba(0,0,0,0.40); position: absolute; left: 0; bottom: 0; z-index: 2; text-align: center; }
.map_box .name_box span{ display: inline-block; height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem;color: #FFFFFF;letter-spacing: 0; padding-left: 0.56rem; position: relative;}
.map_box .name_box span:before{ content: ""; width: 0.48rem; height: 0.48rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-position: 0 0;}
.map_list{ width: 100%; padding-left: 0.48rem; box-sizing: border-box;}
.map_list li{ list-style: none;font-size: 0.37rem;color: #444444;letter-spacing: 0;line-height: 0.37rem; padding: 0.56rem 0.48rem 0.56rem 0;border-top: solid 1px #eee;}
.map_list li .tl{ text-align: left;}
.map_list li .tr{ text-align: right;}

.box3{width: 100%; height:100%; position: relative; z-index: 1;}

.bottom_logo{ width: 100%;}
.bottom_logo img{width: 100%; height: auto; display: inline-block; vertical-align: top;}

.hx_peizhi_title{ padding: 0.64rem 0.48rem; text-align: left; border-bottom: solid 1px #eee;font-size: 0.64rem;color: #444444;letter-spacing: 0;line-height: 0.64rem;}

.zry_hx_box ul{ width: 100%; box-sizing: border-box;}
.zry_hx_box .hx_list{ padding: 0.48rem; border-bottom: solid 1px #eee; width: 100%; box-sizing: border-box;}
.zry_hx_box .hx_list a{ width: 100%;}
.zry_hx_box .hx_list:last-child{ border-bottom: none;}
.zry_hx_box .hx_list .hx_photo{ width: 3.2rem; height: 2.13rem; overflow: hidden;}
.zry_hx_box .hx_list .hx_photo img{ width: 100%; height: auto; min-height: 2.13rem;}
.zry_hx_box .hx_list .hx_info{ box-sizing: border-box; padding-left: 0.32rem; height: 2.13rem; overflow: hidden;}
.zry_hx_box .hx_list .hx_info h5{width: 100%; height: 0.48rem; font-size: 0.37rem;color: #444444;letter-spacing: 0;line-height: 0.48rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.zry_hx_box .hx_list .hx_info .price{width: 100%;height: 0.37rem; font-size: 0.37rem;color: #000000;letter-spacing: 0;line-height: 0.37rem; margin-top: 0.21rem;}
.zry_hx_box .hx_list .hx_info .area{width: 100%;height: 0.32rem;font-size: 0.32rem;color: #999999;letter-spacing: 0;line-height: 0.32rem; margin-top: 0.21rem;}
.zry_hx_box .hx_list .hx_info .tag_box .tag{ display: inline-block; padding:0 0.13rem; height: 0.45rem; line-height: 0.45rem; text-align: center; border: 1px solid #FF6262;border-radius: 1.5px;font-size: 0.26rem;color: #FF6262;letter-spacing: 0; margin-left: 0.21rem; box-sizing: border-box; vertical-align: top;}
/*退房规则*/
.tfgz_box{ padding:0.48rem;inline-block}
.tfgz_box p{ margin-bottom: 0.48rem;}
/*房屋配置*/
.hx_info_peizhi{ padding-left: 0.48rem;}
.hx_info_icon_box{ padding: 0.53rem 0; width: 100%; display: inline-block;}
.hx_info_icon_box li{ width: 20%; text-align: center; outline: none; float: left;} 
.hx_info_icon_box li .icon_box{ width: 0.64rem; height: 0.64rem; margin: 0 auto; overflow: hidden;}
.hx_info_icon_box li p{ width: 100%; text-align: center;font-size: 0.32rem;color: #444;line-height: 0.32rem;padding-top: 0.13rem;}
/*户型详情配置弹层*/
.peizhi_box{ width: 100%; padding: 0.32rem 0; border-bottom: solid 1px #eee;}
.peizhi_box .icon_box{width: 0.85rem; height: 0.85rem; padding-right: 0.48rem; box-sizing: content-box;}
.peizhi_box .text{height: 0.85rem; line-height: 0.85rem; font-size: 0.42rem; color: #666; text-align: left;}

/*轮播&放大预览*/
.slick-slider{margin: 0;}
.slick-dots{ bottom: 0.24rem;}
.slick-dots li{margin: 0; height: 10px;}
.slick-dots li button{ width: 10px; height: 10px; box-sizing: border-box; border: solid 1px #444; border-radius: 50%; padding: 0;}
.slick-dots li.slick-active button{ background: #444;}
.slick-dots li button:before{font-size: 0.26rem; width: 0.53rem; height: 0.53rem; color: #fff; opacity: 0.4; display: none;}
.demo-gallery figure,.demo-gallery2 figure{opacity: 0;}

.layui-layer-btn{ padding: 0;}
.layui-layer-msg .layui-layer-content{ padding: 0.42rem 0.48rem 0.42rem 0.48rem;}
.layui-layer-btn .layui-layer-btn0{background-color: transparent; color:#FFA000; border-color: #ddd;}

.layui-layer-dialog{ box-sizing: border-box; width: 100% !important; height: 100% !important;}
.layui-layer-title{ border: none; background: #fff; border-bottom: none;}
.layui-layer-title{ height: 1.17rem;}
.layui-layer-setwin{width: 1.17rem; height: 1.17rem; left: 0; top: 0;}
.layui-layer-setwin a{ width: 0.64rem; height: 0.64rem; left: 0.26rem; top: 0.26rem; background-position: -1rem -3rem !important;}
.layui-layer-dialog .layui-layer-content{ font-size: 0.37rem; line-height: 0.53rem; padding: 0;}

.slick{overflow: hidden;}

.pswp__counter{ font-size: 0.37rem; line-height: 1.17rem; padding: 0 20px;}
.pswp__caption__center{ font-size: 0.37rem; max-width: 96%; line-height: 0.42rem;}
.pswp__button{ transform-origin: right top; transform: scale(2); -webkit-transform: scale(2);}

.mt_panel{ padding-top: 0.26rem;}
.mt_panel h3{font-size: 0.42rem; height: 0.4rem; line-height: 0.4rem; margin-bottom: 0.13rem;}
.mt_body{height: 6.4rem;}
.mt_body ul li{ font-size: 0.42rem; height: 1rem; line-height: 1rem;}
.mt_body ul .mt_note{font-size: 0.37rem;}
.mt_confirm a{font-size: 0.37rem;}
.mt_indicate{ top: 1.96rem;}
.mt_indicate:after{ top: 1rem;}
/*.mt_confirm{ margin-bottom: 40px; margin-top: 30px;}
.mt_indicate{ top: 162px;}
.mt_poppanel{ opacity: 0; display: none;}
.mt_poppanel.show{ opacity: 1; display: block;}
.mt_mask{display: none;}
.mt_mask.show{ display: block;}*/

#layui-layer1{ width: 80% !important; text-align: center;}
.layui-layer-loading .layui-layer-content{ margin: 0 auto;width: 1.6rem !important;height: 0.32rem !important; color: #fff; font-size: 0.32rem; line-height: 0.32rem; padding-top: 45px; background-position: center top !important; background-size: 0.8rem auto !important;}

.pswp__button{ width: 0.58rem; height: 0.58rem; background-image: url(../images/zry_icon.png) !important; background-repeat: no-repeat; background-size: 10rem auto; background-position: 0 -3rem;}
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap{/*transform: none !important;*/}

/*.img_position{ width: 100% !important; height: auto !important; left: 0 !important; top: 50%; transform: translateX(0) translateY(-50%) !important; -webkit-transform: translateX(0) translateY(-50%) !important; }*/
.layui-layer-dialog{ left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important;}
