tourism-wxapp/nova-tourism/pages/collect/collect-detail/index.wxss

/* nova-tourism/pages/collect/collect-detail/index.wxss */
.bax {
  width: 100%;
  position: relative;
}
.bax .all {
  width: 100vw;
  overflow-y: scroll;
  position: relative;
  background-color: #EEEEEE;
  color: #727783;
  font-family: "Microsoft JhengHei", "PingFang SC", "Helvetica Neue", sans-serif;
  font-weight: 700;
}
.bax .all .picturebox {
  width: 100%;
  height: 550rpx;
  position: relative;
}
.bax .all .picturebox .img {
  width: 100%;
  height: 550rpx;
}
.bax .all .picturebox .img image {
  width: 100%;
  height: 100%;
}
.bax .all .picturebox .numberbox {
  position: absolute;
  bottom: 40rpx;
  right: 20rpx;
  border-radius: 45%;
  z-index: 10;
  color: white;
  width: 70rpx;
  height: 45rpx;
  font-size: 24rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(12, 12, 12, 0.5);
}
.bax .all .box {
  width: 100%;
  height: auto;
  background-color: #EEEEEE;
  position: absolute;
  top: 542rpx;
  left: 0;
  border-radius: 12rpx;
}
.bax .all .box .infobox {
  width: 100%;
  height: auto;
  padding: 40rpx;
  border-radius: 20rpx;
  background-color: white;
}
.bax .all .box .infobox .title {
  width: 100%;
  font-size: 26rpx;
}
.bax .all .box .infobox .lebalbox {
  width: 100%;
  display: flex;
  margin-top: 10rpx;
}
.bax .all .box .infobox .lebalbox .lebal {
  width: 174rpx;
  height: 50rpx;
  font-size: 28rpx;
  border-radius: 6rpx;
  padding-left: 20rpx;
  padding-right: 20rpx;
  background-color: #FBF5E1;
  color: #F8BB7F;
  margin-right: 20rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bax .all .box .infobox .carbox {
  width: 100%;
  height: 60rpx;
  margin-top: 24rpx;
  display: flex ;
  align-items: center;
}
.bax .all .box .infobox .carbox image {
  width: 40rpx;
  height: 30rpx;
}
.bax .all .box .infobox .carbox .car-tex {
  font-size: 26rpx;
  color: #F8BB7F;
  margin-left: 10rpx;
}
.bax .all .box .infobox .carbox2 {
  width: 100%;
  margin-top: 20rpx;
  display: flex ;
  align-items: center;
  border-bottom: solid 2rpx #EEEEEE;
  padding-bottom: 20rpx;
}
.bax .all .box .infobox .carbox2 image {
  width: 40rpx;
  height: 40rpx;
}
.bax .all .box .infobox .carbox2 .car-tex {
  font-size: 26rpx;
  margin-left: 10rpx;
}
.bax .all .box .infobox .carbox3 {
  width: 100%;
  margin-top: 20rpx;
  display: flex ;
}
.bax .all .box .infobox .carbox3 image {
  width: 40rpx;
  height: 40rpx;
}
.bax .all .box .infobox .carbox3 .carbox3-tex {
  font-size: 26rpx ;
  margin-left: 10rpx;
}
.bax .all .box .infobox .carbox3 .carbox3-tex .carbox3-tex2 {
  margin-top: 10rpx;
}
.bax .all .box .infobox .carbox4 {
  width: 100%;
  margin-top: 20rpx;
  display: flex ;
  align-items: center;
}
.bax .all .box .infobox .carbox4 image {
  width: 40rpx;
  height: 40rpx;
}
.bax .all .box .infobox .carbox4 .car-tex {
  font-size: 26rpx;
  margin-left: 10rpx;
}
.bax .all .box .tipbox {
  width: 100%;
  height: auto;
  margin-top: 16rpx;
  padding-top: 20rpx;
  padding-left: 30rpx;
  padding-right: 30rpx;
  background-color: white;
  border-radius: 20rpx;
  padding-bottom: 40rpx;
  font-size: 26rpx;
}
.bax .all .box .tipbox .dinggou {
  width: 100%;
  font-size: 26rpx;
}
.bax .all .box .tipbox .dinggou .dinggou-tex {
  margin-left: 20rpx;
  margin-top: 10rpx;
}
.bax .all .box .tipbox .picbox {
  width: 100%;
  margin-top: 20rpx;
  margin-bottom: 60rpx;
}
.bax .all .box .tipbox .picbox image {
  width: 100%;
}
.bax .all .box .tipbox2 {
  width: 100%;
  height: auto;
  margin-top: 16rpx;
  padding-top: 20rpx;
  padding-left: 30rpx;
  padding-right: 30rpx;
  padding-bottom: 40rpx;
  background-color: white;
  border-radius: 20rpx;
  font-size: 26rpx;
  padding-bottom: 110rpx;
}
.bax .all .box .tipbox2 .dinggou {
  width: 100%;
  font-size: 26rpx;
}
.bax .all .box .tipbox2 .dinggou .dinggou-tex {
  margin-left: 20rpx;
  margin-top: 10rpx;
}
.bax .all .box .tipbox2 image {
  width: 100%;
  height: 760rpx;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}
.bax .all .box .tipbox2 .tip2-tex {
  display: flex;
  justify-content: flex-end;
}
.bax .all .box .tipbox2 .qrBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bax .all .box .tipbox2 .qrBox image {
  width: 150rpx;
  margin: 40rpx 10rpx;
}
.bax .paybox {
  width: 100%;
  height: 90rpx;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: white;
}
.bax .paybox .pay1 {
  width: 288rpx;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bax .paybox .pay1 image {
  width: 50rpx;
  height: 44rpx;
}
.bax .paybox .pay1 .pay1-tex {
  font-size: 32rpx;
  margin-left: 30rpx;
}
.bax .paybox .pay2 {
  width: 462rpx;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32rpx;
  color: white;
  background-color: #F89B7F;
}
.bax .paybox .pay2 .pay2-tex2 {
  margin-left: 10rpx;
}