You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
191 lines
3.4 KiB
191 lines
3.4 KiB
|
|
.tiptext { |
|
font-size: 32rpx; |
|
font-family: PingFang SC; |
|
font-weight: bold; |
|
color: #999999; |
|
text-align: center; |
|
margin: 64rpx 0; |
|
} |
|
.oliButten { |
|
margin-top: 48rpx; |
|
background: #2866FF; |
|
border-radius: 10rpx; |
|
font-size: 36rpx; |
|
font-family: PingFang SC; |
|
font-weight: 500; |
|
color: #FFFFFF; |
|
} |
|
.oilInputMax { |
|
background: #BBBBBB; |
|
border-radius: 21rpx; |
|
padding: 11rpx 17rpx; |
|
font-size: 28rpx; |
|
font-family: Source Han Sans CN; |
|
font-weight: 500; |
|
color: #FFFFFF; |
|
margin-left: 25rpx; |
|
} |
|
.oliPrice { |
|
font-size: 30rpx; |
|
font-family: PingFang SC; |
|
font-weight: bold; |
|
color: #000000; |
|
} |
|
.oilInput { |
|
height: 133rpx; |
|
background: #FFFFFF; |
|
border-radius: 20rpx; |
|
display: flex; |
|
padding: 0 20rpx; |
|
align-items: center; |
|
margin-top: 20rpx; |
|
} |
|
.car_itme_title { |
|
font-size: 32rpx; |
|
font-family: Source Han Sans CN; |
|
font-weight: 500; |
|
color: #FFFFFF; |
|
} |
|
.oli_list_item_body_left_img { |
|
width: 80rpx; |
|
height: 73rpx; |
|
margin-right: 33rpx; |
|
} |
|
.oli_list_item_body_left { |
|
display: flex; |
|
align-items: center; |
|
flex: 1; |
|
} |
|
.oli_list_item_body { |
|
border-bottom: 1px #F0F2FF solid; |
|
height: 100%; |
|
display: flex; |
|
justify-content: space-between; |
|
align-items: center; |
|
padding-left: 20rpx; |
|
/* padding: 20rpx 0; */ |
|
} |
|
.oli_list_item { |
|
flex: 1; |
|
padding: 0 20rpx; |
|
} |
|
.oli_list { |
|
height: 333rpx; |
|
background: #FFFFFF; |
|
border-radius: 20rpx; |
|
display: flex; |
|
flex-direction: column; |
|
} |
|
.img { |
|
width: 100%; |
|
height: 81rpx; |
|
margin-top: 43rpx; |
|
margin-bottom: 30rpx; |
|
display: flex; |
|
justify-content: space-between; |
|
align-items: center; |
|
padding: 0 83rpx; |
|
} |
|
.car_body { |
|
display: flex; |
|
flex-direction: column; |
|
align-items: center; |
|
justify-content: center; |
|
height: 100%; |
|
} |
|
.move_item { |
|
position: absolute; |
|
left: 10rpx; |
|
width: 50%; |
|
height: 60rpx; |
|
background: #2866FF; |
|
border-radius: 10rpx; |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
color: #999999; |
|
z-index: 0; |
|
transition: all .3s; |
|
} |
|
.sele_Bar_item { |
|
|
|
/* width: 287rpx; */ |
|
flex: 1; |
|
height: 60rpx; |
|
/* background: #2866FF; */ |
|
border-radius: 10rpx; |
|
display: flex; |
|
align-items: center; |
|
justify-content: center; |
|
color: #999999; |
|
z-index: 1; |
|
transition: color .4s; |
|
} |
|
.sele_Bar { |
|
/* background-color: #18B566; */ |
|
margin: 31rpx 40rpx; |
|
padding: 10rpx; |
|
display: flex; |
|
position: relative; |
|
background-color: #FFFFFF; |
|
border-radius: 10px; |
|
} |
|
.hideTip { |
|
/* background-color: #E43D33; */ |
|
width: calc(100% - (882rpx - (100vw - 62rpx))); |
|
/* width: calc( 100vw - 62rpx - 441rpx ); */ |
|
height: 100%; |
|
padding: 29rpx 38rpx; |
|
display: flex; |
|
flex-direction: column; |
|
align-items: center; |
|
justify-content: center; |
|
} |
|
.car_itme_right { |
|
right: 0; |
|
/* top:0; |
|
bottom: 0; |
|
margin: auto; */ |
|
} |
|
.car_itme_left { |
|
left: 0; |
|
/* top:0; |
|
bottom: 0; |
|
margin: auto; */ |
|
} |
|
.car_itme { |
|
/* opacity: .3; */ |
|
height: 359rpx; |
|
width: 441rpx; |
|
border-radius: 20rpx; |
|
overflow: hidden; |
|
position: absolute; |
|
/* transition: width .4s,height .4s ,background .4s,z-index 0s ; */ |
|
transition: background .8s, -webkit-transform .4s; |
|
transition: transform .4s, background .8s; |
|
transition: transform .4s, background .8s, -webkit-transform .4s; |
|
z-index: 2; |
|
background-color: #2866FF; |
|
box-shadow: 0px 3px 9px 0px rgba(88, 88, 88, 0.2); |
|
color: white; |
|
display: flex; |
|
justify-content: center; |
|
} |
|
.sele_car { |
|
margin-top: 25rpx; |
|
display: flex; |
|
flex-wrap: wrap; |
|
position: relative; |
|
height: 359rpx; |
|
} |
|
.oil_body { |
|
padding: 42rpx 31rpx; |
|
} |
|
.oil_header { |
|
font-size: 34rpx; |
|
font-family: PingFang SC; |
|
font-weight: bold; |
|
color: #333333; |
|
} |
|
|
|
|