pfhwyigou/wechat/web/css/abroad.css

body{background:#fff;}

/*2018-10-12  添加  顶部搜索*/
.w_wek_box {height:55px;line-height:55px;}
.w_a {margin:0 10px;position:relative;}
.w_a > a {background:#FFF;display: inline-block;width: 100%;height:40px;line-height:40px;border-radius: 5px;padding-left: 38px;color:#999;font-size:0.75rem;
border:1px solid #EEE;
box-shadow: 0px 0px 12px 0px #f2f2f2;
}
.w_a > i {position:absolute;left:15px;top:0px;width:16px;height:16px;}
.w_a > i >img {display:inline-block;width:100%;height:100%;}

.y_homelist_head{ background: #fff;position:fixed;top:0;left:0;width:100%;z-index:10;box-shadow:0px 0 7px 0px rgba(213, 211, 211, 0.42);}
.y_homelist_bg{ position: relative;}
.y_homelist_bg .y_tu{ height: 140px; width: 100%;}
.y_homelist_bg .y_tu img{ height: 100%; width: 100%;}
.y_homelist_bg .y_input{ width: 75%; margin: 0 auto; position: absolute; z-index: 10; bottom: -15px;left: 50%; margin-left:-37%; }
.y_homelist_bg .y_input .y_lplist_inp{ display: inline-block; font-size: 1rem; color: #999; background: url('../image/ico_14.png') #fff no-repeat 12px center; padding-left: 40px; height: 35px; line-height: 35px; width: 100%; border-radius: 30px; border:none; background-size: 22px; box-shadow: 0px 1px 6px 0px #ccc;}




/*区域选择*/
.three_area{position: absolute;height: 100%;background: #fff;width:100%;top: 0;left: 100%;z-index: 999;overflow-y: auto;}
.wm-top .w_a {margin: 0 50px;}
.header_back a img{top:auto;}
.header_menu a{background-position: 10px;}


/*.wm-top .w_a {margin: 0 50px;}
.wm-top .header_menu a {background: url(../image/v2/search2.png) no-repeat center;background-size:46%;}
.wm-top .header_back {padding:0 0 0 15px;}

*/
.y_qylist{ position: relative;background:#FFF;}
.y_qylist_hoe{ padding-bottom: 10px;}
.y_qylist {padding:5px 0;}
.y_qylist .y_qylist_con{width: 25%; text-align: center; float: left;}
.y_qylist .y_qylist_con p.y_topimg img{ width: 25px; height: 25px;}
.y_qylist .y_qylist_con p.y_topmain{ margin-top: 5px;}
.y_qylist .y_qylist_con p.y_topmain span{ font-size: 0.9rem; color: #444; display: inline-block;}
.y_qylist .y_qylist_con p.y_topmain i{display: inline-block; width: 7px; height: auto; margin-left: 5px;} 
.y_qylist .y_qylist_con p.y_topmain i img{width: 100%; height: auto;} 

.y_qylist_cnet{ overflow: hidden; position: absolute; z-index: 10; left: 0px; top:45px; width: 100%; box-shadow: 1px 0 6px 0px rgba(204, 204, 204, 0.57);}
.y_qylist_cnet .y_qylist_cnet_ind{ display: none; width: 100%; height:240px;overflow-y:auto; background: #f3f4f9;}
.y_qylist_cnet .y_qylist_cnet_ind a{ display: block; font-size: 1rem; color: #666; padding: 10px; border-bottom: 1px dashed #e3e3e3;}

.y_qylist_cnet .y_qylist_cnet_ind a.on{ background: #fff; color:#ee4433;}


.y_homelist_list{padding:10px;background:#fff;margin-top:10px;}
.y_homelist_list ul li{padding:15px 0; background: #fff;}
.y_homelist_list ul li + li {border-top:1px solid #ebebeb;}
.y_homelist_list ul li .y_img{width: 33%;height: 92px;position: relative;border-radius: 3px;overflow: hidden;float: left;}
.y_homelist_list ul li .y_img p.y_tu{ width: 100%; height: 100%;}
.y_homelist_list ul li .y_img p.y_tu img{ width: 100%; height: 100%;}
.y_homelist_list ul li .y_img p.y_tu i{position:absolute;bottom:0;left:0;font-size:0.8125rem;color:#fff;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:20px 10px 5px 10px;
 background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(8, 8, 8, 0.73)));          
                -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(8, 8, 8, 0.73)));
                -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(8, 8, 8, 0.73)));
}
.y_homelist_list ul li .y_img p.y_vid{position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.6); padding:2px 5px; padding-right: 8px; border-radius: 0 20px 20px 5px}
.y_homelist_list ul li .y_img p.y_vid span{display: block; float: left; width: 24px; height: auto;}
.y_homelist_list ul li .y_img p.y_vid span:nth-child(1){ width: 22px; height: auto;}
.y_homelist_list ul li .y_img p.y_vid span img{width: 24px; height: auto;}
.y_homelist_list ul li .y_img p.y_vid span:nth-child(1) img{ width: 22px; height: auto;}
.y_homelist_list ul li .y_img p.y_vid span+span{margin-left: 5px;}
.y_homelist_list ul li .y_img p.y_licyit{ position: absolute; left:0px; top:0px; background:#FF273B; padding:2px 5px; font-size: 0.7rem;color: #fff;}
.y_homelist_list ul li .y_img>i{position:absolute;bottom:10px;left:5px;display:inline-block;width:15px;height:15px;}
.y_homelist_list ul li .y_img>i >img {display:inline-block;width:100%;height:100%;}
.y_homelist_list ul li .y_text{float:left;width:62%;margin-left:15px;height:92px;}
.y_homelist_list ul li .y_text .y_text_main p.y_title span{font-size:1.0625rem;color:#333;width:80%;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:600;}
.y_homelist_list ul li .y_text .y_text_main p.y_title em{display: inline-block; margin-left: 8px; font-size: 0.8rem;color: #999;}
.y_homelist_list ul li .y_text .y_text_main p.y_shijian{ font-size: 0.7rem; color: #999;margin-top:5px;}

.y_homelist_list ul li .y_text .y_text_main p.y_tese{ font-size:0.6875rem; color:#475C89; margin-top:5px;}
.y_homelist_list ul li .y_text .y_text_main p.y_tese i{display: inline-block; padding:3px 6px;background:#EFF2F4;border-radius:3px;}
.y_homelist_list ul li .y_text .y_text_main p.y_tese i+i{ margin-left:5px;}
.y_homelist_list ul li .y_text .y_text_main p.y_tese i:nth-child(1){ background:#FFE6EC; color:#D61F2B;}


.y_homelist_list ul li .y_text .y_text_main p.y_jiage{margin-top:5px;}
.y_homelist_list ul li .y_text .y_text_main p.y_jiage span{ display: inline-block;font-size:1.125rem; color:#D50000;font-weight:600;}
.y_homelist_list ul li .y_text .y_text_main p.y_jiage em{ font-size:0.75rem; color:#D50000; display: inline-block; margin-left: 3px;}
.y_homelist_list ul li .y_text .y_text_call{z-index: 5; position: absolute; right: 5px; top:6px; width: 35px; height: 35px;}
.y_homelist_list ul li .y_text .y_text_call img{ width: 100%; height: 100%;}

.m_gzlx_box{width:100%;margin-top:10px;}
.m_gzlx{font-size:0.6875rem;color:#333;background:#F8F8F8;padding:4px 10px 4px 5px;border-radius:50px;float:left;}
.m_gzlx_l{float:left; font-weight: bold; color: #333;}
.m_gzlx_l img{width:14px;height:14px;position:relative;top:-1px;margin-right:5px;}
.m_gzlx_r{float:left;margin-left:5px;padding-left:5px;position:relative; top: 1px;}
.m_gzlx_r:before {content:"";position:absolute;top:0px;left:0;width:1px;height:12px;background:#999;display: block;}
.m_gzlx_r span{color:#FF273B;}
.m_box {position:relative;}
.m_gzlx_box span{float:right;font-size:0.75rem;color:#707070;margin-top: 5px;display:block;margin-right: 8px;}





/*2018-10-12 报名窗口*/
.w_apply {position:relative;margin:10px 0;}
.w_apply .w_fn {position:absolute;top:10px;left:11px;font-size:0.9375rem;color:#fff;}
.w_apply .w_apply_img {display:inline-block;width:100%;}
.w_apply .w_apply_img img {display:block;width:100%;height:100%;}
.w_apply .submit_area {display:inline-block;position:absolute;bottom:12px;left:50%;width:80%;margin-left:-40%;}
.w_apply .w_apply_txt {padding-left:10px;display:inline-block;width:100%;height:30px;background:#fff;border-radius:5px;border:none;font-size:0.6rem;line-height:30px;}
.w_apply .apply_submit {text-align:center;font-size:0.75rem;color:#BB470E;font-weight:bold;height:30px;border-top-right-radius:5px;border-bottom-right-radius:5px;width:70px;line-height:30px;display:inline-block;margin-left:8px;position:absolute;right:0;
  background: -webkit-linear-gradient(#FCE67C,#FAB41D); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#FCE67C,#FAB41D); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#FCE67C,#FAB41D); /* Firefox 3.6 - 15 */
  background: linear-gradient(#FCE67C,#FAB41D); /* 标准的语法 */
}




.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 50px;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*搜索弹出*/
.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:none; border-radius:3px; height: 35px;font-size:0.75rem;padding:0 10px 0 36px;background:#EFEFEF;}
/*.back_search_m .form a{ width: 15%; 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;
}

.search-container .title {
    position: relative;
    padding: 18px 0 13px 0;
    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: 30%;
    /*height: 41px;*/
    /*border-bottom: 1px solid #ebebeb;*/
    /*border: 1px solid #ebebeb;*/
    /*margin:0px 10px;*/
    /*border-right: 1px solid #ebebeb;*/
    display: block;
    margin-left:5px;

}

.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: 88%;
    height: 100%;
    float: left;
    font-size: 0.8125rem;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    /*border-right:1px solid #ebebeb;*/
    margin:0 5px;
    background:#F5F5F5;
    padding:8px 0;
}

.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("/image/index/w_back.png") no-repeat;
    /*background-size: 30px 30px;*/
    background-position: center;
}





/*媒体查询*/
@media (max-width: 320px){
.y_homelist_bg .y_tu{ height: 110px; width: 100%;}
} 



/* 搜索框图标*/

.w_sek {position:absolute;top:6px;left:10px;}
.w_cls {position:absolute;top:6px;right:60px;z-index:10;display:none;}
.submit{ width: 15%; display: block; float: left; text-align: center; height: 35px; line-height: 35px;}


.search-filter {margin:0 15px;}

.w_albel {display:inline-block;vertical-align:top;}
.w_albel p {font-size:0.625rem;color:#FF4F4B;padding-top:5px;}
.w_albel img {display:block;width:20px;height:20px;}
.w_li {display:inline-block;vertical-align:top;width:89%;margin-left:5px;}
.w_c p {color:#4B8DE3;}


/*热销楼盘列表样式 */
.y_title .w-abel {display: inline-block;width: 16px;height: 19px;position: relative;vertical-align: top;text-align: center;margin-right:5px;}
.y_title .w-abel > i {display: inline-block;position: absolute;width: 16px;text-align: center;font-size: 0.7rem;color: #fff;height: 19px;line-height: 19px;}
.y_title .w-abel > img {display:inline-block;width:100%;}


/*弹窗*/
.m_Popup_box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;display:none;}
.m_Popup_zhez{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.4);}
.m_Popup_gb{position:absolute;top:50%;left:50%;width:35px;height:35px;margin-top:215px;margin-left:-17.5px;}
.m_Popup_gb img{width:100%;height:100%;}
.m_Popup{width:80%;height:450px;margin:auto;position:relative;top:50%;margin-top:-255px;background:#FFF;border-radius:7px;overflow:hidden;display:none;}
.m_Popup_title{height:50px;line-height:50px;font-size:1rem;color:#333;font-weight:600;text-align:center;background:#F8F8F8;}
.m_Popup_Unlimited{height:50px;background:#EEE;padding:5px 10px;}
.m_Popup_Unlimited a{background:#FFF;font-size:0.9375rem;color:#333;display: block;height:100%;border-radius:4px;
display: flex;
align-items: center;
justify-content: space-around;  
flex-direction: column;
}
.m_region_box{}
.m_region_l{width:45%;background:#F8F8F8;height:350px;overflow:auto;float:left;}
.m_region_l a{font-size:0.9375rem;color:#333;display:block;height:50px;text-indent:20px;line-height:50px;}

.m_region_r{width:55%;float:left;height:350px;overflow:auto;}
.m_region_r a{font-size:0.9375rem;color:#333;display:block;height:50px;text-indent:20px;line-height:50px;}



/*价格*/
.m_jg{height:400px;overflow:auto;}
.m_jg a{font-size:0.9375rem;color:#333;display:block;height:50px;line-height:50px;text-align:center;border-bottom:1px solid #F8F8F8;}
.m_jg a:last-child{border-bottom:0;}
.m_jg a.on{color:#D50000;}

/*类型*/
.m_style{height:400px;overflow:auto;padding:20px 15px 0px 15px;}
.m_style a{position:relative;border:1px solid #EEE;width:48%;height:42px;border-radius:50px;font-size:0.875rem;color:#333;display: block;text-align:center;line-height:42px;float:left;margin-right:4%;margin-bottom:12px;}
.m_style a:nth-child(2n){margin-right:0;}
.m_style a.on:before {content:"";position:absolute;top:0;right:0;background:url(/image/v2/search4.png) no-repeat 0 0/ 100% 100%;width:30px;height:18px;}

/*.m_style a img{position:absolute;top:0;right:0;width:30px;display:none;}*/
.m_style a.on{border: 1px solid #D50000;}
/*.m_style a.on img{display:block;}*/

.m_region_l a.on{background:#FFF;color:#D50000;}