zx_flk_app/pages/index_1231/index.css

.container {
	padding-bottom: 140px;
}

.background-linear {
	width: 100%;
	min-height: 850rpx;
	background: linear-gradient( to bottom, #0074FF 0%, rgba(0,116,255,0) 50%);
}

.background-linear > image {
	width: 542rpx;
	height: 192rpx;
	margin-top: 76rpx;
	margin: 76rpx 104rpx 28rpx;
}

.hire-car {
	padding: 0 32rpx 32rpx;
}

.position-fa {
	position: relative;
}

.hireCar-way {
	width: 332rpx;
	height: 400rpx;
}

.img-text {
	position: absolute;
	top: 116rpx;
	left: 32rpx;
	font-size: 28rpx;
	color: #5E6F90;
}

.hire-tip {
	justify-content: center;
	align-items: center;
}

.tip-text {
	margin-right: 66rpx;
}

.hire-tip image {
	width: 28rpx;
	height: 32rpx;
	margin-right: 8rpx;
	vertical-align: middle;
}

.hire-tip text {
	color: #3F474D;
	font-size: 24rpx;
}

.hire-tab {
	margin: 24rpx 32rpx;
	background-color: #ffffff;
	border-radius: 32rpx;
}

.option-first {
	margin-top: 24rpx;
	display: flex;
	justify-content: space-between;
	padding: 32rpx 56rpx 28rpx 54rpx;
	align-items: center;
}

.my_icon {
  width: 80rpx;
  height: 80rpx;
  margin: 0 auto;
  vertical-align: middle;
  text-align: center;
}

.my_title {
  width: 100%;
  height: 40rpx;
  line-height: 40rpx;
  margin-top: 16rpx;
  text-align: center;
  vertical-align: middle;
  color: #131415;
  font-family: PingFangSC, PingFang SC;
  font-size: 24rpx;
  color: rgba(0,0,0,0.85);
}
.app-title{
	width: 100%;
	margin: 32rpx  0 44rpx;
	padding: 0 40rpx;
	align-items: flex-end
}
.app-name{
	width: 152rpx;
	height: 52rpx;
	margin-left: 16rpx;
	background: #01BF80;
	display: flex;
	border-radius: 20rpx 0rpx 20rpx 0rpx;
	align-items: center;
	justify-content: center;
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 28rpx;
	color: #FFFFFF;
	line-height: 40rpx;
	font-style: normal;
	position: relative;
	top: 6rpx;
}
.my-car {
	/* position: fixed;
	bottom: 0; */
	/* width: 100%; */
	margin: 0 32rpx;
	border-radius: 32rpx;
	background: linear-gradient( 134deg, #E5FCFF 0%, #FFFFFF 100%);
	border: 4rpx solid #FFFFFF;
}
.my_button{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	
}
.my_car_button{
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 40rpx;
	color: #2A3A5A;
	line-height: 40rpx;
	text-align: left;
	font-style: normal;
	padding: 0 0 0 38rpx;
}
.scan_box{
	padding: 36rpx 32rpx 28rpx 38rpx;
}
.scan_button{
	width: 180rpx;
	height: 64rpx;
	background: #0074FF;
	border-radius: 32rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: AlibabaPuHuiTiM;
	font-size: 28rpx;
	color: #FFFFFF;
	line-height: 28rpx;
	text-align: center;
	font-style: normal;
	font-weight: 600;
}
.car_info{
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 0 32rpx 32rpx 32rpx;
}
.info_box{
	width: 198rpx;
	height: 156rpx;
	background: #fff;
	border-radius: 24rpx;
	padding-left: 24rpx;
	position: relative;
}
.info_box_1{
	width: 100%;
	height: 156rpx;
	background: #fff;
	border-radius: 24rpx;
	padding-left: 24rpx;
	position: relative;
}
.info_box_1:nth-of-type(1){
	margin-right: 20rpx;
}
.info_box_title{
	font-family: PingFangSC, PingFang SC;
	font-weight: bold;
	font-size: 28rpx;
	color: #5E6F90;
	line-height: 28rpx;
	text-align: left;
	font-style: normal;
	margin-top: 28rpx;
}
.info_box_data{
	width: 70rpx;
	height: 64rpx;
	margin-top: 16rpx;
	display: flex;
	align-items: flex-end;
}
.info_box_num{
	font-family: DIN;
	font-weight: bold;
	font-size: 64rpx;
	color: #2A3A5A;
	line-height: 56rpx;
	text-align: left;
	font-style: normal;
}
.info_box_unit{
	margin-left: 4rpx;
	font-family: DIN;
	font-weight: bold;
	font-size: 32rpx;
	color: #2A3A5A;
	line-height: 32rpx;
	text-align: left;
	font-style: normal;
}
.red_tip{
	top: -12rpx;
	position: absolute;
	right: 0rpx;
	width: 114rpx;
	height: 34rpx;
	background: #FF571A;
	border-radius: 0rpx 16rpx 0rpx 16rpx;
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 20rpx;
	color: #FFFFFF;
	line-height: 20rpx;
	text-align: right;
	font-style: normal;
	display: flex;
	justify-content: center;
	align-items: center;
}


.tab-row {
	display: flex;
	height: 76rpx;
	background: #B4D6FF;
	border-top-left-radius: 32rpx;
	border-top-right-radius: 32rpx;
}
.tab-text {
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 24rpx;
	color: #5E6F90;
	text-align: left;
	font-style: normal;
	margin-left: 12rpx;
	margin-top: 4rpx;
	letter-spacing: -4rpx;
}

.tab-left-text-big {
	width: 144rpx;
	height: 40rpx;
}
.tab-left-text-small {
	width: 120rpx;
	height: 28rpx;
}
.tab-right-text-big {
	width: 144rpx;
	height: 40rpx;
}
.tab-right-text-small {
	width: 116rpx;
	height: 28rpx;
}

.tab-checked {
	display: flex;
	padding-top: 10rpx;
	box-sizing: border-box;
	align-items: center;
    width: 400rpx;
    height: 88rpx;
	position: relative;
	top: -12rpx;
}


.tab-left {
    background: url('https://qiniu.bms16.com/FlcSI0GoP4qk2suCZO1HDI7Asle0') no-repeat;
	background-size: 100%;
	justify-content: flex-start;
	padding-left: 92rpx;
	
}
.tab-right {
    background: url('https://qiniu.bms16.com/Fvz-alBJadRmFBtZtY7of_UVbv3j') no-repeat;
	background-size: 100%;
	justify-content: flex-end;
	padding-right: 92rpx;
}
.tab-base {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.tab-base-left {
	left: 30rpx;
}
.tab-base-right {
	right: 40rpx;
}
.tab-checked-icon {
	width: 20rpx;
	height: 16rpx;
	position: relative;
	top: 26rpx;
}