.cloud-header-pc a:hover, a { text-decoration: none; } body { min-width: 1280px; margin: 0; } @media screen and (max-width: 700px) { body { min-width: auto; } } * { 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; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; } a { outline: 0 !important; } dd, dl, dt, h1, h2, h3, h4, ol, p, ul { margin: 0; padding: 0; } ol, ul { list-style: none; } .cloud-header-pc { width: 100%; height: 64px; position: relative; font-family: pingfang SC, helvetica neue, arial, hiragino sans gb, microsoft yahei ui, microsoft yahei, simsun, sans-serif; } .cloud-header-pc .cloud-header-wrapper { box-sizing: border-box; position: relative; z-index: 9999; border-bottom: 1px solid #e0e0e0; } .cloud-header-pc .cloud-header-default { box-sizing: border-box; height: 63px; padding: 0 0 0 24px; display: flex; justify-content: space-between; box-shadow: none; position: relative; z-index: 9999; background-color: #fff; } .cloud-header-pc .cloud-header-default .cloud-left-wrapper { flex-shrink: 0; display: flex; align-items: center; position: relative; height: 63px; } .cloud-header-pc .cloud-header-default .cloud-left-wrapper nav { margin-left: 10px; display: flex; position: relative; height: 63px; } .cloud-header-pc .cloud-header-default .cloud-left-wrapper nav .cloud-nav { flex-shrink: 0; display: flex; position: relative; scrollbar-width: none; -ms-overflow-style: none; } .cloud-header-pc .cloud-header-default .cloud-left-wrapper nav .cloud-nav::-webkit-scrollbar { display: none; } .cloud-header-pc .cloud-header-default .cloud-left-wrapper nav .cloud-nav > li { flex-shrink: 0; position: relative; z-index: 2; } .cloud-header-pc .cloud-header-default .cloud-left-wrapper nav .cloud-nav > li > .cloud-nav-link { cursor: pointer; padding: 0 10px; display: block; font-family: PingFangSC-Regular; font-size: 14px; color: #222; line-height: 64px; } .cloud-header-pc .cloud-header-default .cloud-left-wrapper nav .cloud-nav .cloud-nav-has-tag .cloud-nav-link { color: #2468f2; font-family: PingFangSC-Medium; } .cloud-header-pc .cloud-header-default .cloud-left-wrapper nav .cloud-nav .cloud-nav-has-tag span { position: absolute; right: 12px; top: 0; width: auto; padding: 0 8px; box-sizing: border-box; height: 28px; background-image: linear-gradient(265deg, #528eff 1%, #2468f2 100%); border-radius: 8px 8px 8px 0; font-family: PingFangSC-Semibold; text-align: center; font-size: 20px; color: #fff; line-height: 28px; font-weight: 600; white-space: nowrap; transform: scale(0.5) translateX(100%); } .cloud-header-pc .cloud-header-default .cloud-right-wrapper { display: flex; align-items: center; flex-shrink: 0; height: 63px; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper { cursor: pointer; height: 100%; margin-right: 10px; box-sizing: border-box; width: 220px; padding: 0 12px; position: relative; display: flex; transition: width 0.2s ease-out; align-items: center; border-right: 1px solid rgba(34, 34, 34, 0.16); border-left: 1px solid rgba(34, 34, 34, 0.16); } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-inner { width: 100%; display: flex; justify-content: space-between; align-items: center; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register, .cloud-header-pc .logo-link { align-items: center; display: flex; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-inner .search-placeholder { height: 24px; font-family: PingFangSC-Regular; font-size: 14px; color: rgba(34, 34, 34, 0.4); letter-spacing: 0; line-height: 24px; font-weight: 400; white-space: nowrap; overflow: hidden; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-icon { width: 20px; height: 20px; } @media screen and (max-width: 1480px) { .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper { width: 160px; } } @media screen and (max-width: 1147px) { .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-block-container .header-search-block, .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-block-container.open { width: 400px; } } @media screen and (max-width: 967px) { .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-block-container.open { width: 400px; left: 50%; transform: translateX(-50%); } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .header-search-block-container .header-search-block { width: 400px; } } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-icon:hover svg path { stroke: #2468f2; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-controll::after { content: ""; display: block; height: 0; font-size: 0; line-height: 0; clear: both; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-controll li { float: left; padding: 0 10px; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-controll li > a, .cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register li > a { display: block; font-family: PingFangSC-Regular; font-size: 14px; color: #191a24; line-height: 64px; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-controll li > a:hover, .cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register li > a:hover { color: #2468f2; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang { position: relative; width: 68px; height: 26px; box-sizing: border-box; overflow: hidden; z-index: 100; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang::after { content: ""; box-sizing: border-box; position: absolute; right: 5px; top: 9px; height: 5px; width: 5px; opacity: 0.8; background: 0 0; border-left: 1px solid #191a24; border-bottom: 1px solid #191a24; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang:hover { overflow: visible; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang:hover::after { top: 12px; border-color: #2468f2; -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg); } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang:hover span { color: #2468f2; opacity: 1; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang span { height: 28px; padding-left: 10px; font-family: PingFangSC-Regular; line-height: 28px; text-align: left; cursor: pointer; opacity: 1; display: block; margin-top: -1px; font-size: 14px; color: #191a24; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .line { width: 1px; height: 14px; background-color: #d6d6d6; margin: 0 16px; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register li.nav-login { padding: 0 16px 0 0; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register li.nav-register { width: 90px; height: 64px; border-radius: 0; background: #2468f2; text-align: center; transition: background-color 0.3s linear; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register li.nav-register:hover { background: #528eff; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .login-register li.nav-register > a { color: #fff; line-height: 64px; } @media screen and (max-width: 1318px) { .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper { width: auto; padding: 0 16px; margin-right: 8px; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-inner { justify-content: flex-end; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper .search-inner .search-placeholder { display: none; } .cloud-header-pc .cloud-header-default .cloud-left-wrapper nav { margin-left: 12px; } .cloud-header-pc .cloud-header-default .cloud-left-wrapper nav .cloud-nav > li > .cloud-nav-link, .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-controll li { padding: 0 8px; } .cloud-header-pc .cloud-header-default .cloud-center-wrapper { flex-basis: 32px; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang { width: 66px; } .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang li, .cloud-header-pc .cloud-header-default .cloud-right-wrapper .cloud-header-lang > span { padding-left: 8px; } } @media screen and (max-width: 1220px) { .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper { transition: padding 0.3s ease-out, border 0.3s ease-out; padding: 0; border-color: transparent; } .cloud-header-pc, .cloud-header-pc .cloud-header-wrapper { height: 104px; } .cloud-header-pc .cloud-header-default { height: 103px; } .cloud-header-pc .cloud-header-default .cloud-left-wrapper nav { position: absolute; top: 63px; height: 40px; margin-left: -34px; padding-left: 24px; } .cloud-header-pc .cloud-header-default .cloud-left-wrapper nav .cloud-nav > li > .cloud-nav-link { line-height: 28px; padding: 0 10px 13px; } .cloud-header-pc .cloud-header-default .cloud-left-wrapper nav .cloud-nav .cloud-nav-has-tag span { top: -18px; } } .cloud-header-pc .login-wrapper { position: relative; } .cloud-header-pc .login-wrapper .header-userinfo { max-width: 136px; margin-right: 24px; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: default; } .cloud-header-pc .login-wrapper .header-userinfo svg { vertical-align: middle; margin-right: 8px; } .cloud-header-pc .login-wrapper .header-userinfo span { color: #191a24; font-family: PingFangSC-Regular; font-size: 14px; line-height: 64px; font-weight: 400; } .cloud-header-wap { position: relative; width: 100%; height: 54px; background: #fff; box-sizing: border-box; min-width: 320px; z-index: 1000; } .cloud-header-wap .cloud-header-wrapper-wap { position: fixed; left: 0; top: 0; width: 100%; min-width: 320px; height: 54px; z-index: 1000; background: #fff; box-shadow: 0 2px 6px 0 rgba(171, 171, 171, 0.3); } .cloud-header-wap .cloud-header-wrapper-wap .cloud-header-default { padding: 0 12.5px; position: relative; height: 54px; } .cloud-header-pc .logo-link { height: 42px; } .cloud-header-wap .logo-link { float: left; display: flex; align-items: center; height: 34px; margin-top: 10px; } .cloud-header-wap .header-search-icon, .cloud-header-wap .icon-wrap { margin-top: 17px; float: right; height: 20px; box-sizing: border-box; text-align: center; width: 20px; } .cloud-header-wap .header-search-icon .icon-search { vertical-align: top; width: 20px; } .cloud-header-wap .header-search-icon img { display: inline-block; } .cloud-header-wap .icon-wrap img { width: 20px; vertical-align: top; display: inline-block; float: none; opacity: 1; } .cloud-header-wap .user-icon { float: right; width: 20px; height: 20px; box-sizing: border-box; margin: 17px 20px 0; text-align: center; } .cloud-header-wap .user-icon img { width: 20px; vertical-align: top; } .cloud-header-wap.app-header { box-shadow: none; top: -54px; } .cloud-header-wap.app-header .cloud-header-default { display: none; } .cloud-header-wap.app-header .cloud-header-mask { top: 0; } @media screen and (max-width: 1420px) { .cloud-header-pc .cloud-header-default .cloud-right-wrapper .header-search-wrapper { padding: 0 16px; width: 54px; } }