article,
aside,
body,
div,
dl,
figcaption,
figure,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
input,
nav,
ol,
p,
section,
select,
textarea,
ul {
	margin: 0;
	padding: 0
}

article,
aside,
div,
figcaption,
figure,
footer,
header,
hgroup,
img,
nav,
ol,
section,
ul {
	display: block;
	width: auto;
	height: auto
}

html {
	font-family: PingFang SC, Noto Sans CJK SC, Microsoft YaHei, arial, helvetica, tahoma, verdana, sans-serif
}

body,
html {
	font-size: 100%
}

body {
	background-color: #f5f5f5;
	-webkit-text-size-adjust: none
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent
}

dl,
ol,
ul {
	list-style-type: none
}

img {
	width: 100%;
	border: none
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
th {
	font-size: 100%;
	font-weight: 400
}

em,
i {
	font-style: normal
}

input,
textarea {
	line-height: 1.2;
	border-radius: 0;
	outline: none;
	box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #ccc;
	line-height: 1.2
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

:root .hide {
	display: none
}

.ellips {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	display: none;
	background-color: rgba(0, 0, 0, .3)
}

@font-face {
	font-family: iconfont;
	src: url(../img/iconfont.eot);
	src: url(../img/iconfont.eot#iefix) format("embedded-opentype"), url(../img/iconfont.woff) format("woff"), url(../img/iconfont.ttf) format("truetype"), url(../img/iconfont.svg#iconfont) format("svg")
}

.iconfont {
	font-family: iconfont !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-desc:before {
	content: "\E629"
}

.icon-bianji:before {
	content: "\E776"
}

.icon-shuaxin:before {
	content: "\E601"
}

.icon-feiji:before {
	content: "\E61B"
}

.icon-liuyan:before {
	content: "\E642"
}

.icon-shoucang:before {
	content: "\E675"
}

.icon-shoucang1:before {
	content: "\E607"
}

.icon-guanbi:before {
	content: "\E60D"
}

.icon-wenhao:before {
	content: "\E66D"
}

.icon-jiantou1:before {
	content: "\E64A"
}

.icon-bianji1:before {
	content: "\E638"
}

.icon-xinxi:before {
	content: "\E76D"
}

.icon-asc:before {
	content: "\E649"
}

.icon-qq:before {
	content: "\E645"
}

.icon-detele:before {
	content: "\E749"
}

.icon-xuequ:before {
	content: "\E61C"
}

.icon-info:before {
	content: "\E65E"
}

.icon-bingxiang:before {
	content: "\E610"
}

.icon-chuang:before {
	content: "\E611"
}

.icon-duwei:before {
	content: "\E613"
}

.icon-jiaju:before {
	content: "\E614"
}

.icon-kongdiao:before {
	content: "\E615"
}

.icon-kuandai:before {
	content: "\E616"
}

.icon-reshuiqi:before {
	content: "\E617"
}

.icon-yangtai:before {
	content: "\E618"
}

.icon-xiyiji:before {
	content: "\E619"
}

.icon-fenlei:before {
	content: "\E630"
}

.icon-shouzhi:before {
	content: "\E635"
}

.icon-dianshi:before {
	content: "\E61A"
}

.icon-erweima:before {
	content: "\E61D"
}

.icon-dingyue:before {
	content: "\E605"
}

.icon-shenghuo:before {
	content: "\E604"
}

.icon-dengpao:before {
	content: "\E606"
}

.icon-qq1:before {
	content: "\E65C"
}

.icon-yulan:before {
	content: "\E62E"
}

.icon-office:before {
	content: "\E8EF"
}

.icon-home:before {
	content: "\E8F0"
}

.icon-rent:before {
	content: "\E8F1"
}

.icon-about:before {
	content: "\E8F6"
}

.icon-gerenzhongxin:before {
	content: "\E8F8"
}

.icon-appxiazai:before {
	content: "\E8FA"
}

.icon-menu:before {
	content: "\E8FD"
}

.icon-xuexiao:before {
	content: "\E8FE"
}

.icon-jiaotong:before {
	content: "\E8FF"
}

.icon-yiyuan:before {
	content: "\E900"
}

.icon-yinhang:before {
	content: "\E901"
}

.icon-gouwu:before {
	content: "\E902"
}

.icon-tupian:before {
	content: "\E903"
}

.icon-tell:before {
	content: "\E904"
}

.icon-yuyue:before {
	content: "\E906"
}

.icon-garden:before {
	content: "\E8F9"
}

.icon-dingwei:before {
	content: "\E8FC"
}

.icon-chachengjiao:before {
	content: "\E913"
}

.icon-zhuanhuan:before {
	content: "\E914"
}

.icon-pinggufangjia:before {
	content: "\E915"
}

.icon-quyu:before {
	content: "\E916"
}

.icon-ditie:before {
	content: "\E917"
}

.icon-fangjia:before {
	content: "\E918"
}

.icon-fangdai:before {
	content: "\E91A"
}

.icon-school:before {
	content: "\E91B"
}

.icon-sale:before {
	content: "\E91C"
}

.icon-duanxin:before {
	content: "\E91E"
}

.icon-renzheng:before {
	content: "\E91F"
}

.icon-weixin:before {
	content: "\E600"
}

.icon-dianzan:before {
	content: "\E978"
}

.icon-zixun:before {
	content: "\E98D"
}

.icon-newhouse:before {
	content: "\E9AB"
}

.icon-quanbu:before {
	content: "\EA12"
}

.icon-bankexing:before {
	content: "\EA14"
}

.icon-haiwai:before {
	content: "\EA16"
}

.icon-ershoufang:before {
	content: "\EA17"
}

.icon-wanchengchenggong:before {
	content: "\EA1A"
}

.icon-xiaoqu:before {
	content: "\EA1B"
}

.icon-xiezilou:before {
	content: "\EA1C"
}

.icon-xingxing:before {
	content: "\EA1D"
}

.icon-xinfang:before {
	content: "\EA1E"
}

.icon-yezhuweituo1:before {
	content: "\EA1F"
}

.icon-xuequfang:before {
	content: "\EA20"
}

.icon-yuyueshijian:before {
	content: "\EA22"
}

.icon-zufang:before {
	content: "\EA23"
}

.icon-zhaojingjiren:before {
	content: "\EA24"
}

.icon-appxiazai1:before {
	content: "\EA25"
}

.icon-gonggechachengjiao:before {
	content: "\EA26"
}

.icon-dianzan1:before {
	content: "\EA3D"
}

.icon-fangdai1:before {
	content: "\EA5E"
}

.icon-shichanghezuo:before {
	content: "\EA6B"
}

.icon-aixin {
	background-image: url(../img/icohome.png);
	background-size: 29px;
	background-repeat: no-repeat;
	background-position: 3px;
}


.icon-meiqitianranqi:before {
	content: "\EAA3"
}

.icon-yigui:before {
	content: "\EAAC"
}

.icon-tianranqi:before {
	content: "\EAAE"
}

.icon-xiaodugui:before {
	content: "\EAAF"
}

.icon-weibolu:before {
	content: "\EAB0"
}

.icon-youyanji:before {
	content: "\EAB1"
}

.icon-canzhuoyi:before {
	content: "\EAB2"
}

.icon-shafa:before {
	content: "\EAB4"
}

.icon-wodezuji:before {
	content: "\EAB7"
}

.icon-wodeshoucang:before {
	content: "\EAB8"
}

.icon-fangdaijisuanqi:before {
	content: "\EAB9"
}

.icon-wodeyuyue:before {
	content: "\EABA"
}

.icon-wodeweituo:before {
	content: "\EABB"
}

.icon-quanbuloupan:before {
	content: "\EACE"
}

.icon-youhuixinpan:before {
	content: "\EACF"
}

.icon-zuixinkaipan:before {
	content: "\EADE"
}

.icon-xinfangdaogou:before {
	content: "\EADF"
}

.icon-weixuanze:before {
	content: "\EAE6"
}

.icon-fanhui:before {
	content: "\EAE7"
}

.icon-yixuanze:before {
	content: "\EAE8"
}

.icon-fanhuishouye:before {
	content: "\EAE9"
}

.icon-chachengjiao1:before {
	content: "\EAEA"
}

.icon-goufangzizhi:before {
	content: "\EAEB"
}

.icon-quyufangjia:before {
	content: "\EAEC"
}

.icon-gufangjia:before {
	content: "\EAED"
}

.icon-suanfangdai:before {
	content: "\EAEE"
}

.icon-goufangzizhi1:before {
	content: "\EB00"
}

.icon-sousuo:before {
	content: "\EB2D"
}

.icon-xinpaixu:before {
	content: "\EB2E"
}

.icon-chachengjiao2:before {
	content: "\EB37"
}

.icon-ershoufang1:before {
	content: "\EB38"
}

.icon-gufangjia2:before {
	content: "\EB39"
}

.icon-xinfang1:before {
	content: "\EB3A"
}

.icon-goufangzizhi2:before {
	content: "\EB3B"
}

.icon-zhaojingjiren2:before {
	content: "\EB3D"
}

.icon-yezhuweituo:before {
	content: "\EB3E"
}

.icon-zufang2:before {
	content: "\EB3F"
}

.icon-gufangjia11:before {
	content: "\EB63"
}

.icon-suanfangdai11:before {
	content: "\EB64"
}

.icon-chachengjiaoyidongzhan:before {
	content: "\EB40"
}

.icon-quyufangjia1:before {
	content: "\EB41"
}

.icon-maifang:before {
	content: "\EB42"
}

.icon-suanfangdai1:before {
	content: "\EB43"
}

.icon-gufangjia1:before {
	content: "\EB44"
}

.icon-maifang1:before {
	content: "\EB45"
}

.icon-quanbufenlei:before {
	content: "\EB46"
}

.icon-zizhi:before {
	content: "\EB47"
}

.icon-baike:before {
	content: "\EB48"
}

.icon-zufang1:before {
	content: "\EB49"
}

.icon-zhuangxiufengshui:before {
	content: "\EB4A"
}

.icon-number1:before {
	content: "\EB4B"
}

.icon-number4:before {
	content: "\EB4C"
}

.icon-number2:before {
	content: "\EB4D"
}

.icon-ding:before {
	content: "\EB4E"
}

.icon-number5:before {
	content: "\EB4F"
}

.icon-number3:before {
	content: "\EB50"
}

.icon-remen:before {
	content: "\EB51"
}

.icon-zhaojingjiren1:before {
	content: "\EB52"
}

.icon-bingxiang1:before {
	content: "\EB53"
}

.icon-dituqianjin:before {
	content: "\EB54"
}

.icon-kongtiao:before {
	content: "\EB55"
}

.icon-chuang1:before {
	content: "\EB56"
}

.icon-ranqizao:before {
	content: "\EB57"
}

.icon-lianxijingjiren:before {
	content: "\EB58"
}

.icon-shafa1:before {
	content: "\EB59"
}

.icon-reshuiqi1:before {
	content: "\EB5A"
}

.icon-xiyiji1:before {
	content: "\EB5B"
}

.icon-shujia:before {
	content: "\EB5C"
}

.icon-yigui1:before {
	content: "\EB5D"
}

.icon-weibolu1:before {
	content: "\EB5E"
}

.icon-zhuozi:before {
	content: "\EB5F"
}

.icon-yizi:before {
	content: "\EB60"
}

.icon-bianjiatongzhi:before {
	content: "\EB61"
}

.icon-fangdaijisuanqi1:before {
	content: "\EB62"
}

.icon-gongyumianxing:before {
	content: "\EB65"
}

.icon-xiaoqu1:before {
	content: "\EB66"
}

.icon-shen:before {
	content: "\EBB9"
}

.icon-jiudian:before {
	content: "\EBDF"
}

.icon-canting:before {
	content: "\EBE0"
}

.icon-jiantou:before {
	content: "\EBE1"
}

.icon-yiliao:before {
	content: "\E7F1"
}

.icon-shouqi1:before {
	content: "\EC3F"
}

.icon-xiaoxizhankai:before {
	content: "\EC4B"
}

.icon-guanzhu:before {
	content: "\EC59"
}

.icon-duigou:before {
	content: "\EC5C"
}

.icon-paixu:before {
	content: "\EC8A"
}

.icon-duanxinzixun:before {
	content: "\EC9D"
}

.icon-dianhuazixun:before {
	content: "\EC9E"
}

.icon-mingpian:before {
	content: "\ECA0"
}

.icon-fangdaijisuanqi2:before {
	content: "\ECA2"
}

.icon-jiache:before {
	content: "\ECAF"
}

.icon-buhang:before {
	content: "\ECB0"
}

.icon-qiche:before {
	content: "\ECB1"
}

.icon-chachengjiao3:before {
	content: "\ECD7"
}

.icon-suanfangdai2:before {
	content: "\ECD8"
}

.icon-zhaojingjiren3:before {
	content: "\ECD9"
}

.icon-quyufangjia2:before {
	content: "\ECDA"
}

.icon-gufangjia3:before {
	content: "\ECDB"
}

.icon-baike1:before {
	content: "\ECDC"
}

.icon-goufangzizhi3:before {
	content: "\ECDD"
}

.icon-gongjiao:before {
	content: "\ECEA"
}

.icon-ditie1:before {
	content: "\ECEB"
}

.banner-body {
	position: relative;
	background-color: #fff;
	overflow: hidden
}

.banner-body .banner {
	display: -webkit-box;
	display: flex
}

.banner-body .items {
	display: block;
	width: 100%;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	overflow: hidden
}

.banner-body .pagination {
	position: absolute;
	top: auto;
	right: 10px;
	bottom: 10px;
	left: auto;
	z-index: 10;
	display: -webkit-box;
	display: flex;
	padding: 5px 10px;
	border-radius: 15px;
	background-color: rgba(0, 0, 0, .8)
}

.banner-body .pagination span {
	display: block;
	margin-right: 2px;
	font-size: 12px;
	color: #fff;
	line-height: 1.2
}

.banner-body .back {
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	border-radius: 4px
}

.banner-body .back,
.banner-body .back:before {
	position: absolute;
	right: auto;
	bottom: auto;
	z-index: 10
}

.banner-body .back:before {
	top: 14px;
	left: 16px;
	display: block;
	content: "";
	width: 12px;
	height: 12px;
	border-width: 0 0 2px 2px;
	border-style: solid;
	border-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.banner-body .icon-collect,
.banner-body .icon-collected {
	position: absolute;
	top: 15px;
	right: 10px;
	bottom: auto;
	left: auto;
	z-index: 10;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	font-size: 28px;
	color: #fff;
	line-height: 1;
	border-radius: 5px
}

.banner-body .icon-collected {
	color: #ffc601
}

.banner-body .icon-collect:before,
.banner-body .icon-collected:before {
	display: block;
	width: 28px;
	height: 28px;
	overflow: hidden
}

.banner-body .sold-out {
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 10px;
	background-color: rgba(0, 0, 0, .7)
}

.banner-body .already-deal,
.banner-body .sold-out {
	position: absolute;
	z-index: 100;
	font-size: 16px;
	color: #fff;
	text-align: center
}

.banner-body .already-deal {
	top: 20px;
	right: -52px;
	bottom: auto;
	left: auto;
	padding: 10px 50px;
	background-color: #ffc601;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.house-list {
	background-color: #fff
}

.house-list .items {
	display: -webkit-box;
	display: flex;
	margin: 0 15px;
	padding: 10px 0;
	border-bottom: 1px solid #f0f0f0
}

.house-list .items:last-child {
	border: none
}

.house-list .items .pic-box {
	position: relative;
	width: 108px;
	height: 81px;
	margin-right: 15px;
	overflow: hidden
}

.house-list .items .free {
	position: absolute;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	z-index: 10;
	padding: 3px 5px;
	line-height: 1.2;
	font-size: 12px;
	text-align: center;
	color: #fff;
	background-color: #ffc601
}

.house-list .items .info-box {
	-webkit-box-flex: 1;
	flex: 1;
	width: 100px;
	overflow: hidden
}

.house-list .items .tit {
	margin-bottom: 6px;
	font-size: 16px;
	color: #333;
	line-height: 1.2
}

.house-list .items .info {
	margin-bottom: 5px;
	font-size: 12px;
	color: #666;
	line-height: 1.2
}

.house-list .items .area {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: end;
	align-items: flex-end;
	font-size: 12px;
	color: #aaa;
	line-height: 1.2
}

.house-list .items .auto {
	-webkit-box-flex: 1;
	flex: 1 1 auto
}

.house-list .items .price {
	font-size: 1.3em;
	font-weight: 700;
	color: #ff6d6d
}

.house-list .items .unit {
	margin-right: 5px;
	font-size: 1.3em;
	color: #ff6d6d;
	font-weight: 700;
}


.house-list .items .tag-box {
	display: -webkit-box;
	display: flex
}

.house-list .items .tag {
	display: block;
	margin-right: 5px;
	padding: 3px 5px;
	font-size: 11px;
	color: #75919e;
	line-height: 1.2;
	background-color: #effaff;
	border-radius: 2px
}

.house-list .benefit-box {
	padding-top: 10px
}

.house-list .benefit-box,
.house-list .benefit-box .icon {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center
}

.house-list .benefit-box .icon {
	-webkit-box-pack: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	font-size: 12px;
	color: #fff;
	line-height: 1.2;
	background-color: #ff6d6d;
	border-radius: 3px
}

.house-list .benefit-box .txt {
	display: block;
	font-size: 12px;
	color: #333;
	line-height: 1.2
}

.house-list .opening-time {
	margin-bottom: 6px;
	font-size: 12px;
	color: #333;
	line-height: 1.2
}

.house-list .garden-types {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center
}

.house-list .garden-types .type {
	padding: 5px 8px;
	font-size: 10px;
	color: #666;
	line-height: 1.2;
	background-color: #f5f5f5
}

.house-list .garden-types .number {
	color: #ff6d6d
}

.house-list .garden-types .line {
	display: block;
	width: 1px;
	height: 10px;
	background-color: #ccc;
	border-top: 7px solid #f5f5f5;
	border-bottom: 7px solid #f5f5f5
}

.header-body {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    background-color: #fff;
}
.header-body .header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 50px;
    padding: 0 50px;
    box-sizing: border-box;
}
.header-body .back, .header-body .back:before {
    position: absolute;
    right: auto;
    bottom: auto;
    z-index: 10;
    display: block;
}
.header-body .back {
    top: 5px;
    left: 5px;
    width: 40px;
    height: 40px;
    overflow: hidden;
}
.header-body .back:before {
    top: 13px;
    left: 16px;
    content: "";
    width: 12px;
    height: 12px;
    border-width: 0 0 2px 2px;
    border-color: #888;
    border-style: solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header-body .title {
    font-size: 16px;
    color: #333;
    line-height: 1.2;
}
.header-body .menu {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: auto;
    left: auto;
    z-index: 10;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 18px;
    color: #666;
    line-height: 1;
}
.header-body .menu span {
    background-size: 29px;
}

.app-download {
	margin-top: 12px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 3px solid #ffc601;
	background-color: #fff
}

.app-download .content {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center
}

.app-download .logo {
	display: block;
	width: 40px;
	height: 40px;
	margin: 10px 15px;
	overflow: hidden
}

.app-download .txt-box {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 100px
}

.app-download .tit {
	font-size: 14px;
	font-weight: 700;
	color: #333;
	line-height: 1.2
}

.app-download .desc {
	margin-top: 5px;
	font-size: 10px;
	color: #999;
	line-height: 1.2
}

.app-download .icon {
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	margin-right: 15px;
	overflow: hidden
}

.app-download .icon:before {
	position: absolute;
	top: 4px;
	right: auto;
	bottom: auto;
	left: 1px;
	z-index: 10;
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.share {
	position: absolute;
	left: 88%;
	top: 15px;
}

.share img {

	width: 15px;
	margin-left: 5px;
	margin-bottom: 3px;
}

.share p {

	font-size: 12px;
	color: #999;
	font-weight: normal;
}

.house-base-info {
	background-color: #fff;
	border-bottom: 1px solid #f0f0f0
}

.house-base-info .title {
	padding: 20px 15px;
	font-size: 18px;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
	position: relative;
}


.house-base-info .more {
	display: block;
	margin: 0 15px 15px;
	padding: 15px;
	font-size: 14px;
	color: #987c66;
	line-height: 1.2;
	text-align: center;
	background-color: #f9f6f1
}

.major-house-info {
	display: -webkit-box;
	display: flex;
	padding: 15px 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0
}

.major-house-info .items {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 30%
}

.major-house-info .items .lab {
	display: block;
	padding: 3px 0;
	font-size: 14px;
	color: #999;
	line-height: 1.2;
	text-align: center
}

.major-house-info .items .price,
.major-house-info .items .txt {
	display: block;
	padding: 4px 0;
	font-size: 16px;
	color: #ff6d6d;
	font-weight: 700;
	line-height: 1.2;
	text-align: center
}

/* 

.major-house-info .items .price {
	font-size: 12px;
	color: #ff6d6d



} */







.major-house-info .items .price em {
	font-size: 18px;
	font-weight: 700;
	color: #ff6d6d
}

.other-house-info {
	padding: 8px 0
}

.other-house-info .tag-box {
	display: -webkit-box;
	display: flex;
	padding: 8px 15px;
	flex-wrap: wrap;
}


.other-house-info .tag {
	display: block;
	margin-right: 5px;
	padding: 3px 5px;
	font-size: 10px;
	margin-bottom: 3px;
	color: #596c91;
	line-height: 1.2;
	background-color: #F3F5F7;
	border-radius: 2px
}
.other-house-info .tag:nth-child(1) {
	color: #0F8CFF;
	background: #F7F9FF;
}

.other-house-info .tag:nth-child(2) {
	color: #FF841C;
	background: #FDF7F2;
}
.other-house-info .tag:nth-child(3) {
	background: #e1f5ed;
    color: #33BE85;
}

/* .other-house-info .tag-red {
	color: #e6b322;
	border: 1px solid #e6b322
}

.other-house-info .tag-green {
	color: #68be8d;
	border: 1px solid #68be8d
}

.other-house-info .tag-blue {
	color: #59b9c7;
	border: 1px solid #59b9c7
}

.other-house-info .tag-new {
	color: #4285f4;
	border: 1px solid #4285f4
} */

.other-house-info .items {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 8px 15px
}

.other-house-info .items .lab {
	display: -webkit-box;
	display: flex;
	font-size: 14px;
	color: #999;
	line-height: 1.2
}

.other-house-info .items .txt {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 50px;
	font-size: 14px;
	color: #333;
	line-height: 1.2
}

.other-house-info .items .flex-other {
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	width: auto;
	margin-right: 10px
}

.other-house-info .items .gap {
	display: inline-block;
	width: 2em
}

.other-house-info .items .space {
	display: inline-block;
	width: .5em
}

.other-house-info .items .icon {
	display: block;
	padding: 2px;
	font-size: 16px;
	color: #fff;
	line-height: 1;
	background-color: #cbcbcb;
	border-radius: 2px
}

.other-house-info .items .icon:before {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden
}

.other-house-info .items .other-icon {
	display: block;
	font-size: 16px;
	color: #aaa;
	line-height: 1
}

.other-house-info .items .other-icon:before {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden
}

.house-layer-info {
	position: fixed;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2000;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	height: 100%;
	background-color: #fff
}

.house-layer-info .title {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 15px;
	font-size: 18px;
	font-weight: 700;
	color: #333;
	line-height: 1.5;
	border-bottom: 1px solid #f0f0f0
}

.house-layer-info .slide-body {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	height: 100px;
	overflow: hidden
}

.house-layer-info .module {
	margin-left: 15px;
	padding: 10px 0;
	border-bottom: 1px solid #f0f0f0
}

.house-layer-info .module:last-child {
	border: 0
}

.house-layer-info .module .tit {
	padding: 10px 0;
	font-size: 16px;
	color: #333;
	line-height: 1.5
}

.house-layer-info .items {
	display: -webkit-box;
	display: flex;
	padding: 8px 15px 8px 0
}

.house-layer-info .items .lab {
	display: -webkit-box;
	display: flex;
	font-size: 14px;
	color: #999;
	line-height: 1.5
}

.house-layer-info .items .txt {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 50px;
	font-size: 14px;
	color: #333;
	line-height: 1.5
}

.house-layer-info .items .gap {
	display: inline-block;
	width: 2em
}

.house-layer-info .items .gaps {
	display: inline-block;
	width: .5em
}

.house-layer-info .tip {
	padding: 10px 15px 10px 0;
	font-size: 12px;
	color: #999;
	line-height: 1.5
}

.house-layer-info .desc {
	padding: 10px 15px 10px 0;
	font-size: 14px;
	color: #333;
	line-height: 1.5
}

.house-layer-info .close-box {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	height: 50px;
	padding-bottom: 20px
}

.house-layer-info .close {
	position: relative;
	display: block;
	width: 26px;
	height: 26px;
	border: 1px solid #aaa;
	border-radius: 50%;
	overflow: hidden
}

.house-layer-info .close:after,
.house-layer-info .close:before {
	position: absolute;
	top: 12px;
	right: auto;
	bottom: auto;
	left: 6px;
	z-index: 10;
	display: block;
	content: "";
	width: 14px;
	height: 2px;
	background-color: #aaa
}

.house-layer-info .close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.house-layer-info .close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.broker-module {
	margin-top: 12px;
	background-color: #fff;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0
}

.broker-module .title {
	padding: 20px 15px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
	border-bottom: 1px solid #f0f0f0
}

.broker-module .content {
	overflow: hidden
}

.broker-module .items {
	display: -webkit-box;
	display: flex;
	padding: 15px 0 15px 15px;
	border-bottom: 1px solid #f0f0f0
}

.broker-module .items.hidden {
	display: none
}

.broker-module .items:last-child {
	border: 0
}

.broker-module .items .pic {
	display: block;
	width: 50px;
	height: 50px;
	margin-right: 15px;
	border-radius: 50%;
	overflow: hidden
}

.broker-module .items .pic img {
	width: 50px;
	height: 50px;
	-o-object-fit: contain;
	object-fit: contain
}

.broker-module .items .txt-box {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 100px
}

.broker-module .items .info-box {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: start;
	align-items: flex-start;
	padding-right: 10px
}

.broker-module .items .tell-box {
	-webkit-box-flex: 1;
	flex: 1 1 auto
}

.broker-module .items .name-box {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding-bottom: 5px
}

.broker-module .items .name {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 1.2
}

.broker-module .items .tag {
	display: block;
	margin-left: 5px;
	padding: 2px 3px;
	font-size: 12px;
	color: #ffb200;
	line-height: 1.2;
	background-color: rgba(255, 178, 0, .1);
	border-radius: 2px
}

.broker-module .items .tip {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	font-size: 16px;
	color: #ddd;
	line-height: 1
}

.broker-module .items .tip:before {
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden
}

.broker-module .items .score {
	display: block;
	padding: 5px 0;
	font-size: 12px;
	color: #999;
	line-height: 1.2
}

.broker-module .items .area {
	display: block;
	padding-bottom: 10px;
	font-size: 12px;
	color: #999;
	line-height: 1.2
}

.broker-module .items .icon {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 50px;
	height: 40px;
	font-size: 26px;
	color: #ffb200;
	line-height: 1
}

.broker-module .items .icon:before {
	display: block;
	width: 26px;
	height: 26px;
	overflow: hidden
}

.broker-module .items .desc {
	display: block;
	padding: 10px 15px 0 0;
	font-size: 12px;
	color: #666;
	line-height: 1.2;
	border-top: 1px solid #f0f0f0
}

.broker-module .more {
	display: block;
	margin: 15px;
	padding: 15px;
	font-size: 14px;
	color: #987c66;
	line-height: 1.2;
	text-align: center;
	background-color: #f9f6f1
}

.owner-recommend {
	margin-top: 12px;
	background-color: #fff;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0
}

.owner-recommend .title {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 20px 15px;
	border-bottom: 1px solid #f0f0f0
}

.owner-recommend .title .txt {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 1.2
}

.owner-recommend .title .more {
	font-size: 14px;
	color: #666;
	line-height: 1.2
}

.owner-recommend .content {
	padding: 15px
}

.owner-recommend .content .info {
	font-size: 14px;
	color: #333;
	line-height: 1.5
}

.owner-recommend .tip {
	padding: 0 15px 20px;
	font-size: 12px;
	color: #999;
	line-height: 1.2
}

.house-evaluate {
	margin-top: 12px;
	background-color: #fff;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0
}

.house-evaluate .title {
	padding: 20px 15px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
	border-bottom: 1px solid #f0f0f0
}

.house-evaluate .items {
	display: -webkit-box;
	display: flex;
	margin-top: 20px;
	padding: 0 15px
}

.house-evaluate .items .lab {
	display: block;
	font-size: 14px;
	color: #999;
	line-height: 1.8
}

.house-evaluate .items .txt {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 100px;
	font-size: 14px;
	color: #333;
	line-height: 1.8
}

.house-evaluate .more {
	display: block;
	margin: 15px;
	padding: 15px;
	font-size: 14px;
	color: #987c66;
	line-height: 1.2;
	text-align: center;
	background-color: #f9f6f1
}

.broker-evaluate {
	position: fixed;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2000;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	height: 100%;
	background-color: #fff
}

.broker-evaluate .title {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 15px;
	font-size: 18px;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
	border-bottom: 1px solid #f0f0f0
}

.broker-evaluate .slide-body {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	height: 100px;
	overflow: hidden
}

.broker-evaluate .items {
	margin-left: 15px;
	padding: 15px 15px 15px 0;
	border-bottom: 1px solid #f0f0f0
}

.broker-evaluate .items .lab {
	display: block;
	padding: 5px 0;
	font-size: 16px;
	color: #333;
	line-height: 1.8
}

.broker-evaluate .items .txt {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 1.8
}

.broker-evaluate .close-box {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	height: 50px;
	padding-bottom: 20px
}

.broker-evaluate .close {
	position: relative;
	display: block;
	width: 26px;
	height: 26px;
	border: 1px solid #aaa;
	border-radius: 50%;
	overflow: hidden
}

.broker-evaluate .close:after,
.broker-evaluate .close:before {
	position: absolute;
	top: 12px;
	right: auto;
	bottom: auto;
	left: 6px;
	z-index: 10;
	display: block;
	content: "";
	width: 14px;
	height: 2px;
	background-color: #aaa
}

.broker-evaluate .close:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.broker-evaluate .close:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.look-house-record {
	margin-top: 12px;
	background-color: #fff;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0
}

.look-house-record .title {
	padding: 20px 15px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 1.2
}

.look-house-record .count,
.look-house-record .title {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	border-bottom: 1px solid #f0f0f0
}

.look-house-record .count {
	padding: 15px 0
}

.look-house-record .count .items {
	-webkit-box-flex: 1;
	flex: 1 1 auto
}

.look-house-record .count .line {
	display: block;
	width: 1px;
	height: 26px;
	background-color: #e0e0e0
}

.look-house-record .count .label {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	color: #999;
	line-height: 1.2;
	text-align: center
}

.look-house-record .count .number {
	display: block;
	font-size: 20px;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
	text-align: center
}

.look-house-record .table th {
	padding: 15px 0;
	font-size: 14px;
	color: #999;
	line-height: 1.2;
	text-align: center
}

.look-house-record .table td {
	padding: 10px 0;
	font-size: 14px;
	color: #333;
	line-height: 1.2;
	text-align: center
}

.look-house-record .table em {
	font-weight: 700
}

.look-house-record .more {
	display: block;
	margin: 15px;
	padding: 15px;
	font-size: 14px;
	color: #987c66;
	line-height: 1.2;
	text-align: center;
	background-color: #f9f6f1
}

.school-region {
	margin-top: 12px;
	background-color: #fff;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0
}

.school-region .title {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 1.2
}

.school-region .items,
.school-region .title {
	padding: 20px 15px;
	border-bottom: 1px solid #f0f0f0
}

.school-region .items {
	display: block
}

.school-region .items:last-child {
	border: none
}

.school-region .items .tit-box {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center
}

.school-region .items .tit {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 100px;
	font-size: 14px;
	color: #333;
	line-height: 1.2
}

.school-region .items .tag {
	display: block;
	margin: 0 15px;
	padding: 5px;
	font-size: 12px;
	color: #fff;
	line-height: 1.2;
	background-color: #59b9c7;
	border-radius: 2px
}

.school-region .items .icon {
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden
}

.school-region .items .icon:before {
	position: absolute;
	top: 4px;
	right: auto;
	bottom: auto;
	left: 1px;
	z-index: 10;
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.school-region .items .desc {
	display: block;
	padding: 3px 0;
	font-size: 14px;
	color: #999;
	line-height: 1.2
}

.relevant-garden {
	margin-top: 12px;
	background-color: #fff;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0
}

.relevant-garden .title {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 13px 15px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
	border-bottom: 1px solid #f0f0f0
}

.relevant-garden .title .txt {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 100px
}

.relevant-garden .title .icon {
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden
}

.relevant-garden .title .icon:before {
	position: absolute;
	top: 4px;
	right: auto;
	bottom: auto;
	left: 1px;
	z-index: 10;
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.relevant-garden .content {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	padding-top: 12px
}

.relevant-garden .items {
	display: -webkit-box;
	display: flex;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 50%;
	padding: 8px 15px;
	box-sizing: border-box
}

.relevant-garden .items .lab {
	display: block;
	font-size: 14px;
	color: #999;
	line-height: 1.2
}

.relevant-garden .items .txt {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 20px;
	font-size: 14px;
	color: #333;
	line-height: 1.2
}

.relevant-garden .items .gap {
	display: inline-block;
	width: 2em
}

.relevant-garden .items em {
	color: #ff6d6d
}

.relevant-garden .more {
	display: block;
	margin: 15px;
	padding: 15px;
	font-size: 14px;
	color: #987c66;
	line-height: 1.2;
	text-align: center;
	background-color: #f9f6f1
}

.map-periphery {
	margin-top: 12px;
	background-color: #fff;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0
}

.map-periphery .title {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	border-bottom: 1px solid #f0f0f0
}

.map-periphery .title .txt {
	-webkit-box-flex: 1;
	flex: 1;
	display: block;
	padding: 13px 15px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 1.2
}

.map-periphery .title .see {
	display: block;
	margin-right: 15px;
	padding: 9px 15px;
	font-size: 12px;
	color: #333;
	line-height: 1.2;
	border: 1px solid #e6e6e6;
	border-radius: 2px
}

.map-periphery .address {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 20px 15px;
	font-size: 14px;
	color: #333;
	line-height: 1.2
}

.map-periphery .address .lab {
	display: block;
	color: #999
}

.map-periphery .address .txt {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 100px
}

.map-periphery .address .icon {
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden
}

.map-periphery .address .icon:before {
	position: absolute;
	top: 4px;
	right: auto;
	bottom: auto;
	left: 1px;
	z-index: 10;
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.map-periphery .map-box {
	position: relative;
	display: block;
	overflow: hidden
}

.map-periphery .map-box .mark {
	position: absolute;
	top: 42%;
	left: 50%;
	z-index: 10;
	padding: 12px 15px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	line-height: 1.2;
	background-color: rgba(0, 0, 0, .6);
	border-radius: 6rpx;
	box-shadow: 0 0 12px rgba(0, 0, 0, .16);
	-webkit-transform: translate(-50%, -80%);
	transform: translate(-50%, -80%)
}

.map-periphery .map-box .mark:before {
	position: absolute;
	left: 50%;
	bottom: -12px;
	z-index: 10;
	display: block;
	content: "";
	border-width: 6px;
	border-style: solid;
	border-color: rgba(0, 0, 0, .6) transparent transparent;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.map-periphery .slide {
	display: -webkit-box;
	display: flex
}

.map-periphery .items {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 20%;
	padding: 15px 0
}

.map-periphery .items .icon {
	display: block;
	margin-bottom: 5px;
	font-size: 20px;
	color: #333;
	line-height: 1;
	text-align: center
}

.map-periphery .items .txt {
	color: #333
}

.map-periphery .items .tip,
.map-periphery .items .txt {
	display: block;
	font-size: 12px;
	line-height: 1.5;
	text-align: center
}

.map-periphery .items .tip {
	color: #999
}

.housing-loan {
	margin-top: 12px;
	background-color: #fff;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0
}

.housing-loan .title {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 20px 15px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
	border-bottom: 1px solid #f0f0f0
}

.housing-loan .title .tit {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 100px
}

.housing-loan .title .tip {
	display: block;
	font-size: 12px;
	font-weight: 500;
	color: #ccc
}

.housing-loan .chart-box {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding-top: 15px;
	overflow: hidden
}

.housing-loan .canvas {
	display: block;
	width: 150px;
	height: 150px
}

.housing-loan .loan-box {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 100px;
	padding-left: 15px
}

.housing-loan .items {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 10px 0
}

.housing-loan .items .icon {
	display: block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	background-color: #ccc;
	border-radius: 50%
}

.housing-loan .items .lab {
	font-size: 14px;
	color: #999;
	line-height: 1.2
}

.housing-loan .items .txt {
	font-size: 14px;
	color: #333;
	line-height: 1.2
}

.housing-loan .items .yellow {
	background-color: #fcc900
}

.housing-loan .items .orange {
	background-color: #f39801
}

.housing-loan .items .blue {
	background-color: #59b9c7
}

.housing-loan .items .green {
	background-color: #3eb36f
}

.housing-loan .tip {
	font-size: 12px;
	color: #999;
	line-height: 1.2
}

.housing-loan .more {
	display: block;
	margin: 15px;
	padding: 15px;
	font-size: 14px;
	color: #987c66;
	line-height: 1.2;
	text-align: center;
	background-color: #f9f6f1
}

@media screen and (min-width:320px) and (max-width:340px) {




	.housing-loan .items .lab,
	.housing-loan .items .txt {
		font-size: 12px
	}
}


.house-price-trend {
	margin-top: 12px;
	background-color: #fff;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0
}

.house-price-trend .title {
	padding: 20px 15px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
	border-bottom: 1px solid #f0f0f0
}

.house-price-trend .content {
	padding: 0 15px;
	background-color: #f9f9f9
}

.house-price-trend .items {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: end;
	align-items: flex-end;
	padding: 15px 0;
	border-bottom: 1px solid #f0f0f0
}

.house-price-trend .items:last-child {
	border: 0
}

.house-price-trend .items .text-box {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 50%
}

.house-price-trend .items .price {
	display: block;
	font-size: 20px;
	font-weight: 600;
	color: #333;
	line-height: 1.2
}

.house-price-trend .items .text {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 1.2
}

.house-price-trend .items .describe {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	color: #999;
	line-height: 1.2
}

.house-price-trend .items .ratio {
	padding: 5px 15px;
	font-size: 12px;
	font-weight: 700;
	color: #999;
	line-height: 1.2
}

.house-price-trend .items .ratio.asc {
	color: #ff6d6d;
	background-color: hsla(0, 100%, 71%, .12)
}

.house-price-trend .items .ratio.desc {
	color: #7dcbb6;
	background-color: rgba(125, 203, 182, .12)
}

.house-price-trend .more {
	display: block;
	margin: 0 15px 15px;
	padding: 15px;
	font-size: 14px;
	color: #987c66;
	line-height: 1.2;
	text-align: center;
	background-color: #f9f6f1
}

.house-price-trend .chart-box {
	height: auto
}

.house-price-trend .chart-box .canvas {
	width: 100%;
	height: auto
}

.historical-deal {
	margin-top: 12px;
	background-color: #fff;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0
}

.historical-deal .title {
	padding: 20px 15px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
	border-bottom: 1px solid #f0f0f0
}

.historical-deal .items {
	display: -webkit-box;
	display: flex;
	padding: 20px 15px
}

.historical-deal .date {
	padding-right: 10px;
	border-right: 1px solid #f0f0f0
}

.historical-deal .date .lab {
	font-weight: 700;
	color: #333
}

.historical-deal .date .lab,
.historical-deal .date .txt {
	display: block;
	padding: 5px 0;
	font-size: 14px;
	line-height: 1.2;
	text-align: center
}

.historical-deal .date .txt {
	color: #999
}

.historical-deal .content {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 100px;
	padding-left: 15px
}

.historical-deal .tit-box {
	display: -webkit-box;
	display: flex;
	padding: 5px 0
}

.historical-deal .tit-box .tit {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 50px;
	font-size: 14px;
	color: #333;
	line-height: 1.2
}

.historical-deal .tit-box .price {
	display: block;
	margin-left: 10px;
	font-size: 14px;
	color: #ff6d6d;
	line-height: 1.2
}

.historical-deal .tit-box em {
	font-weight: 700
}

.historical-deal .txt-box {
	display: -webkit-box;
	display: flex;
	padding: 5px 0
}

.historical-deal .txt-box .txt {
	display: block;
	margin-right: 10px;
	font-size: 14px;
	color: #999;
	line-height: 1.2
}

.historical-deal .txt-box .price {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 50px;
	margin-left: 10px;
	font-size: 14px;
	color: #999;
	line-height: 1.2;
	text-align: right
}

.historical-deal .more {
	display: block;
	margin: 0 15px 15px;
	padding: 15px;
	font-size: 14px;
	color: #987c66;
	line-height: 1.2;
	text-align: center;
	background-color: #f9f6f1
}

@media screen and (min-width:320px) and (max-width:340px) {




	.historical-deal .txt-box .price,
	.historical-deal .txt-box .txt {
		font-size: 12px
	}
}


.recommend-body {
	margin-top: 12px;
	background-color: #fff;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0
}

.recommend-body .title {
	padding: 13px 15px;
	font-size: 16px;
	color: #333;
	line-height: 1.2;
	font-weight: 700;
	border-bottom: 1px solid #f0f0f0
}

.recommend-body .more {
	display: block;
	margin: 0 15px 15px;
	padding: 15px;
	font-size: 14px;
	color: #987c66;
	line-height: 1.2;
	text-align: center;
	background-color: #f9f6f1
}

.real-house {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	padding: 10px 16px
}

.real-house .text {
	font-size: 10px;
	color: #ccc;
	line-height: 1.5
}

.real-house .pic {
	display: block;
	width: 100px;
	margin-top: 10px
}

.broker-card .items {
	display: -webkit-box;
	display: flex;
	padding: 5px 0
}

.broker-card .items .lab {
	display: block;
	font-size: 14px;
	color: #999;
	line-height: 1.5
}

.broker-card .items .txt {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	display: block;
	width: 100px;
	font-size: 14px;
	color: #333;
	line-height: 1.5
}

.footer-fixed {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 500;
	-webkit-box-pack: end;
	justify-content: flex-end;
	padding: 0 15px;
	height: 60px;
	background-color: #fff;
	box-shadow: 0 -2px 4px rgba(0, 0, 0, .06)
}

.footer-fixed,
.footer-fixed .broker-info {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center
}

.footer-fixed .broker-info {
	-webkit-box-flex: 1;
	flex: 1;
	overflow: hidden;
	justify-content: space-around;
}


.footer-fixed .portrait-box {
	display: block;
	overflow: hidden
}

.footer-fixed .portrait {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-o-object-fit: contain;
	object-fit: contain
}

.footer-fixed .text-box {
	-webkit-box-flex: 1;
	flex: 1;
	overflow: hidden
}

.footer-fixed .name-box {
	display: flex;
	align-items: center;
	overflow: hidden;
}

.footer-fixed .name {
	font-size: 14px;
	font-weight: 700;
	color: #333;
	line-height: 1.2
}

.footer-fixed .icon {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	margin-left: 5px;
	width: 20px;
	height: 16px;
	font-size: 18px;
	color: #5d89b6;
	line-height: 1;
	background-color: #f5f5f5;
	border: 1px solid #eaeaea;
	border-radius: 2px
}

.footer-fixed .tip {
	margin-top: 5px;
	font-size: 10px;
	color: #888;
	line-height: 1.2
}

.footer-fixed .contact,
.footer-fixed .subscribe {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 100px;
	height: 44px;
	margin-left: 10px;
	font-size: 14px;
	line-height: 1.2;
	border-radius: 4px
}

.footer-fixed .subscribe {

	color: #fff;
	background: linear-gradient(90deg, #fbac65, #fb656a);
}

.footer-fixed .contact {

	color: #fff;
	background: linear-gradient(90deg, #00a0e9, #3072f6);
}

.footer-body {
	margin-top: 12px;
	padding-bottom: 10px;
	border-top: 1px solid #f0f0f0;
	background-color: #fff
}

.crumbs {
	padding: 12px 15px;
	border-bottom: 1px solid #f0f0f0
}

.crumbs .items {
	color: #333
}

.crumbs .gt,
.crumbs .items {
	font-size: 12px;
	line-height: 1.2
}

.crumbs .gt {
	margin: 0 3px;
	color: #999
}

.site-map .title {
	display: -webkit-box;
	display: flex;
	padding: 15px;
	font-size: 14px;
	color: #333;
	line-height: 1.2;
	border-bottom: 1px solid #f0f0f0
}

.site-map .title .txt {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 100px
}

.site-map .title .icon {
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s
}

.site-map .title .icon:before {
	position: absolute;
	top: 1px;
	right: auto;
	bottom: auto;
	left: 4px;
	z-index: 10;
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #999;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.site-map .title.open .icon {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.site-map .items {
	display: block;
	border-bottom: 1px solid #f0f0f0
}

.site-map .tabs {
	display: -webkit-box;
	display: flex;
	padding: 15px;
	font-size: 12px;
	color: #333;
	line-height: 1.2
}

.site-map .tabs .txt {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 100px
}

.site-map .tabs .icon {
	position: relative;
	width: 16px;
	height: 16px;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s
}

.site-map .tabs .icon:after,
.site-map .tabs .icon:before {
	position: absolute;
	top: 7px;
	right: auto;
	bottom: auto;
	left: 4px;
	z-index: 10;
	display: block;
	content: "";
	width: 10px;
	height: 1px;
	background-color: #999
}

.site-map .tabs .icon:before {
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

.site-map .tabs .icon:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.site-map .tabs.open .icon {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.site-map .links-box {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap
}

.site-map .links-box .link {
	display: block;
	width: 50%;
	padding: 5px 15px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #999;
	line-height: 1.2;
	text-align: center;
	box-sizing: border-box
}

.site-map .hide {
	display: none
}

.site-nav {
	display: -webkit-box;
	display: flex;
	padding: 20px 15px
}

.site-nav .items {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 100px;
	font-size: 14px;
	color: #666;
	line-height: 1.2;
	text-align: center;
	border-right: 1px solid #f0f0f0
}

.site-nav .items:last-child {
	border: none
}

.copyright {
	padding: 2px 15px;
	font-size: 12px;
	color: #ccc;
	line-height: 1.2
}

.layer-info {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1500;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .3)
}

.layer-info .info-body {
	position: relative;
	width: 80%;
	border-radius: 5px;
	background-color: #fff;
	box-sizing: border-box
}

.layer-info .info-body .title {
	padding: 13px 15px;
	font-size: 15px;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
	text-align: center;
	border-bottom: 1px solid #f0f0f0
}

.layer-info .info-body .content {
	padding: 20px
}

.layer-info .info-body .info {
	line-height: 1.5
}

.layer-info .info-body .info,
.layer-info .info-body .ok {
	display: block;
	font-size: 14px;
	color: #333;
	text-align: center
}

.layer-info .info-body .ok {
	padding: 13px 15px;
	line-height: 1.2;
	border-top: 1px solid #f0f0f0
}

.layer-info .qr-code {
	position: relative;
	width: 50%;
	padding: 10px;
	background-color: #fff;
	box-sizing: border-box
}

.layer-info .close {
	position: absolute;
	top: -10px;
	right: -10px;
	bottom: auto;
	left: auto;
	z-index: 10;
	display: block;
	width: 24px;
	height: 24px;
	background-color: #e5e5e5;
	border-radius: 50%;
	overflow: hidden
}

.layer-info .close:after,
.layer-info .close:before {
	position: absolute;
	top: 11px;
	right: auto;
	bottom: auto;
	left: 6px;
	z-index: 10;
	display: block;
	content: "";
	width: 13px;
	height: 2px;
	background-color: #999
}

.layer-info .close:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.layer-info .close:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.layer-tip {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3500;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .3)
}

.layer-tip .tip-body {
	padding: 12px 20px;
	background-color: rgba(0, 0, 0, .8);
	border-radius: 3px
}

.layer-tip .tip-body .loading {
	width: 30px;
	height: 30px;
	margin: 0 auto 10px
}

.layer-tip .tip-body .info {
	display: block;
	font-size: 14px;
	color: #fff;
	line-height: 1.2
}

.layer-validate {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 600;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .3)
}

.layer-validate .validate-body {
	width: 80%;
	border-radius: 5px;
	background: #fff
}

.layer-validate .validate-body .title {
	padding: 10px;
	font-size: 16px;
	color: #333;
	line-height: 1.5;
	text-align: center;
	border-bottom: 1px solid #f0f0f0;
	border-radius: 5px 5px 0 0
}

.layer-validate .validate-body .content {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	padding: 20px
}

.layer-validate .validate-body .text-box {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 100px;
	border: 1px solid #e5e5e5;
	border-radius: 2px
}

.layer-validate .validate-body .text {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	padding: 6px 5px;
	width: 100px;
	font-size: 14px;
	color: #333;
	line-height: 1.2;
	border: none
}

.layer-validate .validate-body .info {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	text-align: center
}

.layer-validate .validate-body .info.al {
	text-align: left
}

.layer-validate .validate-body .clear-text {
	position: relative;
	display: none;
	width: 20px;
	height: 20px;
	margin: 4px;
	border-radius: 50%;
	background-color: #ccc;
	overflow: hidden
}

.layer-validate .validate-body .clear-text:after,
.layer-validate .validate-body .clear-text:before {
	position: absolute;
	top: 10px;
	right: auto;
	bottom: auto;
	left: 4px;
	z-index: 10;
	display: block;
	content: "";
	width: 12px;
	height: 1px;
	background-color: #fff
}

.layer-validate .validate-body .clear-text:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.layer-validate .validate-body .clear-text:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.layer-validate .validate-body .validate {
	display: block;
	width: 60px;
	margin-left: 5px
}

.layer-validate .validate-body .footer {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	border-top: 1px solid #f0f0f0;
	border-radius: 0 0 5px 5px
}

.layer-validate .validate-body .cancel,
.layer-validate .validate-body .ok {
	display: block;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	padding: 15px;
	font-size: 14px;
	color: #666;
	line-height: 1.2;
	text-align: center
}

.layer-validate .validate-body .cancel {
	border-right: 1px solid #f0f0f0
}

.layer-validate .validate-body .ok {
	color: #ffc601
}

body {
	padding-bottom: 64px
}

.notice-price-layer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 990;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .3);
	overflow: hidden;
}


.notice-price-layer .info-body {
	position: relative;
	width: 80%;
	border-radius: 5px;
	background-color: #fff;
	box-sizing: border-box;
	left: 10%;
	top: 25%;
}


.notice-price-layer .close {
	position: absolute;
	top: -10px;
	right: -10px;
	bottom: auto;
	left: auto;
	z-index: 10;
	display: block;
	width: 24px;
	height: 24px;
	background-color: #e5e5e5;
	border-radius: 50%;
	overflow: hidden
}

.notice-price-layer .close:after,
.notice-price-layer .close:before {
	position: absolute;
	top: 11px;
	right: auto;
	bottom: auto;
	left: 6px;
	z-index: 10;
	display: block;
	content: "";
	width: 13px;
	height: 2px;
	background-color: #999
}

.notice-price-layer .close:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.notice-price-layer .close:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.notice-price-layer .info-body .title {
	padding: 13px 15px;
	font-size: 15px;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
	text-align: center;
	border-bottom: 1px solid #f0f0f0
}

.notice-price-layer .info-body .content {
	padding: 15px
}

.notice-price-layer .info-body .info {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 1.5
}

.notice-price-layer .text-box {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-top: 5px;
	border-bottom: 1px solid #f0f0f0
}

.notice-price-layer .text {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	width: 100px;
	padding: 15px 0;
	border: none;
	outline: none;
	background-color: transparent;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent
}

.notice-price-layer .get-code,
.notice-price-layer .text {
	font-size: 14px;
	color: #333;
	line-height: 1.2;
	box-sizing: border-box
}

.notice-price-layer .get-code {
	display: block;
	padding: 8px 0
}

.notice-price-layer .get-code.disabled {
	color: #ccc
}

.notice-price-layer .clear-text {
	position: relative;
	display: none;
	width: 20px;
	height: 20px;
	margin: 10px;
	border-radius: 50%;
	background-color: #ccc;
	overflow: hidden
}

.notice-price-layer .clear-text:after,
.notice-price-layer .clear-text:before {
	position: absolute;
	top: 10px;
	right: auto;
	bottom: atuo;
	left: 4px;
	z-index: 10;
	display: block;
	content: "";
	width: 12px;
	height: 1px;
	background-color: #fff
}

.notice-price-layer .clear-text:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.notice-price-layer .clear-text:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.notice-price-layer .info-body .ok {
	display: block;
	margin-top: 20px;
	padding: 14px 15px 12px;
	font-size: 14px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	background-color: #ffc601;
	border-radius: 3px
}

.notice-price-layer .info-body .ok.disabled {
	color: hsla(0, 0%, 100%, .5);
	background-color: #ff6d6d
}

.notice-price-layer .info-body .link {
	display: block;
	margin-top: 15px;
	font-size: 14px;
	color: #4f7ba2;
	line-height: 1.2
}

.share1 {
	position: absolute;
	left: 93%;
	top: 45px;
}

.share1 img {
	width: 15px;
	margin-left: 5px;
	margin-bottom: 3px;
}

.share1 p {
	font-size: 12px;
	color: #999;
}

#matching {

	padding: 13px 0;
	display: flex;
	flex-wrap: wrap;
}

#matching li {

	height: 25px;
	line-height: 30px;
	margin-right: 10px;
	margin-bottom: 7px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 6px 4px;
	font-size: 14px;
	color: #333;
}

#matching li.kongtiao {

	background-image: url(/skin/img/kongtiao.png);
}

#matching li.dianshi {

	background-image: url(/skin/img/dianshi.png);
}

#matching li.dianti {

	background-image: url(/skin/img/dianti.png);
}

#matching li.bingxiang {

	background-image: url(/skin/img/bingxiang.png);
}

#matching li.xiyiji {

	background-image: url(/skin/img/xiyiji.png);
}

#matching li.reshuiqi {

	background-image: url(/skin/img/reshuiqi.png);
}

#matching li.yangtai {

	background-image: url(/skin/img/yangtai.png);
}

