.system .topdesc{font-size:36px;font-weight:700;color:#fff;line-height:50px;letter-spacing:1px;padding-top:122px}.system .title{width:985px;font-size:16px;color:#fff;line-height:26px;letter-spacing:1px;margin:14px auto 52px}.system .topBtn{width:200px;height:48px;background:linear-gradient(180deg,#526ef5,#4b66eb);box-shadow:0 2px 4px 0 rgba(36,37,40,.52);border-radius:3px;cursor:pointer}.system .wraps{position:-webkit-sticky;position:sticky;top:160px;background-color:#fff;z-index:2}.system .isTop{top:52px}.system .channel{display:flex;justify-content:center;align-items:center;height:68px;margin:auto;background-color:#fff;border-bottom:1px solid #dcdfe8}.system .channel .item{width:180px;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#242e4c;line-height:22px;padding:11px 34px;cursor:pointer;margin-right:160px}.system .channel .choosen{color:#455ef1;border-bottom:2px solid #455ef1}.system .channel .noRight{margin-right:0}.system .systems{width:100%;height:867px;background-image:url(/_nuxt/img/system.9029038.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%;text-align:center}.system .systems .stitle{font-size:36px;font-weight:700;color:#242a46;line-height:50px;letter-spacing:1px;text-align:center;padding:45px 0 14px}.system .systems .stxt{width:1190px;font-size:16px;color:#646464;line-height:26px;letter-spacing:1px;margin:0 auto 65px}.system .systems .center{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:1200px;margin:auto}.system .systems .center .demo{position:relative;width:590px;height:260px;background:#fff;box-shadow:0 2px 4px 0 rgba(132,147,188,.33);border-radius:4px;padding:21px;margin:0 20px 23px 0;text-align:left;background-image:url(/_nuxt/img/circle.2893d55.png);background-repeat:no-repeat;background-size:110px 113px;background-position:100% 0;overflow:hidden}@-webkit-keyframes gradualTop{0%{opacity:.2;top:253px}25%{opacity:.3;top:238px}50%{opacity:.4;top:223px}75%{opacity:.65;top:208px}to{opacity:1;top:193px}}@keyframes gradualTop{0%{opacity:.2;top:253px}25%{opacity:.3;top:238px}50%{opacity:.4;top:223px}75%{opacity:.65;top:208px}to{opacity:1;top:193px}}@-webkit-keyframes gradual{0%{opacity:1}25%{opacity:.8}50%{opacity:.6}75%{opacity:.4}to{opacity:.25}}@keyframes gradual{0%{opacity:1}25%{opacity:.8}50%{opacity:.6}75%{opacity:.4}to{opacity:.25}}@-webkit-keyframes graduals{0%{opacity:.2}25%{opacity:.4}50%{opacity:.6}75%{opacity:.8}to{opacity:1}}@keyframes graduals{0%{opacity:.2}25%{opacity:.4}50%{opacity:.6}75%{opacity:.8}to{opacity:1}}.system .systems .center .demo:hover{box-shadow:0 20px 37px -10px rgba(132,147,188,.33)}.system .systems .center .demo:hover #shadow{-webkit-animation-name:graduals;animation-name:graduals;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.system .systems .center .demo:hover #btn{-webkit-animation-name:graduals;animation-name:graduals;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.system .systems .center .demo:hover .txt3{-webkit-animation-name:gradual;animation-name:gradual;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.system .systems .center .demo .txt1{font-size:18px;font-weight:700;color:#4d66f8;line-height:25px;margin-bottom:22px}.system .systems .center .demo .txt2{font-size:14px;color:#646464;line-height:20px}.system .systems .center .demo .line{width:546px;height:1px;background-color:#d4d7e1;margin:20px 0}.system .systems .center .demo .lower{margin:41px 0 20px}.system .systems .center .demo .txt3{font-size:14px;color:#646464;line-height:20px}.system .systems .center .demo #shadow{opacity:0;position:absolute;top:193px;left:50%;transform:translateX(-50%);background-color:#fff;width:100%;height:60px}.system .systems .center .demo .become{opacity:0;width:350px;height:44px;background:linear-gradient(180deg,#526ef5,#4b66eb);box-shadow:0 2px 4px 0 rgba(114,127,164,.52);border-radius:3px;cursor:pointer;font-size:14px;color:#fff;line-height:20px;letter-spacing:1px;text-align:center;line-height:44px;margin-top:4px}.system .systems .center .noright{margin-right:0}.system .scene{text-align:center;padding-top:88px}.system .scene .league{font-size:36px;font-weight:700;color:#242a46;line-height:50px;letter-spacing:1px;margin-bottom:48px}.system .scene .pic{width:1070px;height:936px;margin-bottom:103px}.system .scene .policy{font-size:36px;font-weight:700;color:#242a46;line-height:50px;letter-spacing:1px;margin:40px auto 24px}.system .scene .policy1{font-size:16px;color:#646464;line-height:26px;letter-spacing:1px;margin-bottom:70px}.system .scene .partner{display:flex;justify-content:space-between;align-items:center;width:1200px;margin:auto;flex-wrap:wrap}.system .scene .partner .policy-item{width:336px;margin-bottom:75px}.system .scene .partner .policy-item .ppic{width:40px;height:40px}.system .scene .partner .policy-item .way{font-size:18px;font-weight:700;color:#242a46;line-height:25px;margin:16px 0 12px}.system .scene .partner .policy-item .ways{font-size:14px;color:#646464;line-height:24px}.system .scene .partner .longer{padding-bottom:24px}.system .scene .hands{width:1200px;margin:auto}.system .scene .hands .wrap .line{position:absolute;width:1200px;height:1px;background-color:#edeff3}.system .scene .hands .wrap .type{width:110px;position:relative;top:-9px;left:50%;transform:translateX(-50%);font-size:16px;font-weight:700;color:#757d87;line-height:22px;letter-spacing:1px;padding:0 3px;background-color:#fff;z-index:2}.system .scene .hands .wrap .long{width:142px}.system .scene .hands .wrap .logoBox{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;padding:40px 0 60px}.system .scene .hands .wrap .logoBox .logo{width:230px;height:74px;border-radius:4px;margin:14px 10px 14px 0}.system .scene .hands .wrap .logoBox .logo .logoPic{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.system .become2{width:100%;height:220px;background-image:url(/_nuxt/img/become.6f782e6.png);background-repeat:no-repeat;background-size:cover;background-position:50%;margin:90px auto;text-align:center}.system .become2 .btitle{font-size:36px;font-weight:700;color:#fff;line-height:50px;letter-spacing:1px;padding:45px 0 18px;margin-bottom:20px}.system .become2 .btxt{font-size:16px;color:#fff;line-height:26px;letter-spacing:1px;margin-bottom:40px}.system .become2 .btmBtn{width:200px;height:48px;background:#fff;box-shadow:0 2px 4px 0 #6a7fe9;border-radius:4px;border:1px solid #fff;color:#526ef5;cursor:pointer}