<> .modao-navbar-col-ailab .modao-navbar-col-item-right-title { color: rgb(000); font-family: MiSans; font-size: 14px; font-weight: 500; text-align: left; white-space: nowrap; } .modao-navbar-col-ailab{ margin: 0; margin-right: 16px; } .modao-navbar-col-ailab:last-child{ margin-right: 0; } @media (max-width: 1280px) { .wsc-footer2020 .wsc-footer2020-dropdown-toggle[aria-expanded="false"]+.wsc-footer2020-dropdown-menu { display: none!important; } } #logo-container { position: relative; display: flex; } #logo-container .draggale-logo-arrow { transition: opacity .2s; } #logo-container:hover .draggale-logo-arrow { opacity: 0; } #logo-container[data-hover]::after { z-index: 2; transform: translate(060px); content: ''; position: absolute; inset: 0; background: center/contain no-repeat; opacity: 0; transition: opacity .2s; pointer-events: none; } #logo-container:hover::after { opacity: 1; } #logo-container.win:hover::after { width: 286px; height: 47px; background-image: url(https://cdn-yunyin.modao.cc/CMS/delivery-page/win.png); } #logo-container.mac:hover::after { width: 286px; height: 47px; background-image: url(https://cdn-yunyin.modao.cc/CMS/delivery-page/mac.png); } .modao-navbar-brand-href:hover .draggale-logo-arrow { opacity: 1; } .draggale-logo-arrow { display: none; opacity: 0; width: 241px; height: 76px; position: sticky; top: 30px; transform: translate(-143px,30px); transition: all 0.3s; } .modao-nav-bar-col-item-new-product-icon { display: flex; justify-content: flex-start; align-items: center; gap: 6px; } .new-product-icon { width: 46px; top: 20%; right: -20%; } @media (min-width: 1001px) and (max-width: 1440px) { .new-product-icon { right: -55%; } } @media (max-width: 1000px) { .new-product-icon { display: none; } }

