.containerView.public { padding-bottom: 200rpx; } .swiperView { position: relative; } .swiperView .tag { position: absolute; left: 22rpx; top: 20rpx; background: #76aef9; font-size: 28rpx; color: white; font-weight: bold; padding: 10rpx 40rpx; border-top-right-radius: 6rpx; border-bottom-right-radius: 6rpx; z-index: 1; } .swiper-box { border-radius: 14rpx; box-sizing: border-box; height: 358rpx; margin: 0 22rpx; overflow: hidden; } .swiper-box .img { width: 100%; height: 100%; } /* 轮播小点点 */ .swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal { margin-left: 36%; } .swiper-box .wx-swiper-dot { width: 20rpx; display: inline-flex; height: 5rpx; margin-left: 10rpx; justify-content: space-between; } .swiper-box .wx-swiper-dot::before { content: ''; flex-grow: 1; background: rgba(255, 255, 255, 0.8); border-radius: 0rpx } .swiper-box .wx-swiper-dot-active::before { background: #ff3333; } .swiper-box .wx-swiper-dot-active { width: 40rpx; } .meetingDetailView { display: flex; justify-content: space-between; align-items: center; margin: 30rpx 22rpx; padding: 0 16rpx; } .meetingDetailView .detailView { flex: 1; word-break: break-all; margin-right: 20rpx; } .meetingDetailView .detailView .title { font-size: 42rpx; font-weight: 700; } .meetingDetailView .detailView .itemList { display: flex; flex-wrap: wrap; justify-content: start; align-items: center; margin-top: 14rpx; font-size: 34rpx; color: gray; } .leftLineTitle { font-size: 40rpx; font-weight: 700; } .meetingDetailView .detailView .itemList .item { margin-right: 12rpx; } .meetingDetailView .priceView { display: flex; justify-content: start; align-items: flex-end; line-height: 1; } .meetingDetailView .priceView .price { font-size: 36rpx; color: red; } .meetingDetailView .priceView .unit { font-size: 24rpx; } .roomView { margin-top: 30rpx; } .roomView .typeView { display: flex; justify-content: space-between; align-items: center; margin: 0 30rpx; } .roomView .typeView .typeItem { text-align: center; } .roomView .typeView .typeItem .name { font-size: 28rpx; color: gray; } .roomView .typeView .typeItem .value { margin-top: 10rpx; font-size: 26rpx; font-weight: bold; color: black; } .roomView .content { margin: 40rpx 20rpx 0; font-size: 26rpx; } .roomView .contentSwichBtn { border: 1px solid rgb(202, 202, 202); border-radius: 6rpx; margin: 20rpx; padding: 14rpx; text-align: center; font-size: 28rpx; } .facilitiesView { margin: 50rpx 20rpx; } .facilitiesView .content { margin: 40rpx 20rpx 0; font-size: 34rpx; } .facilitiesView .itemView { display: flex; justify-content: start; align-items: center; flex-wrap: wrap; } .facilitiesView .itemView .singleItem { box-sizing: border-box; width: 25%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 30rpx; } .facilitiesView .itemView .singleItem .img { width: 60rpx; height: 60rpx; } .facilitiesView .itemView .singleItem .name { margin-top: 16rpx; width: 150rpx; text-align: center; text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap; } .priceView { margin: 20rpx; } .priceView .content { margin: 30rpx 20rpx; font-size: 32rpx; color: red; } .priceView .remark { margin: 30rpx 20rpx; font-size: 28rpx; color: #5e5e5e; } .mapView { margin: 50rpx 20rpx; } .mapView .myMap { margin-top: 30rpx; width: 100%; height: 500rpx; } .roomView .device { margin: 40rpx 20rpx 0; font-size: 26rpx; } .roomView .device .deviceName { float: left; color: grey; } .resView { margin: 50rpx 20rpx; } .resView .leftLineTitle{ margin-bottom: 30rpx; } .resView .content { margin: 40rpx 20rpx 0; font-size: 26rpx; }