@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .box.data-v-411247ea { min-height: 100vh; background: #F4F5F7; } .vinboxTwoTopFh.data-v-411247ea { font-size: 26rpx; padding: 30rpx 24rpx; color: #3F90F7; } .vinboxTwoBottom.data-v-411247ea { width: 750rpx; height: 120rpx; background: #FFFFFF; box-shadow: 0px -2px 20px 0px rgba(153, 153, 153, 0.2); position: absolute; left: 0; bottom: 0; display: flex; justify-content: space-around; } .shoudonng.data-v-411247ea { width: 336rpx; height: 74rpx; border-radius: 37rpx; border: 1px solid #FF4F00; line-height: 74rpx; text-align: center; font-size: 30rpx; color: #FF4F00; margin-top: 23rpx; } .qrcx.data-v-411247ea { width: 336rpx; height: 74rpx; background: linear-gradient(124deg, #FF8700 0%, #FF4F00 100%); border-radius: 37rpx; line-height: 74rpx; text-align: center; font-size: 30rpx; color: #FFFFFF; margin-top: 23rpx; } .vinXzBox.data-v-411247ea { padding-bottom: 120rpx; } .loginLogo.data-v-411247ea { width: 28rpx; height: 28rpx; } .vinXzLineyk.data-v-411247ea { width: 24rpx; height: 24rpx; border: 2rpx solid #999999; border-radius: 50%; } .vinXzLine.data-v-411247ea { padding: 30rpx 24rpx; display: flex; justify-content: space-between; color: #3C3C3C; font-size: 28rpx; line-height: 28rpx; border-bottom: 1px solid #DDDDDD; } .vinboxTwoTopVIn.data-v-411247ea { font-size: 28rpx; color: #666666; padding-left: 24rpx; padding-bottom: 30rpx; } .zdyNav.data-v-411247ea { width: 100vw; background: #FFFFFF; position: fixed; top: 0; left: 0; z-index: 1111111; } .zdyNavCont.data-v-411247ea { height: 44px; font-size: 28rpx; display: flex; justify-content: space-between; line-height: 44px; } .vinCxNum.data-v-411247ea { background: #F4F5F7; font-size: 26rpx; padding: 18rpx 24rpx; color: #999999; } .baiheibackImg.data-v-411247ea { width: 70px; height: 44px; } .gaunbiIMg.data-v-411247ea { width: 20px; height: 20px; padding: 12px; } .zdyNavContRight.data-v-411247ea { width: 114px; } .smvin.data-v-411247ea { color: #3C3C3C; font-size: 30rpx; } .smvin2.data-v-411247ea { color: #999999; font-size: 26rpx; } .tab2.data-v-411247ea { padding: 30rpx 24rpx; min-height: calc(100vh - 150rpx - 44px); background: #FFFFFF; position: relative; } .vinboxTwo.data-v-411247ea { position: absolute; top: 0; left: 0; width: 750rpx; min-height: calc(100vh - 150rpx - 44px); background: #FFFFFF; } .sltpImg.data-v-411247ea { width: 704rpx; height: 353rpx; } .vinImg.data-v-411247ea { width: 704rpx; } .sltp.data-v-411247ea { padding-top: 20rpx; } .vinSc.data-v-411247ea { width: 690rpx; height: 74rpx; background: linear-gradient(124deg, #FF8700 0%, #FF4F00 100%); border-radius: 37rpx; text-align: center; line-height: 74rpx; color: #FFFFFF; font-size: 30rpx; margin-top: 70rpx; } .nodataImg.data-v-411247ea { width: 400rpx; padding-top: 100rpx; } .noTxt.data-v-411247ea { font-size: 36rpx; color: #999999; padding-top: 50rpx; } .nodataBox.data-v-411247ea { text-align: center; } .addBtn.data-v-411247ea { width: 690rpx; height: 74rpx; background: linear-gradient(124deg, #FF8700 0%, #FF4F00 100%); border-radius: 37rpx; line-height: 74rpx; text-align: center; color: #FFFFFF; font-size: 30rpx; position: fixed; bottom: 23rpx; left: 30rpx; } .carlistBox.data-v-411247ea { padding-bottom: 120rpx; } .tab.data-v-411247ea { background: #FFFFFF; display: flex; justify-content: space-around; line-height: 93rpx; color: #3C3C3C; font-size: 30rpx; border-bottom: 1px solid #F4F5F7; } .activeTab.data-v-411247ea { color: #FF4F00; text-decoration: underline; } /* .brand-select-title{ height: 80px; background:rgba(247,247,247,1); position: relative; } */ .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: 100vw; } .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: fixed; text-align: center; right: 16rpx; top: 360rpx; width: 23rpx; font-size: 30rpx; font-weight: 500; line-height: 35rpx; color: #999999; } .fast-navigation ._a.data-v-411247ea { display: block; } .fast-navigation .select.data-v-411247ea { color: #FF4F00; } .scroll-view.data-v-411247ea { height: calc(100vh - 93rpx); } .popup-height.data-v-411247ea { width: 200px; } .popup-content.data-v-411247ea { width: 590rpx; background: #FFFFFF; height: 100vh; } .carModel-nav-title.data-v-411247ea { height: 100rpx; background: linear-gradient(134deg, #FF8635 0%, #FF4828 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(134deg, #FF8635 0%, #FF4828 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; } .cell-item-title.data-v-411247ea { height: 60rpx; background: #fafafa; font-size: 28rpx; font-weight: 400; color: #666666; line-height: 60rpx; padding-left: 26rpx; } .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(134deg, #FF8635 0%, #FF4828 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(134deg, #FF8635 0%, #FF4828 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; } .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; } .displacementListBox.data-v-411247ea { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #F4F5F7; z-index: 11111; } .carGroupListBox.data-v-411247ea { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #F4F5F7; z-index: 11111; } .brandList.data-v-411247ea { height: calc(100vh - 100rpx); } .brand-select-titleselect.data-v-411247ea { color: #FF4F00 !important; }