<> /* 有头部banner */ header .header-banner { display: block; height: 0px; } /*移动端*/ /* header .header-banner a {*/ /* display: inline-block;*/ /* width: 100%;*/ /* height: 60px;*/ /* background: #fff;*/ /* background-image: url(https://cdn.modao.cc/23double12/zyw3/ba14.png);*/ /* background-position: center 15%;*/ /* background-size: cover;*/ /* background-repeat: no-repeat;*/ /*}*/ @media (min-width: 1281px) { header .header-banner { height: 45px; } header .header-banner a { width: 100%; height: 45px; /* background: url(https://cdn-yunyin.modao.cc/2503-renewal-activities/brand-banner.png) no-repeat center; */ /* background-size: cover; */ background: linear-gradient(90deg#6139F6 0%#524AF1 28.37%#2A7AF2 100%); display: inline-block; } header .header-banner a:hover { text-decoration: none; } } /* 有头部banner end */ /* 无头部banner */ header .header-banner { /*display: none; */ } .header-img-fluid { height: 26px; width: auto; } /* 无头部banner end */ .header-banner-close-btn { position: absolute; right: 24px; } .header-banner-none-important { display: none !important; } .arrow-animate { animation: arrow-move 3s infinite;; } @keyframes arrow-move { 0% { transform: translateY(1px) translateX(0); } 10% { transform: translateY(1px) translateX(6px); } 20% { transform: translateY(1px) translateX(0); } 30% { transform: translateY(1px) translateX(4px); } 40% { transform: translateY(1px) translateX(0); } 100% { transform: translateY(1px) translateX(0); } }

<> .float-free-use-btn {position: fixed; bottom: 0; left: 50%;z-index: 20;transform: scale(0) translateX(-50%);transform-origin: left bottom;} .float-free-use-btn .download-container {position: relative;width: 64px;height: 64px;} .float-free-use-btn .download-container::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%; background-image: linear-gradient(92.5deg#1F61FF 6.44%#A728FF 55.47%#FF4EE4 98.36%);;z-index: -1;background-color: #0061FF;;background-size: 100% 128px;background-position: 0 0;border:none;background-repeat: no-repeat;border:2px solid #fff;} .float-free-use-btn .download-container::after {content: '';width: 44px;height: 44px;position: absolute;top: 10px;left: 10px;background-repeat: no-repeat;background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E %3Cpath d='M10.6892 21.6056C12.4372 23.3822 12.6395 25.2919 10.702 27.261C9.50157 28.4802 7.55806 29.2128 4.88346 29.5264C4.74507 29.543 4.60517 29.5422 4.46603 29.5257C3.52586 29.4114 2.83916 28.5757 2.88429 27.6213L2.89406 27.4964L2.93242 27.1805C3.26035 24.6307 3.97037 22.7639 5.12339 21.5921C7.06089 19.6237 8.94048 19.8298 10.6892 21.6056ZM26.7029 2.94271L27.0053 3.03522L27.3009 3.13375C27.6647 3.26132 27.9947 3.47004 28.2659 3.7441C28.5371 4.01815 28.7423 4.35035 28.8661 4.71551C30.0446 8.15881 29.6701 11.6473 27.7702 15.1056C26.9872 16.5302 25.9854 17.8788 24.7662 19.1506L24.4285 19.4959L24.1088 19.8087L24.0998 19.9058C23.8779 21.9772 22.3067 24.7165 19.4117 28.2583L19.1605 28.5644L18.6979 29.1173C18.1744 29.7385 17.1997 29.5655 16.8943 28.8314L16.8582 28.7329L15.2396 23.5672L15.0929 23.4657C14.1835 22.8177 13.3172 22.1112 12.4996 21.3506L12.0972 20.967L11.7031 20.5759C10.539 19.3913 9.49119 18.0977 8.57419 16.7129L8.48469 16.5738L3.21372 14.8694C2.47212 14.6287 2.23294 13.7119 2.70377 13.1357L2.7662 13.065L2.83389 13.0019C7.1692 9.21407 10.368 7.33597 12.659 7.49242L12.8065 7.5052L12.8922 7.51573L13.0855 7.32018C14.125 6.28673 15.2133 5.40748 16.3513 4.68467L16.7319 4.44925L17.0816 4.24467C20.2571 2.44404 23.4808 2.00102 26.7029 2.94346V2.94271ZM16.9861 10.2167C15.6676 11.5359 15.6721 13.6788 16.9966 15.0033C18.3211 16.3278 20.4639 16.3323 21.7832 15.0138C23.1017 13.6946 23.0972 11.5517 21.7727 10.2272C20.4482 8.90268 18.3053 8.89817 16.9861 10.2167Z' fill='white'/%3E %3C/svg%3E");border-radius: 50rem;} .float-free-use-btn .download-container .download-content {width: 100%;height: 100%;} .float-free-use-btn .download-container a {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #000;text-decoration: none;} .float-free-use-btn .download-container a span {font-size: 22px;font-weight: 700;text-wrap: nowrap;white-space: nowrap; line-height: 1.44; width: 0;opacity: 0;} .float-free-use-btn .download-container a svg {width: 0;opacity: 0;} .float-free-use-btn .download-container a [data-icon="brand-windows"]::before.float-free-use-btn .download-container a [data-icon="brand-macos"]::before,.float-free-use-btn .download-container a [data-icon="brand-windows"]::after.float-free-use-btn .download-container a [data-icon="brand-macos"]::after {content: '';width: 100%;height: 100%;background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16.6426V20.0711H20V16.6426' stroke='white' stroke-width='2.28571'/%3E%3Cpath d='M12.0004 2.92773V14.3563M12.0004 14.3563L17.7147 9.7979M12.0004 14.3563L6.28613 9.7979' stroke='white' stroke-width='2.28571'/%3E%3C/svg%3E%0A");background-size: 100% auto;background-position: center bottom;background-repeat: no-repeat;position: absolute;top:0;left: 0;z-index: 1;pointer-events: none;opacity: 1;} .float-free-use-btn .download-container a [data-icon="brand-windows"]::after.float-free-use-btn .download-container a [data-icon="brand-macos"]::after {background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 16.6426V20.0711H20V16.6426' stroke='white' stroke-width='2.28571'/%3E%3Cpath d='M12.0004 2.92773V14.3563M12.0004 14.3563L17.7147 9.7979M12.0004 14.3563L6.28613 9.7979' stroke='white' stroke-width='2.28571'/%3E%3C/svg%3E%0A");opacity: 0;} .float-free-use-btn .download-container [data-icon="brand-windows"] svg.float-free-use-btn .download-container [data-icon="brand-macos"] svg {opacity: 0;} .float-free-use-btn.show {bottom: 30px;transform: scale(1) translateX(-50%);transform-origin: left bottom;transition: all .3s linear;} .float-free-use-btn.show .download-container::before {animation: animateDownload1 .3s .3s linear forwards;border-radius: 44px;transition: border-radius .3s 1s linear,background-position .15s linear;} .float-free-use-btn.show .download-container::after {transform: scale(0); transition: transform .2s .5s linear;} .float-free-use-btn.show .download-container{width: 225px;transition: all .8s 1s cubic-bezier(0.050.610.410.95);} .float-free-use-btn.show .download-container a span {width: 89px;opacity: 1;margin-left: 0px;transition: width .4s 1.2s linear,margin-left .2s 1.2s linear,opacity .3s 1.4s linear;} .float-free-use-btn.show .download-container a svg {width: 27px;opacity: 1;margin-left: 8px;transition: width .4s 1.2s linear,margin-left .2s 1.2s linear,opacity .3s 1.4s linear;} .float-free-use-btn.show .download-container a [data-icon="brand-windows"]::before.float-free-use-btn.show .download-container a [data-icon="brand-macos"]::before{opacity: 0;transition: opacity .1s 1.1s linear;} .float-free-use-btn.show .download-container [data-icon="brand-windows"] svg.float-free-use-btn.show .download-container [data-icon="brand-macos"] svg {opacity: 1;transition: opacity .1s 1.1s linear;} .float-free-use-btn.show .download-container:hover::before {background-position: 0 -128px;} .float-free-use-btn.show .download-container:hover a {color: #fff !important;} .float-free-use-btn.show .download-container:hover a [data-icon="brand-windows"]::after.float-free-use-btn.show .download-container:hover a [data-icon="brand-macos"]::after{opacity: 1;animation: btnIconMove 1.5s linear infinite;} .float-free-use-btn.show .download-container:hover [data-icon="brand-windows"] svg.float-free-use-btn.show .download-container:hover [data-icon="brand-macos"] svg {visibility: hidden;} .float-free-use-btn.leave .download-container a i {transform: scale(0);transition: transform .2s linear;} .float-free-use-btn.leave .download-container a span.float-free-use-btn.leave .download-container a svg {opacity: 0;transition: opacity .2s linear;} .float-free-use-btn.leave .download-container::before {border-radius: 50%;transition: border-radius .3s .2s linear;} .float-free-use-btn.leave .download-container {width: 64px;transition: all .6s .2s cubic-bezier(0.050.610.410.95);} .float-free-use-btn.leave {bottom: 0;transform: scale(0) translateX(-50%);transform-origin: left bottom; transition: all .3s 1s linear;} /* 默认隐藏第二个 SVG */ .btn-aside svg:nth-of-type(2) { display: none; } /* 悬停时隐藏第一个 SVG，显示第二个 SVG */ .btn-aside:hover svg:nth-of-type(1) { display: none; } .btn-aside:hover svg:nth-of-type(2) { display: inline-block; animation: animateSvg .25s linear 2; } @keyframes animateDownload1 { 0% {transform: scale(1);} 60% {transform: scale(1.8);} 100% {transform: scale(1);} } @keyframes btnIconMove { 0% {transform: translateY(0);} 50% {transform: translateY(4px);} 100% {transform: translateY(0);} } @keyframes animateSvg { 0% {transform: rotate(0deg);} 33% {transform: rotate(-15deg);} 66% {transform: rotate(15deg);} 100% {transform: rotate(0deg);} }

<> .wsc-footer2020 { font-family: "HarmonyOS Sans""Noto Sans SC"-apple-systemblinkmacsystemfont"Segoe UI"roboto"Helvetica Neue"arial"Noto Sans"sans-serif"Apple Color Emoji""Segoe UI Emoji""Segoe UI Symbol""Noto Color Emoji"; } .wsc-footer2020 p:lang(en), .wsc-footer2020 div:lang(en){ font-family: 'Outfit'; } .wsc-footer2020 .wsc-footer202004-top { border-bottom: solid 1px rgba(3434341); border-top: solid 1px transparent; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown { margin: 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav { padding: 48px 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav .wsc-footer2020-nav-logo { width: 140px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) { width: auto; display: block; padding: 0 0; } .wsc-footer2020-archival-info { margin: 26px 0; color: rgba(2552552550.4); font-size: 14px; line-height: 1.2; text-align: center; } .wsc-footer2020-archival-info a { text-decoration: none; } .wsc-footer2020-social { padding-bottom: 7px; } .wsc-footer2020-social .wsc-footer2020-social-media-container { display: flex; align-items: center; padding: 8px 0; } .wsc-footer2020-social .wsc-footer2020-social-media { display: flex; width: 46px; height: 46px; border: 0.675px solid #8b8b8b; box-sizing: border-box; border-radius: 50%; justify-content: center; align-items: center; margin-right: 3.5px; } .wsc-footer2020-social .wsc-footer2020-social-contact { color: #ffffff; margin-bottom: 32px; font-size: 20px; line-height: 1; } .wsc-footer2020-social .wsc-footer2020-social-contact-method { color: #A8A8A8; display: flex; font-size: 14px; line-height: 22px; padding: 6px 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-iconlink { padding: 0 !important; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-iconlink .blog-img{ height: auto !important; } .wsc-footer2020-social .wsc-footer2020-social-contact-method .online-service { color: #A8A8A8; } .wsc-footer2020-social .wsc-footer2020-social-contact-method .online-service:hover { color: #fff; text-decoration: none; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-top-content { flex-direction: column; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:last-of-type .wsc-footer2020-dropdown-menu { text-align: center; } @media (min-width: 1280px) { .wsc-footer2020 .wsc-footer2020-container { max-width: 1360px; padding: 0; } .wsc-footer2020 .wsc-footer2020-nav { width: 14%; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-top-content { flex-direction: row; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-container { max-width: 1410px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-nav { padding: 87px 0; border-right: 1px solid transparent; text-align: left; align-items: flex-start; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown-toggle .wsc-footer2020-dropdown-title { font-size: 16px; line-height: 28px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-dropdown-title { font-size: 16px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-link { font-size: 14px; line-height: 22px; display: inline-block; color: #A8A8A8; opacity: 1; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav-link:hover { color: #fff; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-subnav { padding: 84px 0 88px 62px; } .wsc-footer2020 .wsc-footer2020-subnav-item { padding: 5px 0; } /*.wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(1) {*/ /* width: 40px;*/ /*}*/ .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-dropdown-toggle { margin: 0 0 7px 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) .wsc-footer2020-subnav-item { padding: 5px 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(4) ul { display: block; } .wsc-footer2020-social .wsc-footer2020-social-media-container { display: flex; align-items: center; padding: 0 0 6px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown { padding: 0 0; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:not(:last-child) { width: 130px; } .wsc-footer2020 .wsc-footer2020-subnav-content { flex-wrap: nowrap; justify-content: unset; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown-toggle { padding: 0 0; margin-bottom: 7px; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(5) { position: relative; top: auto; right: auto; } .wsc-footer2020 .wsc-footer202004-top .wsc-footer2020-dropdown:nth-child(5) .wsc-footer2020-dropdown-toggle { margin: 0 0 7px 0; } } .icon-weixin { line-height: 1; position: relative; } .icon-weixin .icon-weixin-box { display: none; position: absolute; bottom: 200%; left: 70%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); background-color: #fff; width: 200%; min-width: 13rem; z-index: 1; } .icon-weixin .icon-weixin-box:after { display: block; content: ""; position: absolute } .icon-weixin .icon-weixin-box[position-absolute=right] { left: auto; right: 0; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) } .icon-weixin .icon-weixin-box[position-absolute=left] { left: 0; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) } @media (max-width:991.99px) { .icon-weixin .icon-weixin-box[position-absolute=mobile-left] { left: 0; right: auto; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) } .icon-weixin .icon-weixin-box[position-absolute=mobile-right] { left: auto; right: 0; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0) } } .icon-weixin:hover .icon-weixin-box { display: -webkit-box; /* OLD - iOS 6-Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEWSpec - Opera 12.1Firefox 20+ */ } @media (max-width:1280px) { #user-group-img { display: none !important; } }