<>:root {--mock-narrow-wrapper-width: 990px;--mock-normal-wrapper-width: 1200px;--mock-page-padding: 80px;--mock-screen-min-width: 1200px;--mock-screen-max-width: 1728px;--mock-border-radius: 9px;--mock-border-radius-large: 12px;--mock-color-main: #ef1f1f;--mock-senior-bg: #0e0e0e;--mock-ace-bg: #0c0a4b;--mock-font-color: #000311;--mock-font-sub-color: #272933;--mock-font-aux-color: #848691;--mock-border-color: #dcdde0;--mock-split-color: #ededf0;--mock-logo-width: 135px;--mock-logo-height: 40px;--mock-logo-l-width: 162px;--mock-logo-l-height: 48px;--mock-logo-slogan-width: 242px;--mock-logo-slogan-height: 40px;--mock-logo-slogan-l-width: 290px;--mock-logo-slogan-l-height: 48px;--mock-header-logo-right: 40px;--mock-header-search-left: 72px;--mock-header-search-right: 0;}/* common */* {margin: 0;padding: 0;box-sizing: border-box;}body {overflow-y: scroll;font: 14px/1.5 Arialsans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background-color: #fff;}.mock-flexible {width: 100%;min-width: var(--mock-screen-min-width);max-width: var(--mock-screen-max-width);padding: 0 var(--mock-page-padding);margin: 0 auto;}.mock-w {margin-left: auto;margin-right: auto;width: var(--mock-narrow-wrapper-width);}@media screen and (min-width: 1260px) {.mock-w {width: var(--mock-normal-wrapper-width);}}.mock-card {background-color: #fff;border-radius: var(--mock-border-radius-large);}.mock-center {display: flex;align-items: center;justify-content: center;}.mock-height-400 {height: 400px;}.mock-no-search-left {--mock-header-search-left: 0;}.mock-no-logo-right {--mock-header-logo-right: 0;} <>.mock-topbar {height: 36px;font-size: 12px;color: var(--mock-font-sub-color);background-color: #fff;}.mock-topbar.mock-senior {color: #fff;background-color: var(--mock-senior-bg);}.mock-topbar.mock-ace {color: #fff;background-color: var(--mock-ace-bg);}.mock-topbar-welcome {height: 36px;line-height: 36px;} <>@keyframes showLoading {from {opacity: 0;}to {opacity: 1;}}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.mock-delay-loading {animation: .2s linear .8s showLoading backwards;}.mock-loading-icon {margin: 0 auto;width: 24px;height: 24px;background-color: rgba(000.5);-webkit-mask: url(https://b2b-web-public.cdn.bcebos.com/fe/b2b-static/img/pc/loading.png) no-repeat center / contain;animation: spin 2s linear infinite;}.mock-loading-txt {margin-top: 10px;line-height: 1;font-size: 14px;text-align: center;color: var(--mock-font-aux-color);} <>.mock-search {flex: auto;position: relative;margin-left: var(--mock-header-search-left);margin-right: var(--mock-header-search-right);}.mock-search-main {display: flex;}.mock-search-input {flex: auto;padding-left: 16px;height: 48px;outline: none;background-color: #fff;font-size: 16px;border: 2px solid var(--mock-color-main);border-top-left-radius: var(--mock-border-radius);border-bottom-left-radius: var(--mock-border-radius);}.mock-search-btn-search,.mock-search-btn-aibot {width: 120px;height: 48px;font-size: 18px;font-weight: 700;line-height: 46px;color: #fff;background-color: var(--mock-color-main);border: 1px solid var(--mock-color-main);border-radius: var(--mock-border-radius);}.mock-search-btn-search {border-top-left-radius: 0;border-bottom-left-radius: 0;}.mock-search-btn-aibot {margin-left: 16px;border: 1px solid var(--mock-border-color);background-color: #fff;color: var(--mock-font-color);} <>.mock-tab {display: flex;box-sizing: content-box;background-color: #fff;padding-top: 8px;height: 40px;border-bottom: 2px solid var(--mock-color-main);}.mock-tab-menu {width: 210px;height: 40px;color: #fff;padding: 12px;font-size: 16px;line-height: 16px;font-weight: 700;border-top-left-radius: var(--mock-border-radius);border-top-right-radius: var(--mock-border-radius);background-color: var(--mock-color-main);}.mock-tab-menu-icon {display: inline-block;width: 16px;margin-right: 12px;}.mock-tab-nav {height: 40px;padding: 12px 0;} <>.mock-header {overflow: hidden;height: 88px;background-color: #fff;}.mock-header.mock-senior,.mock-nav.mock-senior {background-color: var(--mock-senior-bg)}.mock-header.mock-ace,.mock-nav.mock-ace {background-color: var(--mock-ace-bg);}.mock-header-inner {display: flex;align-items: center;justify-content: space-between;height: 88px;}.mock-header-inner.mock-flexible {--mock-header-search-right: 200px;}.mock-header-logo,.mock-header-logo-l,.mock-header-logo-slogan,.mock-header-logo-l-slogan {margin-right: var(--mock-header-logo-right);}.mock-header-logo,.mock-header-logo img {width: var(--mock-logo-width);height: var(--mock-logo-height);}.mock-header-logo-slogan,.mock-header-logo-slogan img {width: var(--mock-logo-slogan-width);height: var(--mock-logo-slogan-height);}.mock-header-logo-l,.mock-header-logo-l img {width: var(--mock-logo-l-width);height: var(--mock-logo-l-height);}.mock-header-logo-l-slogan,.mock-header-logo-l-slogan img {width: var(--mock-logo-slogan-l-width);height: var(--mock-logo-slogan-l-height);}.mock-header-logotext {margin-right: 40px;font-size: 24px;font-weight: 700;color: #000;}.mock-header-logotext .dot {background: #000;border-radius: 50%;display: inline-block;margin: 0 9px 3px;vertical-align: middle;width: 4px;height: 4px;} <>.mock-header-logo-qwttype-1,.mock-header-logo-qwttype-1 img {width: 122px;height: 32px;}.mock-header-logo-qwttype-3,.mock-header-logo-qwttype-3 img {width: 150px;height: 40px;} <>.mock-nav {height: 32px;line-height: 20px;font-size: 14px;}.mock-nav-inner {position: relative;display: flex;}.mock-nav:not(.mock-senior) .mock-nav-inner:after {position: absolute;right: 0;bottom: 0;left: 0;content: " ";border-bottom: 1px solid var(--mock-split-color);}.mock-nav-item {position: relative;margin-right: 40px;height: 32px;color: var(--mock-font-sub-color);}.mock-nav-item-active {font-weight: 700;color: var(--mock-color-main);}.mock-nav-item-active::after {z-index: 1;position: absolute;right: 0;bottom: 0;left: 0;height: 3px;content: '';background-color: var(--mock-color-main);border-radius: 999px;}.mock-senior .mock-nav-item {color: #fff;}.mock-senior .mock-nav-item-active {color: #f1daad;}.mock-senior .mock-nav-item-active::after {background-color: #f1daad;}.mock-ace .mock-nav-item {color: #fafff4;}.mock-ace .mock-nav-item-active {color: #fafff4;}.mock-ace .mock-nav-item-active::after {background-color: #fafff4;}