/* pages/cartPay/cartPay.wxss */ page{ background-color: #f5f5f5; } .logistics-all{ width: 100%; background-color: #fff; border-radius: 20rpx 20rpx 0 0; } .logistics{ width: 690rpx; margin:0 auto; border-bottom: #e5e5e5 1rpx solid; height: 125rpx; } .logistics-l,.logistics-r{ height: 100%; } .logistics-l image{ width: 53rpx; height: 39rpx; margin-right: 30rpx; } .logistics-l__1{ font-size: 32rpx; color: #ee7b1e; margin-right: 44rpx; } .logistics-l__2{ font-size: 32rpx; color: #333333; } .logistics-r image{ height: 32rpx; width: 32rpx; } .address{ width: 690rpx; padding:35rpx 30rpx 20rpx; background-color: #ffffff; border-radius: 0 0 20rpx 20rpx; } .address image{ width: 46rpx; height: 46rpx; margin:0 40rpx 0 0; } .address-cont{ font-size: 32rpx; line-height: 42rpx; color: #333333; width: 550rpx; } .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{ width:100%; font-size: 28rpx; color: #333333; } .specs{ width:100%; font-size: 24rpx; color: #999999; } .price{ width:100%; font-size: 36rpx; color: #ee7b1e; } .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:last-child{ 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; line-height: 70rpx; } .t-r__1{ color: #333333; font-weight: bold; } .t-r__2{ color: #999999; } .note{ width: 500rpx; line-height:32rpx; text-align:right; } .t-r__3{ color: #ee7b1e; } .t-r__3 text{ color: #333333; } .t-r__4{ color: #333333; 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%; } .pay-type__r image{ width: 30rpx; height: 30rpx; } .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: #ee7b1e; } .pay-l text{ font-size: 40rpx; color: #ee7b1e; } .pay-r{ width: 180rpx; height: 56rpx; line-height: 56rpx; background-color: #ee7b1e; border-radius: 28rpx; font-size: 28rpx; color: #ffffff; text-align: center; } .pay-m{ width: 690rpx; height: 64rpx; line-height: 64rpx; background-color: #ee7b1e; border-radius:32rpx; font-size: 28rpx; color: #ffffff; text-align: center; } .order-data{ width: 690rpx; padding: 0 30rpx; background-color: #ffffff; border-radius: 20rpx; margin: 30rpx 0; } .order{ width: 100%; height: 100rpx; border-bottom: 1rpx #eeeeee solid; } .order:first-child{ border-radius: 20rpx 20rpx 0px 0px; } .order:last-child{ border-radius: 0px 0px 20rpx 20rpx; border-bottom:none; } .order-l{ font-size: 28rpx; letter-spacing: 1rpx; color: #333333; } .order-r{ font-size: 24rpx; letter-spacing: 1rpx; color: #999999; } .code{ width: 750rpx; height: 240rpx; padding-top: 30rpx; background-color: #ffffff; border-radius: 20rpx; } .code-img{ width: 140rpx; height: 140rpx; margin: 0 auto; } .code image{ width: 140rpx; height: 140rpx; } .code-cont{ font-size: 28rpx; color: #999999; text-align: center; margin-top: 35rpx; } .b-btn{ padding: 0 30rpx; width: 690rpx; height: 100rpx; background-color: #ffffff; position: fixed; bottom: 0; left: 0; } .btn{ width: 130rpx; height: 48rpx; border-radius: 24rpx; border: solid 1rpx #a0a0a0; font-size: 24rpx; color: #999999; line-height: 48rpx; text-align: center; margin-left: 40rpx; } .b-btn .btn-red{ border: solid 1rpx #ee7b1e; color: #ee7b1e; } .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; }