store/packageA/hotel/HotelGoodsOrder/HotelGoodsOrder.wxss

/* packageA/hotel/HotelGoodsOrder/HotelGoodsOrder.wxss */
.goods_order {
  padding-bottom: 120rpx;
}

.goods_order .content .detail_a {
  background: #fff;
  padding: 20rpx 28rpx;
}

.goods_order .content .detail_a .li {
  line-height: 60rpx;
  text-align: left;
}

.goods_order .content .detail_a .li:first-child {
  font-size: 32rpx;
  font-weight: bold;
}

.goods_order .content .detail_a .li:last-child {
  font-size: 28rpx;
}

.goods_order .content .detail_b {
  background: #fff;
  margin-top: 20rpx;
}

.goods_order .content .detail_b .b_room {
  justify-content: space-between;
  padding-left: 28rpx;
  padding-right: 28rpx;
}

.goods_order .content .detail_b .li {
  height: 90rpx;
  display: flex;
  border-bottom: solid 2rpx #ebebeb;
  align-items: center;
}

.goods_order .content .detail_c {
  background: #fff;
  margin-top: 20rpx;
  padding-left: 28rpx;
}

.goods_order .content .detail_c .li {
  padding-right: 28rpx;
  height: 90rpx;
  display: flex;
  border-bottom: solid 2rpx #ebebeb;
  align-items: center;
}

.goods_order .content .detail_c .c_invoice {
  justify-content: space-between;
}

.goods_order .content .detail_c .li .span {
  font-size: 30rpx;
}

.goods_order .content .detail_c .li van-radio-group {
  display: flex;
  align-items: center;
}

.goods_order .content .detail_c .li van-radio-group .van-radio {
  margin-left: 10rpx;
}

.goods_order .content .detail_d {
  background: #fff;
  margin-top: 20rpx;
  padding: 20rpx 28rpx;
}

.goods_order .content .detail_d .li {
  line-height: 60rpx;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 28rpx;
}

.goods_order .content .foot {
  background: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 98rpx;
  display: flex;
  justify-content: flex-end;
  border-top: solid 2rpx #ebebeb;
}

.goods_order .content .foot .foot_a .li {
  font-size: 28rpx;
  line-height: 98rpx;
  padding-right: 20rpx;
  display: flex;
  align-items: center;
}

.goods_order .content .foot .foot_a .li .span {
  color: #f15353;
}

.goods_order .content .foot .foot_a .li .span .font {
  font-size: 40rpx;
}

.goods_order .content .foot .button {
  background: #f15353;
  color: #fff;
  font-size: 32rpx;
  border: none;
  width: 220rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}

.goods_order .tbs {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  flex-flow: row wrap;
  padding: 20rpx 28rpx;
  line-height: 48rpx;
  border-bottom: #e8e8e8 solid 2rpx;
  font-size: 30rpx;
}

.goods_order .tbs .list {
  width: 100%;
  padding-bottom: 20rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.goods_order .tbs .left {
  text-align: left;
  color: #333;
}

.goods_order .tbs .right {
  text-align: right;
}

.goods_order .tbs .right .red {
  color: #e84e40;
}

.goods_order .tbs .left .span {
  font-size: 30rpx;
}

.goods_order .tbs.coupon-list {
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}

.goods_order .tbs .list:nth-last-child(1) {
  padding-bottom: 0;
}

.goods_order .add-info {
  overflow-y: scroll;
  width: 100%;
  background: #fff;
  max-height: 50vh;
  padding-top: 20rpx;
}

.goods_order .add-info .coupon-list-info {
  width: 99.5vw;
  display: flex;
  align-items: center;
}

.goods_order .add-info .checkList {
  padding-left: 6rpx;
  margin-right: 20rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.goods_order .add-info .coupon_voucher_gray {
  flex: 1;
  height: 160rpx;
  margin-right: 20rpx;
  margin-bottom: 20rpx;
  display: flex;
}

.goods_order .add-info .coupon_voucher_main {
  flex: 1;
  height: 160rpx;
  margin-right: 20rpx;
  margin-bottom: 20rpx;
  display: flex;
}

.goods_order .add-info .coupon_voucher_main .coupon_voucher_left {
  width: 204rpx;
  height: 100%;
  color: #fff;
  border-radius: 8rpx 0 0 8rpx;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #47c1c4;
}

.goods_order .add-info .coupon_voucher_gray .coupon_voucher_left {
  width: 204rpx;
  height: 100%;
  color: #fff;
  border-radius: 8rpx 0 0 8rpx;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #ccc;
}

.goods_order .add-info .coupon_voucher_main .coupon_voucher_left .coupon_voucher_amount.type_large {
  margin: 0;
  font-size: 44rpx;
}

.goods_order .add-info .coupon_voucher_gray .coupon_voucher_left .coupon_voucher_amount.type_large {
  margin: 0;
  font-size: 44rpx;
}

.goods_order .add-info .coupon_voucher_main .coupon_voucher_left .coupon_voucher_limit {
  font-size: 24rpx;
  margin-top: 26rpx;
  margin-bottom: 0;
}

.goods_order .add-info .coupon_voucher_gray .coupon_voucher_left .coupon_voucher_limit {
  font-size: 24rpx;
  margin-top: 26rpx;
  margin-bottom: 0;
}

.goods_order .add-info .coupon_voucher_main .coupon_voucher_right {
  flex: 1;
  padding: 30rpx 30rpx 30rpx 20rpx;
  border-radius: 0 8rpx 8rpx 0;
  background-color: #e5f3f3;
  color: #666;
}

.goods_order .add-info .coupon_voucher_gray .coupon_voucher_right {
  flex: 1;
  padding: 30rpx 30rpx 30rpx 20rpx;
  border-radius: 0 8rpx 8rpx 0;
  background-color: #eee;
  color: #666;
}

.goods_order .add-info .coupon_voucher_main .coupon_voucher_right .coupon_voucher_range {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  font-size: 24rpx;
  text-align: left;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

.goods_order .add-info .coupon_voucher_gray .coupon_voucher_right .coupon_voucher_range {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  font-size: 24rpx;
  text-align: left;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

.goods_order .coubtngroup {
  display: flex;
  font-size: 28rpx;
  text-align: center;
}

.goods_order .coubtngroup .sure {
  background: #f15353;
  height: 80rpx;
  line-height: 80rpx;
  color: #fff;
  width: 50%;
}

.goods_order .coubtngroup .close {
  background: #eee;
  height: 80rpx;
  line-height: 80rpx;
  color: #333;
  width: 50%;
}

.tbs {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  flex-flow: row wrap;
  padding: 0.625rem 0.875rem;
  line-height: 1.5rem;
  border-bottom: 0.0625rem solid #e8e8e8;
  font-size: 14px;
}

.tbs .list {
  width: 100%;
}

.tbs .list .list-child-style {
  width: 100%;
  clear: both;
  display: flex;
  align-items: center;
}

.tbs .list .left {
  text-align: left;
  flex: 1;
  color: #333;
}

.tbs .list .right {
  text-align: right;
}