.header-new{--navFamily: "Lexend", Arial, "Microsoft Yahei", sans-serif;--navWrap: 50px;--navRightPd: 100px;--navRightGap: 35px;--navLogoWidth: 95px;--navMenuGap: 20px 35px;--navNameSize: 16px;--navItemSize: 14px;--navFeatureItem: 4}.scroll-header .header-new{position:relative;top:0;margin-bottom:0}.nav-menu-bg{position:relative;z-index:1;border-radius:8px;background:rgba(255,255,255,0.98)}.nav-menu-bg::after{content:'';display:block;position:absolute;z-index:0;width:100%;height:100%;border-radius:inherit;background-color:inherit}.nav-menu-bg::before{content:'';display:block;position:absolute;z-index:-1;width:100%;height:100%;border-radius:inherit;background-color:#000;opacity:0.18;filter:blur(8px)}.header-wrapper{margin:0 auto;width:100%;display:flex;justify-content:center;align-items:center;column-gap:var(--navWrap);padding:0 20px;height:80px;position:relative;z-index:10;border-bottom:1px solid #CBC2FF}.nav-sale-icon{display:flex;justify-content:center;gap:20px 40px;align-items:center}.nav-sale-icon .nav-buybtn{margin-right:0}.header-download{margin:0;margin-right:0 !important;padding:0px 20px !important;min-width:0 !important;height:38px !important;border-radius:9999px !important}.header-download .btn-word{padding-right:0 !important;text-transform:none !important;max-width:100% !important;-webkit-line-clamp:1 !important;font:500 14px/1.2 var(--navFamily) !important}.header-download:hover .btn-word{opacity:0;visibility:hidden;transform:scale(0) !important}.mobile-header{display:none !important}.header-new{margin-bottom:-80px;position:sticky;top:0px;width:100%;z-index:9999;background:rgba(222,223,255,0.85)}.header-new .header-left{flex-shrink:0}.header-new .header-center,.header-new .header-right{display:flex;align-items:center;justify-content:flex-start;height:100%}.header-new .header-right{padding-left:var(--navRightPd);gap:35px}.header-new .nav-logo{display:inline-block}.header-new .nav-logo>img{display:inline-block;vertical-align:top;width:var(--navLogoWidth);height:auto}.header-new .nav-menu{display:flex;align-items:center;justify-content:center;gap:var(--navMenuGap);height:100%}.header-new .nav-menu .nav-list{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all 0.3s;height:100%;color:#1E1C2C;font:500 var(--navNameSize)/1.2 var(--navFamily)}.header-new .nav-menu .nav-list::before{content:'';display:block;position:absolute;left:0;right:0;bottom:-6px;z-index:-2;margin:0 auto;height:6px}.header-new .nav-menu .nav-list a{font:inherit;color:inherit;text-decoration:none}.header-new .nav-menu .nav-list.no-arrow::after{display:none}.header-new .nav-menu .nav-list::after{content:'';display:block;width:12px;height:6px;flex-shrink:0;transition:transform 0.3s;background:url(../images/header/header_new/header_arrow_black.svg) center center no-repeat}.header-new .nav-menu .nav-list:hover .nav-name{color:#0054FF}.header-new .nav-menu .nav-list:hover::after{transform:rotate(-180deg);transition:transform 0.3s;background:url(../images/header/header_new/header_arrow_blue.svg) center center no-repeat}.header-new .nav-menu .nav-list:hover .nav-secondary{z-index:2;grid-template-rows:1fr}.header-new .nav-menu .nav-list:hover .nav-item{display:block !important}.header-new .nav-menu .nav-name{cursor:pointer;color:#1E1C2C;font:500 var(--navNameSize)/1.2 var(--navFamily);text-decoration:none;white-space:nowrap}.header-new .nav-menu .nav-secondary{position:absolute;z-index:-2;top:calc(80px + 5px);left:-25px;margin:0 auto;width:max-content;display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s;border-radius:8px;cursor:default}.header-new .nav-menu .nav-feature{cursor:pointer}.header-new .nav-menu .nav-item{position:relative;z-index:1;padding:0;margin:0;grid-row:1 / span 2;overflow:hidden;height:auto !important;max-height:none !important;transition:none !important;display:none !important}.header-new .nav-menu .nav-item li{position:relative;padding:7px 25px;margin-bottom:5px;color:#1E1C2C;font:500 var(--navItemSize)/1.2 var(--navFamily);white-space:nowrap}.header-new .nav-menu .nav-item li:hover{color:#0054FF}.header-new .nav-menu .nav-item li:hover::before{z-index:1;transform:scaleY(1);opacity:1;visibility:visible;transition:all 0.3s ease}.header-new .nav-menu .nav-item li:first-child{margin-top:22px}.header-new .nav-menu .nav-item li:last-child{margin-bottom:25px}.header-new .nav-menu .nav-item li::before{content:'';display:block;position:absolute;top:0;left:0px;z-index:-1;width:4px;height:100%;background-color:#0054FF;transform:scaleY(0);opacity:0;visibility:hidden;transition:all 0.3s ease}.header-new .nav-menu .nav-item li span,.header-new .nav-menu .nav-item li a,.header-new .nav-menu .nav-item li b,.header-new .nav-menu .nav-item li strong,.header-new .nav-menu .nav-item li i,.header-new .nav-menu .nav-item li em{font:inherit;color:inherit;font-style:normal;text-decoration:none}.header-new .nav-feature-box{position:absolute;bottom:0;left:252px;z-index:-9;margin:0;display:grid !important;justify-content:left;opacity:0;visibility:hidden;transform:translateY(500px);transform-origin:left center;transition:opacity 0.3s ease;overflow-y:auto;border-radius:8px;background:rgba(255,255,255,0.98);box-shadow:0 0 12px rgba(0,0,0,0.18)}.header-new .nav-feature-box.nav-on{z-index:-2;opacity:1;visibility:visible;transform:translateY(0px);transition:opacity 0.3s ease}.header-new .nav-feature-list{position:relative;padding:0;margin:0;max-height:inherit;overflow-y:auto;width:max-content}.header-new .nav-feature-list::-webkit-scrollbar{width:8px;height:50px}.header-new .nav-feature-list::-webkit-scrollbar-track{background:#f1f1f1;width:8px;height:50px}.header-new .nav-feature-list::-webkit-scrollbar-thumb{background:#8AB0FF;width:8px;height:50px;border-radius:9999px}.header-new .nav-feature-list::-webkit-scrollbar-thumb:hover{background:#79a3fe}.header-new .nav-feature-inner{position:relative;z-index:2;padding:20px;padding-top:30px;padding-left:40px;display:grid;justify-content:left;gap:28px;grid-template-columns:repeat(var(--navFeatureItem), 1fr);background-color:#fff}.header-new .nav-feature-item{position:relative;z-index:3;gap:28px}.header-new .nav-feature-item dt{padding-bottom:15px;color:#1E1C2C;font:500 var(--navItemSize)/1.5 var(--navFamily)}.header-new .nav-feature-item dd{padding:5px 0;color:rgba(30,28,44,0.7);font:500 var(--navItemSize)/1.5 var(--navFamily)}.header-new .nav-feature-item dd span,.header-new .nav-feature-item dd a,.header-new .nav-feature-item dd em,.header-new .nav-feature-item dd i,.header-new .nav-feature-item dd b,.header-new .nav-feature-item dd strong{font:inherit;color:inherit;text-decoration:none;text-decoration:none}.header-new .nav-feature-item dd a:hover{color:#0054FF}@media (min-width: 1440px) and (max-width: 1600px){.header-new{--navWrap: 30px;--navRightPd: 50px;--navRightGap: 20px;--navLogoWidth: 65px;--navMenuGap: 10px 20px;--navNameSize: 14px;--navItemSize: 12px;--navFeatureItem: 4}.header-new .nav-feature-inner{padding:20px;padding-top:30px;padding-left:30px;padding-right:10px;gap:10px}}@media (min-width: 1280px) and (max-width: 1439px){.header-new{--navWrap: 20px;--navRightPd: 10px;--navRightGap: 20px;--navLogoWidth: 62px;--navMenuGap: 16px;--navNameSize: 12px;--navItemSize: 12px;--navFeatureItem: 2}.header-wrapper{justify-content:space-between}}@media (min-width: 769px) and (max-width: 1279px){.header-new{--navWrap: 20px;--navRightPd: 30px;--navRightGap: 15px;--navLogoWidth: 52px;--navMenuGap: 16px;--navNameSize: 14px;--navItemSize: 12px;--navFeatureItem: 1}.header-new .header-right .header-btn{display:none}.header-wrapper{justify-content:space-between}}@media (min-width: 769px) and (max-width: 1000px){.header-new .header-right{display:none}.header-new .header-right .header-btn{display:none}}@media (max-width: 768px){.header-new{margin-bottom:-60px;--navWrap: 25px;--navRightPd: 0px;--navLogoWidth: 58px;--navRightGap: 0px;--navMenuGap: 0;--navNameSize: 18px;--navItemSize: 16px;--navFeatureItem: 1}.header-wrapper{justify-content:space-between;column-gap:var(--navWrap);padding-right:0;height:50px;border:none;background:linear-gradient(180deg, #fff 0%, #E2E2E2 100%)}.mobile-header{display:flex !important;align-items:center;justify-content:space-between;gap:20px;height:50px;padding:0;padding-left:20px;background:linear-gradient(180deg, #fff 0%, #E2E2E2 100%)}.nav-menu-bg::before,.nav-menu-bg::after{display:none}.header-new .header-btn,.header-new .header-wrapper{display:none}.header-new .mobile-bg{display:none;position:fixed;width:100%;top:0;right:0;height:100vh;background:rgba(35,35,35,0.7);color:#fff;overflow:hidden;z-index:-100001}.header-new .mobile-bg.show{display:block !important;top:50px;z-index:100001}.header-new .header-logo{position:relative;width:58px;height:30px}.header-new .header-logo .nav-logo{display:block;width:100%;height:100%;background:url(../images/common/itop_new_icon.svg) center center no-repeat;background-size:58px;text-indent:-9999px}.header-new .mobile-action{position:relative;z-index:1;display:block !important;width:50px;height:100%;cursor:pointer}.header-new .mobile-nav,.header-new .mobile-close{width:50px;height:50px}.header-new .mobile-nav.hide,.header-new .mobile-close.hide{display:none !important}.header-new .mobile-nav.show,.header-new .mobile-close.show{display:block !important}.header-new .navIcon{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:18px;height:12px;border-bottom:2px solid #1E1C2C}.header-new .navIcon::before,.header-new .navIcon::after{content:"";display:block;position:absolute;left:0;right:0;margin:0 auto;width:18px;height:2px;background:#1E1C2C}.header-new .navIcon::before{top:0}.header-new .navIcon::after{top:5px}.header-new .mobile-close{position:fixed;top:0;right:0;z-index:-100003;align-items:center;justify-content:center;display:none !important;overflow:hidden}.header-new .mobile-close.show{z-index:100003;display:flex !important}.header-new .mobile-close .closeIcon{display:block;transform:scale(0.5)}body.open .header-new .header-wrapper{position:absolute;top:50px;left:0;right:0;margin:0 auto;display:block;z-index:100002;width:100%;height:auto;max-height:calc(100vh - 100px);background:#fff;padding:0;overflow:hidden;overflow-y:auto;overflow-x:hidden}body.open .header-new .header-left{display:none}body.open .header-new .header-center,body.open .header-new .header-right,body.open .header-new .nav-menu{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}body.open .header-new .header-right{padding:0}body.open .header-new .nav-menu{align-items:flex-start;justify-content:flex-start;display:none}body.open .header-new .nav-menu.show{display:flex}body.open .header-new .nav-menu .nav-list{width:100%;padding:22px 16px;justify-content:space-between;flex-wrap:wrap}body.open .header-new .nav-menu .nav-list:hover .nav-name{color:#1E1C2C}body.open .header-new .nav-menu .nav-list:hover::after{transform:rotate(0deg);transition:transform 0.3s;background:url(../images/header/header_new/header_arrow_black.svg) center center no-repeat}body.open .header-new .nav-menu .nav-list:hover .nav-secondary{display:none;z-index:-2;grid-template-rows:0fr}body.open .header-new .nav-menu .nav-list.no-arrow{padding:0}body.open .header-new .nav-menu .nav-list.no-arrow a{padding:22px 16px;width:100%;height:100%}body.open .header-new .nav-menu .nav-list.active{background:#F0EFF2;transition:none;color:#1E1C2C;font-weight:700}body.open .header-new .nav-menu .nav-list.active .nav-name{color:#0054FF;color:#1E1C2C;font-weight:700}body.open .header-new .nav-menu .nav-list.active::after{transform:rotate(-180deg);transition:transform 0.3s;background:url(../images/header/header_new/header_arrow_black.svg) center center no-repeat}body.open .header-new .nav-menu .nav-list.active .nav-secondary{display:block;z-index:2;grid-template-rows:1fr;background:#F0EFF2}body.open .header-new .nav-menu .nav-list.active .nav-item{display:block !important}body.open .header-new .nav-menu .nav-list.active .nav-item li{padding:8px 0px}body.open .header-new .nav-menu .nav-list::after{position:absolute;top:30px;right:16px}body.open .header-new .nav-menu .nav-list::before{content:'';display:block;position:absolute;left:0;right:0;margin:0 auto;bottom:0;z-index:0;width:calc(100% - 32px);height:1px;background-color:#E5E4E9}body.open .header-new .nav-menu .nav-item{height:auto !important;max-height:none !important}body.open .header-new .nav-menu .nav-secondary{position:relative;top:0;left:0;width:100%;display:none}body.open .header-new .nav-feature.nav-on{color:#0054FF}body.open .header-new .nav-feature-box{display:none !important;position:relative;bottom:auto;left:0;right:0;margin:0 auto;transform:translateY(0px);width:100%;border-radius:0;background:#F0EFF2;box-shadow:none}body.open .header-new .nav-feature-box.nav-on{display:block !important}body.open .header-new .nav-feature-list{width:100%}body.open .header-new .nav-feature-inner{padding:0;width:100%;gap:18px;background-color:#F0EFF2}body.open .header-new .nav-feature-item{width:100%}body.open .header-new .nav-feature-item dt{padding-bottom:15px;font-weight:700;border-bottom:1px solid #B7B6BF;margin-bottom:15px}}.footer-new{--footFamily: "Lexend", Arial, "Microsoft Yahei", sans-serif;--footWrapPd: 0 20px;--footWrapLeftWid: 342px;--footWrapGap: 40px 70px;--footWrapItemPd: 78px 0 0;--footRightListGap: 40px 90px;--footRightItemNum: 5;--footRightItemPt: 28px;--footPayGap: 22px;--footNameSize: 16px;--footItemSize: 14px;--footInfoGap: 30px 70px;--footInfoMargin: 56px auto 32px;--footLogoWidth: 95px}.footer-wrapper{position:relative;padding:var(--footWrapPd);display:flex;align-items:stretch;justify-content:flex-start;gap:var(--footWrapGap)}.footer-copy{border-top:1px solid rgba(142,139,157,0.1)}.footer-new.footer-mobile{padding:0;display:block !important}.footer-new .footer-pc{display:flex !important}.footer-new .footer-pc.pc-inline{display:inline-block !important}.footer-new .footer-mob{display:none !important}.footer-new .footer-left{padding:var(--footWrapItemPd);display:flex;align-items:center;justify-content:flex-start;flex-direction:column;width:var(--footWrapLeftWid);flex-shrink:0;border-right:1px solid #262435}.footer-new .footer-logo a>{display:block}.footer-new .footer-logo a>img{display:inline-block;vertical-align:top;width:var(--footLogoWidth);height:auto}.footer-new .footer-right{padding:var(--footWrapItemPd);flex:1 1 0}.footer-new .foo-list{position:relative;display:grid;align-items:stretch;justify-content:left;grid-template-columns:repeat(var(--footRightItemNum), auto);gap:var(--footRightListGap)}.footer-new .foot-subtitle{padding-top:var(--footRightItemPt)}.footer-new .foo-icon{display:block;width:22px;height:22px}.footer-new .foo-icon>svg{pointer-events:none;display:block;width:100%;height:100%}.footer-new .foot-box .foot-name{display:block;padding-bottom:16px;color:#5A576B;font:600 var(--footNameSize)/1.2 var(--footFamily)}.footer-new .foot-box .foot-item li{color:#D1D2DF;font:400 var(--footItemSize)/1.5 var(--footFamily);padding:4px 0}.footer-new .foot-box .foot-item li.foot-share{padding:5px 0}.footer-new .foot-box .foot-item li a,.footer-new .foot-box .foot-item li span{font:inherit;color:inherit}.footer-new .foot-box .foot-item li a{display:flex;align-items:center;justify-content:flex-start;gap:14px;text-decoration:none}.footer-new .foot-box .foot-item li a:hover{color:#fff;opacity:1}.footer-new .foot-box .foot-item li a:hover .foo-icon>svg path{fill:#fff !important}.footer-new .footer_select{flex-shrink:0}.footer-new .foot-payment{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:var(--footPayGap);text-align:center}.footer-new .foot-payment li img{display:inline-block;vertical-align:top}.footer-new .foot-info{padding:var(--footWrapPd);display:flex;align-items:center;justify-content:center;gap:var(--footInfoGap);margin:var(--footInfoMargin)}@media (min-width: 1540px) and (max-width: 1680px){.footer-new{--footWrapLeftWid: 262px;--footWrapGap: 60px;--footRightListGap: 60px}}@media (min-width: 1340px) and (max-width: 1539px){.footer-new{--footWrapLeftWid: 222px;--footWrapGap: 50px;--footRightListGap: 50px}}@media (min-width: 1230px) and (max-width: 1399px){.footer-new{--footWrapPd: 0 16px 0 0;--footWrapLeftWid: 182px;--footWrapGap: 40px;--footRightListGap: 40px;--footNameSize: 18px;--footItemSize: 14px}}@media (min-width: 1060px) and (max-width: 1229px){.footer-new{--footLogoWidth: 65px;--footWrapPd: 0 16px 0 0;--footWrapLeftWid: 162px;--footWrapGap: 20px;--footRightListGap: 20px;--footRightItemPt: 14px;--footPayGap: 16px;--footNameSize: 14px;--footItemSize: 12px}}@media (min-width: 769px) and (max-width: 1059px){.footer-new{--footLogoWidth: 65px;--footWrapPd: 0 16px;--footWrapLeftWid: 222px;--footWrapGap: 30px;--footRightListGap: 20px;--footRightItemPt: 14px;--footRightItemNum: 3;--footPayGap: 16px;--footNameSize: 14px;--footItemSize: 12px}}@media (max-width: 768px){.footer-new{--footFamily: "Lexend", Arial, "Microsoft Yahei", sans-serif;--footWrapPd: 0 16px;--footWrapLeftWid: auto;--footWrapGap: 0px;--footWrapItemPd: 22px 0 0;--footRightListGap: 10px;--footRightItemNum: 1;--footPayGap: 36px;--footNameSize: 18px;--footItemSize: 16px;--footInfoGap: 0;--footInfoMargin: 0 auto}.footer-new{display:block !important}.footer-new.footer{display:block !important}.footer-new.footer-mobile{padding:0;display:block !important}.footer-new .footer-pc{display:none !important}.footer-new .footer-pc.pc-inline{display:none !important}.footer-new .footer-mob{display:block !important}.footer-new .subscribe-cnt{padding:46px 16px}.footer-new .subscribe-cnt .subscribe-desc{color:#8E8B9D;font-size:18px}.footer-new .footer-logo{padding-top:50px}.footer-new .footer-logo .foot-logo{display:block;margin:0 auto;width:84px;height:44px;text-indent:-9999px;background:url(../images/header/header_new/itop_new_icon.svg) center center no-repeat;background-size:84px}.footer-new .foo-list{width:100%;display:block}.footer-new .foot-secondary{position:relative;z-index:-9;margin:0;width:max-content;display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s;border-radius:8px;cursor:default}.footer-new .foot-item{position:relative;z-index:1;padding:0;margin:0;grid-row:1 / span 2;overflow:hidden}.footer-new .foot-box{position:relative;padding:0;margin-bottom:10px}.footer-new .foot-box.foot-on .foot-secondary{z-index:2;grid-template-rows:1fr}.footer-new .foot-box.foot-on .foot-name::after{transform:translateY(-50%) rotate(-180deg);transition:transform 0.3s;background-image:url(../images/header/header_new/footer_arrow_white.svg)}.footer-new .foot-box .foot-name{position:relative;padding:12px 0;color:#8E8B9D;font-weight:400}.footer-new .foot-box .foot-name::after{content:'';display:block;position:absolute;top:50%;right:0;width:15px;height:7px;transform:translateY(-50%);transition:transform 0.3s;background-position:center center;background-repeat:no-repeat;background-image:url(../images/header/header_new/footer_arrow_gray.svg);background-size:15px}.footer-new .foot-box .foot-item li{color:#8E8B9D;padding-left:20px}.footer-new .foot-info{margin-top:12px;flex-direction:column}.footer-new .foot-payment{padding:28px 0;border-top:1px solid #2A2839;border-bottom:1px solid #2A2839;flex-wrap:wrap;width:100%}.footer-new .select-box{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:24px 0px}.footer-new .my-select ._value{line-height:32px}.footer-new .select-support{display:flex !important;align-items:flex-start;justify-content:center;flex-direction:column}.footer-new .select-support a{color:#8E8B9D;font:400 12px/1.5 var(--footFamily)}.footer-new .footer-copy{padding:24px 16px;display:block;text-align:center}.footer-new .footer-copy ._left{color:#8E8B9D;text-align:center;font:400 var(--footItemSize)/1.5 var(--footFamily)}.itop-ad,.itop-ad.itop-ad-product{height:50px}.itop-ad .ad-box,.itop-ad.itop-ad-product .ad-box{margin:0 auto;width:100%;padding:0 !important}.itop-ad .ad-box .ad-left,.itop-ad.itop-ad-product .ad-box .ad-left{flex:1 1 0;padding:0 12px;align-items:stretch;justify-content:space-between;gap:5px}.itop-ad .ad-box .ad-left a,.itop-ad.itop-ad-product .ad-box .ad-left a{width:auto;margin-right:0}.itop-ad .ad-box .ad-left a .icon,.itop-ad.itop-ad-product .ad-box .ad-left a .icon{width:24px;height:24px}.itop-ad .ad-box .ad-left a .text,.itop-ad.itop-ad-product .ad-box .ad-left a .text{font-size:10px;line-height:1.2}.itop-ad .ad-box .ad-right,.itop-ad.itop-ad-product .ad-box .ad-right{width:50px !important;height:50px !important;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}.itop-ad.itop-ad-product .ad-box .ad-right{width:auto !important;height:50px !important;line-height:1.5}}