house.wxss 3.8 KB

1
  1. .house-detail{background:#fff;padding-bottom:160rpx}.house-detail .house-swiper{position:relative}.house-detail .house-swiper .btn{position:absolute;top:20rpx;right:30rpx}.house-detail .swiper{height:400rpx}.house-detail .swiper .image{width:100%;height:100%}.house-detail .house-label{font-size:24rpx;color:#8c8c8c;font-weight:300}.house-detail .house-article{font-size:28rpx;padding:0 30rpx}.house-detail .house-title{padding:40rpx 130rpx 30rpx 30rpx;position:relative}.house-detail .house-title .house-name{font-size:36rpx;font-weight:500}.house-detail .house-title .project-label{font-size:24rpx;color:#8c8c8c;font-weight:300;position:absolute;bottom:50rpx;right:30rpx}.house-detail .house-title .tag{font-size:24rpx;font-weight:300;color:#8c8c8c;padding:12rpx 0}.house-detail .house-title .pirce{color:#08979c}.house-detail .house-title .pirce .number{font-weight:600;font-size:48rpx}.house-detail .house-title .pirce .label{font-size:24rpx}.house-detail .house-title .wx-icon{position:absolute;top:0;right:30rpx;-webkit-transform:translateY(50%);transform:translateY(50%);line-height:1;background:transparent}.house-detail .house-title .wx-icon::after{display:none}.house-detail .content-map{width:100%;height:360rpx;border-radius:16rpx;overflow:hidden;display:flex}.house-detail .content-map .map{flex:1;height:100%;border-radius:16rpx}.house-detail .house-content{padding:0 30rpx;box-sizing:border-box}.house-detail .house-content .content-title{font-size:32rpx;font-weight:500;margin:30rpx 0;display:flex;align-items:center;justify-content:space-between}.house-detail .house-content .content-title .more{color:#8c8c8c;font-weight:300;font-size:24rpx}.house-detail .house-content .people-tell{margin:40rpx 0;height:140rpx;border-radius:20rpx;box-shadow:0 1px 12px rgba(3,3,3,.08);display:flex;align-items:center;padding:0 30rpx}.house-detail .house-content .people-tell .people-avatar{width:90rpx;height:90rpx;border-radius:50%;margin-right:30rpx}.house-detail .house-content .people-tell .people-text{flex:1;width:0;overflow:hidden}.house-detail .house-content .people-tell .people-name{font-size:16px;font-weight:500;margin-bottom:8rpx}.house-detail .house-content .people-tell .people-organization{font-weight:300;font-size:24rpx;color:#8c8c8c}.house-detail .house-content .people-tell .people-icon{width:60rpx;height:60rpx;border-radius:50%;background:#08979c;text-align:center;line-height:60rpx}.house-detail .house-content .visitor .visitor-item{margin-bottom:20rpx;display:flex;align-items:center;font-weight:300}.house-detail .house-content .visitor .visitor-item .visitor-avatar{width:80rpx;height:80rpx;border-radius:80rpx}.house-detail .house-content .visitor .visitor-item .visitor-label{flex:1;width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 20rpx}.house-detail .house-content .visitor .visitor-item .visitor-time{font-size:24rpx;color:#8c8c8c}.house-detail .house-content .visitor .visitor-item:last-child{margin-bottom:0}.house-detail .house-content .desc-text{font-weight:300}.house-detail .house-content .information-list{display:flex;flex-wrap:wrap}.house-detail .house-content .information-list .information-box{width:50%;display:flex;margin-bottom:30rpx}.house-detail .house-content .information-list .information-title{color:#8c8c8c;font-weight:500}.house-detail .house-content .information-list .information-text{flex:1;width:0;overflow:hidden;white-space:nowrap;font-weight:300}.house-detail .house-content .content-device{display:flex;flex-wrap:wrap}.house-detail .house-content .content-device .device-item{width:50%;display:flex;align-items:center;margin-bottom:20rpx}.house-detail .house-content .content-device .device-item .device-label{flex:1;width:0;color:#8c8c8c;font-weight:200;margin-left:10rpx}.house-detail .house-content .content-device .device-item .device-icon{color:#434343}