.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; }