|
|
page {
|
|
|
background: #f9f9f9;
|
|
|
}
|
|
|
|
|
|
.container {
|
|
|
width: 100%;
|
|
|
|
|
|
.header {
|
|
|
width: 100%;
|
|
|
// background: #f53526;
|
|
|
background: linear-gradient(180deg, #F53526 100%, #FD7F2E 100%);
|
|
|
|
|
|
.left_img {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
padding: 0 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
height: 88rpx;
|
|
|
|
|
|
|
|
|
.title_oage {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
color: #fff;
|
|
|
font-weight: 500;
|
|
|
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.health {
|
|
|
width: 100%;
|
|
|
|
|
|
.btd {
|
|
|
width: 100%;
|
|
|
height: 380rpx;
|
|
|
background: url('https://car.goorcar.com/assets/static/img/v-q.png') no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
padding: 0 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.searchbox {
|
|
|
width: 100%;
|
|
|
|
|
|
.searchinput {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
border-radius: 28rpx;
|
|
|
background-color: #fff;
|
|
|
padding: 10rpx 20rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.searchicon {
|
|
|
width: 32rpx;
|
|
|
height: 32rpx;
|
|
|
}
|
|
|
|
|
|
input {
|
|
|
flex: 1;
|
|
|
text-indent: 20rpx;
|
|
|
height: 100%;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.top_tit {
|
|
|
width: 100%;
|
|
|
// padding: 0 32rpx;
|
|
|
// box-sizing: border-box;
|
|
|
|
|
|
.tit_list {
|
|
|
width: 100%;
|
|
|
height: 60rpx;
|
|
|
opacity: 0.6;
|
|
|
background: #db1d0e;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
margin-top: 14rpx;
|
|
|
|
|
|
.tit_item {
|
|
|
height: 60rpx;
|
|
|
flex: 1;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
|
|
|
image {
|
|
|
width: 40rpx;
|
|
|
height: 40rpx;
|
|
|
margin-right: 12rpx;
|
|
|
}
|
|
|
|
|
|
.item_names {
|
|
|
font-size: 28rpx;
|
|
|
color: #fff;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.btd_box {
|
|
|
margin-top: 26rpx;
|
|
|
width: 100%;
|
|
|
background: #ffffff;
|
|
|
padding: 0 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
border-radius: 12rpx;
|
|
|
box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(247, 77, 40, 0.09);
|
|
|
|
|
|
.ress_btd {
|
|
|
width: 100%;
|
|
|
padding-top: 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
border-bottom: 1rpx solid #f2f2f2;
|
|
|
|
|
|
.ress_a {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
|
.ress_b {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.ress_b_name {
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Bold;
|
|
|
font-weight: bold;
|
|
|
text-align: left;
|
|
|
color: #06121f;
|
|
|
}
|
|
|
|
|
|
image {
|
|
|
width: 32rpx;
|
|
|
height: 32rpx;
|
|
|
margin-left: 5rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.ress_c {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
image {
|
|
|
width: 32rpx;
|
|
|
height: 32rpx;
|
|
|
}
|
|
|
|
|
|
.ress_c_name {
|
|
|
margin-left: 8rpx;
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
color: #06121e;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.ress_d {
|
|
|
width: 100%;
|
|
|
padding: 28rpx 0;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
image {
|
|
|
width: 32rpx;
|
|
|
height: 32rpx;
|
|
|
margin-right: 16rpx;
|
|
|
}
|
|
|
|
|
|
.ress_d_name {
|
|
|
flex: 1;
|
|
|
font-size: 24rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
text-align: left;
|
|
|
color: #5b5e63;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.kefus {
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
.ress_bte {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
padding: 30rpx 0 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.ress_btn {
|
|
|
flex: 1;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
padding: 10rpx 0;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
image {
|
|
|
width: 80rpx;
|
|
|
height: 80rpx;
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
|
|
|
.ress_r {
|
|
|
flex: 1;
|
|
|
padding-left: 16rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
flex-direction: column;
|
|
|
height: 80rpx;
|
|
|
|
|
|
.ress_f {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.ress_f_name1 {
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Medium;
|
|
|
font-weight: 500;
|
|
|
text-align: left;
|
|
|
color: #06121e;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ress_f_name2 {
|
|
|
font-size: 24rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
color: #5b5e63;
|
|
|
margin-left: 16rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.ress_g {
|
|
|
width: 100%;
|
|
|
padding: 0 10rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
.ress_m_box {
|
|
|
flex: 1;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
image {
|
|
|
width: 40rpx;
|
|
|
height: 40rpx;
|
|
|
}
|
|
|
|
|
|
.transparent {
|
|
|
background: transparent;
|
|
|
position: absolute;
|
|
|
top: 0rpx;
|
|
|
left: 0;
|
|
|
width: 100%;
|
|
|
height: 40rpx;
|
|
|
padding: 0;
|
|
|
// border: 1rpx solid #f53526;
|
|
|
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.kun_kfu {
|
|
|
width: 100%;
|
|
|
height: 160rpx;
|
|
|
font-size: 28rpx;
|
|
|
color: #5b5e63;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
// 分类
|
|
|
.cate {
|
|
|
display: flex;
|
|
|
padding: 30rpx 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
border-radius: 12rpx;
|
|
|
margin-top: 100rpx;
|
|
|
|
|
|
.catePublic {
|
|
|
width: 128rpx;
|
|
|
height: 128rpx;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
background-color: #fff;
|
|
|
margin-right: 12rpx;
|
|
|
border-radius: 8rpx;
|
|
|
box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.08);
|
|
|
|
|
|
.publicImg {
|
|
|
width: 52rpx;
|
|
|
height: 52rpx;
|
|
|
}
|
|
|
|
|
|
.cate_public {
|
|
|
font-size: 24rpx;
|
|
|
margin-top: 14rpx;
|
|
|
}
|
|
|
|
|
|
&:last-child {
|
|
|
margin: 0;
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.wai_star {
|
|
|
width: 100%;
|
|
|
padding: 0 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.star_chan {
|
|
|
width: 100%;
|
|
|
border-radius: 8rpx;
|
|
|
|
|
|
.star_names {
|
|
|
width: 100%;
|
|
|
position: relative;
|
|
|
font-size: 32rpx;
|
|
|
color: #06121F;
|
|
|
font-weight: 600;
|
|
|
padding-left: 12rpx;
|
|
|
padding-bottom: 20rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
|
&::after {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
top: 8rpx;
|
|
|
left: 0;
|
|
|
width: 6rpx;
|
|
|
height: 30rpx;
|
|
|
background: #E8370F;
|
|
|
border-radius: 4rpx;
|
|
|
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.star_list {
|
|
|
width: 100%;
|
|
|
// padding: 20rpx 0 20rpx 20rpx;
|
|
|
// box-sizing: border-box;
|
|
|
|
|
|
.scroll_view_H {
|
|
|
.buyclassimgs {
|
|
|
width: 750rpx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
|
.imgzU {
|
|
|
margin-right: 24rpx;
|
|
|
width: 382rpx;
|
|
|
height: 180rpx;
|
|
|
flex-shrink: 0;
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
border-radius: 8rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.week_hot {
|
|
|
width: 100%;
|
|
|
padding: 0 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.star_name {
|
|
|
font-size: 32rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Medium;
|
|
|
font-weight: 600;
|
|
|
text-align: left;
|
|
|
color: #06121f;
|
|
|
position: relative;
|
|
|
width: 100%;
|
|
|
padding: 28rpx 0 28rpx 16rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
&::after {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
top: 36rpx;
|
|
|
left: 0;
|
|
|
width: 6rpx;
|
|
|
height: 30rpx;
|
|
|
background-color: #E8370F;
|
|
|
border-radius: 4rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.week_box {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.left_big {
|
|
|
width: 50%;
|
|
|
margin-right: 20rpx;
|
|
|
border-radius: 24rpx;
|
|
|
|
|
|
.car_name {
|
|
|
width: 100%;
|
|
|
font-size: 24rpx;
|
|
|
color: #06121F;
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.car_name_price {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
|
|
|
.pt {
|
|
|
display: flex;
|
|
|
align-items: baseline;
|
|
|
|
|
|
.pt_icon {
|
|
|
font-size: 20rpx;
|
|
|
color: #E8370F;
|
|
|
}
|
|
|
|
|
|
.pt_price {
|
|
|
font-size: 28rpx;
|
|
|
color: #E8370F;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.car_down_img {
|
|
|
width: 100%;
|
|
|
|
|
|
image {
|
|
|
width: 304rpx;
|
|
|
height: 172rpx;
|
|
|
// width: 100%;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
height: 336rpx;
|
|
|
border-radius: 24rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.rt_box {
|
|
|
width: 50%;
|
|
|
|
|
|
.ry_top {
|
|
|
border-radius: 24rpx;
|
|
|
|
|
|
.set_ti {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
.ti_img {
|
|
|
width: 138rpx;
|
|
|
height: 78rpx;
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.ti_text {
|
|
|
flex: 1;
|
|
|
font-size: 24rpx;
|
|
|
color: #06121F;
|
|
|
padding: 0 15rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
height: 162rpx;
|
|
|
border-radius: 24rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.ry_down {
|
|
|
width: 100%;
|
|
|
margin-top: 20rpx;
|
|
|
border-radius: 24rpx;
|
|
|
|
|
|
.set_ti {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
.ti_img {
|
|
|
width: 138rpx;
|
|
|
height: 78rpx;
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.ti_text {
|
|
|
flex: 1;
|
|
|
padding: 0 15rpx;
|
|
|
box-sizing: border-box;
|
|
|
font-size: 24rpx;
|
|
|
color: #06121F;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
height: 142rpx;
|
|
|
border-radius: 24rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.hot_stores {
|
|
|
width: 100%;
|
|
|
padding: 0 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.love_car {
|
|
|
width: 100%;
|
|
|
padding: 32rpx 0rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
|
|
|
.car_name {
|
|
|
font-size: 32rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Medium;
|
|
|
font-weight: 600;
|
|
|
text-align: left;
|
|
|
color: #06121f;
|
|
|
position: relative;
|
|
|
padding-left: 16rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
&::after {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
top: 8rpx;
|
|
|
left: 0;
|
|
|
width: 6rpx;
|
|
|
height: 30rpx;
|
|
|
background-color: #E8370F;
|
|
|
border-radius: 4rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.car_more {
|
|
|
font-size: 24rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
color: #5b5e63;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.list_ {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
padding: 30rpx 32rpx;
|
|
|
background: #ffffff;
|
|
|
border-radius: 8rpx;
|
|
|
margin-bottom: 20rpx;
|
|
|
|
|
|
.list_store {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
|
|
|
.store_content {
|
|
|
margin-bottom: 20rpx;
|
|
|
|
|
|
.item_name {
|
|
|
font-size: 28rpx;
|
|
|
line-height: 40rpx;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.store_price {
|
|
|
font-size: 32rpx;
|
|
|
line-height: 44rpx;
|
|
|
color: #E8370F;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
.change {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
|
|
|
.btn_1 {
|
|
|
width: 164rpx;
|
|
|
height: 60rpx;
|
|
|
margin: 10rpx 0;
|
|
|
line-height: 60rpx;
|
|
|
padding: 0;
|
|
|
font-weight: 400;
|
|
|
font-size: 28rpx;
|
|
|
}
|
|
|
|
|
|
.btn_3 {
|
|
|
background-color: #E8370F;
|
|
|
color: #fff;
|
|
|
}
|
|
|
|
|
|
.btn_2 {
|
|
|
border: 2rpx solid #E8370F;
|
|
|
color: #E8370F;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.new_car {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
|
|
|
.nv_item {
|
|
|
width: 48%;
|
|
|
padding: 0 0 20rpx;
|
|
|
box-sizing: border-box;
|
|
|
margin-bottom: 20rpx;
|
|
|
background-color: #fff;
|
|
|
border-radius: 20rpx;
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
height: 280rpx;
|
|
|
flex-shrink: 0;
|
|
|
border-top-left-radius: 10rpx;
|
|
|
border-top-right-radius: 10rpx;
|
|
|
}
|
|
|
|
|
|
.big_titles {
|
|
|
width: 100%;
|
|
|
padding: 5rpx 10rpx 0;
|
|
|
box-sizing: border-box;
|
|
|
font-size: 28rpx;
|
|
|
color: #323233;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.pri_box {
|
|
|
width: 100%;
|
|
|
padding: 5rpx 10rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.store_guide_price {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.think_price {
|
|
|
font-size: 24rpx;
|
|
|
line-height: 34rpx;
|
|
|
margin-right: 10rpx;
|
|
|
color: #5b5e63;
|
|
|
|
|
|
}
|
|
|
|
|
|
.imgs_downArrow {
|
|
|
margin-top: 5rpx;
|
|
|
height: 24rpx;
|
|
|
line-height: 44rpx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
flex-shrink: 0;
|
|
|
|
|
|
.imgs_down {
|
|
|
width: 33rpx;
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
text {
|
|
|
font-size: 24rpx;
|
|
|
color: #00C116;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.store_price {
|
|
|
display: flex;
|
|
|
align-items: baseline;
|
|
|
|
|
|
.pt_icon {
|
|
|
font-size: 24rpx;
|
|
|
color: #E8370F;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.pt_price {
|
|
|
font-size: 32rpx;
|
|
|
color: #E8370F;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
&:nth-child(2n+1) {
|
|
|
margin-right: 24rpx;
|
|
|
}
|
|
|
|
|
|
&:nth-child(2n+2) {
|
|
|
margin-right: 0;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.car_love,
|
|
|
.armature_love {
|
|
|
width: 100%;
|
|
|
padding: 0 18rpx;
|
|
|
box-sizing: border-box;
|
|
|
margin-top: 20rpx;
|
|
|
|
|
|
.love_car {
|
|
|
width: 100%;
|
|
|
padding: 32rpx 14rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
|
|
|
.car_name {
|
|
|
font-size: 32rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Medium;
|
|
|
font-weight: 600;
|
|
|
text-align: left;
|
|
|
color: #06121f;
|
|
|
position: relative;
|
|
|
padding-left: 16rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
&::after {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
top: 8rpx;
|
|
|
left: 0;
|
|
|
width: 6rpx;
|
|
|
height: 30rpx;
|
|
|
background-color: #E8370F;
|
|
|
border-radius: 4rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.car_more {
|
|
|
font-size: 24rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
color: #5b5e63;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.car_list {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
.item_car {
|
|
|
width: 48%;
|
|
|
background: #ffffff;
|
|
|
border-radius: 20rpx;
|
|
|
margin-bottom: 24rpx;
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
height: 332rpx;
|
|
|
border-radius: 20rpx 20rpx 0 0;
|
|
|
}
|
|
|
|
|
|
.down_car_box {
|
|
|
width: 100%;
|
|
|
padding: 16rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.car_text {
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
text-align: left;
|
|
|
color: #06121e;
|
|
|
line-height: 40rpx;
|
|
|
}
|
|
|
|
|
|
.pt_box {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: baseline;
|
|
|
|
|
|
.pt {
|
|
|
display: flex;
|
|
|
align-items: baseline;
|
|
|
|
|
|
.pt_icon {
|
|
|
font-size: 26rpx;
|
|
|
color: #E8370F;
|
|
|
font-weight: 600;
|
|
|
|
|
|
}
|
|
|
|
|
|
.pt_price {
|
|
|
font-size: 36rpx;
|
|
|
color: #E8370F;
|
|
|
font-weight: 600;
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.del {
|
|
|
margin-left: 30rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #8C9198;
|
|
|
text-decoration: line-through;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
&:nth-child(2n+1) {
|
|
|
margin-right: 24rpx;
|
|
|
}
|
|
|
|
|
|
&:nth-child(2n+2) {
|
|
|
margin-right: 0;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.car_liss {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
.footlist_a {
|
|
|
width: 100%;
|
|
|
position: relative;
|
|
|
border-top-left-radius: 10rpx;
|
|
|
border-top-right-radius: 10rpx;
|
|
|
|
|
|
.foot_left_a {
|
|
|
float: left;
|
|
|
width: 50%;
|
|
|
padding: 24rpx 14rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.footbox {
|
|
|
width: 100%;
|
|
|
margin: 0 auto 20rpx;
|
|
|
background: #fff;
|
|
|
position: relative;
|
|
|
border-radius: 20rpx;
|
|
|
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
border-top-left-radius: 10rpx;
|
|
|
border-top-right-radius: 10rpx;
|
|
|
}
|
|
|
|
|
|
.text_bx {
|
|
|
width: 100%;
|
|
|
padding: 0 18rpx 20rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.ster_nams {
|
|
|
width: 100%;
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
text-align: left;
|
|
|
color: #06121e;
|
|
|
line-height: 40rpx;
|
|
|
}
|
|
|
|
|
|
.cen_tite {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
padding: 20rpx 0;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
|
.lis_title {
|
|
|
padding: 5rpx 14rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
font-size: 22rpx;
|
|
|
color: #fff;
|
|
|
background-color: #F02928;
|
|
|
border-radius: 4rpx;
|
|
|
}
|
|
|
|
|
|
.stay {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
.numbe {
|
|
|
font-size: 22rpx;
|
|
|
color: #E8370F;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ber_name {
|
|
|
font-size: 22rpx;
|
|
|
color: #06121E;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.price_bx {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.pt {
|
|
|
display: flex;
|
|
|
align-items: baseline;
|
|
|
|
|
|
.pt_icon {
|
|
|
font-size: 22rpx;
|
|
|
color: #FF4444;
|
|
|
font-weight: 500;
|
|
|
|
|
|
}
|
|
|
|
|
|
.pt_price {
|
|
|
font-size: 28rpx;
|
|
|
color: #FF4444;
|
|
|
font-weight: 500;
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.del {
|
|
|
margin-left: 30rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #5B5E63;
|
|
|
text-decoration: line-through;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.foot_right_a {
|
|
|
float: left;
|
|
|
width: 50%;
|
|
|
padding: 24rpx 14rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.footbox {
|
|
|
width: 100%;
|
|
|
margin: 0 auto 20rpx;
|
|
|
background: #fff;
|
|
|
position: relative;
|
|
|
border-radius: 20rpx;
|
|
|
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
border-top-left-radius: 10rpx;
|
|
|
border-top-right-radius: 10rpx;
|
|
|
}
|
|
|
|
|
|
.text_bx {
|
|
|
width: 100%;
|
|
|
padding: 0 18rpx 20rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.ster_nams {
|
|
|
width: 100%;
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
text-align: left;
|
|
|
color: #06121e;
|
|
|
line-height: 40rpx;
|
|
|
}
|
|
|
|
|
|
.cen_tite {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
padding: 20rpx 0;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
|
.lis_title {
|
|
|
padding: 5rpx 14rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
font-size: 22rpx;
|
|
|
color: #fff;
|
|
|
background-color: #F02928;
|
|
|
border-radius: 4rpx;
|
|
|
}
|
|
|
|
|
|
.stay {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
.numbe {
|
|
|
font-size: 22rpx;
|
|
|
color: #E8370F;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ber_name {
|
|
|
font-size: 22rpx;
|
|
|
color: #06121E;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.price_bx {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.pt {
|
|
|
display: flex;
|
|
|
align-items: baseline;
|
|
|
|
|
|
.pt_icon {
|
|
|
font-size: 22rpx;
|
|
|
color: #FF4444;
|
|
|
font-weight: 500;
|
|
|
|
|
|
}
|
|
|
|
|
|
.pt_price {
|
|
|
font-size: 28rpx;
|
|
|
color: #FF4444;
|
|
|
font-weight: 500;
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.del {
|
|
|
margin-left: 30rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #5B5E63;
|
|
|
text-decoration: line-through;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
&::after {
|
|
|
content: '';
|
|
|
clear: both;
|
|
|
display: block;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.tesst {
|
|
|
width: 100%;
|
|
|
padding: 20rpx 0;
|
|
|
text-align: center;
|
|
|
font-size: 28rpx;
|
|
|
color: #8C9198;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.noBinding {
|
|
|
width: 100%;
|
|
|
|
|
|
.s_empty {
|
|
|
width: 100%;
|
|
|
|
|
|
.banner_img {
|
|
|
margin: 200rpx 130rpx 100rpx 130rpx;
|
|
|
height: 346rpx;
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.banner_img_title {
|
|
|
margin-bottom: 100rpx;
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
padding: 0 70rpx;
|
|
|
|
|
|
.text_title {
|
|
|
font-size: 28rpx;
|
|
|
font-weight: 400;
|
|
|
line-height: 60rpx;
|
|
|
color: #3D444C;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
.slj {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
|
|
|
.btn {
|
|
|
color: #fff;
|
|
|
background-color: #E8370F;
|
|
|
width: 378rpx;
|
|
|
height: 88rpx;
|
|
|
margin: 50rpx auto;
|
|
|
padding: 0;
|
|
|
font-weight: 400;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
page {
|
|
|
background: #f9f9f9;
|
|
|
}
|
|
|
|
|
|
.container {
|
|
|
width: 100%;
|
|
|
|
|
|
.header {
|
|
|
width: 100%;
|
|
|
// background: #f53526;
|
|
|
background: linear-gradient(180deg, #F53526 100%, #FD7F2E 100%);
|
|
|
|
|
|
.left_img {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
padding: 0 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
height: 88rpx;
|
|
|
|
|
|
|
|
|
.title_oage {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
color: #fff;
|
|
|
font-weight: 500;
|
|
|
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.health {
|
|
|
width: 100%;
|
|
|
|
|
|
.btd {
|
|
|
width: 100%;
|
|
|
height: 380rpx;
|
|
|
background: url('https://car.goorcar.com/assets/static/img/v-q.png') no-repeat;
|
|
|
background-size: 100% 100%;
|
|
|
padding: 0 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.searchbox {
|
|
|
width: 100%;
|
|
|
|
|
|
.searchinput {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
border-radius: 28rpx;
|
|
|
background-color: #fff;
|
|
|
padding: 10rpx 20rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.searchicon {
|
|
|
width: 32rpx;
|
|
|
height: 32rpx;
|
|
|
}
|
|
|
|
|
|
input {
|
|
|
flex: 1;
|
|
|
text-indent: 20rpx;
|
|
|
height: 100%;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.top_tit {
|
|
|
width: 100%;
|
|
|
// padding: 0 32rpx;
|
|
|
// box-sizing: border-box;
|
|
|
|
|
|
.tit_list {
|
|
|
width: 100%;
|
|
|
height: 60rpx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
margin-top: 14rpx;
|
|
|
|
|
|
.tit_item {
|
|
|
height: 60rpx;
|
|
|
flex: 1;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
|
|
|
image {
|
|
|
width: 40rpx;
|
|
|
height: 40rpx;
|
|
|
margin-right: 12rpx;
|
|
|
}
|
|
|
|
|
|
.item_names {
|
|
|
font-size: 28rpx;
|
|
|
color: #FCCD56;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.btd_box {
|
|
|
margin-top: 16rpx;
|
|
|
width: 100%;
|
|
|
background: #ffffff;
|
|
|
padding: 0 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
border-radius: 12rpx;
|
|
|
box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(247, 77, 40, 0.09);
|
|
|
|
|
|
.ress_btd {
|
|
|
width: 100%;
|
|
|
padding-top: 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
border-bottom: 1rpx solid #f2f2f2;
|
|
|
|
|
|
.ress_a {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
|
|
|
|
|
|
.ress_b {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.ress_b_name {
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Bold;
|
|
|
font-weight: bold;
|
|
|
text-align: left;
|
|
|
color: #06121f;
|
|
|
}
|
|
|
|
|
|
image {
|
|
|
width: 32rpx;
|
|
|
height: 32rpx;
|
|
|
margin-left: 5rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.ress_c {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
image {
|
|
|
width: 32rpx;
|
|
|
height: 32rpx;
|
|
|
}
|
|
|
|
|
|
.ress_c_name {
|
|
|
margin-left: 8rpx;
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
color: #06121e;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.ress_d {
|
|
|
width: 100%;
|
|
|
padding: 28rpx 0;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
image {
|
|
|
width: 32rpx;
|
|
|
height: 32rpx;
|
|
|
margin-right: 16rpx;
|
|
|
}
|
|
|
|
|
|
.ress_d_name {
|
|
|
flex: 1;
|
|
|
font-size: 24rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
text-align: left;
|
|
|
color: #5b5e63;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.kefus {
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
|
.ress_bte {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
padding: 30rpx 0 30rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.ress_btn {
|
|
|
flex: 1;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
padding: 10rpx 0;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
image {
|
|
|
width: 80rpx;
|
|
|
height: 80rpx;
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
|
|
|
.ress_r {
|
|
|
flex: 1;
|
|
|
padding-left: 16rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
flex-direction: column;
|
|
|
height: 80rpx;
|
|
|
|
|
|
.ress_f {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.ress_f_name1 {
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Medium;
|
|
|
font-weight: 500;
|
|
|
text-align: left;
|
|
|
color: #06121e;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ress_f_name2 {
|
|
|
font-size: 24rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
color: #5b5e63;
|
|
|
margin-left: 16rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.ress_g {
|
|
|
width: 100%;
|
|
|
padding: 0 10rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
.ress_m_box {
|
|
|
flex: 1;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
image {
|
|
|
width: 40rpx;
|
|
|
height: 40rpx;
|
|
|
}
|
|
|
|
|
|
.transparent {
|
|
|
background: transparent;
|
|
|
position: absolute;
|
|
|
top: 0rpx;
|
|
|
left: 0;
|
|
|
width: 100%;
|
|
|
height: 40rpx;
|
|
|
padding: 0;
|
|
|
// border: 1rpx solid #f53526;
|
|
|
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.kun_kfu {
|
|
|
width: 100%;
|
|
|
height: 160rpx;
|
|
|
font-size: 28rpx;
|
|
|
color: #5b5e63;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
// 分类
|
|
|
.cate {
|
|
|
display: flex;
|
|
|
padding: 30rpx 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
border-radius: 12rpx;
|
|
|
margin-top: 100rpx;
|
|
|
|
|
|
.catePublic {
|
|
|
width: 128rpx;
|
|
|
height: 128rpx;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
background-color: #fff;
|
|
|
margin-right: 12rpx;
|
|
|
border-radius: 8rpx;
|
|
|
box-shadow: 0rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.08);
|
|
|
|
|
|
.publicImg {
|
|
|
width: 52rpx;
|
|
|
height: 52rpx;
|
|
|
}
|
|
|
|
|
|
.cate_public {
|
|
|
font-size: 24rpx;
|
|
|
margin-top: 14rpx;
|
|
|
}
|
|
|
|
|
|
&:last-child {
|
|
|
margin: 0;
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.wai_star {
|
|
|
width: 100%;
|
|
|
padding: 0 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.star_chan {
|
|
|
width: 100%;
|
|
|
border-radius: 8rpx;
|
|
|
|
|
|
.star_names {
|
|
|
width: 100%;
|
|
|
position: relative;
|
|
|
font-size: 32rpx;
|
|
|
color: #06121F;
|
|
|
font-weight: 600;
|
|
|
padding-left: 12rpx;
|
|
|
padding-bottom: 20rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
|
&::after {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
top: 8rpx;
|
|
|
left: 0;
|
|
|
width: 6rpx;
|
|
|
height: 30rpx;
|
|
|
background: #E8370F;
|
|
|
border-radius: 4rpx;
|
|
|
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.star_list {
|
|
|
width: 100%;
|
|
|
// padding: 20rpx 0 20rpx 20rpx;
|
|
|
// box-sizing: border-box;
|
|
|
|
|
|
.scroll_view_H {
|
|
|
.buyclassimgs {
|
|
|
width: 750rpx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
flex-wrap: nowrap;
|
|
|
|
|
|
.imgzU {
|
|
|
margin-right: 24rpx;
|
|
|
width: 382rpx;
|
|
|
height: 180rpx;
|
|
|
flex-shrink: 0;
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
border-radius: 8rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.week_hot {
|
|
|
width: 100%;
|
|
|
padding: 0 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.star_name {
|
|
|
font-size: 32rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Medium;
|
|
|
font-weight: 600;
|
|
|
text-align: left;
|
|
|
color: #06121f;
|
|
|
position: relative;
|
|
|
width: 100%;
|
|
|
padding: 28rpx 0 28rpx 16rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
&::after {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
top: 36rpx;
|
|
|
left: 0;
|
|
|
width: 6rpx;
|
|
|
height: 30rpx;
|
|
|
background-color: #E8370F;
|
|
|
border-radius: 4rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.week_box {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.left_big {
|
|
|
width: 50%;
|
|
|
margin-right: 20rpx;
|
|
|
border-radius: 24rpx;
|
|
|
|
|
|
.car_name {
|
|
|
width: 100%;
|
|
|
font-size: 24rpx;
|
|
|
color: #06121F;
|
|
|
text-align: center;
|
|
|
|
|
|
}
|
|
|
|
|
|
.car_name_price {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
|
|
|
.pt {
|
|
|
display: flex;
|
|
|
align-items: baseline;
|
|
|
|
|
|
.pt_icon {
|
|
|
font-size: 20rpx;
|
|
|
color: #E8370F;
|
|
|
}
|
|
|
|
|
|
.pt_price {
|
|
|
font-size: 28rpx;
|
|
|
color: #E8370F;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.car_down_img {
|
|
|
width: 100%;
|
|
|
|
|
|
image {
|
|
|
width: 304rpx;
|
|
|
height: 172rpx;
|
|
|
// width: 100%;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
height: 336rpx;
|
|
|
border-radius: 24rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.rt_box {
|
|
|
width: 50%;
|
|
|
|
|
|
.ry_top {
|
|
|
border-radius: 24rpx;
|
|
|
|
|
|
.set_ti {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
.ti_img {
|
|
|
width: 138rpx;
|
|
|
height: 78rpx;
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.ti_text {
|
|
|
flex: 1;
|
|
|
font-size: 24rpx;
|
|
|
color: #06121F;
|
|
|
padding: 0 15rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
height: 162rpx;
|
|
|
border-radius: 24rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.ry_down {
|
|
|
width: 100%;
|
|
|
margin-top: 20rpx;
|
|
|
border-radius: 24rpx;
|
|
|
|
|
|
.set_ti {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
.ti_img {
|
|
|
width: 138rpx;
|
|
|
height: 78rpx;
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.ti_text {
|
|
|
flex: 1;
|
|
|
padding: 0 15rpx;
|
|
|
box-sizing: border-box;
|
|
|
font-size: 24rpx;
|
|
|
color: #06121F;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
height: 142rpx;
|
|
|
border-radius: 24rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.hot_stores {
|
|
|
width: 100%;
|
|
|
padding: 0 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.love_car {
|
|
|
width: 100%;
|
|
|
padding: 32rpx 0rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
|
|
|
.car_name {
|
|
|
font-size: 32rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Medium;
|
|
|
font-weight: 600;
|
|
|
text-align: left;
|
|
|
color: #06121f;
|
|
|
position: relative;
|
|
|
padding-left: 16rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
&::after {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
top: 8rpx;
|
|
|
left: 0;
|
|
|
width: 6rpx;
|
|
|
height: 30rpx;
|
|
|
background-color: #E8370F;
|
|
|
border-radius: 4rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.car_more {
|
|
|
font-size: 24rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
color: #5b5e63;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.list_ {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
padding: 30rpx 32rpx;
|
|
|
background: #ffffff;
|
|
|
border-radius: 8rpx;
|
|
|
margin-bottom: 20rpx;
|
|
|
|
|
|
.list_store {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
|
|
|
.store_content {
|
|
|
margin-bottom: 20rpx;
|
|
|
|
|
|
.item_name {
|
|
|
font-size: 28rpx;
|
|
|
line-height: 40rpx;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.store_price {
|
|
|
font-size: 32rpx;
|
|
|
line-height: 44rpx;
|
|
|
color: #E8370F;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
.change {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
|
|
|
.btn_1 {
|
|
|
width: 164rpx;
|
|
|
height: 60rpx;
|
|
|
margin: 10rpx 0;
|
|
|
line-height: 60rpx;
|
|
|
padding: 0;
|
|
|
font-weight: 400;
|
|
|
font-size: 28rpx;
|
|
|
}
|
|
|
|
|
|
.btn_3 {
|
|
|
background-color: #E8370F;
|
|
|
color: #fff;
|
|
|
}
|
|
|
|
|
|
.btn_2 {
|
|
|
border: 2rpx solid #E8370F;
|
|
|
color: #E8370F;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.new_car {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
|
|
|
.nv_item {
|
|
|
width: 48%;
|
|
|
padding: 0 0 20rpx;
|
|
|
box-sizing: border-box;
|
|
|
margin-bottom: 20rpx;
|
|
|
background-color: #fff;
|
|
|
border-radius: 20rpx;
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
height: 280rpx;
|
|
|
flex-shrink: 0;
|
|
|
border-top-left-radius: 10rpx;
|
|
|
border-top-right-radius: 10rpx;
|
|
|
}
|
|
|
|
|
|
.big_titles {
|
|
|
width: 100%;
|
|
|
padding: 5rpx 10rpx 0;
|
|
|
box-sizing: border-box;
|
|
|
font-size: 28rpx;
|
|
|
color: #323233;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.pri_box {
|
|
|
width: 100%;
|
|
|
padding: 5rpx 10rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.store_guide_price {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.think_price {
|
|
|
font-size: 24rpx;
|
|
|
line-height: 34rpx;
|
|
|
margin-right: 10rpx;
|
|
|
color: #5b5e63;
|
|
|
|
|
|
}
|
|
|
|
|
|
.imgs_downArrow {
|
|
|
margin-top: 5rpx;
|
|
|
height: 24rpx;
|
|
|
line-height: 44rpx;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
flex-shrink: 0;
|
|
|
|
|
|
.imgs_down {
|
|
|
width: 33rpx;
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
text {
|
|
|
font-size: 24rpx;
|
|
|
color: #00C116;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.store_price {
|
|
|
display: flex;
|
|
|
align-items: baseline;
|
|
|
|
|
|
.pt_icon {
|
|
|
font-size: 24rpx;
|
|
|
color: #E8370F;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
|
|
|
.pt_price {
|
|
|
font-size: 32rpx;
|
|
|
color: #E8370F;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
&:nth-child(2n+1) {
|
|
|
margin-right: 24rpx;
|
|
|
}
|
|
|
|
|
|
&:nth-child(2n+2) {
|
|
|
margin-right: 0;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.car_love,
|
|
|
.armature_love {
|
|
|
width: 100%;
|
|
|
padding: 0 18rpx;
|
|
|
box-sizing: border-box;
|
|
|
margin-top: 20rpx;
|
|
|
|
|
|
.love_car {
|
|
|
width: 100%;
|
|
|
padding: 32rpx 14rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
|
|
|
.car_name {
|
|
|
font-size: 32rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Medium;
|
|
|
font-weight: 600;
|
|
|
text-align: left;
|
|
|
color: #06121f;
|
|
|
position: relative;
|
|
|
padding-left: 16rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
&::after {
|
|
|
content: '';
|
|
|
position: absolute;
|
|
|
top: 8rpx;
|
|
|
left: 0;
|
|
|
width: 6rpx;
|
|
|
height: 30rpx;
|
|
|
background-color: #E8370F;
|
|
|
border-radius: 4rpx;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.car_more {
|
|
|
font-size: 24rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
color: #5b5e63;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.car_list {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
.item_car {
|
|
|
width: 48%;
|
|
|
background: #ffffff;
|
|
|
border-radius: 20rpx;
|
|
|
margin-bottom: 24rpx;
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
height: 332rpx;
|
|
|
border-radius: 20rpx 20rpx 0 0;
|
|
|
}
|
|
|
|
|
|
.down_car_box {
|
|
|
width: 100%;
|
|
|
padding: 16rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.car_text {
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
text-align: left;
|
|
|
color: #06121e;
|
|
|
line-height: 40rpx;
|
|
|
}
|
|
|
|
|
|
.pt_box {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: baseline;
|
|
|
|
|
|
.pt {
|
|
|
display: flex;
|
|
|
align-items: baseline;
|
|
|
|
|
|
.pt_icon {
|
|
|
font-size: 26rpx;
|
|
|
color: #E8370F;
|
|
|
font-weight: 600;
|
|
|
|
|
|
}
|
|
|
|
|
|
.pt_price {
|
|
|
font-size: 36rpx;
|
|
|
color: #E8370F;
|
|
|
font-weight: 600;
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.del {
|
|
|
margin-left: 30rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #8C9198;
|
|
|
text-decoration: line-through;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
&:nth-child(2n+1) {
|
|
|
margin-right: 24rpx;
|
|
|
}
|
|
|
|
|
|
&:nth-child(2n+2) {
|
|
|
margin-right: 0;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.car_liss {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
.footlist_a {
|
|
|
width: 100%;
|
|
|
position: relative;
|
|
|
border-top-left-radius: 10rpx;
|
|
|
border-top-right-radius: 10rpx;
|
|
|
|
|
|
.foot_left_a {
|
|
|
float: left;
|
|
|
width: 50%;
|
|
|
padding: 24rpx 14rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.footbox {
|
|
|
width: 100%;
|
|
|
margin: 0 auto 20rpx;
|
|
|
background: #fff;
|
|
|
position: relative;
|
|
|
border-radius: 20rpx;
|
|
|
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
border-top-left-radius: 10rpx;
|
|
|
border-top-right-radius: 10rpx;
|
|
|
}
|
|
|
|
|
|
.text_bx {
|
|
|
width: 100%;
|
|
|
padding: 0 18rpx 20rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.ster_nams {
|
|
|
width: 100%;
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
text-align: left;
|
|
|
color: #06121e;
|
|
|
line-height: 40rpx;
|
|
|
}
|
|
|
|
|
|
.cen_tite {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
padding: 20rpx 0;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
|
.lis_title {
|
|
|
padding: 5rpx 14rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
font-size: 22rpx;
|
|
|
color: #fff;
|
|
|
background-color: #F02928;
|
|
|
border-radius: 4rpx;
|
|
|
}
|
|
|
|
|
|
.stay {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
.numbe {
|
|
|
font-size: 22rpx;
|
|
|
color: #E8370F;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ber_name {
|
|
|
font-size: 22rpx;
|
|
|
color: #06121E;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.price_bx {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.pt {
|
|
|
display: flex;
|
|
|
align-items: baseline;
|
|
|
|
|
|
.pt_icon {
|
|
|
font-size: 22rpx;
|
|
|
color: #FF4444;
|
|
|
font-weight: 500;
|
|
|
|
|
|
}
|
|
|
|
|
|
.pt_price {
|
|
|
font-size: 28rpx;
|
|
|
color: #FF4444;
|
|
|
font-weight: 500;
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.del {
|
|
|
margin-left: 30rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #5B5E63;
|
|
|
text-decoration: line-through;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.foot_right_a {
|
|
|
float: left;
|
|
|
width: 50%;
|
|
|
padding: 24rpx 14rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.footbox {
|
|
|
width: 100%;
|
|
|
margin: 0 auto 20rpx;
|
|
|
background: #fff;
|
|
|
position: relative;
|
|
|
border-radius: 20rpx;
|
|
|
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
border-top-left-radius: 10rpx;
|
|
|
border-top-right-radius: 10rpx;
|
|
|
}
|
|
|
|
|
|
.text_bx {
|
|
|
width: 100%;
|
|
|
padding: 0 18rpx 20rpx;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
.ster_nams {
|
|
|
width: 100%;
|
|
|
font-size: 28rpx;
|
|
|
font-family: PingFang SC,
|
|
|
PingFang SC-Regular;
|
|
|
font-weight: 400;
|
|
|
text-align: left;
|
|
|
color: #06121e;
|
|
|
line-height: 40rpx;
|
|
|
}
|
|
|
|
|
|
.cen_tite {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
padding: 20rpx 0;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
|
|
|
.lis_title {
|
|
|
padding: 5rpx 14rpx;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
font-size: 22rpx;
|
|
|
color: #fff;
|
|
|
background-color: #F02928;
|
|
|
border-radius: 4rpx;
|
|
|
}
|
|
|
|
|
|
.stay {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: flex-end;
|
|
|
|
|
|
.numbe {
|
|
|
font-size: 22rpx;
|
|
|
color: #E8370F;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ber_name {
|
|
|
font-size: 22rpx;
|
|
|
color: #06121E;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.price_bx {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
|
|
|
.pt {
|
|
|
display: flex;
|
|
|
align-items: baseline;
|
|
|
|
|
|
.pt_icon {
|
|
|
font-size: 22rpx;
|
|
|
color: #FF4444;
|
|
|
font-weight: 500;
|
|
|
|
|
|
}
|
|
|
|
|
|
.pt_price {
|
|
|
font-size: 28rpx;
|
|
|
color: #FF4444;
|
|
|
font-weight: 500;
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.del {
|
|
|
margin-left: 30rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #5B5E63;
|
|
|
text-decoration: line-through;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
&::after {
|
|
|
content: '';
|
|
|
clear: both;
|
|
|
display: block;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.tesst {
|
|
|
width: 100%;
|
|
|
padding: 20rpx 0;
|
|
|
text-align: center;
|
|
|
font-size: 28rpx;
|
|
|
color: #8C9198;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.noBinding {
|
|
|
width: 100%;
|
|
|
|
|
|
.s_empty {
|
|
|
width: 100%;
|
|
|
|
|
|
.banner_img {
|
|
|
margin: 200rpx 130rpx 100rpx 130rpx;
|
|
|
height: 346rpx;
|
|
|
|
|
|
image {
|
|
|
width: 100%;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.banner_img_title {
|
|
|
margin-bottom: 100rpx;
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
padding: 0 70rpx;
|
|
|
|
|
|
.text_title {
|
|
|
font-size: 28rpx;
|
|
|
font-weight: 400;
|
|
|
line-height: 60rpx;
|
|
|
color: #3D444C;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
.slj {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
|
|
|
.btn {
|
|
|
color: #fff;
|
|
|
background-color: #E8370F;
|
|
|
width: 378rpx;
|
|
|
height: 88rpx;
|
|
|
margin: 50rpx auto;
|
|
|
padding: 0;
|
|
|
font-weight: 400;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
} |
|
|
\ No newline at end of file |
...
|
...
|
|