@charset "utf-8";
/* CSS Document */

/*--common style--*/
* { margin:0; padding:0; font-family: Microsoft Yahei;font-size:14px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;}
ul li { list-style-type:none}
a { color:#787878; text-decoration:none; font-size:14px;}
img { border:none}

/*--logo--*/
.logo_con { width:1000px; height:70px; overflow:hidden; margin:45px auto 5px auto}
.logo_con .logo { float:left; margin-top:8px;}
.ewm { float:right}
.ewm span { float:right; line-height:30px; font-size:14px; color:#333; text-align:right; margin-right:10px; margin-top:18px;}
.ewm img { float:right; width:70px; height:70px; overflow:hidden}

/*--nav--*/

.nav { position:fixed; left:0; top:0; width:100%; height:40px; background:#333333; z-index:9999}
.nav_con { width:1000px; height:40px; margin:0 auto;}
.nav_con span { float:left;}
.nav_con span a { float:left; padding:0 25px; height:40px; line-height:40px; color:#FFF;}
.nav_con span a.active, .nav_con span a:hover { background:#0099FF}
.nav_con .user_action { float:right}
.nav_con .user_action a { background:#fff; color:#333; height:25px; padding:0 15px; line-height:25px; margin:7px; float:right}
.nav_con .user_action a.icon { display:none}
.nav_con .user_action a:hover { background:#f3f3f3;}

/*--location--*/
.location { width:1000px; height:30px; border:1px solid #DDDDDD; margin:0 auto;  border-top:3px solid #0066CC}
.location span { background:url(../images/location.png) left center no-repeat; padding-left:30px; float:left; line-height:30px; font-size:12px; margin-left:5px;}


/*--rent_detial--*/
.detial_con { width:980px; height:auto; padding:0 10px 10px 10px; border:1px solid #ddd; margin:5px auto; overflow:hidden}
.title { display:block; width:100%; line-height:45px; line-height:45px; border-bottom:1px solid #ddd; font-size:16px; color:#f60; margin-bottom:20px;}
.ad { float:right}
.info_detial { float:left}
.info_detial p { height:30px; line-height:30px; color:#333;  }
.info_detial p a { margin-left:15px;}
.info_detial p a:hover { text-decoration:underline}
.info_detial p span { color:#999; line-height:30px; margin-right:10px;}
.info_detial p strong { color:#f60; font-weight:normal; font-size:20px}
.info_detial p small { margin-right:10px; font-size:12px; color:#666; padding-left:20px}
.info_detial p small.time { background:url(../house_images/shicon6.png) left center no-repeat;}
.info_detial p small.count { background:url(../house_images/eye.png) left center no-repeat;}
.info_detial b { display:block; height:50px; border:1px solid #ddd; background:#ebebeb; overflow:hidden}
.info_detial b span { float:left; width:50px; height:50px; background:url(../house_images/u62.png) center center no-repeat #484848;}
.info_detial b strong { line-height:50px; color:#333; display:block; width:100%; text-indent:0.5em; font-size:26px; font-weight:normal}

.detial { width:1002px; height:auto; margin:0 auto; overflow:hidden}
.detial_left { float:left; width:750px; border:1px solid #ddd; margin-bottom:10px}
.detial_left .dl_con { margin:15px; }
.detial_left .dl_con p {font-size:14px; line-height:28px; color:#333}
.detial_left .dl_con img { margin:10px auto}
.detial h2 { width:100%; font-size:16px; display:block; height:40px; line-height:40px; text-indent:1em; background:#f3f3f3; color:#333}


.detial_right { float:right; width:240px; border:1px solid #ddd; margin-bottom:10px; }
.dr_con { margin:0 5px; padding:10px 0; border-bottom:1px solid #ddd}
.dr_con:hover { background:#f9f9f9}

.dr_con img { width:80px; height:60px;float:left}
.dr_con a, .dr_con span, .dr_con small {  line-height:20px; height:20px; overflow:hidden; font-size:14px; display:block;}
.dr_con a { color:#333;}
.dr_con a.image { float:left; width:80px; height:60px; margin-right:15px;}
.dr_con a.image:hover { opacity:.5}
.dr_con a:hover { color:#09c}
.dr_con span { color:#f60; font-size:14px;}
.dr_con small {color:#999; line-height:20px;}


/*--secondhand_detial--*/
   .dl_con  table { width:100%; margin-bottom:20px;}
   .dl_con  table tr { display:block; width:100%}
   .dl_con  table tr td {height:40px; line-height:40px; text-indent:1.5em; border-bottom:1px solid #fff}
   .dl_con  table tr td.t1 { float:left; width:17%; background:#99D6FF; font-weight:bold; border-bottom:1px solid #99D6FF}
   .dl_con  table tr td.t2 { float:left; width:33%; background:#F3F3F3; border-bottom:1px solid #fff }



/*--foot--*/
.footer { width:100%; height:auto; background:#EFEFEF; overflow:hidden}
.foot_con { width:1000px; margin:15px auto; height:auto; overflow:hidden}
.foot_con .introduce { float:left; width:495px; padding-right:40px; border-right:1px solid #dcdcdc; overflow:hidden}
.foot_con h3 { display:block; line-height:30px; font-size:16px; margin-bottom:15px;  color:#666;}
.foot_con .introduce p { line-height:25px; color:#666; width:100%; font-size:12px;}
.foot_con .phone { float:left; margin-left:30px; width:220px; margin-right:40px; border-right:1px solid #dcdcdc; overflow:hidden}
.foot_con .phone span { display:block; font-size:12px; color:#666; line-height:30px;}
.foot_con .phone b { font-size:28px;  color:#666; line-height:40px;}
.foot_con .QRcode { float:right; width:170px;}
.foot_con .QRcode img { width:92px; height:100px; display:block;  margin:0 auto}
.foot_con .QRcode span { display:block; line-height:25px; font-size:12px; color:#666}
.foot_info { width:100%; height:auto; border-top:1px solid #dcdcdc; padding-top:20px; text-align:center; overflow:hidden}
.foot_info p { line-height:30px; font-size:12px; color:#888888}
.foot_info a { display:inline-block; padding:0 10px; line-height:30px; font-size:12px; color:#888888}
.foot_info a:hover { font-size:14px; color:#900}


@media ( max-width:640px){
.part { width:100%}
	
	
/*--nav--*/

.nav { position:fixed; left:0; top:0; width:100%; height:40px; background:#333333; z-index:9999}
.nav_con { width:95%; margin:0 auto}
.nav_con span { float:left;}
.nav_con span a { float:left; padding:0 25px; height:40px; line-height:40px; color:#FFF;}
.nav_con span a.active, .nav_con span a:hover { background:#0099FF}
	
	.nav_con { width:95%; margin:0 auto}
	.nav_con span { position:absolute; width: 100%; left:2.5%;  height: 40px;}
	.nav_con span div { display:none; position:absolute;top:40px; width:100%; left:-2.5%}
	.nav_con span a { width:100%; padding:0; background:#666; text-indent:1em}
	
	
.listicon{width:35px; height:40px;}

.listicon:before{content:''; height:3px; width:35px; background:#f1f1f1; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; display:block; position:absolute; top:8px; left:0; box-shadow:0 10px #f1f1f1, 0 20px #f1f1f1;-webkit-box-shadow:0 10px #f1f1f1, 0 20px #f1f1f1;-moz-box-shadow:0 10px #f1f1f1, 0 20px #f1f1f1;}	

.nav_con .user_action a { display:none}



/* User */

.nav_con .user_action a.icon { display:block; background:none}

/*{ background:#fff; color:#333; height:25px; padding:0 15px; line-height:25px; margin:7px; float:right}*/
.nav_con .user_action a.icon {
	

    height: 32px;
    width: 32px;
    position: relative;
	padding:0;
	line-height:32px;
	margin:0;
		margin-top: 4px;
    overflow: hidden;
	cursor:pointer;
}

a.icon div.user {
    width: 14px;
    height: 14px;
    background: #333;
	border:2px solid #fff;
    border-radius: 9px;
    margin-left: 7px;
    margin-top: 2px;
}





a.icon div.shoulder {
    width: 28px;
    height: 26px;
    position: absolute;
	background:#333;
	border:2px solid #fff;
	border-radius:14px;
	top:20px;
	left:0px;
}

	
/*--logo--*/
.logo_con { width:100%; height:70px; overflow:hidden; margin:45px auto 5px auto}
.logo_con .logo { float:left; margin-top:8px;}
.ewm { float:right; display:none}

/*--location--*/
.location { width:100%; border-left:none; border-right:none}
.location span { background:url(../images/location.png) left center no-repeat; padding-left:30px; float:left; line-height:30px; font-size:12px; margin-left:5px;}



.title_info small.icon3 { display:none}



/*--rent_detial--*/
.detial_con { width:94%; height:auto; padding:0 3% 10px 3%; border:none;  margin:5px auto; overflow:hidden}
.title { display:block; width:100%; line-height:45px; line-height:45px; border-bottom:1px solid #ddd; font-size:16px; color:#f60; margin-bottom:20px;}
.ad { display:none}
.info_detial { float:left; width:100%;}

.detial { width:94%; height:auto;margin:0 auto; overflow:hidden}
.detial_left {width:100%; margin-bottom:10px;  border:none; }
.detial_left .dl_con { margin:0px; }
.detial_left .dl_con p {font-size:14px; line-height:28px; color:#333}
.detial_left .dl_con img { margin:10px auto}
.detial h2 { width:100%; font-size:16px; display:block; height:40px; line-height:40px; text-indent:1em; background:#f3f3f3; color:#333}

.detial_right { width:100%; margin-bottom:10px; border:none }


/*--secondhand_detial--*/
   .dl_con  table { width:100%; margin:20px 0;}
   .dl_con  table tr { display:block; width:100%}
   .dl_con  table tr td {height:40px; line-height:40px; text-indent:.5em; border-bottom:1px solid #fff; font-size:12px;}
   .dl_con  table tr td.t1 { float:left; width:20%; background:#99D6FF; font-weight:bold; border-bottom:1px solid #99D6FF}
   .dl_con  table tr td.t2 { float:left; width:30%; background:#F3F3F3; border-bottom:1px solid #fff; overflow:hidden }



/*--foot--*/
.footer { width:100%; height:auto; background:#EFEFEF; overflow:hidden}
.foot_con { width:90%; padding:15px 5%; height:auto; overflow:hidden}
.foot_con .introduce { float:left; width:100%; padding-right:0px; border-right:none; border-bottom:1px solid #dcdcdc; overflow:hidden}
.foot_con h3 { display:block; line-height:30px; font-size:16px; margin-bottom:15px;  color:#666;}
.foot_con .introduce p { line-height:25px; color:#666; width:100%; font-size:12px;}
.foot_con .phone { float:left; width:100%; margin:10px 0; border-right:none; border-bottom:1px solid #dcdcdc; overflow:hidden}
.foot_con .phone span { display:block; font-size:12px; color:#666; line-height:30px;}
.foot_con .phone b { font-size:28px;  color:#666; line-height:40px;}
.foot_con .QRcode { float:left; width:100%;}
.foot_con .QRcode img { float:left; width:92px; height:100px; display:block;  margin:0 auto}
.foot_con .QRcode span { display:block; line-height:25px; font-size:12px; color:#666; }
.foot_info { width:100%; height:auto; border-top:1px solid #dcdcdc; padding-top:20px; text-align:center; overflow:hidden}
.foot_info p {display:block; width:100%;height:auto; font-size:12px; color:#888888; overflow:hidden;}
.foot_info a { float:left; width:50%; line-height:30px; margin:0; padding:0; font-size:12px; color:#888888}
.foot_info a:hover { font-size:14px; color:#900}	
	}