/* pages/hotel/hotel.wxss */ page{ padding: 0; } swiper{ height: 200px; } .content{ height: auto; } .top{ background: #fff; padding: 20rpx; } .tt{ font-size: 32rpx; margin-bottom: 30rpx; } .top text{ display: block; font-size: 26rpx; color: #666; margin-bottom: 20rpx; } .content{ height: calc(100vh - 80rpx); overflow: auto; padding: 30rpx; } .list{ /* box-shadow: 0px 2rpx 9rpx 0px rgba(0, 0, 0, 0.2); */ border-radius: 20rpx; display: flex; /* padding: 20rpx; */ /* box-shadow: 0 0 15rpx 0px rgba(0, 0, 0, 0.2); */ /* margin: 0 20rpx 40rpx; */ padding: 28rpx; background: #fff; position: relative; margin-bottom: 40rpx; } .list image{ width: 25%; height: 210rpx; } .list>view{ width: 75%; padding-left: 20rpx; vertical-align: middle; } .list .title{ margin-bottom: 20rpx; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 28rpx; } .list text{ color: #999; display: block; font-size: 26rpx; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 20rpx; } .btn{ width: 132rpx; height: 56rpx; background: #3780CD; border-radius: 6px; text-align: center; line-height: 56rpx; color: #fff; font-size: 26rpx; position: absolute; bottom: 28rpx; right: 28rpx; } .bg{ position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.5); padding: 50rpx 0; overflow: auto; } .room{ background: #fff; border-radius: 10rpx; padding: 30rpx; display: block; position: relative; width: 90%; margin: auto; } .room_title{ display: block; text-align: center; margin-bottom: 10px; } .room image{ width: 100%; border-radius: 10rpx; } .room_item{ background: #f5f5f5; padding: 10rpx; margin: 10rpx 0; border-radius: 10rpx; color: #333; font-size: 24rpx; } .room_item view{ display: flex; flex-wrap: wrap; padding: 3px 0; } .room_item text{ width: 50%; font-size: 24rpx; color: #666; } .room_item input{ width: 50%; display: inline-block; height: 30px; } .room_item label{ line-height: 30px; display: inline-block; vertical-align: top; margin-right: 5px; font-size: 24rpx; color: #999; } picker{ font-size: 24rpx; width: 50%; position: relative; top: 1px; } .order{ display: block; width: 100%; height: 56rpx; background: #3780CD; border-radius: 6px; text-align: center; line-height: 60rpx; color: #fff; font-size: 26rpx; } .form_info{ color: #333; font-size: 26rpx; display: block; line-height: 50rpx; margin-bottom: 50rpx; } .end{ background: #fff; text-align: center; padding: 50px; } .post{ width: 100% !important; background: #0580D3; color: #fff; display: block; font-size: 34rpx; height: 90rpx; line-height: 90rpx; padding: 0; border-radius: 18rpx; } .icon-small{ float: right; } .rs{ display: inline-block; width: 80%; }