<!-- ç»Ÿä¸€æ ·å¼ -->
@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:#fff;}
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}
.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 65px;background-color:#f2f2f2}
.footer-body .copyright{padding:3px 0;font-size:12px;color:#aaa;line-height:1.5;text-align:center}
.consult-body{top:auto;z-index:500;position:fixed;bottom:0;width:100%}
.consult-body a{display:block;padding:13px 0;font-size:14px;line-height:1.5;width:33.33%;text-align: center;color:#e65061;}
.icon1,.icon2,.icon3{background: url(../img/pics/box.png) no-repeat;width:27px;height:27px;background-size:275%;position:absolute;top:10px;}
.icon1{background-position: 49% 50%;left:35px;}
.icon2{background-position: -6% 50%;left:170px;}
.icon3{background-position: 105% 50%;left:315px;}
.one,.two,.three{ border-right:1px solid #fbe3e6}
.one p,.two p,.three p{margin-left:25px}
.box{display:-webkit-box;display:-moz-box;display:box;background-color:#fff;}
.consult-body .toTop{background: rgba(0, 0, 0, 0.5);text-align:center;float:right;margin-top:-20%;padding:5px 0;width:35px;height:35px;font-size:12px;color:#fff;}
<!-- end ç»Ÿä¸€æ ·å¼ -->
<!-- content -->
.banner-body{overflow:hidden}
.guide-body{overflow:hidden;color:#1b1c54;height:105px}
.guide-body p{font-size:12px; text-indent:28px;position: relative;top: -80px;padding: 0 25px;line-height: 1.8;margin-top:-30px}
.guidebtn {width: 48px;background-color: #e9507e;color: #fff;border-radius: 15px;text-indent: 0!important;float: right;padding: 0 15px!important;margin-right: 35px;margin-top:-10px!important;}
.nav-body,.suspend {text-align: center;padding:1%;background-color: #f44d3b;color: #fff;top:0}
.suspend {width:100%;top:0;position:fixed;z-index: 10;}
.nav-body a {padding: 0 3%;color: #fff;}
.nav-body p {line-height: 2;}
.content-body{padding: 15px;background-color: #a32025;padding-bottom: 40px;}

.content-body .title {height: 91px;background: url(../img/pics/citybroker.png) no-repeat;background-size: 100%; background-color: #dc3827;}
.content-body .title .h1 {padding-top: 10px;color: #fff;text-align: center;}
.content-body .title .h1 em {font-weight: bold;font-size: 20px;}
.broker {padding-top: 8%;}
.broker img {width: 14%;float: left;padding: 3%;padding-left: 5%;}
.broker .advice {font-size: 14px;padding-top: 2%;color: #333;}
.broker .advice em {color: #a32025;font-weight: bold;}
.callbroker {width: 25%;height: 30px;background: url(../img/pics/tlogo.png) 10% 50% no-repeat;text-align: center;margin-top: -25px;float: right;border-radius: 5px;background-color: #f34210;background-size: 17%;margin-right: 5%;}
.callbroker a {line-height: 2;color: #fff;text-align: center;margin-left: 23%;font-size: 14px;}
.house {padding: 15px;background-color: #fff;}
.house .items {display: block;margin-bottom: 5px;}
.imptinfo {padding: 2px 0;font-size: 14px;background-color: rgba(51, 51, 51, 0.8);line-height: 2;margin-top: -32px;position: relative;}
.imptinfo span {color: #fff;}
.house .tit {padding: 5px 0;font-size: 16px;font-weight: 700;color: #f34210;line-height: 1;}
.house .tit span {display: block;}
.house .tit em {font-weight: normal;font-size: 14px;color: #333;}
.house .txt {padding: 2px 0;font-size: 14px;color: #333;line-height: 1;width: 73%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.signup {width: 100%;height: 40px;line-height: 2.5;background-color: #f34210;text-align: center;margin-top: 10px;border-radius: 5px;}
.signup .sign {color: #fff;font-family: "é»‘ä½“";}
.signup .sign span {font-size: 16px;}
.preferred-body {background-color: #0f90d4;}
.content-body .box {padding: 5px;background-color: #fff;padding-bottom: 8px;}
.content-body .box .items {display: block;padding: 5px;}
.content-body .box .items p {font-size: 14px;width: auto;}
.content-body .box .items p em {font-weight: bold;float: right;color: #f34210;}
.content-body .box .items .signbtn {display: block;width: auto;background-color: #f34210;margin-top: 5px;height: 33px;text-align: center;line-height: 2;border-radius: 5px;}
.content-body .box .items span {color: #fff;}

.signup-body {padding: 30px; color:#000}
.text-body {position:relative;margin-bottom:15px}
.text{display:block;padding:15px;font-size:14px;color:#333;line-height:1.2;border:1px solid #999;background-color:#FFF;-webkit-appearance:none;border-radius: 10px;}
.triangle{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid #333;margin: 0 5% 0 -7.5%}
.submit{display:block;padding:15px;font-size:14px;color:#fff;line-height:1.2;text-align:center;background-color:#f34210;border-radius:10px}
.boxdrag { alignment-adjust:middle; border: 2px solid #666; width:50%; height:50px}

#floor-2 {background-color: #294b78;}
#floor-2 .title {background-color: #66cafe;}
#floor-2 .broker .advice em,#floor-2 .h1 {color: #294b78;}

#floor-3 {background-color: #83550a;}
#floor-3 .title {background-color: #fae068;}
#floor-3 .broker .advice em,#floor-3 .h1 {color: #83550a;}

#floor-4 {background-color: #0c665c;}
#floor-4 .title {background-color: #5bcec7;}
#floor-4 .broker .advice em,#floor-4 .h1 {color: #0c665c;}

#floor-5 {background-color: #471262;}
#floor-5  .title {background-color: #b847eb;}
#floor-5 .broker .advice em,#floor-5 .h1 {color: #471262;}

#floor-6 {background-color: #7e0a2f;}
#floor-6 .title {background-color: #ff7da6;}
#floor-6 .broker .advice em,#floor-6 .h1 {color: #7e0a2f;}

#floor-7 {background-color: #bb6509;}
#floor-7 .title {background-color: #ffb463;}
#floor-7 .broker .advice em,#floor-7 .h1 {color: #bb6509;}
<!-- 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){
.guide-body {height: 102px;}
.guide-body p {top: -65px;}
.nav-body a {padding: 0 1%;}
.icon1{left:25px;}
.icon2{left:145px;}
.icon3{left:267px;}
}
@media only screen and (min-width:370px) and (max-width:380px){
.guide-body p {top: -70px;}
.nav-body a {padding: 0 2%;}
.icon1{left:30px;}
.icon2{left:148px;}
.icon3{left:271px;}}
@media only screen and (min-width:411px) and (max-width:412px){
.icon1{left:35px;}
.icon2{left:175px;}
.icon3{left:312px;}
}

.interested-body {
    padding: 15px;
    border-bottom: 1px solid #eee;
}
.interested-body .txt {
    padding: 10px 0;
    font-size: 14px;
    color: #333;
    line-height: 1.5;	
    text-align: center;
}
.interested-body .lock-body .lock {
    display: block;
    padding: 10px 0;
	width:182px;
	margin:0 auto;
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    border-radius: 5px;
    background-color: #f34210;
}