/* 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; }