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.
 
 
 
 

123 lines
2.0 KiB

.home_page {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
width: 100vw;
}
.index_list{
padding: 0 58rpx;
margin-top: 61rpx;
}
.home_page_body {
background-color: #FFFFFF;
color: #000000;
}
.index_list_item_right_item{
width: 207rpx;
height: 87rpx;
background: #FFFFFF;
box-shadow: 0px 1px 9px 0px rgba(88, 88, 88, 0.09);
border-radius: 12rpx;
display: flex;
align-items: center;
justify-content: center;
}
.index_list_item:first-child{
margin-top: 0
}
.index_list_item_right{
flex-grow: 1;
margin-left: 20rpx;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
height: 187rpx;
}
.index_top_car_header_photo {
position: absolute;
top: -70rpx;
margin: 0 auto;
left: 0;
right: 0;
}
.listtext{
font-size: 26rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
}
.left_text{
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #FFFFFF;
}
.index_list_item_left{
width: 187rpx;
height: 187rpx;
background: linear-gradient(-49deg, #2888FF 0%, #6DADFC 100%);
box-shadow: 0px 1px 9px 0px rgba(88, 88, 88, 0.09);
border-radius: 12rpx;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap !important;
flex-direction: column;
}
.index_list_item{
display: flex;
margin-top: 60rpx;
}
.index_top_car {
min-height: 187rpx;
background: #FFFFFF;
box-shadow: 0px 1px 9px 0px rgba(88, 88, 88, 0.09);
border-radius: 14rpx;
position: relative;
color: #333333;
margin: 0;
text-align: center;
padding: 0 30rpx;
padding-bottom: 15rpx;
}
.index_topbody {
width: 100vw;
padding: 0 58rpx;
}
.carfooter {
margin-top: 15rpx;
position: relative;
}
.bgtext {
font-size: 30rpx;
font-family: PingFang SC;
font-weight: 500;
color: #333333;
}
.samlltext {
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #999999;
}
.home_page_body_flex {
width: 222px;
height: 92px;
background: #C4C4C4;
margin: 40rpx;
display: flex;
align-items: center;
justify-content: center;
}