2024-01-16 22:53:42 +08:00

306 lines
6.6 KiB
Plaintext

.content.data-v-0986fd70 {
padding: 30rpx 30rpx 180rpx;
}
.content .title.data-v-0986fd70 {
border-bottom: 2rpx solid #f2f2f2;
color: #444;
font-size: 32rpx;
font-weight: 700;
padding-bottom: 30rpx;
}
.content .header.data-v-0986fd70 {
background-color: #fff;
border-radius: 10rpx;
display: -webkit-flex;
display: flex;
flex-direction: column;
padding: 30rpx;
}
.content .header .header-content.data-v-0986fd70 {
align-items: center;
border-bottom: 2rpx solid #f2f2f2;
display: -webkit-flex;
display: flex;
padding-bottom: 30rpx;
}
.content .header .header-content .car.data-v-0986fd70 {
height: 70rpx;
margin-right: 20rpx;
width: 152rpx;
}
.content .header .header-content .vehicle-number.data-v-0986fd70 {
height: 90rpx;
margin-right: 20rpx;
width: 90rpx;
}
.content .header .header-content .desc.data-v-0986fd70 {
align-items: center;
color: #333;
display: -webkit-flex;
display: flex;
font-size: 32rpx;
margin-left: 20rpx;
}
.content .header .header-content .vehicle-info.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
width: 100%;
}
.content .header .header-content .vehicle-info .logo.data-v-0986fd70 {
flex-shrink: 0;
height: 120rpx;
width: 120rpx;
}
.content .header .header-content .vehicle-info .right-content.data-v-0986fd70 {
margin-left: 30rpx;
}
.content
.header
.header-content
.vehicle-info
.right-content
.desc.data-v-0986fd70 {
font-size: 28rpx;
margin: 12rpx 0;
}
.content .header .tips-info.data-v-0986fd70 {
justify-content: space-between;
margin-top: 30rpx;
}
.content .header .tips-info .left-content.data-v-0986fd70,
.content .header .tips-info.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
}
.content .header .tips-info .left-content image.data-v-0986fd70 {
height: 40rpx;
width: 40rpx;
}
.content .header .tips-info .left-content text.data-v-0986fd70 {
font-size: 28rpx;
margin-left: 5rpx;
}
.content .header .tips-info .right-content.data-v-0986fd70 {
color: #9a9a9a;
font-size: 28rpx;
}
.content .wrap.data-v-0986fd70 {
background-color: #fff;
border-radius: 10rpx;
margin-top: 30rpx;
padding: 30rpx;
}
.content .wrap radio.data-v-0986fd70 {
flex-shrink: 0;
transform: scale(0.8);
}
.content .wrap .product-group label.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
justify-content: space-between;
margin: 25rpx 0;
width: 100%;
}
.content .wrap .product-group label .product.data-v-0986fd70 {
border: 1rpx solid #f2f2f2;
border-radius: 10rpx;
flex-grow: 1;
margin-right: 20rpx;
padding: 30rpx;
}
.content .wrap .product-group label .product.selected.data-v-0986fd70 {
background-color: rgba(250, 93, 41, 0.03);
border-color: #fa5e29;
}
.content .wrap .product-group label .product .top.data-v-0986fd70 {
align-items: center;
color: #333;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
font-weight: 700;
justify-content: space-between;
}
.content
.wrap
.product-group
label
.product
.top
.product-name.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
position: relative;
}
.content
.wrap
.product-group
label
.product
.top
.product-name
.recommend.data-v-0986fd70 {
background-color: #21252c;
border-bottom-right-radius: 10rpx;
border-top-left-radius: 10rpx;
border-top-right-radius: 10rpx;
color: #dadbad;
font-size: 24rpx;
padding: 0 4rpx;
position: absolute;
right: -60rpx;
top: -10rpx;
}
.content
.wrap
.product-group
label
.product
.top
.product-price.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
}
.content
.wrap
.product-group
label
.product
.top
.product-price
.origin.data-v-0986fd70 {
color: #d71714;
font-size: 24rpx;
text-decoration: line-through;
}
.content .wrap .product-group label .product-desc.data-v-0986fd70 {
color: #5f5f5f;
font-size: 26rpx;
margin: 10rpx 0;
}
.content .wrap .pay-group.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
flex-direction: column;
font-size: 32rpx;
}
.content .wrap .pay-group label.data-v-0986fd70 {
align-items: center;
border-bottom: 2rpx solid #f2f2f2;
display: -webkit-flex;
display: flex;
justify-content: space-between;
padding: 40rpx 0;
width: 100%;
}
.content .wrap .pay-group label image.data-v-0986fd70 {
flex-shrink: 0;
height: 56rpx;
margin-left: 10rpx;
width: 56rpx;
}
.content .wrap .pay-group label text.data-v-0986fd70 {
flex-grow: 1;
font-size: 30rpx;
margin-left: 30rpx;
}
.content .wrap .notice.data-v-0986fd70 {
background-color: #fff;
border-radius: 10rpx;
color: #ff7b00;
font-size: 26rpx;
}
.content .wrap .tips.data-v-0986fd70 {
font-size: 28rpx;
line-height: 1.5;
padding: 20rpx 0;
}
.content .coupon.data-v-0986fd70 {
background-color: #fff;
border-radius: 10rpx;
height: 220rpx;
margin-top: 30rpx;
padding: 10rpx 30rpx;
}
.content .coupon .top.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
height: 60rpx;
}
.content .coupon .top image.data-v-0986fd70 {
height: 50rpx;
margin-right: 10rpx;
width: 50rpx;
}
.content .coupon .top text.data-v-0986fd70 {
color: #e83319;
font-size: 30rpx;
font-weight: 700;
}
.content .coupon-content.data-v-0986fd70 {
align-items: center;
background-color: rgba(250, 93, 41, 0.027);
border-radius: 10rpx;
display: -webkit-flex;
display: flex;
height: 110rpx;
justify-content: space-between;
margin-top: 10rpx;
padding: 0 30rpx;
position: relative;
}
.content .coupon-content .price.data-v-0986fd70 {
color: #fa5e29;
font-size: 40rpx;
font-weight: 700;
}
.content .pay-content.data-v-0986fd70 {
align-items: center;
background: #fff;
border-top: 1rpx solid #d2d2d2;
bottom: 0;
display: -webkit-flex;
display: flex;
height: 150rpx;
justify-content: space-between;
left: 0;
padding: 0 50rpx;
position: fixed;
width: 100%;
z-index: 99;
}
.content .pay-content .price.data-v-0986fd70 {
align-items: center;
display: -webkit-flex;
display: flex;
font-weight: 700;
}
.content .pay-content .price .label.data-v-0986fd70 {
font-size: 28rpx;
margin-top: 10rpx;
}
.content .pay-content .price .amount.data-v-0986fd70 {
color: #fa5e29;
font-size: 40rpx;
}
.content .pay-content .button.data-v-0986fd70 {
align-items: center;
background: linear-gradient(90deg, #fc8633, #fa5e29);
border-radius: 100rpx;
color: #fff;
display: -webkit-flex;
display: flex;
font-size: 30rpx;
font-weight: 700;
height: 65rpx;
justify-content: center;
width: 180rpx;
}