.navigation{z-index:5;display:flex;justify-content:space-between;width:100%;box-sizing:border-box;padding:0 0 10px;height:100px}.small-dropdown-title{cursor:pointer}.small-dropdown-title>p{color:var(--mdc-theme-font-color)}.no-border{border:none}.border-red{border:1px solid var(--mdc-theme-font-color)}.border-grey{border:1px solid var(--okx-secondary-font-color)}.left-side{display:flex}.nav-logo{align-content:end}.nav-logo>a>.carindex-logo{width:262.9px;height:55px}.routes{display:flex;align-items:end;margin-left:40px}.routes>span{position:relative}.routes>a,.routes>span>span{color:var(--mdc-theme-border-color);text-decoration:none;padding:0 40px;font-weight:600;text-transform:uppercase;cursor:pointer;font-size:18px;display:flex;gap:4px}.routes>a,.routes>span>span .MuiSvgIcon-root{width:13px}.routes>span:not(:last-child){border-right:1px solid var(--okx-very-light-color)}.routes>span>span>span:first-child{align-self:center}.routes>a:last-of-type{border-right:none}.left-side .theme-toggle-btn .moon,.left-side .theme-toggle-btn .sun-wrapper{display:none}.right-side,.right-side .large-w,.right-side .large-w .theme-toggle-btn{display:flex}.right-side{align-items:flex-end}.right-side .large-w{gap:15px}.large-dropdown{display:flex;flex-direction:column;justify-content:center;padding-top:3px;margin-right:20px}.large-dropdown-subtitle{display:none}.large-dropdown-title{color:var(--mdc-theme-border-color);font-weight:600;cursor:pointer}.large-dropdown-title>p{font-size:18px}.nav-auth{display:flex;height:100%;align-items:end;gap:10px}.auth-routes>span{display:flex;justify-content:end;gap:10px;padding-bottom:3px}.auth-routes>span>button{height:23px;min-width:74.8px;color:var(--okx-palette-on-primary);background-color:var(--okx-palette-primary);border-radius:4px;font-size:13px;padding:4px 8.8px 4px 8px}.personal-info .avatar{border-color:var(--mdc-theme-font-color)}.nav-avatar .MuiSvgIcon-root{height:22px}.mail-number{color:var(--okx-palette-primary);font-size:8px;border:1px solid var(--okx-palette-primary);border-radius:50%;font-weight:700;font-family:ArialMT;text-align:center;width:10px;height:10px;position:absolute;top:20px;left:24px;background-color:var(--okx-palette-on-primary)}.personal-info{gap:10px;display:flex;align-items:center;position:relative}.personal-info>.email-address{color:var(--mdc-theme-font-color);font-size:12px}.nav-auth .nav-avatar{width:30px;height:30px;cursor:pointer}.nav-auth>.nav-avatar>.person-icon{height:75%}.routes>span:hover span{color:var(--okx-highlight-color)}.routes>span:hover .arrow{transform:rotate(180deg)}.routes>span:hover .dropdown-content{display:flex;flex-direction:column}.routes .dropdown-content{display:none;position:absolute;background-color:var(--mdc-theme-background);min-width:100%;text-align:center;padding:13px 0 10px;margin-left:-1px;border-right:1px solid var(--okx-very-light-color);border-bottom:1px solid var(--okx-very-light-color);border-left:1px solid var(--okx-very-light-color)}.routes .dropdown-content a{text-decoration:none;color:var(--okx-primary-font-color);padding:5px 0;font-size:12px;transition:font-size .8s cubic-bezier(.175,.885,.32,1.275)}.routes .dropdown-content a:hover{background-color:var(--mdc-theme-hover-dropdown-menu);font-size:14px}.small-dropdown{display:none}@media screen and (max-width:1900px){.navigation{padding-bottom:10px}.nav-logo>a .carindex-logo{width:200px;height:40px}}@media screen and (max-width:1600px){.large-dropdown-title>p,.routes>a,.routes>span>span{font-size:16px}.routes{margin-left:0}}@media screen and (max-width:1440px){.routes>a,.routes>span>span{font-size:14px;padding:0 31px}.large-dropdown-title>p{font-size:14px}}@media screen and (max-width:1366px){.routes>a,.routes>span>span{padding:0 30px}}@media screen and (max-width:1280px){.nav-logo>a .carindex-logo{width:191px}}@media screen and (max-width:1180px){.routes>a,.routes>span>span{font-size:13px;padding:0 20px}.right-side{flex-direction:column;align-items:end}.large-dropdown,.right-side .large-w,.right-side .large-w .theme-toggle-btn{display:none}.navigation{flex-direction:column}.left-side{order:2;justify-content:space-between}.left-side .routes{margin-right:auto}.left-side span{display:flex;gap:6px}.left-side .small-w .theme-toggle-btn .sun-wrapper,.left-side .theme-toggle-btn .moon{display:flex}.left-side .small-w .theme-toggle-btn{display:flex;width:25px;height:20px;align-self:flex-end}.nav-auth{margin-top:13px}.small-dropdown{margin-left:auto;display:flex;flex-direction:column;justify-content:end}.small-dropdown>p{font-size:9px;color:var(--okx-secondary-font-color)}.small-dropdown>span{font-size:13px;font-weight:600}}@media screen and (max-width:768px){.routes>a,.routes>span>span{font-size:12px;padding:0 10px}.routes>span:first-child>span{padding-left:0}.nav-logo>a .carindex-logo{width:170px;height:35px;position:absolute;top:15px;left:49px}.small-dropdown>span{font-size:12px}}@media screen and (max-width:480px){.navigation{height:auto;padding:0}.nav-logo>a .carindex-logo{width:145px;height:40px;top:5px;left:20px}.right-side{flex-direction:row;justify-content:end}.personal-info{flex-direction:column;align-items:end;top:-11px;gap:1px}.auth-routes>span{gap:16px;padding-bottom:10px}.nav-auth{margin-top:10px}.auth-routes>span>button{height:17px;min-width:60px;font-size:10px;padding:4px 8px;display:flex;justify-content:center;align-items:center}.routes>span:not(:last-child){padding-right:3px;margin-right:3px}.routes>a,.routes>span>span{padding:0;font-size:10px}.nav-dropdown .title .MuiSvgIcon-root{font-size:7px}.small-dropdown>span{font-size:10px}.small-dropdown{justify-content:center}.small-dropdown-subtitle{display:none}}.footer{width:100%;background-color:var(--mdc-theme-darker-background);padding:0;margin:0;overflow:hidden}.footer-main-content{border-bottom:1px solid var(--okx-palette-primary)}.footer-main-subcontent{padding:19px 0;max-width:1615px;margin:0 30px}.footer-grid{width:100%;display:grid;grid-template-columns:1fr;margin:0 auto;padding:0 40px}.footer-top{height:60px;display:flex;align-items:center;max-width:1615px;margin:0 30px}.footer-grid:after{content:" "}.footer-list-container{gap:9px}.footer-image-container{padding-top:10px;padding-bottom:10px;width:-moz-fit-content;width:fit-content;left:0}.footer-image-container img{height:auto;max-width:200px}.footer-list{display:flex;flex-direction:column;list-style-type:none;padding-left:5px;margin:0;gap:3px;font-size:10px}.footer-list li,.footer-list li a{color:var(--okx-footer-font-color)}.list-item-text{position:relative;left:-5px;font-size:10px;cursor:pointer;color:white;text-decoration:none}.list-item-text:hover{text-decoration:underline}.app-download-icon{width:91.3px;height:29.9px;cursor:pointer}.copy-right{font-size:10px;margin:0;padding:11px 0 8px}.copy-right-1{margin:0;padding-top:5px}.footer-header{margin:0;font-weight:700;font-size:10px}.footer-main-subcontent>.flex-col-wrapper>.flex-row-wrapper:last-child{align-items:flex-end;display:none}@media (min-width:1024px){.list-item-text{font-size:10px}.footer-grid{width:calc(100% - 225px);display:grid;grid-template-columns:1fr;margin:0 0 0 225px}.copy-right{font-size:10px}}@media (min-width:1280px){.footer-grid{width:calc(100% - 415px);margin-left:260px}.footer-header,.list-item-text{font-size:13px}.copy-right{font-size:12px}}@media (min-width:1440px){.footer-grid{margin-left:290px}}@media (min-width:1920px){.footer-header,.list-item-text{font-size:15px}}@media screen and (max-width:480px){.footer-main-subcontent .flex-col-wrapper{display:grid!important;grid-template-columns:repeat(2,1fr)}.footer-top span img{width:197px;padding-left:6px}.footer-main-subcontent>.flex-col-wrapper>.flex-row-wrapper:last-child{align-items:start;padding-top:10px}.footer-list-container{gap:3px;padding-top:10px}.flex-row-wrapper .footer-list h4{font-size:17px}.flex-row-wrapper .footer-list h4,.footer-list-container h4{font-size:17px;padding:5px 0}.footer-list .app-download-icon{width:117.3px;height:39px}.copy-right{margin:0;padding:10px;font-size:11px}.list-item-text{font-size:12px}}body,html{height:100%;margin:0}.layout{display:flex;flex-direction:column;box-sizing:border-box;height:100%}.nav-wrapper{position:fixed;z-index:1300;width:100%;background-color:var(--mdc-theme-background)}.corner-tag{position:absolute;background-image:linear-gradient(90deg,#e71623 0,#cc0027 99%);width:150px;height:47px;top:-4%;left:-55px;transform:rotate(-45deg);text-align:center;line-height:4;box-shadow:3px 3px 6px 0 rgba(0,0,0,.3);z-index:10}.corner-tag span{color:white;font-family:ArialMT;position:relative;font-size:18px;font-weight:700;bottom:8px;right:-1px}.nav-layout{display:flex;align-items:flex-end;max-width:1615px;z-index:1000;margin:auto}.main-layout{z-index:0;margin:88px 30px;max-width:1615px;box-sizing:border-box;flex:1 0 auto;height:auto;min-height:calc(100vh - 373px)}.footer-hrefp,.footer-layout>.footer>.footer-main-content>.footer-main-subcontent,.footer-layout>.footer>.footer-top{margin:0 auto}.footer-layout{width:100%;z-index:7;flex-shrink:0}.cls-1{fill:#fff}.cls-2{fill:#f61d2a}.cls-3{fill:var(--logo-dark-fill)}.cls-4{fill:url(#linear-gradient)}.expand-arrow-cls-1{fill:var(--mdc-theme-border-color);align-self:center}.MuiMenu-list{background-color:var(--mdc-theme-background)}.MuiMenu-list>.MuiListItem-root{color:var(--mdc-theme-text-primary-on-background)}.footer-hrefp,.footer-layout>.footer>.footer-main-content>.footer-main-subcontent,.footer-layout>.footer>.footer-top,.nav-layout{margin:0 137px}.main-layout{margin:88px 137px 0}@media screen and (max-width:1280px){.footer-hrefp,.footer-layout>.footer>.footer-main-content>.footer-main-subcontent,.footer-layout>.footer>.footer-top,.nav-layout{margin:0 100px}.main-layout{margin:88px 100px 0}.corner-tag{height:47px;top:-4%;left:-55px}.corner-tag span{bottom:8px;right:-1px}}@media screen and (max-width:1024px){.footer-hrefp,.footer-layout>.footer>.footer-main-content>.footer-main-subcontent,.footer-layout>.footer>.footer-top,.nav-layout{margin:0 50px}.main-layout{margin:88px 50px 0}.corner-tag{height:26px;top:-4%;left:-60px}.corner-tag span{color:white;position:relative;font-size:12px;font-weight:700;bottom:9px;right:3px}}@media (min-width:1920px){.layout{align-items:center}.nav-layout{margin:auto;width:100%}.main-layout{margin:88px 0 0;width:100%}.footer-hrefp,.footer-layout>.footer>.footer-main-content>.footer-main-subcontent,.footer-layout>.footer>.footer-top{margin:0 auto;width:100%}.footer-hrefp{max-width:1615px}.footer-layout{width:100%}}@media screen and (max-width:480px){.main-layout{margin:0;padding-top:90px}.footer-hrefp,.footer-layout>.footer>.footer-main-content>.footer-main-subcontent,.footer-layout>.footer>.footer-top{margin:0;padding:6px}.nav-layout{margin:0;padding:10px 20px 5px}.footer-hrefp,.footer-layout>.footer>.footer-main-content>.footer-main-subcontent{padding:0 10px 10px}.nav-wrapper{border-bottom:1px solid #dcdcdc}}