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