html,body{margin:0;padding:0}body{width:100%}button{cursor:pointer}button:focus,input:focus{outline-style:none}a{text-decoration:none}@media(min-width:1921px){body{width:1920px;margin:auto}.resize-padding{padding:0 200px}}@media(max-width:1920px){.resize-padding{padding:0 200px}}@media(max-width:1470px){.resize-padding{padding:0 150px}}@media(max-width:1366px){.resize-padding{padding:0 100px}}@media(max-width:1080px){.resize-padding{padding:0 50px}}@media(max-width:960px){.resize-padding{padding:0 16px}}.tutorials{width:100%;background:#fff}.tutorials .title{margin-top:120px;margin-bottom:80px;text-align:center;font-size:40px;font-weight:500;color:#161b25}.tutorials .tutorials-wrapper{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;margin-bottom:30px}.tutorials .tutorials-wrapper .tutorials-item:hover{box-shadow:2px 2px 0 #e5e5e5}.tutorials .tutorials-wrapper .tutorials-item{width:30%;height:400px;border-radius:10px;border:1px solid #e5e5e5;margin-bottom:20px}.tutorials .tutorials-wrapper .tutorials-item img{width:100%}.tutorials .tutorials-wrapper .tutorials-item span{font-size:18px;font-weight:500;color:#000;line-height:25px;display:block;padding:15px 30px;text-align:left}.tutorials .tutorials-wrapper .tutorials-item p{padding:15px 30px;margin:0;font-size:14px;font-weight:400;color:#4c5264;line-height:24px;text-align:left;height:130px}.infini-tooltip{position:relative}.infini-tooltip .infini-tooltip-content{visibility:hidden;background-color:#fff;color:#000;text-align:center;padding:5px 0;border-radius:4px;position:absolute;z-index:1}.infini-tooltip:hover .infini-tooltip-content{visibility:visible}.infini-breadcrumb{margin-bottom:36px;font-size:14px;color:#666;font-weight:400}.infini-breadcrumb span:first-child{display:none}.infini-breadcrumb a{color:#666;font-weight:400}.infini-breadcrumb a:hover{color:var(--color-link)}.infini-modal{display:none}.infini-modal .infini-modal-mask{position:fixed;top:0;inset-inline-end:0;bottom:0;inset-inline-start:0;z-index:1000;height:100vh;background-color:rgba(0,0,0,.45)}.infini-modal .infini-modal-wrap{position:fixed;top:0;inset-inline-end:0;bottom:0;inset-inline-start:0;overflow:auto;outline:0;z-index:1001}.infini-modal .infini-modal-wrap .infini-modal-content{width:760px;height:450px;position:relative;margin:auto;top:150px;-webkit-animation:fadeleftIn .4s;animation:fadeleftIn .4s;-webkit-animation-name:popIn;animation-name:popIn}.infini-modal .infini-modal-wrap .infini-modal-content .infini-modal-close{position:absolute;top:-10px;right:0;color:#fff;font-size:22px;top:-30px;cursor:pointer}.infini-modal .infini-modal-wrap .infini-modal-content .infini-modal-player{width:100%;height:100%}.infini-animation-popIn{-webkit-animation:fadeleftIn .4s;animation:fadeleftIn .4s;-webkit-animation-name:popIn;animation-name:popIn}@-webkit-keyframes popIn{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0.5,0.5,0.5);opacity:0}50%{-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);opacity:1}}@keyframes popIn{0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0.5,0.5,0.5);opacity:0}50%{-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);animation-timing-function:cubic-bezier(0.25,0.46,0.45,0.94);opacity:1}}.blog-right-item{margin-bottom:50px}.blog-right-item>.header{display:flex;align-items:center;font-size:20px;font-weight:500;color:#000;line-height:28px;margin-bottom:18px}.blog-right-item>.header>.logo{width:20px;height:20px;margin-right:4px}.blog-right-item>.header>.logo>img{width:100%}.blog-right-item.hots>.title{display:block;font-size:16px;font-weight:400;color:#4c5264;line-height:28px;margin-bottom:8px;cursor:pointer}.blog-right-item.hots>.title:hover{color:#005fe8}.blog-right-item.tags>.list{display:flex;flex-wrap:wrap}.blog-right-item.tags>.list>.tag{background:#e9f5ff;border-radius:11px;font-size:14px;font-weight:400;color:#4c5264;line-height:20px;margin-right:10px;margin-bottom:10px;padding:2px 11px;cursor:pointer}.blog-right-item.tags>.list>.tag.active,.blog-right-item.tags>.list>.tag:hover{color:#005fe8}.blog-right-item.tags>.list>.tag>.close{display:none;margin-left:4px;vertical-align:1px;cursor:pointer;color:#000}.blog-right-item.tags>.list>.tag.active>.close{display:inline}@media(max-width:768px){.tutorials .tutorials-wrapper{flex-direction:column}.tutorials .tutorials-wrapper .tutorials-item{width:100%}}.common-header{position:relative;z-index:99;width:100%;height:70px;background:#fff;box-shadow:0 2px 20px 0 rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.common-header>.logo{display:flex;align-items:center}.common-header>.logo img{width:195px;height:auto}.common-header>.logo .moblie{display:none;width:188px;height:auto}.common-header .nav-wrap{display:flex;align-items:center;gap:30px}.common-header .nav-wrap .nav ul{display:flex;margin:0;padding:0}.common-header .nav-wrap .nav ul .menu{display:inline;position:relative}.common-header .nav-wrap .nav ul .menu .menu-item{cursor:pointer;padding:0 20px;text-align:center;font-size:14px;font-weight:400;color:#000;height:70px;line-height:70px;display:inline-block}.common-header .nav-wrap .nav ul .menu .menu-item:hover{color:blue}.common-header .nav-wrap .nav ul .menu .menu-item:active{color:blue}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap{display:none;padding:10px;background:0 0;position:absolute;left:-40px}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content{width:320px;font-size:14px;background-color:#fff;box-shadow:0 2px 20px 0 rgba(0,0,0,.1);border-radius:5px;overflow:hidden;padding:20px 0}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content .sub-menu-item{width:100%;font-size:14px;display:block;padding:10px 30px;height:88px;display:flex;flex-direction:column;justify-content:center;cursor:pointer}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content .sub-menu-item:hover{background-color:#f5f5f5}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content .sub-menu-item>.logo{margin-bottom:8px}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content .sub-menu-item>.name{font-weight:500;color:#000;margin-bottom:6px}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content .sub-menu-item>.desc{font-weight:400;color:#a0a8bd}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content::before{position:absolute;top:0;left:66px;content:'';border-bottom:12px solid #fff;border-left:12px solid transparent;border-right:12px solid transparent}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content .sub-menu-item-product{background:#f6fafe;width:87%;padding-right:10px;margin:0 20px;padding-left:10px;padding-top:20px;padding-top:10px;height:auto}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content .sub-menu-item-product .logo img:first-child{height:48px}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content .sub-menu-item-product .desc{display:flex;justify-content:space-between}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content .sub-menu-item-product .logo:last-child{border-bottom:1px solid #d8d8d8;display:flex;justify-content:space-between}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content .sub-menu-item-product .logo:last-child img:first-child{height:37px}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content .sub-menu-item-product:first-child{margin-bottom:15px;height:auto}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content .child-menu-item{display:flex;margin:0 20px;padding:0 10px;padding-right:5px;padding-top:10px;padding-bottom:10px;background:#f6fafe}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content .child-menu-item .name{font-size:14px;font-weight:500;color:#0e0e0e;width:50%}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content .child-menu-item .desc{width:50%;font-size:14px;font-weight:400;color:#acacac;text-align:right}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content .child-menu-item .desc img{vertical-align:bottom}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content a:nth-child(3){padding-top:10px}.common-header .nav-wrap .nav ul .menu.lang img{width:16px;height:16px;vertical-align:middle;margin-right:4px}.common-header .nav-wrap .nav ul .menu.lang .sub-menu-content-wrap{display:none;left:-20px}.common-header .nav-wrap .nav ul .menu.lang .sub-menu-content-wrap .sub-menu-content{width:auto}.common-header .nav-wrap .nav ul .menu.lang .sub-menu-content-wrap .sub-menu-content .sub-menu-item{height:auto}.common-header .nav-wrap .nav ul .menu.lang .sub-menu-content-wrap .sub-menu-content .sub-menu-item .name{margin-bottom:0}.common-header .nav-wrap .nav ul .sub-menu:hover .sub-menu-content-wrap{display:block}.common-header .nav-wrap .nav ul .tel{font-weight:600;font-size:14px;color:#005fe8;height:70px;line-height:70px;padding:0 20px;font-family:PingFangSC,PingFang SC;font-style:normal}.common-header .nav-wrap .nav ul .tel img{position:relative;top:3px}.common-header .nav-wrap .mobile-nav{display:none}.common-header .nav-wrap .mobile-nav .menu-icon{font-size:18px;cursor:pointer}.common-header .nav-wrap .mobile-nav .menu-icon.close{display:none}.common-header .nav-wrap .mobile-nav .menu{position:absolute;top:70px;left:0;background:#fff;z-index:1;width:100%;padding:16px;display:none}.common-header .nav-wrap .mobile-nav .menu .item{display:block;padding:16px 0;font-size:18px;font-weight:500;color:#000;display:flex;justify-content:space-between;align-content:center}.common-header .nav-wrap .mobile-nav .menu .item #arrow-bottom{display:none}.common-header .nav-wrap .mobile-nav .menu .sub-menu{display:none}.common-header .nav-wrap .mobile-nav .menu .sub-menu .sub-item{display:block;font-size:16px;font-weight:400;color:#4c5264;padding:16px 0}.common-header .nav-wrap .mobile-nav .menu .sub-menu .child-sub-item{font-size:16px;font-weight:400;color:#848b9f}@media(max-width:1200px){.common-header>.nav-wrap .nav>ul>li.tel{display:none}}@media(min-width:870px) and (max-width:1158px){.common-header>.nav-wrap .nav>ul .menu .menu-item{padding:0 15px}}@media(min-width:769px) and (max-width:870px){.common-header>.nav-wrap .nav>ul .menu .menu-item{padding:0 8px}}@media(max-width:1080px){.common-header{padding-right:16px!important}}@media(max-width:768px){.common-header>.logo img{display:none}.common-header>.logo .moblie{display:block}.common-header .nav-wrap{gap:10px;padding-left:10px}.common-header .nav-wrap .nav{display:none}.common-header .nav-wrap .mobile-nav{display:flex}}.common-footer{width:100%;background:#020132}.common-footer .top{display:flex;flex-wrap:wrap;justify-content:space-between;color:#fff;border-bottom:1px solid #414062;padding-top:70px}.common-footer .top .menu-item{margin-top:0;margin-bottom:60px}.common-footer .top .menu-item dt{font-size:18px;font-weight:500;margin:0 0 20px}.common-footer .top .menu-item dd{margin:0;margin-bottom:12px;font-size:14px;font-weight:400}.common-footer .top .menu-item dd img{vertical-align:text-bottom}.common-footer .top .menu-item dd a{color:#fff}.common-footer .top .others .contact{font-size:14px;font-weight:400;color:#fff;margin:0 0 22px;display:flex}.common-footer .top .others .contact>.item{margin:0 0 18px;color:#fff}.common-footer .top .others .contact>.item img{vertical-align:-3px}.common-footer .top .others .contact>.item:not(:last-child){margin-right:6px}.common-footer .top .others .logos{display:flex;justify-content:space-between}.common-footer .top .others .logos>.item{cursor:pointer}.common-footer .bottom{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:44px;padding-bottom:36px}.common-footer .bottom .copy-right{position:relative;display:flex}.common-footer .bottom .copy-right .logo{display:block;background:url(/img/footer/logo.svg);width:195px;height:35px;margin-right:55px;background-repeat:no-repeat}.common-footer .bottom .copy-right .text{font-size:14px;font-weight:500;color:#414062;line-height:30px}.common-footer .bottom .lang{background:0 0;color:#fff;border-radius:5px;border:1px solid #fff;min-width:97px;height:30px;font-size:14px;font-weight:500;position:relative}.common-footer .bottom .lang img{vertical-align:text-top;margin-right:4px}.common-footer .bottom .lang .lang-wrap{display:none;padding:10px 0;background:0 0;position:absolute;right:0;bottom:24px}.common-footer .bottom .lang .lang-wrap .lang-content{background:#020132;border-radius:5px;border:1px solid #fff;min-width:97px;padding:10px 5px}.common-footer .bottom .lang .lang-wrap .lang-content .item{cursor:pointer;font-size:14px;font-weight:500;color:#fff;line-height:20px;padding:6px 0}.common-footer .bottom .lang .lang-wrap .lang-content .item:last-child{margin-bottom:0}.common-footer .bottom .lang:hover .lang-wrap{display:block}.tooltip-wechart-qrcode{width:200px;height:200px;position:absolute;top:-240px;left:-88px}@media(max-width:768px){.common-footer{padding-top:24px;padding-bottom:24px}.common-footer .top{justify-content:left}.common-footer .top .menu-item{width:50%}.common-footer .top .others{width:100%}.common-footer .top .others .contact{flex-direction:column}.common-footer .top .others .contact .item{width:100%}.common-footer .top .others .logos{width:50%;padding:0;margin-bottom:32px}.common-footer .bottom .copy-right{flex-direction:column}.common-footer .bottom .copy-right .logo{margin-bottom:20px;background:url(/img/footer/mobile-logo.svg);background-repeat:no-repeat;width:168px;margin-right:0}.tooltip-wechart-qrcode{width:200px;height:200px;position:absolute;top:-240px;left:0}}