yuminge-app/yun-min-program-plugin-master/packageI/cps/cpsExtension.wxss

/* packageI/cps/cpsExtension.wxss */
#cpsExtension .shareImg {
  width: 100%;
}

#cpsExtension .shareImg image {
  width: 100%;
}

#cpsExtension .navtab .mnav {
  padding-left: 166.4rpx;
  padding-right: 224rpx;
}

#cpsExtension .contenbox {
  padding: 25.92rpx 30.08rpx;
  box-sizing: border-box;
}

#cpsExtension .contenbox .elmfruits {
  background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/cps/cpselmhb.png");
  background-size: cover;
  background-repeat: no-repeat;
  height: 200rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 40rpx 0 44.8rpx;
}

#cpsExtension .contenbox .elmfruits .elmLeft {
  font-size: 41.92rpx;
  color: #5c739f;
  text-align: left;
}

#cpsExtension .contenbox .elmfruits .elmLeft .txt {
  font-size: 33.92rpx;
  color: #5c739f;
}

#cpsExtension .contenbox .elmfruits .elmRight {
  width: 220.16rpx;
  height: 65.92rpx;
  background-color: #9cb6d9;
  border-radius: 32.96rpx;
  font-size: 30.08rpx;
  color: #5c739f;
  display: flex;
  align-items: center;
  justify-content: center;
}

#cpsExtension .contenbox .redBox {
  display: flex;
  justify-content: space-between;
  margin-top: 20.16rpx;
}

#cpsExtension .contenbox .redBox .hotel_left {
  background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/cps/cpshotelhb.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 335.04rpx;
  height: 160rpx;
  padding: 25.6rpx 0 20.16rpx 30.08rpx;
  box-sizing: border-box;
}

#cpsExtension .contenbox .redBox .market_right {
  background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/cps/cpsschb.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 335.04rpx;
  height: 160rpx;
  padding: 25.6rpx 0 20.16rpx 30.08rpx;
  box-sizing: border-box;
}

#cpsExtension .contenbox .redBox .txt {
  font-size: 36.16rpx;
  color: #a76337;
  text-align: left;
}

#cpsExtension .contenbox .redBox .hbBtn {
  margin-top: 19.2rpx;
  width: 154.88rpx;
  height: 49.92rpx;
  background-color: #fff;
  border-radius: 24.96rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff7366;
}

#cpsExtension .contenbox .takeOutOpt {
  background-color: #fff;
  border-radius: 15.04rpx;
  padding: 34.88rpx 30.08rpx 30.08rpx 30.08rpx;
  margin-top: 20.16rpx;
}

#cpsExtension .contenbox .takeOutOpt .optLis {
  display: flex;
  align-items: center;
}

#cpsExtension .contenbox .takeOutOpt .optLis .priceShare {
  font-size: 25.92rpx;
  color: #f23104;
}

#cpsExtension .contenbox .takeOutOpt .optLis .boxtitleT {
  color: #262626;
  font-size: 20.16rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 14.08rpx;
  margin-bottom: 12.48rpx;
}

#cpsExtension .contenbox .takeOutOpt .optLis .optLisbox:nth-child(n+2) {
  margin-left: 30.08rpx;
}

#cpsExtension .contenbox .takeOutOpt .optLis .optLisbox {
  width: 135.04rpx;
  margin-top: 28.16rpx;
}

#cpsExtension .contenbox .takeOutOpt .optLis .optLisbox .boximg {
  width: 135.04rpx;
  height: 135.04rpx;
  background-color: #c8c8c8;
  border-radius: 9.92rpx;
}

#cpsExtension .contenbox .takeOutOpt .optLis .optLisbox .boximg image {
  width: 100%;
  height: 100%;
  border-radius: 9.92rpx;
}

#cpsExtension .contenbox .takeOutOpt .optTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 32rpx;
}

#cpsExtension .contenbox .takeOutOpt .optTitle .all {
  display: flex;
  align-items: center;
  font-size: 24rpx;
  color: #8b8b8b;
}

#cpsExtension .contenbox .rule {
  border-radius: 15.04rpx;
  padding: 49.92rpx 40.96rpx 34.88rpx 41.92rpx;
  margin-top: 20.16rpx;
  background-color: #fff;
  position: relative;
}

#cpsExtension .contenbox .rule .ruleBox {
  border: dashed 0.96rpx #f55f3e;
  border-radius: 12.8rpx;
  padding: 54.08rpx 18.88rpx 54.08rpx 30.08rpx;
}

#cpsExtension .contenbox .rule .ruletxt {
  position: absolute;
  left: 244.16rpx;
  top: 25.6rpx;
  font-size: 36.16rpx;
  color: #f06230;
  width: 196.16rpx;
  background-color: #fff;
  text-align: center;
}

#cpsExtension .contenbox .optimization {
  padding: 32rpx 34.88rpx 32rpx 34.88rpx;
  background-color: #fff;
  margin-top: 20.16rpx;
}

#cpsExtension .contenbox .optimization .optLis {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 28.16rpx;
}

#cpsExtension .contenbox .optimization .optLis .optLisbox {
  height: 509.12rpx;
  width: 295.04rpx;
  margin-bottom: 31.04rpx;
}

