pfhwyigou/frontend/web/overseas/css/index.css

body{
  background: #fff;
}
/* v2改版 幻灯 A */
/* v2 幻灯 */
.yhn_slide{
  width: 100%;
  height: 535px;
  overflow: hidden;
  position: relative;
}
.yhn_slideBox{
  width: 100%;
  height: 100%;
  position: relative;
}
.yhn_slideBox  ul li{
  width: 100%;
  height: 535px;
}
.yhn_slideBox  ul li img{
  width: 100%;
  height: 100%;
}
.yhn_slideBox  ul li a{
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}
.yhn_slideBox .prev{
  position:absolute;
  top:50%;
  left:100px;
  margin-top:-25px;
  background: rgba(51, 51, 51, 0.41) url(/image/zuo13.png) no-repeat -7px  5px/50px 46px;
  display:block;
  width:39px;
  height:56px;
  margin-top: -28px;
  z-index: 2;
}
.yhn_slideBox .next{
  position:absolute;
  top:50%;
  right:100px;
  margin-top:-25px;
  background: rgba(51, 51, 51, 0.41) url(/image/you13.png) no-repeat -4px 5px/50px 46px;
  display:block;
  width:39px;
  height:56px;
  margin-top: -28px;
  z-index: 2;
}

/* v2改版 筛选 */
.yhn_screen{
  width: 100%;
  height: auto;
}
.yhn_screenBox{
  position: relative;
  top:-50px;
  height: auto;
  box-shadow: 1px 3px 16px 0px rgba(0, 0, 0, 0.08);
  z-index: 5;
  padding: 34px 0;
}
.yhn_screenBox_hot{
  margin: 0 34px;
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:flex-start;
  align-items:center;
  height: 18px;
  line-height: 18px;
}
.yhn_screenBox_hot p.hot_title{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  font-size: 14px;
  color: #666;
}
.yhn_screenBox_hot p.hot_title img{
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 3px;
}
.yhn_screenBox_hot p.hot_list{
  font-size: 0;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
}
.yhn_screenBox_hot p.hot_list a{
  display: inline-block;
  font-size: 14px;
  color: #666;
}
.yhn_screenBox_hot p.hot_list a+a{
  margin-left: 15px;
}
.yhn_screenBox_center{
  margin:0 34px;
  margin-top: 20px;
  font-size: 0;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:flex-start;
}
.yhn_screenBox_center .center_left{
  position: relative;
  width: auto;
}
.yhn_screenBox_center .center_left_search{
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:flex-start;
  align-items:center;
}
.yhn_screenBox_center .center_left_search input.left_input{
  width: 670px;
  height: 50px;
  border:1px solid #D9D9D9;
  background: url('/overseas/img/v2image/v2_ico2.png') #fff 12px center no-repeat;
  background-size:20px 20px;
  border-radius: 6px 0 0 6px;
  font-size: 14px;
  color: #666;
  padding-left: 40px;
}
.yhn_screenBox_center .center_left_search input.left_input::-webkit-input-placeholder {
    color: #ACACAC;
}
.yhn_screenBox_center .center_left_search input.left_input::-moz-placeholder {
    /* Firefox 19+ */
    color: #ACACAC;
}
.yhn_screenBox_center .center_left_search input.left_input:-moz-placeholder {
    /* Firefox 18- */
    color: #ACACAC;
}
.yhn_screenBox_center .center_left_search input.left_input:-ms-input-placeholder {
    /* IE 10- */
    color: #ACACAC;
}
.yhn_screenBox_center .center_left_search input.right_button{
  width: 156px;
  height: 52px;
  background: linear-gradient(90deg, #01A4FE 0%, #2BC0F8 100%);
  border-radius: 0px 6px 6px 0px;
  border:none;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
.yhn_screenBox_center .center_left .show_search{
  display: none;
  position: absolute;
  left: 0px;
  top:52px;
  height: 215px;
  width: 100%;
  background: #fff;
  border-radius:6px;
  z-index: 5;
  box-shadow: 1px 3px 16px 0px rgba(0, 0, 0, 0.08);
}
.yhn_screenBox_center .center_left .show_search ul{
  overflow-y: auto;
  height: 215px;
  overflow-x: hidden;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.yhn_screenBox_center .center_left .show_search ul::-webkit-scrollbar  
{  
    width: 5px;  /*滚动条宽度*/
    height: 8px;  /*滚动条高度*/
}
/*定义滚动条轨道 内阴影+圆角*/  
.yhn_screenBox_center .center_left .show_search ul::-webkit-scrollbar-track  
{ 
    background-color: #fff;
}
/*定义滑块 内阴影+圆角*/  
.yhn_screenBox_center .center_left .show_search ul::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  /*滚动条的圆角*/
    background-color: #ccc;  /*滚动条的背景颜色*/
}


.yhn_screenBox_center .center_left .show_search ul li{
  padding:0px 30px;
  height: 40px;
  line-height: 35px;
}
.yhn_screenBox_center .center_left .show_search ul li a{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:space-between;
}
.yhn_screenBox_center .center_left .show_search ul li p.left_name{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
}
.yhn_screenBox_center .center_left .show_search ul li p.left_name span{
  font-size: 15px;
  color: #333;
  font-weight: bolder;
}
.yhn_screenBox_center .center_left .show_search ul li p.left_name em{
  display: inline-block;
  font-size: 14px;
  color: #666;
  margin-left: 10px;
}
.yhn_screenBox_center .center_left .show_search ul li a i{
  font-size: 15px;
  color: #FF3131;
  display: inline-block;
}
.yhn_screenBox_center .center_left .show_search ul li.active{
  background: #F1F5F9;
}
.yhn_screenBox_center .center_left .show_search ul li.active p.left_name span{
  color: #43A6F5;
}

.yhn_screenBox_center .center_rgiht{
  margin-left: 25px;
}
.yhn_screenBox_center .center_rgiht a{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  font-size: 16px;
  color: #507DAF;
}
.yhn_screenBox_center .center_rgiht a span{
  display: inline-block;
  font-weight: bold;
}
.yhn_screenBox_center .center_rgiht a img{
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.screenBox_bottom{
  margin: 0 34px;
  margin-top: 30px;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:flex-start;
  justify-content:flex-start;
}
.screenBox_bottom_main{
  width: 350px;
  margin-left: 27px;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:flex-start;
  justify-content:flex-start;
}
.screenBox_bottom_main:nth-child(1){
  margin-left: 0px;
}
.screenBox_bottom_main p.left_style{
  width: 42px;
  height: 86px;
  background: #F1F5F9;
  border-radius: 0px 0px 21px 21px;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:center;
}
.screenBox_bottom_main p.left_style span{
  font-size: 14px;
  color: #333;
  font-weight: bold;
  display: inline-block;
}
.screenBox_bottom_main p.left_style span i{
  display: block;
  margin-top: 3px;
}

.screenBox_bottom_main p.left_list{
  margin-left: 18px;
  width: 290px;
  font-size: 0;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
}
.screenBox_bottom_main p.left_list a{
  display: inline-block;
  font-size: 14px;
  color: #333;
  margin:0 8px;
  margin-bottom: 12px;
}
.screenBox_bottom_main p.left_list a:hover{
  color: #43A6F5;
}

/* v2 广告报名 */
.yv2_indexAdc{
  margin-top:10px;
}
.yv2_indexAdc_main ul{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:flex-start;
}
.yv2_indexAdc_main ul li{
  width: 285px;
  height: 106px;
}
.yv2_indexAdc_main ul li img{
  width:100%;
  height: 100%;
}
.yv2_indexAdc_main ul li+li{
  margin-left: 20px;
}

.yv2_indexTiele{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:flex-end;
  justify-content:space-between;
}
.yv2_indexTiele .yv2_indexTiele_l{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:flex-end;
  justify-content:space-between;
}
.yv2_indexTiele .yv2_indexTiele_l p{
  font-size: 28px;
  color: #2D2D2D;
  font-weight: bold;
}
.yv2_indexTiele .yv2_indexTiele_l em{
  display:inline-block;
  font-size:16px;
  color:#666;
  margin-left: 24px;
}
.yv2_indexTiele .yv2_indexTiele_r a{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
}
.yv2_indexTiele .yv2_indexTiele_r a span{
  font-size:14px;
  color:#2D2D2D;
  display:inline-block;
}
.yv2_indexTiele .yv2_indexTiele_r a i{
  width:16px;
  height:16px;
  display:none;
  background: #CACACA;
  border-radius: 100%;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:center;
  margin-left:10px;
}
.yv2_indexTiele .yv2_indexTiele_r a i img{
  width: 6px;
  height: 8px;
  display:inline-block;
}
.yv2_indexTiele .yv2_indexTiele_r a:hover span{
  color:#43A6F5;
}
.yv2_indexTiele .yv2_indexTiele_r a:hover i{
  background: #43A6F5;
}

/* v2 VR全景看房 */
.yv2_Panorama{
  margin-top: 60px;
}
.yv2_Panorama_main_list ul{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:flex-start;
  margin-top:25px;
}
.yv2_Panorama_main_list ul li{
  width: 292px;
  height: 245px;
  position: relative;
  overflow: hidden;
  border-radius:20px;
}
.yv2_Panorama_main_list ul li+li{
  margin-left: 11px;
}
.yv2_Panorama_main_list ul li p.img_ico,.yv2_Panorama_main_list ul li p.img_ico img{
  width: 100%;
  height:100%;
}
.yv2_Panorama_main_list ul li p.style_l{
  position: absolute;
  left: 0px;
  top:0px;
  height:24px;
  line-height: 24px;
  font-size:0;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:flex-start;
  z-index: 2;
}
.yv2_Panorama_main_list ul li p.style_l i{
  padding:0 7px 0 15px;
  background: #724E00;
  height: 100%;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
}
.yv2_Panorama_main_list ul li p.style_l i img{
  width: 20px;
  height: 20px;
  display:inline-block;
}
.yv2_Panorama_main_list ul li p.style_l span{
  font-size:12px;
  color:#724E00;
  background: #FFE362;
  border-radius: 0px 0px 20px 0px;
  padding: 0 13px 0 8px;
  font-weight: bold;
}
.yv2_Panorama_main_list ul li p.lp_title{
  position: absolute;
  left:0px;
  bottom: 0px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 34px;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:center;
}
.yv2_Panorama_main_list ul li p.lp_title span{
  display: inline-block;
  font-size: 14px;
  color:#fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 200px;
}
.yv2_Panorama_main_list ul li p.lp_title em{
  display:inline-block;
  font-size:14px;
  color: #fff;
  margin-left: 8px;
}
.yv2_Panorama_main_list ul li .vvid_pic_ico {
  position: absolute;
  top:50%;
  left:50%;
  border-radius: 100%;
  width:60px;
  height:60px;
  background: url(/overseas/img/vr_animation.png);
  background-color:rgba(0,0,0,0.5);
  background-position-y: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  border: 1px solid hsl(0, 0%, 97%);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  margin:-30px 0 0 -30px;
  z-index: 2;
}
.yv2_Panorama_main_list ul li .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%}}


/*热门活动、本周精选*/
.m_hot{width:1200px;overflow:hidden;margin:auto;margin-top:60px;}
.m_hot_top{margin-bottom:17px;height:213px;}
.m_hot_top_img{width:213px;height:213px;position:relative;float:left;}
.m_hot_top_img img{width:100%;height:100%;}
.m_hot_top_img span{position:absolute;top:64px;left:48px;font-size:30px;color:#FFF;}
.m_hot_top_img i{position:absolute;top:110px;left:38px;font-size:14px;color:#FFF;}
.m_hot_top ul{float:left;margin-left:17px;}
.m_hot_top ul li{width:475px;height:213px;float:left;margin-right:17px;}
.m_hot_top ul li:nth-child(2){margin-right:-50px;}
.m_hot_top ul li img{width:100%;height:100%;}
/*热销楼盘  特效*/
/*盒子*/
.m_box{position:relative;perspective:1000px;}
.m_box .content1{
  opacity:1;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transform:translateY(0) rotateX(0);
  -webkit-transform:translateY(0) rotateX(0);
  -moz-transform:translateY(0) rotateX(0);
  -o-transform:translateY(0) rotateX(0);
}
.m_box:hover .content1{
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transform: translateY(-100%) rotateX(90deg);
  -webkit-transform: translateY(-100%) rotateX(90deg);
  -moz-transform: translateY(-100%) rotateX(90deg);
  -o-transform: translateY(-100%) rotateX(90deg);
  transform-origin:bottom center;
  -webkit-transform-origin:bottom center;
  -moz-transform-origin:bottom center;
  -o-transform-origin:bottom center;
  opacity:0;
}
.m_box .content2{opacity:0;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}
.m_box:hover .content2{opacity:1;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
}

/* v2改版 热销楼盘 */
.yv2Hotlp{
  margin-top: 60px;
}
.yv2Hotlp_nav{
  margin-top: 23px;
  font-size: 0;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:flex-start;
}
.yv2Hotlp_nav a{
  height: 40px;
  line-height: 40px;
  border-top: 2px solid #F4F7FA;
  width: 240px;
  text-align: center;
  background: #F4F7FA;
  font-size:16px;
  color: #666;
  border-left: 1px solid #F4F7FA;
  border-right: 1px solid #F4F7FA;
  border-bottom:1px solid #eee;
}
.yv2Hotlp_nav a.on{
  border-top-color: #43A6F5;
  border-left-color: #eee;
  border-right-color: #eee;
  border-bottom-color: #fff;
  color:#43A6F5;
  background: #fff;
}
.yv2Hotlp_nav a:hover{
  border-top-color: #43A6F5;
  border-left-color: #eee;
  border-right-color: #eee;
  border-bottom-color: #fff;
  color:#43A6F5;
  background: #fff;
}
.yv2Hotlp_box{
  margin-top: 20px;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:flex-start;
  justify-content:space-between;
}
.yv2Hotlp_box_left{
  width: 895px;
}
.yv2Hotlp_box_left ul{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:flex-start;
  justify-content:flex-start;
  flex-wrap:wrap;
}
.yv2Hotlp_box_left ul li{
  width: 282px;
  height: 318px;
  border:1px solid #eee;
  background: #fff;
  margin-right: 20px;
  margin-bottom: 30px;
}
.yv2Hotlp_box_left ul li:nth-child(3n){
  margin-right: 0px;
}
.yv2Hotlp_box_left ul li p.ico_img{
  width: 100%;
  height: 177px;
  background: #f9f9f9;
}
.yv2Hotlp_box_left ul li p.ico_img img{
  width: 100%;
  height: 100%;
}
.yv2Hotlp_box_left ul li .lp_text_m{
  padding: 0 15px;
  margin-top: 20px;
}
.yv2Hotlp_box_left ul li .lp_text_m p.titile{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:flex-end;
  justify-content:flex-start;
  font-size: 0;
}
.yv2Hotlp_box_left ul li .lp_text_m p.titile a{
  display: inline-block;
  font-size: 18px;
  color: #2D2D2D;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 180px;
}
.yv2Hotlp_box_left ul li .lp_text_m p.titile span{
  display: inline-block;
  font-size: 13px;
  color: #666;
  position: relative;
  top: -3px;
  margin-left: 5px;
}
.yv2Hotlp_box_left ul li .lp_text_m .pric_main{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:space-between;
  margin-top: 8px;
}
.yv2Hotlp_box_left ul li .lp_text_m .pric_main p.pric_l span{
  display:block;
  font-size:12px;
  color: #FF3131;
}
.yv2Hotlp_box_left ul li .lp_text_m .pric_main p.pric_l span i{
  font-size: 18px;
}
.yv2Hotlp_box_left ul li .lp_text_m .pric_main p.pric_l em{
  font-size: 12px;
  color: #999;
  display: block;
  margin-top: 3px;
}
.yv2Hotlp_box_left ul li .lp_text_m .pric_main a{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:space-between;
  position: relative;
  top: -8px;
}
.yv2Hotlp_box_left ul li .lp_text_m .pric_main a span{
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  background: #43A6F5;
  display: inline-block;
  border-radius: 15px;
  padding: 0 0px 0 10px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  width: 116px;
  right: 0px;
  z-index: 1;
}
.yv2Hotlp_box_left ul li .lp_text_m .pric_main a em{
  display: inline-block;
  border: 2px solid #43A6F5;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
  background: radial-gradient(circle, #FFFFFF 38%, #D0DDE8 97%);
}
.yv2Hotlp_box_left ul li .lp_text_m .pric_main a em img{
  width: 100%;
  height: 100%;
}
.yv2Hotlp_box_left ul li .lp_text_m p.lp_zk{
  width: 100%;
  margin-top: 10px;
}
.yv2Hotlp_box_left ul li .lp_text_m p.lp_zk span{
  border: 1px solid #FFCECA;
  background: #fff;
  height: 20px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  color: #FF5849;
  padding: 0 2%;
  border-radius: 3px;
  max-width: 94%;
  display: inline-block;
}
.yv2Hotlp_box_left ul li .lp_text_m p.lp_news{
  width: 100%;
  margin-top: 10px;
}
.yv2Hotlp_box_left ul li .lp_text_m p.lp_news span{
  border: 1px solid #F4F7FA;
  background: #F4F7FA;
  height: 20px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  color: #507DAF;
  padding: 0 2%;
  border-radius: 3px;
  max-width: 94%;
  display: inline-block;
}
.yv2Hotlp_box_left ul li:hover{
  box-shadow: 0px 0px 10px 0px rgba(124, 124, 124, 0.3);
}
.yv2Hotlp_box_left ul li:hover .lp_text_m p.titile a{
  color: #43A6F5;
}
.yv2Hotlp_box_left ul li:hover .lp_text_m p.titile span{
  color: #43A6F5;
}

.yv2Hotlp_box_right{
  width: 285px;
  background: linear-gradient(0deg, #E5F0F9 0%, #C7E1F7 100%);
  height: 670px;
}
.yv2Hotlp_box_right_main{
  width: 244px;
  margin: 0 auto;
  margin-top: 48px;
}
.yv2Hotlp_box_right_main .yv2_bwzfTitle{
  position: relative;
  text-align: center;
}
.yv2Hotlp_box_right_main .yv2_bwzfTitle span{
  font-size: 28px;
  color: #1C415E;
  font-weight: bold;
  position: relative;
  z-index: 2;
}
.yv2Hotlp_box_right_main .yv2_bwzfTitle i{
  height: 7px;
  width: 120px;
  background: #F88627;
  position: absolute;
  left: 50%;
  margin-left: -60px;
  bottom: 0px;
  z-index: 1;
}
.yv2Hotlp_box_right_main .yv2_bwzfCy{
  margin-top: 15px;
  text-align: center;
}
.yv2Hotlp_box_right_main .yv2_bwzfCy span{
  display: inline-block;
  border: 1px solid #CBDEEE;
  background: #F5F7FB;
  border-radius: 12px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #2D2D2D;
  padding: 0 10px;
}
.yv2Hotlp_box_right_main .yv2_bwzfCy span i{
  color: #FF3131;
}
.yv2Hotlp_box_right_main .yv2_bwzfTxt{
  margin-top: 45px;
}
.yv2Hotlp_box_right_main .yv2_bwzfTxt p{
  font-size: 14px;
  color: #2D2D2D;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
}
.yv2Hotlp_box_right_main .yv2_bwzfTxt p img{
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.yv2Hotlp_box_right_main .yv2_bwzfTxt p+p{
  margin-top: 10px;
}
.yv2Hotlp_box_right_main .yv2_bwzfForm{
  margin-top: 40px;
}
.yv2Hotlp_box_right_main .yv2_bwzfForm .yv2_bwzfForm_city{
  position: relative;
  width: 244px;
}
.yv2Hotlp_box_right_main .yv2_bwzfForm p.in_mina{
  width: 244px;
  position: relative;
  height: 40px;
  background: #fff;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 14px;
}
.yv2Hotlp_box_right_main .yv2_bwzfForm p.in_mina input.in_text{
  width: 210px;
  height: 40px;
  padding-left: 34px;
  border: none;
  background: #fff;
  font-size: 14px;
  color: #666;
}
.yv2Hotlp_box_right_main .yv2_bwzfForm p.in_mina i{
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -8px;
  z-index: 2;
}
.yv2Hotlp_box_right_main .yv2_bwzfForm p.in_mina i img{
  width: 100%;
  height: 100%;
}
.yv2Hotlp_box_right_main .yv2_bwzfForm p.in_mina em{
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  z-index: 2;
}
.yv2Hotlp_box_right_main .yv2_bwzfForm p.in_mina em img{
  width: 100%;
  height: 100%;
}
.yv2Hotlp_box_right_main .yv2_bwzfForm .yv2_bwzfForm_city .yv2_bcity_main{
  position: absolute;
  top: 40px;
  left: 0px;
  width: 244px;
  background: #fff;
  height: 200px;
  z-index: 3;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #eee;
  padding:5px 0 10px;
  display: none;
}
.yv2Hotlp_box_right_main .yv2_bwzfForm .yv2_bwzfForm_city .yv2_bcity_main a{
  display: block;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  padding:0 15px;
  color: #666;
}
.yv2Hotlp_box_right_main .yv2_bwzfForm .yv2_bwzfForm_city .yv2_bcity_main a:hover{
  background: #f8f8f8;
  color:#43A6F5;
}
.yv2Hotlp_box_right_main .yv2_bwzfForm .yv2_bwzfForm_city .yv2_bcity_main a.on{
  background: #f8f8f8;
  color:#43A6F5;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.yv2Hotlp_box_right_main .yv2_bwzfForm .yv2_bwzfForm_city .yv2_bcity_main::-webkit-scrollbar{  
    width: 5px;  /*滚动条宽度*/
    height: 10px;  /*滚动条高度*/
}  
/*定义滚动条轨道 内阴影+圆角*/  
.yv2Hotlp_box_right_main .yv2_bwzfForm .yv2_bwzfForm_city .yv2_bcity_main::-webkit-scrollbar-track {
    border-radius: 10px;  /*滚动条的背景区域的圆角*/
    background-color: rgba(0, 0, 0,0);/*滚动条的背景颜色*/  
}  
/*定义滑块 内阴影+圆角*/  
.yv2Hotlp_box_right_main .yv2_bwzfForm .yv2_bwzfForm_city .yv2_bcity_main::-webkit-scrollbar-thumb{  
    border-radius: 10px;  /*滚动条的圆角*/ 
    background-color: #CBCBCB;  /*滚动条的背景颜色*/
}
.yv2Hotlp_box_right_main .yv2_bwzfForm a.in_button{
  height: 40px;
  border-radius: 4px;
  background: #F88627;
  width: 244px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
  display: inline-block;
}
.yv2Hotlp_box_right_main .yv2_bwzfTell{
  width: 200px;
  margin: 0 auto;
  margin-top: 50px;
  overflow: hidden;
  height: 120px;
}
.yv2Hotlp_box_right_main .yv2_bwzfTell ul li{
  height: 30px;
  line-height: 30px;
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:space-between;
  align-items:center;
  font-size: 14px;
  color: #506E89;
}

/* v2改版 航拍视频 */
.yv2_aerial{
  margin-top: 30px;
  width: 100%;
  height: auto;
}
.yv2_aerialBox_list{
  margin-top: 24px;
}
.yv2_aerialBox_list ul{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:flex-start;
  justify-content:flex-start;
}
.yv2_aerialBox_list ul li{
  width: 292px;
  height: 210px;
  position: relative;
}
.yv2_aerialBox_list ul li+li{
  margin-left: 11px;
}
.yv2_aerialBox_list ul li p.ico_img,.yv2_aerialBox_list ul li p.ico_img img{
  width: 100%;
  height: 100%;
}
.yv2_aerialBox_list ul li p.ico_vid{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 54px;
  height: 54px;
  margin-left: -27px;
  margin-top: -27px;
  z-index: 2;
}
.yv2_aerialBox_list ul li p.ico_vid img{
  width: 100%;
  height: 100%;
}
.yv2_aerialBox_list ul li p.lp_title{
  width: 100%;
  height: 34px;
  line-height: 34px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 2;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,0,0,0.4);
}
.yv2_aerialBox_list ul li p.lp_title span{
  display: inline-block;
  font-size: 14px;
  color: #fff;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.yv2_aerialBox_list ul li p.lp_title em{
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  color: #fff;
}

/*海南房价走势*/  
#trend{
  background:#43A6F5;
  color: #fff;
}
.m_trend_box{width:100%;height:auto;margin-top: 60px; background:#F4F7FA;overflow:hidden;}
.m_trend{width:1200px;height:auto;margin:auto; padding-bottom: 40px;}
.m_trend_box_main{
  margin-top: 40px;
}
.m_trend_title{margin-top:25px;}
.m_trend_title span{font-size:28px;display:block;color:#FFF;}
.m_trend_title i{font-size:15px;margin-top:10px;display:block;color:#707689;}
.m_trend_l{width:380px;height:345px;float:left;}
.m_trend_r{width:780px;overflow:hidden;float:right;}
.m_trend_r ul{height:auto;overflow:hidden;}
.m_trend_r ul li{
  width:84px;
  height:32px;
  cursor: pointer;
  border-radius:3px;
  float:left;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align:center;
  line-height:32px;
  background:#fff;
  border:1px solid #eee;
  font-size:14px;
  color:#333;
}
.m_trend_r ul li:nth-child(8n){
  margin-right: 0px;
}
.m_trend_r ul li:hover{
  background:#43A6F5;
  color: #fff;
}
.m_r_average_price{width:260px;height:200px;float:left;background:#EAEFF2;}
.m_r_average_price em{font-size:14px;color:#666;display:block;margin-top:23px;margin-left:24px;}
.m_r_average_price span{font-size:14px;color:#2E2E2E;display:block;text-align:center;margin-top:20px;}
.m_r_average_price span i{font-size:40px; font-weight: bold;}
.m_r_average_price a{
  font-size: 14px;
  color: #565656;
  width: 100px;
  height: 30px;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:center;
  border-radius: 4px;
  background: #fff;
  margin: 0 auto;
  margin-top: 30px;
}
.m_r_average_price a img{
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 5px;
}
.m_trend_r_ys{width:490px;height:200px;background:#EAEFF2;float:right;}
.m_trend_r_ys em{font-size:14px;color:#666;display:block;margin-top:23px;margin-left:24px;}
.single_box{width:433px;margin:auto;margin-top:55px;}
.budget{
  margin-top: 40px;
}
.budget a{
  font-size: 14px;
  color: #565656;
  width: 100px;
  height: 30px;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:center;
  border-radius: 4px;
  background: #fff;
  margin: 0 auto;
}
.budget a img{
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 5px;
}
.m_trend_box_main_text{
  margin-top: 25px;
  text-align: right;
}
.m_trend_box_main_text span{
  font-size: 14px;
  color: #9A9A9A;
}
.pric_bottom_box{
  margin-top: 30px;
}

/*  v2改版 房产资讯 */
.yv2_news{
  margin-top: 60px;
}

.yv2_news_main{
  margin-top: 30px;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:flex-start;
  justify-content:space-between;
}
.yv2_news_main_left{
  width: 448px;
  height: auto;
}
.yv2_news_slide{
  width: 448px;
  height: 287px;
}
.yv2_news_slide .yv2_news_hd{
  width: 448px;
  height: 287px;
  position: relative;
  overflow: hidden;
}
.yv2_news_slide .yv2_news_hd ul li{
  width: 448px;
  height: 287px;
  position: relative;
}
.yv2_news_slide .yv2_news_hd ul li p.ico_img,.yv2_news_slide .yv2_news_hd ul li p.ico_img img{
  width: 100%;
  height: 100%;
}
.yv2_news_slide .yv2_news_hd ul li p.news_title{
  position: absolute;
  left: 0px;
  bottom: 0px;
  padding: 20px 0 5px;
  width: 100%;
   background:linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.6));
}
.yv2_news_slide .yv2_news_hd ul li p.news_title span{
  display: inline-block;
  font-size: 14px;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 420px;
  margin-left: 12px;
}
.yv2_news_slide .yv2_news_hd ul li:hover p.news_title span{
  color: #01A4FE;
}
.yv2_news_slide .yv2_news_hd .prev{position:absolute;top:50%;left:0px;margin-top:-22px;background: rgba(51, 51, 51, 0.41) url('/overseas/img/news/news_ico2.png') no-repeat center/10px 14px;display:block;width:30px;height:44px;}
.yv2_news_slide .yv2_news_hd .next{position:absolute;top:50%;right:0px;margin-top:-22px;background: rgba(51, 51, 51, 0.41) url('/overseas/img/news/news_ico1.png') no-repeat center/10px 14px;display:block;width:30px;height:44px;}
.yv2_news_slide .yv2_news_hd .prev:hover{background: rgba(51, 51, 51, 0.8) url('/overseas/img/news/news_ico2.png') no-repeat center/10px 14px;}
.yv2_news_slide .yv2_news_hd .next:hover{background: rgba(51, 51, 51, 0.8) url('/overseas/img/news/news_ico1.png') no-repeat center/10px 14px;}
.yv2_news_l{
  margin-top: 10px;
}
.yv2_news_l a{
  display: block;
  height: 30px;
  line-height: 30px;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
}
.yv2_news_l a i{
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #9A9A9A;
}
.yv2_news_l a span{
  display: inline-block;
  font-size: 14px;
  color: #343434;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 420px;
  margin-left: 10px;
}
.yv2_news_l a:hover i{
  background-color: #01A4FE;
}
.yv2_news_l a:hover span{
  color: #01A4FE;
}

.yv2_news_main_right{
  width: 700px;
}
.news_right_top{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:flex-start;
  justify-content:space-between;
}

.news_right_top_l{
  width: 355px;
  height: auto;
}
.news_right_top_l a{
  display: block;
  height: 40px;
  line-height: 40px;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
}
.news_right_top_l a i{
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #9A9A9A;
  margin-left: 16px;
}
.news_right_top_l a span{
  display: inline-block;
  font-size: 14px;
  color: #343434;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 320px;
  margin-left: 10px;
  border-bottom: 1px solid #eee;
}
.news_right_top_l a:hover i{
  background-color: #01A4FE;
}
.news_right_top_l a:hover span{
  color: #01A4FE;
}
.news_right_top_l a:nth-child(1) i{
  width: 20px;
  height: 20px;
  background: url('/overseas/img/v2image/v2_ico16.png') no-repeat center;
  background-size:100% 100%;
  border-radius: 0;
  margin-left: 0px;
}
.news_right_top_l a:nth-child(2) i{
  width: 20px;
  height: 20px;
  background: url('/overseas/img/v2image/v2_ico16.png') no-repeat center;
  background-size:100% 100%;
  border-radius: 0;
  margin-left: 0px;
}
.news_right_top_l a:nth-child(3) i{
  width: 20px;
  height: 20px;
  background: url('/overseas/img/v2image/v2_ico16.png') no-repeat center;
  background-size:100% 100%;
  border-radius: 0;
  margin-left: 0px;
}

.news_right_top_r{
  width: 285px;
  height: auto;
}
.news_right_top_r_title{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:flex-start;
}
.news_right_top_r_title i{
  display: inline-block;
  width: 4px;
  height: 20px;
  background: #44A6F5;
  border-radius: 0px 2px 2px 0px;
}
.news_right_top_r_title span{
  display: inline-block;
  font-size: 18px;
  color: #2E2E2E;
  font-weight: bold;
  margin-left: 12px;
}
.news_right_top_r_main{
  padding-top: 15px;
}
.news_right_top_r_main p{
  margin: 10px 0;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:space-between;
}
.news_right_top_r_main p a.url{
  font-size: 14px;
  color: #343434;
  max-width: 210px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}
.news_right_top_r_main p a.bm_m{
  display: inline-block;
  font-size: 13px;
  color:#F88628;
  border: 1px solid #FFBB82;
  border-radius: 4px;
  width: 50px;
  text-align: center;
  height: 22px;
  line-height: 22px;
}
.news_right_top_r_tell{
  width: 285px;
  height: 66px;
  background: #F9F9F9;
  padding: 20px 0;
}
.news_right_top_r_tell_main{
  width: 245px;
  margin: 0px auto;
  height: 100%;
  overflow: hidden;
}
.news_right_top_r_tell_main ul li{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:space-between;
  font-size: 14px;
  color: #666;
  margin: 10px 0;
}
.news_right_top_r_tell_main ul li span{
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
}
.news_right_top_r_tell_main ul li span img{
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 5px;
}
.news_right_bottom{
  margin-top: 25px;
}
.news_right_bottom .news_Topsearch {
  margin-top: 15px;
  display: -webkit-flex; /* Safari */
  display: flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
}
.news_right_bottom .news_Topsearch a{
  height: 34px;
  line-height: 34px;
  background: #EEF3F9;
  padding: 0 10px;
  font-size: 14px;
  color: #507EB0;
  border-radius: 4px;
  margin-right: 8px;
  margin-bottom: 10px;
}
.news_right_bottom .news_Topsearch a:hover{
  color: #44A6F5;
}

/* v2 直播精彩回放 */
.yv2_liveBox{
  margin-top: 60px;
  width: 100%;
}
.yv2_liveBox_list{
  margin-top: 23px;
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:flex-start;
  align-items:flex-start;
}
.yv2_liveBox_left ul{
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:flex-start;
  align-items:flex-start;
}
.yv2_liveBox_left ul li{
  width: 285px;
  height: auto;
  border:1px solid #eee;
  margin-right: 20px;
  background: #fff;
}
.yv2_liveBox_left ul li .top_ico{
  width: 100%;
  height: 177px;
  position: relative;
}
.yv2_liveBox_left ul li .top_ico p.lp_ico,.yv2_liveBox_left ul li .top_ico p.lp_ico img{
  width: 100%;
  height: 100%;
}
.yv2_liveBox_left ul li .top_ico p.live_ico{
  position: absolute;
  right: 16px;
  bottom: 10px;
  width: 40px;
  height: 40px;
}
.yv2_liveBox_left ul li .top_ico p.live_ico img{
  width: 100%;
  height:100%;
}
.yv2_liveBox_left ul li .bottom_text{
  padding: 15px 15px 20px;
}
.yv2_liveBox_left ul li .bottom_text p.title{
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:flex-start;
  align-items:center;
}
.yv2_liveBox_left ul li .bottom_text p.title span{
  display: inline-block;
  font-size: 18px;
  color: #2D2D2D;
  max-width: 190px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.yv2_liveBox_left ul li .bottom_text p.title em{
  font-size: 13px;
  color: #666;
  display: inline-block;
  margin-left: 10px;
}
.yv2_liveBox_left ul li .bottom_text p.pric{
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:flex-start;
  align-items:center;
  margin-top: 10px;
}
.yv2_liveBox_left ul li .bottom_text p.pric span{
  display: inline-block;
  font-size: 12px;
  color: #FF3131;
}
.yv2_liveBox_left ul li .bottom_text p.pric span i{
  font-size: 18px;
}
.yv2_liveBox_left ul li .bottom_text p.pric em{
  display: inline-block;
  font-size: 12px;
  color: #999;
  margin-left: 10px;
}
.yv2_liveBox_left ul li .bottom_text p.hcnakn{
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:flex-start;
  align-items:center;
  margin-top: 15px;
}
.yv2_liveBox_left ul li .bottom_text p.hcnakn i{
  width: 23px;
  height: 21px;
  background: #FF5849;
  border-radius: 4px 0px 0px 4px;
  display: inline-block;
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:center;
  align-items:center;
}
.yv2_liveBox_left ul li .bottom_text p.hcnakn i img{
  width: 18px;
  height: 18px;
}
.yv2_liveBox_left ul li .bottom_text p.hcnakn span{
  font-size: 12px;
  color: #666;
  border-radius: 0 4px 4px 0;
  border:1px solid #eee;
  height: 19px;
  line-height: 19px;
  padding: 0 10px;
  display: inline-block;
}
.yv2_liveBox_left ul li:hover{
  box-shadow: 0px 0px 10px 1px rgba(124, 124, 124, 0.3);
}
.yv2_liveBox_left ul li:hover .bottom_text p.title span{
  color: #44A6F5;
}
.yv2_liveBox_left ul li:hover .bottom_text p.title em{
  color: #44A6F5;
}

.yv2_liveBox_right{
  width: 285px;
  background: #fff;
  border:1px solid #eee;
  padding: 15px 0 18px;
}
.yv2_liveBox_right .live_make_title{
  display: inline-block;
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:flex-start;
  align-items:center;
}
.yv2_liveBox_right .live_make_title i{
  display: inline-block;
  width: 4px;
  height: 20px;
  background: #44A6F5;
  border-radius: 0px  2px   2px  0px;
}
.yv2_liveBox_right .live_make_title span{
  font-size: 18px;
  color: #2E2E2E;
  font-weight: bold;
  display:inline-block;
  margin-left: 12px;
}
.yv2_liveBox_right_main{
  width: 244px;
  margin: 0 auto;
  margin-top: 10px;
}
.yv2_liveBox_right_main .ico_top p.title,.yv2_liveBox_right_main .ico_top p.title img{
  width: 100%;
  height: auto;
}
.yv2_liveBox_right_main .ico_top p.text_m{
  font-size: 14px;
  color: #333;
  margin-top: 13px;
  line-height: 21px;
}
.yv2_liveBox_right_main .live_form{
  margin-top: 15px;
}
.yv2_liveBox_right_main .live_form input.in_text{
  width: 100%;
  text-align: center;
  height: 34px;
  background: #F3F3F3;
  border-radius: 4px;
  font-size: 14px;
  color: #666;
  border:none;
}
.yv2_liveBox_right_main .live_form a.live_button{
  display: block;
  width: 100%;
  height: 34px;
  background: #43A6F5;
  border-radius: 4px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin-top: 10px;
}






/* v2改版 E */





/*热门活动特效*/
.m_img { display:block; position: relative;overflow:hidden; height: 100%; height: 100%;}
.m_img:before {
    content: ""; position: absolute; width:30%; height: 100%; top: 0; left:-60%; overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 0.4)50%, rgba(255, 255, 255, 0)100%);
    background: -webkit-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 0.4)50%, rgba(255, 255, 255, 0)100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 0.4)50%, rgba(255, 255, 255, 0)100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, 0.4)50%, rgba(255, 255, 255, 0)100%);
    transform: skewX(-35deg);
    -webkit-transform: skewX(-35deg);
    -moz-transform: skewX(-35deg);
    -o-transform: skewX(-35deg);
}

.m_img:hover:before { left: 150%; transition: left 1s ease 0s; }

.slider-container .scale ins{width:40px;text-align:center;}