@charset "utf-8";
/**
* Description:  style 
* Developers: <bingzhan@leju.com>
**/
html{color:#000;background:#fff;overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
body{font-family:"Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,SimSun;font-size:12px;}
input,select,textarea,select{font-size:100%;-webkit-text-size-adjust:none}
a,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,0,0,0); -moz-tap-highlight-color:rgba(255,0,0,0); tap-highlight-color:rgba(255,0,0,0);}
input[type="text"]{line-height:100% !important;-webkit-text-size-adjust:none;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit;}
fieldset,img{border:none;}
iframe{display:block;}
abbr,acronym{border:none;font-variant:normal;}
del{text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500;}
ol,ul,li,dl,dt,dd{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
q:before,q:after{content:'';}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
a{text-decoration:none;outline:0;hide-focus:expression(this.hideFocus=true);}
a:hover{text-decoration:underline;}
ins,a{text-decoration:none;}
a:focus,*:focus{outline:none;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{clear:both;display:block;overflow:hidden;height:0;line-height:0;font-size:0;}
body{max-width:640px;margin:0 auto;}
.wp{background:#2e7ade;overflow:hidden;}
.wp .main{background:url('/bj../images/bg.png') repeat-y 0 18%; background-size:100% auto;overflow:hidden;}
.wp .bar img{display:block;overflow:hidden;width:100%;}
.wp .con{background:url('/bj../images/news_m.jpg') repeat-y; background-size:100% auto;}
.wp .con p{margin:0 20%;font-size:12px;line-height:18px;color:#fff;text-indent:24px;}
.wp .con .imgs img{display:block;overflow:hidden;width:100%;}
.wp .list{background:#1837aa;margin:0 18%; border-radius:15px;margin-top:10px;padding:10px 0;box-shadow:0px 2px 3px #0a1b6e inset;}
.wp .list p{margin:0 10px;color:#fff;text-indent:24px;line-height:20px;}
.wp .list .btn{text-align:center;margin-top:10px;}
.wp .list .btn span{display:inline-block;background:#e04141;color:#fff; border-radius:10px;padding:5px;}
.wp .title{text-align:center;overflow:hidden;margin-top:30px;}
.wp .title span{display:inline-block;background:#f2454e;color:#fff; border-radius:10px;padding:5px 25px 5px 25px;font-size:16px;background:#f2454e url('/bj../images/inco.jpg') no-repeat;}
.house li{margin:0 10%;height:90px;margin-top:20px;}
.house li .con{position:relative;margin:0 5%;height: 80px;background: #ff575f;position: relative;-moz-border-radius: 12px;-webkit-border-radius: 12px;
border-radius:12px;box-shadow:0 2px 3px #1c5bd0;}
.house li:nth-child(odd) .con:before {content: "";width: 0;height: 0;left: 95%;top: 28px;position: absolute;width:22px;height:22px;background:#ff575f url('/bj../images/inco2.png') no-repeat 12px center;border-radius:50%; background-size:8px 8px;}
.house li:nth-child(even) .con{background:#9365fb;}
.house li:nth-child(even) .con:before {content: "";width: 0;height: 0;right: 95%;top: 28px;position: absolute;width:22px;height:22px;background:#9365fb url('/bj../images/inco.png') no-repeat 2px center;;border-radius:50%;background-size:8px 8px;}
.house li:nth-child(odd) .con .imgs{position:absolute;overflow:hidden;top:0;left:0;height:80px;width:110px;border-radius:12px 0 0 12px;overflow:hidden;}
.house li:nth-child(odd) .con .imgs img{border-radius:12px 0 0 12px;height:80px;width:110px;}
.house li:nth-child(odd) .con .imgs .i_m{position:relative;height:80px;width:110px;}
.house li:nth-child(odd) .con .imgs .i_m .inco{position:absolute;right:0;top:0;width: 0;height: 0;border-bottom: 100px solid #ff575f; border-left: 30px solid transparent;}
.house li .con .fonts{position:absolute;right:15px;top:5px;width:115px;overflow:hidden;}
.house li .con .fonts h1{color:#fff;overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.house li .con .fonts div{margin-top:5px;width:115px;overflow:hidden;}
.house li .con .fonts dd{float:left;display:inline;text-align:center;line-height:20px;color:#fff;}
.house li .con .fonts dd:nth-child(1){width:90px;height:20px;background:rgba(0,0,0,0.5);border-radius:8px;}
.house li .con .fonts dd:nth-child(2){width:20px;height:20px;background:url('/bj../images/room.png') no-repeat;background-size:20px 20px;margin-left:2px;}
.house li .con .fonts .pr dd:nth-child(2){background:url('/bj../images/pr.png') no-repeat;background-size:20px 18px;}
.house li:nth-child(even) .con .imgs{position:absolute;overflow:hidden;top:0;right:0;height:80px;width:110px;border-radius:0 12px 12px 0;overflow:hidden;}
.house li:nth-child(even) .con .imgs img{border-radius:0 12px 12px 0;}
.house li:nth-child(even) .con .imgs .i_m{position:relative;height:80px;width:110px;}
.house li:nth-child(even) .con .imgs .i_m .inco{position:absolute;left:0;top:0;width: 0;height: 0;border-bottom: 100px solid #9365fb; border-right: 30px solid transparent;}
.house li:nth-child(even) .con .fonts{left:15px;top:5px;}
.house li:nth-child(3n+1) .con{background:#efb823;}
.house li:nth-child(3n+1) .con:before {background:#efb823 url('/bj../images/inco2.png') no-repeat 12px center;border-radius:50%; background-size:8px 8px;}
.house li:nth-child(3n+1) .con .imgs .i_m .inco{border-bottom: 100px solid #efb823;}
.house li:nth-child(4n+0) .con{background:#0ccd87;}
.house li:nth-child(4n+0) .con:before {background:#0ccd87 url('/bj../images/inco.png') no-repeat 2px center;border-radius:50%; background-size:8px 8px;}
.house li:nth-child(4n+0) .con .imgs .i_m .inco{border-bottom: 100px solid #0ccd87; border-right: 30px solid transparent;}
.house li:nth-child(1) .con{background:#ff575f;}
.house li:nth-child(1) .con:before {background:#ff575f url('/bj../images/inco2.png') no-repeat 12px center;border-radius:50%; background-size:8px 8px;}
.house li:nth-child(1) .con .imgs .i_m .inco{border-bottom: 100px solid #ff575f;}
.house li:nth-child(3) .con{background:#efb823;}
.house li:nth-child(3) .con:before {background:#efb823 url('/bj../images/inco2.png') no-repeat 12px center;border-radius:50%; background-size:8px 8px;}
.house li:nth-child(3) .con .imgs .i_m .inco{border-bottom: 100px solid #efb823;}
.house li:nth-child(10) .con{background:#9365fb;}
.house li:nth-child(10) .con:before {background:#9365fb url('/bj../images/inco.png') no-repeat 2px center;border-radius:50%; background-size:8px 8px;}
.house li:nth-child(10) .con .imgs .i_m .inco{border-bottom: 100px solid #9365fb; border-right: 30px solid transparent;}
.house li:nth-child(11) .con{background:#efb823;}
.house li:nth-child(11) .con:before {background:#efb823 url('/bj../images/inco2.png') no-repeat 12px center;border-radius:50%; background-size:8px 8px;}
.house li:nth-child(11) .con .imgs .i_m .inco{border-bottom: 100px solid #efb823;}
.footer{position:relative;}
.footer p{position:absolute;left:0;bottom:20px;text-align:center;width:100%;}
.footer p span{color:#f2454e;}
.footer img{display:block;overflow:hidden;width:100%;}
@media screen and (min-width: 320px) and (max-width: 359px){
.house li{margin:0 8%;height:90px;}
}
@media screen and (min-width: 640px){
.wp .main{background:url('/bj../images/bg.png') repeat-y 0 30%;}
.wp .title{height:100px;}
.wp .title span{border-radius:10px;padding:8px 50px 8px 50px;font-size:30px;background:#f2454e url('/bj../images/inco.jpg') no-repeat;}
.house li{margin:0 15%;height:140px;margin-top:10px;}
.house li .con{height:120px;}
.house li:nth-child(odd) .con .imgs{height:120px;width:200px;}
.house li:nth-child(odd) .con .imgs img{height:120px;width:200px;}
.house li:nth-child(odd) .con .imgs .i_m{height:120px;width:200px;}
.house li:nth-child(even) .con .imgs{height:120px;width:200px;}
.house li:nth-child(even) .con .imgs img{height:120px;width:200px;}
.house li:nth-child(even) .con .imgs .i_m{height:120px;width:200px;}
.house li:nth-child(odd) .con .imgs .i_m .inco{border-bottom: 140px solid #ff575f;}
.house li:nth-child(even) .con .imgs .i_m .inco{border-bottom: 140px solid #9365fb;}
.house li:nth-child(3n+1) .con .imgs .i_m .inco{border-bottom: 140px solid #efb823;}
.house li:nth-child(4n+0) .con .imgs .i_m .inco{border-bottom: 140px solid #0ccd87;}
.house li:nth-child(1) .con .imgs .i_m .inco{border-bottom: 140px solid #ff575f;}
.house li:nth-child(3) .con .imgs .i_m .inco{border-bottom: 140px solid #efb823;}
.house li:nth-child(10) .con .imgs .i_m .inco{border-bottom: 140px solid #9365fb;}
.house li:nth-child(11) .con .imgs .i_m .inco{border-bottom: 140px solid #efb823;}
.house li:nth-child(even) .con .fonts{left:15px;top:10px;}
.house li:nth-child(odd) .con:before{left: 97%;top:45px;}
.house li:nth-child(even) .con:before {right: 97%;top:45px;}
.house li .con .fonts{position:absolute;right:-5px;top:10px;width:200px;overflow:hidden;}
.house li .con .fonts h1{color:#fff;font-size:14px;}
.house li .con .fonts div{margin-top:5px;width:200px;overflow:hidden;}
.house li .con .fonts dd{float:left;display:inline;text-align:center;line-height:20px;color:#fff;}
.house li .con .fonts dd:nth-child(1){width:150px;height:30px;background:rgba(0,0,0,0.5);border-radius:8px;font-size:14px;line-height:30px;}
.house li .con .fonts dd:nth-child(2){width:30px;height:30px;background:url('/bj../images/room.png') no-repeat;background-size:30px 30px;margin-left:2px;}
.house li .con .fonts .pr dd:nth-child(2){background:url('/bj../images/pr.png') no-repeat;background-size:30px 27px;}
.footer p{font-size:24px;bottom:40px;line-height:35px;}
}