#cpsExtension .contenbox .optimization .optLis .optLisbox .purchaseBtn {
  width: 169.92rpx;
  height: 49.92rpx;
  background-color: #e36535;
  border-radius: 24.96rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 25.92rpx;
  margin-top: 20.16rpx;
}

#cpsExtension .contenbox .optimization .optLis .optLisbox .priceShare {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 9.6rpx;
}

#cpsExtension .contenbox .optimization .optLis .optLisbox .priceShare .priceShare_p {
  font-size: 30.08rpx;
  color: #f23104;
}

#cpsExtension .contenbox .optimization .optLis .optLisbox .priceShare .priceShare_s {
  font-size: 24rpx;
  color: #7d7d7d;
}

#cpsExtension .contenbox .optimization .optLis .optLisbox .boxtitleT {
  width: 100%;
  font-size: 28.16rpx;
  color: #262626;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 19.2rpx;
}

#cpsExtension .contenbox .optimization .optLis .optLisbox .boximg {
  width: 295.04rpx;
  height: 295.04rpx;
  background-color: #c8c8c8;
  border-radius: 9.92rpx;
}

#cpsExtension .contenbox .optimization .optLis .optLisbox .boximg image {
  border-radius: 9.92rpx;
  width: 100%;
  height: 100%;
}

#cpsExtension .contenbox .optimization .optTitle {
  text-align: left;
  font-size: 32rpx;
  color: #262626;
}

#cpsExtension .contenbox .bottomBox {
  background-color: #fff;
  border-radius: 16.96rpx;
  margin-top: 15.04rpx;
  position: relative;
  padding: 96rpx 96rpx 64rpx 96rpx;
}

#cpsExtension .contenbox .bottomBox .priceShare_s {
  color: #bfa446;
  font-size: 28.16rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 34.88rpx;
}

#cpsExtension .contenbox .bottomBox .codeBox {
  width: 310.08rpx;
  height: 310.08rpx;
  margin: 0 auto;
  margin-bottom: 32rpx;
}

#cpsExtension .contenbox .bottomBox .codeBox image {
  width: 100%;
  height: 100%;
}

#cpsExtension .contenbox .bottomBox .redBtn_wm {
  width: 512rpx;
  height: 96rpx;
  background-color: #f95144;
  border-radius: 64rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 33.92rpx;
  color: #fff;
  margin-bottom: 24rpx;
}

#cpsExtension .contenbox .bottomBox .redBtn {
  width: 512rpx;
  height: 96rpx;
  background-color: #eecd59;
  border-radius: 64rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 33.92rpx;
  color: #a76337;
}

#cpsExtension .contenbox .bottomBox .line {
  position: absolute;
  width: 12.16rpx;
  height: 53.12rpx;
  background-color: #fff;
  border-radius: 16rpx;
}

#cpsExtension .contenbox .bottomBox .circleBox2 {
  position: absolute;
  top: 6.4rpx;
  right: 86.08rpx;
  display: flex;
}

#cpsExtension .contenbox .bottomBox .circleBox {
  position: absolute;
  top: 6.4rpx;
  left: 86.08rpx;
  display: flex;
}

#cpsExtension .contenbox .bottomBox .circle {
  width: 20.16rpx;
  height: 20.16rpx;
  border-radius: 100%;
}

#cpsExtension .contenbox .bottomBox .circle2 {
  margin-left: 8rpx;
}

#cpsExtension .contenbox .topbox {
  position: relative;
  height: 258.88rpx;
  background-color: #fff;
  border-radius: 16.96rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 37.12rpx;
}

#cpsExtension .contenbox .topbox .circleBox2 {
  position: absolute;
  bottom: 6.4rpx;
  right: 86.08rpx;
  display: flex;
}

#cpsExtension .contenbox .topbox .circleBox {
  position: absolute;
  bottom: 6.4rpx;
  left: 86.08rpx;
  display: flex;
}

#cpsExtension .contenbox .topbox .circle {
  width: 20.16rpx;
  height: 20.16rpx;
  border-radius: 100%;
}

#cpsExtension .contenbox .topbox .circle2 {
  margin-left: 8rpx;
}

#cpsExtension .contenbox .topbox .rightIcon {
  display: flex;
  align-items: center;
  justify-content: center;
}

#cpsExtension .contenbox .topbox .rightIcon icon {
  font-size: 44.8rpx;
  color: #c5c5c5;
}

#cpsExtension .contenbox .topbox .coupon {
  width: 150.08rpx;
  height: 160rpx;
  border-radius: 9.92rpx;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

#cpsExtension .banner {
  height: 350.08rpx;
  width: 100%;
}

#cpsExtension .banner image {
  width: 100%;
  height: 100%;
}

.newclass {
  background: var(--backg--);
}

#cpsExtension {
  background-color: var(--backg--);
}

.van-tabs .van-tabs__scroll {
  background-color: var(--backg--);
}

.mnav {
  background-color: var(--backg--);
}

#cpsExtension .navtab {
  background-color: var(--backg--);
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

/* .van-popup{
  background-color: transparent;
} */