#matching li.chuang {

	background-image: url(/skin/img/chuang.png);
}

#matching li.shafa {

	background-image: url(/skin/img/shafa.png);
}

#matching li.yigui {

	background-image: url(/skin/img/yigui.png);
}

#matching li.chouyanji {

	background-image: url(/skin/img/chouyanji.png);
}

#matching li.weshengjian {

	background-image: url(/skin/img/weshengjian.png);
}

.back,
.back:before {

	position: absolute;
	right: auto;
	/* bottom: auto; */

	top: 0;
	z-index: 999;
	width: 40px;
	height: 40px;
	display: block;
}

.back:before {

	top: 14px;
	left: 26px;
	display: block;
	content: "";
	width: 12px;
	height: 12px;
	border-width: 0 0 2px 2px;
	border-style: solid;
	border-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ui-youbian {

	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	z-index: 999;
}

.ui-avatar-tiled {

	width: 30px;
	height: 30px;
	-webkit-border-radius: 200px;
	overflow: hidden;
	display: inline-block;
}

.ui-avatar-tiled>span {

	width: 25px;
	height: 25px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-webkit-border-radius: 200px;
}

.house-base-info .tools-box {

	display: -webkit-box;
	display: flex;
	margin: 0 15px;
	border-top: 1px solid #f0f0f0;
}

.house-base-info .tools-box .items {

	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 48%;
	/*-webkit-box-flex: 1;*/

	/*flex: 1 1 auto;*/

	padding: 10px 0;
	font-size: 14px;
	background-color: rgba(244, 247, 254, 1);
	color: #3072f6;
	line-height: 1.2;
	margin: 10px 5px 10px;
}

.house-base-info .tools-box .icon {

	margin-right: 6px;
	font-size: 16px;
	color: #3072f6;
	line-height: 0;
}

.back,
.back:before {

	position: absolute;
	right: auto;
	/* bottom: auto; */

	top: 0;
	z-index: 999;
	width: 40px;
	height: 40px;
	display: block;
}

.back:before {

	top: 14px;
	left: 26px;
	display: block;
	content: "";
	width: 12px;
	height: 12px;
	border-width: 0 0 2px 2px;
	border-style: solid;
	border-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ui-youbian {

	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	z-index: 999;
}

.ui-avatar-tiled {

	width: 30px;
	height: 30px;
	-webkit-border-radius: 200px;
	overflow: hidden;
	display: inline-block;
}

.ui-avatar-tiled>span {

	width: 25px;
	height: 25px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-webkit-border-radius: 200px;
}

.wx_pop_m {

	width: 150px;
	height: 150px;
	margin: 0 auto;
}