@charset "UTF-8";body,html{margin:0;font-family:"Microsoft YaHei";color:#000;background:#f2f2f2;width:100%;height:100%}body ol,body ul,html ol,html ul{list-style:none}body a,html a{text-decoration:none;outline-offset:0;outline:0}body a:focus-visible,html a:focus-visible{outline-offset:0;outline:0}body h3,body p,html h3,html p{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}body ::-webkit-input-placeholder,html ::-webkit-input-placeholder{font-size:12px;color:#999}body :-moz-placeholder,html :-moz-placeholder{font-size:12px;color:#999}body ::-moz-placeholder,html ::-moz-placeholder{font-size:12px;color:#999}body :-ms-input-placeholder,html :-ms-input-placeholder{font-size:12px;color:#999}body a,body button,html a,html button{cursor:pointer}body input:-internal-autofill-selected,html input:-internal-autofill-selected{background-color:#fff !important;background-image:none !important;font-size:14px}body input:-webkit-autofill,html input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#000;font-size:14px}.page-header{z-index:9;position:fixed;left:0;right:0;top:0;height:64px;background:linear-gradient(0,#fff 0,#f9fbfe 100%)}.page-header .content{display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:1200px;height:64px;color:#000}.page-header .content .l{display:flex;align-items:center}.page-header .content .l .logo{padding-left:40px;height:32px;line-height:32px;font-size:22px;color:#000;background-image:url(./logo.png);background-repeat:no-repeat;background-size:32px 32px;background-position:left center}.page-header .content .logo-headers{display:inline-flex;width:112px;height:26px;background-size:100%;background-image:url(./logo.png)}.page-header .content .logo-headers.market{margin:3px 12px 0 0;width:150px;height:60px;background-image:url(./market.png);background-size:150px 120px;background-position:center;background-repeat:no-repeat}.page-header .content .nav{display:flex;justify-content:space-between;align-items:center}.page-header .content .nav .menu{display:flex;align-items:center;justify-content:flex-start}.page-header .content .nav .menu a{position:relative;display:inline-block;margin-right:24px;width:110px;height:40px;line-height:40px;text-align:center;color:#000;font-size:16px;overflow:hidden}.page-header .content .nav .menu a:hover{color:#fff;border-radius:8px;background:#63a4ff}.page-header .content .nav .menu a:hover::before{content:"";position:absolute;width:118px;height:118px;left:0;top:0;margin-left:-3px;margin-top:-39px;border-radius:50%;background:rgba(255,255,255,.2);animation:mask 1s infinite both;-webkit-animation:mask 1s infinite both;-moz-animation:mask 1s infinite both;-o-animation:mask 1s infinite both}.page-header .content .r{display:flex;justify-content:flex-start;align-items:center}.page-header .content .r .item{display:inline-block;margin-left:12px;padding-left:26px;height:32px;line-height:32px;color:#000;background-image:url();background-size:20px 20px;background-repeat:no-repeat;background-position:left center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-header .content .r .item:last-child{margin-right:0;background-image:url()}@media(max-width:1400px){.page-header .content{padding:0 12px;width:100%}}@-webkit-keyframes success{0%{top:230px;opacity:1}20%{top:250px;opacity:1}70%{top:250px;opacity:1}100%{top:250px;opacity:0}}@keyframes success{0%{top:230px;opacity:1}20%{top:250px;opacity:1}70%{top:250px;opacity:1}100%{top:250px;opacity:0}}*{margin:0;padding:0;box-sizing:border-box;flex-wrap:wrap}body{padding-top:64px}.error{height:36px;padding:0 10px;line-height:36px;background:#666;background:rgba(0,0,0,.7);border-radius:2px;font-size:12px;color:#fff;letter-spacing:0;text-align:center;position:fixed;left:50%;top:60px;-webkit-animation:success 4s;animation:success 4s;opacity:0;display:none;z-index:100}.title,h3{color:#000}.btn{position:relative;display:inline-flex;padding:18px 48px;color:#fff;font-size:20px;border-radius:4px;background:linear-gradient(90deg,#63a4ff 36.83%,#3c7cd6 100%);box-shadow:0 4px 3px rgba(0,96,67,.22);text-decoration:none;overflow:hidden}.btn i{display:inline-block;margin-right:16px;width:24px;height:24px;background-image:url(windows.png);background-size:100%}.btn:hover{background:#63a4ff}.btn::before{content:"";position:absolute;width:222px;height:222px;left:0;top:0;margin-left:-3px;margin-top:-80px;border-radius:50%;background:rgba(255,255,255,.1);animation:mask 1s infinite both;-webkit-animation:mask 1s infinite both;-moz-animation:mask 1s infinite both;-o-animation:mask 1s infinite both}@-webkit-keyframes mask{0%{transform:scale(0);-webkit-transform:scale(0);transform:scale(0)}100%{transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}@keyframes mask{0%{transform:scale(0);-webkit-transform:scale(0);transform:scale(0)}100%{transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}.page-header .content .l .logo{background-image:url(logo.png)}.page-header .btn{position:relative;display:inline-flex;padding:8px 18px;color:#fff;font-size:16px;border-radius:4px;background:#63a4ff;box-shadow:0 4px 10px rgba(99,164,255,0.25),0 4px 26px rgba(99,164,255,0.25);text-decoration:none;overflow:hidden}.page-header .btn i{display:inline-block;margin-right:16px;width:24px;height:24px;background-image:url(../img/dll/icon-windows.png?v=91dbd4f);background-size:100%}.page-header .btn:hover{background:#63a4ff}.page-header .btn::before{content:"";position:absolute;width:162px;height:162px;left:0;top:0;margin-left:-3px;margin-top:-60px;border-radius:50%;background:rgba(255,255,255,.1);animation:mask 1s infinite both;-webkit-animation:mask 1s infinite both;-moz-animation:mask 1s infinite both;-o-animation:mask 1s infinite both}.banner{position:relative;width:100%;padding-top:60px;padding-bottom:90px;box-sizing:border-box;background:#fff}.banner .content{display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:1200px}.banner .content .l{max-width:560px}.banner .content .l h1{position:relative;font-size:44px}.banner .content .l p{margin-top:20px}.banner .content .l p.desc{margin-bottom:32px;color:#383838;font-size:24px}.banner .content .l p.version{color:#4b4b4b;font-size:16px}.banner .content .r{width:640px}.banner .content .r img{width:100%}.page-content{background:#fff}.page-content .section{margin:0 auto;width:1200px;text-align:center}.page-content .section h3{font-weight:bolder;font-size:36px;line-height:2}.page-content .section p.title{font-weight:700;font-size:18px;line-height:2}.page-content .section.matter .desc-bx{display:flex;align-items:center;justify-content:space-around;padding:60px 0 0 0}.page-content .section.matter .desc-bx .item{position:relative;width:328px;height:410px;border-radius:12px;background:#ffffe0}.page-content .section.matter .desc-bx .item .cont{margin:0 auto;width:80%}.page-content .section.matter .desc-bx .item .cont .bg-logo{position:absolute;width:35%;height:auto}.page-content .section.matter .desc-bx .item .cont .tit{margin:30px auto;font-size:22px;text-align:start}.page-content .section.matter .desc-bx .item .cont .line{margin:0 auto 32px;width:100%;height:1px;background:#fff}.page-content .section.matter .desc-bx .item .cont .txt-bx div{margin:14px 0 0 0;line-height:22px;font-size:14px;text-align:start}.page-content .section.feature h3{margin:80px auto 60px}.page-content .section.feature .desc-bx{display:flex;align-items:center;justify-content:space-around}.page-content .section.feature .desc-bx .item{width:328px;height:410px;border-radius:12px;background:#ffffe0;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-content .section.feature .desc-bx .item .cont{margin:0 auto;width:100%}.page-content .section.feature .desc-bx .item .cont img{margin:0 auto 32px;width:25%}.page-content .section.feature .desc-bx .item .cont .tit{margin:36px auto;line-height:1.5;font-size:22px}.page-content .section.feature .desc-bx .item .cont .txt{margin:8px 0 0 0;line-height:1.5;font-size:14px}.page-content .section.step h3{margin:100px auto}.page-content .section.step .desc-bx{position:relative;height:660px}.page-content .section.step .desc-bx .box:after{content:".";display:block;clear:both;height:0;overflow:hidden}.page-content .section.step .desc-bx .menu .item{display:flex;align-items:center;justify-content:center;margin:0 0 24px 0;width:300px;height:80px;border-radius:16px;background:#ffffe0;cursor:pointer}.page-content .section.step .desc-bx .menu .item p{font-size:20px}.page-content .section.step .desc-bx .menu .item.active,.page-content .section.step .desc-bx .menu .item:hover{background:#fff176}.page-content .section.step .desc-bx .menu .item.active::after,.page-content .section.step .desc-bx .menu .item:hover::after{content:'';width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:16px solid #fff176;float:right;position:relative;right:-62px}.page-content .section.step .desc-bx .menu .item.active .cont-bx,.page-content .section.step .desc-bx .menu .item:hover .cont-bx{display:block}.page-content .section.step .desc-bx .menu .item .cont-bx{position:absolute;top:0;right:0;display:none;width:828px;padding:10px;border-radius:8px;background:#000;box-shadow:0 20px 30px rgba(3,31,92,.13),0 4px 12px rgba(3,31,92,.1);font-size:0}.page-content .section.step .desc-bx .menu .item .cont-bx img{width:100%}.page-footer{padding:70px 0 32px;background:#3f4165;box-shadow:0 4px 4px rgba(0,0,0,.25);background-position:center;background-size:cover}.page-footer .content{margin:0 auto;padding-bottom:40px;width:1200px;display:flex}.page-footer .content .l{flex:1;display:flex;justify-content:flex-start}.page-footer .content .l .cont{text-align:center}.page-footer .content .l .cont img{width:48px}.page-footer .content .l .cont h3{margin-top:16px;line-height:32px;font-size:24px;color:#fefefe}.page-footer .content .r{flex:1;display:flex;justify-content:flex-end}.page-footer .content .r .link-box:not(:last-child){margin-bottom:53px}.page-footer .content .r .link-box li{font-size:16px;color:#ccc}.page-footer .content .r .link-box li:not(:first-child){margin-top:15px}.page-footer .content .r .link-box li:not(:first-child) a{color:#ccc}.page-footer .content .r .link-box li:not(:first-child) a:hover{text-decoration:underline}.page-footer .content .r .link-box li:first-child{margin-bottom:20px;font-weight:700}.page-footer .company-msg{margin:0 auto;width:1200px;padding-top:44px;display:flex;justify-content:space-between;align-items:center;color:#999;font-size:16px;line-height:20px;border-top:1px solid rgba(137,137,137,.47)}.page-footer .company-msg .l,.page-footer .company-msg .r{align-self:center}.page-footer .company-msg a{color:#999}@media(max-width:1200px){.page-header .content{padding:0 12px;width:100%}.banner{height:auto}.banner .content{width:100%}.banner .content .l h1::before{left:50%;-webkit-transform:translateX(170px);transform:translateX(170px)}.banner .content .l p.version{margin-bottom:12px}.banner .content .l,.banner .content .r{margin:0 auto;text-align:center;width:80%}.page-content .section{padding:0 12px;width:100%}.page-content .section.feature .desc-bx,.page-content .section.matter .desc-bx{flex-direction:column}.page-content .section.feature .desc-bx .item,.page-content .section.matter .desc-bx .item{margin:0 0 12px 0}.page-content .section.feature .desc-bx .item:last-child,.page-content .section.matter .desc-bx .item:last-child{margin:0}.page-content .section.step .desc-bx .menu .item{width:220px}.page-content .section.step .desc-bx .menu .item.active::after,.page-content .section.step .desc-bx .menu .item:hover::after{right:-20px}.page-content .section.step .desc-bx .menu .item .cont-bx{padding:6px;width:calc(100% - 240px)}.page-footer .content{width:100%;padding:0 12px;padding-bottom:20px}.page-footer .company-msg{width:100%;padding:0 12px}.page-footer .company-msg .l,.page-footer .company-msg .r{line-height:24px}}@keyframes success{0%{top:60px;opacity:1}20%{top:68px;opacity:1}70%{top:68px;opacity:1}100%{top:68px;opacity:0}}