.introduction-card{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.introduction-card .item{aspect-ratio:1 / .359897;background-color:#e1e5eb;background-repeat:no-repeat;border-radius:8px;flex:1;overflow:hidden;padding:1em;position:relative}.introduction-card .item h3{color:#020f0a;font-weight:400}.introduction-card .item .text{color:#4a4a4a;font-weight:400;z-index:2}.introduction-card .item:first-of-type{background-image:url(./online-buy.BT7kmr7p.png);background-position:bottom 4px right -22%;background-size:52%}.introduction-card .item:nth-of-type(2){background-image:url(./ontime-update.BCNH2eUL.png);background-position:bottom 4px right 0;background-size:42%}.introduction-card .item:nth-of-type(3){background-image:url(./condition-select.BvPrYHU7.png);background-position:bottom 4px right -26%;background-size:56%}[page-component=vehicle-index-shortcut]{background-color:#fff;border-radius:8px;display:flex}[page-component=vehicle-index-shortcut] .left{flex:1}[page-component=vehicle-index-shortcut] .left .items{display:flex;flex-wrap:wrap;gap:16px;overflow:hidden;padding-top:20px;position:relative}[page-component=vehicle-index-shortcut] .left .items:first-of-type~.items{margin-top:12px}[page-component=vehicle-index-shortcut] .left .items>.item{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-width:44px}[page-component=vehicle-index-shortcut] .left .items>.item.has-icon{background-position:top;background-repeat:no-repeat;background-size:90%;padding-top:40px}[page-component=vehicle-index-shortcut] .left .items:before{color:#676f6c;content:attr(data-title);display:block;font-size:12px;left:0;position:absolute;top:0}[page-component=vehicle-index-shortcut] .left .brand.items{height:80px}[page-component=vehicle-index-shortcut] .left .brand.items .item{color:#676f6c}[page-component=vehicle-index-shortcut] .left .price.items{height:52px}[page-component=vehicle-index-shortcut] .left .price.items .item{background-color:#f5f5f5;border-radius:4px;box-sizing:border-box;color:#020f0a;padding:2px 8px}[page-component=vehicle-index-shortcut] .left .category.items{display:flex;height:80px}[page-component=vehicle-index-shortcut] .left .category.items .item{color:#676f6c;width:80px}[page-component=vehicle-index-shortcut] .right{box-shadow:-10px 0 5px -5px #00000008;padding:16px;width:198px}[page-component=vehicle-index-shortcut] .right .right-title{color:#020f0a;font-size:26px}[page-component=vehicle-index-shortcut] .right .sub-title{color:#676f6c;font-size:16px;margin-top:4px}[page-component=vehicle-index-shortcut] .right .total-title{color:#676f6c;margin-top:56px}[page-component=vehicle-index-shortcut] .right .total-num{color:#4a4a4a;font-size:28px;font-weight:700;margin-top:8px}[page-component=vehicle-index-shortcut] .right .buy-button{align-items:center;background-color:#020f0a;border-radius:4px;color:#fff;display:flex;height:32px;justify-content:center;margin-top:30px;padding:6px 24px;width:107px}[mopn=index]{position:relative;width:100%}[mopn=index] .index-header{height:80px;left:0;position:fixed;right:0;top:0;z-index:99}[mopn=index] .index-header .header-wrapper{display:grid;grid-template-columns:repeat(3,1fr);height:100%;margin:0 auto;max-width:1200px}[mopn=index] .index-header .left{align-items:center;display:flex}[mopn=index] .index-header .left .menu-item{color:#4a4a4a;margin-left:24px}[mopn=index] .index-header .left img{height:25px;width:100px}[mopn=index] .index-header .center{align-items:center;display:flex;justify-content:center}[mopn=index] .index-header .center .arco-input{font-size:16px;z-index:2}[mopn=index] .index-header .center .arco-input-wrapper{background:#6e6e6e80;border-radius:28px;color:#fff;height:48px;padding:0 12px;width:480px}[mopn=index] .index-header .center .arco-input-wrapper input::-moz-placeholder{color:#fff;font-size:14px}[mopn=index] .index-header .center .arco-input-wrapper input::placeholder{color:#fff;font-size:14px}[mopn=index] .index-header .center .arco-input-focus{border-color:transparent}[mopn=index] .index-header .right{align-items:center;display:flex;justify-content:flex-end}[mopn=index] .index-header .right .sell-button{margin-right:24px}[mopn=index] .index-header .right .sell-button .sell-btn{background-color:#197ad1;border-radius:20px;height:40px;min-width:104px}[mopn=index] .index-header .right .sign-in-btn{color:#fff;cursor:pointer;font-size:14px;font-weight:400;line-height:80px}[mopn=index] .index-header .right .sign-in-btn a{color:#fff!important}[mopn=index] .index-header .right p{color:#fff}[mopn=index] .active{background-color:#fff}[mopn=index] .iactive .arco-input-wrapper{background-color:#f5f5f5!important;color:#676f6c}[mopn=index] .iactive input::-moz-placeholder{color:#676f6c!important;font-size:14px}[mopn=index] .iactive input::placeholder{color:#676f6c!important;font-size:14px}[mopn=index] .tactive{color:#676f6c!important}[mopn=index] .second-screen{min-height:100vh}[mopn=index] .second-screen .second-header{background-color:#fff;border-bottom:1px solid #eee;height:80px;position:static;width:100%}[mopn=index] .second-screen .fixed{position:fixed;top:0;z-index:2}[mopn=index] .second-screen .selector{background-color:#fff;border:1px solid #eee;border-radius:16px;height:266px;margin:16px auto 0;position:relative;width:1200px}[mopn=index] .second-screen .selector .selector-header{border-bottom:1px solid #eee;display:flex}[mopn=index] .second-screen .selector .selector-header .all-brand{align-items:center;cursor:pointer;display:flex}[mopn=index] .second-screen .selector .selector-header .title:first-child{align-items:center;border-right:1px solid #eee;display:flex;height:56px;justify-content:center;line-height:56px;width:480px}[mopn=index] .second-screen .selector .selector-header .title:first-child img{cursor:pointer;height:12px;margin-left:9px;width:12px}[mopn=index] .second-screen .selector .selector-header .title:first-child span{cursor:pointer}[mopn=index] .second-screen .selector .selector-header .title:first-child .rotation1{animation:rotation11 .5s ease-in-out both}[mopn=index] .second-screen .selector .selector-header .title:first-child .rotation2{animation:rotation22 .5s ease-in-out both}@keyframes rotation11{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes rotation22{0%{transform:rotate(180deg)}to{transform:rotate(0)}}[mopn=index] .second-screen .selector .selector-header .title:nth-child(2){border-right:1px solid #eee;height:56px;line-height:56px;text-align:center;width:360px}[mopn=index] .second-screen .selector .selector-header .title:nth-child(3){height:56px;line-height:56px;text-align:center;width:360px}[mopn=index] .second-screen .selector .selector-container{border:none;display:flex}[mopn=index] .second-screen .selector .selector-container .brand-content{border-bottom-left-radius:30px;border-right:1px solid #eee;border-top:none;height:210px;padding:24px 16px;width:480px}[mopn=index] .second-screen .selector .selector-container .brand-content ul{display:flex;flex-wrap:wrap}[mopn=index] .second-screen .selector .selector-container .brand-content ul li{align-items:center;color:#676f6c;cursor:pointer;display:flex;flex-direction:column;height:77px;justify-content:center;width:72px}[mopn=index] .second-screen .selector .selector-container .brand-content ul li img{height:40px;margin:0 auto;-o-object-fit:contain;object-fit:contain;padding-bottom:4px;width:40px}[mopn=index] .second-screen .selector .selector-container .brand-content ul li div{color:#676f6c;font-size:12px;margin-top:4px;text-align:center}[mopn=index] .second-screen .selector .selector-container .brand-content ul li .logo-name{font-size:12px}[mopn=index] .second-screen .selector .selector-container .price-content{border-left:none;border-right:1px solid #eee;border-top:none;height:210px;width:360px}[mopn=index] .second-screen .selector .selector-container .price-content ul{display:flex;flex-wrap:wrap}[mopn=index] .second-screen .selector .selector-container .price-content ul li{font-size:14px;height:40px;line-height:40px;margin:24px auto 0;text-align:center;width:105px}[mopn=index] .second-screen .selector .selector-container .price-content ul li span:hover{border-bottom:2px solid #197ad1;color:#197ad1;cursor:pointer;padding-bottom:2px}[mopn=index] .second-screen .selector .selector-container .price-content ul li:nth-child(7){color:#197ad1;width:50%}[mopn=index] .second-screen .selector .selector-container .price-content ul li:nth-child(8){color:#197ad1;width:50%}[mopn=index] .second-screen .selector .selector-container .type-content{border-bottom-right-radius:30px;height:210px;width:360px}[mopn=index] .second-screen .selector .selector-container .type-content ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:8px;padding:0 24px}[mopn=index] .second-screen .selector .selector-container .type-content ul li{align-items:center;color:#020f0a;cursor:pointer;display:flex;flex-direction:column;height:64px;justify-content:center;width:79px}[mopn=index] .second-screen .selector .selector-container .type-content ul li .image-container{height:27px;position:relative;width:63px}[mopn=index] .second-screen .selector .selector-container .type-content ul li .active-image,[mopn=index] .second-screen .selector .selector-container .type-content ul li .default-image{bottom:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:63px}[mopn=index] .second-screen .selector .selector-container .type-content ul li .active-image{display:none}[mopn=index] .second-screen .selector .selector-container .type-content ul li .text{font-size:12px;margin-top:6px}[mopn=index] .second-screen .selector .selector-container .type-content ul li:hover{color:#197ad1}[mopn=index] .second-screen .selector .allBrandsDialog{background-color:#fff;border-bottom:1px solid #eee;border-bottom-left-radius:16px;border-bottom-right-radius:16px;border-top:none;display:none;height:0;padding:20px 35px;position:absolute;top:57px;width:100%;z-index:99}[mopn=index] .second-screen .selector .allBrandsDialog .item{color:#292929;font-size:16px;height:42px;line-height:42px}[mopn=index] .second-screen .selector .allBrandsDialog .item .firstLetter{color:#020f0a;font-size:16px;font-weight:700;position:absolute}[mopn=index] .second-screen .selector .allBrandsDialog .item .brand1,[mopn=index] .second-screen .selector .allBrandsDialog .item .brand2{margin-left:50px}[mopn=index] .second-screen .selector .allBrandsDialog .item .brand1:hover,[mopn=index] .second-screen .selector .allBrandsDialog .item .brand2:hover{color:#197ad1;cursor:pointer}[mopn=index] .second-screen .selector .open{display:block;display:flex;flex-direction:column;flex-wrap:wrap;height:720px}[mopn=index] .second-screen .selector .open .item{color:#292929;font-size:16px;height:42px;line-height:42px}[mopn=index] .second-screen .selector .open .item .firstLetter{color:#020f0a;font-size:16px;font-weight:700;position:absolute}[mopn=index] .second-screen .selector .open .item .brand1,[mopn=index] .second-screen .selector .open .item .brand2{margin-left:50px}[mopn=index] .second-screen .selector .open .item .brand1:hover,[mopn=index] .second-screen .selector .open .item .brand2:hover{color:#197ad1;cursor:pointer}[mopn=index] .second-screen .addMarginTop{margin-top:96px}[mopn=index] .second-screen .recommend{margin:0 auto;padding-top:32px;width:1200px}[mopn=index] .second-screen .footer{margin-top:80px}[mopn=index] .show-more{color:#197ad1;margin-top:3rem;text-align:center}[mopn=index] .wave-text{display:inline-flex}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}[mopn=index] .wave-text span{animation:wave 1.5s infinite;display:inline-block;font-size:2rem}[mopn=index] .wave-text span:first-child{animation-delay:0s}[mopn=index] .wave-text span:nth-child(2){animation-delay:.1s}[mopn=index] .wave-text span:nth-child(3){animation-delay:.2s}[mopn=index] .wave-text span:nth-child(4){animation-delay:.3s}[mopn=index] .wave-text span:nth-child(5){animation-delay:.4s}[mopn=index] .wave-text span:nth-child(6){animation-delay:.5s}[mopn=index] .wave-text span:nth-child(7){animation-delay:.6s}
