@charset "utf-8";

i,
em,
s {
	font-style: normal;
	text-decoration: none;
}

a {
	color: #666;
}

a:hover {
	color: #ff5b6a;
}

p {
	color: #666;
	margin: 0;
}



/*内容start*/

.content>div {
	overflow: hidden
}

.contentTop {
	height: 43px;
	line-height: 43px;
	border-bottom: 1px #ff6142 solid;
	margin-top: 15px;
	padding-bottom: 1px;
}

.contentTop a {
	float: left;
	display: block;
	width: 90px;
	height: 44px;
	line-height: 43px;
	text-decoration: none;
	font-size: 13px;
}

.contentTop a.hover {
	width: 88px;
	height: 44px;
	line-height: 41px;
	border-top: 1px #ff6142 solid;
	border-right: 1px #ff6142 solid;
	border-left: 1px #ff6142 solid;
	border-bottom: 1px #fff solid;
	z-index: 50;
    background: linear-gradient(to right,#ff9a77 0,#ff6142 100%);
	color: #fff;
}

.hoverA {
	width: 128px;
	height: 44px;
	border-top: 1px #ff6142 solid;
	border-right: 1px #ff6142 solid;
	border-left: 1px #ff6142 solid;
	border-bottom: 1px #fff solid;
	z-index: 50
}

.contentCtn {
	margin-top: 20px;
	margin-bottom: 6px;
}

.contentCtn span {
	float: left;
	font-size: 14px;
	line-height: 24px;
	color: #999999;
	display: block;
	width: 100%;
	text-align: left;
	margin-top: 15px;
}

.contentCtn span i {
	color: #ff5b6a;
	text-decoration: none;
	padding: 0 3px;
	font-style: initial;
}

.contentCtnRight {
	float: right;
}

.contentMain {
	float: left;
	width: 1200px;
	clear: both;
	font-size: 13px;
	margin: 10px 0;
}

.inf {
	width: 100%;
	height: 155px;
	padding: 20px;
	border-bottom: 1px solid #ededed;
	position: relative;
}



.inf:hover {
	background: #eee
}

.infLeft {
	float: left;
	display: block;
	width: 210px;
	height: 155px;
	position: relative;
	overflow: hidden;
}

.infLeft img {
	width: 100%;
	min-height: 155px
}

.infLeft div {

	background: #ff5b6a;

	color: #fff;

	display: inline-block;

	padding: 0px 5px;

	border-radius: 3px;

	position: absolute;

	top: 5px;

	right: 5px;

	height: 20px;

	line-height: 20px;

	font-size: 12px;

}

.infCtn {
	float: left;
	text-align: left;
	margin-left: 20px;
	width: 420px;
}

.infCtnTitle {
	font-size: 18px;
	color: #1f80d9;
	text-decoration: none;
	line-height: 18px;
	margin-bottom: 22px;
	display: block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.infCtn span {
	height: 25px;
	line-height: 25px;
	display: block;
	float: left;
	text-align: center;
	font-size: 12px;
	color: #999999;
	margin-right: 5px;
	padding: 0 8px;
	*float: left;
	*margin-top: -15px;
	background: #FFF;
}

.infCtn p {
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 14px;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.infRight {
	float: right;
	margin-top: 30px;
	margin-right: 60px;
}

.person {
	color: #999999;
	margin-bottom: 10px;
}



/*内容end*/

.main {
	width: 1200px !important;
	text-align: center;
	margin: 0 auto;
	/* overflow: hidden; */
}





/*右侧*/

.contentRight {
	width: 210px;
	border: 1px solid #ededed;
	float: right;
	color: #333333;
	font-size: 14px;
	line-height: 14px;
	margin-top: 20px;
	padding: 15px;
}

.right_title {
	margin: 21px 0 14px 12px;
	line-height: 14px;
	text-align: left;
}

.right_img {
	width: 96px;
	height: 126px;
	margin-bottom: 8px;
}

.right_name {
	width: 166px;
	height: 30px;
	border-bottom: 1px dashed #EDEDED;
	margin: 0 auto;
}

.right_tel {
	font-size: 16px;
	line-height: 16px;
	color: #ff5b6a;
	text-align: left;
	margin: 24px auto 0;
	width: 130px;
}



/*经纪人头*/

.about {
	width: 100%;
	height: 185px;
	background: url(../images/aboutbg.jpg);
	margin-top: 10px;
	position: relative;
	color: #fff;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.about .information {
	float: left;
	text-align: left;
	margin-left: 201px;
	/* overflow: hidden; */
	width: 750px;
}

.information>div {

	/*overflow: hidden; */

}

.information div:first-child {
	overflow: hidden;
}

.information div+p+div {

	float: left;

}

.information div .agentSignIcon {

	/* overflow:  auto; */

	float: left;

}

.information div .agentSignIcon>i {

	position: relative;

	cursor: pointer;

}

.information div .agentSignIcon>i:hover i {
	display: block
}

.information div .agentSignIcon>i i {

	position: absolute;

	top: 17px;

	/* left: -25px; */

	width: 60px;

	font-size: 12px;

	background: rgba(255, 255, 255, 0.8);

	border-radius: 4px;

	color: #333;

	padding: 0 2px;

	height: 20px;

	line-height: 20px;

	display: none;

}

.agent-ewm {

	width: 100px;

	height: 100px;

	position: absolute;

	right: 30px;

	top: 30px;

	padding: 2px;

	background: #Fff;

}

.agent-ewm img {

	width: 100%;

}

.about .information h1 {
	/* margin-bottom: 20px; */
	font-size: 25px;
	font-weight: normal;
	color: #fff;
	margin-top: 55px;
	line-height: 25px;
}

.about .information p {
	float: left;
	margin-right: 35px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
}

.about .information>p {

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.about .information .tel {
	font-size: 18px;
	display: inline-block;
}

.agentSign {
	display: inline-block;
	width: 19px;
	float: left;
	height: 14px;
	margin-right: 8px;
	line-height: 30px;
	margin-top: 8px;
}

.about .information p.tel {}

.about .touxiang {
	position: absolute;
	top: 50%;
	margin-top: -60px;
	width: 88px;
	height: 88px;
	border-radius: 100%;
	border: 3px #fff solid;
	left: 48px;
	width: 120px;
	height: 120px;
}





.topInf .person {
	color: #999999;
	margin-bottom: 10px;
}

/*经纪人右侧*/

.contentRight h2 {
	color: #333;
	font-size: 18px;
	text-align: left;
	margin: 0;
	text-indent: 5px;
	padding-bottom: 15px;
	border-bottom: 1px #ededed solid;
	font-weight: normal;
}

.contentRight div {
	text-align: center
}

.contentRight p {
	font-size: 14px;
	color: #666
}

.contentRight img {
	width: 160px;
	height: 160px;
	padding: 5px;
}

.contentRight .box {
	text-align: left;
	border-bottom: 1px #f2f2f2 dashed;
	line-height: 30px;
	margin-top: 6px;
}

.contentRight .box:last-child {
	border: none;
}





/* 经纪人个人信息 */

/* 等级icon */

.icon-xy {

	color: #ff3b4b;

	font-weight: bold;

	display: block;

	float: left;

	width: 38px;

	font-size: 14px;

	height: 28px;

	line-height: 28px;

	float: left;

	padding-right: 7px;

	text-align: right;

	margin-right: 10px;

}



/* 列表样式 */

.newHouseListTitle {

	font-size: 22px;

	font-weight: bold;

	color: #333;

	height: 22px;

	line-height: 22px;

	margin-bottom: 20px;

	max-width: 500px;

	display: block;

	float: left;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	min-width: 64px;

	margin-top: 2px;

	text-decoration: none;

}

.newHouseListTitle:hover {
	text-decoration: none;
}

.fourSpan {

	float: left;

	color: #333;

	font-size: 14px;

	margin-bottom: 17px;

	width: 520px;

}

.fourSpan span {

	font-size: 14px;

	padding: 0 10px;

	border-left: 1px solid #999;

	height: 14px;

	line-height: 14px;

	background: none;

	color: #333;

}

.fourSpan span:first-child {
	padding-left: 0;
	border-left: none;
}

.fourSpan .personShow {

	border-left: none;

	color: #999;

	margin-top: -1px;

}

.fourSpan .personShow div {

	overflow: hidden;

}

.fourSpan .personShow s {

	float: left;

	line-height: 16px;

}

.infCtn .houseAddress {

	height: 14px;

	margin-bottom: 20px;

	color: #333;

}

.infCtn .houseAddress a {
	color: #333;
}

.infCtn .houseItemIcon {

	overflow: hidden;

	float: left;

}

.infCtn .houseItemIcon span {

	background: #fff3ed;

	border: none;

	color: #ff5b6a;

	height: 24px;

	font-size: 14px;

}

.infRight p.infRightPrise {

	font-family: "微软雅黑";

	font-size: 32px;

	font-weight: bold;

	color: #ff5b6a;

}

.infRight p.infRightPrise i {

	font-family: "微软雅黑";

	font-size: 14px;

	font-weight: normal;

}

.ul-txtl3 {
	overflow: hidden;
	margin-bottom: 15px;
}

.ul-txtl3 li {
	text-align: center;
	float: left;
	width: 94px;
	position: relative;
	padding: 5px;

}

.ul-txtl3 li:first-child {
	margin-left: -25px;
}

.ul-txtl3 li span {
	display: block;
	font-size: 14px;
	color: #666;
	line-height: 1.43em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.ul-txtl3 li .num {
	font-size: 18px;
	color: #fff;
	line-height: 1.39em;
	overflow: hidden;
	margin-bottom: 5px;
	font-weight: 700;
}

.ul-txtl3 li span {
	display: block;
	font-size: 14px;
	color: #fff;
	line-height: 1.43em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.ul-txtl3 li::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 32px;
	background: #f0f0f0;
	margin-top: -18px;
}

.ul-txtl3 li:last-child::after {
	display: none;
}

.g-btnbox a {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.g-btnbox a {
	display: inline-block;
	vertical-align: middle;
	height: 35px;
	background: rgba(255, 255, 255, .9);
	border-radius: 4px;
	font-size: 16px;
	color: #ff6142;
	line-height: 35px;
	letter-spacing: 1px;
	padding: 0 10px;
	margin-right: 16px;
	position: relative;
}

.g-btnbox a .icon {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	overflow: hidden;
	margin-right: 0px;
	margin-top: -4px;
}

.g-btnbox a img {
	display: block;
	width: 100%;
	height: 100%;
}

.g-btnbox .ma,
.m-agentl .ll .btn .ma {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 45px;
	background-color: #fff;
	padding: 10px 10px 15px;
	box-shadow: 0 6px 16px 6px rgba(0, 0, 0, .1);
	transform: translateX(-50%);
}

.g-btnbox .btn .ma1 .pic,
.g-btnbox .ma .pic,
.g-fixed .con .bot .ma1 .pic,
.m-agentl .ll .btn .ma .pic {
	width: 100px;
	height: 100px;
	margin-bottom: 0;
}

.m-agentl2 .pic {
	width: 170px;
	overflow: hidden;
	background-color: #efefef;
	border-radius: 4px;
}

.g-btnbox .ma h3 {
	font-size: 14px;
	margin-top: 10px;
	text-align: center;
	color: #333;
	font-weight: normal;
	line-height: 15px;
}

.g-btnbox a.on,
.g-btnbox a:hover {
	background: linear-gradient(to right, #ff9a77 0, #ff6142 100%);
	color: #fff;
}

.g-btnbox .ma::after,
.m-agentl .ll .btn .ma::after {
	content: '';
	width: 20px;
	height: 20px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	bottom: -7px;
	z-index: 1;
	margin-left: -10px;
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.g-btnbox a .imgl2 {
	display: none
}

.g-btnbox a.on .imgl2,
.g-btnbox a:hover .imgl2 {
	display: block;
}

.g-btnbox a.on .imgl1,
.g-btnbox a:hover .imgl1 {
	display: none
}
.fourSpan .houseIcon {
    background-image: url(/woniu/skin/images/sprite.png);
    background-position: -441px -220px;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 8px;
}
.houseAddress .positionIcon {
    background-image: url(/woniu/skin/images/sprite.png);
    background-position: -398px -238px;
    width: 13px;
    height: 15px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 8px;
}