@charset "UTF-8";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;display:flex;align-items:center;justify-content:space-between;width:100%;height:70px;background:#fff;box-shadow:0 2px 20px 0 rgba(0,0,0,.1)}.common-header>.logo{display:flex;align-items:center}.common-header>.logo img{height:40px}.common-header>.logo .moblie{display:none;height:40px}.common-header .nav-wrap{display:flex;align-items:center;justify-content:space-between;width:100%;gap:30px}.common-header .nav-wrap .nav-right{display:flex;align-items:center;gap:10px}.common-header .nav-wrap .nav-right .tel-btn{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 10px;color:#1784fc;border:1px solid #1784fc;border-radius:20px;font-family:PingFangSC,PingFang SC;font-size:14px;font-weight:600;font-style:normal;gap:5px}.common-header .nav-wrap .nav-right .contact-us-btn{display:flex;align-items:center;justify-content:center;width:100px;height:40px;border-radius:20px;background:linear-gradient(139.08deg,#1784fc 21.31%,#004cb9 88.95%)}.common-header .nav-wrap .nav-right .contact-us-btn>a{color:#fff;font-size:14px}.common-header .nav-wrap .nav{padding-left:50px}.common-header .nav-wrap .nav ul{display:flex;margin:0;padding:0}.common-header .nav-wrap .nav ul .menu{position:relative;display:inline}.common-header .nav-wrap .nav ul .menu .menu-item{display:inline-block;height:70px;padding:0 20px;cursor:pointer;text-align:center;color:#000;font-size:14px;font-weight:400;line-height:70px}.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{position:absolute;z-index:999;left:50%;display:none;overflow:auto;box-sizing:border-box;width:auto;min-width:500px;max-width:1080px;padding:10px;transition:none;transform:translateX(-50%);background:0 0}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap.no-transform{transform:none}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content{display:flex;overflow:hidden;align-items:baseline;flex-direction:column;max-width:100%;padding:30px 10px;border-radius:5px;background-color:#fff;box-shadow:0 2px 20px 0 rgba(0,0,0,.1);font-size:14px;gap:10px}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content.ext-resources{padding-bottom:0}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .view-all{display:flex;align-items:center;padding-left:20px;color:#1784fc;font-size:14px;font-weight:500;gap:5px}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-items{display:flex;overflow:hidden;align-items:baseline;flex-direction:row;max-width:100%;font-size:14px}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list{margin-bottom:10px}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .category-title{width:100%;padding:5px 20px;color:#89a3bc;font-size:14px;font-weight:500}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .category-hr{padding:10px 20px}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .category-hr>div{width:100%;height:1px;border:.5px solid #ebebeb}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .child-menu-item{position:relative;display:flex;flex-direction:column;min-width:192px;margin:0 10px;padding:0 10px;padding-top:10px;padding-right:5px;padding-bottom:10px}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .child-menu-item .name{display:flex;align-items:center;color:#333;font-size:14px;font-weight:500;gap:8px}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .child-menu-item .name>img.icons{width:16px;height:16px}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .child-menu-item .name>span{margin-top:2px}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .child-menu-item .desc{text-align:left;color:#999;font-size:12px;font-weight:400}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .child-menu-item .external-link-icon{position:absolute;top:12px;right:10px;width:14px;height:14px;transition:opacity .2s ease;opacity:0}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .child-menu-item:hover{border-radius:4px;background-color:#f6fafe}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .child-menu-item:hover .name{color:#1784fc}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .child-menu-item:hover .desc{color:#999}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .child-menu-item:hover .external-link-icon{opacity:1}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .child-menu-item.only-logo{padding:0}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .child-menu-item.only-logo:hover{border-radius:0;background-color:transparent}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .child-menu-item .logo{width:120px}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list .child-menu-item .logo img{width:100%;height:auto}.common-header .nav-wrap .nav ul .menu .sub-menu-content-wrap .sub-menu-content-list a:nth-child(3){padding-top:10px}.common-header .nav-wrap .nav ul .sub-menu:hover .sub-menu-content-wrap{display:block}.common-header .nav-wrap .mobile-nav{display:none}.common-header .nav-wrap .mobile-nav img.menu-icon{width:20px;height:20px}.common-header .nav-wrap .mobile-nav .menu-icon{cursor:pointer;font-size:16px}.common-header .nav-wrap .mobile-nav .menu-icon.close{display:none}.common-header .nav-wrap .mobile-nav .menu{position:absolute;z-index:1;top:70px;left:0;display:none;width:100%;padding:16px;background:#fff;box-shadow:0 2px 20px 0 rgba(0,0,0,.1)}.common-header .nav-wrap .mobile-nav .menu .item{display:block;display:flex;align-content:center;justify-content:space-between;padding:12px 0;color:#000;font-size:16px;font-weight:500}.common-header .nav-wrap .mobile-nav .menu .sub-menu{display:none}.common-header .nav-wrap .mobile-nav .menu .sub-menu .category-title{padding:10px 0;color:#4c5264;font-size:16px;font-weight:500}.common-header .nav-wrap .mobile-nav .menu .sub-menu .sub-item{display:block;padding:5px 0;color:#4c5264;font-size:14px;font-weight:400}.common-header .nav-wrap .mobile-nav .menu .sub-menu .child-sub-item{color:#848b9f;font-size:14px;font-weight:400}.common-header .nav-wrap .mobile-nav .menu .sub-menu .view-all{display:flex;align-items:center;padding:15px 0;color:#1784fc;font-size:16px;font-weight:500;gap:5px}@media(max-width:1230px){.common-header>.nav-wrap .nav-right .tel-btn{display:none!important}}@media(max-width:1160px){.common-header>.logo img{display:none}.common-header>.logo .moblie{display:block}.common-header .nav-wrap{justify-content:flex-end;padding-left:10px;gap:10px}.common-header .nav-wrap .nav{display:none}.common-header .nav-wrap .nav-right .contact-us-btn{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 #bbbbbb65;padding-top:70px}.common-footer .top .menu-item{margin-top:0;margin-bottom:50px}.common-footer .top .menu-item dt{font-size:14px;font-weight:600;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:#ffffff90}.common-footer .top .others{padding-right:8%;display:flex;flex-direction:column;gap:50px}.common-footer .top .others .logo{display:block;width:175px}.common-footer .top .others .contact-logos-wrap{display:flex;flex-direction:column;gap:30px}.common-footer .top .others .contact{font-size:14px;font-weight:400;color:#ffffff90;display:flex;align-items:center;gap:15px}.common-footer .top .others .contact>.item{display:flex;align-items:center;gap:5px;color:#ffffff90}.common-footer .top .others .logos{display:flex;justify-content:space-between;max-width:226px}.common-footer .top .others .logos>a{color:#ffffff90;cursor:pointer}.common-footer .bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:20px 0}.common-footer .bottom .text{font-size:14px;color:#ffffff65}.common-footer .bottom>.left{display:flex;flex-wrap:wrap;gap:20px}.common-footer .bottom>.left .copy-right{position:relative;display:flex}.common-footer .bottom>.left .links{display:flex;gap:10px}.common-footer .bottom>.right{display:flex;justify-content:right}.common-footer .bottom>.right .powered-by{display:flex;align-items:center;gap:10px}.common-footer .bottom>.right .powered-by .logo{display:flex;align-items:center;width:100px}.common-footer .bottom>.right .powered-by .logo img{width:100%}.tooltip-wechart-qrcode{width:200px;height:200px;position:absolute;top:-240px;left:-88px}@media(max-width:1280px){.common-footer .top{justify-content:left;padding-top:50px}.common-footer .top .others{flex-direction:row;justify-content:space-between;padding-right:0}.common-footer .top .menu-item{width:20%;margin-bottom:30px}.common-footer .top .others{width:100%;padding-bottom:50px}}@media(max-width:900px){.common-footer .top .menu-item{width:25%}}@media(max-width:768px){.common-footer{padding-top:24px;padding-bottom:24px}.common-footer .top{justify-content:left;padding-top:50px}.common-footer .top .menu-item{width:30%}.common-footer .top .others{width:100%;padding-bottom:50px}.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}.common-footer .bottom .right{width:100%}.tooltip-wechart-qrcode{width:200px;height:200px;position:absolute;top:-240px;left:0}}@media(max-width:600px){.common-footer .top .menu-item{width:50%}}@media(max-width:500px){.common-footer .top .others{flex-direction:column}}