/* pages/cartPay/cartPay.wxss */ page { background-color: #f5f5f5; } .djs { font-size: 28rpx; color: #333333; width: 750rpx; height: 80rpx; background-color: #f7e0cd; text-align: center; line-height: 80rpx; } .djs text { color: #ff372d; margin-left: 10rpx; } .address { margin-top: 34rpx; width: 690rpx; padding: 0 30rpx; height: 156rpx; background-color: #ffffff; border-radius: 20rpx; } .address-l { height: 100%; } .address-l image { width: 46rpx; height: 46rpx; margin: 0 55rpx 0 15rpx; } .address-cont { font-size: 32rpx; color: #ee7b1e; width: 500rpx; } .address-r { height: 100%; } .address-r image { width: 30rpx; height: 30rpx; } .goods { width: 690rpx; padding: 0 30rpx; background-color: #ffffff; border-radius: 20rpx; margin: 30rpx 0; } .cont { padding: 30rpx 0; border-bottom: 1rpx #dcdcdc solid; } .cont:last-child { border-bottom: none; } .cont-l image { width: 160rpx; height: 160rpx; } .cont-m { width: 400rpx; padding: 10rpx 0; display: flex; flex-wrap: wrap; align-content: space-between; } .name { font-size: 28rpx; color: #333333; } .spec { width: 100%; font-size: 24rpx; color: #999999; } .price { width: 100%; font-size: 36rpx; color: #ff291e; } .price text { font-size: 24rpx; color: #999999; text-decoration: line-through; margin-left: 11rpx; } .cont-r { display: flex; align-items: flex-end; font-size: 32rpx; color: #0b0b0b; height: 130rpx; } .data { width: 690rpx; padding: 10rpx 30rpx 0; background-color: #ffffff; border-radius: 20rpx; } .data-t { height: 70rpx; } .data-t_last { padding-top: 20rpx; border-top: 1rpx #d9d9d9 solid; margin-top: 30rpx; } .t-l { font-size: 28rpx; letter-spacing: 1rpx; color: #444444; } .t-r { font-size: 28rpx; letter-spacing: 1rpx; height: 70rpx; line-height: 70rpx; } .t-r__1 { color: #333333; font-weight: bold; } .t-r__2 { color: #999999; } .t-r__3 { color: #ff291e; } .t-r__4 { color: #333333; font-weight: bold; font-size: 34rpx; } t-r__5 { color: #ff291e; font-weight: bold; font-size: 34rpx; } .t-r input { font-size: 28rpx; letter-spacing: 1rpx; color: #999999; width: 500rpx; text-align: right; line-height: 70rpx; height: 70rpx; border: none; } .t-r image { width: 30rpx; height: 30rpx; } .pay-type { width: 690rpx; padding: 0 30rpx; height: 100rpx; background-color: #ffffff; border-radius: 20rpx; margin-top: 20rpx; } .pay-type__l { height: 100%; font-size: 28rpx; color: #333333; } .pay-type__l image { width: 50rpx; height: 50rpx; margin-right: 20rpx; } .pay-type__r { height: 100%; font-size: 24rpx; letter-spacing: 1rpx; color: #ff291e; } .pay-type__r image { width: 30rpx; height: 30rpx; margin-left: 20rpx; } .pay { width: 690rpx; padding: 0 30rpx; height: 100rpx; background-color: #ffffff; line-height: 56rpx; position: fixed; bottom: 0; left: 0; } .pay-l i { padding-right: 32rpx; font-size: 28rpx; color: #333333; } .pay-l { padding-left: 90rpx; font-size: 28rpx; color: #ff291e; } .pay-l text { font-size: 40rpx; color: #ff291e; } .pay-r { width: 690rpx; height: 64rpx; background-color: #ee7b1e; border-radius: 32rpx; font-size: 28rpx; color: #ffffff; text-align: center; line-height: 64rpx; } .reduce-zzc { width: 100vw; height: 100vh; position: fixed; left: 0; top: 0; z-index: 9; background-color: rgba(0, 0, 0, 0.6); } .reduce-cont { position: fixed; left: 0; bottom: 0; z-index: 9; width: 690rpx; padding: 0 30rpx 50rpx; background-color: #ffffff; border-radius: 20rpx 20rpx 0px 0px; } .reduce-title { font-size: 36rpx; color: #333333; border-bottom: 1rpx solid #d2d2d2; height: 106rpx; line-height: 106rpx; text-align: center; margin-bottom: 40rpx; } .reduce-c { width: 690rpx; height: 100rpx; background-color: #ffffff; border-radius: 20rpx; margin-bottom: 30rpx; } .reduce-c__l { font-size: 36rpx; color: #333333; } .reduce-c__l text { color: #ff291e; } .reduce-c__l text text { font-size: 24rpx; } .reduce-c__l { height: 100%; } .reduce-c__l image { width: 46rpx; height: 46rpx; margin-right: 58rpx; } .reduce-c__r { height: 100%; } .reduce-c__r image { width: 42rpx; height: 42rpx; } .ztTime{ box-sizing: border-box; padding: 0 30rpx; margin-top: 30rpx; width: 750rpx; height: 100rpx; background-color: #ffffff; border-radius: 20rpx; } .ztt_l{ font-size: 28rpx; line-height: 100rpx; letter-spacing: 1rpx; color: #333333; } .ztt_l text{ color: #ff0000; margin-left: 20rpx; display: inline-block; position: relative; top: 6rpx; } .ztt_r{ font-size: 28rpx; line-height: 100rpx; letter-spacing: 1rpx; color: #999999; width:500rpx; } .ztt_r_time{ color: #333333; } .ztt_r image{ width: 14rpx; height: 8rpx; margin-left: 20rpx; } .ztTimeTs{ font-size: 24rpx; line-height: 35rpx; letter-spacing: 1rpx; color: #ff0000; text-align: center; margin-top: 20rpx; }