/* 
百色生活
http://www.tao.cc
---------------------



*/
@charset "utf-8";

body{background-color:#fff;}

#header{background-color:#4998e7; border-bottom:1px solid #4998e7; color:#fff;}
#header .header-inner .btn{color:#fff; background:#4998e7;}
#header .header-inner .btn:active, #header.fixed .header-inner .btn.active{color:#fff;}
#header .logo-header{background-image:url("/m/template/img/logo_white.png");}

.breadcrumb{height:35px; line-height:35px; background:#fff; padding:0 10px; color:#999; width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.breadcrumb a{color:#999;}

.info-header{background:#f1f1f1; padding:10px; border-style:solid none; border-color:#ddd; border-width:1px;}
.info-header .title{line-height:24px; color:#333; font-size:18px; font-weight:normal;}
.info-header .detail{font-size:12px; color:#7c7c7c; margin-top:10px;}
.info-header .detail .number{margin-right:10px;}
.info-header .detail .number i{font-style:normal;}
.info-header .detail .view{float:right; margin-left:15px; margin-right:0px;}
.info-content{margin-top:10px;}
.info-content .property{padding:10px; border-top:1px solid #ddd;}
.info-content .property li{line-height:22px; overflow:hidden; zoom:1;}
.info-content .property li a{color: #4998e7}
.info-content .property li .span1{display:block; float:left; font-size:18px; font-weight:bold;}
.info-content .property li .span2{display:block; float:left; margin-left:0px; font-size:18px; font-weight:bold;}
.info-content .property li .span2 img{display:inline-block; float:left;}
.info-content .property li.callme{width:100%; margin:0 auto; margin-top:7px;}
.info-content .property li.callme .btn{float:left; padding:0; font-size:16px; height:35px; line-height:35px; display:block; width:100%; text-align:center; color:#fff; background:#4998e7; border:none;}
.info-content .property li.callme .btn-app{float:right; padding:0 8px; font-size:16px; height:35px; line-height:35px; display:block; width:40%; text-align:center; color:#D40000; border:none;}

.info-content .quote{margin:0px 10px 10px; position:relative; line-height:20px; font-size:11px; background:#fcf8e3; border:1px solid #ddd; padding:10px; color:#c00;}

.info-images{margin:10px 10px 0 10px;}
.info-images .images-wrap{white-space:nowrap; width:auto; overflow:hidden; overflow-x:scroll;}
.info-images .image{display:inline-block; margin-left:6px; height:120px; width:120px; overflow:hidden;}
.info-images .image:first-child{margin-left: 0;}
.info-images .image img{display: block;}

.picLayer{display:none; width:100%; height:100%; left:0; top:0; position:fixed; background:rgb(0 0 0 / 88%)}
.picLayer .content{width:90%; height:90%; position:absolute; top:5%; left:5%; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
.picLayer .closeBtn{z-index:9; border-radius:50%; background-color:rgba(255,255,255,.3); position:absolute; top:10px; right:10px; font-size:30px; color:#eee; width:30px; height:30px; line-height:28px; text-align:center;}

.description ul{padding:12px; line-height:22px;}