老白干小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

357 lines
5.0 KiB

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: #969696;
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%);
}