RiyueGorge/unpackage/dist/dev/mp-weixin/pages/travel/travelDetails.wxss

page {
  background-color: #f4f4f4;
}
.detailsPage {
  width: 100%;
}
.detailsPage .flex {
  display: flex;
  align-items: center;
}
.detailsPage .flex-item {
  display: flex;
  justify-content: space-between;
  margin: 10rpx 0;
}
.detailsPage .details {
  background-color: #fff;
  padding: 40rpx 30rpx 40rpx;
  margin: 24rpx 0;
  font-family: PingFang-SC-Medium, PingFang-SC;
}
.detailsPage .details .title {
  color: #333333;
  font-size: 34rpx;
  font-weight: 600;
  margin-bottom: 24rpx;
}
.detailsPage .details .describe {
  font-size: 28rpx;
  color: #666666;
  margin-bottom: 40rpx;
}
.detailsPage .details .tags {
  font-size: 26rpx;
  color: #1E9F6A;
  height: 56rpx;
  padding: 0 28rpx;
  line-height: 56rpx;
  background: rgba(30, 159, 106, 0.06);
  margin-right: 24rpx;
}
.detailsPage .detailsContent {
  background-color: #fff;
  margin-bottom: 160rpx;
  height: 100%;
}
.detailsPage .detailsContent .detailsList {
  padding: 20rpx;
}
.detailsPage .detailsContent .list-item {
  display: flex;
  align-items: center;
  color: #1E9F6A;
  font-size: 36rpx;
}
.detailsPage .navbar {
  background: #1E9F6A;
  border-radius: 16rpx 16rpx 0px 0px;
  color: #ffffff;
  display: flex;
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  padding: 16rpx 40rpx;
  box-sizing: border-box;
  z-index: 10000;
}
.detailsPage .navbar .kefu {
  font-size: 20rpx;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.detailsPage .navbar .kefu image {
  height: 44rpx;
}
.detailsPage .navbar .haibao image {
  height: 38rpx;
}
.detailsPage .navbar .wxin image {
  height: 42rpx;
}
.detailsPage .navbar .want {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  margin-right: 50rpx;
}
.detailsPage .popupTop {
  padding-bottom: 24rpx;
}
.detailsPage .popupTop .image {
  margin: 20rpx 20rpx 0 0;
}
.detailsPage .popupTop image {
  height: 120rpx;
  width: 200rpx;
  border-radius: 6rpx;
}
.detailsPage .day {
  margin-bottom: 250rpx;
}
.detailsPage .item {
  display: flex;
}
.detailsPage .day-item-active {
  width: 120rpx;
  height: 164rpx;
  border-radius: 0px 32rpx 0px 32rpx;
  background: rgba(30, 159, 106, 0.1);
  border: 1px solid #1E9F6A;
  font-size: 22rpx;
  color: #333333;
  text-align: center;
  margin: 56rpx 24rpx 0 0;
  box-sizing: border-box;
  padding: 39rpx 0 42rpx;
}
.detailsPage .day-item {
  width: 122rpx;
  height: 166rpx;
  background: #F4F4F4;
  border-radius: 0px 32rpx 0px 32rpx;
  font-size: 22rpx;
  color: #333333;
  text-align: center;
  margin: 56rpx 24rpx 0 0;
  box-sizing: border-box;
  padding: 39rpx 0 42rpx;
}
.detailsPage .navbars {
  box-sizing: border-box;
  width: 100%;
  height: 104rpx;
  padding: 28rpx 0;
  background: #1E9F6A;
  border-radius: 16rpx 16rpx 0px 0px;
  color: #ffffff;
  display: flex;
  bottom: 0;
  left: 0;
  position: fixed;
}
.detailsPage .navbars .price {
  border-right: 1px solid #ffffff;
  padding: 0 64rpx 0 30rpx;
}
.detailsPage .navbars .choose {
  margin: auto;
}