/* CSS Document */

body{background:#f0f0f0; font-family: "Microsoft Yahei",Tahoma,"SimSun"; word-break: break-all; word-wrap: break-word; width:100%; font-size:14px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p,btn { margin: 0;  padding: 0;}
button,input{font-family: "Microsoft Yahei",Tahoma,"SimSun"; border:none; background:#fff}
table, td, tr, th {font-size: 12px;}
li { list-style-type: none;}
table { margin: 0 auto;}
img { border: 0 none; vertical-align: top;}
ol, ul {list-style: none outside none;}
a { color: #3B5998; text-decoration: none;}
figure{ margin:0}

.clear { clear:both; padding:0px; margin:0px; font-size:0px; }
.f-left{ float:left}
.f-right{ float:right}
.mt20{ margin-top:10px}
.backfff{ background:#fff}
/*header{ height:50px; background:#eb6120;padding:0 2%; position:relative;}*/
header{ height:50px; background:#06bf8d;padding:0 2%; position:relative;}

.logo{ padding-top:16px}
.tb_city{ display:block; line-height:50px;margin-left:6px; width:50px; height:50px;}
.tb_city a{ display:block; color:#fff;}
.tb_city a i{ margin-left:2px; font-size: 14px;}
.topnav{ z-index:20; display:none; background-color:#f0f0f0;position: absolute; left:0; top:50px;width:100%;padding-bottom:10px;}
.topnav ul li{ float:left; width:33%; padding:10px 0 0}
.topnav ul li a{ display:block; text-align:center; border:1px solid #d2d2d2; border-radius:4px; height:40px; line-height:40px; width:80%; margin:0 auto; background:#fff; font-size:16px; color:#333}
.topnav ul li.cur a{border:1px solid #eb6120;color:#eb6120}
/* .topnav ul li:last-child a{ background: #eb6120;color:#fff;} */

.black{display:none; background-color:rgba(0,0,0,0.5);position: fixed; left:0; top:50px;width:100%;height:100%; z-index: 10}

.search{ height:30px; border-radius:4px; padding:0 2% 0 8%; background:#fff url(../img/search_ico.png) no-repeat 6px center;background-size:15px 16px}
.personal_icon{margin-left:10px; display:inline-block}
.personal_icon img{width:24px; height:24px; padding:13px 0}
@media (min-width:481px){
		.search{width:40%; margin:10px 0 0 30px;}
}
@media (min-width:321px) and (max-width:480px){
		.search{width:38%; margin:10px 0 0 6px;}
}
@media (max-width:320px){
		.search{ width:33%; margin:10px 0 0 2px;}
}


.tb_back{ position:absolute;left:2%;top:0;width:82px; height:50px; background-size:82px 20px; display:inline-block}
.header_title{ line-height:50px; text-align:center; font-size:18px; font-weight:normal;color:#fff}
.tb_share{ position:absolute;right:2%;top:0;background:url(../img/tb_share.png) no-repeat left center;width:27px; height:50px;background-size:27px 24px; display:inline-block }
.tb_list{position:absolute;right:2%;top:0;background:url(../img/tb_list.png) no-repeat left center;width:24px; height:50px;background-size:24px 24px; display:inline-block}
.tb_collection{position:absolute;right:15%;top:0;background:url(../img/collection_ico.png) no-repeat left center;width:24px; height:50px;background-size:24px; display:inline-block}
.tb_navigation{position:absolute;right:2%;top:0;width:30px; height:50px;display:block;color:#fff; font-size:32px!important; line-height: 50px}

/*banner*/
.banner img{ width:100%}

/*nav*/
nav{ padding:20px 0; border-bottom:1px solid #d2d2d2}
nav figure{ float:left; text-align:center; width:25%;}
nav figure figcaption{ font-size:14px; padding:10px 0 0; line-height:16px;color:#555}

/*list*/
.list{border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2}
.list figure{ float:left;width:46%;padding:10px 2%;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2; margin:0 0 -1px -1px;}
.list figure img{ float:right; width:35%;}
.list figure figcaption{ float:left;width:65%;overflow:hidden; white-space:nowrap;text-overflow: ellipsis; font-size:12px}
.list figure figcaption span{ display:block; font-size:14px;padding:8px 0;overflow:hidden; white-space:nowrap;text-overflow: ellipsis; }
.list figure a{ color:#818181}
.color01{color:#f35b90}
.color02{color:#f11700}
.color03{color:#09a2e7}
.color04{color:#89bd4b}

/*title*/
.title{ height:40px;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2; line-height:40px; font-size:18px;padding:0 2%; font-weight:normal; position:relative }
.title a{ display:block; width:100%;color:#333}
.title i.go{ display:inline-block; position:absolute; background:url(../img/title_arrow.png) no-repeat left center;right:2%; top:11px;width:12px; height:18px; background-size:12px 18px}



.loading{ width:20px; height: 20px; margin:10px auto; text-align:center; display:none;}
footer{ border-top:1px solid #d2d2d2; font-size: 12px; background:#fff; text-align:center; line-height:24px; text-align:center; margin-top:10px; padding:10px 0}
i.back_ico{ display:inline-block; width:36px; height:36px; background:rgba(240,240,240,0.7) url(../img/arrow_price_up.png) no-repeat center center; position:fixed; bottom:10px; right:0; background-size:14px 16px; border:1px solid #d2d2d2; border-radius:4px;}



.calculator{  display: block; height:32px;line-height:32px;color: #333;height: 32px;}
.calculator i{width:32px; height: 32px; display: inline-block;color:#eb6120; font-size: 32px; line-height: 32px; vertical-align: top}
.telphone{float: right;display: block;height: 45px;width: 45px; margin-top: 10px; border:1px solid #018fe5; border-radius: 5px; text-align: center; line-height: 45px}
.telphone i{display: inline-block; color:#018fe5; font-size: 32px}
.eft_sign{  border-bottom: 1px solid #d2d2d2;height: 60px;padding-left: 2%;width: 98%;}
.eft_sign button{  background: #e65a4c;}
.kft_sign button{  background: #09a2e7;}
.property_activity figcaption{ position: relative;}
.property_activity figcaption i{ display: inline-block; position: absolute; left:0; top:9px; font-size:36px; line-height: 36px}
.eft_sign i{color:#eb6120;}
.kft_sign i{color:#09a2e7;}
.title i.go_icon,.address i.go_icon {display: inline-block;position: absolute; right: 2%;top:9px;width:16px;height:22px; line-height:22px; font-size:22px; text-align: center;color:#AEB0B3;}
.detailed_information i{  display: block;border-bottom: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2;height: 36px; text-align: center; line-height: 36px;color:#AEB0B3; font-size:24px}

.float_ad{ background: rgba(0,0,0,0.8); width:100%;padding:0; height:50px; position: fixed; left:0;bottom:0; z-index: 101}
.float_ad0{background: rgba(0,0,0,0.8); width:100%;padding:0; height:50px;}
.float_ad i,.float_ad0 i{ display: inline-block; position: absolute; top:5px; right:5px;width:30px; height:40px; text-align: center; }
.float_ad i img,.float_ad0 i img{ padding-top:13px;}
.float_ad a,.float_ad0 a{ display: block;padding-left:2%; height:50px;}
.float_ad span,.float_ad0 span{ display: inline-block; float: left; width:55%;color:#fff; margin-top:7px; height: 40px}
.float_ad span img,.float_ad0 span img{ float: left;}
.float_ad span em,.float_ad0 span em{ display: inline-block; float: left; font-style: normal; font-size: 14px;padding-left:10px; line-height: 20px}
.float_ad span em strong,.float_ad0 span em strong{ font-size:16px; display: block;letter-spacing:3px;}
.float_ad button,.float_ad0 button{height:36px; line-height:36px;color:#fff; background: #FFAB00;padding:0 15px;border-radius:3px;font-size:16px; margin-top:7px; float: left;}

.tb_hot_search{ height:30px; border-radius:4px; padding:0 2% 0 8%; background:#fff url(../img/search_ico.png) no-repeat 6px center;background-size:15px;width:70%; margin:10px 0 0}
.cancel_ico{ display:inline-block;width:19%; text-align:center; height:50px; line-height:50px; color:#fff; font-size:16px}

.hot_search{padding-bottom:10px}
.hot_search ul li{ float:left; margin:10px 0 0;width:25%; text-align:center;}
.hot_search ul li a{ display:block; width:90%; border:1px solid #d2d2d2; border-radius:3px; height:40px; line-height:40px; margin:0 auto; overflow:hidden; color:#333}

.history_search ul li{padding:0 2%; height:40px; line-height:40px;border-bottom:1px solid #d2d2d2;}
.history_search ul li a{ display:block;color:#333; font-size:16px}
.history_search ul li em{ float:right; font-size:14px; color:#818181; font-style:normal}


.kft_bm{ background:#fff url(../img/kft_bm.png) no-repeat 2% center; padding:0 2%; height:40px; line-height:40px; background-size:83px 20px;border-bottom:1px solid #d2d2d2;}
.kft_bm a{ padding-left:83px; font-size:16px; display:block;color:#555}
.kft_bm a span{color:#ff4e49; padding:0 5px}

.location{ position:fixed;left:0;top:0; background:rgba(0,0,0,0.5);width:100%; height:100%; z-index:1001}
.location_block{width:70%; margin:50% auto 0; background:#fff; border-radius:4px;font-size:16px}
.location_block h3{ background:#ff6120; height:40px; line-height:40px; text-align:center;color:#fff; border-radius:4px 4px 0 0; font-size:18px; font-weight:normal}
.location_block p{ line-height:50px;height:50px; text-align:center;color:#555;border-bottom:1px solid #d2d2d2}
.location_block button{width:50%; height:40px; font-size:16px}
.location_btn01{ color:#ff6120; border-right:1px solid #d2d2d2; border-radius:0 0 0 4px}
.location_btn02{ color:#999; border-radius:0 0 4px 0}
.menu-ul{
	display: flex;
}
.menu-ul li:not(:first-child){
	flex: 1;
	padding: 0 5px;
}
.menu-ul li:first-child{
	width: 50px;
	padding: 0 5px;
}


/* CSS Document */
*{outline: none;}
.pos_rel{position:relative;}.pos_abs{position: absolute;}
input[type="text"]:focus {border:0!important;}
.head_portrait{ background:#f86c0c url(../images/p_cbg.jpg) no-repeat center bottom; background-size:100%; text-align:center; padding:10px 0}
/* .head_portrait img{ width:80px; height:80px; border-radius:50px; border-color:rgba(0,0,0,0.1); border-width:4px; border-style:solid} */
.head_portrait img{width:80px;height:80px;border-top-left-radius: 999px;border-top-right-radius: 999px;border-bottom-right-radius: 999px;border-bottom-left-radius: 999px;border-radius:999px;border-color:rgba(0,0,0,0.1);border-width:4px;border-style:solid;}
.head_portrait figcaption{color:#fff; padding-top:10px; font-size:16px}

.catalog ul li{ float:left; width:33%; text-align:center; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; padding:15px 0}
.catalog ul li.last{ border-right: 1px solid #d2d2d2;}
.catalog ul li span{ display:block; margin-top:10px}
.catalog ul li img{ width:36px; height:36px}
.catalog ul li a{color:#333}

.account_information ul{border-top:1px solid #d2d2d2;}
.account_information li{ border-bottom:1px solid #d2d2d2; padding:0 3%; height:50px; line-height:50px; font-size:16px}
.account_information li label{ display:inline-block; float:left}
.account_information li span{display:inline-block; float:right;color:#999}
.account_information li i{ display:inline-block; float:right;}
.account_information li i img{width:10px; height:18px; padding:16px 0 0 10px}

/*button*/
.determine_btn{ height:45px; margin:20px 3%; background:#ea5e13; font-size:18px;color:#fff; width:94%; border-radius:4px}
.determine_btn_gray{height:45px; margin:20px 3%; background:#bbb; font-size:18px;color:#fff; width:94%; border-radius:4px}

/*setup_box*/
.setup_box,.setup_box0{ margin:10px 3%; border-radius:4px; border:1px solid #d2d2d2}
.setup_box li,.setup_box0 li{ padding:0 2%; border-bottom:1px solid #d2d2d2; height:50px; line-height:50px; font-size:16px}
.setup_box li.last,.setup_box0 li.last{ border-bottom:0}
.setup_box li label{ display:inline-block; width:30%; float:left}
.setup_box0 li label{ display:inline-block; width:20px; float:left; padding-right:6px}
.setup_box0 li label img{ width:20px; height:20px; margin-top:14px}

input.text01{ float:left;width:70%; height:48px; line-height:48px; padding:0; font-size:16px}
input.text02{ float:left;width:35%; height:48px; line-height:48px; padding:0; font-size:16px}
input.text03{float:left;width:52%; height:48px; line-height:48px; padding:0 12% 0 0; font-size:16px; background:url(../images/visual_ico.png) no-repeat right center; background-size:24px}
input.text04{float:left;width:52%; height:48px; line-height:48px; padding:0 12% 0 0; font-size:16px; background:url(../images/notvisual_ico.png) no-repeat right center; background-size:24px}
/*button.code{ border-radius:4px;background:#ea5e13;color:#fff; height:36px;width:30%; float:right; margin-top:7px}*/
button.code{ border-radius:4px;background:#06bf8d;color:#fff; height:36px;width:30%; float:right; margin-top:7px}

.setup_box0 input.text01{ width:90%}
.setup_box0 input.text02{ width:50%}
.setup_box0 input.text03,.setup_box0 input.text04{ width:78%; padding-right:12%}

.error_prompt{ background:url(../images/error_prompt.png) no-repeat left 3px; background-size:18px;color:#ff4e49; line-height:24px; padding-left:22px; margin:0 3%}
.delete_btn{ border:1px solid #d2d2d2; height:30px; padding:0 10px;color:#999; margin-top:5px; border-radius:4px}
.alldelete_btn{ background:rgba(0,0,0,0.6); border-radius:4px; color:#fff; height:50px; position:fixed;left:25%; top:50%; font-size:18px;width:50%}

.tb_delete{position: absolute;right: 2%;top: 0;width: 30px;height: 50px;display: block; background:url(../images/tb_delete.png) no-repeat center center; background-size:28px}
.tb_register{position: absolute;right: 2%;top: 0;height: 50px;display: block;color: #fff;font-size:16px;line-height: 50px;}

.no_infor{ text-align:center; position:fixed; left:0; top:45%;width:100%}
.no_infor img{width:64px; height:64px}
.no_infor figure{ font-size:16px; padding:10px 0}

.login_nav{ background:#fff; border-bottom:1px solid #d2d2d2; height:50px; line-height:50px}
.login_nav ul li{ float:left; width:50%; text-align:center; font-size:16px}
.login_nav ul li.first{ border-right:1px solid #d2d2d2; margin-left:-1px}
.login_nav ul li.cur{ border-bottom:2px solid #eb6120; height:48px;color:#eb6120}
.login_nav ul li a{color:#333; display:block}

.forgot_password{ display:block; text-align:right; padding:0 3%; font-size:16px}
.forgot_password a{color:#999}

.other_mode{ padding:0 3%; margin-top:20px; text-align:center}
.mode_title{ background:url(../images/title_line.jpg) repeat-x left center; margin-bottom:20px}
.mode_title h3{ display:inline-block; background:#f0f0f0; padding: 0 10px;color:#999; font-weight:normal; font-size:16px}
.other_mode figure a{ margin:0 10px}
.other_mode figure img{ width:42px; height:42px}

.welcome_text{ padding:10px 3%; text-align:center;color:#999; line-height:30px}
.welcome_text span{ display:block; font-size:16px;color:#333;}
.welcome_text span em{ color:#eb6120; font-style:normal}
.agree_text{ padding:0 3%;color:#555}
.agree_text span{color:#999;}
.agree_text input{ margin-right:4px}

.disnone{display:none;}
.click-icon{position: absolute;right:2.5%;display: block;display: block;width:40px;text-indent:-9999px;z-index:111;}

.t_discount,.t_discount{ display:block; line-height:36px;}
.t_discount{color:#eb6120;}
.t_time{ color:#818181;}

.orange{color:#eb6120!important;}
.t_order ul li{ line-height:40px; border-bottom:1px solid #e0e0e0; padding:0 2%; font-size:16px}
.t_order ul li label{ display:inline-block;}
.t_order ul li span{ display:inline-block; float:right;color:#818181}
.t_map h3{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0; height:40px; line-height:40px; padding:0 2%; font-size:18px; font-weight:normal}
.t_map span{ display:block; padding:10px 2% 10px 7%; background:url(../images/map_ico.png) no-repeat 2% 10px; background-size:12px 21px}
.t_map figure{ padding:0 2% 10px}
.t_map figure img{ width:100%}


.map_find{ width: 100%; position: relative;}
.map_title{ position: absolute;left:48%; top:40%;}
.map_title_block{ display: inline-block;}
.map_title_block span{ display:block; border-radius: 5px; background:#FC5600; height: 30px; line-height: 30px;color:#fff; text-align: center;padding:0 10px;}
.map_title_block i{ display:block;background:url(http://statics.xafc.com/touch/v3.0/img/hx-tip.png) no-repeat 10px top;height: 12px;}

.x-icon{background: url(../images/x-icon.png) no-repeat right 15px;width:10%;height:69%;z-index:9999; top:0;right:6px;background-size: 20px;text-indent: -9999px;}
.x-code{right:35%;}.x-eye{right:13%;}.x-pass{right:17%;}

.footer {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    clear: both;
    width: 100%;
    background: #f7f7f7;
    height: 56px;
    position: absolute;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    font-size:12px;
}
.footer a.hover, .footer a.active {
    color: #f60;
}
.footer a {
    display: block;
    float: left;
    width: 25%;
    height: 50px;
    padding-top: 3px;
    text-align: center;
    color: #888;
}
.footer a i {
    display: block;
    background: url(../images/footer2.png) no-repeat;
    background-size: 95px auto;
    margin: 0 auto;
}
.footer li.f_home i {
    width: 36px;
    height: 36px;
    background-position: -29px -8px;
}
.footer li.f_phone i {
    width: 36px;
    height: 36px;
    background-position: -29px -50px;
    position: relative;
}
.footer li.f_qq i {
    width: 36px;
    height:36px;
    background-position: -29px -93px;
    position: relative;

}
.footer li.f_personal i {
    width: 36px;
    height: 36px;
    background-position: -29px -135px;
    position: relative;
}
.clearfix::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}