.gxtip{ width: 69rpx; height: 34rpx; background: #F9C77B; color: #FFFFFF; font-size: 24rpx; display: flex; align-items: center; justify-content: center; } .typeyuan { background-color: #17A00E; width: 14rpx; height: 14rpx; border-radius: 50px; margin-right: 6rpx; } .seletypeyuan { background-color: red; width: 14rpx; height: 14rpx; border-radius: 50px; margin-right: 6rpx; } .tbb { width: 66rpx; height: 40rpx; background: #FD9500; border-radius: 20rpx 0px 20rpx 2rpx; font-size: 20rpx; color: #FFFFFF; display: flex; justify-content: center; align-items: center; margin-left: 16rpx; } .uni-navbar__header-btns-right { padding: 0 !important; } .sele_tiao { width: 52rpx; position: absolute; height: 5rpx; background-color: #2866FF; bottom: 0; transition: all .5s; -webkit-transform: translateX(0); transform: translateX(0); } .navbar_seleItem { color: #2866FF; } .navbar_item { box-sizing: border-box; } .navbar { display: flex; margin-top: 20rpx; font-size: 26rpx; color: #999999; margin-left: 22rpx; border-bottom: 1px solid #F0F0F0; padding-bottom: 6rpx; position: relative; } .swiper_car_item_div { /* margin-top: 10rpx; */ } .swiper_car_item_price { font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #333333; margin-left: 20rpx; } .swiper_car_item_name { font-size: 26rpx; font-family: PingFang SC; font-weight: 500; color: #999999; } .swiper_car_item_title { font-size: 28rpx; font-family: PingFang SC; font-weight: 500; color: #333333; width: 100%; display: flex; align-items: center; } .swiper_car_item { background: #F5FCFF; border-radius: 12px; width: 98%; height: 100%; font-size: 26rpx; padding: 32rpx 20rpx; box-sizing: border-box; display: flex; flex-direction: column; /* flex-wrap: wrap; */ justify-content: space-between; } .swiper_car { margin-top: 23rpx; width: 100%; height: 233rpx; } .jiaobiao { width: 8rpx; height: 32rpx; background-color: #2866FF; margin-right: 14rpx; align-items: center; } .dirver_account_car_header { color: #333333; font-size: 28rpx; display: flex; } .dirver_account_title_tiao { --xwidth: calc((100% - 62rpx) / 2); position: absolute; bottom: 0; height: 5rpx; width: var(--xwidth); background: #2866FF; transition: all 0.3s; } .dirver_account_sele_title_tiao { --xwidth: calc((100% - 62rpx) / 2); --x: calc(100% + 62rpx); position: absolute; bottom: 0; height: 5rpx; width: var(--xwidth); background: #2866FF; -webkit-transform: translateX(var(--x)); transform: translateX(var(--x)); transition: all 0.3s; } .dirver_account_car { margin-top: 26rpx; background: #FFFFFF; box-shadow: 0px 3px 9px 0px rgba(88, 88, 88, 0.2); border-radius: 10rpx; padding: 26rpx 41rpx; box-sizing: border-box; height: 365rpx; } .dirver_account_sele_title { font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #999999; } .dirver_account_title { color: #000000; font-size: 32rpx; font-weight: 600; margin-left: 40rpx; display: flex; gap: 62rpx; padding-bottom: 10rpx; position: relative; width: -webkit-fit-content; width: fit-content; transition: all 0.3s; } .dirver_account { margin-top: 40rpx; width: 100vw; box-sizing: border-box; padding: 0 40rpx; } .dirver_car_footer_felx_tip { font-size: 22rpx; font-family: PingFang SC; font-weight: 500; color: #BBBBBB; margin-top: 6rpx; } .dirver_car_footer_felx_top { font-size: 28rpx; font-family: PingFang SC; font-weight: 500; color: #000000; } .dirver_car_footer_felx { flex: 1; text-align: center; } .dirver_car_body_right_butten_top { font-size: 24rpx; color: #BBBBBB; padding: 9rpx 20rpx; } .dirver_car_body_right_selebutten { font-size: 28rpx; color: #333333; height: 97.5rpx; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background: #FFFFFF; width: 127rpx; box-sizing: border-box; /* border-left: 2rpx solid #2866FF; */ } /* .header_tiao{ width: 5rpx; height: calc((100% / 2) - 10px); background-color: #2866FF; position: absolute; } */ .dirver_car_body_right_butten_seleitem { /* background: #2866FF; */ box-sizing: border-box; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-left: 5rpx solid #2866FF; color: #333333; } .dirver_car_body_right_butten_item { background: #F1F1F1; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .dirver_car_body_right_butten { font-size: 28rpx; color: #BBBBBB; flex: 1; display: flex; box-sizing: border-box; width: 127rpx; padding: 20rpx 0; } .dirver_car_body_right { display: flex; flex-direction: column; /* justify-content: space-between; */ position: relative; } .name { display: flex; margin-top: 7rpx; align-items: center; } .dirver_car_body_left_id { color: #333333; font-size: 22rpx; display: flex; justify-content: space-between; align-items: center; } .dirver_car_body_left { flex: 1; box-sizing: border-box; padding: 20rpx; } .dirver_car_body_right { flex-shrink: 1; position: relative; } .dirver_car_footer { height: 137rpx; background: #FFFFFF; box-shadow: 0px 3px 9px 0px rgba(88, 88, 88, 0.2); border-radius: 11rpx; margin-top: 9rpx; display: flex; align-items: center; } .dirver_car_body { height: 195rpx; background: #FFFFFF; border-radius: 12rpx; display: flex; /* padding: 27rpx; */ overflow: hidden; } .dirver_car { padding: 0 40rpx; color: #333333; } .header_seach_butten { font-size: 24rpx !important; display: flex !important; align-items: center !important; margin: 0 !important; flex-shrink: 1; margin-left: 9rpx !important; background: #FFFFFF !important; justify-content: center; } .uni-easyinput__content { height: 80rpx; } .uni-easyinput { height: 80rpx; } .header_seach_seach { display: flex; height: 80rpx; margin-top: 23rpx; } .header_seach_title { display: flex; align-items: center; } .header_seach { font-size: 26rpx; padding: 0 40rpx; } .uni-navbar--border { border: 0px !important; } .header { /* background-color: #007AFF; */ color: white; /* height: 403rpx; */ /* background-image: url('https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油admin小程序/sjbj.png'); */ /* background-size: 100% 100%; */ position: relative; font-size: 28rpx; }