@charset "UTF-8";
/*版本号*/
/*通用背景路径*/
.bg_ico { background: url(../images/screen_revision/new_search.png?t=20161009_01) no-repeat; background-size: 25px 360px; }

.clearfix:after, .l-fix:after, .hd:after, .g-line:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; }

.clearfix, .l-fix, .hd, .g-line { *zoom: 1; }

.l-fix { *position: relative; }

.ov { overflow: hidden; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.select_pop-layer { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.3); z-index: 50; }

.sort_btn_new { position: fixed; width: 40px; height: 40px; right: 10px; bottom: 114px; background: url("../images/screen_revision/sort_img.jpg") no-repeat 50% 27%; background-size: 9px 11px; background-color: rgba(0, 0, 0, 0.6); border: 1px solid #6d6d6d; border-radius: 50%; z-index: 40; font-size: 11px; color: #fff; text-align: center; line-height: 55px; }

.live_radio_new { position: fixed; right: 10px; bottom: 84px; width: 50px; height: 58px; background: url("../images/screen_revision/live_radio.png?t=20161009_01") no-repeat 0 0; background-size: 50px 58px; z-index: 40; }
.live_radio_new a { display: block; width: 100%; height: 100%; }

.go-top { z-index: 40 !important; }

.radio_click { background: url("../images/screen_revision/live_radio_click.png?t=20161009_01") no-repeat 0 0; background-size: 50px 58px; }

.posFix { /*position: absolute;*/ position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 79; }

.posAbs { position: absolute; width: 100%; z-index: 198; }

.posRel { position: relative; z-index: 80; }

/*.comm_screen_main { border-bottom: 1px solid #ddd;
}*/
.screen_type { background: #fff; border-top: 1px solid #ddd; -webkit-transform: translateZ(0); transform: translateZ(0); }
.screen_type ul { box-sizing: border-box; padding: 12px 0; z-index: 51; }
.screen_type li { position: relative; display: block; float: left; width: 25%; height: 21px; line-height: 21px; text-align: center; }
.screen_type a { display: block; font-size: 14px; color: #333; text-decoration: none; font-weight: bold; height: 21px; }
@media screen and (min-width: 320px) and (max-width: 374px) { .screen_type a { font-size: 12px; } }
.screen_type a span { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: -12px; }
@media screen and (min-width: 320px) and (max-width: 374px) { .screen_type a span { width: 60px; } }
@media screen and (min-width: 375px) and (max-width: 413px) { .screen_type a span { width: 70px; } }
@media screen and (min-width: 414px) { .screen_type a span { width: 80px; } }
.screen_type a em { position: absolute; top: 8px; right: 8px; display: block; width: 7px; height: 4px; }
.screen_type .red_triangle { background: url("../images/sy/arrow_down_red.png") no-repeat 0 0; background-size: 7px 4px; }
.screen_type .grey_triangle { background: url("../images/sy/arrow_up_red.png") no-repeat 0 0; background-size: 7px 4px; }
.screen_type .red_text a span { color: #f71c2c; }

.sort_box { display: none; position: fixed; left: 0; right: 0; bottom: 0; width: 100%; height: 270px; background: #fff; z-index: 1000; }
.sort_box .sort_box_head { height: 45px; line-height: 45px; border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 0 15px; }
.sort_box .sort_box_head span, .sort_box .sort_box_head a { display: block; float: left; width: 50%; text-align: center; }
.sort_box .sort_box_head span { text-align: left; font-size: 16px; color: #333; }
.sort_box .sort_box_head a { text-align: right; font-size: 14px; color: #999; }
.sort_box .sort_ul { box-sizing: border-box; padding: 0 15px; }
.sort_box .sort_ul li { height: 44px; line-height: 44px; border-bottom: 1px solid #ddd; text-align: center; }
.sort_box .sort_ul li:last-child { border-bottom: none; }
.sort_box .sort_ul a { display: block; color: #333; font-size: 14px; text-decoration: none; }
.sort_box .red_text a { color: #f95250 !important; }

.sort_layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 999; }

.dist_box { display: none; position: absolute; left: 0; right: 0; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; height: 315px; overflow-y: scroll; webkit-overflow-scrolling: touch; box-sizing: border-box; padding: 6px 0px; z-index: 51; background: #fff; border-top: 1px solid #e0e0e0; }
.dist_box .second_ul_scroll, .dist_box .third_ul_scroll { position: relative; height: 270px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.dist_box .dist_ul_box { position: relative; height: 370px; }
.dist_box .dist_ul_box, .dist_box .second_ul_scroll, .dist_box .third_ul_scroll { display: block; float: left; width: 100%; }
.dist_box .dist_ul_box li, .dist_box .second_ul_scroll li, .dist_box .third_ul_scroll li { height: 45px; line-height: 45px; }
.dist_box .dist_ul_box a, .dist_box .second_ul_scroll a, .dist_box .third_ul_scroll a { display: block; font-size: 16px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dist_box .dist_ul { background: #fff; display: block; float: left; width: 100%; height: 100%; }
.dist_box .dist_ul li { width:100%; border-bottom: 1px solid #ddd; }
.dist_box .dist_ul li:last-child { border-bottom: none; }
.dist_box .dist_ul .nearby_btn { display: none; }
.dist_box .dist_ul a { padding-left: 15px; }
.dist_box .second_ul { background: #fff; box-sizing: border-box; padding-left: 15px; min-height: 270px; }
.dist_box .second_ul li { border-bottom: 1px solid #ddd; }
.dist_box .second_ul li:last-child { border-bottom: none; }
.dist_box .third_ul { width: 100%; box-sizing: border-box; padding-left: 15px; background: #fff; position: absolute !important; z-index: 111; min-height: 270px; -webkit-tap-highlight-color: transparent; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; box-sizing: border-box; }
.dist_box .third_ul li { border-bottom: 1px solid #ddd; }
.dist_box .third_ul li:last-child { border-bottom: none; }
.dist_box .dist_ul { padding-left: 0; }
.dist_box .third_ul { position: relative; z-index: 20; display: none; border-left: 1px solid #ddd; }
.dist_box .red_text a { color: #f95250 !important; }
.dist_box .bg_white { background: #fff; }
.dist_box .bg_white a { color: #f95250 !important; }


.price_box, .type_box, .area_box { display: none; position: absolute; left: 0; right: 0; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; height: 315px; overflow-y: scroll; webkit-overflow-scrolling: touch; box-sizing: border-box; padding: 6px 0px; z-index: 51; background: #fff; border-top: 1px solid #e0e0e0; }
.price_box .red_text a, .type_box .red_text a, .area_box .red_text a { color: #f95250 !important; }
.price_box li, .type_box li, .area_box li { padding-left:15px;  height: 45px; line-height: 45px; border-bottom: 1px solid #ddd; }
.price_box li:last-child, .type_box li:last-child, .area_box li:last-child { border-bottom: none; }
.price_box a, .type_box a, .area_box a { display: block; font-size: 16px; color: #333; text-decoration: none; text-align: left; }
@media screen and (max-width: 320px) { .price_box a, .type_box a, .area_box a { font-size: 14px; } }
.price_box .input_screen span, .type_box .input_screen span, .area_box .input_screen span { display: block; float: left; font-size: 14px; color: #333; }
.price_box .input_screen em, .price_box .input_screen a, .price_box .input_screen q, .price_box .input_screen input, .type_box .input_screen em, .door_box .input_screen a, .door_box .input_screen q, .door_box .input_screen input, .area_box .input_screen em, .area_box .input_screen a, .area_box .input_screen q, .area_box .input_screen input { float: left; font-size: 14px; }
.price_box .input_screen input, .price_box .input_screen .sure_btn, .door_box .input_screen input, .door_box .input_screen .sure_btn, .area_box .input_screen input, .area_box .input_screen .sure_btn { width: 70px; height: 30px; border: none; border-radius: 3px; background: #f0f0f0; font-size: 14px; color: #999; text-align: center; margin: 7px 3px 0 4px; }
@media screen and (max-width: 320px) { .price_box .input_screen input, .price_box .input_screen .sure_btn, .door_box .input_screen input, .door_box .input_screen .sure_btn, .area_box .input_screen input, .area_box .input_screen .sure_btn { width: 54px; } }
.price_box .input_screen .max_price, .door_box .input_screen .max_price, .area_box .input_screen .max_price { margin-left: 3px; }
.price_box .input_screen .sure_btn, .door_box .input_screen .sure_btn, .area_box .input_screen .sure_btn { float: right; color: #fff; background: #f71c2c; margin: 0; line-height: 30px; margin-top: 7px; }

.more_box, .more_box_community { display: none; position: absolute; left: 0; right: 0; height: 380px; width: 100%; background: #fff; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99; overflow: hidden; }
.more_box .residence_box, .more_box_community .residence_box { position: relative; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.more_box .residence_box .label_a_in, .more_box_community .residence_box .label_a_in { position: absolute; width: 100%; z-index: 1; -webkit-tap-highlight-color: transparent; background: #fff; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; box-sizing: border-box;  padding-bottom: 40px; }
.more_box .villa_box, .more_box_community .villa_box { display: none; }
.more_box .more_ul, .more_box_community .more_ul { box-sizing: border-box; padding: 9px 15px 0 15px; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; height: 50px; border-bottom: 1px solid #ddd; }
.more_box .more_ul li, .more_box_community .more_ul li { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; width: 20%; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-right: 10px; height: 100%; }
.more_box .more_ul li:last-child, .more_box_community .more_ul li:last-child { margin-right: 0; }
.more_box .more_ul a, .more_box_community .more_ul a { display: block; text-decoration: none; text-align: center; font-size: 13px; color: #333; line-height: 28px; border-radius: 5px; background: #f0f0f0; }
.more_box .red_text, .more_box_community .red_text { background: #fff; border: 1px solid #ddd; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px; height: 102% !important; }
.more_box .red_text a, .more_box_community .red_text a { background: #fff; }
.more_box p, .more_box_community p { height: 35px; line-height: 35px; color: #333; font-size: 12px; background: #fff; padding-left: 15px; margin-top: 6px; }
.more_box .label_box, .more_box .label_box_multiselect, .more_box_community .label_box, .more_box_community .label_box_multiselect {padding-left: 15px; background: #fff; box-sizing: border-box; padding-bottom: 6px; border-bottom: 1px solid #ddd; }
.more_box .label_box a, .more_box .label_box_multiselect a, .more_box_community .label_box a, .more_box_community .label_box_multiselect a { display: block; float: left; text-decoration: none; font-size: 12px; color: #666; height: 29px; text-align: center; line-height: 29px; width: 76px; border: 1px solid #ddd; border-radius: 3px; margin: 0 12px 9px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media screen and (min-width: 320px) and (max-width: 374px) { .more_box .label_box a, .more_box .label_box_multiselect a, .more_box_community .label_box a, .more_box_community .label_box_multiselect a { width: 89px; } }
@media screen and (min-width: 375px) and (max-width: 413px) { .more_box .label_box a, .more_box .label_box_multiselect a, .more_box_community .label_box a, .more_box_community .label_box_multiselect a { width: 76px; } }
@media screen and (min-width: 414px) { .more_box .label_box a, .more_box .label_box_multiselect a, .more_box_community .label_box a, .more_box_community .label_box_multiselect a { width: 87px; } }
.more_box .label_box .lebal_checked, .more_box .label_box_multiselect .lebal_checked, .more_box_community .label_box .lebal_checked, .more_box_community .label_box_multiselect .lebal_checked { border-color: #f95250; color: #f95250; }
.more_box .btn_box, .more_box_community .btn_box { position: absolute; left: 0; right: 0; bottom: 0; height: 48px; z-index: 1; width: 100%; overflow: hidden; background: #fff; line-height: 26px; border-top: 1px solid #cfcfcf; box-sizing: border-box; padding: 10px; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
.more_box .btn_box .reset_btn, .more_box_community .btn_box .reset_btn { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; width: 20%; -webkit-flex: 1; -ms-flex: 1; flex: 1; background: #fff; text-align: center; text-decoration: none; font-size: 14px; color: #f95250; border: 1px solid #f95250; border-radius: 4px; }
.more_box .btn_box .sure_btn, .more_box_community .btn_box .sure_btn { display: block; -webkit-box-flex: 1; -moz-box-flex: 1; width: 20%; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-left: 10px; text-decoration: none; text-align: center; background: #f95250; color: #fff; font-size: 14px; border-radius: 4px; }

.more_box_community { display: block; height: 100%; }
@media screen and (min-width: 375px) and (max-width: 413px) { .more_box_community .more_box_community_in .label_box a { width: 108px; } }

.tips_box { display: none; position: fixed; left: 50%; top: 50%; margin-left: -140px; margin-top: -50px; background: rgba(0, 0, 0, 0.6); border-radius: 5px; width: 280px; height: 100px; z-index: 100; line-height: 100px; text-align: center; color: #fff; }

.loading_img_box { display: none; position: fixed; left: 50%; top: 50%; width: 120px; height: 120px; margin-left: -60px; margin-top: -60px; background: url("../images/screen_revision/loading_img.gif") no-repeat 50% 50%; background-size: 400px 150px; z-index: 9999; }