You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

335 lines
6.4 KiB

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