#card-filter-nav-entrance #search-bar .v-input__slot {
background: #fff
}

.card-filter-nav-entrance__btn-nav {
display: flex;
display: none;
padding: 16px
}
.card-filter-nav-entrance__btn-nav a {
display: block;
flex: 1;
height: 40px;
font-size: 16px;
font-weight: 700;
line-height: 40px;
color: #fdcf33;
text-align: center;
background: #173559;
border-radius: 3px
}
.card-filter-nav-entrance__btn-nav a:last-child {
margin-left: 16px;
color: #173559;
background: #fdcf33
}
.card-filter-nav-entrance #search-bar {
width: 100%
}
.card-filter-nav-entrance__b2c {
flex: 1;
min-width: 100px;
padding-right: 24px
}
@media screen and (max-width: 959px) {
.card-filter-nav-entrance__b2c #search-bar {
padding:0 16px
}
}
.card-filter-nav-entrance__b2c .line-list {
overflow-y: hidden;
overflow-x: scroll;
display: flex
}
.card-filter-nav-entrance__b2c .line-list__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 85px;
    height: 70px;
    flex: 1;
    padding-top: 10px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-align: center;
    text-decoration: none;
    color: inherit;
    margin: 10px;
}
.card-filter-nav-entrance__b2c .line-list__item:hover{
    transform: translateY(-4px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.card-filter-nav-entrance__b2c .line-list__item .item__img {
position: relative;
width: 100%;
height: 20px;
text-align: center;
background-position: 50%;
background-repeat: no-repeat;
background-origin: content-box;
padding:25px 15px 15px 15px;
}
.card-filter-nav-entrance__b2c .line-list__item .item__img img {
position: absolute;
top: 50%;
left: 50%;
margin: auto;
transform: translate(-50%,-50%)
}
.card-filter-nav-entrance__b2c .line-list__item p {
font-size: 12px;
line-height: 18px;
color: #2e2e2e;
text-align: center
}
@media screen and (max-width: 959px) {
.card-filter-nav-entrance__b2c .line-list__item {
flex:1;
width: inherit;
min-width: 77px
}
.card-filter-nav-entrance__b2c .line-list__item:first-child {
margin-left: 16px
}
.card-filter-nav-entrance__b2c .line-list__item:last-child {
margin-right: 16px
}
}
.card-filter-nav-entrance__b2c .operation {
margin: 16px 0 12px;
display: flex
}
.card-filter-nav-entrance__b2c .operation__item {
flex: 1;
position: relative;
height: 100px;
border-radius: 10px
}
.card-filter-nav-entrance__b2c .operation__item:not(:last-child) {
margin-right: 8px
}
.card-filter-nav-entrance__b2c .operation__item p {
max-width: 85px;
padding: 8px 0 0 8px;
font-size: 16px;
font-weight: 700;
line-height: 20px;
word-break: break-word;
z-index: 1;
position: relative
}
.card-filter-nav-entrance__b2c .operation__item__img {
position: absolute;
right: 0;
bottom: 0;
width: 96px;
height: 80px;
background-position: 50%;
background-size: cover
}
@media screen and (max-width: 1247px) {
.card-filter-nav-entrance__b2c .operation__item p {
font-size:14px;
line-height: 16px
}
.card-filter-nav-entrance__b2c .operation__item__img {
width: 78px;
height: 65px
}
}
@media screen and (max-width: 959px) {
.card-filter-nav-entrance__b2c .operation__item {
height:80px
}
.card-filter-nav-entrance__b2c .operation__item__img {
width: 78px;
height: 65px
}
}
@media screen and (max-width: 647px) {
.card-filter-nav-entrance__b2c .operation__item {
height:88px
}
.card-filter-nav-entrance__b2c .operation__item__img {
width: 54px;
height: 45px
}
}
.card-filter-nav-entrance__b2c .no-car-finder {
margin: 24px 0!important
}
.card-filter-nav-entrance__b2c .brand .item__img {
background-size: 28px
}
.card-filter-nav-entrance__b2c .body-type {
margin: 14px 0 0
}
.card-filter-nav-entrance__b2c .body-type .item__img {
background-size: 54px
}
.card-filter-nav-entrance__b2c .budget-list {
display: flex;
overflow-x: scroll;
margin-top: 14px
}
.card-filter-nav-entrance__b2c .budget-list__item {
min-width: 145.59px;
height: 32px;
font-size: 12px;
line-height: 32px;
text-align: center;
background: #f4f6f8;
border-radius: 4px;
color: #333
}
.card-filter-nav-entrance__b2c .budget-list__item:not(:last-child) {
margin-right: 8px
}
.card-filter-nav-entrance__b2c .budget-list__item span {
margin: 0 auto
}
.card-filter-nav-entrance__b2c .budget-list__view-all {
color: #1e87f0;
}
@media screen and (max-width: 959px) {
.card-filter-nav-entrance__b2c .budget-list__item:first-child {
margin-left:16px
}
.card-filter-nav-entrance__b2c .budget-list__item:last-child {
margin-right: 16px
}
}
@media screen and (max-width: 959px) {
.card-filter-nav-entrance__b2c .operation {
margin:16px 0
}
.card-filter-nav-entrance__b2c .body-type {
margin: 16px 0 0
}
}
.card-filter-nav-entrance .card-filter-nav-entrance__c2b.new .desc-text .tc,.card-filter-nav-entrance .card-filter-nav-entrance__c2b.new .trade_in .tc,.card-filter-nav-entrance .card-filter-nav-entrance__c2b__text .tc,.card-filter-nav-entrance .card-filter-nav-entrance__trade_in .tc,.card-filter-nav-entrance__c2b.new .desc-text .card-filter-nav-entrance .tc,.card-filter-nav-entrance__c2b.new .trade_in .card-filter-nav-entrance .tc,.card-filter-nav-entrance__c2b__text .card-filter-nav-entrance .tc,.card-filter-nav-entrance__trade_in .card-filter-nav-entrance .tc {
position: absolute;
top: 0;
right: 0;
display: block;
height: 12px;
padding: 0 12px
}
.card-filter-nav-entrance .card-filter-nav-entrance__c2b.new .desc-text .MY.tc,.card-filter-nav-entrance .card-filter-nav-entrance__c2b.new .trade_in .MY.tc,.card-filter-nav-entrance .card-filter-nav-entrance__c2b__text .MY.tc,.card-filter-nav-entrance .card-filter-nav-entrance__trade_in .MY.tc,.card-filter-nav-entrance__c2b.new .desc-text .card-filter-nav-entrance .MY.tc,.card-filter-nav-entrance__c2b.new .trade_in .card-filter-nav-entrance .MY.tc,.card-filter-nav-entrance__c2b__text .card-filter-nav-entrance .MY.tc,.card-filter-nav-entrance__trade_in .card-filter-nav-entrance .MY.tc {
width: 50px;
background: url(/_nuxt/img/tc-MY.4d3cce9.svg) no-repeat 50%
}
@media screen and (max-width: 959px) {
.card-filter-nav-entrance .card-filter-nav-entrance__c2b.new .desc-text .MY.tc,.card-filter-nav-entrance .card-filter-nav-entrance__c2b.new .trade_in .MY.tc,.card-filter-nav-entrance .card-filter-nav-entrance__c2b__text .MY.tc,.card-filter-nav-entrance .card-filter-nav-entrance__trade_in .MY.tc,.card-filter-nav-entrance__c2b.new .desc-text .card-filter-nav-entrance .MY.tc,.card-filter-nav-entrance__c2b.new .trade_in .card-filter-nav-entrance .MY.tc,.card-filter-nav-entrance__c2b__text .card-filter-nav-entrance .MY.tc,.card-filter-nav-entrance__trade_in .card-filter-nav-entrance .MY.tc {
background:url(/_nuxt/img/tc-960-MY.fc71282.svg) no-repeat 50%
}
}
.card-filter-nav-entrance .card-filter-nav-entrance__c2b.new .desc-text .ID.tc,.card-filter-nav-entrance .card-filter-nav-entrance__c2b.new .trade_in .ID.tc,.card-filter-nav-entrance .card-filter-nav-entrance__c2b__text .ID.tc,.card-filter-nav-entrance .card-filter-nav-entrance__trade_in .ID.tc,.card-filter-nav-entrance__c2b.new .desc-text .card-filter-nav-entrance .ID.tc,.card-filter-nav-entrance__c2b.new .trade_in .card-filter-nav-entrance .ID.tc,.card-filter-nav-entrance__c2b__text .card-filter-nav-entrance .ID.tc,.card-filter-nav-entrance__trade_in .card-filter-nav-entrance .ID.tc {
width: 97px;
background: url(/_nuxt/img/tc-ID.70dc414.svg) no-repeat 50%
}
.card-filter-nav-entrance .card-filter-nav-entrance__c2b.new .desc-text .TH.tc,.card-filter-nav-entrance .card-filter-nav-entrance__c2b.new .trade_in .TH.tc,.card-filter-nav-entrance .card-filter-nav-entrance__c2b__text .TH.tc,.card-filter-nav-entrance .card-filter-nav-entrance__trade_in .TH.tc,.card-filter-nav-entrance__c2b.new .desc-text .card-filter-nav-entrance .TH.tc,.card-filter-nav-entrance__c2b.new .trade_in .card-filter-nav-entrance .TH.tc,.card-filter-nav-entrance__c2b__text .card-filter-nav-entrance .TH.tc,.card-filter-nav-entrance__trade_in .card-filter-nav-entrance .TH.tc {
width: 97px;
background: url(/_nuxt/img/tc-TH.6e82a52.svg) no-repeat 50%
}
.card-filter-nav-entrance__c2b {
padding-left: 24px;
width: 344px;
display: flex;
flex-direction: column;
position: relative
}
.card-filter-nav-entrance__c2b:after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 1px;
height: 100%;
content: "";
background: #d5dce6
}
.card-filter-nav-entrance__c2b__text {
flex: 1;
display: flex;
background: #f4f6f8;
border-radius: 4px;
position: relative
}
.card-filter-nav-entrance__c2b__text p {
margin-bottom: 0
}
.card-filter-nav-entrance__c2b__text .desc {
padding-top: 12px;
font-size: 12px;
line-height: 14px;
color: #173559;
text-align: center
}
.card-filter-nav-entrance__c2b__text .item {
flex: 1;
padding: 16px 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.card-filter-nav-entrance__c2b__text .item-img {
width: 32px;
height: 32px;
margin: 0 auto
}
.card-filter-nav-entrance__c2b__text .item-img-1 {
background: url(/_nuxt/img/sell-car-desc-1.7011c7f.svg) no-repeat 50%
}
.card-filter-nav-entrance__c2b__text .item-img-2 {
background: url(/_nuxt/img/sell-car-desc-2.d39eb4f.svg) no-repeat 50%
}
.card-filter-nav-entrance__c2b__text .item-img-3 {
background: url(/_nuxt/img/sell-car-desc-3.e779c5e.svg) no-repeat 50%
}
.card-filter-nav-entrance__c2b__text img {
margin: 0 auto
}
.card-filter-nav-entrance__trade_in_ms img {
width: 39px;
height: 32px
}
.card-filter-nav-entrance__trade_in_ms .trade_in_text .desc {
line-height: 16px
}
.card-filter-nav-entrance__trade_in_ms .trade_in_text .link {
line-height: 32px
}
.card-filter-nav-entrance__trade_in {
position: relative;
display: flex;
background: #f4f6f8;
border-radius: 4px;
padding: 12px 8px;
margin-top: 8px
}
.card-filter-nav-entrance__trade_in .trade_in_text_wrapper {
width: 100%;
display: flex
}
.card-filter-nav-entrance__trade_in .trade_in_text_wrapper .trade_in_text {
display: flex;
justify-content: space-between;
margin-left: 6px;
font-size: 12px;
width: 100%;
align-items: center;
line-height: 27px
}
.card-filter-nav-entrance__trade_in .trade_in_text_wrapper .trade_in_text .desc {
color: #173559;
flex: 1
}
.card-filter-nav-entrance__trade_in .trade_in_text_wrapper .trade_in_text .link {
font-weight: 700;
color: #3d82c3;
-webkit-text-decoration-line: underline;
text-decoration-line: underline
}
.card-filter-nav-entrance__trade_in .trade_in_text_wrapper .trade_in_text_ID {
line-height: 14px
}
.card-filter-nav-entrance__trade_in .trade_in_text_wrapper .trade_in_text_ID .desc {
margin-right: 16px
}
.card-filter-nav-entrance__c2b.new {
padding-left: 24px;
width: 344px;
display: flex;
flex-direction: column;
position: relative
}
.card-filter-nav-entrance__c2b.new:after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 1px;
height: 100%;
content: "";
background: #d5dce6
}
.card-filter-nav-entrance__c2b.new .desc-text {
flex: 1;
display: flex;
background: #f4f6f8;
border-radius: 4px;
position: relative;
margin-top: 16px
}
.card-filter-nav-entrance__c2b.new .desc-text p {
margin-bottom: 0
}
.card-filter-nav-entrance__c2b.new .desc-text .desc {
padding-top: 12px;
font-size: 12px;
line-height: 14px;
color: #173559;
text-align: center
}
.card-filter-nav-entrance__c2b.new .desc-text .item {
flex: 1;
padding: 16px 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.card-filter-nav-entrance__c2b.new .desc-text .item-img {
width: 32px;
height: 32px;
margin: 0 auto
}
.card-filter-nav-entrance__c2b.new .desc-text .item-img-1 {
background: url(/_nuxt/img/sell-car-desc-1.7011c7f.svg) no-repeat 50%
}
.card-filter-nav-entrance__c2b.new .desc-text .item-img-2 {
background: url(/_nuxt/img/sell-car-desc-2.d39eb4f.svg) no-repeat 50%
}
.card-filter-nav-entrance__c2b.new .desc-text .item-img-3 {
background: url(/_nuxt/img/sell-car-desc-3.e779c5e.svg) no-repeat 50%
}
.card-filter-nav-entrance__c2b.new .desc-text img {
margin: 0 auto
}
.card-filter-nav-entrance__c2b.new .trade_in {
position: relative;
background: #f4f6f8;
border-radius: 4px;
padding: 24px 16px;
margin-top: 16px
}
.card-filter-nav-entrance__c2b.new .trade_in .trade_in-text-wrapper {
width: 100%
}
.card-filter-nav-entrance__c2b.new .trade_in .trade_in-text-wrapper .trade_in-text {
display: flex;
justify-content: center;
font-size: 12px;
width: 100%;
align-items: center;
line-height: 14px
}
.card-filter-nav-entrance__c2b.new .trade_in .trade_in-text-wrapper .trade_in-text .desc {
color: #173559;
margin-left: 8px
}
.card-filter-nav-entrance__c2b.new .cta-btn {
display: flex;
height: 48px;
padding: 14px 16px;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 700;
line-height: 24px;
box-sizing: border-box;
border-radius: 4px
}
.card-filter-nav-entrance__c2b.new .cta-btn img {
margin-right: 8px
}
.card-filter-nav-entrance__c2b.new .cta-btn.sell-car {
background: #fdcf33;
color: #173559
}
.card-filter-nav-entrance__c2b.new .cta-btn.get-car-price {
background: #173559;
color: #fdcf33;
margin-top: 12px
}
.card-filter-nav-entrance__c2b.new .cta-btn.trade-in {
border: 1px solid #173559;
margin-top: 8px;
color: #2e2e2e
}
@media screen and (max-width: 959px) {
.card-filter-nav-entrance {
flex-direction:column;
padding: 0;
margin: 0;
border-radius: 10px 10px 0 0;
box-shadow: inherit
}
.card-filter-nav-entrance__c2b {
padding: 0;
width: 100%
}
.card-filter-nav-entrance__c2b .card-filter-nav-entrance__c2b__text,.card-filter-nav-entrance__c2b .scform,.card-filter-nav-entrance__c2b .title,.card-filter-nav-entrance__c2b :after {
display: none!important
}
.card-filter-nav-entrance__trade_in {
padding: 16px 0;
margin-top: 16px;
border-radius: 0;
justify-content: center!important
}
.card-filter-nav-entrance__trade_in .trade_in_text_wrapper {
width: auto;
display: flex;
padding: 0 30px
}
.card-filter-nav-entrance__trade_in .trade_in_text_wrapper img {
width: 39px;
height: 32px
}
.card-filter-nav-entrance__trade_in .trade_in_text_wrapper .trade_in_text {
flex-direction: column;
margin-left: 12px;
align-items: flex-start
}
.card-filter-nav-entrance__trade_in .trade_in_text_wrapper .trade_in_text .desc {
margin-right: 0
}
.card-filter-nav-entrance__trade_in .trade_in_text_wrapper .trade_in_text .desc,.card-filter-nav-entrance__trade_in .trade_in_text_wrapper .trade_in_text .link {
line-height: 16px
}
.card-filter-nav-entrance__c2b.new {
padding: 0;
width: 100%
}
.card-filter-nav-entrance__c2b.new .btn-group,.card-filter-nav-entrance__c2b.new .desc-text,.card-filter-nav-entrance__c2b.new .card-filter-nav-entrance__c2b__text,.card-filter-nav-entrance__c2b.new .scform,.card-filter-nav-entrance__c2b.new .title,.card-filter-nav-entrance__c2b.new:after {
display: none!important
}
.card-filter-nav-entrance__c2b.new .trade_in {
padding: 24px 16px 16px;
border-radius: 0
}
.card-filter-nav-entrance__c2b.new .trade_in .trade_in-text-wrapper .trade_in-text {
justify-content: flex-start
}
.card-filter-nav-entrance__c2b.new .cta-btn {
height: 32px;
padding: 10px 16px;
font-size: 14px;
font-weight: 500;
line-height: 20px
}
.card-filter-nav-entrance__c2b.new .cta-btn.trade-in {
margin-top: 16px
}
.card-filter-nav-entrance__b2c {
padding-right: 0
}
.card-filter-nav-entrance__b2c .car-types,.card-filter-nav-entrance__b2c .operation,.card-filter-nav-entrance__b2c .search {
padding: 0 16px
}

.card-filter-nav-entrance__btn-nav {
display: flex
}
}
@media screen and (max-width: 647px) {
.card-filter-nav-entrance {
border-radius:0
}
}
.card-filter-nav-entrance .title {
display: inline-block;
margin-bottom: 20px;
font-size: 24px!important;
font-weight: 700;
line-height: 28px;
color: #173559;
cursor: pointer;
position: relative
}
.card-filter-nav-entrance .title:after {
display: inline-block;
position: relative;
width: 9px;
height: 12px;
content: "";
top: 4px;
margin-left: 4px;
background-color: #173559;
-webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS42NjggMGg0LjY2N2w0LjMzMyA2LTQuMzMzIDZILjY2OGw0LjMzMy02TC42NjggMHoiIGZpbGw9IiMzRDgyQzMiLz48L3N2Zz4=);
mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS42NjggMGg0LjY2N2w0LjMzMyA2LTQuMzMzIDZILjY2OGw0LjMzMy02TC42NjggMHoiIGZpbGw9IiMzRDgyQzMiLz48L3N2Zz4=);
transform: translateY(-50%)
}
@media(hover: hover)and (pointer:fine) {
.card-filter-nav-entrance .title:hover {
color:#3d82c3
}
.card-filter-nav-entrance .title:hover:after {
background-color: #3d82c3
}
}
.card-filter-nav-entrance .car-types {
display: flex;
align-items: center;
font-size: 12px;
line-height: 14px;
font-weight: 400;
margin-bottom: 8px
}
@media screen and (max-width: 647px) {
.card-filter-nav-entrance .car-types {
flex-wrap:wrap
}
.card-filter-nav-entrance .car-types__label {
flex: 100% 0 0;
margin-bottom: 8px
}
}
.card-filter-nav-entrance .car-types>:not(:last-child) {
margin-right: 8px
}
.card-filter-nav-entrance .car-types__badge>img {
display: block;
height: 17px
}