page { background: #fff; } .lh-swiper { width: 100%; height: 425rpx; position: relative; } .slide-image { width: 100%; height: 416rpx; } .swiper-info { color: #c8c8c8; height: 50rpx; line-height: 50rpx; position: absolute; right: 0; bottom: 0; left: 0; padding: 0 30rpx; font-size: 24rpx; background: rgba(0,0,0,.6); } .pdc-common-info { width: 100%; padding: 0rpx 30rpx; margin-bottom: 16rpx; box-sizing: border-box; background: #fff; } .info-box { padding: 30rpx 0; } .info-list { display: -webkit-box; padding: 10rpx 0; } .info-list:last-child { border-bottom: none; } .info-list .pic { width: 50rpx; height: 37rpx; display: flex; flex-direction: column; justify-content: center; } .info-list .pic image { width: 32rpx; height: 32rpx; } .info-list .address { -webkit-box-flex: 1; font-size: 28rpx; color: #666; } .info-list .txt { -webkit-box-flex: 1; font-size: 26rpx; color: #2a2a2a; } .info-list .title { font-size: 36rpx; font-weight:bold; padding: 20rpx 0 0 0; } .swiper-tab-wrap { width: 100%; background: #fff; } .swiper-tab-bar { width: 100%; height: 80rpx; line-height: 80rpx; border-bottom: 2rpx solid #e6e6e6; text-align: center; } .swiper-tab-nav { width: 33.33%; height: 76rpx; display: inline-block; font-size: 32rpx; } .on { color: #00b7ee; border-bottom: 4rpx solid #00b7ee; } .swiper-tab-box { display: none; } .show { display: block; } .line-type-wrap { padding: 0 30rpx; } .line-type-item { display: flex; padding: 20rpx 0; border-bottom: 2rpx solid #e6e6e6; } .line-type-item:last-child { border-bottom: none; } .l-info { flex: 1; } .l-info .tit { font-size: 28rpx; } .l-info .txt { color: #999; padding-top: 15rpx; font-size: 22rpx; } .r-info { width: 150rpx; margin-left: 20rpx; text-align: center; } .r-info .pri { color: #ff6b1a; font-size: 24rpx; } .r-info .pri .num { font-size: 28rpx; } .r-info .booking-btn { color: #fff; display: inline-block; height: 42rpx; line-height: 42rpx; padding: 0 24rpx; border-radius: 8rpx; font-size: 28rpx; background: #f63; } .r-info .booking-btnhui { color: #fff; display: inline-block; height: 42rpx; line-height: 42rpx; padding: 0 24rpx; border-radius: 8rpx; font-size: 28rpx; background: #c8c8c8; } .line-show-wrap { } .line-show-item { padding: 20rpx 30rpx; } .yd-box { padding: 15rpx 30rpx; border-top: 1rpx solid #bfbfc3; } .yd-box .yd-btn { color: #fff; display: block; width: 100%; height: 70rpx; line-height: 70rpx; text-align: center; font-size: 28rpx; border-radius: 5rpx; background: #f63; border: 1rpx solid #f63; } .line-show-item .item-title { font-size: 32rpx; font-weight:bold; color: #05A9F0; padding: 20rpx 0 ; border-bottom: 2rpx solid #05A9F0; } .line-show-item .item-txt { color: #2a2a2a; line-height: 50rpx; padding-top: 10rpx; font-size: 28rpx; } .line-show-item .item-txt image { max-width: 100%!important; } .day-block { } .day-block .day-tit { display: flex; padding-top: 20rpx; font-size: 26rpx; } .day-block .day-tit .sz { width: 108rpx; } .day-block .day-tit .bt { flex: 1; } .day-block .attr { display: flex; padding-top: 20rpx; font-size: 24rpx; } .day-block .attr .hd { width: 108rpx; line-height: 40rpx; } .day-block .attr .bd { color: #666; flex: 1; line-height: 40rpx; } .day-block .attr .bd .label { display: block; } .day-block .attr .icon { width: 24rpx; height: 24rpx; vertical-align: middle; margin: -8rpx 6rpx 0 0; } .comment-container { } .comment-container .tip-bar { display: flex; padding: 0 30rpx; justify-content: space-between; border-bottom: 1px solid #e6e6e6; } .comment-container .tip-bar .item { line-height: 80rpx; font-size: 28rpx; } .comment-container .tip-bar .item .num { color: #f80; } .conment-list { padding: 30rpx; border-bottom: 1px solid #e6e6e6; } .conment-list .comt-info { display: flex; } .conment-list .comt-info .pic { width: 86rpx; height: 86rpx; } .conment-list .comt-info .pic image { width: 86rpx; height: 86rpx; border-radius: 50%; } .conment-list .comt-info .user { flex: 1; padding: 0 20rpx; } .conment-list .comt-info .user .name { line-height: 40rpx; font-size: 28rpx; } .conment-list .comt-info .user .date { color: #999; line-height: 40rpx; font-size: 24rpx; } /* .info-list .more { width: 40rpx; height: 40rpx; position: relative; } */ .info-list .more:after { content: ""; width: 16rpx; height: 16rpx; position: absolute; top: 50%; border-top: 4rpx solid #c7c7cc; border-right: 4rpx solid #c7c7cc; transform: rotate(45deg) translateY(-70%); }