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;}