zx_flk_app/component/carPlan/carPlan.css

.show-more {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100vh;
	background-color:rgba(0, 0, 0, 0.4);;
}

.more-info {
	border-radius: 40rpx 40rpx 0rpx 0rpx;
	overflow: hidden;
	z-index: 100;
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #FFF;
	height: 760rpx;
	padding: 40rpx 32rpx 48rpx;
}
.model-title{
	margin-bottom: 46rpx;
	align-items: flex-start;
}
.close-img{
	width: 60rpx;
	height: 60rpx;
	text-align: center;
	line-height: 60rpx;
	background: #F4F5F6;
	border-radius: 50%;
}
.car-model-detail{
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex-grow: 1;
	line-height: 1;
}
.car-model-price-view{
	font-weight: 400;
	font-size: 24rpx;
	color: #060809;
	margin: 10rpx 0;
}
.car-model-tip{
	font-weight: 400;
	font-size: 24rpx;
	color: #060809;
	opacity: 0.4;
}
.car-plan-title{
	font-weight: 400;
	font-size: 32rpx;
	color: #060809;
	margin-bottom: 32rpx;
}
.car-plan-list-view{
	overflow-x: auto;
	margin-bottom: 28rpx;
}
.car-plan-list{
	height: 158rpx;
	flex-direction: column;
	justify-content: center;
	background: #F3F8FF;
	border-radius: 16rpx;
	min-width: 158rpx;
	padding: 0 20rpx;
	border: 4rpx solid transparent;
	margin-right: 18rpx;
	box-sizing: border-box;
}
.car-plan-list-i{
	height: 158rpx;
	flex-direction: column;
	justify-content: center;
	background: #FFF;
	border-radius: 16rpx;
	min-width: 158rpx;
	padding: 0 20rpx;
	border: 4rpx solid #0A59F7;
	margin-right: 18rpx;
	box-sizing: border-box;
}
.car-plan-unit{
	font-weight: 400;
	font-size: 32rpx;
	color: #060809;
}
.car-plan-price{
	font-weight: 600;
	font-size: 32rpx;
	color: #060809;
}
.car-plan-unit-i{
	font-weight: 400;
	font-size: 32rpx;
	color: #0A59F7;
}
.car-plan-price-i{
	font-weight: 600;
	font-size: 32rpx;
	color: #FA2918;
}
.free-num-left{
	font-weight: 600;
	font-size: 32rpx;
	color: #060809;
}
.free-num{
	font-weight: 600;
	font-size: 32rpx;
	color: #0A59F7;
}
.free-num-tip{
	font-weight: 400;
	font-size: 24rpx;
	color: #828DA2;
}
.free-num-block{
	padding: 36rpx 34rpx 34rpx;
	background: #F4F5F6;
	border-radius: 24rpx;
	margin-bottom: 48rpx;
}
.plan-time > view:nth-of-type(1) {
	color: #2A3A5A;
	font-size: 32rpx;
	font-weight: bold;
}
.quantity-count > input {
	background: #F3F8FF;
	border-radius: 24rpx;
	width: 88rpx;
	height: 48rpx;
	text-align: center;
	font-weight: 600;
	font-size: 38rpx;
	color: #060809;
}
.total-time{
	font-weight: 600;
	font-size: 32rpx;
	color: #060809;
	margin-right: 8rpx;
}
.count-btn {
  width: 48rpx;
  height: 48rpx;
  vertical-align: middle;
}

.fbtn {
	color: #9FA7B7;
	margin-right: 16rpx;
}
.sbtn {
	/* color: #9FA7B7; */
	margin-left: 16rpx;
}
.car-color-view > view:nth-of-type(1) {
	font-weight: 400;
	font-size: 32rpx;
	color: #060809;
	margin-bottom: 32rpx;
}
.car-color-list{
	width: 158rpx;
	height: 80rpx;
	border-radius: 16rpx;
	font-weight: 400;
	font-size: 32rpx;
	text-align: center;
	line-height: 80rpx;
	border: 4rpx solid transparent;
	margin-right: 18rpx;
}
.car-color-i{
	background: #F3F8FF;
	color: #060809;
}
.car-color-s{
	background: #FFFFFF;
	border: 4rpx solid #0A59F7;
	color: #0A59F7;
}
.lift-btn-view{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 32rpx;
	width: 100%;
	height: 148rpx;
	position: relative;
	margin-bottom: 40rpx;
}
.lift-btn{
	height: 80rpx;
	display: flex;
	flex: 1;
	font-weight: 600;
	font-size: 32rpx;
	color: #FFF;
	font-family: PingFangSC, PingFang SC;
	background: #060809;
	border-radius: 40rpx;
	justify-content: center;
	align-items: center;
}