html { font-size: 16px !important; } @media (max-width: 1800px) { html { font-size: 14px !important; } } @media (max-width: 834px) { html { font-size: 16px !important; } } @media (max-width: 780px) { html { font-size: 14px !important; } } @media (max-width: 640px) { html { font-size: 14px !important; } } @media (max-width: 600px) { html { font-size: 16px !important; } } .footer-container { background: rgba(28, 33, 44, 0.9); width: 100%; min-height: 366px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .footer-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .footer-container .index-footer-content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-width: 82.5rem; width: calc(100% - 106px); padding-top: 5rem; } .footer-container .index-footer-content .logo-container { display: -ms-flexbox; display: flex; height: 2rem; } .footer-container .index-footer-content .logo-container a img { height: 2rem; } .footer-container .index-footer-content .logo-container .divide-line { margin-left: 1.5rem; margin-right: 1.5rem; height: 2rem; width: 1px; background: white; } .footer-container .footer { width: 100%; padding: 5rem 0 6.5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .footer-container .footer .left { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: flex-end; } .footer-container .footer .left .title { color: #B8BECC; font-weight: 700; font-size: .75rem; line-height: 1.5rem; } .footer-container .footer .left .pc { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: flex-end; text-align: right; } .footer-container .footer .left .pc .left-part { display: -ms-flexbox; display: flex; gap: 16px; } .footer-container .footer .left .pc .left-part .code { margin-top: 1rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .footer-container .footer .left .pc .left-part .code img { width: 6rem; border-radius: .75rem; } .footer-container .footer .left .pc .left-part .code .text { font-weight: 500; line-height: 1.5rem; padding-top: .5rem; padding-bottom: 1.25rem; color: #E6E9ED; text-align: center; } .footer-container .footer .left .right-part .telephone a { font-weight: 700; font-size: 1.375rem; line-height: 2rem; } .footer-container .footer .left .right-part a { color: #fff; text-decoration: none; font-size: 1rem; line-height: 1.5rem; font-weight: 500; } .footer-container .footer .left .right-part a:hover { color: #3385ff; } .footer-container .footer .us { list-style: none; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 67.65%; } .footer-container .footer .us .us-row { display: -ms-flexbox; display: flex; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-pack: justify; justify-content: space-between; } .footer-container .footer .us:after { content: ''; display: block; clear: both; } .footer-container .footer .us h3 { margin: 0 0 1rem; font-weight: 700; font-size: .75rem; line-height: 1.5rem; color: #fff; text-decoration: none; } .footer-container .footer .us h3 span { vertical-align: 1px; } .footer-container .footer .us .list { list-style: none; margin: 0; padding: 0; } .footer-container .footer .us .list li { width: 100%; margin-bottom: .5rem; } .footer-container .footer .us .list li a { color: #E6E9ED; text-decoration: none; font-size: 0.875rem; line-height: 1.5rem; font-weight: 500; } .footer-container .footer .us .list li a:hover { color: #3385ff; } .footer-container .copyright { color: #E6E9ED; width: calc(100% - 106px); height: 64px; position: relative; bottom: 24px; left: 0; max-width: 82.5rem; } .footer-container .copyright .copyright-content { height: 100%; position: relative; max-width: 82.5rem; margin: 0 auto; } .footer-container .copyright .copyright-content .info { height: 100%; font-size: .8125rem; line-height: 1rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .footer-container .copyright .copyright-content .info .cr-pc { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .footer-container .copyright .copyright-content .info .cr-pc .beian { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .footer-container .copyright .copyright-content .info .cr-pc .police-logo { width: 16px; height: 17px; position: absolute; left: -15px; top: -2px; } .footer-container .copyright .copyright-content .info .cr-pc .divide-line { margin-left: .5rem; margin-right: .5rem; width: 1px; height: .375rem; background: #666F80; } .footer-container .copyright .copyright-content .info .cr-mb { display: none; } .footer-container .copyright .copyright-content .info a { color: #adbacc; text-decoration: none; font-size: .8125rem; line-height: 1rem; position: relative; } .footer-container .copyright .copyright-content .info a:hover { color: #3385ff; } .footer-container .share { padding-top: 1.25rem; } .footer-container .share .share-item { display: inline-block; } .footer-container .footer .left .share, .footer-container .footer .us .share { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: end; -ms-flex-align: center; align-items: center; width: 100%; } .footer-container .footer .left .share span, .footer-container .footer .us .share span { background: #979fa8; border: 0.1rem solid #979fa8; width: 2rem; height: 2rem; border-radius: 50%; } .footer-container .footer .left .share i, .footer-container .footer .us .share i { color: #fff; } .footer-container .footer .left .share .qrcode, .footer-container .footer .us .share .qrcode { position: relative; display: inline-block; vertical-align: top; z-index: 999; } .footer-container .footer .left .share .share-img, .footer-container .footer .us .share .share-img { width: 24px; cursor: pointer; margin-left: 1rem; } .footer-container .footer .left .share .share-img:hover, .footer-container .footer .us .share .share-img:hover { opacity: 1; } .footer-container .footer .left .share .share-img:hover + .dropdown, .footer-container .footer .us .share .share-img:hover + .dropdown { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .footer-container .footer .left .share .qrcode .dropdown, .footer-container .footer .us .share .qrcode .dropdown { position: absolute; top: -160px; left: -66px; visibility: hidden; border: 1px solid #ddd; background: #fff; border-radius: 2px; opacity: 0; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .footer-container .footer .left .share .qrcode .dropdown img, .footer-container .footer .us .share .qrcode .dropdown img { width: 140px; height: 140px; } .footer-container .footer .left .share .qrcode .dropdown:after, .footer-container .footer .us .share .qrcode .dropdown:after { content: ''; bottom: -5px; right: 66px; top: auto; left: auto; position: absolute; width: 0.6em; height: 0.6em; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 2; -webkit-transition: background 0.1s linear; -o-transition: background 0.1s linear; transition: background 0.1s linear; background-color: #fff; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; } .footer-container .footer .left .share .weixin .dropdown, .footer-container .footer .us .share .weixin .dropdown { top: -160px; } #kf5-support-btn { top: unset !important; left: 20px !important; bottom: 240px !important; visibility: hidden; } #kf5-support-block { right: 20px; bottom: 106px; width: 380px; height: 560px; -webkit-box-shadow: 0px 0px 25px 5px rgba(61, 78, 102, 0.07); box-shadow: 0px 0px 25px 5px rgba(61, 78, 102, 0.07); } .footer-right-section { display: -ms-flexbox; display: flex; bottom: 2rem; right: 1.375rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; z-index: 999; position: fixed; } .footer-right-section .top-part { background: -webkit-linear-gradient(271.96deg, #5190FF 8.29%, #8DAAFF 31.89%, #768DFF 57.34%, #9086FF 72.52%, #8368F8 93.15%, #5C23FF 107.19%); background: -o-linear-gradient(271.96deg, #5190FF 8.29%, #8DAAFF 31.89%, #768DFF 57.34%, #9086FF 72.52%, #8368F8 93.15%, #5C23FF 107.19%); background: linear-gradient(178.04deg, #5190FF 8.29%, #8DAAFF 31.89%, #768DFF 57.34%, #9086FF 72.52%, #8368F8 93.15%, #5C23FF 107.19%); -webkit-box-shadow: 5px 5px 20px 5px rgba(160, 153, 233, 0.2); box-shadow: 5px 5px 20px 5px rgba(160, 153, 233, 0.2); border-radius: 3.75rem; height: 100%; min-width: 3.75rem; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-align: center; align-items: center; padding: 0.75rem 0.375rem; } .footer-right-section .top-part .icon-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } .footer-right-section .top-part .icon-container .icon-desc { font-family: 'PingFang SC'; font-weight: 400; font-size: 12px; line-height: 17px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #ffffff; padding-bottom: 12px; white-space: nowrap; } .footer-right-section .top-part .icon-container .img-section { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; cursor: pointer; width: 2.2rem; height: 2.2rem; } .footer-right-section .top-part .icon-container .img-section:hover { background: #01109933; -webkit-backdrop-filter: blur(1.5px); backdrop-filter: blur(1.5px); border-radius: 50%; } .footer-right-section .top-part .icon-container .img-section a .normal-img { display: -ms-flexbox; display: flex; } .footer-right-section .top-part .icon-container .img-section a .pc-img { display: none; } .footer-right-section .top-part .icon-container .img-section img { width: 2rem; height: 2rem; } .footer-right-section .top-part .icon-container .img-section .right-mb-btn .mb-img, .footer-right-section .top-part .icon-container .img-section .right-mb-btn .normal-img { display: none; } .footer-right-section .top-part .icon-container .img-section .right-mb-btn { outline: none; border: none; background: transparent; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .footer-right-section .top-part .icon-container .img-section:first-child { cursor: pointer; } .footer-right-section .top-part .divide-line { background: #F4F7FA; height: 1px; width: 2rem; } .footer-right-section .top-part #coding-communication { position: relative; top: -2px; } .footer-right-section .top-part .contribution-section img { position: relative; left: 2px; } .footer-right-section .bottom-part { margin-top: 2.5rem; width: 3.75rem; height: 3.75rem; border-radius: 50%; -webkit-box-shadow: 0px 5px 26px 5px rgba(61, 78, 102, 0.1); box-shadow: 0px 5px 26px 5px rgba(61, 78, 102, 0.1); background: #fff; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; outline: none; border: none; } .footer-right-section .bottom-part .container { width: 3.75rem; height: 3.75rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 50%; } .footer-right-section .bottom-part .container:hover { background: rgba(0, 102, 255, 0.1); -webkit-box-sizing: 50%; box-sizing: 50%; } .footer-right-section .bottom-part .container:hover .pc-img { display: block; } .footer-right-section .bottom-part .container:hover .normal-img { display: none; } .footer-right-section .bottom-part .container .pc-img { display: none; } .footer-right-section .bottom-part .container img { width: 1.5rem; height: 1.5rem; } .contribution-wrapper { display: none; position: fixed; right: 96px; font-size: 14px; bottom: 200px; z-index: 999; width: 310px; overflow: hidden; border-radius: 8px !important; background: #fcfcfc; -webkit-box-shadow: 0px 5px 25px 5px #3d4e66; box-shadow: 0px 5px 25px 5px #3d4e66; } .contribution-wrapper .title-container { padding: 10px 16px; font-size: 14px; color: white; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; background: #1880ff; } .contribution-wrapper .title-container .title { font-size: 16px; } .contribution-wrapper .title-container #close-contribution-button { cursor: pointer; } .contribution-wrapper .content-container { position: relative; background: #fcfcfc; padding: 22px 30px 30px; overflow-y: auto; font-size: 14px; height: 252px; } .contribution-wrapper .content-container .content div { padding-top: 8px; line-height: 24px; } .contribution-wrapper .content-container .content .blank-line { padding-top: 12px; } .contribution-wrapper .content-container .send-button { width: 92px; line-height: 32px; font-size: 14px; font-weight: bold; border-radius: 4px; cursor: pointer; text-align: center; background: #1880ff; position: relative; margin: 16px 0 0 auto; } .contribution-wrapper .content-container .send-button a { padding: 14px; text-decoration: none; color: white; } .text-bold { font-weight: bold; } .contribution-show { display: inline-block; } .contribution-close { display: none; } .communication-modal { z-index: 999; position: fixed; right: 4.6rem; bottom: 6.875rem; display: none; height: 340px; width: 282px; } .communication-modal .modal-bg { width: 100%; position: relative; -webkit-filter: drop-shadow(0px 0px 25px rgba(61, 78, 102, 0.07)); filter: drop-shadow(0px 0px 25px rgba(61, 78, 102, 0.07)); } .communication-modal .modal-bg img { width: 100%; } .communication-modal.normal-display { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; pointer-events: none; } .communication-modal .top-side img { width: 80px; } .communication-modal .top-side .title { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; padding-top: 24px; } .communication-modal .top-side .title p { color: #202d40; font-size: 16px; font-weight: 500; line-height: 24px; width: 100%; text-align: center; } .communication-modal .top-side .title span { color: #8592A6; font-size: 14px; line-height: 24px; font-weight: 400; } .communication-modal img { width: 160px; } .communication-modal .code-img { margin-top: 24px; } .communication-modal .modal-content-box { position: absolute; top: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; width: 224px; } .mb-communication-modal { display: none; } .group-modal { z-index: 999; position: fixed; right: 4.6rem; bottom: 6.875rem; display: none; height: 340px; width: 282px; } .group-modal .modal-bg { width: 100%; position: relative; -webkit-filter: drop-shadow(0px 0px 25px rgba(61, 78, 102, 0.07)); filter: drop-shadow(0px 0px 25px rgba(61, 78, 102, 0.07)); } .group-modal .modal-bg img { width: 100%; } .group-modal.normal-display { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; pointer-events: none; } .group-modal .top-side img { width: 80px; } .group-modal .top-side .title { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; padding-top: 24px; } .group-modal .top-side .title p { color: #202d40; font-size: 16px; font-weight: 500; line-height: 24px; width: 100%; text-align: center; } .group-modal .top-side .title span { color: #8592A6; font-size: 14px; line-height: 24px; font-weight: 400; } .group-modal img { width: 160px; } .group-modal .code-img { margin-top: 24px; } .group-modal .modal-content-box { position: absolute; top: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; width: 224px; } .mb-group-modal { display: none; } .online-modal { z-index: 999; position: fixed; right: 3.625rem; bottom: 11.375rem; display: none; height: 6.75rem; width: 11rem; background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/floatBar/consult_modal.png?imageMogr2/format/webp") no-repeat; background-size: 100%; display: none; } .online-modal.normal-display { pointer-events: none; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .online-modal p { color: #32373F; font-weight: 500; position: relative; left: -4px; top: -2px; font-size: 1rem; } @media screen and (max-width: 1920px) { .footer-container .footer .us .list li a { line-height: 1.625rem; font-size: 1rem; } .footer-container .footer .left .pc .left-part .code img { width: 96px; height: 96px; } } @media screen and (max-width: 1800px) { .communication-modal { bottom: 5.875rem; } .group-modal { bottom: 5.875rem; } } @media screen and (max-width: 834px) { .communication-modal { display: none; } .group-modal { display: none; } .footer-container { -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); } .footer-container .index-footer-content { padding-top: 5.5rem; height: 900px; } .footer-container .share { padding-top: 2.5rem; } .footer-container .footer { -ms-flex-direction: column; flex-direction: column; padding-bottom: 0; } .footer-container .footer .us { width: 100%; } .footer-container .footer .left { padding-top: 5rem; -ms-flex-align: start; align-items: flex-start; } .footer-container .footer .left .pc { -ms-flex-direction: row; flex-direction: row; width: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; } .footer-container .footer .left .pc .left-part p { text-align: left; } .footer-container .footer .left .pc .left-part .code { margin-top: 1.25rem; } .footer-container .footer .left .pc .left-part .code .text { padding-bottom: 0; } .footer-container .footer .left .pc .right-part .telephone { padding-top: 2.5rem; } .footer-container .copyright { bottom: 4rem; } .footer-container .copyright .copyright-content .info .cr-pc { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } .footer-container .copyright .copyright-content .info .cr-pc .beian { padding-top: 1rem; } .footer-container .copyright .copyright-content .info .cr-pc .police-logo { width: 16px; height: 17px; position: absolute; left: -15px; top: -2px; } } @media screen and (max-width: 768px) { #beacon_footer_workorder { display: none; } .communication-modal { display: none; } .group-modal { display: none; } #coding_footer_contribute { display: none; } .contribution-section { display: none; } .mb-communication-modal { -ms-flex-pack: center; justify-content: center; width: 100vw; height: 100vh; background-color: rgba(23, 29, 38, 0.7); position: fixed; top: 0; z-index: 999; } .mb-communication-modal.normal-modal { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .mb-communication-modal .modal-container { background: white; border-radius: 8px; -webkit-box-shadow: 0px 0px 25px rgba(61, 78, 102, 0.07); box-shadow: 0px 0px 25px rgba(61, 78, 102, 0.07); height: 346px; width: 280px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .mb-communication-modal .modal-container .top-side { padding-top: 32px; padding-bottom: 24px; } .mb-communication-modal .modal-container .top-side img { width: 80px; } .mb-communication-modal .modal-container .top-side .title { margin-left: 3px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .mb-communication-modal .modal-container .top-side .title p { color: #202d40; font-size: 16px; font-weight: 500; line-height: 24px; } .mb-communication-modal .modal-container .top-side .title span { color: #8592A6; font-size: 14px; line-height: 24px; padding-top: 2px; } .mb-communication-modal .modal-container .code-img { width: 200px; } .mb-group-modal { -ms-flex-pack: center; justify-content: center; width: 100vw; height: 100vh; background-color: rgba(23, 29, 38, 0.7); position: fixed; top: 0; z-index: 999; } .mb-group-modal.normal-modal { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .mb-group-modal .modal-container { background: white; border-radius: 8px; -webkit-box-shadow: 0px 0px 25px rgba(61, 78, 102, 0.07); box-shadow: 0px 0px 25px rgba(61, 78, 102, 0.07); height: 346px; width: 280px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .mb-group-modal .modal-container .top-side { padding-top: 32px; padding-bottom: 24px; } .mb-group-modal .modal-container .top-side img { width: 80px; } .mb-group-modal .modal-container .top-side .title { margin-left: 3px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .mb-group-modal .modal-container .top-side .title p { color: #202d40; font-size: 16px; font-weight: 500; line-height: 24px; } .mb-group-modal .modal-container .top-side .title span { color: #8592A6; font-size: 14px; line-height: 24px; padding-top: 2px; } .mb-group-modal .modal-container .code-img { width: 200px; } .footer-right-section { bottom: 24px; } .footer-right-section .top-part { min-width: 3rem; height: 100%; } .footer-right-section .top-part .icon-container .mb-icon-desc { display: none; } .footer-right-section .top-part .divide-line { display: none; } .footer-right-section .top-part .mb-divide-line { background: #e6e9ed; height: 1px; width: 24px; } .footer-right-section .top-part .img-section { width: 40px; height: 40px; } .footer-right-section .top-part .img-section .right-mb-btn .normal-img { display: block; } .footer-right-section .top-part .img-section .right-mb-btn.modal-opening .mb-img { display: block; } .footer-right-section .top-part .img-section .right-mb-btn.modal-opening .normal-img { display: none; } .footer-right-section .top-part .img-section .pc-img { display: none; } .footer-right-section .top-part .img-section:last-child { display: none; } .footer-right-section .bottom-part img { width: 26px; height: 26px; } .footer-right-section .bottom-part:active .container { background: rgba(0, 102, 255, 0.1) !important; border-radius: 50%; } .footer-right-section .bottom-part:active .container .pc-img { display: block !important; } .footer-right-section .bottom-part:active .container .normal-img { display: none !important; } .footer-right-section .bottom-part .container:hover { background: none; } .footer-right-section .bottom-part .container:hover .pc-img { display: none; } .footer-right-section .bottom-part .container:hover .normal-img { display: block; } } @media screen and (max-width: 600px) { .footer-container .index-footer-content { width: calc(100% - 64px); padding-top: 4rem; height: 1500px; } .footer-container .index-footer-content .logo-container { height: 1.5rem; } .footer-container .index-footer-content .logo-container a img { height: 1.5rem; } .footer-container .index-footer-content .logo-container .divide-line { height: 1.5rem; margin-left: 1rem; margin-right: 1rem; } .footer-container .footer { padding-top: 1.5rem; } .footer-container .footer .us .us-row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-container .footer .us .us-row .us-col { width: 50%; padding-top: 2rem; } .footer-container .footer .left { padding-top: 3.5rem; } .footer-container .footer .left .pc { -ms-flex-direction: column; flex-direction: column; } .footer-container .footer .left .pc .right-part { text-align: left; } .footer-container .footer .left .pc .right-part .telephone { padding-top: 1.5rem; } .footer-container .footer .left .pc .right-part .telephone a { font-size: 23px; line-height: 2rem; } .footer-container .footer .left .share { -ms-flex-pack: start; justify-content: flex-start; padding-top: 1rem; } .footer-container .footer .left .share .share-img { margin-left: 0; margin-right: 1rem; } .footer-container .copyright { height: auto; bottom: 3rem; width: calc(100% - 64px); } .footer-container .copyright .copyright-content .info .cr-pc .beian { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; padding-top: .75rem; } .footer-container .copyright .copyright-content .info .cr-pc .beian .divide-line { display: none; } .footer-container .copyright .copyright-content .info .cr-pc .police-logo { width: 16px; height: 17px; position: relative; left: 0; top: 0; } .footer-container .copyright .copyright-content .info .police-number-hide { display: -ms-flexbox; display: flex; } .footer-container .copyright .copyright-content .info a { line-height: 1.375rem; position: relative; } .footer-container .copyright .copyright-content .info .beian-number { padding-top: .75rem; } } #kf5-support-btn { top: 76%; } .uperform-page-link { position: relative; } .uperform-page-link::after { content: 'NEW'; position: absolute; left: 80px; top: -5px; width: 40px; height: 18px; background: #d10f18; text-align: center; line-height: 20px; line-height: 18px; border-radius: 18px; font-size: 12px; } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { -webkit-transition-duration: 50ms; -o-transition-duration: 50ms; transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { -webkit-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { -webkit-transition-duration: .1s; -o-transition-duration: .1s; transition-duration: .1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { -webkit-transition-duration: .15s; -o-transition-duration: .15s; transition-duration: .15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { -webkit-transition-duration: .25s; -o-transition-duration: .25s; transition-duration: .25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { -webkit-transition-delay: .25s; -o-transition-delay: .25s; transition-delay: .25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { -webkit-transition-delay: .35s; -o-transition-delay: .35s; transition-delay: .35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { -webkit-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { -webkit-transition-duration: .45s; -o-transition-duration: .45s; transition-duration: .45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { -webkit-transition-delay: .45s; -o-transition-delay: .45s; transition-delay: .45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { -webkit-transition-duration: .55s; -o-transition-duration: .55s; transition-duration: .55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { -webkit-transition-delay: .55s; -o-transition-delay: .55s; transition-delay: .55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { -webkit-transition-duration: .6s; -o-transition-duration: .6s; transition-duration: .6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { -webkit-transition-duration: .65s; -o-transition-duration: .65s; transition-duration: .65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { -webkit-transition-delay: .65s; -o-transition-delay: .65s; transition-delay: .65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { -webkit-transition-duration: .7s; -o-transition-duration: .7s; transition-duration: .7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { -webkit-transition-duration: .75s; -o-transition-duration: .75s; transition-duration: .75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { -webkit-transition-delay: .75s; -o-transition-delay: .75s; transition-delay: .75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { -webkit-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { -webkit-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { -webkit-transition-duration: .85s; -o-transition-duration: .85s; transition-duration: .85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { -webkit-transition-delay: .85s; -o-transition-delay: .85s; transition-delay: .85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { -webkit-transition-duration: .9s; -o-transition-duration: .9s; transition-duration: .9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { -webkit-transition-delay: .9s; -o-transition-delay: .9s; transition-delay: .9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { -webkit-transition-duration: .95s; -o-transition-duration: .95s; transition-duration: .95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { -webkit-transition-delay: .95s; -o-transition-delay: .95s; transition-delay: .95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { -webkit-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { -webkit-transition-duration: 1.05s; -o-transition-duration: 1.05s; transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { -webkit-transition-delay: 1.05s; -o-transition-delay: 1.05s; transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { -webkit-transition-duration: 1.1s; -o-transition-duration: 1.1s; transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { -webkit-transition-delay: 1.1s; -o-transition-delay: 1.1s; transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { -webkit-transition-duration: 1.15s; -o-transition-duration: 1.15s; transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { -webkit-transition-delay: 1.15s; -o-transition-delay: 1.15s; transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { -webkit-transition-duration: 1.2s; -o-transition-duration: 1.2s; transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { -webkit-transition-duration: 1.25s; -o-transition-duration: 1.25s; transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { -webkit-transition-delay: 1.25s; -o-transition-delay: 1.25s; transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { -webkit-transition-duration: 1.3s; -o-transition-duration: 1.3s; transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { -webkit-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { -webkit-transition-duration: 1.35s; -o-transition-duration: 1.35s; transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { -webkit-transition-delay: 1.35s; -o-transition-delay: 1.35s; transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { -webkit-transition-duration: 1.4s; -o-transition-duration: 1.4s; transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { -webkit-transition-duration: 1.45s; -o-transition-duration: 1.45s; transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { -webkit-transition-delay: 1.45s; -o-transition-delay: 1.45s; transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { -webkit-transition-duration: 1.5s; -o-transition-duration: 1.5s; transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { -webkit-transition-duration: 1.55s; -o-transition-duration: 1.55s; transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { -webkit-transition-delay: 1.55s; -o-transition-delay: 1.55s; transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { -webkit-transition-duration: 1.6s; -o-transition-duration: 1.6s; transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { -webkit-transition-duration: 1.65s; -o-transition-duration: 1.65s; transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { -webkit-transition-delay: 1.65s; -o-transition-delay: 1.65s; transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { -webkit-transition-duration: 1.7s; -o-transition-duration: 1.7s; transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { -webkit-transition-delay: 1.7s; -o-transition-delay: 1.7s; transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { -webkit-transition-duration: 1.75s; -o-transition-duration: 1.75s; transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { -webkit-transition-delay: 1.75s; -o-transition-delay: 1.75s; transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { -webkit-transition-duration: 1.8s; -o-transition-duration: 1.8s; transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { -webkit-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { -webkit-transition-duration: 1.85s; -o-transition-duration: 1.85s; transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { -webkit-transition-delay: 1.85s; -o-transition-delay: 1.85s; transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { -webkit-transition-duration: 1.9s; -o-transition-duration: 1.9s; transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { -webkit-transition-delay: 1.9s; -o-transition-delay: 1.9s; transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { -webkit-transition-duration: 1.95s; -o-transition-duration: 1.95s; transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { -webkit-transition-delay: 1.95s; -o-transition-delay: 1.95s; transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { -webkit-transition-duration: 2s; -o-transition-duration: 2s; transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { -webkit-transition-duration: 2.05s; -o-transition-duration: 2.05s; transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { -webkit-transition-delay: 2.05s; -o-transition-delay: 2.05s; transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { -webkit-transition-duration: 2.1s; -o-transition-duration: 2.1s; transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { -webkit-transition-delay: 2.1s; -o-transition-delay: 2.1s; transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { -webkit-transition-duration: 2.15s; -o-transition-duration: 2.15s; transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { -webkit-transition-delay: 2.15s; -o-transition-delay: 2.15s; transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { -webkit-transition-duration: 2.2s; -o-transition-duration: 2.2s; transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { -webkit-transition-delay: 2.2s; -o-transition-delay: 2.2s; transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { -webkit-transition-duration: 2.25s; -o-transition-duration: 2.25s; transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { -webkit-transition-delay: 2.25s; -o-transition-delay: 2.25s; transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { -webkit-transition-duration: 2.3s; -o-transition-duration: 2.3s; transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { -webkit-transition-delay: 2.3s; -o-transition-delay: 2.3s; transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { -webkit-transition-duration: 2.35s; -o-transition-duration: 2.35s; transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { -webkit-transition-delay: 2.35s; -o-transition-delay: 2.35s; transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { -webkit-transition-duration: 2.4s; -o-transition-duration: 2.4s; transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { -webkit-transition-delay: 2.4s; -o-transition-delay: 2.4s; transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { -webkit-transition-duration: 2.45s; -o-transition-duration: 2.45s; transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { -webkit-transition-delay: 2.45s; -o-transition-delay: 2.45s; transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { -webkit-transition-duration: 2.5s; -o-transition-duration: 2.5s; transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { -webkit-transition-delay: 2.5s; -o-transition-delay: 2.5s; transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { -webkit-transition-duration: 2.55s; -o-transition-duration: 2.55s; transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { -webkit-transition-delay: 2.55s; -o-transition-delay: 2.55s; transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { -webkit-transition-duration: 2.6s; -o-transition-duration: 2.6s; transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { -webkit-transition-delay: 2.6s; -o-transition-delay: 2.6s; transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { -webkit-transition-duration: 2.65s; -o-transition-duration: 2.65s; transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { -webkit-transition-delay: 2.65s; -o-transition-delay: 2.65s; transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { -webkit-transition-duration: 2.7s; -o-transition-duration: 2.7s; transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { -webkit-transition-delay: 2.7s; -o-transition-delay: 2.7s; transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { -webkit-transition-duration: 2.75s; -o-transition-duration: 2.75s; transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { -webkit-transition-delay: 2.75s; -o-transition-delay: 2.75s; transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { -webkit-transition-duration: 2.8s; -o-transition-duration: 2.8s; transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { -webkit-transition-delay: 2.8s; -o-transition-delay: 2.8s; transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { -webkit-transition-duration: 2.85s; -o-transition-duration: 2.85s; transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { -webkit-transition-delay: 2.85s; -o-transition-delay: 2.85s; transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { -webkit-transition-duration: 2.9s; -o-transition-duration: 2.9s; transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { -webkit-transition-delay: 2.9s; -o-transition-delay: 2.9s; transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { -webkit-transition-duration: 2.95s; -o-transition-duration: 2.95s; transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { -webkit-transition-delay: 2.95s; -o-transition-delay: 2.95s; transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { -webkit-transition-duration: 3s; -o-transition-duration: 3s; transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { -webkit-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); -o-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^=fade][data-aos^=fade] { opacity: 0; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; -o-transition-property: opacity,transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform; } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } [data-aos=fade-up] { -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } [data-aos=fade-down] { -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } [data-aos=fade-right] { -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } [data-aos=fade-left] { -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } [data-aos=fade-up-right] { -webkit-transform: translate3d(-100px, 100px, 0); transform: translate3d(-100px, 100px, 0); } [data-aos=fade-up-left] { -webkit-transform: translate3d(100px, 100px, 0); transform: translate3d(100px, 100px, 0); } [data-aos=fade-down-right] { -webkit-transform: translate3d(-100px, -100px, 0); transform: translate3d(-100px, -100px, 0); } [data-aos=fade-down-left] { -webkit-transform: translate3d(100px, -100px, 0); transform: translate3d(100px, -100px, 0); } [data-aos^=zoom][data-aos^=zoom] { opacity: 0; -webkit-transition-property: opacity,-webkit-transform; transition-property: opacity,-webkit-transform; -o-transition-property: opacity,transform; transition-property: opacity,transform; transition-property: opacity,transform,-webkit-transform; } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } [data-aos=zoom-in] { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } [data-aos=zoom-in-up] { -webkit-transform: translate3d(0, 100px, 0) scale(0.6); transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos=zoom-in-down] { -webkit-transform: translate3d(0, -100px, 0) scale(0.6); transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos=zoom-in-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(0.6); transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos=zoom-in-left] { -webkit-transform: translate3d(100px, 0, 0) scale(0.6); transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos=zoom-out] { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } [data-aos=zoom-out-up] { -webkit-transform: translate3d(0, 100px, 0) scale(1.2); transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos=zoom-out-down] { -webkit-transform: translate3d(0, -100px, 0) scale(1.2); transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos=zoom-out-right] { -webkit-transform: translate3d(-100px, 0, 0) scale(1.2); transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos=zoom-out-left] { -webkit-transform: translate3d(100px, 0, 0) scale(1.2); transform: translate3d(100px, 0, 0) scale(1.2); } [data-aos^=slide][data-aos^=slide] { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos^=slide][data-aos^=slide].aos-animate { -webkit-transform: translateZ(0); transform: translateZ(0); } [data-aos=slide-up] { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } [data-aos=slide-down] { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } [data-aos=slide-right] { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } [data-aos=slide-left] { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } [data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } [data-aos=flip-left] { -webkit-transform: perspective(2500px) rotateY(-100deg); transform: perspective(2500px) rotateY(-100deg); } [data-aos=flip-left].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos=flip-right] { -webkit-transform: perspective(2500px) rotateY(100deg); transform: perspective(2500px) rotateY(100deg); } [data-aos=flip-right].aos-animate { -webkit-transform: perspective(2500px) rotateY(0); transform: perspective(2500px) rotateY(0); } [data-aos=flip-up] { -webkit-transform: perspective(2500px) rotateX(-100deg); transform: perspective(2500px) rotateX(-100deg); } [data-aos=flip-up].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } [data-aos=flip-down] { -webkit-transform: perspective(2500px) rotateX(100deg); transform: perspective(2500px) rotateX(100deg); } [data-aos=flip-down].aos-animate { -webkit-transform: perspective(2500px) rotateX(0); transform: perspective(2500px) rotateX(0); } @-webkit-keyframes ceiling-header-show { from { top: -60px; } to { top: 0; } } @keyframes ceiling-header-show { from { top: -60px; } to { top: 0; } } @-webkit-keyframes fade-up-header { 0% { opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fade-up-header { 0% { opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } html { font-size: 16px !important; } .selected { color: #0066ff; border-right: 2px solid #0066ff; padding-right: 28px; } .show { display: -ms-flexbox; display: flex; } .hide { display: none; } .normal { color: black; padding-right: 30px; } .search-select-icon-dongjian { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } .search-select-icon-dongjian .search-divider { opacity: 0.15; background: #202D40; width: 1px; height: 14px; } .search-select-icon-dongjian .search-icon { width: 16px; height: 16px; margin-right: 24px; cursor: pointer; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background: url("https://help-assets.codehub.cn/insight/img/menu-search.svg") no-repeat; } .search-select-icon-dongjian .search-icon.on { background: url("https://help-assets.codehub.cn/insight/img/nav-close.svg") no-repeat; margin-top: 5px; } .search-content-dongjian { width: 260px; height: 100%; position: absolute; z-index: 3; top: 0; left: 24%; -ms-flex-align: center; align-items: center; display: none; opacity: 0; } .search-content-dongjian.on { display: -ms-flexbox; display: flex; opacity: 1; position: relative; top: 10px; left: -20px; width: 600px; } .search-content-dongjian .search-area { width: 100%; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: 4px; } .search-content-dongjian .search-area .header-search-icon { display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 2px; margin-right: 14px; width: 16px; height: 16px; background: url("https://help-assets.codehub.cn/insight/img/menu-search.svg") no-repeat; } .search-content-dongjian .search-area .headerSearchInput { -ms-flex-positive: 1; flex-grow: 1; font-size: 16px; color: #202D40; line-height: 26px; border: 1px solid #000; border-radius: 4px; padding: 5px 15px; background: rgba(255, 255, 255, 0.1); position: relative; } .search-content-dongjian .search-area .headerSearchInput span.algolia-autocomplete { width: 100%; } .search-content-dongjian .search-area .headerSearchInput input { width: 100%; border: none; outline: none; font-size: 16px; color: #000; line-height: 26px; caret-color: #0066FF; background-color: transparent; } .search-content-dongjian .search-area .headerSearchInput .cross { width: 11px; height: 11px; position: absolute; right: 5px; top: 13px; cursor: pointer; } .search-content-dongjian .search-area .headerSearchInput .cross::before, .search-content-dongjian .search-area .headerSearchInput .cross::after { content: ''; width: 2px; height: 11px; background: #000000; position: absolute; right: 10px; } .search-content-dongjian .search-area .headerSearchInput .cross::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .search-content-dongjian .search-area .headerSearchInput .cross::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete pre:before { display: block; position: absolute; content: ""; width: 14px; height: 14px; background: #fff; z-index: 1000; top: 0px; left: 12px; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-radius: 2px; } .search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete pre.change:before { visibility: visible; } .search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete .ds-dropdown-menu { padding-top: 0px; } .search-content-dongjian .search-area .headerSearchInput .ds-dropdown-menu { max-height: 450px; overflow: auto; } .search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu { left: -15px !important; right: inherit !important; border: 1px solid #d9d9d9; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; -webkit-transition: none; -o-transition: none; transition: none; width: calc(100% + 30px); } .search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete.algolia-autocomplete-right .ds-dropdown-menu:before { display: none; } .search-content-dongjian .search-area .headerSearchInput .algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-] { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; -webkit-box-shadow: none; box-shadow: none; } .common-header { background-color: transparent; position: fixed; width: 100%; left: 0; z-index: 999; -webkit-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-animation: ceiling-header-show 1s cubic-bezier(0.4, 0, 0.2, 1) forwards; animation: ceiling-header-show 1s cubic-bezier(0.4, 0, 0.2, 1) forwards; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; } .common-header * { -webkit-box-sizing: border-box; box-sizing: border-box; } .common-header.isFixed { background: rgba(255, 255, 255, 0.86); -webkit-backdrop-filter: blur(1.25rem); backdrop-filter: blur(1.25rem); } .common-header.isFixed .search-select-icon-dongjian .search-icon { background: url("https://help-assets.codehub.cn/insight/img/menu-search.svg") no-repeat; } .common-header.isFixed .search-select-icon-dongjian .search-icon.on { background: url("https://help-assets.codehub.cn/insight/img/nav-close.svg") no-repeat; } .common-header.isFixed .search-content-dongjian .search-area .header-search-icon { background: url("https://help-assets.codehub.cn/insight/img/menu-search.svg") no-repeat; } .common-header.isFixed .search-content-dongjian .search-area .headerSearchInput input { color: #000; } .common-header.isFixed .login-zone .platform-login a { color: #202d40; vertical-align: -2px; text-decoration: none; } .common-header.isFixed .login-zone .login .button { background: #ebeff5; color: #32373F; } .common-header.isFixed .login-zone .login .button:hover { background: #202d40; color: #fff; } .common-header .common-header-content { max-width: 86.5rem; margin: 0 auto; height: 4rem; line-height: 4rem; } .common-header .common-header-content .header-body { margin-left: 2rem; margin-right: 2rem; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .common-header .common-header-content .header-body .nav-box { display: -ms-flexbox; display: flex; } .common-header .logo { position: relative; } .common-header .logo .coding-icon img { margin: 0; position: relative; } .common-header .logo a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .common-header .logo img { height: 26px; } .common-header .logo img:last-child { display: none; } .common-header .logo .divide-line { display: inline-block; background: #888888; height: 22px; width: .5px; margin-right: 16px; margin-left: 16px; } .common-header .logo, .common-header .icon, .common-header .nav { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .common-header .logo.visible, .common-header .icon.visible, .common-header .nav.visible { display: none; } .common-header .nav { margin-left: 7.5rem; } .common-header .nav .nav-item { float: left; padding: 0 1rem; cursor: pointer; } .common-header .nav .nav-item:first-child { margin-left: 0; } .common-header .nav .nav-item a { cursor: pointer; text-decoration: none; color: #32373F; } .common-header .nav .nav-item span { cursor: pointer; text-decoration: none; color: #32373F; padding: 0; position: relative; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; font-size: 1rem; display: inline-block; } .common-header .nav .nav-item .hot-icon { position: relative; height: 12px; top: -8px; } .common-header .nav .nav-drop-down-wrap { position: relative; z-index: 999; } .common-header .nav .nav-drop-down-wrap span { padding-right: 1.5rem; } .common-header .nav .nav-drop-down-wrap span:after { content: ' '; position: absolute; background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-default.svg"); right: 0; top: 32%; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1.5rem; height: 1.5rem; -webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .common-header .nav .nav-drop-down-wrap.active span { color: #0066ff; } .common-header .nav .nav-drop-down-wrap.active span:after { -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-hover.svg"); } .common-header .nav .nav-drop-down-wrap.active .nav-drop-down-container { -webkit-animation-name: fade-up-header; animation-name: fade-up-header; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: block; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container { display: none; top: 4rem; position: fixed; left: 0; right: 0; width: 87.5rem; min-height: 26.75rem; margin: 0 auto; background: #fff; border-radius: 0px; cursor: default; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down { font-size: 12px; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding-left: 1.5rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .title { display: -ms-flexbox; display: flex; width: 100%; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .label { display: -ms-flexbox; display: flex; color: #666F80; font-weight: 500; font-size: .875rem; border-bottom: 1px solid; border-color: #E6EBF2; -ms-flex-align: end; align-items: flex-end; height: 2.5625rem; margin-bottom: 1rem; margin-left: 1rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container { grid-auto-flow: column; -ms-flex-pack: start; justify-content: flex-start; justify-items: start; padding-top: 1.5rem; gap: 3.5rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .top-menu-wrapper { width: 100%; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .top-menu-wrapper .top-title-devops { display: -ms-flexbox; display: flex; color: #666F80; font-weight: 600; font-size: .875rem; border-bottom: 1px solid; border-color: #E6EBF2; -ms-flex-align: end; align-items: flex-end; height: 2.5625rem; margin-bottom: 1rem; margin-left: 1rem; margin-right: 1rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .top-menu-wrapper .header-tab-content { height: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -ms-flex-pack: start; justify-content: flex-start; justify-items: start; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .top-menu-wrapper .header-tab-content .content-detail { height: 100%; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .bottom-menu-wrapper { width: 100%; margin-top: 20px; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .bottom-menu-wrapper .bottom-titlie-devops { display: -ms-flexbox; display: flex; color: #666F80; font-weight: 600; font-size: .875rem; border-bottom: 1px solid; border-color: #E6EBF2; -ms-flex-align: end; align-items: flex-end; height: 2.5625rem; margin-bottom: 1rem; margin-left: 1rem; margin-right: 1rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .bottom-menu-wrapper .right-title-cloud { display: -ms-flexbox; display: flex; color: #666F80; font-weight: 600; font-size: .875rem; border-bottom: 1px solid; border-color: #E6EBF2; -ms-flex-align: end; align-items: flex-end; height: 2.5625rem; margin-bottom: 1rem; margin-left: 1rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .bottom-menu-wrapper .bottom-tab-content { display: grid; grid-template-rows: repeat(1, minmax(0, 1fr)); margin-bottom: 1rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .left-menu-container .bottom-menu-wrapper .right-tab-content { display: grid; grid-template-rows: repeat(1, minmax(0, 1fr)); } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container { width: 23rem; background-color: rgba(230, 234, 245, 0.5); padding-top: 1.5rem; padding-left: 1.5rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .right-title-more { display: -ms-flexbox; display: flex; color: #666F80; font-weight: 600; font-size: .875rem; border-bottom: 1px solid; border-color: #E6EBF2; -ms-flex-align: end; align-items: flex-end; height: 2.5625rem; margin-bottom: 1rem; margin-left: 1rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .tab-txt { color: #606c80; font-size: 12px; text-align: right; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; min-width: 18.75rem; height: 4.5rem; border-radius: 2px; padding-left: 1.25rem; padding-right: 1.25rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link img { width: 2rem; height: 2rem; margin-right: 1rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link .active-link { color: #0066FF; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link .active-link img { width: 16px; position: relative; top: -4px; left: 3px; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link div { -ms-flex: 1 1; flex: 1 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding-bottom: 14px; padding-top: 14px; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link div a { display: -ms-flexbox; display: flex; width: 100%; padding: 0; margin: 0; color: #202d40; font-size: 1rem; line-height: 24px; font-weight: 500; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link div .desc { display: -ms-flexbox; display: flex; font-weight: 500; height: 1.0625rem; color: #606c80; font-size: .75rem; line-height: 1.0625rem; margin-top: 0.3125rem; white-space: nowrap; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link div .arrow-link img { display: none; width: 10px !important; height: 10px !important; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link:hover { background: #DFEAFA; border-radius: 0.375rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link:hover div a:first-child { color: #0066ff; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link:hover .arrow-link { gap: 4px; -ms-flex-align: center; align-items: center; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .right-menu-container .item-container .item-link:hover .arrow-link img { display: inline-block; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box { display: -ms-flexbox; display: flex; height: 100%; -ms-flex-direction: column; flex-direction: column; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .title { width: 84px; padding: 30px 0 8px 0px; margin-left: 20px; color: #8592a6; font-size: 14px; line-height: 16px; font-weight: bold; border-bottom: 1px solid #dadfe6; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-solution { -ms-flex-wrap: wrap; flex-wrap: wrap; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container { display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .tab-txt { color: #606c80; font-size: 12px; text-align: right; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; min-width: 15.75rem; height: 4.5rem; border-radius: 2px; padding-left: 1.25rem; padding-right: 1.25rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link img { width: 2rem; height: 2rem; margin-right: 1rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link .active-link { color: #0066FF; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link .active-link img { width: 16px; position: relative; top: -4px; left: 3px; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link div { -ms-flex: 1 1; flex: 1 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding-bottom: 15px; padding-top: 15px; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link div a { display: -ms-flexbox; display: flex; width: 100%; padding: 0; margin: 0; color: #202d40; font-size: 1rem; line-height: 24px; font-weight: 500; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link div .hot-line { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: .5rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link div .hot-line img { width: 34px; height: 16px; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link div .desc { display: -ms-flexbox; display: flex; font-weight: 500; height: 1.0625rem; color: #606c80; font-size: .75rem; line-height: 1.0625rem; margin-top: 0.3125rem; white-space: nowrap; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link:hover { background: #EEF5FF; border-radius: 0.375rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link:hover div a:first-child { color: #0066ff; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link .example-image-link { height: 100%; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link .example-image-link img { width: 114px; height: 100%; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; min-width: 11.75rem; height: 4.5rem; border-radius: 2px; padding-left: 1.25rem; padding-right: 1.25rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 img { width: 2rem; height: 2rem; margin-right: 1rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 .active-link { color: #0066FF; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 .active-link img { width: 16px; position: relative; top: -4px; left: 3px; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 div { -ms-flex: 1 1; flex: 1 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding-bottom: 15px; padding-top: 15px; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 div a { display: -ms-flexbox; display: flex; width: 100%; padding: 0; margin: 0; color: #202d40; font-size: 1rem; line-height: 24px; font-weight: 500; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 div .hot-line { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: .5rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 div .hot-line img { width: 34px; height: 16px; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 div .desc { display: -ms-flexbox; display: flex; font-weight: 500; height: 1.0625rem; color: #606c80; font-size: .75rem; line-height: 1.0625rem; margin-top: 0.3125rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2:hover { background: #EEF5FF; border-radius: 0.375rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2:hover div a:first-child { color: #0066ff; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 .example-image-link { height: 100%; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .item-container .item-link-2 .example-image-link img { width: 114px; height: 100%; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box .has-down-link { border-left: 1px solid #dadfe6; padding-left: 10px; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .drop-down-box:not(:last-child):after { position: absolute; max-height: 300px; width: 1px; right: 0; background: #dadfe6; -webkit-transform: scaleX(0.5); -ms-transform: scaleX(0.5); transform: scaleX(0.5); content: ' '; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .common-box { padding-top: 2rem; padding-left: 1rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .common-box .item-container { -ms-flex-direction: row; flex-direction: row; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .common-box .item-container .item-link { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; min-width: 18.75rem; height: 4.5rem; border-radius: 2px; padding-left: 1.25rem; padding-right: 1.25rem; margin-bottom: 0.25rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .common-box .item-container .item-link div .desc { display: -ms-flexbox; display: flex; font-weight: 500; height: 1.0625rem; color: #606c80; font-size: .75rem; line-height: 1.0625rem; margin-top: 0.3125rem; white-space: nowrap; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .industry-box { padding-top: 2rem; padding-right: 3.5rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .industry-box .item-container { -ms-flex-direction: row; flex-direction: row; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .industry-box .item-container .item-link { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; min-width: 18.75rem; height: 4.5rem; border-radius: 2px; padding-left: 1.25rem; padding-right: 1.25rem; margin-bottom: 0.25rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .industry-box .item-container .item-link div .desc { display: -ms-flexbox; display: flex; font-weight: 500; height: 1.0625rem; color: #606c80; font-size: .75rem; line-height: 1.0625rem; margin-top: 0.3125rem; white-space: nowrap; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .full-box { width: 600px; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .nav-drop-down .more { -ms-flex: 1 1; flex: 1 1; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .solutions-container { display: grid; -ms-flex-pack: start; justify-content: flex-start; grid-auto-flow: column; justify-items: start; width: 100%; gap: 3.5rem; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .chanpin { margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .zhichi { padding-bottom: 2rem; padding-top: 1.5rem; padding-left: 1.5rem; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .examples { max-width: 1200px; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; padding-top: 30px; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .examples .drop-down-box:first-child { margin-left: 10px; } .common-header .nav .nav-drop-down-wrap .nav-drop-down-container .examples .example-box .item-container { margin-bottom: 0; } .common-header .nav .nav-drop-down-wrap .chanpin-container { height: 27rem; } .common-header .nav .nav-drop-down-wrap .zhichi-container { min-height: unset; height: auto; } .common-header .nav .nav-drop-down-wrap .zhichi-container .item-container { -ms-flex-direction: row !important; flex-direction: row !important; } .common-header .nav .nav-drop-down-wrap .zhichi-container .item-container .item-link { height: 4.5rem; width: 18.75rem; margin-bottom: 0.25rem; } .common-header .login-zone { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } .common-header .login-zone .register, .common-header .login-zone .login, .common-header .login-zone .avatar { display: none; } .common-header .login-zone .button { outline: none; border: none; cursor: pointer; display: inline-block; margin-left: 10px; font-size: 14px; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; border-radius: 2px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .common-header .login-zone .platform-login a { color: #fff; vertical-align: -2px; } .common-header .login-zone .sample a { padding-right: 1.875rem; padding-left: 1rem; cursor: pointer; display: inline-block; font-size: 1rem; line-height: 1.75rem; font-family: 'PingFang SC'; font-style: normal; font-weight: 500; margin-left: 0; color: #32373F; } .common-header .login-zone .sample a:hover { color: #3385ff; } .common-header .login-zone .register .button { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 1.375rem; gap: 0.625rem; color: #fff; width: 6.75rem; height: 2.5rem; background: -webkit-linear-gradient(348.74deg, #2d61fc 1.01%, #9362ed 45.41%, #f06195 97.11%, #fca1ad 136.14%); background: -o-linear-gradient(348.74deg, #2d61fc 1.01%, #9362ed 45.41%, #f06195 97.11%, #fca1ad 136.14%); background: linear-gradient(101.26deg, #2d61fc 1.01%, #9362ed 45.41%, #f06195 97.11%, #fca1ad 136.14%); border-radius: 0.375rem; white-space: nowrap; cursor: pointer; margin-left: 0; font-size: 1rem; line-height: 1.75rem; font-family: 'PingFang SC'; font-style: normal; font-weight: 500; } .common-header .login-zone .login .button { background: #ebeff5; color: #32373F; } .common-header .login-zone .login .button:hover { background: #606c80; color: #fff; } .common-header .login-zone { float: right; display: -ms-flexbox; display: flex; } .common-header .icon { display: none; position: relative; height: 2.5rem; width: 2.5rem; overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; cursor: pointer; } .common-header .icon span { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; background-color: #202d40; height: 2px; width: 1.25rem; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; } .common-header .icon span:after, .common-header .icon span:before { position: absolute; background-color: #202d40; height: 2px; width: 1.25rem; content: ''; left: 0; transition: -webkit-transform 0.2s; -webkit-transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .common-header .icon span:before { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } .common-header .icon span:after { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } .common-header .mobile-nav { display: none; position: absolute; top: 4rem; left: 0; width: 100%; z-index: 1000; background-color: #fff; border-radius: 0 0 0.75rem 0.75rem; overflow: auto; } .common-header .icon-user { display: none; position: absolute; cursor: pointer; top: 15px; right: 20px; font-size: 16px; color: #202d40; line-height: 30px; } .common-header .mobile-login-zone { display: none; position: absolute; top: 60px; left: 0; width: 100%; z-index: 1000; padding: 0 4%; -webkit-box-shadow: inset 0 1px 0 #e6e6e6; box-shadow: inset 0 1px 0 #e6e6e6; background-color: #fff; } .common-header.login-checked .login-zone .register, .common-header.login-checked .login-zone .login, .common-header.login-checked .login-zone .platform-login { display: inline-block; } .common-header.expanded .common-header-content { background: rgba(255, 255, 255, 0.98); -webkit-backdrop-filter: blur(1.25rem); backdrop-filter: blur(1.25rem); } .common-header.expanded.logged-in .login-zone .avatar { display: inherit !important; text-align: center; } .common-header.expanded.logged-in .login, .common-header.expanded.logged-in .register { display: none !important; } .common-header.expanded .icon span { background-color: transparent; } .common-header.expanded .icon span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .common-header.expanded .icon span:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .common-header.expanded .mobile-nav { display: block; } .common-header.expanded .mobile-nav ul { list-style: none; } .common-header.expanded .mobile-nav a { color: #32373F; outline: none; text-decoration: none; display: block; } .common-header.expanded .mobile-nav a span { color: #ee702e; } .common-header.expanded .mobile-nav a .hot-icon { position: relative; height: 12px; top: -10px; } .common-header.expanded .mobile-nav a.hot-line { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .common-header.expanded .mobile-nav a.hot-line img { position: relative; left: 4px; width: 34px !important; height: 16px !important; } .common-header.expanded .mobile-nav .dropdown-list .dropdown { display: block; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .label { font-size: 16px; line-height: 2; text-align: left; color: #32373F; display: block; font-weight: 500; padding: 8px 0; margin: 0; border-bottom: solid 1px rgba(50, 55, 63, 0.12); position: relative; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .label.triangle-icon:after { content: ' '; position: absolute; pointer-events: none; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-default.svg"); top: 50%; box-sizing: border-box; width: 1.5rem; height: 1.5rem; right: 0; margin-top: -0.75rem; z-index: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content { display: none; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu .content-label { padding-left: 20px; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu { padding-left: 2rem; padding-right: 2rem; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu:first-child { padding-top: 1.5rem; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu:last-child { padding-top: 0.75rem; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .label { color: #8D95A6; font-weight: 600; border-bottom: unset; font-size: .875rem; line-height: 1rem; padding-top: 0; padding-bottom: 1rem; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .label:after { display: none; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label { color: #32373F; line-height: 1.75rem; font-weight: 500; font-size: 1rem; padding-bottom: 1.25rem; padding-top: 2px; padding-left: 0; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; gap: .5rem; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label img { width: 1.75rem; height: 1.75rem; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label.hot-line { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label.hot-line a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label.hot-line a img { width: 34px; height: 16px; margin-left: .3rem; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .content-label { font-size: 14px; line-height: 2; text-align: left; color: #32373F; display: block; padding: 10px 0; margin: 0; position: relative; } .common-header.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .label { border-bottom: unset; } .common-header.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .label:after { background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-hover.svg"); -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); } .common-header.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .submenu-container { background-color: #E6EEFF; } .common-header.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .content { display: block; } .common-header.expanded .icon-user, .common-header.expanded .mobile-login-zone { display: none; } .common-header.user-expanded .icon-user { display: none; } .common-header.user-expanded .icon span { background-color: transparent; } .common-header.user-expanded .icon span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .common-header.user-expanded .icon span:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .common-header.user-expanded .mobile-login-zone { display: block; } .common-header.user-expanded .mobile-login-zone ul { list-style: none; } .common-header.user-expanded .mobile-login-zone a { color: #32373F; outline: none; text-decoration: none; } .common-header.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn { height: 40px; width: 84%; line-height: 40px; font-size: 14px; text-align: center; border-radius: 4px; } .common-header.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.register { background: #0066FF; margin: 40px auto 15px; } .common-header.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.register a { display: block; width: 100%; height: 100%; color: #fff; } .common-header.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.login { background: #EDF1F7; margin: 15px auto 40px; } .common-header.user-expanded .mobile-login-zone .dropdown-list .dropdown .btn.login a { display: block; width: 100%; height: 100%; color: #32373F; } .common-header .drop-down-wrap { position: relative; } .common-header .drop-down-wrap:hover .drop-down-container { display: block; } .common-header .drop-down-wrap .drop-down-container { display: none; top: 48px; position: absolute; padding-top: 10px; right: -12px; } .common-header .drop-down-wrap .drop-down-container .drop-down { font-size: 12px; color: #202d40; border: 1px solid #f5f6f8; width: 110px; border-radius: 2px 2px 2px 2px; background: #fff; position: relative; } .common-header .drop-down-wrap .drop-down-container .drop-down:after { background: #fff; border-color: #f5f5f5 transparent transparent #f5f5f5; border-style: solid; border-width: 1px; content: ' '; height: 10px; position: absolute; top: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 10px; right: 24px; } .common-header .drop-down-wrap .drop-down-container .drop-down .item { padding-left: 10px; height: 36px; line-height: 36px; cursor: pointer; text-align: left !important; z-index: 999; position: relative; background-color: #fff; } .common-header .drop-down-wrap .drop-down-container .drop-down .item svg { font-size: 15px; } .common-header .drop-down-wrap .drop-down-container .drop-down .item a { color: #202d40; text-decoration: unset; margin-left: 3px; vertical-align: middle; } .common-header .drop-down-wrap .drop-down-container .drop-down .item:hover { background-color: #f5f7fa; } .common-header.no-touch .nav .nav-item:hover span { color: #0066ff; } .common-header.no-touch .nav .nav-item:hover a { color: #0066ff; } .common-header.no-touch .nav .nav-item.spec:hover span { color: #0066ff; } .common-header.no-touch .nav .nav-item.spec:hover a { color: #0066ff; } .common-header.no-touch .nav .nav-drop-down-wrap:hover span { color: #0066ff; } .common-header.no-touch .nav .nav-drop-down-wrap:hover span:after { -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-hover.svg"); } .common-header.no-touch .nav .nav-drop-down-wrap:hover .nav-drop-down-container { -webkit-animation-name: fade-up-header; animation-name: fade-up-header; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; display: block; } .common-header.isFixed .nav .nav-item span { color: #32373F; } .common-header.isFixed .nav .nav-item a { color: #32373F; } .common-header.isFixed .logo img:first-child { display: block; } .common-header.isFixed .logo img:last-child { display: none; } .common-header.darkmode .logo img:first-child { display: none; } .common-header.darkmode .logo img:last-child { display: block; } .common-header.darkmode .search-select-icon-dongjian .search-icon { background: url("https://help-assets.codehub.cn/insight/img/search.svg") no-repeat; } .common-header.darkmode .search-select-icon-dongjian .search-icon.on { background: url("https://help-assets.codehub.cn/insight/img/close.svg") no-repeat; } .common-header.darkmode .search-content-dongjian .search-area .header-search-icon { background: url("https://help-assets.codehub.cn/insight/img/search.svg") no-repeat; } .common-header.darkmode .search-content-dongjian .search-area .headerSearchInput { border: 1px solid #fff; } .common-header.darkmode .search-content-dongjian .search-area .headerSearchInput .cross:hover::after { background: #0066ff; } .common-header.darkmode .search-content-dongjian .search-area .headerSearchInput .cross:hover::before { background: #0066ff; } .common-header.darkmode .search-content-dongjian .search-area .headerSearchInput .cross::after { background: #fff; } .common-header.darkmode .search-content-dongjian .search-area .headerSearchInput .cross::before { background: #fff; } .common-header.darkmode .search-content-dongjian .search-area .headerSearchInput input { color: #fff; } .common-header.darkmode .nav .nav-drop-down-wrap span::after { background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-white.svg"); } .common-header.darkmode .nav .nav-item a { color: #fff; } .common-header.darkmode .nav .nav-item span { color: #fff; } .common-header.darkmode.no-touch .nav .nav-item:hover span { color: #0066ff; } .common-header.darkmode.no-touch .nav .nav-item:hover a { color: #0066ff; } .common-header.darkmode.no-touch .nav .nav-item.spec:hover span { color: #0066ff; } .common-header.darkmode.no-touch .nav .nav-item.spec:hover a { color: #0066ff; } .common-header.darkmode.isFixed .nav .nav-item span { color: #32373F; } .common-header.darkmode.isFixed .nav .nav-item a { color: #32373F; } .common-header.darkmode.isFixed .nav .nav-drop-down-wrap:hover span { color: #0066ff; } .common-header.darkmode.isFixed .nav .nav-drop-down-wrap:hover span:after { -webkit-transform: rotate3d(0, 0, 1, 180deg); transform: rotate3d(0, 0, 1, 180deg); background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-hover.svg"); } .common-header.darkmode.isFixed .nav .nav-drop-down-wrap span::after { background: url("https://help-assets.codehub.cn/enterprise/new-static/images/index/icon/triangle-icon-default.svg"); } .common-header.darkmode.isFixed .logo img:first-child { display: block; } .common-header.darkmode.isFixed .logo img:last-child { display: none; } .common-header.darkmode.isFixed .search-select-icon-dongjian .search-icon { background: url("https://help-assets.codehub.cn/insight/img/menu-search.svg") no-repeat; } .common-header.darkmode.isFixed .search-select-icon-dongjian .search-icon.on { background: url("https://help-assets.codehub.cn/insight/img/nav-close.svg") no-repeat; } .common-header.darkmode.isFixed .search-content-dongjian .search-area .header-search-icon { opacity: 0; } .common-header.darkmode.isFixed .search-content-dongjian .search-area .headerSearchInput { border: 1px solid #000; } .common-header.darkmode.isFixed .search-content-dongjian .search-area .headerSearchInput input { color: #000; } .common-header.darkmode.isFixed .search-content-dongjian .search-area .headerSearchInput .cross::after { background: #000; } .common-header.darkmode.isFixed .search-content-dongjian .search-area .headerSearchInput .cross::before { background: #000; } .common-header.darkmode.isFixed .login-zone .sample a { color: #32373f; } .common-header.darkmode .login-zone .sample a { color: #fff; } .common-header.darkmode .login-zone .sample a:hover { color: #0066FF; } @media only screen and (max-width: 1800px) { html { font-size: 14px !important; } .common-header .nav .nav-drop-down-wrap span:after { top: 16px; } .common-header.no-touch .nav .nav-drop-down-wrap:hover span:after { top: 19px; } } @media only screen and (max-width: 1279px) { .common-header { top: 0; -webkit-animation: none; animation: none; } .common-header .nav, .common-header .login-zone { display: none; } .common-header .common-header-content .header-body { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; height: 100%; } .common-header .icon { display: inline-block; line-height: 4rem; } .common-header .icon-user { display: block; } .common-header .mobile-login-zone { width: 100%; max-height: 75vh; overflow-y: scroll; left: 0; background-color: #ffffff; } .common-header .logo img:first-child { display: block !important; } .common-header .logo img:last-child { display: none !important; } .submenu-container { padding: 0 2rem; } .mobile-nav .dropdown-list { max-height: 75vh; overflow: auto; } .mobile-nav .mobile-start-wrapper { background: rgba(255, 255, 255, 0.88); -webkit-box-shadow: 0px -4px 14px rgba(27, 90, 179, 0.033647), 0px -1px 5px rgba(27, 90, 179, 0.06); box-shadow: 0px -4px 14px rgba(27, 90, 179, 0.033647), 0px -1px 5px rgba(27, 90, 179, 0.06); -webkit-backdrop-filter: blur(0.3125rem); backdrop-filter: blur(0.3125rem); border-radius: 0 0 0.75rem 0.75rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 5.5rem; margin-top: 2.5rem; gap: 1rem; } .mobile-nav .mobile-start-wrapper span { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 0.625rem 0; gap: 0.625rem; width: 10rem; height: 3rem; background: -webkit-linear-gradient(340.77deg, #2d61fc 4.94%, #9362ed 49.73%, #f06195 101.9%, #fca1ad 141.28%); background: -o-linear-gradient(340.77deg, #2d61fc 4.94%, #9362ed 49.73%, #f06195 101.9%, #fca1ad 141.28%); background: linear-gradient(109.23deg, #2d61fc 4.94%, #9362ed 49.73%, #f06195 101.9%, #fca1ad 141.28%); border-radius: 0.375rem; font-family: PingFang SC; font-style: normal; font-weight: 500; font-size: 1.25rem; color: #fff !important; line-height: 1.75rem; cursor: pointer; } .mobile-nav .mobile-start-wrapper .mobile-start-register { border: 2px solid #2D61FC; border-radius: 6px; background: rgba(45, 97, 252, 0.05); color: #2D61FC !important; } } @media only screen and (max-width: 834px) { html { font-size: 16px !important; } } @media (max-width: 780px) { html { font-size: 14px !important; } } @media (max-width: 640px) { html { font-size: 14px !important; } } @media (max-width: 600px) { html { font-size: 16px !important; } .common-header .icon { top: 0; } .common-header .common-header-content { height: 3.5rem; } .common-header .common-header-content .header-body { margin-left: 1rem; margin-right: 1rem; } .common-header .mobile-nav { top: 3.5rem; } .submenu-container { padding: 0 1rem; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu { padding-left: 1rem; padding-right: 1rem; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .label { font-size: .75rem; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-bottom: 5px; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label { line-height: 1.5rem; font-size: .9375rem; gap: 0.25rem; padding-bottom: 18px; padding-top: 4px; } .common-header.expanded .mobile-nav .dropdown-list .dropdown .content .menu.has-subsubmenu .content .content-label img { width: 1.5rem; height: 1.5rem; margin-right: 4px; } .common-header.expanded .mobile-nav .dropdown-list .dropdown.has-submenu.is-active .submenu-container { padding: 0 1rem; line-height: 1.5rem; font-size: 1rem; } .common-header.expanded .mobile-nav .mobile-start-wrapper { height: 5.25rem; } .common-header.expanded .mobile-nav .mobile-start-wrapper span { font-size: 1rem; line-height: 1.5rem; width: 10.6875rem; height: 2.75rem; } } @media only screen and (max-width: 600px) { .common-header .logo img { height: 20px; } } @media only screen and (max-width: 375px) { .common-header .mobile-login-zone { max-height: 90vh; } } @charset "UTF-8"; br { line-height: 0; } body, html { font-family: PingFang SC,Helvetica Neue,Hiragino Sans GB,Segoe UI,Microsoft YaHei,微软雅黑,sans-serif; font-size: 14px; line-height: 1.5; background: #fff; color: #202d40; -webkit-font-smoothing: antialiased; padding: 0; margin: 0; } html { overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } .clearfix:after, .clearfix:before { content: ''; display: table; } .clearfix:after { clear: both; overflow: hidden; } .clearfix { zoom: 1; } a { transition: all 0.2s ease; } li { list-style: none; } * { box-sizing: border-box; } * { padding: 0; margin: 0; } *, *:before, *:after { box-sizing: border-box; } .common-starter { margin: 0 20px 120px; } .common-starter .common-starter-content { margin: 0 auto; background: -webkit-gradient(linear, left top, right top, from(#80dbff), to(#3d98ff)); background: -webkit-linear-gradient(left, #80dbff 0%, #3d98ff 100%); background: -o-linear-gradient(left, #80dbff 0%, #3d98ff 100%); background: linear-gradient(90deg, #80dbff 0%, #3d98ff 100%); border-radius: 4px; height: 298px; max-width: 1160px; background: url(/images/starter.8203024e.png) no-repeat; background-size: cover; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .common-starter .common-starter-content h4 { font-size: 48px; color: #fff; text-align: center; font-weight: bold; font-family: TencentSans; } .common-starter .common-starter-content a { width: 180px; height: 50px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 4px; color: #3d98ff; font-size: 20px; font-weight: 600; background: #fff; text-decoration: none; margin-top: 32px; } .common-starter .common-starter-content a:hover { -webkit-box-shadow: 4px 4px 4px 4px rgba(32, 45, 64, 0.05), 2px 4px 4px 4px rgba(32, 45, 64, 0.05); box-shadow: 4px 4px 4px 4px rgba(32, 45, 64, 0.05), 2px 4px 4px 4px rgba(32, 45, 64, 0.05); } @media only screen and (max-width: 767px) { .common-starter { margin: 0; } .common-starter .common-starter-content { background: url(/images/starter-mobile.922329ef.png) no-repeat; background-size: cover; border-radius: 0; } .common-starter .common-starter-content h4 { font-size: 34px; line-height: 40px; margin: 0 45px; } .common-starter .common-starter-content a { width: 120px; height: 40px; font-size: 14px; } } @media only screen and (max-width: 375px) { .common-starter .common-starter-content { height: 156px; } .common-starter .common-starter-content h4 { font-size: 24px; line-height: 30px; } .common-starter .common-starter-content a { margin-top: 16px; } } @charset "UTF-8"; @font-face { font-family: "TencentSans"; src: url(/images/TencentSans-W7.3b499f4a.ttf); } a { outline: none; text-decoration: none; } .common-starter { margin-top: 100px; } .common-hover-btn { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .common-hover-btn:hover { opacity: 0.8; -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .index-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .index-container { background: #fff; overflow-x: hidden; } .section-content .title { color: #000; font-size: 42px; font-weight: 500; letter-spacing: 1.75px; line-height: 1.2; text-align: center; padding-top: 80px; } .section-content .description { color: #76808e; font-size: 16px; font-weight: normal; line-height: 1; text-align: center; margin-top: 14px; margin-bottom: 80px; } .banner-section { background-color: #fff; position: relative; padding-bottom: 120px; } .banner-section .section-bg { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: -1px; z-index: 10; } .banner-section .section-bg .bg-box { width: 100%; height: 1020px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; background: url(/images/web_banner.bc54eb4c.png); background-repeat: no-repeat; background-size: cover; background-position: center; } .banner-section .section-container { max-width: 1160px; margin: 0 auto; position: relative; z-index: 11; } .banner-section .section-container .info { color: #171d26; position: relative; z-index: 99; padding-top: 140px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .banner-section .section-container .info .info-left { padding-left: 24px; } .banner-section .section-container .info .box { overflow: hidden; margin-top: 30px; } .banner-section .section-container .info .pc-h2 .pc { display: block; font-size: 48px; font-family: "PingFangSC-Semibold"; font-weight: 600; } .banner-section .section-container .info .pc-h2 .pc .pc-desc { font-size: 18px; line-height: 32px; font-family: PingFangSC-Regular; color: #606c80; font-weight: normal; } .banner-section .section-container .info .pc-h2 .mb { display: none; } .banner-section .section-container .info .info-right { width: 50%; } .banner-section .section-container .info .btn-area { margin-top: 56px; } .banner-section .section-container .info .btn-area .btn { text-align: center; line-height: 50px; cursor: pointer; } .banner-section .section-container .info .btn-area .btn .banner-btn { background: -webkit-linear-gradient(315deg, #26a7ff 0%, #0066ff 100%); background: -o-linear-gradient(315deg, #26a7ff 0%, #0066ff 100%); background: linear-gradient(-225deg, #26a7ff 0%, #0066ff 100%); border-radius: 6px; -webkit-box-shadow: 2px 7px 15px 0px rgba(140, 198, 255, 0.59); box-shadow: 2px 7px 15px 0px rgba(140, 198, 255, 0.59); height: 48px; width: 160px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 20px; font-weight: 600; text-decoration: none; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .banner-section .section-container .info .pc-banner-img img { border-radius: 8px; width: 100%; } .banner-section .section-container .tab-top-border { background: -webkit-linear-gradient(153.5deg, #69e8dd 0%, #6dd8f2 38%, #7394f6 100%); background: -o-linear-gradient(153.5deg, #69e8dd 0%, #6dd8f2 38%, #7394f6 100%); background: linear-gradient(-63.5deg, #69e8dd 0%, #6dd8f2 38%, #7394f6 100%); margin: 0 auto; margin-top: 280px; border-radius: 2px; width: 48px; height: 4px; } .banner-section .section-container .section-content { width: 1160px; height: 288px; margin: 0 auto; margin-top: 20px; padding: 0; position: relative; z-index: 11; } .banner-section .section-container .tab-title { text-align: center; padding-top: 0px; margin-bottom: 48px; color: #172333; font-size: 36px; font-family: 'PingFangSC-Semibold'; font-weight: 600; line-height: 56px; } .banner-section .section-container .tab-content { max-width: 1136px; height: 176px; background-color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .banner-section .section-container .tab-content .tab-list { background-repeat: no-repeat; background-size: 104px 75px; padding-left: 24px; padding-right: 24px; background-position-x: 24px; } .banner-section .section-container .tab-content .tab-list .item-title { height: 32px; margin-top: 58px; color: #202d40; font-size: 20px; font-family: PingFangSC-Semibold; font-weight: 600; line-height: 32px; } .banner-section .section-container .tab-content .tab-list .item-desc { width: 328px; margin-top: 8px; color: #606c80; font-size: 14px; font-family: PingFangSC-Regular; font-weight: normal; line-height: 24px; } .banner-section .section-container .tab-content .tab-list .mb-border { display: none; } .banner-section .section-container .tab-content .tab-list:nth-child(1) { background-image: url(/images/01.73459805.png); } .banner-section .section-container .tab-content .tab-list:nth-child(2) { background-image: url(/images/02.1a28a489.png); } .banner-section .section-container .tab-content .tab-list:nth-child(3) { background-image: url(/images/03.b03fab3c.png); } .stuck-point-section { position: relative; overflow: hidden; background: -webkit-gradient(linear, left bottom, left top, from(rgba(230, 255, 253, 0.1)), color-stop(13%, rgba(228, 254, 254, 0.2)), to(#eef7fe)); background: -webkit-linear-gradient(bottom, rgba(230, 255, 253, 0.1) 0%, rgba(228, 254, 254, 0.2) 13%, #eef7fe 100%); background: -o-linear-gradient(bottom, rgba(230, 255, 253, 0.1) 0%, rgba(228, 254, 254, 0.2) 13%, #eef7fe 100%); background: linear-gradient(0deg, rgba(230, 255, 253, 0.1) 0%, rgba(228, 254, 254, 0.2) 13%, #eef7fe 100%); height: 1000px; width: 100%; } .stuck-point-section .section-bg { width: 100%; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 10; } .stuck-point-section .section-bg .bg-box { width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; } .stuck-point-section .section-bg .bg-box .img.pc-img { display: block; width: 3155px; margin: 30px auto 0; } .stuck-point-section .section-bg .bg-box .img.mb-img { display: none; } .stuck-point-section .section-container { max-width: 1160px; margin: 0 auto; position: relative; z-index: 11; } .stuck-point-section .section-container .section-title { color: #202d40; font-size: 36px; font-family: "PingFangSC-Semibold"; font-weight: 600; text-align: center; padding-top: 128px; letter-spacing: 0px; line-height: 42px; } .stuck-point-section .section-container .section-desc { color: #606c80; font-size: 16px; text-align: center; padding-top: 16px; font-family: "PingFangSC-Regular"; font-weight: normal; text-align: center; } .stuck-point-section .section-container .section-img { width: 1153px; height: 604px; margin-top: 104px; } .stuck-point-section .section-container .section-img img { width: 100%; position: relative; left: 4px; top: 3px; } .app-practice-section { padding-top: 100px; padding-bottom: 100px; position: relative; overflow: hidden; } .app-practice-section .section-container { max-width: 1160px; margin: 0 auto; position: relative; z-index: 11; } .app-practice-section .section-container .section-title { color: #202d40; font-size: 36px; font-family: "PingFangSC-Semibold"; font-weight: 600; text-align: center; letter-spacing: 0px; line-height: 42px; } .app-practice-section .section-container .section-desc { color: #606c80; font-size: 16px; text-align: center; padding-top: 16px; font-family: "PingFangSC-Regular"; font-weight: normal; text-align: center; } #feature-section { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: start; -ms-flex-pack: justify; justify-content: space-between; margin-top: 60px; z-index: 100; width: 1180px; -webkit-perspective: 1000px; perspective: 1000px; overflow: hidden; padding-right: 20px; /* 去除点击选项卡时出现的蓝色边框 */ /* 去除点击选项卡时出现的蓝色背景 */ } #feature-section .feature-swiper-pagination { -ms-flex: 0 0 300px; flex: 0 0 300px; min-height: 360px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 5px; padding-left: 10px; } #feature-section .feature-swiper-pagination .feature-swiper-pagination-box { cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 300px; height: 64px; padding: 16px 43px; } #feature-section .feature-swiper-pagination .feature-swiper-pagination-box .carousel-icon { min-width: 40px !important; min-height: 40px !important; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } #feature-section .feature-swiper-pagination .feature-swiper-pagination-box .txt { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; padding-left: 20px; height: auto; } #feature-section .feature-swiper-pagination .feature-swiper-pagination-box .txt div { color: #202d40; font-size: 20px; line-height: 32px; font-weight: 600; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; width: 100%; } #feature-section .feature-swiper-pagination .swiper-pagination-bullet { opacity: 1; } #feature-section .feature-swiper-pagination .swiper-pagination-bullet-active { cursor: pointer; border: 1px solid #f5f7fa; border-radius: 6px; background: white; -webkit-box-shadow: 0px 0px 10px 0px rgba(34, 115, 229, 0.06), 0px 10px 20px 0px rgba(33, 110, 217, 0.05); box-shadow: 0px 0px 10px 0px rgba(34, 115, 229, 0.06), 0px 10px 20px 0px rgba(33, 110, 217, 0.05); } #feature-section .feature-swiper-pagination .swiper-pagination-bullet-active .process-bar { height: 100%; } #feature-section .feature-swiper-pagination .swiper-pagination-bullet-active .process-bar span { display: block; width: 3px; height: 100%; position: relative; left: 0; top: -65px; background: -webkit-gradient(linear, left top, left bottom, from(#0066ff), to(#009fff)); background: -webkit-linear-gradient(top, #0066ff 0%, #009fff 100%); background: -o-linear-gradient(top, #0066ff 0%, #009fff 100%); background: linear-gradient(-180deg, #0066ff 0%, #009fff 100%); -webkit-animation-name: process-bar; animation-name: process-bar; -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } #feature-section .feature-swiper-pagination .swiper-pagination-bullet-active .feature-swiper-pagination-box { -ms-flex-align: center; align-items: center; } #feature-section .feature-swiper-pagination .swiper-pagination-bullet-active .feature-swiper-pagination-box .txt div { width: auto; } @-webkit-keyframes process-bar { 0% { height: 0%; } 100% { height: 100%; } } @keyframes process-bar { 0% { height: 0%; } 100% { height: 100%; } } #feature-section .swiper-pagination-bullet:focus { outline: none !important; } #feature-section .swiper-pagination-bullet { cursor: auto !important; } #feature-section .swiper-pagination-bullet { height: 64px; width: auto; background: none; cursor: pointer; } #feature-section .feature-swiper-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 710px; height: 686px; } #feature-section .feature-swiper-container .swiper-wrapper { width: inherit; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide { width: inherit; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 24px; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 30px; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .swiper-slider-title { color: #202d40; font-size: 20px; font-family: PingFangSC-Medium; font-weight: 500; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .swiper-slider-past { color: #8592a6; font-size: 14px; margin-top: 20px; font-family: PingFangSC-Regular; font-weight: normal; line-height: 24px; display: -ms-flexbox; display: flex; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .swiper-slider-past:before { content: " "; display: inline-block; height: 16px; width: 16px; min-width: 16px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTcgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+dGltZXMgMjwvdGl0bGU+CiAgICA8ZyBpZD0i5a6Y572RLemAmueUqOino+WGs+aWueahiCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik9LUi3nrqHnkIYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MjkuMDAwMDAwLCAtMjIxMC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IuW6lOeUqOWunui3tSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzgwLjAwMDAwMCwgMTk5MS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtMjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ0OS4wMDAwMDAsIDE2Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0idGltZXMtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41MDAwMDAsIDU3LjUwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjRkY2MDQ2IiBjeD0iOCIgY3k9IjgiIHI9IjgiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS4yMTgxODE4Miw4IEwxMS4wMzYzNjM2LDkuODE4MTgxODIgQzExLjE0NTQ1NDUsOS45MjcyNzI3MyAxMS4yLDEwLjA2MDYwNiAxMS4yLDEwLjIxODE4MTggQzExLjIsMTAuMzc1NzU3NyAxMS4xNDU0NTQ1LDEwLjUxNTE1MTQgMTEuMDM2MzYzNiwxMC42MzYzNjM2IEwxMC42MzYzNjM2LDExLjAzNjM2MzYgQzEwLjUxNTE1MTQsMTEuMTQ1NDU0NSAxMC4zNzU3NTc3LDExLjIgMTAuMjE4MTgxOCwxMS4yIEMxMC4wNjA2MDYsMTEuMiA5LjkyNzI3MjczLDExLjE0NTQ1NDUgOS44MTgxODE4MiwxMS4wMzYzNjM2IEw4LDkuMjE4MTgxODIgTDYuMTgxODE4MTgsMTEuMDM2MzYzNiBDNi4wNzI3MjcyNywxMS4xNDU0NTQ1IDUuOTM5Mzk0MDMsMTEuMiA1Ljc4MTgxODE4LDExLjIgQzUuNjI0MjQyMzMsMTEuMiA1LjQ4NDg0ODU4LDExLjE0NTQ1NDUgNS4zNjM2MzYzNiwxMS4wMzYzNjM2IEw0Ljk2MzYzNjM2LDEwLjYzNjM2MzYgQzQuODU0NTQ1NDUsMTAuNTE1MTUxNCA0LjgsMTAuMzc1NzU3NyA0LjgsMTAuMjE4MTgxOCBDNC44LDEwLjA2MDYwNiA0Ljg1NDU0NTQ1LDkuOTI3MjcyNzMgNC45NjM2MzYzNiw5LjgxODE4MTgyIEw2Ljc4MTgxODE4LDggTDQuOTYzNjM2MzYsNi4xODE4MTgxOCBDNC44NTQ1NDU0NSw2LjA3MjcyNzI3IDQuOCw1LjkzOTM5NDAzIDQuOCw1Ljc4MTgxODE4IEM0LjgsNS42MjQyNDIzMyA0Ljg1NDU0NTQ1LDUuNDg0ODQ4NTggNC45NjM2MzYzNiw1LjM2MzYzNjM2IEw1LjM2MzYzNjM2LDQuOTYzNjM2MzYgQzUuNDg0ODQ4NTgsNC44NTQ1NDU0NSA1LjYyNDI0MjMzLDQuOCA1Ljc4MTgxODE4LDQuOCBDNS45MzkzOTQwMyw0LjggNi4wNzI3MjcyNyw0Ljg1NDU0NTQ1IDYuMTgxODE4MTgsNC45NjM2MzYzNiBMOCw2Ljc4MTgxODE4IEw5LjgxODE4MTgyLDQuOTYzNjM2MzYgQzkuOTI3MjcyNzMsNC44NTQ1NDU0NSAxMC4wNjA2MDYsNC44IDEwLjIxODE4MTgsNC44IEMxMC4zNzU3NTc3LDQuOCAxMC41MTUxNTE0LDQuODU0NTQ1NDUgMTAuNjM2MzYzNiw0Ljk2MzYzNjM2IEwxMS4wMzYzNjM2LDUuMzYzNjM2MzYgQzExLjE0NTQ1NDUsNS40ODQ4NDg1OCAxMS4yLDUuNjI0MjQyMzMgMTEuMiw1Ljc4MTgxODE4IEMxMS4yLDUuOTM5Mzk0MDMgMTEuMTQ1NDU0NSw2LjA3MjcyNzI3IDExLjAzNjM2MzYsNi4xODE4MTgxOCBMOS4yMTgxODE4Miw4IFoiIGlkPSJ0aW1lcyIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center; margin-right: 12px; margin-top: 4px; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .swiper-slider-past .swiper-slider-nowrap { white-space: nowrap; font-family: PingFangSC-Medium; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .swiper-slider-now { color: #202d40; font-size: 14px; margin-top: 8px; font-family: PingFangSC-Regular; font-weight: normal; line-height: 24px; display: -ms-flexbox; display: flex; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .swiper-slider-now:before { content: " "; display: inline-block; height: 16px; width: 16px; min-width: 16px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEPC90aXRsZT4KICAgIDxnIGlkPSLlrpjnvZEt6YCa55So6Kej5Yaz5pa55qGIIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iT0tSLeeuoeeQhiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgzMC4wMDAwMDAsIC0yMjQ3LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i5bqU55So5a6e6Le1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODAuMDAwMDAwLCAxOTkxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0yMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDQ5LjAwMDAwMCwgMTYyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCA5NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzY5Q0UzMCIgY3g9IjgiIGN5PSI4IiByPSI4Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuNTU4NTkzNzUsMTEuMzUzNDAzMSBMMy42MjMwNDY4OCw4LjMxMTUxODMyIEMzLjU0MTAxNTU0LDguMjI2MDAzNCAzLjUsOC4xMTYwNTU3NSAzLjUsNy45ODE2NzUzOSBDMy41LDcuODQ3Mjk1MDMgMy41NDEwMTU1NCw3LjczNzM0NzM5IDMuNjIzMDQ2ODgsNy42NTE4MzI0NiBMNC4yNzM0Mzc1LDYuOTkyMTQ2NiBDNC4zNTU0Njg4NCw2Ljg5NDQxNTQ1IDQuNDU4MDA3ODEsNi44NDU1NDk3NCA0LjU4MTA1NDY5LDYuODQ1NTQ5NzQgQzQuNzA0MTAxNTYsNi44NDU1NDk3NCA0LjgxMjUwMDA5LDYuODk0NDE1NDUgNC45MDYyNSw2Ljk5MjE0NjYgTDYuODc1LDkuMDQ0NTAyNjIgTDExLjA5Mzc1LDQuNjQ2NTk2ODYgQzExLjE4NzQ5OTksNC41NDg4NjU3MSAxMS4yOTU4OTg0LDQuNSAxMS40MTg5NDUzLDQuNSBDMTEuNTQxOTkyMiw0LjUgMTEuNjQ0NTMxMiw0LjU0ODg2NTcxIDExLjcyNjU2MjUsNC42NDY1OTY4NiBMMTIuMzc2OTUzMSw1LjMwNjI4MjcyIEMxMi40NTg5ODQ1LDUuMzkxNzk3NjUgMTIuNSw1LjUwMTc0NTI5IDEyLjUsNS42MzYxMjU2NSBDMTIuNSw1Ljc3MDUwNjAxIDEyLjQ1ODk4NDUsNS44ODA0NTM2NiAxMi4zNzY5NTMxLDUuOTY1OTY4NTkgTDcuMTkxNDA2MjUsMTEuMzUzNDAzMSBDNy4xMDkzNzQ5MSwxMS40NTExMzQzIDcuMDAzOTA2MTYsMTEuNSA2Ljg3NSwxMS41IEM2Ljc0NjA5Mzg0LDExLjUgNi42NDA2MjUwOSwxMS40NTExMzQzIDYuNTU4NTkzNzUsMTEuMzUzNDAzMSBaIiBpZD0iYyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat center; margin-right: 12px; margin-top: 4px; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .swiper-slider-now .swiper-slider-nowrap { white-space: nowrap; font-family: PingFangSC-Medium; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-down { -ms-flex: 1 1; flex: 1 1; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 8px 18px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 8px 18px 0px rgba(0, 0, 0, 0.05); border-radius: 4px; } #feature-section .feature-swiper-container .swiper-slide:nth-child(1) .swiper-slide-down img { width: 100%; height: 95%; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } #feature-section .feature-swiper-container .swiper-slide:nth-child(1) .swiper-slide-down { -webkit-box-shadow: none; box-shadow: none; } #feature-section .feature-swiper-container .swiper-slide:nth-child(2) .swiper-slide-down { background: url(/images/codeScan.ecc812fb.png); background-size: cover; background-repeat: no-repeat; } #feature-section .feature-swiper-container .swiper-slide:nth-child(3) .swiper-slide-down { background: url(/images/unitTest.96b311d5.png); background-size: cover; background-repeat: no-repeat; } #feature-section .feature-swiper-container .swiper-slide:nth-child(4) .swiper-slide-down { background: url(/images/codeReview.337fa0ba.png); background-size: cover; background-repeat: no-repeat; } #feature-section .feature-swiper-container .swiper-slide:nth-child(5) { padding-bottom: 18px; } #feature-section .feature-swiper-container .swiper-slide:nth-child(5) .swiper-slider-now p { white-space: nowrap; } #feature-section .feature-swiper-container .swiper-slide:nth-child(5) .swiper-slide-down { background: url(/images/productScan.221b8486.png); background-size: 100% 100%; background-repeat: no-repeat; } #feature-section .feature-swiper-container .swiper-slide:nth-child(6) { padding-bottom: 2px; } #feature-section .feature-swiper-container .swiper-slide:nth-child(6) .swiper-slide-down { background: url(/images/grayRelease.4d59f303.png); background-size: cover; } #mb-feature-section { display: none; } .solution-advantage-section { position: relative; overflow: hidden; background-size: cover; background-position: top; background-repeat: no-repeat; background-image: url(/images/soltion_advantage.fe0dae2f.png); } .solution-advantage-section .section-container { max-width: 1160px; margin: 0 auto; position: relative; z-index: 11; } .solution-advantage-section .section-container .section-title { color: white; font-size: 36px; font-family: "PingFangSC-Semibold"; font-weight: 600; text-align: center; letter-spacing: 0px; line-height: 56px; padding-top: 96px; } .solution-advantage-section .section-container .section-desc { color: white; font-size: 16px; text-align: center; padding-top: 16px; font-family: "PingFangSC-Regular"; font-weight: normal; text-align: center; } .solution-advantage-section .section-container .section-wall { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding-top: 104px; padding-bottom: 128px; -ms-flex-pack: justify; justify-content: space-between; } .solution-advantage-section .section-container .section-wall .wall-card-section { width: 368px; height: 216px; padding: 32px; border-radius: 8px; background-size: cover; background-repeat: no-repeat; background: rgba(255, 255, 255, 0.92); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .solution-advantage-section .section-container .section-wall .wall-card-section .wall-card-svg { width: 72px; height: 72px; } .solution-advantage-section .section-container .section-wall .wall-card-section .wall-card-title { padding-top: 20px; font-size: 20px; font-family: PingFangSC-Semibold; font-weight: 600; line-height: 32px; color: #202d40; } .solution-advantage-section .section-container .section-wall .wall-card-section .wall-card-desc { padding-top: 8px; font-size: 14px; font-family: PingFangSC-Regular; line-height: 24px; color: #455873; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(1) .wall-card-svg { background-image: url(/images/scanMechine-icon.9b775d40.png); background-size: cover; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(2) .wall-card-svg { background-image: url(data:image/png;base64,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); background-size: cover; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(3) .wall-card-svg { background-image: url(/images/lifePath-icon.c3f52c03.png); background-size: cover; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(4) { margin-top: 25px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(4) .wall-card-svg { background-image: url(/images/guarantee-icon.0084d49d.png); background-size: cover; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(5) { margin-top: 25px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(5) .wall-card-svg { background-image: url(/images/manageMode-icon.13b1b534.png); background-size: cover; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(6) { opacity: 0; } .start-section { width: 100%; height: 180px; position: relative; } .start-section .section-content { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 36px; font-weight: 500; color: #fff; position: relative; letter-spacing: 1.5px; height: 100%; z-index: 99; } .start-section .section-content .btn { margin-left: 30px; background: #fff; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 50px; width: 140px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; -webkit-box-shadow: 0 0 29px 0 rgba(3, 65, 157, 0.1); box-shadow: 0 0 29px 0 rgba(3, 65, 157, 0.1); } .start-section .section-content .btn a { display: block; width: 100%; height: 50px; line-height: 50px; color: #0066FF; font-size: 20px; font-weight: 600; text-align: center; } .start-section .section-content .btn:hover { -webkit-box-shadow: none; box-shadow: none; } .start-section .section-content .btn:hover a { color: #3385ff; } .logo-wall { width: 1160px; margin: 160px auto 36px; } .logo-wall .title { color: #202d40; font-size: 36px; font-family: 'PingFangSC-Semibold'; font-weight: 600; text-align: center; line-height: 50px; margin: 0 auto 80px; } .logo-wall .title span { color: #0066FF; font-size: 48px; } .logo-wall .logo-list { display: -ms-flexbox; display: flex; } .logo-wall .logo-list .logo-list-img { width: 160px; height: 56px; margin-right: 40px; } .logo-wall .logo-list .logo-list-img:last-child { margin-right: 0px; } .logo-wall .logo-list .logo-list-img img { width: 100%; } .logo-wall .last-line { margin-top: 30px; } .logo-wall .logo-wall-content-tablet { display: none; } .logo-wall .logo-wall-content-mobile { display: none; } @media screen and (max-width: 1199px) { .banner-section .section-container .section-content { height: auto; } .banner-section .section-container .tab-top-border { margin-top: 192px; } .banner-section .section-container .tab-content { height: auto; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .banner-section .section-container .tab-content .tab-list { height: 176px; } .banner-section .section-container .tab-content .tab-list .item-desc { width: 594px; } .banner-section .section-container .tab-content .tab-list:nth-child(2), .banner-section .section-container .tab-content .tab-list:nth-child(3) { margin-top: 16px; } } @media only screen and (max-width: 1160px) { .banner-section .section-bg .bg-box { height: 760px; } .banner-section .section-container .section-content { width: auto; padding: 0 20px; } .banner-section .section-container .info { padding-left: 42px; padding-right: 20px; } .banner-section .section-container .info .pc-h2 .pc { font-size: 40px; } .banner-section .section-container .tab-content { padding-left: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .stuck-point-section { height: auto; } .stuck-point-section .section-container .section-img { margin-left: 20px; width: calc(100% - 40px); height: auto; padding-bottom: 95px; } .stuck-point-section .section-container .section-img img { width: 100%; height: auto; } #feature-section { width: auto; } .logo-wall { width: auto; margin: 100px 20px 0; } } @media screen and (max-width: 1130px) { .solution-advantage-section .section-container .section-wall { max-width: 716px; margin: 0 auto; } .solution-advantage-section .section-container .section-wall .wall-card-section { width: 350px; height: 216px; padding: 32px 24px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(3), .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(4), .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(5) { margin-top: 16px; } } @media only screen and (max-width: 1060px) { #feature-section { display: none; } #mb-feature-section { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-top: 56px; } #mb-feature-section .swiper-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; } #mb-feature-section .swiper-wrapper .swiper-slide { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 64px 20px 0; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-icon { width: 30px; height: 30px; background-repeat: no-repeat; background-size: cover; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-title { padding-top: 8px; color: #202d40; font-size: 20px; font-family: PingFangSC-Medium; font-weight: 500; } #mb-feature-section .swiper-wrapper .swiper-slide img { padding-top: 16px; width: 592px; height: 416px; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-past { color: #8592a6; font-size: 14px; margin-top: 20px; font-family: PingFangSC-Regular; font-weight: normal; line-height: 24px; display: -ms-flexbox; display: flex; max-width: 500px; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-past:before { content: " "; display: inline-block; height: 16px; width: 16px; min-width: 16px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTcgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+dGltZXMgMjwvdGl0bGU+CiAgICA8ZyBpZD0i5a6Y572RLemAmueUqOino+WGs+aWueahiCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik9LUi3nrqHnkIYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MjkuMDAwMDAwLCAtMjIxMC4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IuW6lOeUqOWunui3tSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzgwLjAwMDAwMCwgMTk5MS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QtMjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ0OS4wMDAwMDAsIDE2Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0idGltZXMtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41MDAwMDAsIDU3LjUwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjRkY2MDQ2IiBjeD0iOCIgY3k9IjgiIHI9IjgiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOS4yMTgxODE4Miw4IEwxMS4wMzYzNjM2LDkuODE4MTgxODIgQzExLjE0NTQ1NDUsOS45MjcyNzI3MyAxMS4yLDEwLjA2MDYwNiAxMS4yLDEwLjIxODE4MTggQzExLjIsMTAuMzc1NzU3NyAxMS4xNDU0NTQ1LDEwLjUxNTE1MTQgMTEuMDM2MzYzNiwxMC42MzYzNjM2IEwxMC42MzYzNjM2LDExLjAzNjM2MzYgQzEwLjUxNTE1MTQsMTEuMTQ1NDU0NSAxMC4zNzU3NTc3LDExLjIgMTAuMjE4MTgxOCwxMS4yIEMxMC4wNjA2MDYsMTEuMiA5LjkyNzI3MjczLDExLjE0NTQ1NDUgOS44MTgxODE4MiwxMS4wMzYzNjM2IEw4LDkuMjE4MTgxODIgTDYuMTgxODE4MTgsMTEuMDM2MzYzNiBDNi4wNzI3MjcyNywxMS4xNDU0NTQ1IDUuOTM5Mzk0MDMsMTEuMiA1Ljc4MTgxODE4LDExLjIgQzUuNjI0MjQyMzMsMTEuMiA1LjQ4NDg0ODU4LDExLjE0NTQ1NDUgNS4zNjM2MzYzNiwxMS4wMzYzNjM2IEw0Ljk2MzYzNjM2LDEwLjYzNjM2MzYgQzQuODU0NTQ1NDUsMTAuNTE1MTUxNCA0LjgsMTAuMzc1NzU3NyA0LjgsMTAuMjE4MTgxOCBDNC44LDEwLjA2MDYwNiA0Ljg1NDU0NTQ1LDkuOTI3MjcyNzMgNC45NjM2MzYzNiw5LjgxODE4MTgyIEw2Ljc4MTgxODE4LDggTDQuOTYzNjM2MzYsNi4xODE4MTgxOCBDNC44NTQ1NDU0NSw2LjA3MjcyNzI3IDQuOCw1LjkzOTM5NDAzIDQuOCw1Ljc4MTgxODE4IEM0LjgsNS42MjQyNDIzMyA0Ljg1NDU0NTQ1LDUuNDg0ODQ4NTggNC45NjM2MzYzNiw1LjM2MzYzNjM2IEw1LjM2MzYzNjM2LDQuOTYzNjM2MzYgQzUuNDg0ODQ4NTgsNC44NTQ1NDU0NSA1LjYyNDI0MjMzLDQuOCA1Ljc4MTgxODE4LDQuOCBDNS45MzkzOTQwMyw0LjggNi4wNzI3MjcyNyw0Ljg1NDU0NTQ1IDYuMTgxODE4MTgsNC45NjM2MzYzNiBMOCw2Ljc4MTgxODE4IEw5LjgxODE4MTgyLDQuOTYzNjM2MzYgQzkuOTI3MjcyNzMsNC44NTQ1NDU0NSAxMC4wNjA2MDYsNC44IDEwLjIxODE4MTgsNC44IEMxMC4zNzU3NTc3LDQuOCAxMC41MTUxNTE0LDQuODU0NTQ1NDUgMTAuNjM2MzYzNiw0Ljk2MzYzNjM2IEwxMS4wMzYzNjM2LDUuMzYzNjM2MzYgQzExLjE0NTQ1NDUsNS40ODQ4NDg1OCAxMS4yLDUuNjI0MjQyMzMgMTEuMiw1Ljc4MTgxODE4IEMxMS4yLDUuOTM5Mzk0MDMgMTEuMTQ1NDU0NSw2LjA3MjcyNzI3IDExLjAzNjM2MzYsNi4xODE4MTgxOCBMOS4yMTgxODE4Miw4IFoiIGlkPSJ0aW1lcyIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat center; margin-right: 12px; margin-top: 4px; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-past .swiper-slider-nowrap { white-space: nowrap; font-family: PingFangSC-Medium; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-now { color: #202d40; font-size: 14px; margin-top: 16px; font-family: PingFangSC-Regular; font-weight: normal; line-height: 24px; display: -ms-flexbox; display: flex; max-width: 500px; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-now:before { content: " "; display: inline-block; height: 16px; width: 16px; min-width: 16px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEPC90aXRsZT4KICAgIDxnIGlkPSLlrpjnvZEt6YCa55So6Kej5Yaz5pa55qGIIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iT0tSLeeuoeeQhiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgzMC4wMDAwMDAsIC0yMjQ3LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i5bqU55So5a6e6Le1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzODAuMDAwMDAwLCAxOTkxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0yMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDQ5LjAwMDAwMCwgMTYyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLnvJbnu4QiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMDAwMDAwLCA5NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzY5Q0UzMCIgY3g9IjgiIGN5PSI4IiByPSI4Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuNTU4NTkzNzUsMTEuMzUzNDAzMSBMMy42MjMwNDY4OCw4LjMxMTUxODMyIEMzLjU0MTAxNTU0LDguMjI2MDAzNCAzLjUsOC4xMTYwNTU3NSAzLjUsNy45ODE2NzUzOSBDMy41LDcuODQ3Mjk1MDMgMy41NDEwMTU1NCw3LjczNzM0NzM5IDMuNjIzMDQ2ODgsNy42NTE4MzI0NiBMNC4yNzM0Mzc1LDYuOTkyMTQ2NiBDNC4zNTU0Njg4NCw2Ljg5NDQxNTQ1IDQuNDU4MDA3ODEsNi44NDU1NDk3NCA0LjU4MTA1NDY5LDYuODQ1NTQ5NzQgQzQuNzA0MTAxNTYsNi44NDU1NDk3NCA0LjgxMjUwMDA5LDYuODk0NDE1NDUgNC45MDYyNSw2Ljk5MjE0NjYgTDYuODc1LDkuMDQ0NTAyNjIgTDExLjA5Mzc1LDQuNjQ2NTk2ODYgQzExLjE4NzQ5OTksNC41NDg4NjU3MSAxMS4yOTU4OTg0LDQuNSAxMS40MTg5NDUzLDQuNSBDMTEuNTQxOTkyMiw0LjUgMTEuNjQ0NTMxMiw0LjU0ODg2NTcxIDExLjcyNjU2MjUsNC42NDY1OTY4NiBMMTIuMzc2OTUzMSw1LjMwNjI4MjcyIEMxMi40NTg5ODQ1LDUuMzkxNzk3NjUgMTIuNSw1LjUwMTc0NTI5IDEyLjUsNS42MzYxMjU2NSBDMTIuNSw1Ljc3MDUwNjAxIDEyLjQ1ODk4NDUsNS44ODA0NTM2NiAxMi4zNzY5NTMxLDUuOTY1OTY4NTkgTDcuMTkxNDA2MjUsMTEuMzUzNDAzMSBDNy4xMDkzNzQ5MSwxMS40NTExMzQzIDcuMDAzOTA2MTYsMTEuNSA2Ljg3NSwxMS41IEM2Ljc0NjA5Mzg0LDExLjUgNi42NDA2MjUwOSwxMS40NTExMzQzIDYuNTU4NTkzNzUsMTEuMzUzNDAzMSBaIiBpZD0iYyIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat center; margin-right: 12px; margin-top: 4px; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-now .swiper-slider-nowrap { white-space: nowrap; font-family: PingFangSC-Medium; } #mb-feature-section .swiper-wrapper .swiper-slide:nth-child(1) { padding-top: 0; } #mb-feature-section .swiper-wrapper .swiper-slide:nth-child(1) .swiper-slider-icon { background-image: url(data:image/png;base64,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); background-size: cover; } #mb-feature-section .swiper-wrapper .swiper-slide:nth-child(2) .swiper-slider-icon { background-image: url(data:image/png;base64,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); background-size: cover; } #mb-feature-section .swiper-wrapper .swiper-slide:nth-child(3) .swiper-slider-icon { background-image: url(data:image/png;base64,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); background-size: cover; } #mb-feature-section .swiper-wrapper .swiper-slide:nth-child(4) .swiper-slider-icon { background-image: url(data:image/png;base64,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); background-size: cover; } #mb-feature-section .swiper-wrapper .swiper-slide:nth-child(5) .swiper-slider-icon { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAAHdbkFIAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAQKADAAQAAAABAAAAQAAAAABlmWCKAAAEVUlEQVR4Ae1bsW4UMRC1CVIEdOku4hRSQEtHF3ESSsUXQEWVVHwA30GBSEUFPwANIlJQOjpaKAIKynXpAKUIi727Xo/Hs/ass3e3l/gKvLbHb56fx157Y4Rg/3aKwrF18k7GMRMSZr8dnTQo9zbXy7ryn63pn3NRFNegsX4+XL8lowhVowAHjJqa1y6gmyp/YuFgpSmty5peQA20javDye9GIAOgU0eHNoSqQYADRJzNc9NLRyfta88dx9I9pFrXX/d4qYqywy9s6FibaSUfALIMrJXAioGqRn9T5sWgqeCmFkDTAtSCAMDOdmGn0ME1ahoyRWzsl/fBarBbvBWFeNJ0BWsAhBOrYixeyl/a1o4CbNygtDyciWO/Bnrwa22JtgO2Xih3iUKNajWofXQFsBpYkp2eGgZbLetSG5per3RdA2AM594FqwEYGsOGTGPDaBZssjFR6MYBZBEKZQIoFy1OAS+QBV6XMDc8uLhe52Ew4HrU3o0ibQzXtRWxLV7JTxgjmkdOQoR8AhC9dv79aHpQiOIhrOI8c+aUnckBxBTnATinyo8Bp7rKhBY4wrwp4ijgEVDb5h9q27zRoPT8YJZxA+sNwYqQz4SU/4xBr6mUPzGepwA20PlZDoE/C+AcxtOJYscpC2D6BAhATjARzVhFYQKQuYHjqEK1M+1R6gVhue1DRj1mT3vEylBZgUuigL8UPy9uizPxRfXPnlhNZy+yBkjxTryWTw2USf11oDq9+c5Ni9RU77T0dg/9fALIoNcs3O7VwOGlmCM5Zojb7BSPlcl7bGbys1dgT34wzqg0rEDdImU/IIX8fHdzNKGcwrKZKcDdyM6MAOxl6NlfBwjrlCHQMJyNzMIVWDgBbwi6fq4hRqy9SG3LD0c370CDeSswhs71s0+AODzgRkl5ddhRh55HuK03BNhA5/MsoFTpq8x/F8BDBX6zpXoNYPpBmOoksZ2vAAHEWVKJZqyigSsAx073hxMTuE1Eh3krMMV8KAKzO8GuigeYQM5nBbICWYGswNVWIL4jrr4XfVUyrXWWivPq5oB2fL3XkKfqk/N9c9OgzQ31JnZtq49l3Tvvoiwit1Z/6Av6jgtAfSkMQg6qMvqhkbUfJ7vUV3iT4KiQ4yttmhDHcuT7smfTIwApk/rpAMGws32dEjlrAJvUMhpeeQHi+wDmsOYpwBRqaGbRCJhM/07U9e83iviYugU+tA6VfKpbL8f6BszB6MZBiGP0LaA6v780HTc9ra7rb5xLsa+KVkwxlXIWQeLiLQU1yLIo9+gU4HYrL4JcpQZmx5kCA6PcL53oIth6+ZRzQOmXaxit7TAU4XnlI6A3AfTljPAQ9Vfbp6/4FGDy5txMYULN1Sw9AnaL7bkyDTm7AJf0CCjER7VAhmjx/p4ZRqhq2xY40zZCw5hRaTwC9G2/Zf0xuMcF0Fcd9X9kq8C8P/AOUJtpyVVzJq5pDpBvppQVyAosUIH/HzE+xrPqQFQAAAAASUVORK5CYII=); background-size: cover; } #mb-feature-section .swiper-wrapper .swiper-slide:nth-child(6) .swiper-slider-icon { background-image: url(data:image/png;base64,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); background-size: cover; } } @media only screen and (max-width: 1000px) { .banner-section .section-container .tab-content { padding-left: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .banner-section .section-container .tab-content .tab-list { padding-left: 10px !important; background-position-x: 10px !important; } .banner-section .section-container .tab-content .tab-list:first-child { padding-left: 0px; background-position-x: 0px; } } @media only screen and (max-width: 929px) { .banner-section .section-container .tab-content .tab-list:nth-child(3) { margin-top: 40px; } } @media screen and (max-width: 950px) { .stuck-point-section .section-container .section-title { padding-top: 60px; } .stuck-point-section .section-container .section-desc { padding-top: 8px; } } @media screen and (max-width: 850px) { .description { margin-bottom: 120px; } .banner-section .section-bg .bg-box { height: 700px; background: url(/images/tablet_banner.5e8ecd6b.png) no-repeat; background-size: cover; background-position: center; } .banner-section .section-container .tab-top-border { margin-top: 240px; } .banner-section .section-container .tab-content { padding: 48px 0 120px; } .stuck-point-section .section-bg .bg-box .img.pc-img { width: 2172px; } .stuck-point-section .section-container .section-title { padding-top: 96px; } .stuck-point-section .section-container .section-img { margin-top: 65px; } .stuck-point-section .section-container .section-desc { padding-top: 6px; } .app-practice-section { padding-top: 120px; padding-bottom: 160px; } .app-practice-section .section-container .section-desc { padding-top: 8px; } } @media only screen and (max-width: 769px) { .container { margin-top: 0; } .banner-section { margin-top: 60px; background-color: #fff; padding-bottom: 10px; } .banner-section .section-container { padding: 0 20px; } .banner-section .section-container .info { width: auto; padding-top: 84px; padding-left: 0; padding-right: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .banner-section .section-container .info .info-right { width: auto; } .banner-section .section-container .info .pc-h2 h2 { font-size: 40px; font-weight: 600; line-height: 56px; letter-spacing: 0.8px; padding: 0 14px; } .banner-section .section-container .info .pc-h2 .pc { display: none; } .banner-section .section-container .info .pc-h2 .mb { display: block; font-family: 'PingFangSC-Semibold'; font-weight: 600; padding: 0; line-height: 44px; } .banner-section .section-container .info .pc-h2 .mb .mb-desc { color: #606c80; font-size: 18px; line-height: 32px; font-family: PingFangSC-Regular; font-weight: normal; letter-spacing: 0px; max-width: 350px; padding-top: 24px; } .banner-section .section-container .info .btn-area { margin-top: 48px; display: -ms-flexbox; display: flex; } .banner-section .section-container .info .btn-area .btn { background: -webkit-linear-gradient(315deg, #26a7ff 0%, #0066ff 100%); background: -o-linear-gradient(315deg, #26a7ff 0%, #0066ff 100%); background: linear-gradient(-225deg, #26a7ff 0%, #0066ff 100%); border-radius: 4px; -webkit-box-shadow: 2px 7px 15px 0px rgba(140, 198, 255, 0.59); box-shadow: 2px 7px 15px 0px rgba(140, 198, 255, 0.59); height: 48px; width: 160px; } .banner-section .section-container .info .btn-area .btn .banner-btn { font-size: 20px; font-weight: 600; -webkit-animation: none; animation: none; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); width: 100%; height: 100%; } .banner-section .section-container .info .pc-banner-img img { width: 469px; height: 313px; margin-top: 40px; } .banner-section .section-container .section-content { margin-top: 20px; height: auto; } .banner-section .section-container .section-content .tab-title { margin-bottom: 0; line-height: normal; } .banner-section .section-container .tab-content { border-radius: 5px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: auto; -ms-flex-align: center; align-items: center; } .banner-section .section-container .tab-content .tab-list { border-right: none; padding-left: 0; } .banner-section .section-container .tab-content .tab-list:nth-child(1) { border-right: none; padding-left: 0; } .banner-section .section-container .tab-content .tab-list:nth-child(1) .mb-border { display: block; margin: 20px 0; width: 100px; height: 1px; } .banner-section .section-container .tab-content .tab-list:nth-child(2) { border-right: none; padding-left: 0; background-position-x: 0; } .banner-section .section-container .tab-content .tab-list:nth-child(2) .mb-border { display: block; margin: 20px 0; width: 100px; height: 1px; } .banner-section .section-container .tab-content .tab-list:nth-child(3) { border-right: none; padding-left: 0; background-position-x: 0; margin-top: 0; } .banner-section .section-container .tab-content .h3 { font-size: 24px; padding: 0 0 30px; height: auto; } .banner-section .section-container .tab-content .p { max-width: 100%; color: #202d40; font-size: 14px; line-height: 28px; } .stuck-point-section { padding-bottom: 0px; } .stuck-point-section .section-container .section-title { font-size: 36px; padding-top: 96px; } .stuck-point-section .section-container .section-desc { padding-top: 6px; } .stuck-point-section .section-container .section-img { margin-top: 74px; } .start-section { height: 165px; } .start-section .section-content { font-size: 18px; -ms-flex-direction: column; flex-direction: column; } .start-section .section-content .btn { margin-left: 0; margin-top: 30px; background: #FFFFFF; border-radius: 2px 2px 2px 2px; height: 40px; width: 120px; cursor: pointer; } .start-section .section-content .btn a { color: #0066FF; display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; font-weight: 600; text-align: center; } .common-starter { margin: 0; } .common-starter .common-starter-content { height: 192px; -ms-flex-pack: unset; justify-content: unset; } .common-starter .common-starter-content h4 { margin: 40px 60px 0; line-height: 36px; font-size: 24px; } .common-starter .common-starter-content a { margin-top: 20px; } .logo-wall { width: auto; margin: 136px auto 160px; } .logo-wall .logo-wall-content { display: none; } .logo-wall .title { margin-bottom: 64px; } .logo-wall .logo-wall-content-tablet { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-width: 684px; margin: 0 auto; } .logo-wall .logo-wall-content-tablet .logo-list-new { display: grid; row-gap: 20px; -webkit-column-gap: 16px; column-gap: 16px; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; } .logo-wall .logo-wall-content-tablet .logo-list-new img { width: 100%; } } @media screen and (max-width: 767px) { .banner-section .section-container .info .info-left { padding-left: 0px; } .banner-section .section-container .tab-content { padding-top: 56px; padding-bottom: 96px; } .banner-section .section-container .tab-content .tab-list:nth-child(2), .banner-section .section-container .tab-content .tab-list:nth-child(3) { margin-top: 0; } .banner-section .section-container .section-content { padding: 0; } .banner-section .section-container .section-content .tab-title { line-height: 40px; font-size: 26px; } .banner-section .section-container .info { padding-left: 0; -ms-flex-pack: center; justify-content: center; padding-top: 68px; } .banner-section .section-container .info .box { margin-top: 0; } .banner-section .section-container .info .pc-h2 .mb { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; font-size: 32px; text-align: center; } .banner-section .section-container .info .pc-h2 .mb .mb-desc { font-size: 16px; line-height: 24px; padding-top: 16px; max-width: 284px; } .banner-section .section-container .info .btn-area { margin-top: 32px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .banner-section .section-container .info .btn-area .btn { width: 144px; } .banner-section .section-container .info .btn-area .btn .banner-btn { width: 144px; font-size: 16px; } .banner-section .section-container .tab-content .tab-list .item-desc { width: auto; } .banner-section .section-container .tab-top-border { margin-top: 336px; } .banner-section .section-bg .bg-box { background: url(/images/mb-banner-img.125911c5.png) no-repeat; background-size: cover; background-position: center; } .solution-advantage-section .section-container .section-wall { max-width: unset; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; padding-bottom: 96px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(2) { margin-top: 16px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(6) { display: none; } .solution-advantage-section .section-container .section-title { padding-top: 88px; font-size: 26px; line-height: 40px; } .stuck-point-section .section-bg .bg-box .img.pc-img { width: 1560px; padding-top: 8px; } .stuck-point-section .section-container .section-title { font-size: 26px; line-height: 40px; max-width: 241px; margin: 0 auto; padding-top: 80px; } .stuck-point-section .section-container .section-img { padding-bottom: 60px; margin-top: 40px; } .app-practice-section { padding-top: 88px; padding-bottom: 120px; } .app-practice-section .section-container .section-title { font-size: 26px; line-height: 40px; } .app-practice-section .section-container .section-desc { padding-left: 16px; padding-right: 16px; } #mb-feature-section .swiper-wrapper .swiper-slide { padding-left: 16px; padding-right: 16px; } #mb-feature-section .swiper-wrapper .swiper-slide img { width: 100%; height: auto; } .logo-wall { margin: 96px auto; } .logo-wall .title { padding: 0 46px; min-width: 290px; font-size: 26px; margin-bottom: 48px; line-height: 40px; } .logo-wall .title span { font-size: 32px; } } @media only screen and (max-width: 491px) { .banner-section .section-container .info .pc-banner-img img { width: 335px; height: 224px; } .logo-wall .logo-wall-content-tablet { display: none; } .logo-wall .logo-wall-content-mobile { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: calc(100% - 36px); margin: 0 auto; } .logo-wall .logo-wall-content-mobile .logo-list-new { display: grid; row-gap: 20px; -webkit-column-gap: 16px; column-gap: 16px; grid-template-columns: 101px 101px 101px; grid-template-rows: 36px 36px 36px 36px; } .logo-wall .logo-wall-content-mobile .logo-list-new img { width: 100%; } } @media only screen and (max-width: 484px) { .stuck-point-section .section-bg { top: -12%; } } @media only screen and (max-width: 450px) { .stuck-point-section .section-bg { top: -10%; } }