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: 60px; 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; -ms-flex-align: center; align-items: center; height: 144px; } .description .title span { position: relative; top: -56px; } .description .title img { width: 144px; height: 144px; } .description .detail { max-width: 752px; margin: 0 auto; color: #202d40; font-size: 16px; text-align: center; line-height: 28px; margin-top: 16px; } .section-content .title { color: #000; font-size: 42px; font-weight: 500; letter-spacing: 1.75px; line-height: 1.2; text-align: center; padding-top: 80px; } .section-content .description { color: #76808e; font-size: 16px; font-weight: normal; line-height: 1; text-align: center; margin-top: 14px; margin-bottom: 80px; } .banner-section { background-color: #fff; position: relative; padding-bottom: 144px; } .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: 834px; 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.4803d225.png); background-repeat: no-repeat; background-size: cover; } .banner-section .section-container { max-width: 1136px; margin: 0 auto; position: relative; z-index: 11; } .banner-section .section-container .info { color: #171d26; position: relative; z-index: 99; padding-top: 140px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .banner-section .section-container .info .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; font-weight: normal; padding-top: 10px; } .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: 64px; } .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 40%); background: -o-linear-gradient(315deg, #26a7ff 0%, #0066ff 40%); background: linear-gradient(-225deg, #26a7ff 0%, #0066ff 40%); border-radius: 4px; -webkit-box-shadow: 2px 7px 15px 0px rgba(140, 198, 255, 0.59); box-shadow: 2px 7px 15px 0px rgba(140, 198, 255, 0.59); height: 48px; width: 160px; 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 { opacity: 0; } .banner-section .section-container .info .pc-banner-img img { border-radius: 8px; width: 100%; } .banner-section .section-container .tab-top-border { margin: 0 auto; margin-top: 96px; background: -webkit-linear-gradient(153.5deg, #d86cd9 0%, #7f73ff 100%); background: -o-linear-gradient(153.5deg, #d86cd9 0%, #7f73ff 100%); background: linear-gradient(-63.5deg, #d86cd9 0%, #7f73ff 100%); border-radius: 2px; height: 4px; width: 48px; } .banner-section .section-container .section-content { width: 1136px; height: 288px; margin: 0 auto; margin-top: 20px; padding: 0; position: relative; z-index: 11; } .banner-section .section-container .tab-title { text-align: center; padding-top: 0px; margin-bottom: 48px; color: #172333; font-size: 36px; font-family: 'PingFangSC-Semibold'; font-weight: 600; line-height: 56px; } .banner-section .section-container .tab-content { max-width: 1136px; height: 184px; background-color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .banner-section .section-container .tab-content .tab-list { background-repeat: no-repeat; background-size: 120px 72px; } .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: 224px; 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.055054d9.png); } .banner-section .section-container .tab-content .tab-list:nth-child(2) { background-image: url(/images/02.b29c3cd9.png); padding-left: 50px; background-position-x: 50px; } .banner-section .section-container .tab-content .tab-list:nth-child(3) { background-image: url(/images/03.c72c2bcc.png); padding-left: 50px; background-position-x: 50px; } .banner-section .section-container .tab-content .tab-list:nth-child(4) { background-image: url(/images/04.310c47f4.png); padding-left: 50px; background-position-x: 50px; } .stuck-point-section { position: relative; overflow: hidden; height: 848px; width: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(241, 248, 254, 0)), color-stop(21%, rgba(242, 248, 254, 0.7)), to(#f2f9ff)); background: -webkit-linear-gradient(bottom, rgba(241, 248, 254, 0) 0%, rgba(242, 248, 254, 0.7) 21%, #f2f9ff 100%); background: -o-linear-gradient(bottom, rgba(241, 248, 254, 0) 0%, rgba(242, 248, 254, 0.7) 21%, #f2f9ff 100%); background: linear-gradient(0deg, rgba(241, 248, 254, 0) 0%, rgba(242, 248, 254, 0.7) 21%, #f2f9ff 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; } .stuck-point-section .section-bg .bg-box .img.mb-img { display: none; } .stuck-point-section .section-container { max-width: 1136px; margin: 0 auto; position: relative; z-index: 11; } .stuck-point-section .section-container .section-title { color: #202d40; font-size: 36px; font-family: "PingFangSC-Semibold"; font-weight: 600; text-align: center; padding-top: 96px; letter-spacing: 0px; line-height: 42px; } .stuck-point-section .section-container .section-desc { color: #606c80; font-size: 16px; text-align: center; padding-top: 16px; font-family: "PingFangSC-Regular"; font-weight: normal; text-align: center; } .stuck-point-section .section-container .section-img { width: 1152px; height: 626px; margin-top: 61px; } .stuck-point-section .section-container .section-img img { width: 100%; } .app-practice-section { padding-top: 129px; padding-bottom: 100px; position: relative; overflow: hidden; } .app-practice-section .section-container { max-width: 1136px; 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 272px; flex: 0 0 272px; min-height: 360px; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 5px; padding-left: 10px; } #feature-section .feature-swiper-pagination .feature-swiper-pagination-box { cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 272px; height: 60px; padding: 10px 24px; } #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: 500; 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: -61px; 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; font-weight: 600; } @-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: 60px; width: auto; background: none; cursor: pointer; margin-bottom: 8px; } #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: 792px; height: 786px; } #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; padding-top: 30px; } #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: 21px; } #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 .icon { margin-right: 8px; width: 20px; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .swiper-slider-past .swiper-slider-nowrap { font-weight: 600; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .swiper-slider-now { color: #202d40; font-size: 14px; margin-top: 16px; font-family: PingFangSC-Regular; font-weight: normal; line-height: 24px; max-width: 736px; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .swiper-slider-now .icon { margin-right: 8px; margin-top: 5px; width: 20px; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-top .swiper-slider-now .swiper-slider-nowrap { font-weight: 600; } #feature-section .feature-swiper-container .swiper-wrapper .swiper-slide .swiper-slide-down { -ms-flex: 1 1; flex: 1 1; width: 100%; height: 568px; } #feature-section .feature-swiper-container .swiper-slide:nth-child(1) .swiper-slide-down img { width: 100%; } #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/scrum-02.97c69ffc.png); background-size: 100%; background-repeat: no-repeat; background-position: center; } #feature-section .feature-swiper-container .swiper-slide:nth-child(3) .swiper-slide-down { background: url(/images/scrum-03.e4b34abb.png); background-size: 100%; background-repeat: no-repeat; background-position: center; } #feature-section .feature-swiper-container .swiper-slide:nth-child(4) .swiper-slide-down { background: url(/images/scrum-04.20916cc8.png); background-size: 100%; background-repeat: no-repeat; background-position: center; } #feature-section .feature-swiper-container .swiper-slide:nth-child(5) { padding-bottom: 18px; } #feature-section .feature-swiper-container .swiper-slide:nth-child(5) .swiper-slide-down { background: url(/images/scrum-05.650b89d0.png); background-size: 100%; background-repeat: no-repeat; background-position: center; } #feature-section .feature-swiper-container .swiper-slide:nth-child(6) { padding-bottom: 2px; } #feature-section .feature-swiper-container .swiper-slide:nth-child(6) .swiper-slide-down { background: url(/images/scrum-06.864438f8.png) no-repeat; background-size: 100%; background-position: center; } #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.f95f5e18.png); } .solution-advantage-section .section-container { max-width: 1136px; 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: 56px; padding-bottom: 128px; -ms-flex-pack: justify; justify-content: space-between; } .solution-advantage-section .section-container .section-wall .wall-card-section { width: 560px; height: 240px; padding: 32px 40px; border-radius: 8px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; background-color: rgba(255, 255, 255, 0.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .solution-advantage-section .section-container .section-wall .wall-card-section .wall-card-svg { width: 72px; height: 72px; background-size: 100% 100%; } .solution-advantage-section .section-container .section-wall .wall-card-section .wall-card-title { padding-top: 25px; font-size: 18px; font-family: PingFangSC-Semibold; font-weight: 500; line-height: 24px; 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: #606c80; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(1) .wall-card-svg { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzJweCIgaGVpZ2h0PSI3MnB4IiB2aWV3Qm94PSIwIDAgNzIgNzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbi/kvb/nlKjmlrnlvI/ngbXmtLs8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTIsMCBMNjIsMCBDNjMuMTA0NTY5NSwtMi4wMjkwNjEyNWUtMTYgNjQsMC44OTU0MzA1IDY0LDIgTDY0LDQ2IEM2NCw0Ny4xMDQ1Njk1IDYzLjEwNDU2OTUsNDggNjIsNDggTDIsNDggQzAuODk1NDMwNSw0OCAxLjM1MjcwNzVlLTE2LDQ3LjEwNDU2OTUgMCw0NiBMMCwyIEMtMS4zNTI3MDc1ZS0xNiwwLjg5NTQzMDUgMC44OTU0MzA1LDIuMDI5MDYxMjVlLTE2IDIsMCBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iLSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuS8oOe7n+eglOWPkeino+WGs+aWueahiCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc1Mi4wMDAwMDAsIC0zNTc2LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i5pa55qGI5LyY5Yq/IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMzMzNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJDYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MTIuMDAwMDAwLCAyMDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikljb24v5L2/55So5pa55byP54G15rS7IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MC4wMDAwMDAsIDMyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iIiBvcGFjaXR5PSIwLjEwMDAwMDAwMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjcyIiBoZWlnaHQ9IjcyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC4wMDAwMDAsIDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLSstQ29tYmluZWQtU2hhcGUtTWFzayI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTExLDAgTDUzLDAgQzU0LjEwNDU2OTUsLTIuMDI5MDYxMjVlLTE2IDU1LDAuODk1NDMwNSA1NSwyIEw1NSw0OCBDNTUsNDkuMTA0NTY5NSA1NC4xMDQ1Njk1LDUwIDUzLDUwIEwxMSw1MCBDOS44OTU0MzA1LDUwIDksNDkuMTA0NTY5NSA5LDQ4IEw5LDIgQzksMC44OTU0MzA1IDkuODk1NDMwNSwyLjAyOTA2MTI1ZS0xNiAxMSwwIFoiIGlkPSJNYXNrIiBmaWxsPSIjRTZFOUVEIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTcsNSBMNTcsNSBDNTguMTA0NTY5NSw1IDU5LDUuODk1NDMwNSA1OSw3IEw1OSw1MyBDNTksNTQuMTA0NTY5NSA1OC4xMDQ1Njk1LDU1IDU3LDU1IEw3LDU1IEM1Ljg5NTQzMDUsNTUgNSw1NC4xMDQ1Njk1IDUsNTMgTDUsNyBDNSw1Ljg5NTQzMDUgNS44OTU0MzA1LDUgNyw1IFoiIGlkPSJNYXNrIiBmaWxsPSIjM0RFNkY1Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDEwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgaWQ9Ik1hc2siIGZpbGw9IiNEQURGRTYiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDA2NkZGIiBtYXNrPSJ1cmwoI21hc2stMikiIHBvaW50cz0iMS4yMDY3NDMwNGUtMTMgMCA2NCAwIDY0IDkgMS4yMDY3NDMwNGUtMTMgOSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi41LDMgQzcuMzI4NDI3MTIsMyA4LDMuNjcxNTcyODggOCw0LjUgQzgsNS4zMjg0MjcxMiA3LjMyODQyNzEyLDYgNi41LDYgQzUuNjcxNTcyODgsNiA1LDUuMzI4NDI3MTIgNSw0LjUgQzUsMy42NzE1NzI4OCA1LjY3MTU3Mjg4LDMgNi41LDMgWiBNMTAuNSwzIEMxMS4zMjg0MjcxLDMgMTIsMy42NzE1NzI4OCAxMiw0LjUgQzEyLDUuMzI4NDI3MTIgMTEuMzI4NDI3MSw2IDEwLjUsNiBDOS42NzE1NzI4OCw2IDksNS4zMjg0MjcxMiA5LDQuNSBDOSwzLjY3MTU3Mjg4IDkuNjcxNTcyODgsMyAxMC41LDMgWiBNMTQuNSwzIEMxNS4zMjg0MjcxLDMgMTYsMy42NzE1NzI4OCAxNiw0LjUgQzE2LDUuMzI4NDI3MTIgMTUuMzI4NDI3MSw2IDE0LjUsNiBDMTMuNjcxNTcyOSw2IDEzLDUuMzI4NDI3MTIgMTMsNC41IEMxMywzLjY3MTU3Mjg4IDEzLjY3MTU3MjksMyAxNC41LDMgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAsMjQgTDI2LDI0IEMyNi41NTIyODQ3LDI0IDI3LDI0LjQ0NzcxNTMgMjcsMjUgTDI3LDMxIEMyNywzMS41NTIyODQ3IDI2LjU1MjI4NDcsMzIgMjYsMzIgTDEwLDMyIEM5LjQ0NzcxNTI1LDMyIDksMzEuNTUyMjg0NyA5LDMxIEw5LDI1IEM5LDI0LjQ0NzcxNTMgOS40NDc3MTUyNSwyNCAxMCwyNCBaIiBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMUI3NkZGIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjMsMzQgTDM5LDM0IEMzOS41NTIyODQ3LDM0IDQwLDM0LjQ0NzcxNTMgNDAsMzUgTDQwLDQxIEM0MCw0MS41NTIyODQ3IDM5LjU1MjI4NDcsNDIgMzksNDIgTDIzLDQyIEMyMi40NDc3MTUzLDQyIDIyLDQxLjU1MjI4NDcgMjIsNDEgTDIyLDM1IEMyMiwzNC40NDc3MTUzIDIyLjQ0NzcxNTMsMzQgMjMsMzQgWiIgaWQ9IlJlY3RhbmdsZS1Db3B5LTQiIGZpbGw9IiMzREU2RjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtQ29weS01IiBmaWxsPSIjQURCQUNDIiB4PSIzNiIgeT0iNDQiIHdpZHRoPSIxOCIgaGVpZ2h0PSI4IiByeD0iMSI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(2) .wall-card-svg { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzJweCIgaGVpZ2h0PSI3MnB4IiB2aWV3Qm94PSIwIDAgNzIgNzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbi/luqbph4/nu7TluqbkuLDlr4w8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPGNpcmNsZSBpZD0icGF0aC0xIiBjeD0iMjYuMzc2ODExNiIgY3k9IjI2LjM3NjgxMTYiIHI9IjI2LjM3NjgxMTYiPjwvY2lyY2xlPgogICAgICAgIDxwYXRoIGQ9Ik0xNC40NTU5MTkyLDIwLjYyODA3OSBDMTMuODk1NjMwMywyMC42MjgwNzkgMTMuNDQxNDI2NSwyMC4xNzM4NzUyIDEzLjQ0MTQyNjUsMTkuNjEzNTg2MyBDMTMuNDQxNDI2NSwxOS4zOTQwODAzIDEzLjUxMjYyMTQsMTkuMTgwNDk1NCAxMy42NDQzMjUsMTkuMDA0ODkwNiBMMjcuNTkzNjAwNCwwLjQwNTg1NjgwNiBDMjcuOTI5NzczNywtMC4wNDIzNzQyOTUyIDI4LjU2NTY1OTEsLTAuMTMzMjE1MDcxIDI5LjAxMzg5MDIsMC4yMDI5NTgyNTUgQzI5LjA5MDc5NDUsMC4yNjA2MzY0OCAyOS4xNTkxMTA2LDAuMzI4OTUyNTA3IDI5LjIxNjc4ODgsMC40MDU4NTY4MDYgTDQzLjE2NjA2NDEsMTkuMDA0ODkwNiBDNDMuNTAyMjM3NSwxOS40NTMxMjE3IDQzLjQxMTM5NjcsMjAuMDg5MDA3MiA0Mi45NjMxNjU2LDIwLjQyNTE4MDUgQzQyLjc4NzU2MDgsMjAuNTU2ODg0MSA0Mi41NzM5NzYsMjAuNjI4MDc5IDQyLjM1NDQ2OTksMjAuNjI4MDc5IEwzNi4wMTQ0NjgsMjAuNjI4MDc5IEMzNi4wMTQ0NjgsMzYuMzE2MTY3NiAyMy4yOTY3NTk0LDQ5LjAzMzg3NjEgNy42MDg2NzA4OCw0OS4wMzM4NzYxIEM0Ljk3MzIxNjkzLDQ5LjAzMzg3NjEgMi40MjE1ODk3Niw0OC42NzQ5NzEgLTEuNTY4OTY3MThlLTEyLDQ4LjAwMzM3MTQgQzExLjk5Mzc2OTUsNDQuNjc2NjQ1MyAyMC43OTcwNzY3LDMzLjY4MDQyMzQgMjAuNzk3MDc2NywyMC42MjgwNzkgTDE0LjQ1NTkxOTIsMjAuNjI4MDc5IFoiIGlkPSJwYXRoLTMiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSItIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5Lyg57uf56CU5Y+R6Kej5Yaz5pa55qGIIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTMyOC4wMDAwMDAsIC0zNTc2LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0i5pa55qGI5LyY5Yq/IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMzMzNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJDYXJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MTIuMDAwMDAwLCAyMDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IuW6pumHj+e7tOW6puS4sOWvjCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTc2LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikljb24v5bqm6YeP57u05bqm5Liw5a+MIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MC4wMDAwMDAsIDMyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgb3BhY2l0eT0iMC4xMDAwMDAwMDEiIHg9IjAiIHk9IjAiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTY1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSLmpK3lnIblvaIiIGZpbGw9IiNBREJBQ0MiIGN4PSIyOS40MjAyODk5IiBjeT0iMjYuMzc2ODExNiIgcj0iMjYuMzc2ODExNiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ik92YWwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAyLjAyODk4NikiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgaWQ9Ik1hc2siIGZpbGw9IiNEQURGRTYiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNjg3MzA1Nyw2LjY0MjMxMTI2IEwzMS41NDc0OTkyLDI0LjQ2MTQwNTQgQzMxLjkwMTIxNzEsMjQuODg1NTU0MSAzMS44NDQxMjE2LDI1LjUxNjEzOTUgMzEuNDE5OTcyOSwyNS44Njk4NTc0IEwyNy41ODAwMjcxLDI5LjA3MjE3MTYgQzI3LjE1NTg3ODQsMjkuNDI1ODg5NCAyNi41MjUyOTI5LDI5LjM2ODc5NCAyNi4xNzE1NzUxLDI4Ljk0NDY0NTMgTDExLjMxMTM4MTYsMTEuMTI1NTUxMSBDMTAuOTU3NjYzNywxMC43MDE0MDI0IDExLjAxNDc1OTIsMTAuMDcwODE3IDExLjQzODkwNzksOS43MTcwOTkxMiBMMTUuMjc4ODUzNyw2LjUxNDc4NDk0IEMxNS43MDMwMDI0LDYuMTYxMDY3MDggMTYuMzMzNTg3OSw2LjIxODE2MjU2IDE2LjY4NzMwNTcsNi42NDIzMTEyNiBaIiBpZD0iUGF0aCIgZmlsbD0iIzNERTZGNSIgZmlsbC1ydWxlPSJub256ZXJvIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBzdHJva2U9IiNFNkU5RUQiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0iI0U2RTlFRCIgbWFzaz0idXJsKCNtYXNrLTIpIiBjeD0iMTEiIGN5PSI1Ljk3MTAxNDQ5IiByPSI4Ij48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Iui3r+W+hC03LWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1Ljg2OTU5MCwgNi43NjMyMjUpIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stNCIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0zIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIGlkPSLokpnniYgiIGZpbGw9IiMwMDY2RkYiIHhsaW5rOmhyZWY9IiNwYXRoLTMiPjwvdXNlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNzM5MTA1NywtMi43MDUyNTQzIEwzOS4wNTc5NDYyLC0yLjcwNTI1NDMgTDM5LjA1Nzk0NjIsOS40Njg2NTg3NCBMMTYuNzM5MTA1Nyw5LjQ2ODY1ODc0IEwxNi43MzkxMDU3LC0yLjcwNTI1NDMgWiIgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzNERTZGNSIgbWFzaz0idXJsKCNtYXNrLTQpIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiMwMDY2RkYiIGN4PSIxMSIgY3k9IjgiIHI9IjciPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(3) { margin-top: 16px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(3) .wall-card-svg { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzJweCIgaGVpZ2h0PSI3MnB4IiB2aWV3Qm94PSIwIDAgNzIgNzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbi/kuIDnq5nlvI/nrqHnkIY8L3RpdGxlPgogICAgPGcgaWQ9Ii0iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLkvKDnu5/noJTlj5Hop6PlhrPmlrnmoYgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NTIuMDAwMDAwLCAtMzgzMi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IuaWueahiOS8mOWKvyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDMzMzYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ2FyZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzEyLjAwMDAwMCwgMjA4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSLkuIDnq5nlvI/nrqHnkIYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAyNTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJJY29uL+S4gOermeW8j+euoeeQhiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDAuMDAwMDAwLCAzMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC0zNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNS4wMDAwMDAsIDYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iI0RBREZFNiIgeD0iMCIgeT0iMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjQwIiByeD0iMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4xMDIwNDEsIDEwLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiIG9wYWNpdHk9IjAuNSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uELTI4Ij4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMC4zNiwwIEw0Ljc0MjA0MDgyLDAgQzQuOTQwODYzMzMsLTkuMjAzNDI1MzhlLTE3IDUuMTAyMDQwODIsMC4xNjExNzc0OSA1LjEwMjA0MDgyLDAuMzYgTDUuMTAyMDQwODIsNC42NCBDNS4xMDIwNDA4Miw0LjgzODgyMjUxIDQuOTQwODYzMzMsNSA0Ljc0MjA0MDgyLDUgTDAuMzYsNSBDMC4xNjExNzc0OSw1IDcuNDIxMjEyMDllLTEzLDQuODM4ODIyNTEgNy40MjI2MzM5NGUtMTMsNC42NCBMNy40MjI2MzM5NGUtMTMsMC4zNiBDNy40MjE4MzUzNGUtMTMsMC4xNjExNzc0OSAwLjE2MTE3NzQ5LC03LjQ0OTkxOTk5ZS0xNyAwLjM2LDAgWiIgaWQ9IlJlY3RhbmdsZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjM2LDEzIEw0Ljc0MjA0MDgyLDEzIEM0Ljk0MDg2MzMzLDEzIDUuMTAyMDQwODIsMTMuMTYxMTc3NSA1LjEwMjA0MDgyLDEzLjM2IEw1LjEwMjA0MDgyLDE3LjY0IEM1LjEwMjA0MDgyLDE3LjgzODgyMjUgNC45NDA4NjMzMywxOCA0Ljc0MjA0MDgyLDE4IEwwLjM2LDE4IEMwLjE2MTE3NzQ5LDE4IDcuNDIxMjEyMDllLTEzLDE3LjgzODgyMjUgNy40MjI2MzM5NGUtMTMsMTcuNjQgTDcuNDIyNjMzOTRlLTEzLDEzLjM2IEM3LjQyMTgzNTM0ZS0xMywxMy4xNjExNzc1IDAuMTYxMTc3NDksMTMgMC4zNiwxMyBaIiBpZD0iUmVjdGFuZ2xlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzNERTZGNSIgeD0iNiIgeT0iMTAiIHdpZHRoPSI1MCIgaGVpZ2h0PSI0MCIgcng9IjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDA2NkZGIiB4PSIwIiB5PSIyMCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjQwIiByeD0iMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjUsMzEgTDEwLjUsMzEgQzEwLjc3NjE0MjQsMzEgMTEsMzEuMjIzODU3NiAxMSwzMS41IEwxMSwzNC41IEMxMSwzNC43NzYxNDI0IDEwLjc3NjE0MjQsMzUgMTAuNSwzNSBMNi41LDM1IEM2LjIyMzg1NzYzLDM1IDYsMzQuNzc2MTQyNCA2LDM0LjUgTDYsMzEuNSBDNiwzMS4yMjM4NTc2IDYuMjIzODU3NjMsMzEgNi41LDMxIFoiIGlkPSJSZWN0YW5nbGUiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQuNSwzMSBMNDMuNSwzMSBDNDMuNzc2MTQyNCwzMSA0NCwzMS4yMjM4NTc2IDQ0LDMxLjUgTDQ0LDM0LjUgQzQ0LDM0Ljc3NjE0MjQgNDMuNzc2MTQyNCwzNSA0My41LDM1IEwxNC41LDM1IEMxNC4yMjM4NTc2LDM1IDE0LDM0Ljc3NjE0MjQgMTQsMzQuNSBMMTQsMzEuNSBDMTQsMzEuMjIzODU3NiAxNC4yMjM4NTc2LDMxIDE0LjUsMzEgWiIgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjUsNDAgTDEwLjUsNDAgQzEwLjc3NjE0MjQsNDAgMTEsNDAuMjIzODU3NiAxMSw0MC41IEwxMSw0My41IEMxMSw0My43NzYxNDI0IDEwLjc3NjE0MjQsNDQgMTAuNSw0NCBMNi41LDQ0IEM2LjIyMzg1NzYzLDQ0IDYsNDMuNzc2MTQyNCA2LDQzLjUgTDYsNDAuNSBDNiw0MC4yMjM4NTc2IDYuMjIzODU3NjMsNDAgNi41LDQwIFoiIGlkPSJSZWN0YW5nbGUiIGZpbGw9IiNGRkZGRkYiIG9wYWNpdHk9IjAuNSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNC41LDQwIEw0My41LDQwIEM0My43NzYxNDI0LDQwIDQ0LDQwLjIyMzg1NzYgNDQsNDAuNSBMNDQsNDMuNSBDNDQsNDMuNzc2MTQyNCA0My43NzYxNDI0LDQ0IDQzLjUsNDQgTDE0LjUsNDQgQzE0LjIyMzg1NzYsNDQgMTQsNDMuNzc2MTQyNCAxNCw0My41IEwxNCw0MC41IEMxNCw0MC4yMjM4NTc2IDE0LjIyMzg1NzYsNDAgMTQuNSw0MCBaIiBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIiBvcGFjaXR5PSIwLjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNi41LDQ5IEwxMC41LDQ5IEMxMC43NzYxNDI0LDQ5IDExLDQ5LjIyMzg1NzYgMTEsNDkuNSBMMTEsNTIuNSBDMTEsNTIuNzc2MTQyNCAxMC43NzYxNDI0LDUzIDEwLjUsNTMgTDYuNSw1MyBDNi4yMjM4NTc2Myw1MyA2LDUyLjc3NjE0MjQgNiw1Mi41IEw2LDQ5LjUgQzYsNDkuMjIzODU3NiA2LjIyMzg1NzYzLDQ5IDYuNSw0OSBaIiBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjRkZGRkZGIiBvcGFjaXR5PSIwLjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQuNSw0OSBMMzIuNSw0OSBDMzIuNzc2MTQyNCw0OSAzMyw0OS4yMjM4NTc2IDMzLDQ5LjUgTDMzLDUyLjUgQzMzLDUyLjc3NjE0MjQgMzIuNzc2MTQyNCw1MyAzMi41LDUzIEwxNC41LDUzIEMxNC4yMjM4NTc2LDUzIDE0LDUyLjc3NjE0MjQgMTQsNTIuNSBMMTQsNDkuNSBDMTQsNDkuMjIzODU3NiAxNC4yMjM4NTc2LDQ5IDE0LjUsNDkgWiIgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iI0ZGRkZGRiIgb3BhY2l0eT0iMC41Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuNSwyMyBDNy4zMjg0MjcxMiwyMyA4LDIzLjY3MTU3MjkgOCwyNC41IEM4LDI1LjMyODQyNzEgNy4zMjg0MjcxMiwyNiA2LjUsMjYgQzUuNjcxNTcyODgsMjYgNSwyNS4zMjg0MjcxIDUsMjQuNSBDNSwyMy42NzE1NzI5IDUuNjcxNTcyODgsMjMgNi41LDIzIFogTTEwLjUsMjMgQzExLjMyODQyNzEsMjMgMTIsMjMuNjcxNTcyOSAxMiwyNC41IEMxMiwyNS4zMjg0MjcxIDExLjMyODQyNzEsMjYgMTAuNSwyNiBDOS42NzE1NzI4OCwyNiA5LDI1LjMyODQyNzEgOSwyNC41IEM5LDIzLjY3MTU3MjkgOS42NzE1NzI4OCwyMyAxMC41LDIzIFogTTE0LjUsMjMgQzE1LjMyODQyNzEsMjMgMTYsMjMuNjcxNTcyOSAxNiwyNC41IEMxNiwyNS4zMjg0MjcxIDE1LjMyODQyNzEsMjYgMTQuNSwyNiBDMTMuNjcxNTcyOSwyNiAxMywyNS4zMjg0MjcxIDEzLDI0LjUgQzEzLDIzLjY3MTU3MjkgMTMuNjcxNTcyOSwyMyAxNC41LDIzIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(4) { margin-top: 16px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(4) .wall-card-svg { background-image: url(/images/funeng.4c9911e1.svg); } .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: 1136px; margin: 160px auto 0; } .logo-wall .title { color: #202d40; font-size: 36px; font-family: 'PingFangSC-Semibold'; font-weight: 600; text-align: center; line-height: 50px; margin: 0 auto 70px; } .logo-wall .title span { color: #3376ff; 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; } .coding-starter-section { background-color: #ffffff; position: relative; height: 288px; } .coding-starter-section .starter-footer-section { width: 100%; position: absolute; height: 710px; background-repeat: no-repeat; background: url(/images/Starter.95c8070d.png); background-size: cover; background-position: center; } .coding-starter-section .starter-footer-section-mobile { display: none; } .coding-starter-section .starter-section { width: 100%; height: 288px; position: absolute; } .coding-starter-section .starter-section .box { position: relative; max-width: 1136px; margin: 0 auto; } .coding-starter-section .starter-section .box img { position: absolute; width: 585px; right: -27px; top: -60px; } .coding-starter-section .section-container { max-width: 1136px; margin: 0 auto; position: relative; z-index: 11; display: -ms-flexbox; display: flex; } .coding-starter-section .section-container .starter-content .title { color: #000; font-size: 40px; font-family: "PingFangSC-Semibold"; font-weight: 600; line-height: 72px; margin-top: 56px; } .coding-starter-section .section-container .starter-content .mb-title { display: none; } .coding-starter-section .section-container .starter-content a { display: block; padding-top: 12px; margin-top: 10px; width: 160px; height: 48px; 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%); -webkit-box-shadow: 2px 7px 14px 0px rgba(0, 82, 204, 0.35); box-shadow: 2px 7px 14px 0px rgba(0, 82, 204, 0.35); border-radius: 6px; color: white; font-size: 20px; font-family: "PingFangSC-Semibold"; font-weight: 600; text-align: center; line-height: 24px; } .coding-starter-section .section-container .elements { margin-left: 191px; position: relative; top: -70.5px; z-index: 20; } .coding-starter-section .section-container .elements img { position: absolute; width: 450px; height: 416px; } @media screen and (max-width: 1400px) { .banner-section .section-container .section-content { width: 100%; height: auto; } .banner-section .section-container .tab-content { height: auto; } .banner-section .section-container .tab-content .tab-list .item-desc { max-width: 260px; } } @media only screen and (max-width: 1160px) { .coding-starter-section .section-container .starter-content { padding-left: 16px; } .banner-section .section-container .section-content { width: auto; padding: 0 20px; } .banner-section .section-container .info { padding-left: 40px; } .banner-section .section-container .tab-content { padding-left: 0; padding-right: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .banner-section .section-container .tab-content .item-desc { width: 546px; } .banner-section .section-container .tab-content .tab-list:nth-child(4) { padding-left: 0; background-position-x: 0px; } .stuck-point-section { height: auto; } .stuck-point-section .section-container .section-img { margin: 73px auto 60px; width: calc(100% - 42px); height: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 5px 0 10px 0; } .stuck-point-section .section-container .section-img img { width: 95%; height: auto; } .solution-advantage-section .section-container .section-wall { -ms-flex-pack: center; justify-content: center; } .solution-advantage-section .section-container .section-wall .wall-card-section { width: 598px; height: 248px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(2) { margin-top: 24px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(3) { margin-top: 24px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(4) { margin-top: 24px; } #feature-section { width: auto; } .logo-wall { width: auto; margin: 100px 20px 0; } .coding-starter-section { margin-top: 128px; } } @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: 56px 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: 18px; font-family: PingFangSC-Medium; font-weight: 500; } #mb-feature-section .swiper-wrapper .swiper-slide .mb-img-box { width: 624px; height: 448px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-top: 24px; } #mb-feature-section .swiper-wrapper .swiper-slide .mb-img-box img { width: 592px; } #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; width: 556px; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-past .icon { width: 20px; margin-right: 8px; margin-top: 2px; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-past .second-line { text-align: justify; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-past .swiper-slider-nowrap { font-weight: 600; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-now { color: #202d40; font-size: 14px; margin-top: 16px; font-family: PingFangSC-Regular; font-weight: normal; line-height: 24px; width: 556px; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-now .icon { margin-right: 8px; margin-top: 5px; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-now .swiper-slider-nowrap { font-weight: 600; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-now .second { padding-left: 66px; } #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/pnIDmsYLnrqHnkIY8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5Lyg57uf56CU5Y+R6Kej5Yaz5pa55qGIIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzM2LjAwMDAwMCwgLTI1MzYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLlupTnlKjlrp7ot7UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcxMi4wMDAwMDAsIDIyODguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iTGlzdC1CdXR0b24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IumcgOaxgueuoeeQhiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iSWNvbi/pnIDmsYLnrqHnkIYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0LjAwMDAwMCwgMTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBvcGFjaXR5PSIwLjEwMDAwMDAwMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA1LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiMwMDY2RkYiIGN4PSIzIiBjeT0iMyIgcj0iMyI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC1Db3B5IiBmaWxsPSIjM0RFNkY1IiBjeD0iMyIgY3k9IjExIiByPSIzIj48L2NpcmNsZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsLUNvcHktMiIgZmlsbD0iIzAwNjZGRiIgY3g9IjMiIGN5PSIxOSIgcj0iMyI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzAwNjZGRiIgcG9pbnRzPSI4IDEuNSAyNCAxLjUgMjQgNC41IDggNC41Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzNERTZGNSIgcG9pbnRzPSI4IDkuNSAxOCA5LjUgMTggMTIuNSA4IDEyLjUiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMDA2NkZGIiBwb2ludHM9IjggMTcuNSAyMSAxNy41IDIxIDIwLjUgOCAyMC41Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+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/ov63ku6Pop4TliJI8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5Lyg57uf56CU5Y+R6Kej5Yaz5pa55qGIIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzM2LjAwMDAwMCwgLTI0NjQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLlupTnlKjlrp7ot7UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcxMi4wMDAwMDAsIDIyODguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iTGlzdC1CdXR0b24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikljb24v6L+t5Luj6KeE5YiSIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC4wMDAwMDAsIDE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0i55+p5b2iIiBvcGFjaXR5PSIwLjEwMDAwMDAwMSIgeD0iMCIgeT0iMCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy4wMDAwMDAsIDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTgsMS42MjAwMzc0NGUtMTIgTDI3LDkgTDE4LDE4IEwxOCwxMy43NTcgTDIyLjc1NzM1OTMsOSBMMTgsNC4yNDIgTDE4LDEuNjIwMDM3NDRlLTEyIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iIzAwNjZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hC0yIiBmaWxsPSIjMTFFMkY1IiBwb2ludHM9IjkgMCA5IDE4IDE4IDkiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSLot6/lvoQtMiIgZmlsbD0iIzAwNjZGRiIgcG9pbnRzPSIwIDAgMCAxOCA5IDkiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); } #mb-feature-section .swiper-wrapper .swiper-slide:nth-child(3) .swiper-slider-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbi/ov63ku6PlvIDlj5E8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5pWP5o2356CU5Y+R6Kej5Yaz5pa55qGIIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzM2LjAwMDAwMCwgLTI1NzYuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLlupTnlKjlrp7ot7UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcxMi4wMDAwMDAsIDIyNTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iTGlzdC1CdXR0b24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Iui/reS7o+W8gOWPkSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDE0NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikljb24v6L+t5Luj5byA5Y+RIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC4wMDAwMDAsIDE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgb3BhY2l0eT0iMC4xMDAwMDAwMDEiIHBvaW50cz0iMCAwIDMyIDAgMzIgMzIgMCAzMiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMuMjgxOTQyNiw2IEwyOC43MTgwNTc0LDYgQzI5LjE2MzgxNjgsNiAyOS4zMjU0NTk5LDYuMDQ2NDEyODEgMjkuNDg4NDIyOSw2LjEzMzU2NjM1IEMyOS42NTEzODU4LDYuMjIwNzE5OSAyOS43NzkyODAxLDYuMzQ4NjE0MTkgMjkuODY2NDMzNiw2LjUxMTU3NzE1IEMyOS45NTM1ODcyLDYuNjc0NTQwMTEgMzAsNi44MzYxODMyMyAzMCw3LjI4MTk0MjYgTDMwLDI0LjcxODA1NzQgQzMwLDI1LjE2MzgxNjggMjkuOTUzNTg3MiwyNS4zMjU0NTk5IDI5Ljg2NjQzMzYsMjUuNDg4NDIyOSBDMjkuNzc5MjgwMSwyNS42NTEzODU4IDI5LjY1MTM4NTgsMjUuNzc5MjgwMSAyOS40ODg0MjI5LDI1Ljg2NjQzMzYgQzI5LjMyNTQ1OTksMjUuOTUzNTg3MiAyOS4xNjM4MTY4LDI2IDI4LjcxODA1NzQsMjYgTDMuMjgxOTQyNiwyNiBDMi44MzYxODMyMywyNiAyLjY3NDU0MDExLDI1Ljk1MzU4NzIgMi41MTE1NzcxNSwyNS44NjY0MzM2IEMyLjM0ODYxNDE5LDI1Ljc3OTI4MDEgMi4yMjA3MTk5LDI1LjY1MTM4NTggMi4xMzM1NjYzNSwyNS40ODg0MjI5IEMyLjA0NjQxMjgxLDI1LjMyNTQ1OTkgMiwyNS4xNjM4MTY4IDIsMjQuNzE4MDU3NCBMMiw3LjI4MTk0MjYgQzIsNi44MzYxODMyMyAyLjA0NjQxMjgxLDYuNjc0NTQwMTEgMi4xMzM1NjYzNSw2LjUxMTU3NzE1IEMyLjIyMDcxOTksNi4zNDg2MTQxOSAyLjM0ODYxNDE5LDYuMjIwNzE5OSAyLjUxMTU3NzE1LDYuMTMzNTY2MzUgQzIuNjc0NTQwMTEsNi4wNDY0MTI4MSAyLjgzNjE4MzIzLDYgMy4yODE5NDI2LDYgWiIgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzAwNjZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Iue8lue7hC01MCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy4wMDAwMDAsIDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJQYXRoIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQuNDY0NDY2LCA5LjAwMDAwMCkgcm90YXRlKC00NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTQuNDY0NDY2LCAtOS4wMDAwMDApICIgcG9pbnRzPSIxNi45NjQ0NjYxIDYuNSAxNi45NjQ0NjYxIDExLjUgMTEuOTY0NDY2MSAxMS41Ij48L3BvbHlsaW5lPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iUGF0aCIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNTM1NTM0LCA5LjI0MjY0MSkgc2NhbGUoLTEsIDEpIHJvdGF0ZSgtNDUuMDAwMDAwKSB0cmFuc2xhdGUoLTMuNTM1NTM0LCAtOS4yNDI2NDEpICIgcG9pbnRzPSI2LjAzNTUzMzkxIDYuNzQyNjQwNjkgNi4wMzU1MzM5MSAxMS43NDI2NDA3IDEuMDM1NTMzOTEgMTEuNzQyNjQwNyI+PC9wb2x5bGluZT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bGluZSB4MT0iMTEuNTYxMzAxMiIgeTE9IjEuMjcwMTIwNDgiIHgyPSI2LjQzODY5ODgiIHkyPSIxNi43Mjk4Nzk1IiBpZD0iUGF0aC00IiBzdHJva2U9IiMxMUUyRjUiIHN0cm9rZS13aWR0aD0iMyI+PC9saW5lPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIGZpbGw9IiMwMDY2RkYiIHg9IjgiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktMyIgZmlsbD0iIzAwNjZGRiIgeD0iNCIgeT0iMTYiIHdpZHRoPSI1IiBoZWlnaHQ9IjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); } #mb-feature-section .swiper-wrapper .swiper-slide:nth-child(4) .swiper-slider-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbi/nvLrpmbfnrqHnkIY8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTE1LjU0ODIxNiwyLjMzNjM4MzE0IEw0LjY3MjYxNjYyLDguNjQ2ODQwOTQgQzQuMjU2MjYwOCw4Ljg4ODQyNzI0IDQsOS4zMzMzOTU0NSA0LDkuODE0NzY0NDQgTDQsMjIuMTg1MjM0IEM0LDIyLjY2NjYwMzggNC4yNTYyNjE2OSwyMy4xMTE1NzI3IDQuNjcyNjE4NjUsMjMuMzUzMTU4NyBMMTUuMzIyMzcxNSwyOS41MzI1NDY1IEMxNS43NDE0Mzc3LDI5Ljc3NTcwNDUgMTYuMjU4NjU4LDI5Ljc3NTcwMzYgMTYuNjc3NzIzNCwyOS41MzI1NDQxIEwyNy4zMjczODU0LDIzLjM1MzE1OTQgQzI3Ljc0Mzc0MDEsMjMuMTExNTcyOCAyOCwyMi42NjY2MDUzIDI4LDIyLjE4NTIzNzEgTDI4LDkuODE0NzY0NDQgQzI4LDkuMzMzMzk1NDUgMjcuNzQzNzM5Miw4Ljg4ODQyNzI0IDI3LjMyNzM4MzQsOC42NDY4NDA5NCBMMTYuNDUxNzg0LDIuMzM2MzgzMTQgQzE2LjE3MjQwNjgsMi4xNzQyNzczMSAxNS44Mjc1OTMyLDIuMTc0Mjc3MzEgMTUuNTQ4MjE2LDIuMzM2MzgzMTQgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5Lyg57uf56CU5Y+R6Kej5Yaz5pa55qGIIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzM2LjAwMDAwMCwgLTI2ODAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLlupTnlKjlrp7ot7UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcxMi4wMDAwMDAsIDIyODguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iTGlzdC1CdXR0b24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Iue8uumZt+euoeeQhiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDIxNi4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikljb24v57y66Zm3566h55CGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC4wMDAwMDAsIDE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgb3BhY2l0eT0iMC4xMDAwMDAwMDEiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i6JKZ54mIIj48L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0i57yW57uEIiBtYXNrPSJ1cmwoI21hc2stMikiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCAyLjA3NDI0MCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuNDUxODMxNiwwLjI2MjE0MzkwOCBMMjQsNi45NjI4Nzk5OSBMMjQsNi45NjI4Nzk5OSBMMTIuMDAwMDQ4MSwxMy45MjU3NiBMMCw2Ljk2Mjg3OTk5IEwxMS41NDgyNjM3LDAuMjYyMTQyMzM1IEMxMS44Mjc2NDEyLDAuMTAwMDM2OTk5IDEyLjE3MjQ1NDcsMC4xMDAwMzc2IDEyLjQ1MTgzMTYsMC4yNjIxNDM5MDggWiIgaWQ9IkZpbGwtMSIgZmlsbD0iIzAwNjZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCw2Ljk2Mjg3OTk5IEwwLDIwLjM3MDIwOTMgQzEuMzUzNzc5NTVlLTE2LDIwLjY5MTEyMjUgMC4xNzA4NDExMjYsMjAuOTg3NzY4NCAwLjQ0ODQxMjQzNSwyMS4xNDg4MjU4IEwxMi4wMDAwNDgxLDI3Ljg1MTUyIEwxMi4wMDAwNDgxLDI3Ljg1MTUyIEwxMi4wMDAwNDgxLDEzLjkyNTc2IEwwLDYuOTYyODc5OTkgWiIgaWQ9IkZpbGwtMiIgZmlsbD0iI0U2RTlFRCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjQsNi45NjI4Nzk5OSBMMjQsMjAuMzcwMjExNCBDMjQsMjAuNjkxMTIzNSAyMy44MjkxNjAxLDIwLjk4Nzc2ODUgMjMuNTUxNTkwMywyMS4xNDg4MjYzIEwxMi4wMDAwNDgxLDI3Ljg1MTUyIEwxMi4wMDAwNDgxLDI3Ljg1MTUyIEwxMi4wMDAwNDgxLDEzLjkyNTc2IEwyNCw2Ljk2Mjg3OTk5IFoiIGlkPSJGaWxsLTMiIGZpbGw9IiMzREU2RjUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtNCIgZmlsbD0iI0U2RTlFRCIgcG9pbnRzPSIxMi4wMDAwNDgxIDYuOTYyODc5OTkgMTcuOTk5OTc1OSAxMC40NDQzMiAxOC4wMDAwNzIyIDE3LjQwNzI5NjcgMTIuMDAwMDQ4MSAxMy45MjU3NiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iRmlsbC01IiBmaWxsPSIjM0RFNkY1IiBwb2ludHM9IjEyLjAwMDA0ODEgNi45NjI4Nzk5OSA2LjAwMDAyNDA2IDEwLjQ0NDMyIDYuMDAwMDI0MDYgMTcuNDA3Mjk2NyAxMi4wMDAwNDgxIDEzLjkyNTc2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJGaWxsLTYiIGZpbGw9IiMwMDY2RkYiIHBvaW50cz0iMTIuMDAwMDQ4MSAxMy45MjU3NiAxNy45OTk5NzU5IDE3LjQwNzIgMTIuMDAwMDQ4MSAyMC44ODg2NCA2LjAwMDAyNDA2IDE3LjQwNzIiPjwvcG9seWdvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); } #mb-feature-section .swiper-wrapper .swiper-slide:nth-child(5) .swiper-slider-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbi/ov5vluqbot5/ouKo8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5Lyg57uf56CU5Y+R6Kej5Yaz5pa55qGIIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzM2LjAwMDAwMCwgLTI3NTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLlupTnlKjlrp7ot7UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcxMi4wMDAwMDAsIDIyODguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iTGlzdC1CdXR0b24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Iui/m+W6pui3n+i4qiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDI4OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikljb24v6L+b5bqm6Lef6LiqIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC4wMDAwMDAsIDE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgb3BhY2l0eT0iMC4xMDAwMDAwMDEiIHBvaW50cz0iMCAwIDMyIDAgMzIgMzIgMCAzMiI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9Iui3r+W+hCIgZmlsbD0iIzNERTZGNSIgZmlsbC1ydWxlPSJub256ZXJvIiBwb2ludHM9IjMgMjUgMjkgMjUgMjkgMjggMyAyOCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEwLDMuOTc4ODk2ODQgTDI2LjM4NzA0OTYsMy45Nzg4OTY4NCBDMjYuNTM5MjU5MiwzLjk3ODY3MTMgMjYuNjgwMDc4MSw0LjA1OTUyMDk4IDI2Ljc1NjU5NzIsNC4xOTEwOTg1NyBDMjYuODMzMTE2Myw0LjMyMjY3NjE2IDI2LjgzMzc0NTksNC40ODUwNTI5OSAyNi43NTgyNDk2LDQuNjE3MjIwMDggTDIzLjcwOTI4OTYsOS45NTIyNjAwOCBMMjYuNzU4MjQ5NiwxNS4yODczMDAxIEMyNi44MzM3NDU5LDE1LjQxOTQ2NzIgMjYuODMzMTE2MywxNS41ODE4NDQgMjYuNzU2NTk3MiwxNS43MTM0MjE2IEMyNi42ODAwNzgxLDE1Ljg0NDk5OTIgMjYuNTM5MjU5MiwxNS45MjU4NDg5IDI2LjM4NzA0OTYsMTUuOTI1NTkzNCBMMTMsMTUuOTI1NTkzNCBMMTMsMjUgTDEwLDI1IEwxMCwzLjk3ODg5Njg0IFoiIGlkPSLot6/lvoQiIGZpbGw9IiMwMDY2RkYiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); } #mb-feature-section .swiper-wrapper .swiper-slide:nth-child(6) .swiper-slider-icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbi/ov63ku6PlpI3nm5g8L3RpdGxlPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0i5pWP5o2356CU5Y+R6Kej5Yaz5pa55qGIIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzM2LjAwMDAwMCwgLTI3OTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLlupTnlKjlrp7ot7UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcxMi4wMDAwMDAsIDIyNTYuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iTGlzdC1CdXR0b24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAxNjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Iui/reS7o+WkjeebmCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDM2MC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikljb24v6L+t5Luj5aSN55uYIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC4wMDAwMDAsIDE2LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgb3BhY2l0eT0iMC4xMDAwMDAwMDEiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMi41MDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjMDA2NkZGIiBjeD0iNCIgY3k9IjUiIHI9IjQiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiMxMUUyRjUiIGN4PSI0IiBjeT0iMjIiIHI9IjQiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjUsNSBMOS4xNDU4OTgwMyw1IEMxMC4yODIyMTQyLDUgMTEuMzIxMDAzNiw1LjY0MjAwNzEzIDExLjgyOTE3OTYsNi42NTgzNTkyMSBMMTguNjcwODIwNCwyMC4zNDE2NDA4IEMxOS4xNzg5OTY0LDIxLjM1Nzk5MjkgMjAuMjE3Nzg1OCwyMiAyMS4zNTQxMDIsMjIgTDI1LjUsMjIgTDI1LjUsMjIiIGlkPSJQYXRoLTIiIHN0cm9rZT0iIzAwNjZGRiIgc3Ryb2tlLXdpZHRoPSIzIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQuNSw1IEw5LjE0NTg5ODAzLDUgQzEwLjI4MjIxNDIsNSAxMS4zMjEwMDM2LDUuNjQyMDA3MTMgMTEuODI5MTc5Niw2LjY1ODM1OTIxIEwxOC42NzA4MjA0LDIwLjM0MTY0MDggQzE5LjE3ODk5NjQsMjEuMzU3OTkyOSAyMC4yMTc3ODU4LDIyIDIxLjM1NDEwMiwyMiBMMjUuNSwyMiBMMjUuNSwyMiIgaWQ9IlBhdGgtMiIgc3Ryb2tlPSIjMTFFMkY1IiBzdHJva2Utd2lkdGg9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjAwMDAwMCwgMTMuNTAwMDAwKSBzY2FsZSgxLCAtMSkgdHJhbnNsYXRlKC0xNS4wMDAwMDAsIC0xMy41MDAwMDApICI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJUcmlhbmdsZSIgZmlsbD0iIzAwNjZGRiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjcuMDAwMDAwLCAyMi4wMDAwMDApIHJvdGF0ZSgtMjcwLjAwMDAwMCkgdHJhbnNsYXRlKC0yNy4wMDAwMDAsIC0yMi4wMDAwMDApICIgcG9pbnRzPSIyNyAxOSAzMiAyNSAyMiAyNSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJUcmlhbmdsZS1Db3B5IiBmaWxsPSIjMTFFMkY1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNy4wMDAwMDAsIDUuMDAwMDAwKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtMjcuMDAwMDAwLCAtNS4wMDAwMDApICIgcG9pbnRzPSIyNyAyIDMyIDggMjIgOCI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); } .coding-starter-section .starter-section .box img { width: 390px; top: 22px; right: 9px; } .coding-starter-section .section-container .starter-content { margin-left: 42px; } .coding-starter-section .section-container .starter-content .title { font-size: 42px; line-height: 64px; } .coding-starter-section .section-container .starter-content a { margin-top: 32px; } .coding-starter-section .section-container .elements { top: 34px; } .coding-starter-section .section-container .elements img { width: 300px; height: 277px; } } @media only screen and (max-width: 1024px) { .description { margin-top: 132px; } .description .detail { max-width: 594px; } .banner-section .section-container .tab-content { -ms-flex-direction: column; flex-direction: column; max-width: 594px; margin: 0 auto; -ms-flex-align: unset !important; align-items: unset !important; } .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: 0px; } .banner-section .section-container .tab-content .tab-list .item-desc { max-width: unset; } .banner-section .section-container .info .pc-banner-img img { left: 50px; } .banner-section .section-container .info .pc-h2 .pc { font-size: 40px; } .stuck-point-section .section-bg { width: auto; height: 100%; } .coding-starter-section .starter-footer-section { height: 734px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .description .title img { width: 128px; height: 128px; } .description .title span { top: -50px; } .banner-section .section-container .info .pc-banner-img img { position: relative; top: 50px; } .banner-section .section-container .info .info-right { width: 56%; } .banner-section .section-container .tab-content { -ms-flex-align: center; align-items: center; height: auto; } .banner-section .section-container .tab-content .tab-list { height: 144px; margin-bottom: 16px; } .banner-section .section-container .tab-content .tab-list .item-desc { width: auto; } } @media only screen and (max-width: 1000px) { .banner-section .section-container .tab-content { padding-left: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .banner-section .section-container .tab-content .tab-list:first-child { padding-left: 0px; background-position-x: 0px; } } @media only screen and (max-width: 929px) { .coding-starter-section .section-container .elements { margin-left: -20px; } .coding-starter-section .section-container .elements img { width: 300px; height: 277px; } } @media screen and (max-width: 950px) { .stuck-point-section .section-container .section-title { padding-top: 60px; } .stuck-point-section .section-container .section-desc { padding-top: 8px; } } @media screen and (max-width: 850px) { .stuck-point-section .section-container .section-title { padding-top: 96px; } } @media screen and (max-width: 768px) { .banner-section .section-bg .bg-box { background: url(/images/mb-banner-img.cd92323b.png) no-repeat; background-size: cover; height: 760px; } } @media only screen and (max-width: 767px) { .footer-container { background: #202d40 !important; } .description .title img { width: 96px; height: 96px; } .container { margin-top: 0; } .banner-section { margin-top: 60px; background-color: #fff; padding-bottom: 10px; } .banner-section .section-container { padding: 0 20px; } .banner-section .section-container .info { width: auto; padding-top: 110px; 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-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; width: 315px; line-height: 44px; } .banner-section .section-container .info .pc-h2 .mb .mb-desc { color: #606c80; font-size: 16px; font-family: PingFangSC-Regular; font-weight: normal; text-align: center; line-height: 24px; padding-top: 16px; } .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; } .banner-section .section-container .info .btn-area .btn .banner-btn { font-size: 16px; -webkit-animation: none; animation: none; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); width: auto; height: 48px; } .banner-section .section-container .info .pc-banner-img { opacity: 1; } .banner-section .section-container .info .pc-banner-img img { width: 469px; height: 313px; margin-top: 40px; } .banner-section .section-container .description { margin: 80px 0; padding: 0 20px; } .banner-section .section-container .description .title { height: 109px; } .banner-section .section-container .description .title span { position: relative; top: -36px; font-size: 26px; } .banner-section .section-container .tab-top-border { margin-top: 40px; } .banner-section .section-container .tab-title { font-size: 26px; } .banner-section .section-container .section-content { margin-top: 30px; height: auto; } .banner-section .section-container .section-content .tab-title { margin-bottom: 0; line-height: normal; } .banner-section .section-container .tab-content { padding: 48px 0 102px; 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; width: 320px; height: 176px; padding-left: 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; } .banner-section .section-container .tab-content .tab-list:nth-child(1) .mb-border { display: block; margin: 20px 0; width: 100px; height: 1px; } .banner-section .section-container .tab-content .tab-list:nth-child(2) { border-right: none; padding-left: 0; background-position-x: 0; } .banner-section .section-container .tab-content .tab-list:nth-child(2) .mb-border { display: block; margin: 20px 0; width: 100px; height: 1px; } .banner-section .section-container .tab-content .tab-list:nth-child(3) { border-right: none; padding-left: 0; background-position-x: 0; margin-top: 0; } .banner-section .section-container .tab-content .h3 { font-size: 24px; padding: 0 0 30px; height: auto; } .banner-section .section-container .tab-content .p { max-width: 100%; color: #202d40; font-size: 14px; line-height: 28px; } .stuck-point-section { padding-bottom: 0px; height: 100vw; min-height: 456px; } .stuck-point-section .section-bg { top: -20%; } .stuck-point-section .section-bg .bg-box .img.pc-img { display: none; } .stuck-point-section .section-bg .bg-box .img.mb-img { display: block; } .stuck-point-section .section-container .section-title { font-size: 26px; padding-top: 90px; } .stuck-point-section .section-container .section-desc { padding-left: 20px; padding-right: 20px; } .stuck-point-section .section-container .section-img { margin-top: 47px; } .app-practice-section { padding-bottom: 80px; 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: 12px; width: 335px; margin: 0 auto; } .solution-advantage-section { background-image: url(/images/mb-solution_advantage.565b7f60.png); } .solution-advantage-section .section-container .section-title { padding-top: 96px; font-size: 36px; line-height: normal; } .solution-advantage-section .section-container .section-desc { padding-top: 12px; font-size: 16px; } .solution-advantage-section .section-container .section-wall { padding-top: 40px; 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; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(2) { margin-left: 0; margin-top: 30px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(3) { margin-top: 30px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(4) { margin-left: 0px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(5) { margin-left: 0px; margin-top: 30px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(6) { display: none; } .start-section { height: 165px; } .start-section .section-content { font-size: 18px; -ms-flex-direction: column; flex-direction: column; } .start-section .section-content .btn { margin-left: 0; margin-top: 30px; background: #FFFFFF; border-radius: 2px 2px 2px 2px; height: 40px; width: 120px; cursor: pointer; } .start-section .section-content .btn a { color: #0066FF; display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; font-weight: 600; text-align: center; } .common-starter { margin: 0; } .common-starter .common-starter-content { height: 192px; -ms-flex-pack: unset; justify-content: unset; } .common-starter .common-starter-content h4 { margin: 30px 60px 0; line-height: 36px; font-size: 24px; width: 254px; } .common-starter .common-starter-content a { margin-top: 20px; } .logo-wall { margin: 96px auto; } .logo-wall .logo-wall-content { display: none; } .logo-wall .title { padding: 0 46px; min-width: 290px; font-size: 26px; margin-bottom: 48px; line-height: 40px; } .logo-wall .title span { font-size: 32px; } .coding-starter-section { margin-top: 112px; overflow: hidden; } .coding-starter-section .starter-section { background: url(/images/mb-Starter.75ea823b.png); background-repeat: no-repeat; background-position: center; background-size: cover; height: 692px; } .coding-starter-section .starter-footer-section { height: 700px; background-size: 255%; background-position: 63% 0%; background-repeat: no-repeat; } .coding-starter-section .starter-footer-section-mobile { display: block; position: absolute; width: 100%; height: 210px; margin-top: 490px; background: transparent; } .coding-starter-section .starter-section .box img { width: 312px; top: 109px; right: -78px; } .coding-starter-section .section-container .starter-content { margin-left: 26px; } .coding-starter-section .section-container .starter-content .title { font-size: 32px; line-height: 48px; width: 310px; margin-top: 32px; } .coding-starter-section .section-container .starter-content a { margin-top: 24px; height: 48px; padding-top: 12px; 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%); color: #fff; } .coding-starter-section .section-container .elements img { width: auto; height: 190px; top: 105px; right: -155px; } } @media only screen and (max-width: 759px) { .solution-advantage-section .section-container { padding: 0 16px; } .solution-advantage-section .section-container .section-wall { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding-bottom: 96px; width: 100%; } .solution-advantage-section .section-container .section-wall .wall-card-section { width: 100%; height: auto; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(2) { margin-left: 0; margin-top: 30px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(3) { margin-top: 30px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(4) { margin-left: 0; margin-top: 30px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(5) { margin-left: 0; margin-top: 30px; } .solution-advantage-section .section-container .section-wall .wall-card-section:nth-child(6) { display: none; } } @media screen and (max-width: 650px) { #mb-feature-section .swiper-wrapper .swiper-slide .mb-img-box { width: 365px; height: 262px; } #mb-feature-section .swiper-wrapper .swiper-slide .mb-img-box img { width: 347px; } #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-past, #mb-feature-section .swiper-wrapper .swiper-slide .swiper-slider-now { width: 355px; } } @media screen and (max-width: 600px) { .stuck-point-section .section-bg { top: -18%; } } @media only screen and (max-width: 540px) { .stuck-point-section .section-bg { top: -15%; } } @media only screen and (max-width: 491px) { .banner-section .section-container .info .pc-h2 .mb { width: 284px; } .banner-section .section-container .info .pc-banner-img img { height: 100%; } .logo-wall .logo-wall-content-tablet { display: none; } .logo-wall .logo-wall-content-mobile { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: calc(100% - 36px); margin: 0 auto; } .logo-wall .logo-wall-content-mobile .logo-list-new { display: grid; row-gap: 20px; -webkit-column-gap: 16px; column-gap: 16px; grid-template-columns: 101px 101px 101px; grid-template-rows: 36px 36px 36px 36px; } .logo-wall .logo-wall-content-mobile .logo-list-new img { width: 100%; } } @media only screen and (max-width: 484px) { .stuck-point-section .section-bg { top: -12%; } } @media only screen and (max-width: 450px) { .stuck-point-section .section-bg { top: -10%; } } @media only screen and (max-width: 420px) { .coding-starter-section .starter-section .box img { width: 310px; } } @media screen and (max-width: 428px) { .coding-starter-section .section-container .elements img { top: 100px; right: -148px; } } @media screen and (max-width: 414px) { .coding-starter-section .section-container .elements img { right: -136px; } } @media only screen and (max-width: 400px) { .coding-starter-section .section-container .elements img { right: -110px; } } @media only screen and (max-width: 375px) { .coding-starter-section .section-container .elements img { right: -96px; } }