pfhwyigou/mobile/web/overseas/css/index.css

body{background:#f4f6f9;}
/* v2 改版 A */
.yv2_indexHead{
    width: 100%;
    height: 50px;
    background: #fff;
}
.yv2_indexHead_box{
    width: 95%;
    margin: 0 auto;
    height: 100%;
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content:space-between;
    align-items: center;
}
.yv2_indexHead_box .yv2_indexHead_left{
    width:22%;
    height: auto;
}
.yv2_indexHead_box .yv2_indexHead_left img{
    width: 100%;
    height: auto;
}
.yv2_indexHead_box .yv2_indexHead_center{
    width: 55%;
    margin-left: 2.5%;
    margin-right: 2.5%;
}
.yv2_indexHead_box .yv2_indexHead_center a{
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    height: 35px;
    font-size: 0.875rem;
    color: #9A9A9A;
    background: #fff;
    width: 100%;
    box-shadow: 0px 0px 8px 1px rgba(188, 186, 186, 0.23);
    border-radius: 5px;
}
.yv2_indexHead_box .yv2_indexHead_center a img{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left:10px;
    margin-right: 10px;
}
.yv2_indexHead_box .yv2_indexHead_right{
    width: 18%;
    text-align: center;
}
.yv2_indexHead_box .yv2_indexHead_right a{
    font-size:0.875rem;
    color:#343434;
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    justify-content:center;
}
.yv2_indexHead_box .yv2_indexHead_right a i{
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid#565656;
    display:inline-block;
    margin-left: 3px;
    position: relative;
    top: 2px;
}

/* v2 幻灯 */
.yv2_slide{
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.yv2_slide_main{
    width: 95%;
    margin: 0 auto;
}
.yv2_slideBox{
    width: 100%;
    height: 170px;
    border-radius: 5px;
    overflow: hidden;
}
.yv2_slideBox ul li,.yv2_slideBox ul li img{
    width: 100%;
    height: 100%;
}
.yv2_slide .swiper-pagination{
    position: inherit;
}
.yv2_slide .swiper-pagination .swiper-pagination-bullet{
    width: 3px;
    height: 3px;
    background: #E0E0E0;
    opacity: 1;
    margin: 0 3px;
}
.yv2_slide .swiper-pagination .swiper-pagination-bullet-active{
    width: 10px;
    border-radius: 5px;
    background: #2F2F2F;
}



/*品房头条*/
.headle{ 
    border-top: 1px solid #eee;
    background: #fff;
}
.headle_main{
    width: 95%;
    margin: 0 auto;
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content:space-between;
    align-items: center;
    height: 45px;
    overflow: hidden;
}
.headle_main .headle_title{
    width: 25%;
    height: auto;
}
.headle_main .headle_title img{
    width: 100%;
    height: auto;
}
.headle_main .headle_right{
 width: 73%;
 height: 30px;
 overflow: hidden;
}
.headle_right .content{
    width: 100%;
    height: 100%;
    position: relative;
}
.headle_right .content ul li a{
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content:space-between;
    align-items: center;
    height: 30px;
    line-height: 30px;
    font-size: 0.75rem;
    color: #666;
}
.headle_right .content ul li a span{
    text-overflow:ellipsis;
    white-space: nowrap; 
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
}
.headle_right .content ul li a img{
    width: 5px;
    height: 9px;
    display:inline-block;
}


.yv2_puicTitle h2{
    font-size: 1.25rem;
    color: #343434;
    font-weight: bold;
}
/* v2 热门榜单 */
.yv2_hotRanking{
    background: #fff;
    margin-top:10px;
    padding: 20px 0;
}
.yv2_hotRankingBox{
    width: 95%;
    margin: 0 auto;
}


.yv2_hotRanking_list ul li{
    margin-top: 15px;
}
.yv2_hotRanking_list ul li .lp_top{
    width: 100%;
    height: 215px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background: #f9f9f9;
}
.yv2_hotRanking_list ul li .lp_top p.lp_img,.yv2_hotRanking_list ul li .lp_top p.lp_img img{
    width: 100%;
    height: 100%;
}
.yv2_hotRanking_list ul li .lp_top p.top_hot{
    position: absolute;
    left: 7px;
    top: 6px;
    z-index: 2;
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content:flex-start;
    align-items: center;
}
.yv2_hotRanking_list ul li .lp_top p.top_hot i{
    display: inline-block;
    width: 62px;
    height: 18px;
    margin-right: 5px;
    background: url('/overseas/img/v2image/v2_ico3_1.png') no-repeat center;
    background-size: 100% 100%;
}
.yv2_hotRanking_list ul li:nth-child(2) .lp_top p.top_hot i{
    background: url('/overseas/img/v2image/v2_ico3_2.png') no-repeat center;
    background-size: 100% 100%;
}
.yv2_hotRanking_list ul li:nth-child(3) .lp_top p.top_hot i{
    background: url('/overseas/img/v2image/v2_ico3_3.png') no-repeat center;
    background-size: 100% 100%;
}
.yv2_hotRanking_list ul li .lp_top p.top_hot em{
    height: 18px;
    display: inline-block;
    font-size: 0.625rem;
    color: #fff;
    background: #FF8D39;
    border-radius: 3px;
    line-height: 18px;
    padding: 0 5px;
}
.yv2_hotRanking_list ul li .lp_top .lp_text{
    position: absolute;
    width: 100%;
    height: 30px;
    left: 0px;
    bottom: 0px;
    background: rgba(0,0,0,0.4);
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content:space-between;
    align-items: center;
}
.yv2_hotRanking_list ul li .lp_top .lp_text div.left{
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    padding-left: 10px;
    width: 70%;
}
.yv2_hotRanking_list ul li .lp_top .lp_text div.left h2{
    display: inline-block;
    font-size: 0.937rem;
    color:#fff;
    font-weight: bold;
    max-width: 70%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.yv2_hotRanking_list ul li .lp_top .lp_text div.left em{
    font-size: 0.75rem;
    color: #fff;
    display:inline-block;
    margin-left: 5px;
}
.yv2_hotRanking_list ul li .lp_top .lp_text p.right{
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    font-size: 0.625rem;
    color: #fff;
    padding-right: 10px;
}
.yv2_hotRanking_list ul li .lp_top .lp_text p.right span{
    font-size: 0.937rem;
    font-weight: bold;
}
.yv2_hotRanking_list ul li .lp_top p.video_ico{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    margin-left: -18px;
}
.yv2_hotRanking_list ul li .lp_top p.video_ico img{
    width: 100%;
    height: 100%;
}
.yv2_hotRanking_list ul li .lp_bottom .lp_zk{
    height: 44px;
    border-bottom: 1px solid #eee;
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    justify-content:space-between;
}
.yv2_hotRanking_list ul li .lp_bottom .lp_zk p.left{
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    width: 70%;
}
.yv2_hotRanking_list ul li .lp_bottom .lp_zk p.left img{
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 5px;
}
.yv2_hotRanking_list ul li .lp_bottom .lp_zk p.left span{
    display: inline-block;
    font-size: 0.75rem;
    color: #FF584A;
    max-width: 70%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.yv2_hotRanking_list ul li .lp_bottom .lp_zk a{
    height: 27px;
    line-height: 25px;
    font-size: 0.75rem;
    color: #4898F2;
    border: 1px solid #B5D4F6;
    background: #fff;
    border-radius: 15px;
    padding: 0 20px;
}
.yv2_hotRanking_list ul li .lp_bottom .lp_zk.lp_time p.left span{
    color: #888;
}
.yv2_hotRanking_list ul li .lp_bottom .lp_zk.lp_time a{
    color: #fff;
    background: #4898F2;
    border-color: #4898F2;
}

/*更多*/
.m_lj_ckgd{
    display: block;
    text-align: center;
    background: #F2F6FB;
    height: 40px;
    line-height: 40px;
    font-size: 0.875rem;
    color: #888;
    margin-top:20px;
    border-radius:3px;
}
/* VR全景看房 */
.yv2_panoramaVr{
    background: #fff;
    margin-top:10px;
    padding: 20px 0;
}
.yv2_panoramaVrBox .yv2_puicTitle{
    width: 95%;
    margin: 0 auto;
}
.yv2_panoramaVr_list{
    margin-top: 15px;
    width: 100%;
    overflow: hidden;
    padding:0 10px; 
}
.yv2_panoramaVr_list ul li .top_ico{
    width: 100%;
    height: 150px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.yv2_panoramaVr_list ul li .top_ico p,.yv2_panoramaVr_list ul li .top_ico p img{
    width:100%;
    height: 100%;
}

.yv2_panoramaVr_list ul li .top_ico .sdin {
  width:34px;
  height:34px;
  background:rgba(0,0,0,0.3);
  position: absolute;;
  border-radius:50%;
  margin-top:8px;
  left: 50%;
  top: 50%;
  margin-left: -17px;
  margin-top: -17px;
  border:1px solid #fff;
  z-index: 2;
}
.yv2_panoramaVr_list ul li .top_ico .vvid_pic_ico {
  border-radius: 100%;
  width:100%;
  height:100%;
  background: url(/overseas/img/vr_animation.png);
  background-position-y: 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
.yv2_panoramaVr_list ul li .top_ico .vr-animation-forever { 
  -webkit-animation:vr 5s steps(80) infinite;
  animation:vr 5s steps(80) infinite;
}
@-webkit-keyframes vr {to{background-position-y:100%}}
@keyframes vr {to{background-position-y:100%}}


.yv2_panoramaVr_list ul li .botton_text{
    margin-top: 10px;
}
.yv2_panoramaVr_list ul li .botton_text h2.title{
    font-size: 0.875rem;
    color: #343434;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.yv2_panoramaVr_list ul li .botton_text p.city{
    font-size: 0.75rem;
    color: #9A9A9A;
    margin-top: 5px;
}
.yv2_panoramaVr_list ul li .top_ico .vid_ico{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    margin-left: -17px;
    z-index: 2;
}
.yv2_panoramaVr_list ul li .top_ico .vid_ico img{
    width: 100%;
    height: 100%;
}


/* v2 热门楼盘 */
.sell_box{
    background: #fff;
    margin-top: 10px;
    padding: 20px 0;
}
.yv2_sell_box{
    width: 95%;
    margin: 0 auto;
}
.sell_conter ul li{
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-top: 15px;
    position: relative;
}
.sell_conter ul li .sell_conterBox a{
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: flex-start;
    justify-content:space-between;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_l{
    width: 35%;
    height: 92px;
    position: relative;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_l p.img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_l p.img img{
    width: 100%;
    height: 100%;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_l p.city{
    position: absolute;
    top:0;
    left: 0;
    font-size: 0.625rem;
    color: #fff;
    height: 18px;
    line-height: 18px;
    padding: 0 10px;
    border-radius: 5px 0 5px 0;
    background: rgba(0,0,0,0.4);
    z-index: 2;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_l p.hangpai{
    position: absolute;
    right: -5px;
    top: -3px;
    font-size:0.625rem;
    color: #fff;
    padding: 0 10px;
    height: 20px;
    line-height: 18px;
    background: linear-gradient(-90deg, #4A4EA5 0%, #686DD2 98%);
    border-radius: 15px 10px 0px 15px;
    z-index: 2;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_l p.hangpai:after{
    content:'';
    position: absolute;
    right: 0px;
    top:20px;
    right: 0px;
    width: 0;
    height: 0;
    border-top: 5px solid #2C3078ed;
    border-right: 5px solid transparent;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_l .sdin{
    position: absolute;
    left: 5px;
    bottom: 4px;
    z-index: 2;
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    justify-content:flex-start;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_l .vvid_pic_ico {
  border-radius: 100%;
  width:16px;
  height:16px;
  border:1px solid #fff;
  background: url(/overseas/img/vr_animation.png) rgba(0,0,0,0.5);
  background-position-y: 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_l .vr-animation-forever { 
  -webkit-animation:vr 5s steps(80) infinite;
  animation:vr 5s steps(80) infinite;
}
@-webkit-keyframes vr {to{background-position-y:100%}}
@keyframes vr {to{background-position-y:100%}}

.sell_conter ul li .sell_conterBox .sell_conterBox_l .vid_ico{
    width: 16px;
    height: 16px;
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    margin-left: 4px;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_l .vid_ico img{
    width: 100%;
    height: 100%;
}

.sell_conter ul li .sell_conterBox .sell_conterBox_r{
    width: 61%;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_r h2{
    font-size: 0.937rem;
    font-weight: bold;
    color: #343434;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 70%;
    margin-top: 2px;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_r p.pric{
    margin-top: 8px;
    font-size: 0.625rem;
    color: #FB5034;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_r p.pric span{
    font-size: 0.937rem;
    font-weight: bold;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_r p.time{
    margin-top: 5px;
    font-size: 0.625rem;
    color: #9A9A9A;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_r p.style{
    margin-top: 5px;
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    font-size: 0;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_r p.style i{
    font-size: 0.625rem;
    color: #fff;
    height: 18px;
    line-height: 18px;
    background: #3882D2;
    padding: 0 5px;
    border-radius: 2px;
}
.sell_conter ul li .sell_conterBox .sell_conterBox_r p.style span{
    font-size: 0.625rem;
    color: #507EB0;
    height: 18px;
    line-height: 18px;
    background: #F1F7FF;
    padding: 0 5px;
    border-radius: 2px;
    display: inline-block;
    margin-left: 5px;
}
.sell_conter ul li .sell_conterBox .lp_zk{
    margin-top:11px;
    width: 100%;
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    
}
.sell_conter ul li .sell_conterBox .lp_zk span{
    background: linear-gradient(90deg, #FFEFED 0%, #FFF8F7 100%);
    border-radius: 10px;
    display: inline-block;
    padding: 3px 8px;
    font-size: 0.625rem;
    color: #333333;
}
.sell_conter ul li .sell_conterBox .lp_zk img{
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-right: 3px;
}
.sell_conter ul li .sell_conterBox .lp_zk i{
    color: #B5B5B5;
    display: inline-block;
    padding: 0 3px;
}
.sell_conter ul li .lp_tell{
    position: absolute;
    right: 0px;
    top:22%;
}
.sell_conter ul li .lp_tell a{
    display: -webkit-flex; /* Safari */
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    color: #fff;
    height: 27px;
    padding: 0 10px;
    background: #44A6F5;
    border-radius: 14px;
}
.sell_conter ul li .lp_tell a img{
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
}





/* v2 改版 E */


/*导航*/
.main_columns {width:auto; height:auto; background:#ffffff;}
.main_columns ul {display:block; width:auto; height:auto; padding:5px 0;}
.main_columns ul li {width:24%; height:auto; float:left; text-align:center;position: relative;left:2%}
.main_columns ul li a {display:block; width:auto; height:auto; padding:10px 0;}
.main_columns ul li a span {display:block; width:41px; height:40px; margin:0 auto;}
.main_columns ul li a span img {width:41px; height:40px;}
.main_columns ul li a h1 {font-size:0.8rem; color:#000000; width:auto; height:auto; padding-top:10px;}
/*2018-10-11 杨*/
.main_columns ul li.index_list span{position: relative; }
.main_columns ul li.index_list span i.index_hot{position: absolute; right: -5px; top: -6px; width: 15px; height: auto;}
.main_columns ul li.index_list span i.index_hot img{ width: 100%; height: auto;}





/*公共标题*/
.hot_title{ padding: 0px 0;}
.hot_title .hot_title_font { position: relative;}
.hot_title .hot_title_font span {font-size:1.2rem; display:inline-block;vertical-align:middle;position:relative;padding:5px;color:#494949;font-weight:600;}







/*房产资讯*/
.y_hotnews_list{ margin: 10px 0;}
/*.y_hotnews_list ul li+li{margin-top: 10px;}*/
.y_hotnews_list ul li{ background:#fff; padding: 15px 0; border-bottom: 5px solid #F5F5F5;}
.y_hotnews_list ul li.style1 .y_style1_tu{ width: 37%; height:95px; float: right;}
.y_hotnews_list ul li.style1 .y_style1_tu img{ width: 100%; height: 100%; border-radius: 5px;}
.y_hotnews_list ul li.style1 .y_style1_text{float: left; width: 60%;} 
.y_hotnews_list ul li.style1 .y_style1_text .y_title{ font-size: 0.95rem; color: #333; line-height: 23px; font-weight: 600;position:relative;top:12px;}
.y_hotnews_list ul li.style1 .y_style1_text .y_sjll{position: relative;  top: 28px;}
.y_hotnews_list ul li.style1 .y_style1_text .y_sjll span{display: inline-block; font-size: 0.75rem; color: #999;}
.y_hotnews_list ul li.style1 .y_style1_text .y_sjll span i{display: inline-block; width: 18px; height: auto; position: relative;top: -1px; margin-right: 5px;}
.y_hotnews_list ul li.style1 .y_style1_text .y_sjll span i img{ width: 100%; height: auto;}
.y_hotnews_list ul li.style1 .y_style1_text .y_sjll span.y_sj{ margin-left: 15px;}

.y_hotnews_list ul li.style2 p.y_title{ font-size: 1rem; color: #333; line-height: 20px;}
.y_hotnews_list ul li.style2 p.y_tulist{margin-top: 8px;}
.y_hotnews_list ul li.style2 p.y_tulist i{display: block; width: 30%; height: 85px; float: left;}
.y_hotnews_list ul li.style2 p.y_tulist i+i{margin-left: 10px;}
.y_hotnews_list ul li.style2 p.y_tulist i img{ width: 100%; height: 100%;}
.y_hotnews_list ul li.style2 p.y_sjll{ padding: 5px 0 3px;}
.y_hotnews_list ul li.style2 p.y_sjll span{display: inline-block; font-size: 0.8rem; color: #999;}
.y_hotnews_list ul li.style2 p.y_sjll span i{display: inline-block; width: 17px; height: auto; position: relative;top: -1px; margin-right: 5px;}
.y_hotnews_list ul li.style2 p.y_sjll span.y_sj{ margin-left: 15px;}

.y_news_ckgd{ text-align: center; padding: 5px 0 15px;}
.y_news_ckgd a{display: inline-block; border-radius: 30px; padding: 7px 25px; font-size: 0.9rem; color: #888; background: #fff; border:1px solid #e3e3e3;}


.y_item{ background:#fff; padding: 20px 10px;}
.y_item_main ul li{ width: 50%; float: left; text-align: center; margin: 10px 0;}
.y_item_main ul li .y_tu{ width: 45px; height:45px; margin: 0 auto;}
.y_item_main ul li .y_tu img{ width: 45px; height:45px;}
.y_item_main ul li .y_titile{font-size: 0.9rem; color: #666;margin-top: 8px;}


/* 购房流程 */
.c{display:block; zoom:1;}
.c:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}
.process{ margin-top: 10px; width: 100%;background: #fff;border-bottom: 1px solid #ddd;}
.process_main{ width: 95%; margin: 0 auto; padding: 15px 0;}
.process_main ul li{width: 20%; float: left; text-align: center;}
.process_main ul li p.img{width:40px; height: 40px; margin: 0 auto;}
.process_main ul li p.img img{width: 100%; text-align: center; display: block;}
.process_main ul li p.txt{margin-top: 5px;}
.process_main ul li p.txt span{display: block; font-size: 0.6rem;position: relative;top: 4px;}
.process_main  .process_main_icon{display: block;height:18px;width: 18px; float: left;margin-top: 12px;}




/*快捷找房*/
.y_hotcity{ width: 100%;  height: auto; margin-top: 10px; background: #fff; padding: 10px 0;}
.y_hotcitymain{ width: 95%; margin:0 auto; }
.y_hotcity .hot_title_font{width: 90%;margin: 0 auto; text-align: center; border-top:1px #d6d6d6 dashed; margin-top: 22px;}
.y_hotcity .hot_title_font span{ display: inline-block; font-size: 1rem; color: #333; font-weight: 600; position: relative; top: -10px; padding: 0 15px; background: #fff;}
.y_hotcity_center{ margin-top: 10px; position: relative; height: 25px; overflow: hidden; }
.y_hotcity_center p.y_hotcity_centerL{ float: left; font-size: 0.9rem; color: #666;}
.y_hotcity_center p.y_hotcity_centerR{ float: left; width:80%; }
.y_hotcity_center p.y_hotcity_centerR a{ float: left; display: block; font-size: 0.9rem; color: #333; padding: 0px 8px 8px;}
.y_hotcity_center i{ border: 1px solid #e1e1e1; padding: 3px 5px; display: block; width: 21px; height: auto; position: absolute;right: 10px; top:0px;}
.y_hotcity_center i img{ width: 100%; height: auto;}
.y_hotcity_center i.on img{
    transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
}
.y_hotcity_center2{ margin-top: 5px;}
.y_hottype a{ margin: 5px 3px; font-size:0.75rem; padding:3px 5px; border: 1px solid #666; color: #666; border-radius: 5px; display: inline-block; color: #fff;}
.y_hottype a:nth-child(1){ border-color: #d0b4a9 ; background: #d0b4a9;}
.y_hottype a:nth-child(2){ border-color: #c2bbb1 ; background: #c2bbb1;}
.y_hottype a:nth-child(3){ border-color: #abb7b7 ; background: #abb7b7;}
.y_hottype a:nth-child(4){ border-color: #9ab4e5 ; background: #9ab4e5;}
.y_hottype a:nth-child(5){ border-color: #dfca9f ; background: #dfca9f;}
.y_hottype a:nth-child(6){ border-color: #9ab4e5 ; background: #9ab4e5;}
.y_hottype a:nth-child(7){ border-color: #dfca9f ; background: #dfca9f;}
.y_hottype a:nth-child(8){ border-color: #d0b4a9 ; background: #d0b4a9;}
.y_hottype a:nth-child(9){ border-color: #c1bab0 ; background: #c1bab0;}
.y_hottype a:nth-child(10){ border-color: #abb7b7 ; background: #abb7b7;}
.y_hottype a:nth-child(11){ border-color: #c2bbb1 ; background: #c2bbb1;}

.ipt_area .a_inp{display:block; font-size: 0.9rem; color:#666; width: 100%; background: url("/overseas/img/index/splist1_1.png") no-repeat center right; background-size:20px 20px; padding:2px 0; }















.m_zaigai_title{position:relative;margin:auto;width:170px;height:32px;}
.m_zaigai_title img{width: 100%;display: block;position: relative;top: 15px;}
.m_zaigai_title span{position: absolute;left: 50%;margin-left: -34px;font-size: 1.1rem;font-weight: 600;color: #444;}


.sell_title {position: relative;height:35px;border-bottom:1px solid #D9D9D9;background:#FFF;}
.sell_title .sell_title_left{display:inline-block;background:url(/overseas/img/icon_title.png) no-repeat center center/113px 40px;color:#fff;height:30px;font-size:1rem;padding:5px 16px 5px 6px;position:absolute;top:-6px;}
.sell_title .sell_title_left img {display:inline-block;width:20px;}
.sell_title .sell_title_left span {position:relative;top:2px;}
.sell_title .sell_title_right {position:absolute;right:8px;top:10px;font-size:0.8rem;color:#7f7e7e;}
.sell_title .sell_title_right img {display:inline-block;width:15px;position:relative;right:5px;}




/*旅居城市*/

.Livinglife{ background: #fff; width: 100%; margin-top: 10px;}
.Livinglife_c{ width: 95%; margin: 0 auto;padding-top:15px;}
.Livinglife_bg{ margin-top: 20px;}
.Livinglife_bg .left{float: left; width:44%;}
.Livinglife_bg .left .left_top a{ display: block; position: relative;}
.Livinglife_bg .left .left_top a .text{ position: absolute; left:10px;top:10px;border-radius: 30px;padding: 5px 0;}

.Livinglife_bg .left .left_top a p.tu{ width: 100%; height: 100px;border-radius:5px;overflow:hidden;}
.Livinglife_bg .left .left_top a p.tu img{ width: 100%; height: 100%;}
.Livinglife_bg .left .left_top a .text p.p1{ font-size: 1rem; color: #fff; font-weight: bold; }
.Livinglife_bg .left .left_top a .text p.p2{ font-size: 0.7rem; color: #fff; margin-top: 3px;}
.Livinglife_bg .left .left_top2{ margin-top: 8px;}

.Livinglife_bg .right{float: right; width:54%;border-radius:5px;overflow:hidden;}
.Livinglife_bg .right a{display: block; position: relative;}
.Livinglife_bg .right a p.tu{ width: 100%; height:208px; }
.Livinglife_bg .right a p.tu img{ width: 100%; height:100%; }
.Livinglife_bg .right a .text{ position: absolute; right:10px; top:10px;width: 66%;border-radius: 30px;padding: 5px 0;}
.Livinglife_bg .right a .text p.p1{ font-size: 1rem; color: #fff; font-weight: bold;float:right;}
.Livinglife_bg .right a .text p.p2{ font-size: 0.7rem; color: #fff; margin-top: 3px;float:right;}

.y_hotnews_main{ background: #fff; margin-top: 10px;}
.yv2_hotnews{
    width: 95%;
    margin: 0 auto;
    padding: 20px 0;
}
/*切换区域*/
#m_CityClick{display:block;}
.m_qhcs_box{background:#FFF;}
.m_head_qhcs{border:1px solid #ddd;width:100%;height:50px;text-align:center;position:relative;background:#fbfbfb;}
.m_head_qhcs span{font-size:1.2rem;color:#333;font-weight:600;line-height:50px;}
.m_Return{width:50px;height:50px;position:absolute;top:0;left:0;}
.m_Return img{width:13px;display: block;margin:auto;margin-top:12px;}
.m_City{padding-bottom:15px}
.m_City_title{height:40px;background:#EEE;line-height:40px;text-indent:17px;font-size:0.8rem;color:#333;}
.m_City_list li{border:1px solid #DDD;width:20%;height:30px;float:left;text-align:center;line-height:30px;margin:4% 0 0 4%;}
.m_City_list li a{font-size:0.8rem;color:#333;}



.m_City_ul_title{height:40px;background:#EEE;line-height:40px;text-indent:17px;font-size:0.8rem;color:#333;}
.m_City_ul_li {padding-bottom:15px;border-bottom:1px solid #DDD;}
.m_City_ul_li a{border:1px solid #DDD;width:20%;height:30px;float:left;text-align:center;line-height:30px;margin:4% 0 0 4%;display:block;font-size:0.8rem;color:#333;}
.m_City_province{width:20%;height:75px;float:left;margin:4% 0 0 4%;line-height:75px;text-align:center;background:#EEE;font-size:1.1rem;font-weight:600;color:#333;}





/*媒体查询*/
@media (max-width: 320px){
  .banner{height:172px;}
  .header .header_seek {width:63%;}
  .y_tstj_bottom_l{ width: 48%;}


  .y_input .ipt_area .ipt_areabutton{ position: absolute; right: -4px; top: -7px; width: 30px; height: 30px; background: url("/overseas/img/index/splist1_1.png") no-repeat center; z-index: 10; background-size: 20px 20px; }
.y_input .ipt_area{ width: 58%;}
.y_input .y_city{ padding-left: 4px;}
.y_sfheader_top{ position: absolute; left: 50%; top: 15px;  width: 70%; margin-left: -35%;}
.y_sfheader_top .y_logo p:nth-child(1){ font-size: 1.6rem; color:#fff;}
.y_sfheader_top .y_logo p:nth-child(2){ font-size: 0.7rem; color:#fff;}
.y_input{ background: #fff; padding:8px 8px; border-radius: 30px; position: relative; top: 10px;}

.y_sfheader_bg{ width: 100%; height:210px;}
.y_sfheader_bg p{ width: 100%; height: 100%;}
.y_sfheader_bg p img{ width: 100%; height: 100%;}

} 






 
/*搜索弹出*/
.clear_c{display:block; zoom:1;}
.clear_c:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}


.search-header{ background: #fff; display: block; padding: 10px;}
.back-btn_maing{ float: left; width: 10%; display: block;}
.back_search_m{ width: 88%; float: right; display: block;}
.back_search_m .form input{ width: 85%; margin-bottom: 0px; display: block; float: left; border: 1px solid #4292F1; border-radius:0; height: 35px;font-size:0.8rem;padding:0 10px;}
.back_search_m .form a{ width: 15%; background: #4292F1; display: block; float: left; text-align: center; height: 35px; line-height: 35px;}
.back_search_m .form a img{width: 23px; height: auto;}

.back_search_m .form{ position: relative;}
.back_search_m .form .y_scriptm{ position: absolute; width:100%; left: 0px;top: 34px;z-index: 12;}
.back_search_m .form .y_scriptm .select4_box{background:#fff; border: 1px solid #e1e1e1; width: 100%;}

.back_search_m .form .y_scriptm .select4_box ul li{width: 100%;}
.back_search_m .form .y_scriptm .select4_box ul li a{ background:none; display: inline-block; width: 100%; text-align: left; padding: 0 10px;}
.back_search_m .form .y_scriptm .select4_box ul li span:nth-child(1){display: block; float: left;}
.back_search_m .form .y_scriptm .select4_box ul li span:nth-child(1){font-size: 1rem; color: #333;}
.back_search_m .form .y_scriptm .select4_box ul li span:nth-child(1) i{font-size: 0.8rem;color: #666; display: inline-block; margin-left: 5px;}
.back_search_m .form .y_scriptm .select4_box ul li span:nth-child(2){display: block; float: right; font-size: 0.8rem; color: #666;}
.back_search_m .form .y_scriptm .select4_box ul li span:nth-child(2) em{font-size: 1rem;color: #f00;}
.select4_box li.active{ background:#f5f5f5;}
.back_search_m .form .y_scriptm .select4_box{ width: 100%; height: 239px; overflow: auto; overflow-y:auto;}
#serachBox {
    z-index: 10;
    position: relative;
    /*display: none;*/
}

.search-container .title {
    position: relative;
    padding: 18px 10px 13px 23px;
    line-height: 14px;
    font-size: 1rem;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ebebeb;
    color:#000;
}
.search-container .title .title-icon {
    position: absolute;
    display: block;
    left: 13px;
    top: 18px;
    width: 2px;
    height: 14px;
    background-color: #4292F1;
}

.search-container .filter-list, .search-container .history-list {
    padding: 0 10px;
    background-color: #FFF;
    /*border:1px solid;*/
}
.search-container .filter-list .filter-item {
    float: left;
    box-sizing: border-box;
    width: 33.33333333%;
    height: 41px;
    border-bottom: 1px solid #ebebeb;
    /*border: 1px solid #ebebeb;*/
    /*margin:0px 10px;*/
    /*border-right: 1px solid #ebebeb;*/
    display: block;

}

.search-container .history-list .list-item a {
    display: block;
    width: 100%;
    height: 41px;
    font-size: 0.9rem;
    line-height: 41px;
    border-bottom: 1px solid #ebebeb;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color:#333;
}
.search-container .filter-list .filter-item a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 11px 0;
    font-size: 0.9rem;
    text-align: center;
    color: #333;
}
.search-container .filter-list .filter-item a .item-text {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    float: left;
    font-size: 0.9rem;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    border-right:1px solid #ebebeb;
    padding:0 5px;
}

.search-container .filter-list .filter-item:nth-child(3n) a .item-text{border-right:0px;}

.search-container .filter-list .filter-item a i{ float: left; width: 16px; height: 15px; display: block; margin-left: 5px;}
.search-container .filter-list .filter-item a i img{ width: 100%; height: 100%;position: relative;top:-5px}

.search-container .search-history .title {
    border-top: 1px solid #ebebeb;
}
.search-container .clear-histroy {
    display: block;
    width: 100%;
    height: 41px;
    line-height: 41px;
    text-align: center;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    color: #999;
    font-size: 1rem;
    background-color: #fafafa;
}
.search-container .none-history {
    display: none;
    width: 100%;
    height: 41px;
    line-height: 41px;
    text-align: center;
    border-bottom: 1px solid #e7e7e7;
    color: #999;
    font-size: 1rem;
    background-color: #FFF;
}

.search-header .back-btn {
    position: absolute;
    left: 8px;
    top: 13px;
    width: 30px;
    height: 30px;
    background: url("/overseas/img/u5.png") no-repeat;
    background-size: 30px 30px;
    background-position: center;
}





/*轮播*/
.m_swiper_box{width:100%;margin-top:10px;background:#FFF;padding-top: 15px;}
.m_swiper_box ul{width:100%;}
.m_swiper_box ul li{width:46%;height:82px;float:left;margin-left:2.7%;}
.m_swiper_box ul li img{width:100%;height:100%;}