pfhwyigou/wechat/web/css/house/xiajia.css

body{ background: #f4f4f4;}
.soidOut{max-width: 640px; margin: 0 auto;}


.soidOut_top{width: 100%; height: auto;}
.soidOut_top .topimg p:nth-child(1){ width: 70%; height: auto; margin: 0 auto;}
.soidOut_top .topimg p:nth-child(1) img{ width: 100%; height: auto; }
.soidOut_top .topimg p:nth-child(2){ text-align: center; font-size: 1rem; color: #666; margin-top: 10px;}

.soidOut_top .toptext{ text-align: center; margin-top: 25px;}
.soidOut_top .toptext a{ display: inline-block; font-size: 0.8rem; color: #fff; background: #D50000; border-radius: 5px; padding: 5px 20px; }

.soidOut_bottom{ background: #fff;margin-top: 30px; padding: 20px 0;}
.soidOut_bottom_h{ width: 95%; margin: 0 auto;}
.soidOut_bottom_h .left{ float: left;}
.soidOut_bottom_h .left span{ font-size: 1.2rem; color: #333; display: inline-block; font-weight: 600;}
.soidOut_bottom_h .right{ float: right;}
.soidOut_bottom_h .right a{ display: inline-block; font-size: 1rem; color: #999;}
.soidOut_bottom_h .right a+a{ margin-left:10px;}
.soidOut_bottom_h .right a.on{ color: #D50000;}
.soidOut_bottom_gd{ width: 95%; height: auto; margin: 0 auto; margin-top:15px;}
.soidOut_bottom_gd a{ font-size: 0.875rem; color: #333; display: block; padding:13px 0;  background: #F3F8FE; text-align: center; border-radius: 3px;}





.soidOut_bottom_list{padding:10px;background:#fff;}
.soidOut_bottom_list ul li{padding:15px 0; background: #fff;}
.soidOut_bottom_list ul li + li {border-top:1px solid #f8f8f8;}
.soidOut_bottom_list ul li .y_img{width: 33%;height: 92px;position: relative;border-radius: 3px;overflow: hidden;float: left;}
.soidOut_bottom_list ul li .y_img p.y_tu{ width: 100%; height: 100%;}
.soidOut_bottom_list ul li .y_img p.y_tu img{ width: 100%; height: 100%;}
.soidOut_bottom_list ul li .y_img p.y_tu i{
    position:absolute;
  bottom:4px;
  left:4px;
  font-size:0.75rem;
  color:#fff;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  background: rgba(0,0,0,0.6);
  padding: 3px 8px;
  display: inline-block;
  border-radius: 17px;
}

.soidOut_bottom_list ul li .y_img p.y_vid{position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.6); padding:2px 5px; padding-right: 8px; border-radius: 0 20px 20px 5px}
.soidOut_bottom_list ul li .y_img p.y_vid span{display: block; float: left; width: 24px; height: auto;}
.soidOut_bottom_list ul li .y_img p.y_vid span:nth-child(1){ width: 22px; height: auto;}
.soidOut_bottom_list ul li .y_img p.y_vid span img{width: 24px; height: auto;}
.soidOut_bottom_list ul li .y_img p.y_vid span:nth-child(1) img{ width: 22px; height: auto;}
.soidOut_bottom_list ul li .y_img p.y_vid span+span{margin-left: 5px;}
.soidOut_bottom_list ul li .y_img p.y_licyit{ position: absolute; left:0px; top:0px; background:#FF273B; padding:2px 5px; font-size: 0.7rem;color: #fff;}
.soidOut_bottom_list ul li .y_img>i{position:absolute;bottom:10px;left:5px;display:inline-block;width:15px;height:15px;}
.soidOut_bottom_list ul li .y_img>i >img {display:inline-block;width:100%;height:100%;}
.soidOut_bottom_list ul li .y_text{float:left;width:62%;margin-left:15px;height:92px;}
.soidOut_bottom_list ul li .y_text .y_text_main p.y_title span{font-size:1.0625rem;color:#333;width:77%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:600;display: block;}
.soidOut_bottom_list ul li .y_text .y_text_main p.y_title em{display: inline-block; margin-left: 8px; font-size: 0.8rem;color: #999;}
.soidOut_bottom_list ul li .y_text .y_text_main p.y_shijian{ font-size: 0.7rem; color: #999;margin-top:5px;}

.soidOut_bottom_list ul li .y_text .y_text_main p.y_tese{ font-size:0.6875rem; color:#475C89; margin-top:5px;}
.soidOut_bottom_list ul li .y_text .y_text_main p.y_tese i{max-width: 63px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: inline-block; padding:3px 8px;background:#EFF2F4;border-radius:3px;}
.soidOut_bottom_list ul li .y_text .y_text_main p.y_tese i+i{ margin-left:5px;}
.soidOut_bottom_list ul li .y_text .y_text_main p.y_tese i:nth-child(1){ background:#FFE6EC; color:#D61F2B;}


.soidOut_bottom_list ul li .y_text .y_text_main p.y_jiage{margin-top:5px;}
.soidOut_bottom_list ul li .y_text .y_text_main p.y_jiage span{ display: inline-block;font-size:1.125rem; color:#D50000;font-weight:600;}
.soidOut_bottom_list ul li .y_text .y_text_main p.y_jiage em{ font-weight: bold; font-size:0.75rem; color:#D50000; display: inline-block; margin-left: 3px;}
.soidOut_bottom_list ul li .y_text .y_text_call{z-index: 5; position: absolute; right: 5px; top:6px; width: 35px; height: 35px;}
.soidOut_bottom_list ul li .y_text .y_text_call img{ width: 100%; height: 100%;}

.m_gzlx{font-size:0.6875rem;color:#333;margin-top:10px;background:#F8F8F8;padding:4px 10px 4px 5px;border-radius:50px;float:left;}
.m_gzlx_l{float:left; font-weight: bold; color: #333;}
.m_gzlx_l img{width:14px;height:14px;position:relative;top:-1px;margin-right:5px;}
.m_gzlx_r{float:left;margin-left:5px;padding-left:5px;position:relative; top: 1px;}
.m_gzlx_r:before {content:"";position:absolute;top:0px;left:0;width:1px;height:12px;background:#999;display: block;}
.m_gzlx_r span{color:#FF273B;}
.m_box {position:relative;}