/* 
* @Author: zhq
* @Date:   2018-03-17 10:02:03
* @Last Modified by:   欣悦网络
* @Last Modified time: 2018-03-20 12:21:08
*/
a{ text-decoration: none;}
.flol{ float: left;}
.flor{ float: right;}
.no_padding{ padding-left: 0 !important;}
.no_margin_r{ margin-right: 0 !important;}
.no_border{ border: 0 !important;}
.text_666{ color: #666;}
.border-bottom{ border-bottom: 1px solid #dcdcdc;}
.thumb_img{ width: 100%; height: auto;}
.clr{clear: both;}
.web_c{ max-width: 512px;}
.web_l{ left: 0;}
.web_r{ right: 0;}
.web_r,.web_l{
  position: fixed;
  display: block;
  height: 100%;
  top: 0;
  z-index: 999;
  background: #282828;
}
.web_c{
  margin: 0 auto;
  max-width: 512px;
  left: 0;
  top: 0;
  overflow-x: hidden;
  width: 100%;
  min-height: 100%;
}
.web_c p{padding-left:5px;padding-right:5px;}
.top_banner{ position: relative;}
.return_top{ width: 22px; position: absolute; top: 20px; left: 30px; }
.padding-container{ padding: 0 20px;}
.title{ font-size: 1.7em; padding: 27px 0 34px;}
.datas{ padding: 21px 0; float: left; width: 100%;}
.datas1{ padding-right: 35px;}
.datas3{ padding-left: 35px;}
.data{ float: left;}
.data1{ font-size: 1.2em; color: #999;}
.data2{ font-size: 1.4em; color: #db4c3e; font-weight: bold;}
.datas2{ border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 0 55px;}
.datas3 .data2{ font-size: 1.8em;}
.btn{ color: #fff; margin: 5px 0;}
.btn-1{background-color: #fe5504; }
.btn-2{background-color: #31bd83; }
.btn-3{background-color: #fb915e; }
.btn-4{background-color: #8399ab; }
.btn-5{background-color: #f4bd1a; }
.btn-6{background-color: #3c81f2; }
.data-intro{ padding: 16px 0 20px;}
.tags{ padding-bottom: 20px;}
.intro_text{ font-size: 1.2em; color: #666;}
.content_box{ padding: 30px 0 20px; float: left;}
.content_box_tit{ border: 2px solid #db4c3e; border-radius: 5px; float: left; padding: 5px 10px; margin-bottom: 20px;}
.content_box_art{ width: 100%;  float: left; font-size: 1.2em;}
.show_img{ background: #eee; margin-left:auto;margin-right:auto; border-radius: 30px;width:60%; text-align: center; color: #db4c3e; font-size: 1.2em; padding: 10px 0;}

.footer_height{ height: 120px;}
.footer_menu{ background: #db4c3e; position: fixed; bottom: 0;}
.footer_menu ul{ padding: 0; margin:0;}
.footer_menu li{ display: block; width: 25%; float: left; text-align: center;}
.footer_menu li a{ display: block; float: left; width: 100%; padding: 20px 0; color: #fff;}
.footer_active{ background: #fff; color:#db4c3e !important; }
.footer_active img{ margin-top: -35px;}
.footer_menu li a span{ font-size: 1.3em;}
.footer_menu li a span img{ width: 100%; height: auto;}

.caidan_menu{color: #333;}
.caidan_menu ul{ padding: 0; margin:0;}
.caidan_menu li{ display: block; width: 25%; float: left; text-align: center;}
.caidan_menu li a{ display: block; float: left; width: 100%; padding: 20px 0; color: #333;}
.caidan_menu li a span{ font-size: 1.3em;}
.caidan_menu li a span img{ width: 100%; height: auto;}

.footer_icon{ width: 36px; height: 45px; margin: 0 auto; display: block; overflow: hidden;}

.header{ padding: 15px 0 25px; float: left; width: 100%; position: relative; border-bottom: 1px solid #999999;}
.search_form{ background: #ededed; height: 40px; line-height: 40px; color: #666666; border-radius: 23px;}
.searc_icon{ background: url('../images/search_icon.png') left center ; width: 26px; height: 26px; margin: 7px 0 0 18px; float: left;}
.search_text{ background: none; border: none; padding-left: 10px;}
.select_type{ padding-top: 36px;}
.select_type .btn-group{ margin-right: 30px;}
.select_type .btn-group button{ border: 0;}
.shuoming{ color: #999; font-size: 1.2em; padding-top: 30px;}
.dl_list{ float: left; padding:30px 0 40px; margin:0;}
.dd_data_status{ background: #ffcccc; color: #db4c3e; font-size: 1.3em; padding: 15px 5px; border-radius: 5px; float: left;}
.dd_data{ float: left; padding-left: 8px;}
.dd_data_info{ color: #db4c3e;}
.dd_data_tit a{ font-size: 1.6em; color: #000;}
.dd_data_tit2{ font-size: 1.6em; color: #000;}
.dd_data_type{ color: #999; font-size: 1.2em;}
.dd_status{ padding: 10px 0; float: left;width: 100%;}
.dd_status span{ border-radius: 3px; padding: 5px 8px; color: #4483f4; background-color: #c7dafc; margin-right: 3px; margin-bottom: 3px; display: block; float: left;}
.mon_price{ color: #db4c3e; font-size: 1.8em;}
.dj_span{ color: #999; font-size: 1.6em; padding-left: 5px;}
.wx_code{padding: 20px 40px 27px;}
.wx_code_bg{ background: url('../images/wx_qrcode_bg.png') no-repeat center center; background-size: cover; padding: 120px 110px 114px;}
  .wx_code_text{text-align: center;color: #db4c3e;font-size: 1.2em;line-height: 1.6em;margin-top: -50px; font-weight: bold;}

/*-------------委托-------------*/
.wt_header{padding: 20px 0; float: left; width: 100%;}
.wx_header_bg{ height: 22px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #ededed}
.return,.info{ padding-top: 5px;}
.return a{ float: left; height: 30px; display: block; float: left;}
.info a{ text-align: right; float: right; display: block;}
.form_tit{ font-size: 1.8em; color: #000; padding: 20px 0 23px;}
.form{ padding: 0 30px; color: #999; font-size: 1.2em;}
.form .form-group{ border-bottom: 1px solid #cccccc; padding: 15px 0 ; margin: 0;}
.form .form-group input{ border: 0; color: #999; width: 70%;}
.right_label{ float: right;}
.input_select{ float: right;}
.input_select button{ border: 0;}
.wx_btn{ background-color: #db4c3e; padding: 10px 0; color: #fff; text-align: center; width: 100%; border: 0; border-radius: 30px; font-size: 1.2em; margin-bottom: 42px;}

/*----------------找经纪人-----------------*/
.people_info{ padding: 20px 0 16px; float: left; width: 100%;}
.people_box1{ float: left; width: 100%;}
.people_box2{ font-size: 1.2em; color: #999; padding: 20px 0;}
.people_box2 span{ background-color: rgba(123,189,255,0.15); padding: 3px 10px; border-radius: 3px; color: rgb(123,189,255); font-size: 0.8em; display: block; float: left; margin-right: 5px;}
.people_box3{ font-size: 1.2em; color: #999; padding: 20px 0;}
.people_box3 span{ background-color: #f8dfdc; padding: 3px 10px; border-radius: 3px; color: #db4c3e; font-size: 0.8em; display: block; float: left; margin-right: 5px;}
.people_img{ width: 20%; float: left;}
.people_name{ width: 35%; float: left; margin: 10px 0 0 10px;}
.span_name{ font-size: 2em;}
.pingfen{ color: #666666; font-size: 1.3em;}
.span_company{ background-color: #db4c3e; color: #fff; padding: 4px 10px; border-radius: 5px; margin-left: 5px;}
.people_number{ width:38%; float: right; margin: 16px 0 0;}
.people_number a{ width: 20%; display: block; float: left; margin-left: 10%;}
.diqu{background:#db4c3e;color:#fff;border-radius:4px;padding:0px 5px;margin-left:10px;margin-top:3px;display:inline-block;}
/*----------------房源动态-----------------*/
.bg_e{ background-color: #eee;}
.pf_price{ color: #fe6b5d; font-size: 1.3em; font-weight: bold;}
.fy_tit{ font-size: 2em;}
.data_info1,.data_info2,.data_info3{ width: 33.333%; float: left;}
.data_info3 .span_tit,.data_info3 .span_num{ padding-left: 15px; }
.span_tit{ color: #666666; font-size: 1.2em; width: 100%; display: block;}
.span_num{ font-size: 2em;}
.fy_data_info{ padding: 30px 0; float: left; width: 100%;}
.fy_data_info2{ float: left; width: 100%; padding-bottom: 35px;}
.fy_data_info2 .span_num{ font-size: 1.6em !important; padding-top: 15px; display: block; float: left;}

/*banner*/
.img_gallery{height:300px;overflow:hidden;position:relative;width:512px;margin:0 auto;}
.main_img{height:100%;overflow:hidden;position:relative;width:100%;}
.main_img ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0;}
.main_img li{float:left;width:100%;height:100%;}
.main_img li span{display:block;width:100%;height:100%;}
.main_img li a{display:block;width:100%;height:100%;}
.main_img li span{background-repeat: no-repeat; background-position: center top; width: 100%; cursor: move; background-size: 100% 100%;}
.img_font{position:absolute; bottom:30px; right:8.5%; color:#fff; padding: 8px 23px;background: rgba(0,0,0,0.4);border-radius: 20px;}
.img_font span{display:none; }


/* 平板及以上 */
@media (min-width: 512px) {
  .footer_menu{ width: 512px;}
  .info a{ width: 30%;}
  .return a{ width: 17%;}
}

/* 宽屏 1280*/
@media (min-width: 1280px) {
  .footer_menu{ width: 512px;}
}

/* 手机 */
@media (max-width: 512px) {
  .header{padding: 7px 0 15px;}
  .datas1{ padding-right: 18px;}
  .datas3{ padding-left: 18px;}
  .datas2{ border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 0 28px;}
  .footer_menu{ width: 100%;}
  .info a{ width: 40%;}
  .return a{ width: 20%;}
  .form .form-group input{width: 55%; font-size: 0.8em;}
  .right_label{font-size: 0.8em;}
  .img_gallery{width:100% !important;}

  /*----找经纪人-------*/
  .people_box3 span,.span_company{font-size:0.8em;}
  .span_name{font-size: 1.3em;}
  .pingfen{font-size: 1em; padding-top: 8px;}
  .people_name{width: 38%;}
  .people_box2{ font-size: 1em; padding: 16px 0 11px;}
  .search_form{height: 30px; line-height: 30px;}
  .searc_icon{background-size: cover; /*width: 16px;*/ width: 9%; height: 16px; margin:7px 0 0 12px;}
  .search_text{font-size: 0.7em; width: 75%;}

  /*-----找房源------*/
  .dd_data_tit a{ font-size: 1.1em;}
  .dd_data_info{font-size: 0.8em;}
  .dd_status span{font-size: 0.8em; padding: 2px 3px;}
  .mon_price{font-size: 1.2em;}
  .dj_span{font-size: 0.8em;}
  /*.dl_list{ padding: 15px 0 25px;}*/

  /*-----房源库-----*/
  .data1{font-size: 1em;}
  .data2{font-size: 1.1em;}
  .datas3 .data2{font-size: 1.3em;}
  .tags{padding-bottom: 10px;}
  .tags span{ font-size: 0.8em;}
  .data-intro{padding: 16px 0;}
  .content_box{padding: 16px 0;}
  .intro_text{font-size: 1em;}
  .content_box_art{font-size: 1em;}
  .wx_code{padding: 20px 20px 27px;}
  .wx_code_bg{padding: 74px 68px 70px;}
  .wx_code_text{text-align: center;color: #db4c3e;font-size: 1em;line-height: 1.6em;margin-top: -30px;}


  /*------房源动态-------*/
  .dd_data_status{font-size: 0.9em; padding: 11px 3px;}
  .dd_data_type{font-size: 1em;}
  .pf_price{font-size: 0.9em;}
  .fy_tit{font-size: 1.5em;}
  .span_tit{font-size: 0.8em;}
  .span_num{font-size: 1.6em;}
  .fy_data_info2 .span_num{font-size: 1.3em !important;}
  .dl_info{ padding: 15px 0 !important;}
  .fy_data_info{padding: 15px 0;}

  /*------底部--------*/
  .footer_icon{width: 23px;height: 24px;}
  .footer_menu li a span{font-size: 0.9em;}
  .footer_active img{margin-top: -22px;}
  .footer_menu li a{padding: 15px 0;}
  .footer_height{height: 80px;}

  /*-------头部---------*/
  .select_type{padding-top: 23px;}
  .select_type .btn-group{ margin-right:-1px; float: left;}

  /*--------房源2------*/
  .shuoming{padding-top: 15px; font-size: 1em;}
  .dl_list{padding: 15px 0 20px;}

  /*-------委托------*/
  .wt_header{padding: 12px 0;}
  .wx_header_bg{height: 12px;}
  .other_label{font-weight: normal;font-size: 0.8em;color: #999;}
  .wx_btn{font-size: 1em;}

  /*---------房源----------*/
  .dd_status{padding: 2px 0 0 ;}
}
.i_n{width:45%;display:inline-block;text-align:center;height:60px;line-height:60px;}
.i_n .link{background:#db4c3e;color:#fff;border-radius:5px;color:#fff;padding:15px;}
.Dialog{position: absolute;top:0;left:0;background: #fff;border:1px solid #ddd;
    -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
    box-shadow: 0 0 5px 5px rgba(100, 100, 100, 0.1);
    padding:0 10px;
    z-index: 99;
}/*弹出层*/
/*弹出层遮罩*/
.Dialog-make{width:100%;height:100%;filter:alpha(opacity=5);position:absolute;top:0;left:0;z-index:98;background:#000000;
  opacity: 0.4;}
.Dialog-make iframe{width:100%;height:100%;filter:alpha(opacity=0);opacity:0;border:0px;}