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; } .description { margin-top: 264px; margin-bottom: 132px; } .description .title { color: #202d40; font-size: 36px; font-family: 'PingFangSC-Semibold'; font-weight: 600; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 144px; } .description .title span { position: relative; top: -70px; } .description .title img { height: 144px; width: 144px; margin: 0 auto; } .description .detail { max-width: 824px; margin: 0 auto; color: #202d40; font-size: 16px; text-align: center; line-height: 28px; } .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; } .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.ef635633.png); background-repeat: no-repeat; background-size: cover; background-position: center; } .banner-section .section-container { margin: 0 auto; position: relative; z-index: 11; } .banner-section .section-container .info { max-width: 1160px; margin: 0 auto; color: #171d26; position: relative; z-index: 99; padding-top: 162px; 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: 16px; line-height: 28px; font-family: PingFangSC-Regular; color: #606c80; padding-top: 8px; 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.44deg, #69e8dd 0%, #6dd8f2 38%, #7394f6 100%); background: -o-linear-gradient(153.44deg, #69e8dd 0%, #6dd8f2 38%, #7394f6 100%); background: linear-gradient(-63.44deg, #69e8dd 0%, #6dd8f2 38%, #7394f6 100%); margin: 0 auto 24px; border-radius: 2px; width: 48px; height: 4px; } .banner-section .section-container .section-content { position: relative; z-index: 11; padding-bottom: 136px; } .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; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; } .banner-section .section-container .tab-content .tab-list { background-repeat: no-repeat; background-size: 104px 75px; padding-left: 24px; padding-right: 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: 320px; 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); background-position-x: 24px; } .banner-section .section-container .tab-content .tab-list:nth-child(2) { background-image: url(/images/02.1a28a489.png); background-position-x: 24px; } .banner-section .section-container .tab-content .tab-list:nth-child(3) { background-image: url(/images/03.b03fab3c.png); background-position-x: 24px; } .stuck-point-section { position: relative; overflow: hidden; height: 1096px; width: 100%; 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%); } .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: 3165px; margin: 0 auto; padding-top: 30px; } .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; letter-spacing: 0px; line-height: 42px; padding-top: 128px; } .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; max-width: 752px; margin: 0 auto; } .stuck-point-section .section-container .section-img { width: 1153px; height: auto; margin-top: 76px; padding-bottom: 71px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .stuck-point-section .section-container .section-img img { width: 100%; position: relative; left: 4px; top: 3px; } .app-practice-section { padding-top: 112px; padding-bottom: 155px; 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: 240px; 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: 647px; } #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 .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: 24px; 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 .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; border-radius: 4px; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-down img { -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 9px 19px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 9px 19px 0px rgba(0, 0, 0, 0.05); } #feature-section .feature-swiper-container .swiper-slide:nth-child(1) .swiper-slide-down img { width: 100%; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 9px 19px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 9px 19px 0px rgba(0, 0, 0, 0.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/swiper-4.8b37279b.png); background-size: 100%; background-repeat: no-repeat; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 9px 19px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 9px 19px 0px rgba(0, 0, 0, 0.05); } #feature-section .feature-swiper-container .swiper-slide:nth-child(3) .swiper-slide-down { background: url(/images/swiper-2.337fa0ba.png); background-size: 100%; background-repeat: no-repeat; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 9px 19px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 9px 19px 0px rgba(0, 0, 0, 0.05); } #feature-section .feature-swiper-container .swiper-slide:nth-child(4) .swiper-slide-down { background: url(/images/swiper-3.4d59f303.png); background-size: 100%; background-repeat: no-repeat; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 9px 19px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05), 0px 9px 19px 0px rgba(0, 0, 0, 0.05); } #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/solution_advantage.f76f0128.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: 60px; padding-bottom: 128px; -ms-flex-pack: justify; justify-content: space-between; } .solution-advantage-section .section-container .section-wall .wall-card-section { width: 368px; height: 264px; padding: 32px; border-radius: 8px; background-size: cover; background-repeat: no-repeat; background: rgba(255, 255, 255, 0.9); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } .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: 18px; 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(data:image/png;base64,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); background-size: cover; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(2) .wall-card-svg { background-image: url(/images/icon-2.f6f685d1.png); background-size: cover; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(3) .wall-card-svg { background-image: url(/images/icon-3.c3f52c03.png); background-size: cover; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(4) { margin-top: 30px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(4) .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(5) { margin-top: 30px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(5) .wall-card-svg { background-image: url(/images/icon-5.212e1a72.png); background-size: cover; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(6) { margin-top: 30px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(6) .wall-card-svg { background-image: url(/images/icon-6.d445d8db.png); background-size: cover; } .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: 1200px) and (min-width: 768px) { .banner-section .section-bg .bg-box { height: 760px; background: url(/images/tablet-banner.16382c8e.png) no-repeat; background-size: cover; background-position: center; } } @media only screen and (max-width: 1160px) { .banner-section .section-container .section-content { width: auto; padding: 0 20px 80px; } .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 .info .pc-h2 .pc .pc-desc { max-width: 350px; } .banner-section .section-container .info .btn { margin-top: 48px; } .banner-section .section-container .tab-content { -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: 546px; } .banner-section .section-container .tab-content .tab-list:nth-child(2), .banner-section .section-container .tab-content .tab-list:nth-child(3) { padding-left: 0; background-position-x: 0; margin-top: 16px; } .description { margin-top: 272px; } .description .detail { max-width: none; padding: 0 87px; } .stuck-point-section { height: auto; } .stuck-point-section .section-container .section-img { margin-left: 20px; width: calc(100% - 41px); height: auto; padding-bottom: 60px; } .stuck-point-section .section-container .section-img img { width: 100%; height: auto; left: 0.5px; } .solution-advantage-section .section-container { max-width: 1060px; } .solution-advantage-section .section-container .section-wall { padding-left: 26px; padding-right: 26px; padding-top: 80px; padding-bottom: 120px; } .solution-advantage-section .section-container .section-wall .wall-card-section { width: 350px; height: 256px; -ms-flex-pack: center; justify-content: center; } .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), .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(6) { margin-top: 16px; } #feature-section { width: auto; } .logo-wall { width: auto; margin: 100px 20px 0; } } @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: 72px 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: 415px; } #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 .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: 24px; 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 .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/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbi/lv6vpgJ/pg6jnvbI8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRGV2T3BzLeino+WGs+aWueahiCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTczNi4wMDAwMDAsIC0yODk2LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i5bqU55So5a6e6Le1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MTIuMDAwMDAwLCAyNjk2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikxpc3QtQnV0dG9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTg0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJJY29uL+W/q+mAn+mDqOe9siIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQuMDAwMDAwLCAxNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgb3BhY2l0eT0iMC4xMDAwMDAwMDEiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i5YiG57uELTI2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjEzMzMzMSwgMi4xMzMzMzMpIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQiIGZpbGw9IiMzREU2RjUiIHBvaW50cz0iOS42MDAwMDIyOCAyNC41MzMzMzMzIDE0LjkzMzMzNTYgMTguMDg5MjM2OSAxMC40ODg4OTEyIDE2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjcuNzMzMzM1NiwwIEM5LjI0NjAzODgsOC44MTMzNjc2NCAwLjAwMTU5MzYwMDksMTMuMjIwMDUxNSAwLDEzLjIyMDA1MTUgQy0wLjAwMTU4OTgwMTgyLDEzLjIyMDA1MTUgMy4zMjgwMTY4NCwxNC4wNjczNzg0IDkuOTg4ODE5OTIsMTUuNzYyMDMyNCBMMjAuOTc3NjM3NywyNC43MzMzMzMzIEwyNy43MzMzMzU2LDAgWiIgaWQ9Iui3r+W+hCIgZmlsbD0iIzNERTZGNSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iIzAwNjZGRiIgcG9pbnRzPSI2LjQwMDAwMjI4IDE0LjU3NTI1OTEgOS41MDE0NTE1NSAyNC41MzMzMzMzIDEwLjQ1Nzk3MzMgMTYuNDA5ODM1NSAyNy43MzMzMzU2IDEuMDE0MTM5NTRlLTA5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); } #mb-feature-section .swiper-wrapper .swiper-slide:nth-child(2) .swiper-slider-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbi/lj4rml7blj43ppog8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRGV2T3BzLeino+WGs+aWueahiCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTczNi4wMDAwMDAsIC0yOTY4LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i5bqU55So5a6e6Le1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MTIuMDAwMDAwLCAyNjk2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikxpc3QtQnV0dG9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTg0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLpnIDmsYLnrqHnkIYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA3Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikljb24v5Y+K5pe25Y+N6aaIIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC4wMDAwMDAsIDE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTI1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgNC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aC0xNSIgZmlsbD0iIzNERTZGNSIgcG9pbnRzPSI4LjA5NTM2ODIxIDE4IC0zLjY4MTM0NzI1ZS0xMiAyNiAtMy42ODEzNDcyNWUtMTIgMTgiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMS4yODE5NDI2LC01LjE3OTIwMTU0ZS0xNyBMMjYuNzE4MDU3NCw1LjE3OTIwMTU0ZS0xNyBDMjcuMTYzODE2OCwtMy4wMDkyNjUyNGUtMTcgMjcuMzI1NDU5OSwwLjA0NjQxMjgwNTYgMjcuNDg4NDIyOSwwLjEzMzU2NjM1MiBDMjcuNjUxMzg1OCwwLjIyMDcxOTg5OCAyNy43NzkyODAxLDAuMzQ4NjE0MTg1IDI3Ljg2NjQzMzYsMC41MTE1NzcxNDggQzI3Ljk1MzU4NzIsMC42NzQ1NDAxMTEgMjgsMC44MzYxODMyMyAyOCwxLjI4MTk0MjYgTDI4LDE4LjcxODA1NzQgQzI4LDE5LjE2MzgxNjggMjcuOTUzNTg3MiwxOS4zMjU0NTk5IDI3Ljg2NjQzMzYsMTkuNDg4NDIyOSBDMjcuNzc5MjgwMSwxOS42NTEzODU4IDI3LjY1MTM4NTgsMTkuNzc5MjgwMSAyNy40ODg0MjI5LDE5Ljg2NjQzMzYgQzI3LjMyNTQ1OTksMTkuOTUzNTg3MiAyNy4xNjM4MTY4LDIwIDI2LjcxODA1NzQsMjAgTDAsMjAgTDAsMjAgTDMuNDUyODAxMDNlLTE3LDEuMjgxOTQyNiBDLTIuMDA2MTc2ODNlLTE3LDAuODM2MTgzMjMgMC4wNDY0MTI4MDU2LDAuNjc0NTQwMTExIDAuMTMzNTY2MzUyLDAuNTExNTc3MTQ4IEMwLjIyMDcxOTg5OCwwLjM0ODYxNDE4NSAwLjM0ODYxNDE4NSwwLjIyMDcxOTg5OCAwLjUxMTU3NzE0OCwwLjEzMzU2NjM1MiBDMC42NzQ1NDAxMTEsMC4wNDY0MTI4MDU2IDAuODM2MTgzMjMsMy4wMDkyNjUyNGUtMTcgMS4yODE5NDI2LC01LjE3OTIwMTU0ZS0xNyBaIiBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDA2NkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYsOCBDNy4xMDQ1Njk1LDggOCw4Ljg5NTQzMDUgOCwxMCBDOCwxMS4xMDQ1Njk1IDcuMTA0NTY5NSwxMiA2LDEyIEM0Ljg5NTQzMDUsMTIgNCwxMS4xMDQ1Njk1IDQsMTAgQzQsOC44OTU0MzA1IDQuODk1NDMwNSw4IDYsOCBaIE0xNCw4IEMxNS4xMDQ1Njk1LDggMTYsOC44OTU0MzA1IDE2LDEwIEMxNiwxMS4xMDQ1Njk1IDE1LjEwNDU2OTUsMTIgMTQsMTIgQzEyLjg5NTQzMDUsMTIgMTIsMTEuMTA0NTY5NSAxMiwxMCBDMTIsOC44OTU0MzA1IDEyLjg5NTQzMDUsOCAxNCw4IFogTTIyLDggQzIzLjEwNDU2OTUsOCAyNCw4Ljg5NTQzMDUgMjQsMTAgQzI0LDExLjEwNDU2OTUgMjMuMTA0NTY5NSwxMiAyMiwxMiBDMjAuODk1NDMwNSwxMiAyMCwxMS4xMDQ1Njk1IDIwLDEwIEMyMCw4Ljg5NTQzMDUgMjAuODk1NDMwNSw4IDIyLDggWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); } #mb-feature-section .swiper-wrapper .swiper-slide:nth-child(3) .swiper-slider-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbi/or4bliKvnk7bpoog8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRGV2T3BzLeino+WGs+aWueahiCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTczNi4wMDAwMDAsIC0zMDQwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i5bqU55So5a6e6Le1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MTIuMDAwMDAwLCAyNjk2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikxpc3QtQnV0dG9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTg0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLlt6Xml7bnmbvorrAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJJY29uL+ivhuWIq+eTtumiiCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQuMDAwMDAwLCAxNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIG9wYWNpdHk9IjAuMTAwMDAwMDAxIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJub3VuX0V5ZV8xODAxMTUzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgOS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQsMCBDNy45NzIyMjIyMiwwIDMuNSwzLjY0Mjg1NzE0IDAsOC41IEMzLjUsMTMuMzU3MTQyOSA3Ljk3MjIyMjIyLDE3IDE0LDE3IEMyMC4wMjc3Nzc4LDE3IDI0LjUsMTMuMzU3MTQyOSAyOCw4LjUgQzI0LjUsMy42NDI4NTcxNCAyMC4wMjc3Nzc4LDAgMTQsMCBaIE0xNCwxNC41NzE0Mjg2IEMxMC43NzIyMjIyLDE0LjU3MTQyODYgOC4xNjY2NjY2NywxMS44NTk1MjM4IDguMTY2NjY2NjcsOC41IEM4LjE2NjY2NjY3LDUuMTQwNDc2MTkgMTAuNzcyMjIyMiwyLjQyODU3MTQzIDE0LDIuNDI4NTcxNDMgQzE3LjIyNzc3NzgsMi40Mjg1NzE0MyAxOS44MzMzMzMzLDUuMTQwNDc2MTkgMTkuODMzMzMzMyw4LjUgQzE5LjgzMzMzMzMsMTEuODU5NTIzOCAxNy4yMjc3Nzc4LDE0LjU3MTQyODYgMTQsMTQuNTcxNDI4NiBaIiBpZD0iU2hhcGUiIGZpbGw9IiMwMDY2RkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTcuNSw4LjUgQzE3LjUsMTAuNTIzODA5NSAxNS45NDQ0NDQ0LDEyLjE0Mjg1NzEgMTQsMTIuMTQyODU3MSBDMTIuMDU1NTU1NiwxMi4xNDI4NTcxIDEwLjUsMTAuNTIzODA5NSAxMC41LDguNSBDMTAuNSw2LjQ3NjE5MDQ4IDEyLjA1NTU1NTYsNC44NTcxNDI4NiAxNCw0Ljg1NzE0Mjg2IEMxNC4zODg4ODg5LDQuODU3MTQyODYgMTQuODE2NjY2Nyw0LjkzODA5NTI0IDE1LjE2NjY2NjcsNS4wNTk1MjM4MSBMMTUuMTY2NjY2Nyw3LjI4NTcxNDI5IEwxNy4zMDU1NTU2LDcuMjg1NzE0MjkgQzE3LjQyMjIyMjIsNy42NSAxNy41LDguMDk1MjM4MSAxNy41LDguNSBaIiBpZD0iUGF0aCIgZmlsbD0iIzNERTZGNSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); } #mb-feature-section .swiper-wrapper .swiper-slide:nth-child(4) .swiper-slider-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbi/mjqfliLbpl67popjojIPlm7Q8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iRGV2T3BzLeino+WGs+aWueahiCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTczNi4wMDAwMDAsIC0zMTEyLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i5bqU55So5a6e6Le1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MTIuMDAwMDAwLCAyNjk2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ikxpc3QtQnV0dG9uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTg0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLnvLrpmbfnrqHnkIYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAyMTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJJY29uL+aOp+WItumXrumimOiMg+WbtCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQuMDAwMDAwLCAxNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9IuakreWchuW9oiIgc3Ryb2tlPSIjM0RFNkY1IiBzdHJva2Utd2lkdGg9IjMiIGN4PSIxNCIgY3k9IjE1IiByPSIxMSI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzFCNzZGRiIgY3g9IjE0IiBjeT0iNCIgcj0iNCI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzFCNzZGRiIgY3g9IjQiIGN5PSIyMCIgcj0iNCI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbD0iIzFCNzZGRiIgY3g9IjI0IiBjeT0iMjAiIHI9IjQiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); } } @media screen and (max-width: 1060px) { .stuck-point-section .section-container .section-title { padding-top: 65px; } .stuck-point-section .section-container .section-desc { padding-left: 0; padding-right: 0; max-width: 594px; } .app-practice-section { padding-top: 80px; padding-bottom: 160px; } } @media screen and (max-width: 950px) { .stuck-point-section .section-bg .bg-box .img.pc-img { width: 2600px; } } @media screen and (max-width: 850px) { .description { margin-bottom: 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; } } @media only screen and (max-width: 767px) { .container { margin-top: 0; } .description .detail { padding: 15px 0 0; font-size: 14px; line-height: 28px; } .description .title img { width: 96px; height: 96px; } .banner-section { margin-top: 60px; background-color: #fff; } .banner-section .section-bg .bg-box { width: 100%; height: 760px; background: url(/images/mb-banner.0983d524.png) no-repeat; background-size: cover; background-position: center; } .banner-section .section-container .info { width: auto; padding-top: 68px; padding-left: 0; padding-right: 0; 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; } .banner-section .section-container .info .info-left { padding-left: 0px; } .banner-section .section-container .info .box { margin-top: 0; } .banner-section .section-container .info .info-right { width: auto; } .banner-section .section-container .info .pc-h2 h2 { font-size: 32px; font-weight: 600; line-height: 40px; letter-spacing: 0.8px; text-align: center; 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: unset; } .banner-section .section-container .info .pc-h2 .mb .mb-desc { color: #606c80; font-size: 16px; font-family: PingFangSC-Regular; font-weight: normal; padding-top: 10px; 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 { 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: 144px; margin-top: 0; } .banner-section .section-container .info .btn-area .btn .banner-btn { font-size: 16px; font-weight: 600; -webkit-animation: none; animation: none; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); width: 144px; height: 48px; } .banner-section .section-container .info .pc-banner-img img { width: 469px; height: 313px; margin-top: 40px; } .banner-section .section-container .description { margin: 392px 0 96px; padding: 0 20px; } .banner-section .section-container .description .title { height: 96px; } .banner-section .section-container .description .title span { position: relative; top: -45px; font-size: 26px; } .banner-section .section-container .tab-top-border { margin-top: 40px; } .banner-section .section-container .tab-title { font-size: 24px; } .banner-section .section-container .section-content { padding: 0 20px; height: auto; } .banner-section .section-container .section-content .tab-title { margin-bottom: 0; line-height: normal; } .banner-section .section-container .tab-content { padding: 56px 0 80px; 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; height: 176px; padding-left: 0; padding-right: 0; } .banner-section .section-container .tab-content .tab-list .item-desc { width: auto; } .banner-section .section-container .tab-content .tab-list:nth-child(1) { border-right: none; padding-left: 0; background-position-x: 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; } .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; height: 560px; } .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; padding-top: 88px; } .stuck-point-section .section-container .section-desc { padding-right: 20px; padding-left: 20px; padding-top: 0; } .stuck-point-section .section-container .section-img { margin-top: 40px; padding-bottom: 83px; } .stuck-point-section .section-container .section-img img { left: 0; } .app-practice-section { padding-bottom: 128px; padding-top: 88px; } .app-practice-section .section-container .section-title { font-size: 26px; line-height: normal; } .app-practice-section .section-container .section-desc { padding-top: 16px; width: 343px; margin: 0 auto; } .solution-advantage-section { background-position: center; } .solution-advantage-section .section-container .section-title { padding-top: 88px; font-size: 26px; line-height: normal; } .solution-advantage-section .section-container .section-desc { padding-top: 12px; font-size: 16px; } .solution-advantage-section .section-container .section-wall { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; padding-bottom: 96px; padding-left: 0; padding-right: 0; } .solution-advantage-section .section-container .section-wall .wall-card-section { width: 343px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(2), .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), .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(6) { margin-top: 24px; } .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; } .common-starter .common-starter-content h4 { line-height: 36px; font-size: 24px; } .common-starter .common-starter-content a { margin-top: 20px; } .logo-wall { width: auto; margin: 96px 18px; } .logo-wall .title { width: 265px; line-height: 42px; color: #202d40; font-size: 24px; font-family: 'PingFangSC-Semibold'; font-weight: 600; text-align: center; line-height: normal; margin-bottom: 30px; } .logo-wall .title span { color: #3376ff; font-size: 32px; } .logo-wall .logo-wall-content { display: none; } .logo-wall .logo-wall-content-tablet { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-width: 570px; 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%; } #mb-feature-section .swiper-wrapper .swiper-slide { padding-left: 16px; padding-right: 16px; padding-top: 56px; } #mb-feature-section .swiper-wrapper .swiper-slide img { width: 100%; height: auto; } } @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: -8%; } .stuck-point-section .section-container .section-desc { padding: 8px 16px 0; } } @media only screen and (max-width: 450px) { .stuck-point-section .section-bg { top: 2%; } }