.annual-car-usage-cost{background:#fff;border-radius:16px;padding:24px 24px 32px}.annual-car-usage-cost .header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.annual-car-usage-cost .title{color:#303741;margin:0;font-family:FZLanTingHeiS-B-GB,sans-serif;font-size:18px;font-weight:500;line-height:24px}.annual-car-usage-cost .link{align-items:center;gap:0;display:flex}.annual-car-usage-cost .link .question{color:#8f96a0;font-family:PingFang SC,sans-serif;font-size:14px;line-height:20px}.annual-car-usage-cost .link .action{cursor:pointer;align-items:center;display:flex}.annual-car-usage-cost .link .action:hover{opacity:.8}.annual-car-usage-cost .link .action .action-text{color:#303741;font-family:PingFang SC,sans-serif;font-size:14px;line-height:20px}.annual-car-usage-cost .link .action .arrow-icon{width:22px;height:22px}.annual-car-usage-cost .content{display:flex;position:relative}.annual-car-usage-cost .content .table-wrapper{align-items:flex-end;width:100%;display:flex}.annual-car-usage-cost .content .table-wrapper .left-column{border:.6px solid #c5d1d8;border-right:0;border-radius:8px 0 0 8px;flex-shrink:0;align-items:flex-end;width:200px;display:flex;overflow:hidden}.annual-car-usage-cost .content .table-wrapper .left-column table{border-collapse:collapse;width:100%}.annual-car-usage-cost .content .table-wrapper .left-column th,.annual-car-usage-cost .content .table-wrapper .left-column td{text-align:center;height:52px;padding:0 12px;font-family:PingFang SC,sans-serif}.annual-car-usage-cost .content .table-wrapper .left-column th{color:#000;background:linear-gradient(#8297ad3d 0%,#ffffff3d 141.35%),#fff;font-size:18px;font-weight:500;line-height:20px}.annual-car-usage-cost .content .table-wrapper .left-column td{color:#8f96a0;background:#fff;font-size:14px;font-weight:500;line-height:20px}.annual-car-usage-cost .content .table-wrapper .left-column td>h3{color:#8f96a0;margin:0;font-size:14px;font-weight:500;line-height:20px}.annual-car-usage-cost .content .table-wrapper .left-column td:nth-child(odd),.annual-car-usage-cost .content .table-wrapper .left-column tbody tr:nth-child(2n) td{background:#fff}.annual-car-usage-cost .content .table-wrapper .left-column tbody tr:nth-child(odd) td{background:#e8fbf599}.annual-car-usage-cost .content .table-wrapper .center-column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:linear-gradient(-.000001deg,#008c996b 0%,#00b99157 58%,#00dac457 100%),linear-gradient(90deg,#009b3f1a 0% 100%);border:.5px solid #00ca9f;border-radius:16px;flex:1;max-width:366px;margin:0 -16px -8px;position:relative;box-shadow:12px 0 16px #1a867f1f}.annual-car-usage-cost .content .table-wrapper .center-column .car-image-wrapper{z-index:3;justify-content:center;margin-top:-44px;padding-top:0;display:flex;position:relative}.annual-car-usage-cost .content .table-wrapper .center-column .car-image-wrapper .car-image{-o-object-fit:cover;object-fit:cover;width:202px;height:auto}.annual-car-usage-cost .content .table-wrapper .center-column .current-car-tag{justify-content:center;margin-top:10px;margin-bottom:10px;display:flex}.annual-car-usage-cost .content .table-wrapper .center-column .current-car-tag span{color:#0c2337;background:#fff;border-radius:8px;padding:4px 8px;font-family:PingFang SC,sans-serif;font-size:18px;font-weight:600;line-height:20px}.annual-car-usage-cost .content .table-wrapper .center-column .car-name{color:#303741;text-align:center;margin:0 0 16px;padding:0 20px;font-family:PingFang SC,sans-serif;font-size:14px;font-weight:600;line-height:20px}.annual-car-usage-cost .content .table-wrapper .center-column .info-table-wrapper{background:linear-gradient(#ffffffa8 0%,#ffffffe6 13%,#fff 29% 100%);border:1px solid #fff;border-radius:8px;margin:0 8px 8px;overflow:hidden}.annual-car-usage-cost .content .table-wrapper .center-column table{border-collapse:collapse;width:100%}.annual-car-usage-cost .content .table-wrapper .center-column th,.annual-car-usage-cost .content .table-wrapper .center-column td{text-align:center;height:52px;padding:0 16px}.annual-car-usage-cost .content .table-wrapper .center-column tbody tr:nth-child(2n) td{background:#e8fbf5}.annual-car-usage-cost .content .table-wrapper .center-column tbody tr:last-child td{border-radius:0 0 7px 7px}.annual-car-usage-cost .content .table-wrapper .center-column .price-cell{justify-content:center;align-items:center;gap:4px;display:flex}.annual-car-usage-cost .content .table-wrapper .center-column .price-cell .price-value{color:#00998a;font-family:PingFang SC,sans-serif;font-size:18px;font-weight:600;line-height:20px}.annual-car-usage-cost .content .table-wrapper .center-column .price-cell .save-tag{border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;font-family:PingFang SC,sans-serif;font-size:12px;font-weight:500;line-height:14px;display:inline-flex}.annual-car-usage-cost .content .table-wrapper .center-column .price-cell .save-tag.primary{color:#fff;background:linear-gradient(90deg,#37e365 21%,#00c174 100%)}.annual-car-usage-cost .content .table-wrapper .center-column .price-cell .save-tag.secondary{color:#01bf62;background:0 0;border:.5px solid #01bf62}.annual-car-usage-cost .content .table-wrapper .right-column{border:.6px solid #c5d1d8;border-left:0;border-radius:0 8px 8px 0;flex-shrink:0;align-items:flex-end;width:370px;display:flex;overflow:hidden}.annual-car-usage-cost .content .table-wrapper .right-column table{border-collapse:collapse;width:100%}.annual-car-usage-cost .content .table-wrapper .right-column th,.annual-car-usage-cost .content .table-wrapper .right-column td{text-align:center;height:52px;padding:0 12px;font-family:PingFang SC,sans-serif}.annual-car-usage-cost .content .table-wrapper .right-column th{color:#000;background:linear-gradient(#8297ad3d 0%,#ffffff3d 141.35%),#fff;font-size:18px;font-weight:500;line-height:20px}.annual-car-usage-cost .content .table-wrapper .right-column td{color:#000;background:#e8fbf599;font-size:14px;font-weight:500;line-height:20px}.annual-car-usage-cost .content .table-wrapper .right-column td.desc-cell{color:#8f96a0}.annual-car-usage-cost .content .table-wrapper .right-column tbody tr:nth-child(2n) td{background:#fff}.annual-car-usage-cost .content .table-wrapper .right-column tbody tr:nth-child(odd) td{background:#e8fbf599}@media screen and (max-width:1440px){.annual-car-usage-cost .content .table-wrapper .left-column{width:150px}.annual-car-usage-cost .content .table-wrapper .right-column{width:250px}}
.car-base-info{box-sizing:border-box;background:#fff;border:1px solid #ededed;border-radius:22px;width:460px;padding:22px;position:sticky;top:114px;overflow:hidden;box-shadow:0 4px 6.3px #638a7e29}.car-base-info .title{color:#303741;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;font-family:PingFang SC;font-size:24px;font-weight:600;line-height:34px}.car-base-info .tag-list{flex-wrap:wrap;align-items:center;gap:4px;margin-top:10px;display:flex}.car-base-info .tag-list .tag-item{color:#303741;border:.5px solid #d8dde6;border-radius:2px;flex-direction:row;justify-content:center;align-items:center;height:20px;padding:0 8px;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:140%;display:flex}.car-base-info .tag-list .tag-item-icon{width:auto;height:20px}.car-base-info .price-info{margin-top:33px}.car-base-info .price-info .real{flex-wrap:wrap;align-items:baseline;display:flex}.car-base-info .price-info .real .real-price{align-items:baseline;display:flex}.car-base-info .price-info .real .real-price .value{color:#ff4d18;height:34px;font-family:D-DIN;font-size:34px;font-weight:700;line-height:34px;position:relative;bottom:-2px}.car-base-info .price-info .real .real-price .unit{color:#ff4d18;margin-left:2px;font-family:PingFang SC;font-size:14px;font-weight:600;line-height:14px}.car-base-info .price-info .real .real-price .value-disabled,.car-base-info .price-info .real .real-price .unit-disabled{color:#979bac}.car-base-info .price-info .real .reference-price{color:#8f96a0;margin:0 10px;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:14px}.car-base-info .price-info .real .finance{color:#a64d00;background:#f5efed;border-radius:6px;align-items:center;width:max-content;margin-top:10px;padding:4px 10px;font-family:PingFang SC;font-size:12px;font-weight:500;line-height:14px;display:flex}.car-base-info .price-info .real .finance .finance-button{cursor:pointer;margin-left:4px}.car-base-info .detail-button-box{justify-content:space-between;align-items:center;gap:10px;margin-top:73px;display:flex}.car-base-info .detail-button-box .base-btn{text-align:center;cursor:pointer;border:none;border-radius:99px;width:100%;height:48px;font-family:PingFang SC;font-size:16px;font-weight:500}.car-base-info .detail-button-box .service-btn{color:#01bf62;background:#fff;border:1px solid #01bf62}.car-base-info .detail-button-box .buy-btn{color:#fff;background:#009b3f;border:1px solid #01bf62}.car-base-info .detail-button-box .disabled-btn{color:#999;cursor:not-allowed;background:#f0f0f0;border:1px solid #f0f0f0;box-shadow:inset 0 -2px 4px #00000014}@media screen and (max-width:1440px){.car-base-info{width:305px}.car-base-info .detail-button-box{flex-direction:column-reverse}.car-base-info .detail-button-box .base-btn{height:40px;font-size:14px}}
.car-condition{box-sizing:border-box;background:linear-gradient(#94f7b566 0%,#fff6 10%) padding-box padding-box;border:4px solid #0000;border-radius:20px;width:952px;padding:38px;position:relative}.car-condition:after{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#fbfefd 0%,#eefcf1 100%);border-radius:20px;padding:4px;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.car-condition .car-condition__tag-list{align-items:center;gap:4px;margin:20px 0;display:flex}.car-condition .car-condition__tag-item{color:#303741;border:.5px solid #d8dde6;border-radius:2px;flex-direction:row;justify-content:center;align-items:center;height:18px;padding:0 4px;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:140%;display:flex}.car-condition .car-condition__tag-item-icon{width:auto;height:18px}.car-condition .car-condition__box{box-sizing:border-box;border-radius:6px;width:100%;padding:12px 0}.car-condition .car-condition__box .car-condition__car-desc{box-sizing:border-box;background-image:url(https://image-pub.guazistatic.com/qnbdp1066x30bdc9bc76cd41748f7df96a1e8aebf61767168614.png);background-position:0 0;background-repeat:no-repeat;background-size:98px 76px;height:90px;padding:0 12px 12px 140px}.car-condition .car-condition__box .car-condition__car-desc .car-condition-icon{width:67px;height:22px;display:block}.car-condition .car-condition__box .car-condition__car-desc .car-condition-list{color:#303741;font-family:PingFang SC;font-weight:500;line-height:140%;font-style:Medium;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;font-size:14px;line-height:16.8px;display:flex}.car-condition .car-condition__box .car-condition__car-desc .car-condition-list .condition-item{font-family:PingFang SC;font-weight:500;font-style:Medium;letter-spacing:0;margin-left:2px;padding-right:12px;font-size:14px;line-height:16.8px;position:relative}.car-condition .car-condition__box .car-condition__car-desc .car-condition-list .condition-item:after{content:"";background-color:#bec5cf;width:.5px;height:12px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.car-condition .car-condition__box .car-condition__car-desc .car-condition-list .condition-item:last-child:after{display:none}.car-condition .car-condition__functional-configuration{grid-template-columns:repeat(6,110px);justify-content:space-between;row-gap:20px;display:grid}.car-condition .car-condition__functional-configuration .car-info-item{width:100%;position:relative}.car-condition .car-condition__functional-configuration .car-info-item:after{content:"";background-color:#dbdbdb;width:.5px;height:35px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.car-condition .car-condition__functional-configuration .car-info-item:nth-child(6n):after,.car-condition .car-condition__functional-configuration .car-info-item:last-child:after{display:none}.car-condition .car-condition__functional-configuration .car-info-item .car-info-item-value{color:#36483d;font-family:PingFang SC;font-weight:500;font-style:Medium;padding-bottom:3px;font-size:14px;line-height:19.6px}.car-condition .car-condition__functional-configuration .car-info-item .car-info-item-label{color:#8f96a0;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:16.8px}.car-condition .configItem__title{box-sizing:border-box;color:#303741;font-family:PingFang SC;font-weight:600;font-style:Semibold;align-items:center;margin:20px 0;font-size:18px;display:flex}.car-condition .car-condition__highlight-configItem{box-sizing:border-box;border-radius:6px;width:100%;margin:12px 0 0}.car-condition .car-condition__highlight-configItem .highlight-configItem__box{box-sizing:border-box;grid-template-columns:repeat(6,110px);justify-content:space-between;row-gap:20px;display:grid}.car-condition .car-condition__highlight-configItem .highlight-configItem__box .highlight-configItem__item{color:#36483d;letter-spacing:0;width:100%;height:20px;font-family:PingFang SC;font-size:14px;font-weight:500;line-height:12px}@media screen and (max-width:1440px){.car-condition{width:695px}.car-condition .car-condition__functional-configuration{grid-template-columns:repeat(4,110px)}.car-condition .car-condition__functional-configuration .car-info-item{width:100%}.car-condition .car-condition__functional-configuration .car-info-item:nth-child(6n):after{display:block}.car-condition .car-condition__functional-configuration .car-info-item:nth-child(4n):after,.car-condition .car-condition__functional-configuration .car-info-item:last-child:after{display:none}.car-condition .car-condition__highlight-configItem .highlight-configItem__box{grid-template-columns:repeat(4,110px)}}