@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .popupone.data-v-411247ea { width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; z-index: 11; } .brandListkk.data-v-411247ea { padding-top: 30rpx; } .brand-select .rmview .brand-select-title.data-v-411247ea { background: #fff; } .rmview.data-v-411247ea { border-radius: 16rpx; overflow: hidden; } .carModel-nav-title-left.data-v-411247ea { display: flex; } .carModel-nav-title.data-v-411247ea { display: flex; justify-content: space-between; } .carBack.data-v-411247ea { line-height: 100rpx; font-size: 30rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: 500; color: #FFFFFF; padding-right: 24rpx; } .carSs.data-v-411247ea { width: 750rpx; height: 96rpx; background: #FFFFFF; padding-top: 24rpx; position: fixed; z-index: 999; left: 0; top: 90rpx; /* top: calc(44px + 96rpx); */ } .carssBox.data-v-411247ea { width: 702rpx; height: 72rpx; background: #F4F5F7; border-radius: 36rpx; margin: 0 auto; } .carSsImg.data-v-411247ea { width: 40rpx; height: 40rpx; margin-top: 16rpx; margin-left: 20rpx; } .carssInput.data-v-411247ea { line-height: 72rpx; font-size: 28rpx; height: 72rpx; padding-left: 16rpx; width: 600rpx; } .carssBox.data-v-411247ea { display: flex; } .brand-select .brand-select-title.data-v-411247ea { height: 80rpx; background: #f7f7f7; position: relative; } .brand-select .brand-select-title ._h5.data-v-411247ea { position: absolute; height: 40rpx; font-size: 28rpx; font-weight: 500; color: #666666; line-height: 40rpx; top: 20rpx; left: 30rpx; } .brand-select .brand-select-wrapper.data-v-411247ea { display: flex; flex-wrap: wrap; background: white; width: 702rpx; border-radius: 16rpx; } .brand-select .brand-select-wrapper .brand-select-item.data-v-411247ea { display: block; width: 80rpx; height: 100rpx; padding: 30rpx; } .brand-select .brand-select-wrapper .brand-select-item ._img.data-v-411247ea { display: inline-block; margin-left: 10rpx; width: 60rpx; height: 60rpx; } .brand-select .brand-select-wrapper .brand-select-item ._span.data-v-411247ea { display: inline-block; text-align: center; height: 33rpx; width: 90rpx; font-size: 24rpx; font-weight: 400; color: #333333; line-height: 33rpx; } .fast-navigation.data-v-411247ea { position: absolute; text-align: center; right: 16rpx; top: 30rpx; width: 23rpx; font-size: 26rpx; font-weight: 500; line-height: 35rpx; color: #999999; } .fast-navigation ._a.data-v-411247ea { display: block; padding-top: 10rpx; } .fast-navigation .select.data-v-411247ea { color: #FF4F00; } .scroll-view.data-v-411247ea { height: calc(100vh - 120rpx); } .brand-select.data-v-411247ea { padding-bottom: 100rpx; } .popup-height.data-v-411247ea { width: 200px; } .popup-content.data-v-411247ea { width: 80vw; background: #FFFFFF; height: 100vh; margin-left: 20vw; } .carModel-nav-title.data-v-411247ea { height: 100rpx; background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%); line-height: 100rpx; display: flex; z-index: 500; } .carModel-nav-title.cell-logo.data-v-411247ea { position: -webkit-sticky; position: sticky; top: 0; background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%); } .carModel-nav-title .carModel-nav-title-box.data-v-411247ea { width: 100%; display: flex; } .carModel-nav-title .carModel-nav-title-img.data-v-411247ea { margin: 20rpx; width: 60rpx; height: 60rpx; } .carModel-nav-title .carModel-nav-title-msg.data-v-411247ea { font-size: 30rpx; font-weight: 400; color: white; display: block; padding-right: 20rpx; width: 400rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .carModel-nav-title .carModel-nav-title-msg1.data-v-411247ea { width: 300rpx; } .cell-item-title.data-v-411247ea { line-height: 69rpx; padding-left: 24rpx; width: 504rpx; margin-left: 30rpx; height: 69rpx; background: #FF4F00 linear-gradient(132deg, #FF8635 0%, #FF4828 100%); border-radius: 16rpx; font-weight: 500; color: #FFFFFF; font-size: 28rpx; } .span-cell.data-v-411247ea { position: relative; display: flex; box-sizing: border-box; width: 100%; padding: 6rpx 30rpx; overflow: hidden; color: #323233; font-size: 3.73333vw; line-height: 82rpx; height: 82rpx; background-color: #fff; border-bottom: 1px solid #ebedf0; } .carModel-nav-title.data-v-411247ea { height: 100rpx; background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%); line-height: 100rpx; display: flex; z-index: 500; } .carModel-nav-title.cell-logo.data-v-411247ea { position: -webkit-sticky; position: sticky; top: 0; background: linear-gradient(110deg, #48B9F9 0%, #3F90F7 100%); } .carModel-nav-title .carModel-nav-title-box.data-v-411247ea { width: 100%; display: flex; } .carModel-nav-title .carModel-nav-title-img.data-v-411247ea { margin: 20rpx; width: 60rpx; height: 60rpx; } .carModel-nav-title .carModel-nav-title-msg.data-v-411247ea { font-size: 30rpx; font-weight: 400; color: white; display: block; padding-right: 20px; } .carbox.data-v-411247ea { height: calc(100vh - 120rpx); padding: 0 24rpx; padding-top: 30rpx; } .brandList.data-v-411247ea { height: calc(100vh - 150rpx); /* padding-bottom:var(--status-bar-height); */ } .displacementListLine.data-v-411247ea { min-height: 50rpx; padding: 20rpx 20rpx 20rpx 30rpx; font-size: 28rpx; font-weight: 600; color: #333333; line-height: 50rpx; border-top: 2rpx solid #eeeeee; background-color: white; } .carsslineTxt.data-v-411247ea { background: #FFFFFF; line-height: 50rpx; color: #333333; font-size: 28rpx; padding: 0 24rpx; border-bottom: 1px solid #EEEEEE; padding: 20rpx 20rpx 20rpx 30rpx; } .displacementListBox.data-v-411247ea { position: fixed; top: 97rpx; left: 20vw; width: 80vw; height: 100vh; background: #F4F5F7; z-index: 11111; } .carGroupListBox.data-v-411247ea { position: fixed; top: 0; left: 20vw; width: 80vw; height: 100vh; background: #F4F5F7; z-index: 11111; top: 210rpx; } .carssListBox.data-v-411247ea { position: fixed; top: 0; left: 0; width: 200vw; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 11111; } .carssListBoxCont.data-v-411247ea { background: #FFFFFF; width: 80vw; margin-left: 20vw; height: 100vh; } .carssListBox2.data-v-411247ea { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0); z-index: 11112; top: calc(210rpx); } .brand-select-titleselect.data-v-411247ea { color: #FF4F00 !important; } .tab1.data-v-411247ea { position: relative; }