weliam-smartcity/pages/subPages/paySuccess/paySuccess.wxss

.buyOrder_button_swiper.data-v-066d24dd {
  width: 690rpx;
  height: 250rpx;
  border-radius: 10rpx;
  overflow: hidden;
  margin: 20rpx auto 0 auto;
}
.swiperImg.data-v-066d24dd {
  width: 690rpx;
  height: 250rpx;
}
.dot.data-v-066d24dd {
  width: 15rpx;
  height: 15rpx;
  background: #ff4444;
  border-radius: 50%;
}
.tuiJian.data-v-066d24dd {
  text-align: center;
  margin: 40rpx;
}
.tuiJianTitle > view.data-v-066d24dd {
  vertical-align: middle;
  display: inline-block;
}
.tuiJianTitle > ._span.data-v-066d24dd {
  margin: 0 20rpx;
  vertical-align: middle;
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
}
page.data-v-066d24dd {
  overflow-x: hidden;
  background: #f8f8f8;
}
.paySuccess.data-v-066d24dd {
  width: 750rpx;
  overflow-x: hidden;
  background: #f8f8f8;
  font-size: 0;
}
.tuiJianTitle.data-v-066d24dd {
  margin: 50rpx 0;
}
.paySuccessTitle.data-v-066d24dd {
  border: 1rpx solid rgba(0, 0, 0, 0);
  width: 750rpx;
  height: 357rpx;
  background: #ff5e46;
}
.payTitleTips.data-v-066d24dd {
  margin-top: 16rpx;
  text-align: center;
}
.payTitleTips > image.data-v-066d24dd {
  vertical-align: middle;
  width: 150rpx;
  height: 150rpx;
}
.payTitleTips > view.data-v-066d24dd {
  margin-left: 44rpx;
  vertical-align: middle;
  display: inline-block;
}
.payTitleTips > view > ._p.data-v-066d24dd:nth-child(1) {
  margin-top: 1rpx;
}
.payTitleTips > view > ._p.data-v-066d24dd:nth-child(2) {
  margin-top: 10rpx;
}
.payTitleTips > view > ._p.data-v-066d24dd {
  text-align: left;
  margin: 0;
  padding: 0;
  font-size: 28rpx;
  font-weight: bold;
  color: #ffffff;
}
.payTitleButton.data-v-066d24dd {
  text-align: center;
  margin-top: 0rpx;
}
.payTitleButton > view.data-v-066d24dd {
  margin: 0 20rpx;
  display: inline-block;
  width: 180rpx;
  height: 62rpx;
  border: 1rpx solid #ffffff;
  border-radius: 31rpx;
  text-align: center;
}
.payTitleButton > view > ._span.data-v-066d24dd {
  line-height: 62rpx;
  font-size: 28rpx;
  color: #ffffff;
}
.paymentDetails.data-v-066d24dd {
  margin: -83rpx auto 0 auto;
  width: 690rpx;
  background: #ffffff;
  border-radius: 10rpx;
}
.paymentDetailsPackage.data-v-066d24dd {
  padding: 30rpx;
}
.paymentDetailsPackage > view.data-v-066d24dd:nth-child(2) {
  margin-top: 40rpx;
}
.paymentDetailsPackage > view.data-v-066d24dd:nth-child(3) {
  margin-top: 40rpx;
}
.paymentDetailsPackage > view.data-v-066d24dd {
  display: flex;
  justify-content: space-between;
}
.paymentDetailsPackage > view > ._span.data-v-066d24dd {
  font-size: 24rpx;
}
.paymentDetailsPackage > view > ._span.data-v-066d24dd:nth-child(1) {
  color: #999999;
}
.paymentDetailsPackage > view > ._span.data-v-066d24dd:nth-child(2) {
  color: #333333;
}
.coupon.data-v-066d24dd {
  margin: 20rpx auto 0 auto;
  width: 690rpx;
  background: #ffffff;
  border-radius: 10rpx;
}
.couponPackage.data-v-066d24dd {
  padding: 30rpx;
  display: flex;
  justify-content: space-between;
}
.couponPackage > view.data-v-066d24dd {
  display: inline-block;
}
.couponLefts.data-v-066d24dd {
  width: 100%;
}
.couponLefts .usedpacket-list-item.data-v-066d24dd {
  height: 170rpx;
}
.couponLefts .usedpacket-list-item .usedpacket-itemleft.data-v-066d24dd {
  width: 30%;
  height: 100%;
  background: linear-gradient(129deg, #fb8351 0%, #ff4444 100%);
  padding: 0 20rpx;
  flex-shrink: 0;
}
.couponLefts .usedpacket-list-item .usedpacket-itemleft .usedpacket-priceStyle.data-v-066d24dd {
  margin-right: 12rpx;
}
.couponLefts .usedpacket-list-item .usedpacket-itemleft .usedpacket-priceStyle > text.data-v-066d24dd {
  display: inline-block;
  vertical-align: top;
  margin-top: 4rpx;
}
.couponLefts .usedpacket-list-item .usedpacket-itemleft .itemleft_bgstyle.data-v-066d24dd {
  width: 30rpx;
  height: 30rpx;
  border-radius: 50%;
  position: absolute;
  left: -16rpx;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #F8F8F8;
}
.couponLefts .usedpacket-list-item .usedpacket-itemleft .itemleft_bgstyle2.data-v-066d24dd {
  position: absolute;
  right: 0;
  top: 0;
  width: 1%;
  height: 170rpx;
  padding-left: 4rpx;
  color: #fff;
  box-sizing: border-box;
  background: radial-gradient(transparent 0, transparent 8rpx, #fff 8rpx);
  background-size: 16rpx 16rpx;
  background-position: 16rpx 0px;
  background-color: #fff;
}
.couponLefts .usedpacket-list-item .usedpacket-itemright.data-v-066d24dd {
  height: 100%;
}
.couponLefts .usedpacket-list-item .usedpacket-itemright .usedpacket_titleType .usedpacketType.data-v-066d24dd {
  padding: 0 6rpx;
  height: 28rpx;
  background-color: #ff4444;
  border-radius: 14rpx;
}
.couponLefts .usedpacket-list-item .usedpacket-itemright .usedpacket_titleType .usedpacketType > text.data-v-066d24dd {
  display: inline-block;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}
.couponLefts .usedpacket-list-item .usedpacket-itemright .usedpacket_titleType .usedpacketTitle.data-v-066d24dd {
  width: 240rpx;
}
.couponLefts .usedpacket-list-item .usedpacket-itemright .usedpacket-time.data-v-066d24dd {
  width: 240rpx;
}
.couponLefts .usedpacket-list-item .getDraw.data-v-066d24dd {
  position: absolute;
  right: -10rpx;
  top: 56%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 126rpx;
  height: 40rpx;
  line-height: 40rpx;
  background-color: #ff4444;
  border-radius: 20rpx;
}
.couponLeft > view.data-v-066d24dd {
  vertical-align: middle;
  display: inline-block;
  width: 50rpx;
  height: 50rpx;
  background: #ff4444;
  border-radius: 50%;
}
.couponLeft > view > image.data-v-066d24dd {
  width: 50rpx;
  height: 50rpx;
}
.couponLeft > ._span.data-v-066d24dd {
  vertical-align: middle;
  font-size: 24rpx;
  color: #333333;
}
.couponRight.data-v-066d24dd {
  width: 121rpx;
  height: 50rpx;
  border: 1rpx solid #ff4444;
  border-radius: 25rpx;
  text-align: center;
}
.couponRight > ._span.data-v-066d24dd {
  line-height: 50rpx;
  font-size: 24rpx;
  color: #ff4444;
}
.advertisement.data-v-066d24dd {
  margin: 20rpx auto 0 auto;
  width: 690rpx;
  height: 200rpx;
  border-radius: 10rpx;
  overflow: hidden;
}
.advertisement > image.data-v-066d24dd {
  width: 690rpx;
  height: 200rpx;
}