* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: -apple-system, BlinkMacSystemFont, SF Pro SC, SF Pro Text, Helvetica Neue, Helvetica, PingFang SC, Segoe UI, Roboto, Hiragino Sans GB, arial, microsoft yahei ui, Microsoft YaHei, SimSun, sans-serif; font-weight: 400 } a { outline: none!important; text-decoration: none } dd, dl, dt, h1, h2, h3, h4, ol, p, ul { margin: 0; padding: 0 } ol, ul { list-style: none } :root { --cloud-nav-height: 60px; --cloud-header-operate-height: 0px } body.header-float { --cloud-nav-height: 60px + 12px } body.header-float .cloud-header-pc:hover { background: transparent } .cloud-header-menu { box-shadow: 0 8px 42px 0 rgba(9, 18, 33, .08); cursor: default; left: -68px; position: absolute } .cloud-header-menu.cloud-header-menu-open:before { background: transparent; content:""; height: 8px; position: absolute; top: -8px; width: 100% } .cloud-header-menu>* { background: #fff; border-radius: 8px; box-sizing: border-box; height: 100%; overflow: hidden } .cloud-header-pc { font-family: pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif; height: 60px; position: relative; width: 100%; z-index: 1000 } .cloud-header-pc.cloud-header-pc-unfixed { background: #fff } .cloud-header-pc.cloud-header-pc-fixed, .cloud-header-pc.cloud-header-pc-transparent { background: transparent; transition: background .3s ease-out } .cloud-header-pc.cloud-header-pc-transparent {position: absolute;top: var(--cloud-header-operate-height);left: 0;right: 0;} .cloud-header-pc a:hover { text-decoration: none } .cloud-header-pc .logo-link { align-items: center; display: flex; height: 42px } .cloud-header-pc .cloud-header-wrapper { box-sizing: border-box; display: flex; justify-content: center; position: relative; z-index: 9999 } .cloud-header-pc .cloud-header-default { box-shadow: none; box-sizing: border-box; display: flex; height: 60px; max-width: 1800px; position: relative; transition: padding 0s; width: 100%; z-index: 9999 } .cloud-header-pc .cloud-header-default.cloud-header-default-fixed { position: fixed; top: 0 } .cloud-header-pc .cloud-header-default.cloud-header-default-fixed-transition { transition: .3s ease-out } .cloud-header-pc .cloud-header-default.cloud-header-default-float { background: #fff; border-radius: 8px; box-shadow: 0 8px 42px 0 rgba(9, 18, 33, .08); max-width: 1776px; top: 12px; width: calc(100% - 24px) } .cloud-header-pc .cloud-header-default.cloud-header-default-float .cloud-left-wrapper { padding-left: 20px } .cloud-header-pc .cloud-header-default.cloud-header-default-float .cloud-right-wrapper { border-radius: 0 8px 8px 0 } .cloud-header-pc .cloud-header-default.cloud-header-default-float .cloud-right-wrapper .login-register li.nav-register { padding-right: 20px } .cloud-header-pc .cloud-header-default .cloud-left-wrapper { align-items: center; display: flex; height: 60px; padding-left: 32px; position: relative } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper { display: flex; flex-shrink: 1; height: 60px; margin-left: 48px; position: relative } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav { display: flex; position: relative; transition: transform .3s ease-out } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav .list-nav { flex-shrink: 0; position: relative; z-index: 2 } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav .list-nav>.cloud-nav-link { color: #191a24; cursor: pointer; display: block; font-family: PingFangSC-Regular; font-size: 14px; line-height: 60px; padding: 0 12px } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav .list-nav:hover:before { width: calc(100% - 24px) } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav .list-nav:after { background: red; content:""; height: 12px; position: absolute; top: 100%; width: 100%; z-index: 10000 } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav .cloud-nav-has-tag .cloud-nav-link { color: #2468f2; font-family: PingFangSC-Medium } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav .cloud-nav-has-tag span { background-image: linear-gradient(265deg, #528eff 1%, #2468f2); border-radius: 8px 8px 8px 0; box-sizing: border-box; color: #fff; font-family: PingFangSC-Semibold; font-size: 20px; font-weight: 600; height: 28px; line-height: 28px; padding: 0 8px; position: absolute; right: 12px; text-align: center; top: 0; transform: scale(.5) translateX(100%); white-space: nowrap; width: auto } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav .cloud-nav-underline { background: #2468f2; bottom: 0; height: 2px; position: absolute } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn { align-items: center; background: transparent; border: none; color: #091221; cursor: pointer; display: none; outline: none; padding: 0; transition: color .3s } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn:before { background: rgba(241, 246, 253, .5); border-radius: 4px; content:""; height: 24px; position: absolute; width: 24px } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn.show { display: flex } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn svg { position: relative; z-index: 10 } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn-left { flex: 0 0 48px; justify-content: flex-start } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn-left svg { left: 0; position: absolute; transform: rotate(180deg) } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn-left:before { left: 0 } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-btn-right { flex: 0 0 72px; justify-content: center } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-scroller { overflow: hidden; overscroll-behavior: contain } .cloud-header-pc .cloud-header-default .cloud-nav-wrapper .cloud-nav-scroller::-webkit-scrollbar { display: none } .cloud-header-pc .cloud-header-default .cloud-right-wrapper { align-items: center; display: flex; flex-shrink: 0; height: 60px; margin-left: auto; z-index: 10 } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-nav-menu-list { display: flex; height: 100% } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-control { display: flex } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-control li { padding: 0 12px } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-control li>a { color: #191a24; display: block; font-family: PingFangSC-Regular; font-size: 14px; line-height: 60px; white-space: nowrap } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang { cursor: pointer; height: 100%; position: relative } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang .cloud-nav-icon { color: #191a24; padding-left: 24px } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang .cloud-header-menu { left: -18px } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang ul { background: #fff; padding: 20px 24px } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang ul .ch-lang-tit { color: rgba(9, 18, 33, .4); font-family: PingFangSC-Regular; font-size: 12px; font-weight: 400; line-height: 24px; margin-bottom: 15px } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang ul :is(.cloud-header-zh, .cloud-header-en) a { color: #091221; font-family: PingFangSC-Regular; font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 24px; white-space: nowrap } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang ul :is(.cloud-header-zh, .cloud-header-en).current a { color: #2468f2 } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang ul .cloud-header-zh { margin-bottom: 16px } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register { align-items: center; display: flex } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register li>a { color: #091221; font-family: PingFangSC-Regular; font-size: 14px; font-weight: 400; line-height: 22px; padding: 0 12px } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register li.nav-register { padding: 0 32px 0 12px } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register li.nav-register>a { align-items: center; background: #2468f2; border-radius: 4px; color: #fff; display: flex; height: 36px; line-height: 22px; padding: 0 16px; transition: background-color .3s linear } .cloud-header-pc .cloud-nav-icon { align-items: center; display: flex; height: 100%; padding: 0 12px } .cloud-header-pc .cloud-nav-icon svg { height: 16px; width: 16px } .cloud-header-pc .cloud-header-customer-service { cursor: pointer; height: 100%; position: relative } .cloud-header-pc .cloud-header-customer-service .cloud-nav-icon { box-sizing: content-box; color: #191a24 } @media screen and (max-width: 1651px) { .cloud-header-pc .cloud-header-default .cloud-nav-wrapper { margin-left:12px } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper { width: 44px!important } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-hide .header-search-input { visibility: hidden } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-hide .search-icon { right: 0 } } .cloud-header-pc .header-item-bg { background-color: #f2f6fa; border-radius: 4px; margin-bottom: 20px; padding: 20px } .cloud-header-pc .header-item-bg:last-child { padding-bottom: 20px } .cloud-header-pc .header-item-bg li:last-child { margin-bottom: 0 } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper { height: 100%; position: relative; width: 220px } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-content { height: 100%; position: absolute; right: 0; width: 100% } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-content.header-search-show { width: 580px } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-content.header-search-show .header-search-input { border-color: #2468f2; padding-left: 15px; padding-right: 72px; width: 532px } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-content.header-search-show .search-icon { color: #2468f2; right: 51px } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-content.header-search-show .close-icon { opacity: 1; right: 12px; visibility: visible } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-input { background: transparent; border: 1px solid rgba(9, 18, 33, .08); border-radius: 4px; box-sizing: border-box; color: #091221; display: block; font-family: PingFangSC-Regular; font-size: 14px; font-weight: 400; height: 36px; line-height: 22px; margin: 12px 0; outline: none; padding: 6px 39px 6px 11px; position: absolute; right: 0; text-align: left; width: 220px; z-index: 102 } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-input::placeholder { color: rgba(9, 18, 33, .4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-input:placeholder-shown { text-overflow: ellipsis } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .close-icon, .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-icon { cursor: pointer; height: 16px; position: absolute; transition: .15s; width: 16px; z-index: 103 } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .close-icon svg, .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-icon svg { height: 100%; width: 100% } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-icon { color: #191a24; right: 11px; top: 22px } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .close-icon { color: #191a24; opacity: 0; right: 0; top: 22px; visibility: hidden } @media screen and (max-width: 1528px) { .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper { border-color:transparent } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-inner { justify-content: flex-end; transform: translateX(16px) } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-inner .search-placeholder { display: none } } @media screen and (max-width: 1420px) { .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-inner { transform:translateX(18px); transition: transform .3s ease-out } } .cloud-header-pc .login-wrapper { align-items: center; display: flex; height: 100%; position: relative } @media screen and (max-width: 1199px) { :root { --cloud-nav-height:54px; --cloud-header-operate-height: 0px } } .cloud-header-wap { box-sizing: border-box; position: relative } .cloud-header-wap, .cloud-header-wap .cloud-header-wrapper-wap { background: #fff; height: 54px; min-width: 320px; width: 100%; z-index: 1000 } .cloud-header-wap .cloud-header-wrapper-wap { box-shadow: 0 8px 42px 0 rgba(9, 18, 33, .08); left: 0; position: fixed; top: 0 } .cloud-header-wap .cloud-header-wrapper-wap .cloud-header-default { height: 54px; padding: 0 12.5px; position: relative } .cloud-header-wap .cloud-header-wrapper-wap.app-header { box-shadow: none; top: -54px } .cloud-header-wap .cloud-header-wrapper-wap.app-header .cloud-header-mask { top: 0 } .cloud-header-wap .logo-link { align-items: center; display: flex; float: left; height: 34px; margin-top: 10px } .cloud-header-wap .header-search-icon { box-sizing: border-box; float: right; height: 20px; margin-top: 17px; text-align: center; width: 20px } .cloud-header-wap .header-search-icon .icon-search { vertical-align: top; width: 20px } .cloud-header-wap .header-search-icon .icon-close { box-sizing: content-box; vertical-align: top; width: 20px } .cloud-header-wap .header-search-icon img { display: inline-block } .cloud-header-wap .icon-wrap { box-sizing: border-box; float: right; height: 20px; margin-top: 17px; text-align: center; width: 20px } .cloud-header-wap .icon-wrap img { display: inline-block; float: none; opacity: 1; vertical-align: top; width: 20px } .cloud-header-wap .user-icon { box-sizing: border-box; float: right; height: 20px; margin: 17px 20px 0; text-align: center; width: 20px } .cloud-header-wap .user-icon img { vertical-align: top; width: 20px } .cloud-header-wap .user-icon .user-first-letter { background: #84868c; border-radius: 10px; color: #fff; display: inline-block; font-family: PingFangSC-Regular; font-size: 12px; font-weight: 400; height: 20px; line-height: 20px; text-align: center; vertical-align: top; width: 20px }