/* 统一样式 */
@charset "UTF-8";
body,html {font-size:100%}
a,input,textarea {-webkit-tap-highlight-color:transparent;}
.iconfont,em,i{font-style:normal}
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}
img,table{width:100%}
html{font-family:"微软雅黑","Microsoft YaHei",helvetica,tahoma,arial,verdana,sans-serif}
body{-webkit-text-size-adjust:none; background:#fff8ed;}
a{text-decoration:none}
dl,ol,ul{list-style-type:none}
img{border:none}
h1,h2,h3,h4,h5,h6,strong,th{font-size:100%;font-weight:400}
.box-align,.box-middle{-webkit-box-align:center;-moz-box-align:center;box-align:center;display: -webkit-box;}
.box-align{-webkit-box-pack:center;-moz-box-pack:center;box-pack:center}
.flex{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}
.header-body{position:relative;border-bottom:1px solid #eee;background-color:#fff;width:100%;height:50px; z-index:999}
.header-body .logo{position:absolute;top:0;right:auto;bottom:0;left:0;z-index:10;width:90px;background:url(../img/pics/qfang-logo.png) 50% 50% no-repeat;background-size:70px auto}
.header-body .more{position:absolute;top:15px;left:85%;z-index:10;width:60px;float:right;color:#999;}
.header-body .more:before{position:absolute;top:2px;right:auto;bottom:auto;left:30px;z-index:100;display:block;content:'';width:12px;height:12px;border-width:0 0 2px 2px;border-style:solid;border-color:#999;-webkit-transform:rotateZ(-135deg);-moz-transform:rotateZ(-135deg);transform:rotateZ(-135deg);}
.header-body .title{position:relative;padding:13px;font-size:16px;color:#333;line-height:1.5;text-align:center}
.header-body .go-back{position:absolute;top:14px;right:auto;bottom:0;left:20px;z-index:100;width:40px;color:#999;}
.header-body .go-back:before{position:absolute;top:2px;right:auto;bottom:auto;left:-10px;z-index:100;display:block;content:'';width:12px;height:12px;border-width:0 0 2px 2px;border-style:solid;border-color:#999;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.footer-body{padding:15px 0 30px;background-color:#f2f2f2}
.footer-body .copyright{padding:3px 0;font-size:12px;color:#aaa;line-height:1.5;text-align:center}
/*end 统一样式 */
/*content*/
.content { padding:5% 3%}
.houselist { border-left:2px solid #bc0101; border-right:2px solid #bc0101; padding:0 2%;}
.house {border:2px solid #bc0101;margin-bottom: 5%;}
.house-top {}
.house-tl {width: 48%;}
.tag {background: url(../img/pics/tag.png) no-repeat;position: relative;top: -108px;width: 50%;background-size: 100%;}
.tag p {color:#fff; font-size:14px; text-align:center; height:40px; line-height: 1.5}
.info {background: rgba(0,0,0,0.5);font-size: 16px;text-align: center;color: #fff;margin-top: -35%; position:relative}
.info em {color:#ffb41f}
.house-tr {width: 48%;float: right;margin-top: -108px;}
.house-tr h1{font-size: 16px;color: #bf0e0d;font-weight: bold;padding-bottom: 5px;}
.p1 {font-size: 14px;padding-left: 20px;background: url(../img/pics/icon.png) 0 10% no-repeat;background-size: 12%;}
.p2 {font-size: 14px;padding-left: 20px;background: url(../img/pics/icon.png) 0 292% no-repeat;background-size: 12%;}
.house-tr a p{background: #f9a600;border-radius: 5px;text-align: center;color: #fff;width: 75%;margin: 0 auto;}
.house-form table {margin-top:10px}
.house-form .tittle span{font-size:18px; line-height:2; font-weight:bold}
.house-form table td{ border:1px solid #bf0e0d; text-align:center; }
.house-form span{ font-size:14px;color:#bf0e0d}
.c-bottom {margin-top:-5%}
.morehouse {background: #bf0e0d;border-radius: 5px;text-align: center;color: #fff;width: 70%;margin: 5% auto; line-height:2}
/* end content */
/*content*/
.content { padding:5% 3%}
.houselist { border-left:2px solid #bc0101; border-right:2px solid #bc0101; padding:0 2%;}
.house {border:2px solid #bc0101;margin-bottom: 10%;padding-bottom: 2%;}
.house-tl {width: 48%;}
.tag {background: url(../img/pics/tag.png) no-repeat;position: relative;top: -108px;width: 50%;background-size: 100%;}
.tag p {color:#fff; font-size:14px; text-align:center; height:40px; line-height: 1.5}
.info {background: rgba(0,0,0,0.5);font-size: 16px;text-align: center;color: #fff;margin-top: -35%;}
.info em {color:#ffb41f}
.house-tr {width: 48%;float: right;margin-top: -108px;}
.house-tr h1{font-size: 16px;color: #bf0e0d;font-weight: bold;padding-bottom: 5px;}
.p1 {font-size: 14px;padding-left: 20px;background: url(../img/pics/icon.png) 0 10% no-repeat;background-size: 12%;}
.p2 {font-size: 14px;padding-left: 20px;background: url(../img/pics/icon.png) 0 292% no-repeat;background-size: 12%;}
.house-tr a p{background: #f9a600;border-radius: 5px;text-align: center;color: #fff;width: 75%;margin: 0 auto;}
.house-down {margin:2%; border:1px solid #bf0e0d;padding:2%}
.house-down h2{color:#bc0000;font-size:18px; font-weight:bold; line-height:2}
.house-down p{color:#bc0000}
.tel {background: #bf0e0d;border-radius: 5px;text-align: center;color: #fff;width: 90%;margin: 2% auto;margin-top: 4%;line-height:2}
.house-bottom {height: 0px;padding-top: 2%;}

.c-bottom {margin-top:-10%}
.morehouse {background: #bf0e0d;border-radius: 5px;text-align: center;color: #fff;width: 70%;margin: 5% auto; line-height:2}
/* end content */
@media only screen and (min-width:320px) and (max-width:340px){
}
@media only screen and (min-width:340px) and (max-width:360px){
}
@media only screen and (min-width:360px) and (max-width:370px){
.tag {top: -95px;}
.info {font-size:14px;margin-top: -39%;}
.house-tr {margin-top: -95px;}
.p2,.p1 {font-size:12px}
.p2 { background-position-y:380%}
.house-tr a p {font-size:14px}
.house-tr h1{padding-bottom:2px}
}
@media only screen and (min-width:370px) and (max-width:380px){
.tag {top: -98px;}
.info {font-size:14px;margin-top: -37%;}
.house-tr {margin-top: -95px;}
.p2,.p1 {font-size:12px}
.house-tr a p {font-size:14px}
}
@media only screen and (min-width:380px) and (max-width:400px){
}
@media only screen and (min-width:411px) and (max-width:412px){
}