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 {
  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;
}
.specBox {
  font-family: Microsoft JhengHei UI;
  position: relative;
}
.specBox .delivery {
  display: flex;
  justify-content: space-between;
}
.specBox .delivery .tab {
  font-size: 26rpx;
  height: 80rpx;
  width: 375rpx;
  display: flex;
  align-items: center;
}
.specBox .delivery .tab image {
  width: 48rpx;
  height: 40rpx;
  padding: 10rpx;
  margin: 10rpx;
  margin-right: 70rpx;
}
.specBox .delivery .tab2 {
  background: #D9D9D9;
  border-radius: 0 24rpx 0 24rpx;
  justify-content: center;
}
.specBox .verify {
  display: flex;
  justify-content: space-between;
}
.specBox .verify .tab {
  font-size: 26rpx;
  height: 80rpx;
  width: 375rpx;
  display: flex;
  align-items: center;
}
.specBox .verify .tab image {
  width: 48rpx;
  height: 40rpx;
  padding: 10rpx;
  margin: 10rpx;
  margin-right: 70rpx;
}
.specBox .verify .tab1 {
  background: #D9D9D9;
  border-radius: 24rpx 0 24rpx 0;
}
.specBox .verify .tab2 {
  justify-content: center;
}
.specBox .address {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20rpx;
}
.specBox .address .add {
  display: flex;
  align-items: center;
}
.specBox .address .add image {
  width: 50rpx;
  height: 50rpx;
  padding-right: 20rpx;
}
.specBox .address .add view {
  width: 516rpx;
  font-size: 26rpx;
  line-height: 40rpx;
}
.specBox .good {
  display: flex;
  margin: 20rpx;
  padding-bottom: 20rpx;
  border-bottom: #D9D9D9 1rpx solid;
}
.specBox .good image {
  width: 224rpx;
  height: 222rpx;
  margin-right: 30rpx;
}
.specBox .good .info {
  width: 440rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.specBox .good .info .price {
  display: flex;
  margin-bottom: 10rpx;
  align-items: flex-end;
}
.specBox .good .info .price .after {
  display: flex;
  align-items: center;
}
.specBox .good .info .price .after image {
  width: 34rpx;
  height: 34rpx;
  margin-right: 5rpx;
}
.specBox .good .info .price .after .int {
  font-size: 33rpx;
  color: #F89B7F;
}
.specBox .good .info .price .after .point {
  font-size: 24rpx;
  color: #F89B7F;
}
.specBox .good .info .price .befor {
  margin-left: 10rpx;
  font-size: 24rpx;
}
.specBox .good .info .price .befor text {
  text-decoration: line-through;
}
.specBox .good .info .name {
  font-size: 24rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.specBox .li {
  margin: 20rpx;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20rpx;
  border-bottom: #D9D9D9 1rpx solid;
}
.specBox .li .tit {
  font-size: 30rpx;
}
.specBox .li .right {
  font-size: 26rpx;
}
.specBox .li .right .coupons {
  color: #F89B7F;
  margin-right: 5rpx;
}
.specBox .tagBox {
  padding: 0 20rpx;
  padding-bottom: 20rpx;
  border-bottom: #D9D9D9 1rpx solid;
}
.specBox .tagBox .tit {
  font-size: 30rpx;
  margin-bottom: 20rpx;
}
.specBox .tagBox .tag_chick {
  color: #F89B7F;
  background: #FEF4F3;
  border: 3rpx solid #F89B7F;
}
.specBox .tagBox .tag_normal {
  background: #F3F1F2;
}
.specBox .tagBox .tag_normal text {
  color: #9F9D9E;
}
.specBox .tagBox .tag {
  font-size: 26rpx;
  padding: 10rpx 20rpx;
  border-radius: 8rpx;
}
.specBox .tagBox .occup {
  margin: 30rpx 0;
}
.specBox .more {
  margin: 20rpx;
  padding-bottom: 20rpx;
  font-size: 26rpx;
  display: flex;
  align-items: center;
}
.specBox .more van-icon {
  margin-left: 20rpx;
}
.specBox .btn {
  position: absolute;
  font-size: 32rpx;
  height: 82rpx;
  width: 100%;
  color: white;
  background: #F89B7F;
  border-radius: 0;
  margin: 0;
  padding: 0;
  bottom: 0;
}
.moreBox .more_title {
  border-bottom: #D9D9D9 1rpx solid;
}
.moreBox .more_title .tab {
  font-size: 26rpx;
  height: 80rpx;
  display: flex;
  align-items: center;
}
.moreBox .more_title .tab image {
  width: 48rpx;
  height: 40rpx;
  padding: 10rpx;
  margin: 10rpx;
  margin-right: 240rpx;
}
.moreBox .already {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 26rpx;
  padding: 10rpx 20rpx;
  border-bottom: #D9D9D9 1rpx solid;
}
.moreBox .already .left {
  display: flex;
  align-items: center;
}
.moreBox .already .left image {
  width: 80rpx;
  height: 80rpx;
  margin: 0 20rpx;
}
.moreBox .already .left text {
  width: 330rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.moreBox .already .right {
  color: gray;
}
.listBox .more_title {
  border-bottom: #D9D9D9 1rpx solid;
}
.listBox .more_title .tab {
  font-size: 26rpx;
  height: 80rpx;
  display: flex;
  align-items: center;
}
.listBox .more_title .tab image {
  width: 48rpx;
  height: 40rpx;
  padding: 10rpx;
  margin: 10rpx;
  margin-right: 240rpx;
}
.listBox .good_item {
  display: flex;
  align-items: center;
  margin: 20rpx;
  padding-bottom: 20rpx;
  border-bottom: #D9D9D9 1rpx solid;
}
.listBox .good_item .item {
  display: flex;
  justify-content: space-between;
}
.listBox .good_item .item image {
  width: 110rpx;
  height: 110rpx;
  margin-right: 20rpx;
}
.listBox .good_item .item .info {
  width: 520rpx;
}
.listBox .good_item .item .info .name {
  font-size: 22rpx;
}
.listBox .good_item .item .info .under {
  display: flex;
  justify-content: space-between;
}
.listBox .add {
  margin: auto;
  text-align: center;
  padding: 15rpx 0;
  font-size: 28rpx;
  width: 60vw;
  color: #F89B7F;
  background: white;
  border: 1rpx solid #F89B7F;
}