pfhwyigou/mobile/web/overseas/css/public/public.css

@charset "UTF-8";
a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, sub, sup, tfoot, th, thead, time, tr, ul, var, video {
    border: 0;
    margin: 0;
    outline: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal
}
*:focus {outline: none;}
body { margin: 0;padding: 0;width: 100%;height: 100%;-webkit-user-select: none;-webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-text-size-adjust:none; background-color: #e6e6e6;
    font: 16px/1.25 Arial, "Microsoft Yahei";font-weight: bold;letter-spacing: -0.02em;}
html{-webkit-text-size-adjust: none;}
body * {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
a { text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor:pointer;color:#333;}
input,button,textarea,select {-webkit-appearance:none; font-size:1em;}
input {vertical-align: middle;}
img {border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;font-size: 0;}
table {border-collapse: collapse;border-spacing: 0}
th, td, caption {vertical-align: top;text-align: left}
sub,sup{font-size: 10px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
input[type=checkbox]{vertical-align: middle;}
.clear {width:0px; height:0px; font-size:0; clear:both;}
ul,li {list-style:none;}
/*body {margin:0 auto; position:relative;}*/
i,em{ font-style: normal;}

/*定位*/
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.c{display:block; zoom:1;}
.c:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}
.h60{ height: 60px;}

.gongsijianjie{
    background: #fff;
    padding: 10px 0;
    margin-top: 10px;
    border-top: 1px solid #eee;
}

.gongsijianjie a{
    display: inline-block;
    font-size: 14px;
    width: 48%;
    text-align: center;
    color: #666;
}

.gongsijianjie a+a{
    border-left: 1px solid #ccc;
}
.buton_tel{
    display: inline-block;
    text-align: center;
    font-size: 0.875rem;
    color: #666;
}
.buton_tel img{
    width: 15px;
    height: 15px;
    margin-right: 5px;
    position: relative;
    top: -1px;
    display: inline-block;
}



/*头部导航*/
.y_publichead{z-index: 8; background: #fff; width: 100%; position: fixed; left: 0px; top: 0px; box-shadow: 0px 1px 5px 0px #ccc; height: 55px;}
.y_publicmain{ width: 95%; margin: 0 auto;}
.y_publiccenter{position: relative;}
.y_publicleft{ position: absolute; left: 0px; top: 50%; width: 35px; height: 35px; margin-top: -20px;}
.y_publicleft a img{ width: 100%; height: 100%;}
.y_publicright{ position: absolute; right: 0px; top: 50%; width: 35px; height: 35px; margin-top: -20px;}
.y_publiccont{ width: 70%; margin: 0 auto; text-align: center; line-height: 52px;}
.y_publiccont a{ display: inline-block; font-size: 1.5rem; color:#333;}
.y_publicright a img{ width: 100%; height: 100%;}





.y_header {width:100%; height:50px; background:#4292F1;}
.y_header {position:fixed; left:0; top:0; z-index:30;}
.header_back { padding:14px 0 0 10px; position:absolute; left:0; top:0;}
.header_back a {display:block;}
.header_back a img {width:49px;}
.header_menu {width:44px; height:44px; position:absolute; right:0; top:3px;}
.header_logo2 {padding:5px 0 5px 0; text-align:center; width: 150px; margin: 0 auto;}
.header_logo2 a {display:block; padding-left:10px;}
.header_logo2 a img {width:105px; height: auto;}
.header_menu a {display:block; width:44px; height:44px; background:url('/overseas/img/icon-menu.png') no-repeat center; background-size:60%;}

.nmenu {width:100%; height:auto; background:#ffffff; position:fixed; top:50px; left:0; z-index:30; box-shadow:0px 2px 3px rgba(0,0,0,0.4); display:none;}
.nmenu ul {display:block; width:auto; height:auto; padding:10px 0;}
.nmenu ul li {width:25%; height:auto; float:left; text-align:center;}
.nmenu ul li a {display:block; width:auto; height:auto; padding:10px 0;}
.nmenu ul li a span {display:block; width:47px; height:40px; margin:0 auto;}
.nmenu ul li a span img {width:42px; height:41px;}
.nmenu ul li a h1 {font-size:0.8rem; color:#000000; width:auto; height:auto; padding-top:10px;}



/*公共标题*/

.y_lphome_h{ border-bottom: 1px solid #EBEBEB; padding-bottom: 15px;}
.y_lphome_h span{font-size: 1.1rem; color: #333; border-left: 3px solid #00A2FF; padding-left: 8px; display: block; float: left;}
.y_lphome_h a{display: block; float: right; font-size: 0.9rem; color: #999; position:relative; top: 2px;}



/*底部导航*/
.home_module_channel {
    height: 43px;
    background: #FFF;
    border-top: 1px solid #eee;
    overflow: hidden;
}
.home_module_channel .channel_list {
    display: -webkit-box;
    height: 57px;
    padding: 11px 4px 0;
    box-sizing: border-box;
    overflow-x: auto;
}
.home_module_channel .channel_list .channel_item {
    display: block;
    padding: 0 12px;
    font-size: 1rem;
    color: #999;
}
.footer_copy {width:auto; height:auto; background:#fff;  border-top:1px solid #e6e6e6; padding:15px 0; text-align:center; font-size:0.6em; color:#999;}


/*我的购房需求*/
.my_needs {width:auto; height:auto; background:#fff; margin-top:10px; padding:10px 0; text-align:center;}
.my_needs_tit {font-size:1em; color:#333;}
.my_needs_note {font-size:0.8em; color:#666; padding:8px 0;}
.my_needs_icon {width:auto; height:auto;}
.my_needs_icon a {display:block; width:40px; height:40px; background:url('/overseas/img/icon-pencil.png') no-repeat center #ff7928; background-size: 50%; border-radius:50%; margin:0 auto;}


/*底部悬挂*/
.y_puicfoot{ height: 60px; position: fixed; width: 100%; left: 0px; bottom: 0px;background:#fff; z-index:100; box-shadow:0px 0px 20px 0px rgba(174, 174, 174, 0.57);}
.y_puicfoot_main{ 
    width: 91%;
    margin: 0 auto;
    height: 100%;
    position: relative;
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
}
.y_puicfoot_main .y_centxq{position: relative; top: 0px; width: 32%;}
.y_puicfoot_main .y_centxq a{display: block;font-size: 0.95rem;color: #fff;border-radius:16px; text-align: center;width:110px;height:32px;line-height:32px;
    background: -webkit-linear-gradient(right, #FF8039 , #FF7138); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #FF8039 , #FF7138); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,#FF8039 , #FF7138); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#FF8039 , #FF7138); /* 标准的语法 */
}
.y_puicfoot_main .y_centxq2 a {
    background: -webkit-linear-gradient(right,#25CE96 , #00B97C); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,#25CE96 , #00B97C); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,#25CE96 , #00B97C); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#25CE96 , #00B97C); /* 标准的语法 */
}
.y_puicfoot_main .y_centxq a img{width:18px;height:18px;display:inline-block;margin-right:4px;position:relative;top:-2px;}
.y_puicfoot_main .y_call{ 
    position: absolute; 
    right: 50%; 
    bottom:13px; 
    width: 70px; 
    margin-right: -35px; 
    height: 70px; 
    z-index: 2;
    background: #fff;
    border-radius: 100%;
    display: flex;
    display: -webkit-flex; /* Safari */
    align-items:center; 
    box-shadow:0px 0px 20px 0px rgba(174, 174, 174, 0.23);
}
.y_puicfoot_main .y_call a{
    display: inline-block;
    background: linear-gradient(left, #50a5f5, #4596f2);
    background: -webkit-linear-gradient(left, #50a5f5, #4596f2);     
    background: -o-linear-gradient(left, #50a5f5, #4596f2);
    background: -moz-linear-gradient(left, #50a5f5, #4596f2);
    width: 55px;
    height: 55px;
    border-radius: 100%;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex; /* Safari */
    align-items:center; 
}
.y_puicfoot_main .y_call img{ width: 31px; height:33px;display: inline-block; margin: 0 auto;}

/*头部导航*/
.hu_nav{ background: #444444; width: 100%;overflow:hidden;}
.hu_nav_main {white-space:nowrap;}
.hu_nav_main ul li{ display:inline-block; width:82px; text-align: center; padding: 12px 0;}
.hu_nav_main ul li a{ font-size: 1rem; color: #fff; display: block;}
.hu_nav_main ul li a i{ display:block; height: 4px; border-radius: 10px; width: 50%; margin: 0 auto; position: relative; top:12px;}
.hu_nav_main ul li.on a i{ background-color:#efdbc1;}



/*侧边栏样式*/
.y_sidebar{position: fixed;left: 100%; top: 0; z-index: 100;  width: 100%; height: 100%;}
.y_sidebar .y_sidebarcent {  height: 100%; background: #fff; width: 66.66%; position: absolute; right: 0px; top: 0px; z-index: 101;}
.y_sidebar_bg{background: rgba(0,0,0,0.3); width: 100%; height: 100%;}
.y_sidebarcent_ul{ padding-top: 20px;}
.y_sidebarcent_ul ul li{ padding: 10px 30px;}
.y_sidebarcent_ul ul li a span{ font-size: 1rem; color: #333; display: inline-block;}
.y_sidebarcent_ul ul li i{ width: 20px; height: 20px;display: inline-block; margin-right: 16px; position: relative; top: -1px;}
.y_sidebarcent_ul ul li i img{ width: 100%; height: 100%;}
/*.y_sidebarcent_ul ul li:nth-child(8){ margin-top: 20px; padding-top: 23px; position: relative;}
.y_sidebarcent_ul ul li:nth-child(8):before{content: "";position: absolute;left: 30px;right: 30px;top: 0;height: 1px;background-color: #dedede;}*/

/*侧边栏 搜索*/
.y_sidscend{width: 80%; margin: 0 auto; margin-top: 20px;padding-top: 25px; border-top: 1px solid #e1e1e1;}
.y_sidscend a{ font-size: 0.9rem; border:1px solid #e1e1e1;background: url('/overseas/img/ico_14.png') #fff no-repeat 12px center; box-shadow:0px 1px 6px 0px #ccc; padding:7px 0px 7px 40px;background-size: 22px; display: block; border-radius: 20px; color: #999;}



/*搜索弹出*/
.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;
}

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


#cnzz_stat_icon_1260633389 img{width:20px;height:20px;}  /*站长统计*/

/*2019-5-8 加载转圈样式*/
.main {position:fixed;background:rgba(0,0,0,0.5);top:50%;left:50%;width:100px;height:90px;z-index:10000;margin:-45px 0 0 -50px;border-radius:8px;}
/*.slice { position:absolute;;width:80px;height:80px;text-align: center;left:50%;top:50%;margin:-40px 0 0 -40px;}*/
.slice > div { margin: 1em auto;}
.slice > div:nth-child(2) {/*position: absolute;bottom: 0;left: 3em;*/color: #fff;text-align:center;font-size:0.75rem;}



/*底部统计*/
body{position:relative;}
.Statistics{position:absolute;bottom:0;left:0;width:20px;height:20px;}
.Statistics img{width:100%;height:100%;}



/* 2019-12-3 添加广告标签 */
.wadlabel {position:absolute;top:0px;right:0px;font-size:0.625rem;color:#fff;background:rgba(0,0,0,0.5);padding:3px 5px;z-index:8;}

/*有效日期*/
.wweffective {position:absolute;right:0;bottom:0;color:#FFFFFF;background:rgba(0,0,0,0.2);padding:3px 5px;text-align:right;z-index:10;font-size:0.625rem;}