@charset "UTF-8";.button-white{background-color:#fff;border:1px solid #fff;color:#000;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.button-black{background-color:#000;border:1px solid #000;color:#fff;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.button-transparent-white{border:1px solid #fff;background-color:transparent;color:#fff;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.button-transparent-black{border:1px solid #000;background-color:transparent;color:#000;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.color-white{color:#fff}
.color-black{color:#000}
@keyframes fadeIn{0{opacity:0}
100%{opacity:1}
}
@keyframes fadeOut{0{opacity:1}
100%{opacity:0}
}
@keyframes delayedDisplay{0{display:none}
100%{display:block}
}
#loadingModal{background:rgba(0,0,0,0.8);pointer-events:none}
#loadingModal .modal-content{width:96%;height:fit-content;max-width:700px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:35px;box-sizing:border-box;background:transparent}
#loadingModal .modal-content .d-flex{display:flex;justify-content:center}
#loadingModal .modal-content .d-flex .loader{width:50px;aspect-ratio:1;border-radius:50%;border:4px solid #7d051f;animation:l20-1 1s infinite linear alternate,l20-2 2s infinite linear}
@keyframes l20-1{0{clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}
12.5%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}
25%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}
50%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}
62.5%{clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}
75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}
100%{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}
}
@keyframes l20-2{0{transform:scaleY(1) rotate(0)}
49.99%{transform:scaleY(1) rotate(135deg)}
50%{transform:scaleY(-1) rotate(0)}
100%{transform:scaleY(-1) rotate(-135deg)}
}
html:has(.cmp-model-comparison){overscroll-behavior:none}
.compare-scrollbar::-webkit-scrollbar{width:4px}
.compare-scrollbar::-webkit-scrollbar-thumb{border-radius:2px;background:#ccc;margin-right:4px}
.cmp-model-comparison{display:flex;justify-content:center;flex-wrap:wrap;width:100%;height:100%;font-family:"AudiTypeGBNormal";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cmp-model-comparison .cmp-model-comparison_wrapper{width:100%}
.cmp-model-comparison .cmp-model-comparison_container{width:100%;box-sizing:border-box}
.cmp-model-comparison .cmp-model-comparison_container .header-banner{position:relative;z-index:101}
.cmp-model-comparison .cmp-model-comparison_container .header-banner img{width:100%}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-name{font-family:"AudiTypeExtendedBold"}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-name,.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-name-tip{position:absolute;color:white}
.cmp-model-comparison .cmp-model-comparison_container .fix-top-content .sticky-wrapper{position:relative;z-index:100}
.cmp-model-comparison .cmp-model-comparison_container .fix-top-content .sticky-wrapper.is-fixed .sticky-wrapper-container{width:100%}
.cmp-model-comparison .cmp-model-comparison_container .header-tip{display:flex;align-items:flex-end;width:100%;height:64px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip .header-tip_container{height:64px;width:100%;display:flex;align-items:flex-end}
.cmp-model-comparison .cmp-model-comparison_container .header-tip .header-tip_container .back-item{box-sizing:border-box;display:inline-flex;cursor:pointer;font-size:24px;font-weight:400;line-height:1;margin-right:24px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip .header-tip_container .back-item .icon{margin-right:10px;width:24px;height:24px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip .header-tip_container .item{display:inline-flex;align-items:center;margin-right:16px;font-size:16px;font-style:normal;font-weight:400}
.cmp-model-comparison .cmp-model-comparison_container .header-tip .header-tip_container .item .icon{display:inline-block;margin-right:4px;width:12px;height:12px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-mobile__container{border-bottom:1px solid rgba(255,255,255,0.2)}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-mobile__container .car-name{font-family:AudiTypeExtendedBold}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box{display:flex;flex-wrap:wrap;overscroll-behavior-x:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider{display:flex;flex-wrap:wrap;align-content:flex-start;box-sizing:content-box;height:fit-content !important;position:sticky;z-index:100}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container{width:100%;box-sizing:content-box}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;box-sizing:border-box;border-bottom:1px solid rgba(36,41,43,0.1);border-top:1px solid rgba(36,41,43,0.1)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .ant-checkbox-wrapper{font-family:"AudiTypeGBNormal";font-size:20px;font-weight:400;line-height:1.2}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner{width:24px;height:24px;border:1px solid gray;border-radius:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner{background-color:#fff}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after{transform:rotate(45deg) scale(1.3) translate(-50%,-50%);border-color:gray;border-width:1px;inset-inline-start:30%}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .ant-checkbox-wrapper .ant-checkbox+span{padding-inline-start:12px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .form-check{display:flex;align-items:center;justify-content:center;font-family:AudiTypeGBNormal;font-weight:400;color:#000;position:relative}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .form-check:has(.show-dif-check[disabled]) .show-dif-check{cursor:not-allowed}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .form-check:has(.show-dif-check[disabled]) .checked-inner{background:transparent;border-radius:4px;border:1px solid rgba(219,223,230,0.4)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .form-check:has(.show-dif-check[disabled]) .form-check-label{color:rgba(0,0,0,0.25)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .form-check .show-dif-check{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .form-check label{color:#fff}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .form-check .checked-inner{pointer-events:none;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid rgba(219,223,230,0.4)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .form-check .checked-inner svg{opacity:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-slider-nav{width:100%;box-sizing:border-box;position:relative}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-slider-nav .item{display:flex;align-items:center;position:relative;cursor:pointer;width:fit-content;height:56px;box-sizing:border-box;font-size:16px;line-height:1.5;font-weight:400;color:#fff;overflow:hidden;background:transparent;border:1px solid transparent;border-radius:999px;backdrop-filter:blur(10px);transition:all .2s ease}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-slider-nav .item:hover,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-slider-nav .item.active{border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.1)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-slider-nav .item .nav-name{position:relative;z-index:2;max-height:48px;overflow:hidden;pointer-events:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-slider-nav .item.active{font-family:"AudiTypeExtendedBold";font-weight:400}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table{position:relative;box-sizing:border-box;overscroll-behavior-x:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table{width:100%;overscroll-behavior-x:none;position:sticky;z-index:101;scrollbar-width:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container{width:100%;overscroll-behavior-x:none;scrollbar-width:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container.no-interaction{pointer-events:none;touch-action:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container::-webkit-scrollbar{opacity:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table{width:100%;table-layout:fixed;border-collapse:collapse;position:relative;overscroll-behavior-x:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item{width:100%;border-right:1px solid rgba(36,41,43,0.1);background:#2c343f;position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .close-icon{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;box-sizing:content-box;cursor:pointer}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .close-icon svg{pointer-events:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .car-name-title{width:100%;box-sizing:border-box;white-space:normal;font-style:normal;font-size:16px;font-weight:400;line-height:1.5;height:48px;overflow:hidden}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .price-name{font-style:normal;width:100%;box-sizing:border-box;font-size:16px;font-weight:700;margin-top:8px;line-height:1.25}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .price-name .suffix{font-size:12px;font-style:normal;font-weight:400;line-height:20px;color:#fff;margin-left:4px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .ask-price{box-sizing:border-box;color:#000;font-size:12px;display:inline-flex;align-items:center;justify-content:space-between;line-height:1.67;border:1px solid #000;gap:4px;height:36px;min-width:121px;margin-top:16px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .ask-price svg{width:10px;height:10px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .ask-price svg path{stroke:#000}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .tools{margin-top:16px;display:flex;justify-content:start;align-items:center;width:100%;height:fit-content}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .tools .inquire-price{display:flex;width:fit-content;position:relative;cursor:pointer;height:fit-content}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .tools .inquire-price .inquire-price-container{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;height:100%;font-size:12px;line-height:20px;margin-right:16px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .tools .financial-calculator{display:flex;width:fit-content;position:relative;cursor:pointer}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .tools .financial-calculator .financial-calculator-container{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;height:100%;font-size:12px;line-height:20px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title{display:flex;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;padding:20px;position:relative}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .car-type{font-size:24px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .change-car-button{font-size:16px;line-height:1.5;cursor:pointer}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .change-car-button .icon{margin-left:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .change-car-button .icon svg{width:14px;height:14px;margin-top:4px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .prev-button{position:absolute;top:50%;transform:translateX(50%) translateY(-50%);right:0;width:calc(36 / 1920 * 100dvw);height:calc(36 / 1920 * 100dvw);display:flex;justify-content:center;align-items:center;background-color:#efefef;cursor:pointer}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .prev-button svg{width:calc(16 / 1920 * 100dvw);height:calc(16 / 1920 * 100dvw)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .prev-button.no-interaction{pointer-events:none;touch-action:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .prev-button:hover{background-color:#f50537}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .prev-button:hover svg path{stroke:#fff}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .prev-button.is-disabled{cursor:not-allowed;opacity:.5}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .prev-button.is-disabled:hover{background-color:#efefef}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .prev-button.is-disabled:hover svg path{stroke:#000}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .form-switch{padding:0;margin:0;position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .form-switch .outline{background-color:#e5e5e5;position:relative;pointer-events:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .form-switch .outline .inner{background-color:#fff;border-radius:100%;position:absolute;transition:all ease-in-out .3s}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .form-switch .show-dif-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .diff-checkbox_title{color:#000;width:100%;text-align:center}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch{background-color:#e5e5e5}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch>div{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch .ant-switch-inner,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch .ant-switch-handle{display:block}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch.ant-switch-checked{background-color:#000}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title>*{display:flex;width:100%;justify-content:flex-start}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.add-car-item{display:flex;align-items:center;justify-content:center;flex-direction:column}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.add-car-item .add-car-circle-icon{cursor:pointer}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.add-car-item .add-car-tip{color:#fff;text-align:center;font-style:normal;font-weight:400;line-height:1.5}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.add-car-item:has(.add-car-circle-icon.forbid) .add-car-circle-icon{cursor:not-allowed}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.add-car-item:has(.add-car-circle-icon.forbid) .add-car-circle-icon svg path{stroke:rgba(0,0,0,0.25)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.add-car-item:has(.add-car-circle-icon.forbid) .add-car-circle-icon svg circle{stroke:rgba(0,0,0,0.25)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.add-car-item:has(.add-car-circle-icon.forbid) .add-car-tip{color:rgba(0,0,0,0.25)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td:first-child{position:sticky;left:0;z-index:1}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .next-button{position:absolute;top:50%;transform:translateX(50%) translateY(-50%);right:4px;width:calc(36 / 1920 * 100dvw);height:calc(36 / 1920 * 100dvw);display:flex;justify-content:center;align-items:center;background-color:#efefef;cursor:pointer;z-index:1}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .next-button svg{width:calc(16 / 1920 * 100dvw);height:calc(16 / 1920 * 100dvw)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .next-button.no-interaction{pointer-events:none;touch-action:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .next-button:hover{background-color:#f50537}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .next-button:hover svg path{stroke:#fff}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .next-button.is-disabled{touch-action:none;cursor:not-allowed;opacity:.5}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .next-button.is-disabled:hover{background-color:#efefef}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .next-button.is-disabled:hover svg path{stroke:#000}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container{overflow:scroll auto;overscroll-behavior-x:none;scrollbar-width:none;width:100%}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .no-border-r{border-right:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container::-webkit-scrollbar{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table{width:100%;table-layout:fixed;border-collapse:collapse;position:relative}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table .type-title{position:relative}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table .type-title td{font-weight:bold}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table .type-title .sticky-wrapper .cell-item{border-bottom:1px solid #e5e5e5}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tr td{box-sizing:border-box}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tr td:first-child{position:sticky;left:0;z-index:1}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tr td .cell-item{word-break:break-word}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td{position:relative}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td::before{position:absolute;top:0;right:0;width:1px;height:100%;background-color:rgba(36,41,43,0.1);content:""}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td::after{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:rgba(36,41,43,0.1);content:""}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item{box-sizing:border-box;display:flex;align-items:center;align-content:center;flex-wrap:wrap}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item:has(.alternative-icon) .value-cub .item{margin-left:16px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item:has(.alternative-icon) .value-cub:has(.item span:empty){width:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .top-content-icon{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .options-type-icon{width:12px;height:12px;display:inline-block;background-repeat:no-repeat;background-size:100%}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .options-type-icon.standard-icon{background-image:url("../../../../etc.clientlibs/OneWeb/components/modelComparison/clientlibs/resources/standard.svg")}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .options-type-icon.alternative-icon{background-image:url("../../../../etc.clientlibs/OneWeb/components/modelComparison/clientlibs/resources/alternative.svg")}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .options-type-icon.optional-package-icon{background-image:url("../../../../etc.clientlibs/OneWeb/components/modelComparison/clientlibs/resources/optionalPackage.svg")}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .options-type-icon.none-package-icon{background-image:url("../../../../etc.clientlibs/OneWeb/components/modelComparison/clientlibs/resources/nonePackage.svg")}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .options-type{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;gap:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .value-cub{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .tooltip-icon{width:24px;display:inline-flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-size:100%;cursor:pointer}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .tooltip-icon svg{width:16px;height:16px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .tooltip-icon:hover svg circle{fill:#f50537}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .img-dialog-icon{width:24px;display:inline-flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-size:100%;cursor:pointer}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .img-dialog-icon svg{width:24px;height:24px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .img-dialog-icon:hover svg circle{fill:#f50537}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .img-dialog-icon:hover svg rect,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .img-dialog-icon:hover svg path{stroke:#f50537}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .img-dialog-icon:hover svg path{fill:#f50537}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item .img-dialog-icon:hover svg rect{fill:#fff}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item.row-title{display:flex;align-items:flex-start;flex-wrap:wrap}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item.row-title>*{width:100%}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td:not(:first-child) .cell-item{text-align:center;justify-content:center}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title td::before{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title td::after{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item{font-family:"AudiTypeExtendedBold"}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td{display:flex;align-items:center;justify-content:space-between;background:#393f49}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td.fixed-wrapper{background:#181d25}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td.fixed-wrapper::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#393f49}
@media screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1920px),screen and (min-width:1280px) and (max-width:1919px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px){.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td.fixed-wrapper::before{border-top-right-radius:20px;border-top-left-radius:20px}
}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td.fixed-wrapper::before{z-index:-1}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name{position:relative;display:flex;align-items:center;align-content:center;flex-direction:row}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name .arrow-icon{width:12px;display:flex;margin-left:4px;align-content:center;justify-content:center;margin-bottom:1px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name .arrow-icon svg{margin-top:4px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name .type-name-select{position:absolute;top:0;left:0;width:100%;height:100%;outline:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name .type-name-select select{background:transparent;padding-left:100%;border:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name .type-name-select select option{display:flex;align-content:center;justify-content:flex-start}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-tip .item{display:inline-flex;align-items:center;margin-right:8px;font-size:10px;line-height:16px;font-style:normal;font-weight:400;font-family:AudiTypeGBNormal}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-tip .item .icon{display:inline-block;margin-right:4px;width:12px;height:12px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-tip .item .icon.standard-icon{background:url("../../../../etc.clientlibs/OneWeb/components/modelComparison/clientlibs/resources/standard.svg")}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-tip .item .icon.alternative-icon{background:url("../../../../etc.clientlibs/OneWeb/components/modelComparison/clientlibs/resources/alternative.svg")}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-tip .item .icon.optional-package-icon{background:url("../../../../etc.clientlibs/OneWeb/components/modelComparison/clientlibs/resources/optionalPackage.svg")}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-tip .item .icon.none-package-icon{background:url("../../../../etc.clientlibs/OneWeb/components/modelComparison/clientlibs/resources/nonePackage.svg")}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .bg-table thead{opacity:0;visibility:hidden;pointer-events:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .bg-table tbody tr.type-title .sticky-wrapper.is-fixed .cell-item{background-color:#e5e5e5}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .favorite-icon{background-position:center;background-size:cover}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area td{border:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box.show-dif .is-same{display:none !important}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box.show-dif .form-check .checked-inner svg{opacity:1 !important}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box.show-dif .form-switch .outline{background-color:#89ff89 !important}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box.show-dif .form-switch .outline::before{content:"";position:absolute;display:block;top:50%;left:13px;transform:translateY(-50%);width:1px;height:6px;background:#000}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box.show-dif .form-switch .outline .inner{background-color:#000 !important}
.cmp-model-comparison .cmp-model-comparison_container .right-toolbar{position:fixed;top:72px;right:0;pointer-events:none;width:40px;height:calc(100% - 72px);display:flex;align-items:center;justify-content:flex-end;padding-bottom:10%;flex-direction:column;box-sizing:border-box;z-index:300}
.cmp-model-comparison .cmp-model-comparison_container .right-toolbar .item{cursor:pointer;pointer-events:auto;width:40px;height:40px;background-color:#000;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.cmp-model-comparison .cmp-model-comparison_container .right-toolbar .item.share svg{width:24px;height:24px}
.cmp-model-comparison .cmp-model-comparison_container .right-toolbar .item.back-to-top svg{width:24px;height:24px}
.cmp-model-comparison .cmp-model-comparison_container .icon.standard-icon{background:url("../../../../etc.clientlibs/OneWeb/components/modelComparison/clientlibs/resources/standard.svg")}
.cmp-model-comparison .cmp-model-comparison_container .icon.alternative-icon{background:url("../../../../etc.clientlibs/OneWeb/components/modelComparison/clientlibs/resources/alternative.svg")}
.cmp-model-comparison .cmp-model-comparison_container .icon.optional-package-icon{background:url("../../../../etc.clientlibs/OneWeb/components/modelComparison/clientlibs/resources/optionalPackage.svg")}
.cmp-model-comparison .cmp-model-comparison_container .icon.none-package-icon{background:url("../../../../etc.clientlibs/OneWeb/components/modelComparison/clientlibs/resources/nonePackage.svg")}
.cmp-model-comparison .sticky-wrapper{width:100%}
.cmp-model-comparison .footer-fragment{position:sticky;opacity:0;left:0;z-index:100;width:100%;display:flex;align-items:flex-end;background:#000;overflow:hidden;pointer-events:auto}
.cmp-model-comparison .footer-fragment iframe{width:100%;height:100%;border:0}
.cmp-model-comparison .footer-fragment iframe .footer-icons a{pointer-events:auto}
.audi-comparison-add-car-dialog{pading:36px;box-sizing:border-box}
.audi-comparison-add-car-dialog .add-car-select{width:100%;margin-bottom:24px}
.audi-comparison-add-car-dialog .add-car-confirm-button{width:100%;height:44px;color:#FFF;text-align:center;font-family:"AudiTypeGBNormal";font-size:16px;font-style:normal;font-weight:400;line-height:1.5;background-color:#000;margin-top:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.audi-comparison-add-car-drawer .ant-drawer-header{border-bottom:0}
.audi-comparison-add-car-drawer .ant-drawer-header .ant-drawer-header-title{flex-direction:row-reverse}
.audi-comparison-add-car-drawer .ant-drawer-header .ant-drawer-header-title .ant-drawer-title{font-size:20px;font-family:AudiTypeExtendedBold}
.audi-comparison-add-car-drawer .audi-select{width:100%;margin-bottom:22px}
#model-compare .modal-dialog{width:36vw;max-width:690px;height:100vh;margin:0 auto;display:flex;align-items:center}
#model-compare .modal-dialog .modal-content{background:linear-gradient(180deg,#2c343f 0,#232a34 100%);color:#fff;border-radius:20px;border:1px solid rgba(255,255,255,0.2);padding:36px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 32px rgba(0,0,0,0.18)}
#model-compare .modal-dialog .modal-content .modal-header{border:0;padding:0;color:#fff;font-family:AudiTypeExtendedBold;font-size:18px;font-style:normal;font-weight:700;line-height:1.55}
#model-compare .modal-dialog .modal-content .modal-header .btn-close{cursor:pointer;width:48px;height:48px;box-sizing:border-box;position:absolute;top:0;right:0;padding:0;margin:0;border:0;filter:invert(1);opacity:1}
#model-compare .modal-dialog .modal-content .modal-body{padding:0;display:flex;flex-direction:column;gap:12px;max-height:90vh}
#model-compare .modal-dialog .modal-content .modal-body .content-text{color:#fff;font-family:"AudiTypeGBNormal";font-size:12px;font-style:normal;font-weight:400;line-height:1.66}
#model-compare .modal-dialog .modal-content .modal-body .equipment-display-picture{width:100%;object-fit:cover}
#model-compare .modal-dialog .modal-content .modal-body .equipment-display-picture img{width:100%;max-height:50vh}
#model-compare.only-title .modal-dialog .modal-content .modal-body{display:none}
#model-compare.only-img .modal-dialog .modal-content{padding:0}
#model-compare.only-img .modal-dialog .modal-content .modal-header{position:absolute;top:0;left:0;width:100%;height:50px;z-index:1}
#model-compare.only-img .modal-dialog .modal-content .modal-body .content-text{display:none}
#model-compare-add-car{overflow:hidden}
#model-compare-add-car .modal-dialog{width:36vw;max-width:690px;height:100%;margin:0 auto;display:flex;align-items:center}
#model-compare-add-car .modal-dialog .modal-content{padding:36px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#2c343f 0,#232a34 100%);border-radius:20px;border:1px solid rgba(255,255,255,0.2);box-shadow:0 8px 32px rgba(0,0,0,0.18)}
#model-compare-add-car .modal-dialog .modal-content .modal-header{border:0;padding:0;color:#fff;font-family:"Audi Type";font-size:20px;font-style:normal;font-weight:700;line-height:normal}
#model-compare-add-car .modal-dialog .modal-content .modal-header .btn-close{cursor:pointer;width:48px;height:48px;box-sizing:border-box;position:absolute;top:0;right:0;padding:0;margin:0;border-top-right-radius:20px;overflow:hidden;--bs-btn-close-bg:unset;display:flex;justify-content:center;align-items:center}
#model-compare-add-car .modal-dialog .modal-content .modal-body{padding:0;display:flex;flex-direction:column;gap:24px;max-height:90vh}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item{position:relative}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .label{display:none;color:#666;position:absolute;top:0;left:0;height:50px;line-height:50px;width:calc(100% - 40px);transition:all ease 200ms}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .collapse-container{width:24px;height:24px;position:absolute;right:12px;transition:all .3s ease-in-out;bottom:16px;transform:rotate(180deg)}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .collapse-container svg{width:24px;height:24px}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item:hover .form-select{background:rgba(64,74,89,0.4);border-color:rgba(219,223,230,0.4);color:rgba(255,255,255,0.7)}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .form-select{border-radius:10px;border:1px solid rgba(219,223,230,0.4);box-shadow:unset;height:48px;line-height:48px;background-position:right 0 center;padding:12px;pointer-events:none;width:100%;background:rgba(24,29,37,0.4);transition:all .2s ease-in-out}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .form-select::placeholder{color:rgba(255,255,255,0.7);font-family:AudiTypeGBNormal;font-size:16px;font-style:normal;font-weight:400;line-height:1}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .form-select:not(:placeholder-shown){color:#fff}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .form-select option{border-radius:0}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .select-area{position:absolute;top:55px;left:0;width:100%;background:#1a2028;z-index:10;max-height:330px;overflow:hidden auto;display:none;padding:8px;border-radius:10px}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .select-area .select-item{width:100%;height:110px;display:flex;align-items:center;padding:0 0 0 8px;border-radius:4px}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .select-area .select-item picture{pointer-events:none}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .select-area .select-item picture .series-img,#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .select-area .select-item picture .type-img{width:180px;margin-top:-8px;display:inline-flex;pointer-events:none}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .select-area .select-item .series-name{display:inline-flex;flex:1;padding:0 24px 0 16px;box-sizing:border-box;flex-wrap:wrap;word-break:break-word;color:rgba(255,255,255,0.7);font-family:AudiTypeExtendedBold;font-size:20px;font-style:normal;font-weight:700;line-height:1.2;pointer-events:none}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .select-area .select-item .type-name{display:inline-flex;flex:1;padding:0 24px 0 14px;box-sizing:border-box;flex-wrap:wrap;pointer-events:none}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .select-area .select-item .type-name .title{word-break:break-word;color:rgba(255,255,255,0.7);font-family:AudiTypeGBNormal;font-size:14px;font-style:normal;font-weight:400;line-height:24px;pointer-events:none;height:38px;width:100%}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .select-area .select-item .type-name .price{color:#999;font-family:AudiTypeGBNormal;font-size:12px;font-style:normal;font-weight:700;line-height:20px;width:100%}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .select-area .select-item:hover,#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item .select-area .select-item.active{background-color:#2c343f}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item:focus .label,#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item.active .label{font-size:10px;font-style:normal;font-weight:400;line-height:20px;width:auto;height:auto}
#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item:focus .collapse-container,#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item:focus-visible .collapse-container,#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item:active .collapse-container{transform:rotate(0)}
#model-compare-add-car .modal-dialog .modal-content .modal-body .confirm-button{position:relative;overflow:hidden;background:linear-gradient(275.8deg,#cacfd9 2.47%,#f1f1f1 97.2%);backdrop-filter:blur(10px);--aui-response-disabled:true;transition:opacity .3s ease}
#model-compare-add-car .modal-dialog .modal-content .modal-body .confirm-button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;transition:opacity .3s ease;z-index:-1}
#model-compare-add-car .modal-dialog .modal-content .modal-body .confirm-button:hover::before{opacity:1}
@media screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px),screen and (min-width:744px) and (max-width:1279px),screen and (max-height:1003px) and (max-width:743px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px){#model-compare-add-car .modal-dialog .modal-content .modal-body .confirm-button:hover::before{opacity:0}
}
#model-compare-add-car .modal-dialog .modal-content .modal-body .confirm-button span{position:relative;z-index:1}
#model-compare-add-car .modal-dialog .modal-content .modal-body .confirm-button .aui-response{display:none !important}
#model-compare-add-car .modal-dialog .modal-content .modal-body .confirm-button{color:#000;border:0;text-align:center;font-family:AudiTypeGBNormal;position:relative;font-size:16px;font-style:normal;font-weight:400;line-height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;height:44px}
#model-compare-add-car .modal-dialog .modal-content .modal-body .confirm-button.disabled{position:relative;overflow:hidden;background:linear-gradient(134deg,rgba(255,255,255,0.2) .84%,rgba(168,175,188,0.2) 99.16%);backdrop-filter:blur(10px);--aui-response-disabled:true;transition:opacity .3s ease}
#model-compare-add-car .modal-dialog .modal-content .modal-body .confirm-button.disabled::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(134deg,rgba(255,255,255,0.2) .84%,rgba(168,175,188,0.2) 99.16%);opacity:0;transition:opacity .3s ease;z-index:-1}
#model-compare-add-car .modal-dialog .modal-content .modal-body .confirm-button.disabled:hover::before{opacity:1}
@media screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px),screen and (min-width:744px) and (max-width:1279px),screen and (max-height:1003px) and (max-width:743px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px){#model-compare-add-car .modal-dialog .modal-content .modal-body .confirm-button.disabled:hover::before{opacity:0}
}
#model-compare-add-car .modal-dialog .modal-content .modal-body .confirm-button.disabled span{position:relative;z-index:1}
#model-compare-add-car .modal-dialog .modal-content .modal-body .confirm-button.disabled .aui-response{display:none !important}
#model-compare-add-car .modal-dialog .modal-content .modal-body .confirm-button.disabled{color:rgba(255,255,255,0.4);border:0;cursor:not-allowed}
#model-compare-add-car .modal-dialog .modal-content .modal-body .confirm-button.disabled::before{display:none}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape){#model-compare-add-car .modal-dialog .modal-content .modal-body .select-box-item.car-detail .select-area{max-height:280px}
}
.tooltip.compare-tooltip{z-index:100}
.tooltip.compare-tooltip .tooltip-inner{border-radius:0;font-family:AudiTypeGBNormal;padding:12px;color:#FFF;font-size:16px;font-style:normal;font-weight:400;line-height:24px}
.model-compare-draw{display:none}
@media screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1920px){.cmp-model-comparison .cmp-model-comparison_container{padding-top:72px}
.cmp-model-comparison .cmp-model-comparison_container .header-banner{height:190px;width:100%}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-name{top:67px;left:96px;font-size:36px;font-style:normal;font-weight:700;z-index:11}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-name-tip{left:96px;top:119px;font-size:28px;font-style:normal;font-weight:400}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-bg{width:100%;height:100%;object-fit:cover}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-img{width:636px;height:358px;top:-50px;right:112px;position:absolute;z-index:10}
.cmp-model-comparison .cmp-model-comparison_container .header-banner-hr{height:35px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip .header-tip_container{padding:20px 121px 20px 96px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip .header-tip_container .back-item{width:244px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box{position:relative}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider{z-index:0;width:244px;padding-left:96px;top:136px;min-height:calc(100% - 361px)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-filter{height:201px;position:sticky;top:136px;z-index:100}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-filter .form-check{font-size:20px;line-height:24px;gap:12px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-filter .form-check .checked-inner{width:24px;height:24px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-filter .form-check .checked-inner svg{height:12px;width:12px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider-nav{padding-top:24px;height:calc(100% - 201px)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider-nav .item{padding:0 32px 0 32px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table{width:calc(100% - 24px - 96px - 121px - 244px);margin-left:24px;margin-right:121px;user-select:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table{top:136px;left:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container{overflow:scroll hidden}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item{height:201px;padding:48px 24px 24px 24px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .close-icon{padding:16px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-circle-icon{width:44px;height:44px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-icon-mobile{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-tip{font-size:16px;margin-top:18px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container::-webkit-scrollbar{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container::before{content:"";top:0;left:-24px;width:24px;height:100%;position:absolute;border-top:1px solid rgba(36,41,43,0.1);border-left:1px solid rgba(36,41,43,0.1)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container::after{content:"";top:0;right:-120px;width:121px;border-left:1px solid rgba(36,41,43,0.1);height:100%;position:absolute}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container::-webkit-scrollbar{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item{padding:20px;font-size:16px;font-weight:400;line-height:1.5}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title{font-size:14px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td{padding-left:20px;padding-top:18px;padding-bottom:18px;font-weight:400}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name{margin-right:58px;font-size:20px;line-height:1}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name .type-name-select,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name .arrow-icon{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-tip{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .bg-table tbody tr.type-title .sticky-wrapper.is-fixed .cell-item{width:100%}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area{position:sticky;left:0;z-index:99}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area{padding:42px 80px 308px 0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row{display:flex;align-items:center;justify-content:flex-start}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item{display:flex;align-items:center;margin-right:36px;cursor:pointer}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .download-icon{background:url("../../../../etc.clientlibs/OneWeb/components/modelComparison/clientlibs/resources/save-as.svg") no-repeat}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .download-icon,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .favorite-icon{width:24px;height:24px;display:inline-block;margin-right:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .label{font-size:12px;font-style:normal;font-weight:400;line-height:1.6}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .footnote{margin-top:18px;font-size:12px;font-style:normal;font-weight:400;line-height:1.5}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .button-row{margin-top:24px;display:flex;align-items:center;justify-content:flex-start}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .button-row>*{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-style:normal;font-weight:400;cursor:pointer;margin-right:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .footer-fragment{position:absolute}
html.ios .cmp-model-comparison .cmp-model-comparison_container .header-banner .car-name{font-weight:400}
html.ios .cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider-nav .item.active .nav-name{font-weight:400}
html.ios .cmp-model-comparison .cmp-model-comparison_container .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td{font-weight:400}
}
@media screen and (min-width:1280px) and (max-width:1919px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px){.cmp-model-comparison .cmp-model-comparison_container{padding-top:72px}
.cmp-model-comparison .cmp-model-comparison_container .header-banner{height:122px;width:100%}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-name{top:36px;left:76px;font-size:20px;line-height:1;font-style:normal;font-weight:700;z-index:11}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-name-tip{left:76px;top:70px;font-size:14px;font-style:normal;font-weight:400;line-height:1}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-bg{width:100%;height:100%;object-fit:cover}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-img{width:442px;top:-45px;right:76px;position:absolute;z-index:10}
.cmp-model-comparison .cmp-model-comparison_container .header-banner-hr{display:none}
.cmp-model-comparison .cmp-model-comparison_container .header-tip .header-tip_container{padding:0 76px 0 76px;align-items:center}
.cmp-model-comparison .cmp-model-comparison_container .header-tip .header-tip_container .back-item{width:208px;font-size:16px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip .header-tip_container .back-item .icon{width:16px;height:16px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip .header-tip_container .back-item .icon svg{width:16px;height:16px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip .header-tip_container .item{font-size:12px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box{display:flex;flex-wrap:wrap;position:relative}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider{z-index:0;width:208px;padding-left:76px;top:136px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter{height:150px;position:sticky;top:136px;z-index:100}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .ant-checkbox-wrapper{font-size:14px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner{width:16px;height:16px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after{transform:rotate(45deg) scale(0.8) translate(-106%,-56%)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .form-check{font-size:14px;line-height:24px;gap:16px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-filter .form-check .checked-inner{width:16px;height:16px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-slider-nav{padding-top:24px;height:calc(100% - 130px)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-slider-nav .item{padding:16px 32px 16px 24px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-slider-nav .item .nav-name{width:98px;font-size:14px;max-height:44px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table{width:calc(100% - 24px - 152px - 208px);margin-left:24px;margin-right:76px;user-select:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table{width:100%;top:136px;left:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container{width:100%;overflow:scroll hidden}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item{height:150px;padding:12px 40px 14px 16px;justify-content:end}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item:has(.direct_guide_price_item>:only-child){justify-content:start}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item:has(.direct_guide_price_item>:only-child) .price-name.direct_guide_price_item{min-height:28.5px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .car-name-title{max-height:42px;font-size:14px;font-weight:400;line-height:1.5}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .price-name{margin-top:12px;font-size:14px;line-height:1.42}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .price-name .suffix{font-size:12px;line-height:20px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .ask-price{min-width:112px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .close-icon{padding:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .financial-calculator .mobile{color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.5px;margin-top:10px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .financial-calculator .mobile .icon{line-height:1.2}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .financial-calculator .mobile svg{width:12px;height:12px;margin-left:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-circle-icon{width:44px;height:44px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-icon-mobile{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-tip{font-size:16px;margin-top:18px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .car-type{font-size:16px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container::-webkit-scrollbar{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container::before{content:"";top:0;left:-24px;width:24px;height:100%;position:absolute;border-left:1px solid rgba(36,41,43,0.1);border-top:1px solid rgba(36,41,43,0.1)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container::after{content:"";top:0;right:-76px;width:77px;border-left:1px solid rgba(36,41,43,0.1);height:100%;position:absolute}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container::-webkit-scrollbar{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item{font-size:20px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td{padding-left:20px;padding-top:12px;padding-bottom:12px;font-weight:400}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name{font-size:14px;position:relative;margin-right:58px;line-height:1}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name .type-name-select,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name .arrow-icon{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-tip{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item{padding:12px 20px;font-size:12px;font-weight:400;box-sizing:border-box;line-height:1.5}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .bg-table tbody tr.type-title .sticky-wrapper.is-fixed .cell-item{width:100%}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area{position:sticky;left:0;z-index:99}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area{padding:40px 0 308px 0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row{display:flex;align-items:center;justify-content:flex-start}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item{display:flex;align-items:center;margin-right:36px;cursor:pointer}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .download-icon{background:url("clientlibs/resources/save-as.svg") no-repeat}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .download-icon,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .favorite-icon{width:24px;height:24px;display:inline-block;margin-right:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .label{font-size:12px;font-style:normal;font-weight:400;line-height:1.6}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .footnote{margin-top:18px;color:#9da2a5;font-size:12px;font-style:normal;font-weight:400;line-height:1.5}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .button-row{margin-top:24px;display:flex;align-items:center;justify-content:flex-start}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .button-row>*{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-style:normal;font-weight:400;cursor:pointer;margin-right:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .footer-fragment{position:absolute}
html.ios .cmp-model-comparison .cmp-model-comparison_container .header-banner .car-name{font-weight:400}
html.ios .cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider .left-slider_container .left-slider-nav .item.active{font-weight:400}
html.ios .cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name{font-weight:400}
html.ios .cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item{padding:20px;font-size:16px;font-weight:400;box-sizing:border-box;line-height:1.5}
}
@media screen and (min-width:744px) and (max-width:1279px){.cmp-model-comparison{padding-top:60px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip{display:none}
.cmp-model-comparison .cmp-model-comparison_container .header-banner{height:122px;width:100%;position:fixed;top:60px;left:0;z-index:100}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-name{top:37px;left:32px;font-size:24px;font-style:normal;font-weight:700}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-name-tip{top:70px;left:32px;color:#FFF;font-size:16px;font-style:normal;font-weight:400}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-bg{width:100%;height:100%;object-fit:cover}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-img{width:357px;height:201px;top:-33px;right:33.25px;position:absolute;z-index:10}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile{height:56px;width:100%;box-sizing:border-box;position:fixed;top:182px;left:0;z-index:99}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-mobile__container{height:56px;width:100%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 32px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-mobile__container .car-name{display:none}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-mobile__container .car-change{color:#000;font-size:16px;font-style:normal;font-weight:400;letter-spacing:.5px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-mobile__container .car-change .icon{width:20px;height:20px;margin-left:8px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-types-mobile{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box{box-sizing:border-box;flex-wrap:wrap;position:fixed;top:238px;left:0;z-index:100;overflow:auto;height:calc(100% - 238px);width:100%;overscroll-behavior:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table{width:100%}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table{width:100%;top:0;left:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container{overflow:unset}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item{height:188px;padding:36px 16px 16px 16px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .car-type{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .close-icon{width:24px;height:24px;top:8px;right:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .ask-price{min-width:112px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .financial-calculator .mobile{margin-top:18px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-circle-icon{width:44px;height:44px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-tip{font-size:16px;margin-top:18px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-icon-mobile{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .car-type,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .change-car-button,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .prev-button{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .form-switch .outline{width:58px;height:32px;border-radius:15px;margin-top:24px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .form-switch .outline .inner{width:24px;height:24px;top:calc(50% - 12px);left:5px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .diff-checkbox_title{color:#24292b;font-size:16px;font-style:normal;font-weight:400;line-height:1.25;margin-bottom:24px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch{width:58px;height:32px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch .ant-switch-handle{top:3px;width:25px;height:25px;inset-inline-start:4px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch .ant-switch-handle::before{border-radius:50px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch.ant-switch-checked .ant-switch-handle{inset-inline-start:calc(100% - 28px)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .next-button{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container::-webkit-scrollbar{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container{overflow:unset}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item{padding:20px 32px;font-size:14px;font-weight:400;box-sizing:border-box;line-height:1.5}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title{font-size:14px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title td{border-bottom:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td{padding-left:32px;padding-top:18px;padding-bottom:18px;font-size:14px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name{position:relative;margin-right:58px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name .type-name-select{position:absolute;top:0;left:0;width:100%;height:100%;outline:0;opacity:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name .type-name-select select{width:calc(100% + 20px);background:transparent;padding-left:100%;border:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area{position:sticky;left:0;z-index:99}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area{padding:42px 32px 29px 32px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row{display:flex;align-items:center;justify-content:flex-end}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item{display:flex;align-items:center;margin-left:36px;cursor:pointer}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .download-icon{background:url("clientlibs/resources/save-as.svg") no-repeat}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .download-icon,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .favorite-icon{width:24px;height:24px;display:inline-block;margin-right:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .label{font-size:12px;font-style:normal;font-weight:400;line-height:1.6}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .footnote{margin-top:18px;color:#9da2a5;font-size:12px;font-style:normal;font-weight:400;line-height:1.5}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .button-row{margin-top:24px;display:flex;align-items:center;justify-content:flex-start}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .button-row>*{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-style:normal;font-weight:400;cursor:pointer;margin-right:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box.show-dif .form-switch .outline .inner{left:calc(100% - 24px - 4px) !important}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .footer-fragment{height:auto !important}
html.ios .cmp-model-comparison .cmp-model-comparison_container .header-banner .car-name{font-weight:400}
html.ios .cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td{font-weight:400}
}
@media screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px) and (orientation:portrait){.cmp-model-comparison{padding-top:60px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip{display:none}
.cmp-model-comparison .cmp-model-comparison_container .header-banner{height:122px;width:100%;top:60px;position:fixed;left:0;z-index:100}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-bg{width:100%;height:100%;object-fit:cover}
.cmp-model-comparison .cmp-model-comparison_container .header-banner .car-img{width:357px;height:201px;top:-19px;right:30.62px;position:absolute;z-index:11}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile{height:68px;width:100%;box-sizing:border-box;position:fixed;top:182px;left:0;z-index:99}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-mobile__container{height:68px;width:100%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 56px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-mobile__container .car-name{display:none}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-types-mobile{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box{box-sizing:border-box;flex-wrap:wrap;position:fixed;top:250px;left:0;z-index:100;height:calc(100% - 250px);width:100%;overflow:auto;overscroll-behavior:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table{width:100%;top:0;left:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container{overflow:unset}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item{height:188px;width:100%;padding:36px 16px 16px 16px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .close-icon{position:absolute;top:8px;right:8px;width:24px;height:24px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .ask-price{min-width:112px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-circle-icon{width:44px;height:44px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-tip{font-size:16px;margin-top:18px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-icon-mobile{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .financial-calculator .mobile{margin-top:18px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .car-type,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .change-car-button,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .prev-button{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .form-switch .outline{width:58px;height:32px;border-radius:15px;margin-top:24px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .form-switch .outline .inner{width:24px;height:24px;top:calc(50% - 12px);left:5px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .diff-checkbox_title{color:#24292b;font-size:16px;font-style:normal;font-weight:400;line-height:1.25;margin-bottom:24px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch{width:58px;height:32px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch .ant-switch-handle{top:3px;width:25px;height:25px;inset-inline-start:4px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch .ant-switch-handle::before{border-radius:50px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch.ant-switch-checked .ant-switch-handle{inset-inline-start:calc(100% - 28px)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table::-webkit-scrollbar{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container{overflow:unset}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item{padding:20px 32px;font-weight:400;box-sizing:border-box}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td:first-child .cell-item{font-size:14px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title{font-size:14px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title td{border-bottom:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td{padding-left:32px;padding-top:18px;padding-bottom:18px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name{position:relative;margin-right:58px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name .type-name-select{position:absolute;top:0;left:0;width:100%;height:100%;outline:0;opacity:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name .type-name-select select{width:calc(100% + 20px);background:transparent;padding-left:100%;border:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area{position:sticky;left:0;z-index:99}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area{padding:42px 32px 29px 32px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row{display:flex;align-items:center;justify-content:flex-end}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item{display:flex;align-items:center;margin-left:36px;cursor:pointer}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .download-icon{background:url("clientlibs/resources/save-as.svg") no-repeat}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .download-icon,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .favorite-icon{width:24px;height:24px;display:inline-block;margin-right:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .label{font-size:12px;font-style:normal;font-weight:400;line-height:1.6}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .footnote{margin-top:18px;color:#9da2a5;font-size:12px;font-style:normal;font-weight:400;line-height:1.5}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .button-row{margin-top:24px;display:flex;align-items:center;justify-content:flex-start;gap:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .button-row>*{display:inline-flex;align-items:center;justify-content:center;flex:1;box-sizing:border-box;font-style:normal;font-weight:400;cursor:pointer;margin-right:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box.show-dif .form-switch .outline .inner{left:calc(100% - 24px - 4px) !important}
html.ios .cmp-model-comparison .cmp-model-comparison_container .header-banner .car-name{font-weight:400}
html.ios .cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container{overflow:unset}
html.ios .cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name{font-weight:400}
}
@media screen and (max-height:1003px) and (max-width:743px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px){.cmp-model-comparison{padding-top:60px}
.cmp-model-comparison .cmp-model-comparison_container .header-banner,.cmp-model-comparison .cmp-model-comparison_container .header-tip{display:none}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile{height:82px;width:100%;box-sizing:border-box;position:fixed;zIndex:100;top:60px;left:0}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-mobile__container{height:48px;width:100%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 16px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-mobile__container .car-name{color:#fff;font-size:12px;font-style:normal;font-weight:700;line-height:1}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-mobile__container .car-change{color:#000;font-size:12px;font-style:normal;font-weight:400;line-height:2;letter-spacing:.5px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-mobile__container .car-change svg{width:12px;height:12px;padding-top:4px;margin-left:4px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-types-mobile{display:flex;align-content:center;padding:0 16px 15px 16px;height:34px;box-sizing:border-box}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-types-mobile .item{font-size:10px;font-family:AudiTypeGBNormal;font-weight:400;line-height:1.6;color:#fff;display:flex;align-items:center;margin-right:8px}
.cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-types-mobile .item .icon{width:12px;height:12px;display:inline-block;margin-right:4px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box{height:calc(100vh - 82px);position:fixed;top:142px;z-index:100;box-sizing:border-box;flex-wrap:wrap;width:100%;overflow:scroll;overscroll-behavior:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .left-slider{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table{width:100%}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table{top:0;left:0;width:fit-content}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container{width:fit-content;touch-action:manipulation;-ms-touch-action:manipulation;-webkit-touch-callout:default;overflow:unset}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item{height:148px;padding:24px 4px 8px 8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.add-car-item{padding:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .close-icon{width:16px;height:16px;padding:4px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .car-name-title{padding-right:4px;width:100%;box-sizing:border-box;white-space:normal;color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:1.5;height:38px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .price-name{font-size:10px;font-style:normal;font-weight:700;margin-top:10px;width:100%;line-height:1.6;box-sizing:border-box;font-family:AudiTypeExtendedBold}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .price-name .suffix{font-size:10px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .ask-price{margin-top:4px;width:100%;box-sizing:border-box;color:#000;font-size:10px;margin-right:4px;display:flex;align-items:center;justify-content:flex-start;border:0;line-height:2;min-width:auto;padding:0;height:auto}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .ask-price svg{width:10px;height:10px;margin-top:-2px;margin-left:6px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .tools{flex-direction:column;align-items:start;margin-top:4px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .tools .inquire-price{border:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .tools .inquire-price .inquire-price-container{padding:0;width:fit-content;height:20px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .tools .inquire-price .inquire-price-container .text{font-size:10px;margin-right:9px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .tools .financial-calculator{margin-left:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .tools .financial-calculator .mobile{color:#000;font-size:10px;font-style:normal;font-weight:400;line-height:2;display:flex;margin-top:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .tools .financial-calculator .mobile .icon{transform:translateY(1px);line-height:2}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .tools .financial-calculator .mobile svg{width:10px;height:10px;margin-top:-2px;margin-left:6px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .tools .financial-calculator .computer-icon{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-circle-icon{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-tip{font-size:14px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-icon-mobile{width:16px;height:16px;margin-bottom:12px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item .add-car-icon-mobile svg{width:13px;height:13px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.forbid .add-car-icon-mobile svg path{stroke:rgba(0,0,0,0.25)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.forbid .add-car-tip{color:rgba(0,0,0,0.25)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .car-type,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .change-car-button,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .prev-button{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .form-switch{font-size:12px;font-weight:400;line-height:150%}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .form-switch .outline{margin-top:12px;height:24px;width:44px;border-radius:15px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .form-switch .outline .inner{width:16px;height:16px;top:calc(50% - 8px);left:5px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .diff-checkbox_title{color:#24292b;font-size:12px;font-style:normal;font-weight:400;line-height:1.5;margin-bottom:12px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch{width:44px;height:24px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch .ant-switch-handle{top:2px;width:20px;height:20px;inset-inline-start:3px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch .ant-switch-handle::before{border-radius:50px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container table thead tr td .cell-item.car-type-title .diff-checkbox .ant-switch.ant-switch-checked .ant-switch-handle{inset-inline-start:calc(100% - 22px)}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container::-webkit-scrollbar{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .next-button{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container{touch-action:manipulation;-ms-touch-action:manipulation;-webkit-touch-callout:default;box-sizing:border-box;overflow:unset}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr td .cell-item{padding:10px;font-size:12px;font-weight:400;box-sizing:border-box;line-height:1.5}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title{font-size:12px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title td{border-bottom:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td{padding:10px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name{position:relative;font-size:14px;font-weight:700;line-height:1}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name .type-name-select{position:absolute;top:0;left:0;width:100%;height:100%;outline:0;opacity:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name .type-name-select select{width:calc(100% + 20px);background:transparent;padding-left:100%;border:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-tip{display:none}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-tip .item{margin-right:8px;font-size:12px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area{position:sticky;left:0;z-index:99}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area{padding:40px 16px 73px 17px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item{display:flex;align-items:center;margin-left:16px;cursor:pointer}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .download-icon{background:url("clientlibs/resources/save-as.svg") no-repeat}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .download-icon,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .favorite-icon{width:20px;height:20px;display:inline-block;margin-right:12px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .download-row .item .label{font-size:12px;font-style:normal;font-weight:400;line-height:1.6}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .footnote{margin-top:20px;color:#9da2a5;font-size:10px;font-style:normal;font-weight:400;line-height:1.6}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .button-row{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container .table-area .table-bottom-area .button-row>*{display:inline-flex;align-items:center;justify-content:center;flex:1;box-sizing:border-box;font-style:normal;font-weight:400;cursor:pointer}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box.show-dif .form-switch .outline .inner{left:calc(100% - 16px - 4px) !important}
#model-compare .modal-dialog{margin:0 16px;width:auto}
#model-compare .modal-dialog .modal-content .modal-header{font-size:16px;font-style:normal;font-weight:700;line-height:24px}
#model-compare .modal-dialog .modal-content .modal-body .content-text{font-size:10px;font-style:normal;font-weight:400;line-height:16px}
html.ios .cmp-model-comparison .cmp-model-comparison_container .header-tip-mobile .header-tip-mobile__container .car-name{font-weight:400}
html.ios .cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .right-table_container table tbody tr.type-title .cell-item.type-title-td .type-name{font-weight:400}
.ant-tooltip.comparison-tooltip{font-size:12px}
.tooltip.compare-tooltip .tooltip-inner{color:#FFF;font-family:AudiTypeGBNormal;padding:12px;text-align:justify;font-size:12px;font-style:normal;font-weight:400;line-height:16px}
.model-compare-draw{position:fixed;top:0;left:0;z-index:501;width:100%;height:100%;transition:all .3s;transform:translateY(100%);display:block}
.model-compare-draw.init{opacity:1}
.model-compare-draw .model-compare-draw-content{position:absolute;top:290px;left:0;width:100%;height:calc(100% - 290px);background:linear-gradient(180deg,#2c343f 0,#232a34 100%);border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;z-index:2;box-sizing:border-box;padding:24px 16px;display:flex;flex-direction:column}
.model-compare-draw .model-compare-draw-content .model-compare-draw-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}
.model-compare-draw .model-compare-draw-content .model-compare-draw-header .model-compare-draw-title{font-family:AudiTypeExtendedBold;color:#fff;font-size:20px;font-style:normal;font-weight:400;line-height:normal}
.model-compare-draw .model-compare-draw-content .model-compare-draw-header .model-compare-draw-close{width:32px;height:32px}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body{display:inline-flex;flex:1;flex-direction:column;overflow-y:auto;overflow-x:hidden}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-box-item{position:relative;margin-bottom:12px}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-box-item .label{font-size:16px;font-family:AudiTypeGBNormal;color:rgba(255,255,255,0.7);position:absolute;top:0;left:12px;height:48px;line-height:48px;width:calc(100% - 40px);transition:all ease 200ms;pointer-events:none}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-box-item .form-select{border-radius:10px;border:1px solid rgba(219,223,230,0.4);height:48px;line-height:48px;padding:12px;pointer-events:none;width:100%;background:rgba(24,29,37,0.4);transition:all .2s ease-in-out;box-shadow:unset}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-box-item .form-select::placeholder{color:rgba(255,255,255,0.7);font-family:AudiTypeGBNormal;font-size:16px;font-style:normal;font-weight:400;line-height:1}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-box-item .form-select:not(:placeholder-shown){color:#fff}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-box-item .form-select option{border-radius:0}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-box-item.active .label{font-size:10px;font-style:normal;font-weight:400;line-height:20px;width:auto;height:auto;opacity:0}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-box-item:focus .select-area{opacity:1;visibility:visible}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .confirm-button{position:relative;overflow:hidden;background:linear-gradient(275.8deg,#cacfd9 2.47%,#f1f1f1 97.2%);backdrop-filter:blur(10px);--aui-response-disabled:true;transition:opacity .3s ease}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .confirm-button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;transition:opacity .3s ease;z-index:-1}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .confirm-button:hover::before{opacity:1}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .confirm-button{color:#000;border:0;text-align:center;font-family:AudiTypeGBNormal;position:relative;font-size:16px;font-style:normal;font-weight:400;line-height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;height:44px}
}
@media screen and (max-height:1003px) and (max-width:743px) and (orientation:portrait) and (min-width:744px) and (max-width:1279px),screen and (max-height:1003px) and (max-width:743px) and (min-width:744px) and (max-width:1279px),screen and (max-height:1003px) and (max-width:743px) and (max-height:1003px) and (max-width:743px),screen and (max-height:1003px) and (max-width:743px) and (orientation:landscape) and (max-width:1023px) and (max-height:723px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px) and (orientation:portrait) and (min-width:744px) and (max-width:1279px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px) and (min-width:744px) and (max-width:1279px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px) and (max-height:1003px) and (max-width:743px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px) and (orientation:landscape) and (max-width:1023px) and (max-height:723px){.model-compare-draw .model-compare-draw-content .model-compare-draw-body .confirm-button:hover::before{opacity:0}
}
@media screen and (max-height:1003px) and (max-width:743px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px){.model-compare-draw .model-compare-draw-content .model-compare-draw-body .confirm-button span{position:relative;z-index:1}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .confirm-button .aui-response{display:none !important}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .confirm-button.disabled{position:relative;overflow:hidden;background:linear-gradient(134deg,rgba(255,255,255,0.2) .84%,rgba(168,175,188,0.2) 99.16%);backdrop-filter:blur(10px);--aui-response-disabled:true;transition:opacity .3s ease}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .confirm-button.disabled::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(134deg,rgba(255,255,255,0.2) .84%,rgba(168,175,188,0.2) 99.16%);opacity:0;transition:opacity .3s ease;z-index:-1}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .confirm-button.disabled:hover::before{opacity:1}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .confirm-button.disabled{color:rgba(255,255,255,0.4);border:0;cursor:not-allowed}
}
@media screen and (max-height:1003px) and (max-width:743px) and (orientation:portrait) and (min-width:744px) and (max-width:1279px),screen and (max-height:1003px) and (max-width:743px) and (min-width:744px) and (max-width:1279px),screen and (max-height:1003px) and (max-width:743px) and (max-height:1003px) and (max-width:743px),screen and (max-height:1003px) and (max-width:743px) and (orientation:landscape) and (max-width:1023px) and (max-height:723px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px) and (orientation:portrait) and (min-width:744px) and (max-width:1279px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px) and (min-width:744px) and (max-width:1279px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px) and (max-height:1003px) and (max-width:743px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px) and (orientation:landscape) and (max-width:1023px) and (max-height:723px){.model-compare-draw .model-compare-draw-content .model-compare-draw-body .confirm-button.disabled:hover::before{opacity:0}
}
@media screen and (max-height:1003px) and (max-width:743px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px){.model-compare-draw .model-compare-draw-content .model-compare-draw-body .confirm-button.disabled span{position:relative;z-index:1}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .confirm-button.disabled .aui-response{display:none !important}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .confirm-button.disabled::before{display:none}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;flex-direction:column;display:none}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area.open{display:flex}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-header{padding:20px 16px 6px 16px;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;background:#2c343f}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-header .select-area-title{display:flex;align-items:center;justify-content:center}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-header .select-area-title .icon{width:32px;height:32px}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-header .select-area-title .title{color:#fff;font-family:AudiTypeGBNormal;font-size:16px;font-style:normal;font-weight:400;line-height:24px}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-header .select-area-close{width:32px;height:32px}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-body{width:100vw;display:flex;flex:1;transition:all linear .3s}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-body .select-area-body-item{width:300vw;height:100%;background:linear-gradient(180deg,#2c343f 0,#232a34 100%)}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-body .select-area-body-item .car-series-wrapper,.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-body .select-area-body-item .car-type-wrapper,.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-body .select-area-body-item .car-detail-wrapper{overflow-y:scroll}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-body .select-area-body-item .select-item{width:100vw;height:96px;display:flex;align-items:center;padding:16px;border-radius:4px}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-body .select-area-body-item .select-item picture{pointer-events:none}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-body .select-area-body-item .select-item picture .series-img,.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-body .select-area-body-item .select-item picture .type-img{width:121px;display:inline-flex;pointer-events:none}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-body .select-area-body-item .select-item .series-name{display:inline-flex;flex:1;padding:0 24px 0 16px;box-sizing:border-box;flex-wrap:wrap;word-break:break-word;color:#fff;font-family:AudiTypeExtendedBold;font-size:20px;font-style:normal;font-weight:700;line-height:24px;pointer-events:none}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-body .select-area-body-item .select-item .type-name{display:inline-flex;flex:1;padding:0 24px 0 14px;box-sizing:border-box;flex-wrap:wrap;pointer-events:none}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-body .select-area-body-item .select-item .type-name .title{word-break:break-word;color:#fff;font-family:AudiTypeGBNormal;font-size:14px;font-style:normal;font-weight:400;line-height:24px;pointer-events:none;min-height:38px;width:100%}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-body .select-area-body-item .select-item .type-name .price{color:#999;font-family:AudiTypeGBNormal;font-size:12px;font-style:normal;font-weight:700;line-height:20px;width:100%}
.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-body .select-area-body-item .select-item:hover,.model-compare-draw .model-compare-draw-content .model-compare-draw-body .select-area .select-area-body .select-area-body-item .select-item.active{background-color:#404a59}
.model-compare-draw.open{transform:translateY(0)}
.model-compare-draw.open .model-compare-draw-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.59);z-index:1}
}
body:has(#inquirePrice[style*="display: block"]) #loadingModal{display:none !important}
@media screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1920px){.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item{padding:48px 24px 14px 24px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item .price-name{height:30px;font-size:12px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item .price-name .suffix{font-size:10px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item:not(:has(.direct_guide_price_item)) .price-name{padding-top:10px}
}
@media screen and (min-width:1280px) and (max-width:1919px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px){.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item{padding:12px 40px 14px 16px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item .price-name{font-size:10px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item .price-name .suffix{font-size:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item:has(.direct_guide_price_item) .tools{margin-top:4px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item:not(:has(.direct_guide_price_item)):not(.add-car-item,.car-type-title){justify-content:start}
}
@media screen and (min-width:744px) and (max-width:1279px),screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px){.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item{padding:24px 8px 8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item:has(.direct_guide_price_item>:only-child) .direct_guide_price_item{min-height:25px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item .tools{margin-top:4px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item .price-name{font-size:10px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item .price-name .suffix{font-size:8px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item:not(:has(.direct_guide_price_item)):not(.add-car-item,.car-type-title) .price-name{height:25px}
}
@media screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px),screen and (max-height:1003px) and (max-width:743px){.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item{padding:16px 4px 4px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item:has(.direct_guide_price_item>:only-child) .direct_guide_price_item{min-height:25px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item .tools{margin-top:4px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item .car-name-title{font-size:11px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item .price-name{font-size:8px;margin-top:0}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item .price-name .price-direct,.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item .price-name .price-guide{height:12px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item .price-name .suffix{font-size:7px}
.cmp-model-comparison .cmp-model-comparison_container .comparison-box .right-table .top-table .top-table_container:has(.direct_guide_price_item) table thead tr td .cell-item:not(:has(.direct_guide_price_item)):not(.add-car-item,.car-type-title) .price-name{transform:translateY(-3px);height:24px}
}
.cmp-model-comparison .right-table_container .right-table_section{margin-bottom:16px}
.cmp-model-comparison .comparison-box{background:#181d25}
.cmp-model-comparison .header-banner-hr,.cmp-model-comparison .header-tip,.cmp-model-comparison .header-tip-mobile,.cmp-model-comparison .left-slider,.cmp-model-comparison .left-slider .left-filter,.cmp-model-comparison .top-table,.cmp-model-comparison .top-table .top-table_container::before,.cmp-model-comparison .top-table .top-table_container::after,.cmp-model-comparison .top-table .car-type-title{background-color:#2c343f;backdrop-filter:blur(20px)}
.cmp-model-comparison .right-table_container table:not([id*=compare_type_]):not(.table-area) tr td:first-child{border-bottom:1px solid rgba(255,255,255,0.2);background:#303842}
.cmp-model-comparison .right-table_container table:not([id*=compare_type_]):not(.table-area) tr td:not(:first-child){border-left:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2)}
.cmp-model-comparison .right-table_container table:not([id*=compare_type_]):not(.table-area) tr:last-child td{border-bottom:0}
.cmp-model-comparison .right-table_container .cell-item{color:#fff}
.cmp-model-comparison .right-table_container .right-table_section{background:linear-gradient(180deg,#2c343f 0,#232a34 100%);position:sticky;left:0;top:0;overflow-x:auto}
.cmp-model-comparison .right-table_container .right-table_section::-webkit-scrollbar{display:none}
.cmp-model-comparison .right-table_container .right-table_section table[id*=compare_type_] .type-title>td .type-title-td{background-color:#393f49}
.cmp-model-comparison .right-table_container .table-area{color:#fff}
.cmp-model-comparison .right-table_container .table-area .table-bottom-area{background:#181d25}
.cmp-model-comparison .right-table_container .table-area .button-row .book-button{position:relative;overflow:hidden;background:linear-gradient(275.8deg,#cacfd9 2.47%,#f1f1f1 97.2%);backdrop-filter:blur(10px);--aui-response-disabled:true;transition:opacity .3s ease}
.cmp-model-comparison .right-table_container .table-area .button-row .book-button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;transition:opacity .3s ease;z-index:-1}
.cmp-model-comparison .right-table_container .table-area .button-row .book-button:hover::before{opacity:1}
@media screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px),screen and (min-width:744px) and (max-width:1279px),screen and (max-height:1003px) and (max-width:743px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px){.cmp-model-comparison .right-table_container .table-area .button-row .book-button:hover::before{opacity:0}
}
.cmp-model-comparison .right-table_container .table-area .button-row .book-button span{position:relative;z-index:1}
.cmp-model-comparison .right-table_container .table-area .button-row .book-button .aui-response{display:none !important}
.cmp-model-comparison .right-table_container .table-area .button-row .book-button{color:#000;border:0}
.cmp-model-comparison .right-table_container .table-area .button-row .connect-button{position:relative;overflow:hidden;background:rgba(255,255,255,0.01);backdrop-filter:blur(10px);--aui-response-disabled:true;transition:opacity .3s ease}
.cmp-model-comparison .right-table_container .table-area .button-row .connect-button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.1);opacity:0;transition:opacity .3s ease;z-index:-1}
.cmp-model-comparison .right-table_container .table-area .button-row .connect-button:hover::before{opacity:1}
@media screen and (orientation:portrait) and (min-width:744px) and (max-width:1279px),screen and (min-width:744px) and (max-width:1279px),screen and (max-height:1003px) and (max-width:743px),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px){.cmp-model-comparison .right-table_container .table-area .button-row .connect-button:hover::before{opacity:0}
}
.cmp-model-comparison .right-table_container .table-area .button-row .connect-button span{position:relative;z-index:1}
.cmp-model-comparison .right-table_container .table-area .button-row .connect-button .aui-response{display:none !important}
.cmp-model-comparison .right-table_container .table-area .button-row .connect-button{color:#fff;border:1px solid rgba(255,255,255,0.2)}
.cmp-model-comparison .header-tip{border-bottom:1px solid #666}
.cmp-model-comparison .left-slider .left-filter{border-right:1px solid #666}
.cmp-model-comparison .top-table_container table thead tr td{border-right:1px solid #666}
.cmp-model-comparison .top-table_container table thead tr td:nth-child(1){border:1px solid transparent}
.cmp-model-comparison .header-tip,.cmp-model-comparison .right-table .top-table_container{color:#fff}
@media screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1920px),screen and (min-width:1280px) and (max-width:1919px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px),screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape){.cmp-model-comparison .right-table_container .right-table_section{border-radius:20px}
}
@media screen and (min-width:744px) and (max-width:1279px) and (orientation:portrait),screen and (min-width:744px) and (max-width:1279px) and (orientation:landscape),screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px),screen and (max-height:1003px) and (max-width:743px){.cmp-model-comparison .comparison-box,.cmp-model-comparison .table-area{background:linear-gradient(90deg,#384049 0,#1b1c21 100%)}
.cmp-model-comparison .right-table_container table:not([id*=compare_type_]):not(.table-area){background:linear-gradient(180deg,#2c343f 0,#232a34 100%)}
.cmp-model-comparison .right-table_container table[id*=compare_type_] .type-title>td .type-title-td{background-color:#393f49;max-height:34px}
}
#collection-success-dialog{min-width:14.5vw}
#collection-success-dialog,#collection-cancel-dialog{position:fixed;display:flex;padding:24px;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#2c343f 0,#232a34 100%);border-radius:20px;z-index:1000;box-shadow:0 0 8px 0 rgba(0,0,0,0.1);opacity:0;visibility:hidden;pointer-events:none;color:#fff}
#collection-success-dialog .collection-success-dialog-content,#collection-success-dialog .collection-cancel-dialog-content,#collection-cancel-dialog .collection-success-dialog-content,#collection-cancel-dialog .collection-cancel-dialog-content{margin:auto}
#collection-success-dialog .collection-success-dialog-content .success-icon,#collection-success-dialog .collection-cancel-dialog-content .success-icon,#collection-cancel-dialog .collection-success-dialog-content .success-icon,#collection-cancel-dialog .collection-cancel-dialog-content .success-icon{margin-bottom:12px}
#collection-success-dialog .collection-success-dialog-content .success-icon .icon-success,#collection-success-dialog .collection-cancel-dialog-content .success-icon .icon-success,#collection-cancel-dialog .collection-success-dialog-content .success-icon .icon-success,#collection-cancel-dialog .collection-cancel-dialog-content .success-icon .icon-success{margin:auto;display:block;width:50px;height:50px}
#collection-success-dialog .collection-success-dialog-content .collection-success-dialog-content-text,#collection-success-dialog .collection-success-dialog-content .collection-cancel-dialog-content-text,#collection-success-dialog .collection-cancel-dialog-content .collection-success-dialog-content-text,#collection-success-dialog .collection-cancel-dialog-content .collection-cancel-dialog-content-text,#collection-cancel-dialog .collection-success-dialog-content .collection-success-dialog-content-text,#collection-cancel-dialog .collection-success-dialog-content .collection-cancel-dialog-content-text,#collection-cancel-dialog .collection-cancel-dialog-content .collection-success-dialog-content-text,#collection-cancel-dialog .collection-cancel-dialog-content .collection-cancel-dialog-content-text{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;line-height:24px}
#collection-success-dialog.is-visible,#collection-cancel-dialog.is-visible{visibility:visible;animation:collectionDialogFade 2s ease forwards}
@keyframes collectionDialogFade{0{opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{opacity:0}
}
@media screen and (orientation:landscape) and (max-width:1023px) and (max-height:723px),screen and (max-height:1003px) and (max-width:743px){#collection-success-dialog{min-width:90vw}
}
.cmp-comparison-placeHolder{width:100%;height:30px;background:#181d25;overscroll-behavior-x:none;position:sticky;z-index:101;scrollbar-width:none}
@media screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1920px){.cmp-comparison-placeHolder{top:338px}
}
@media screen and (min-width:1280px) and (max-width:1919px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px){.cmp-comparison-placeHolder{top:287px}
}
.cmp-comparison-placeHolder{left:0;display:none}
@media screen and (min-width:1920px),screen and (orientation:portrait) and (min-width:1920px),screen and (min-width:1280px) and (max-width:1919px),screen and (orientation:portrait) and (min-width:1280px) and (max-width:1919px){.cmp-comparison-placeHolder{display:block}
}