.pc-wap{width:100%;min-width:1440px}.header-wap{height:700px;background:url("//images.koolearn.com/shark/project/zt/2019/0412im/i/header.png?e41599") center no-repeat;background-size:100% 100%;padding:.1px}.header-wap .logo-wap{margin:20px;height:40px;line-height:40px;font-size:20px;color:#fff}.header-wap .logo-wap .logo{width:36px;height:36px;background:url("//images.koolearn.com/shark/project/zt/2019/0412im/i/logo.png?caf2ae") center no-repeat;margin-right:20px}.header-wap .logo-wap a{color:#fff;margin-right:20px;text-decoration:none}.header-wap .logo-wap a:hover{border-bottom:2px solid #26d3bc}.header-wap .desc1{text-align:center;font-size:48px;color:#fff;margin-top:150px}.header-wap .desc2{font-size:18px;color:#e6e7e7;text-align:center;margin-bottom:70px;margin-top:10px}.header-wap .btn-down{display:block;width:160px;height:50px;line-height:50px;text-align:center;margin:0 auto;border-radius:5px;background:linear-gradient(#1bbecb 0,#14c2c1 50%,#0cc6b4 50%);color:#fff;font-size:18px;text-decoration:none;cursor:pointer}.header-wap .btn-down:hover{background:linear-gradient(#2bc9d6 0,#26d0ce 50%,#20d8c6 50%)}.header-fixed{position:fixed;background:#fff;top:0;width:100%;z-index:1000;min-width:1440px}.header-fixed .logo-wap{margin:20px;height:40px;line-height:40px;font-size:20px;color:#000}.header-fixed .logo-wap .logo{width:36px;height:36px;background:url("/project/zt/2019/0412im/i/logo.png?caf2ae") center no-repeat;margin-right:20px}.header-fixed .logo-wap a{color:#000;text-decoration:none;padding:0 10px;box-sizing:border-box}.header-fixed .logo-wap a:hover{background:#26d3bc;color:#fff;border-radius:8px}.w1440{margin:0 auto;width:1440px;position:relative}.left{float:left}.right{float:right}.clear:after{clear:both;content:'';display:block;width:0;height:0;visibility:hidden}.hide{display:none}.func-intro{background:#eef3f6;height:640px}.func-intro .fun-wap{margin:225px 0 0 80px}.func-intro .fun-wap .fun-tit1{font-size:38px;color:#3c3c3c;font-weight:700}.func-intro .fun-wap .fun-desc{font-size:18px;color:#828282;margin-top:22px}.func-intro .img-wap{width:755px;height:514px;background:url("//images.koolearn.com/shark/project/zt/2019/0412im/i/chat.png?92ec4d") center no-repeat;background-size:100% 100%;margin-top:80px;margin-left:50px;position:relative}.func-intro .img-wap .data,.func-intro .img-wap .tools-asset,.func-intro .img-wap .welcome{font-size:16px;padding-top:5px;position:absolute;border-radius:8px;color:#fff;text-align:center;box-sizing:border-box}.func-intro .img-wap .tools-asset{width:60px;height:60px;background:linear-gradient(#1ddbc3 0,#22d4ca 50%,#28ced1 100%);top:175px;left:-40px;box-shadow:0 5px 10px #abebe5}.func-intro .img-wap .tools-asset:before{content:'';display:block;position:absolute;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #28ced1;top:24px;right:-7px}.func-intro .img-wap .welcome{width:60px;height:60px;background:linear-gradient(#f98b5a 0,#f57459 50%,#f26658 100%);top:-32px;left:490px;box-shadow:0 5px 10px #ffcec4}.func-intro .img-wap .welcome:before{content:'';display:block;position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #f57459;bottom:-7px;right:22px}.func-intro .img-wap .data{width:60px;height:60px;background:linear-gradient(#30c7e9 0,#2cc1e5 50%,#27b9e1 100%);top:50px;right:-40px;box-shadow:0 5px 10px #b0e5ec}.down-wrap .down-btn .item-btn .mac:hover,.down-wrap .down-btn .item-btn .window:hover{box-shadow:0 5px 5px #e0e7ee}.func-intro .img-wap .data:before{content:'';display:block;position:absolute;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #30c7e9;top:24px;left:-7px}.func-intro2{background:#fff}.func-intro2 .user-wap{width:525px;height:440px;background:url("//images.koolearn.com/shark/project/zt/2019/0412im/i/stars.png?aba1fc") center no-repeat;margin:105px 0 0 190px;position:relative}.func-intro2 .user-wap .center,.func-intro2 .user-wap .outr1,.func-intro2 .user-wap .outr2,.func-intro2 .user-wap .outr3{border-radius:50%;margin:auto;top:0;left:0;right:0;bottom:0}.func-intro2 .user-wap .center{position:absolute;width:105px;height:105px;background:linear-gradient(#1ddbc3 0,#22d4ca 50%,#28ced1 100%);z-index:4}.func-intro2 .user-wap .center:before{content:'';display:block;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;width:56px;height:46px;background:url("//images.koolearn.com/shark/project/zt/2019/0412im/i/center.png?f036ed") center no-repeat}.func-intro2 .user-wap .outr1{position:absolute;width:200px;height:200px;background:#cceee9;z-index:3;animation:circle-opacity 2s infinite}.func-intro2 .user-wap .outr2{position:absolute;width:280px;height:280px;background:#dff4f1;z-index:2;animation:circle-opacity 2s infinite}.func-intro2 .user-wap .outr3{position:absolute;width:350px;height:350px;background:#f4fbfa;z-index:1;animation:circle-opacity 2s infinite}.func-intro2 .user-wap .user{position:absolute;width:50px;height:50px;border-radius:50%;z-index:6;animation:up-down 2s infinite}.func-intro2 .user-wap .user:before{content:'';display:block;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;width:26px;height:22px;background:url("//images.koolearn.com/shark/project/zt/2019/0412im/i/user.png?608d85") center no-repeat}.func-intro2 .user-wap .user1{background:#a2c5f8;border-radius:8px;left:240px}.func-intro2 .user-wap .user2{background:#7cd5cc;border-radius:8px;right:65px;top:115px}.func-intro2 .user-wap .user3{background:#a1ca75;border-radius:8px;right:65px;top:285px}.func-intro2 .user-wap .user4{background:#f8d383;border-radius:8px;left:240px;bottom:15px}.func-intro2 .user-wap .user5{background:#faad92;border-radius:8px;left:65px;top:285px}.func-intro2 .user-wap .user6{background:#ffb0b9;border-radius:8px;left:65px;top:115px}.func-intro2 .fun-desc2-wap{margin-left:115px;margin-top:260px}.func-intro3{background:linear-gradient(#2bc9d6 0,#27cfd0 50%,#21d7c8 100%);color:#fff}.func-intro3 .fun-desc,.func-intro3 .fun-tit1{color:#fff!important}.func-intro3 .chart-wap{width:738px;height:442px;background:url("//images.koolearn.com/shark/project/zt/2019/0412im/i/echart.png?6d2b0a") center no-repeat;margin:125px 0 0 110px;position:relative}.func-intro3 .chart-wap .red{width:623px;height:92px;background:url("//images.koolearn.com/shark/project/zt/2019/0412im/i/red.png?4db93d") center no-repeat;position:absolute;left:59px;bottom:70px}.func-intro3 .chart-wap .green{width:623px;height:211px;background:url("//images.koolearn.com/shark/project/zt/2019/0412im/i/green.png?ed63a4") center no-repeat;position:absolute;left:59px;bottom:112px}.func-intro3 .chart-wap .blue{width:621px;height:107px;background:url("//images.koolearn.com/shark/project/zt/2019/0412im/i/blue.png?848396") center no-repeat;position:absolute;left:59px;bottom:268px}.down-wrap{box-sizing:border-box;padding:70px 0}.down-wrap .tit2{text-align:center;font-size:34px;color:#3c3c3c;font-weight:700}.down-wrap .down-btn{text-align:center;margin-top:60px;padding:0 340px}.down-wrap .down-btn .item-btn{float:left;margin:0 10px}.down-wrap .down-btn .item-btn .version{display:inline-block;width:345px;height:105px;border:1px solid #ccd7d9;border-radius:8px;box-sizing:border-box;padding:25px 65px;cursor:pointer}.down-wrap .down-btn .item-btn .version .icon-win{display:inline-block;width:52px;height:52px;background:url("//images.koolearn.com/shark/project/zt/2019/0412im/i/windows.png?08bcb6") center no-repeat;margin-right:25px;vertical-align:middle}.down-wrap .down-btn .item-btn .version .icon-mac{display:inline-block;width:52px;height:52px;background:url("//images.koolearn.com/shark/project/zt/2019/0412im/i/mac.png?235766") center no-repeat;vertical-align:middle}.down-wrap .down-btn .item-btn .mac:hover .icon-mac,.down-wrap .down-btn .item-btn .window:hover .icon-win{vertical-align:bottom}.down-wrap .down-btn .item-btn .version .desc-wrap{display:inline-block;min-width:95px}.down-wrap .down-btn .item-btn .mac:hover .download-mac,.down-wrap .down-btn .item-btn .window:hover .download-win{display:block}.down-wrap .down-btn .item-btn .version .desc-wrap .down-desc{font-size:20px;color:#828282}.down-wrap .down-btn .item-btn .version .desc-wrap a{color:#2ec4b6;font-size:14px;text-decoration:none}.down-wrap .down-btn .mac-notice{width:345px;text-align:left;color:#828282;font-size:12px;margin-top:10px}.down-wrap .down-btn .mac-notice a{color:#2ec4b6;font-size:12px;text-decoration:none;cursor:pointer}.question-wrap{box-sizing:border-box;padding:55px 0;background:#eef3f6}.question-wrap .tit2{text-align:center;font-size:34px;color:#3c3c3c;font-weight:700;margin-bottom:10px}.question-wrap p{font-size:16px;color:#828282;text-align:center;line-height:30px}@keyframes up-down{from,to{-webkit-transform:translate3d(0,10px,0)}50%{-webkit-transform:translate3d(0,0,0)}}@keyframes circle-opacity{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (print),(prefers-reduced-motion){.animated{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;transition:none!important}}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUp10{from{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp10{from{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp10{-webkit-animation-name:fadeInUp10;animation-name:fadeInUp10}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(50px,0,0);transform:translate3d(50px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}