.qrcode-box{background:hsla(0,0%,100%,.6);border-radius:12px;display:inline-block;padding:16px}.qrcode-box img{height:var(--box-size);width:var(--box-size)}.qrcode-box .desc{align-items:center;display:flex;justify-content:space-between;padding:8px 2px 0;width:var(--box-size)}.qrcode-box .desc .text{font-size:12px}.qrcode-box .desc .icon-area{display:flex}.qrcode-box .desc .icon-area .icon-box{height:18px;width:18px}.stars{display:flex}.stars .star{padding-right:var(--star-gap)}.stars .star:last-of-type{padding-right:0}.stars .star .icon-box{height:var(--box-size);padding:1px;width:var(--box-size)}.stars .star .icon-box svg{height:var(--star-size);width:var(--star-size)}.progress-line{background:rgba(215,221,230,.5);border-radius:4px;height:6px;overflow:hidden;position:relative;width:400px}.progress-line .progress-line-inner{background-color:#2672ff;border-radius:4px;height:100%;left:0;position:absolute;top:0}.app-comment-card{background:#fff;border:.5px solid #e8ecf7;border-radius:20px;box-shadow:0 12px 18px 0 rgba(139,175,232,.12);box-sizing:border-box;display:inline-block;flex-grow:0;flex-shrink:0;height:210px;padding:30px 40px;width:500px}.app-comment-card .card-header{align-items:center;display:flex;justify-content:space-between}.app-comment-card .card-header .title{color:#484848;font-size:24px;font-weight:500}.app-comment-card .card-header .user{color:#707070;font-size:20px}.app-comment-card .card-rate{padding-top:8px}.app-comment-card .card-content{color:#484848;font-size:16px;font-weight:500;padding-top:28px}.app-comment-card-mobile{border-radius:12px;height:150px;padding:16px;width:304px}.app-comment-card-mobile .card-header .title{font-size:16px;text-overflow:ellipsis;white-space:normal}.app-comment-card-mobile .card-header .user{font-size:12px}.app-comment-card-mobile .card-content{font-size:14px;font-weight:400;padding-top:16px}.app-comments{height:100%;padding:60px 0;width:100%}.app-comments .comments-header{display:flex;justify-content:space-between}.app-comments .comments-header .title{color:#202328;font-size:40px;font-weight:600}.app-comments .comments-header .sub-title{color:#656a72;font-size:20px;padding-top:16px}.app-comments .comments-header .score-area{display:flex}.app-comments .comments-header .score-area .score-row-area{padding:9px 0}.app-comments .comments-header .score-area .score-row-area .score-row{align-items:center;display:flex;justify-content:flex-end;padding:1px 0}.app-comments .comments-header .score-area .score-row-area .score-row .progress-area{padding-left:12px}.app-comments .comments-header .score-area .score-text{padding-left:28px}.app-comments .comments-header .score-area .score-text .score-value{color:#2672ff;font-size:60px;font-weight:500;line-height:66px}.app-comments .comments-header .score-area .score-text .score-desc{color:#484848;font-size:20px}.app-comments .comments-content .comments-arrow-btn{background-color:#fff;border-radius:100%;box-shadow:0 6px 12px 0 rgba(31,35,41,.06),0 8px 24px 8px rgba(31,35,41,.04)}.app-comments .comments-footer{display:flex;justify-content:center;padding-top:40px}.app-comments .comments-footer>.arrow{align-items:center;background-color:#fff;border-radius:18px;box-shadow:0 6px 12px 0 rgba(31,35,41,.06),0 8px 24px 8px rgba(31,35,41,.04);color:#484848;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.app-comments .comments-footer>.arrow:first-of-type{margin-right:30px}.app-comments .comments-footer>.arrow-disabled{background-color:#f1f1f1;cursor:not-allowed}@media screen and (max-width:1365px){.app-comments{padding:60px 0}.app-comments .comments-header .title{font-size:30px}.app-comments .comments-header .sub-title{font-size:16px}.app-comments .comments-header .score-area .score-text .score-value{font-size:50px}.app-comments .comments-header .score-area .score-text .score-desc{font-size:16px}}.app-comments-mobile{padding:40px 0 0}.app-comments-mobile .comments-header{align-items:center;flex-direction:column;justify-content:center;margin:0 auto;width:325px}.app-comments-mobile .comments-header .title{font-size:20px;text-align:center}.app-comments-mobile .comments-header .sub-title{font-size:16px;text-align:center}.app-comments-mobile .comments-header .score-area{justify-content:space-between;padding-bottom:24px;width:100%}.app-comments-mobile .comments-header .score-area .score-row-area .score-row .progress-area{padding-left:2px}.app-comments-mobile .comments-header .score-area .score-text{display:flex;flex-direction:column;justify-content:center;padding-left:16px}.app-comments-mobile .comments-header .score-area .score-text .score-value{font-size:28px;font-weight:400;line-height:normal}.app-comments-mobile .comments-header .score-area .score-text .score-desc{font-size:12px}.app-comments-mobile .comments-content{overflow-x:auto;padding-left:24px;width:100%}.app-comments-mobile .comments-content::-webkit-scrollbar{height:0;width:0}.app-comments-mobile .comments-content .card-list{display:flex;padding-bottom:40px;width:-moz-max-content;width:max-content}.app-comments-mobile .comments-content .card-list>div{margin-right:12px}.app-comments-mobile .comments-content .card-list>div:last-of-type{margin-right:24px}.app-item-area{display:flex;height:600px;justify-content:space-between;padding:0 15px;width:1200px}.app-item-area .side-text-area{align-items:center;display:flex;flex:1}.app-item-area .side-text-area .bg-content{align-items:flex-start;background:url(https://s0.wenjuan.com/wj-mainsitefed/img/item-bg.4e0c78e.png) 0 no-repeat;background-size:100% 100%;display:flex;flex-direction:column;height:428px;justify-content:center;width:584px}.app-item-area .side-text-area .bg-content .text-group{padding:0 57px 0 77px;width:100%}.app-item-area .side-text-area .bg-content .text-group .title{color:#2672ff;font-size:40px;font-weight:600}.app-item-area .side-text-area .bg-content .text-group .sub-title{color:#202328;font-size:40px;font-weight:600;padding-bottom:24px}.app-item-area .side-text-area .bg-content .text-group .desc{color:#656a72;font-size:18px}.app-item-area .side-img-area{align-items:flex-end;display:flex;flex:1;padding-bottom:78px}.app-item-area .side-img-area img{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-row .side-text-area{margin-left:-12px}.app-row .side-img-area{justify-content:end}.app-row-reverse{flex-direction:row-reverse}.app-row-reverse .side-text-area{justify-content:end}.app-row-reverse .side-text-area .bg-content .text-group{padding:0 37px 0 97px}@media screen and (max-width:1365px){.app-item-area{height:428px;padding:0 20px;width:980px}.app-item-area .side-text-area .bg-content{height:304px;width:415px}.app-item-area .side-text-area .bg-content .text-group{padding:0 0 0 45px}.app-item-area .side-text-area .bg-content .text-group .sub-title,.app-item-area .side-text-area .bg-content .text-group .title{white-space:nowrap}.app-item-area .side-img-area{padding-bottom:44px}.app-row .side-text-area{margin-left:-42px}}.app-item-area-mobile{flex-direction:column;height:auto;justify-content:center;padding:32px 0 0;width:339px}.app-item-area-mobile .side-text-area{padding:0 0 20px;white-space:normal}.app-item-area-mobile .side-text-area .bg-content{background-size:200px 146px;height:146px;width:100%}.app-item-area-mobile .side-text-area .bg-content .text-group{padding:32px 0 0 6px}.app-item-area-mobile .side-text-area .bg-content .text-group .title{font-size:24px;white-space:nowrap}.app-item-area-mobile .side-text-area .bg-content .text-group .sub-title{font-size:24px;padding-bottom:12px;white-space:nowrap}.app-item-area-mobile .side-text-area .bg-content .text-group .desc{font-size:14px}.app-item-area-mobile .side-img-area{display:flex;justify-content:center;padding-bottom:0}.app-screen-animation{height:580px;position:relative;width:667px}.app-screen-animation .main-bg{background:url(https://s0.wenjuan.com/wj-mainsitefed/img/top-main.01dc773.png) 0 no-repeat;background-size:100%;height:498px;left:197px;position:absolute;top:38px;width:230px;z-index:1}.app-screen-animation .item-area{opacity:0;position:absolute;transform:scale(.3);z-index:2}.app-screen-animation .wrap-1{animation:item-ani .8s ease-in-out forwards;left:-4px;top:103px;transform:translate3d(180px,80px,0);z-index:0}.app-screen-animation .wrap-2{animation:item-ani .8s ease-in-out .2s forwards;right:6.5px;top:93px;transform:translate3d(-220px,100px,0)}.app-screen-animation .wrap-3{animation:item-ani .8s ease-in-out .2s forwards;bottom:75px;left:-5px;transform:translate3d(180px,-140px,0)}.app-screen-animation .wrap-4{animation:item-ani .8s ease-in-out .2s forwards;bottom:108px;right:62px;transform:translate3d(-240px,-80px,0)}.app-screen-animation .wrap-img-1{animation:img-ani-1 4s linear 1.2s infinite;width:230px}.app-screen-animation .wrap-img-2{animation:img-ani-2 4s linear 1.2s infinite;height:129.5px;width:216.5px}.app-screen-animation .wrap-img-3{animation:img-ani-3 4s linear 1.2s infinite;width:252px}.app-screen-animation .wrap-img-4{animation:img-ani-4 4s linear 1.2s infinite;width:150px}@media screen and (max-width:1140px){.app-screen-animation{transform:scale(.83);transform-origin:right center}}.app-mobile .app-screen-animation{transform:scale(.526);transform-origin:top center}@keyframes item-ani{to{opacity:1;transform:translateZ(0)}}@keyframes img-ani-1{25%{transform:translate3d(10px,10px,0)}50%{transform:translate3d(12px,12px,0)}75%{transform:translate3d(2px,2px,0)}to{transform:translateZ(0)}}@keyframes img-ani-2{35%{transform:translate3d(-10px,10px,0)}50%{transform:translate3d(-12px,12px,0)}80%{transform:translate3d(-2px,2px,0)}to{transform:translateZ(0)}}@keyframes img-ani-3{35%{transform:translate3d(10px,-10px,0)}50%{transform:translate3d(12px,-12px,0)}80%{transform:translate3d(2px,-2px,0)}to{transform:translateZ(0)}}@keyframes img-ani-4{35%{transform:translate3d(-10px,-10px,0)}50%{transform:translate3d(-12px,-12px,0)}80%{transform:translate3d(-2px,-2px,0)}to{transform:translateZ(0)}}.app{display:flex;flex-direction:column;margin-top:-88px;min-width:1024px;overflow-x:auto;transition:all .2s linear;width:100%}.app .top-area{background:url(https://s0.wenjuan.com/wj-mainsitefed/img/bg-1.c2bb16c.png) 0 no-repeat;background-size:1440px 800px;height:800px;overflow:hidden}.app .top-area-content{margin:0 auto;max-width:1200px;min-width:1024px;padding:0 15px;position:relative}.app .top-area .text-area{left:15px;margin-top:200px;position:absolute}.app .top-area .text-area .title{color:#202328;font-size:56px;font-weight:600;line-height:76px}.app .top-area .text-area .sub-title{color:#484848;font-size:24px;padding:12px 0 32px}.app .top-area .img-area{margin-top:110px;position:absolute;right:15px}.app .second-area{background:linear-gradient(180deg,rgba(236,244,255,.26) 2%,#f7f9ff);height:542px}.app .content-area{align-items:center;display:flex;flex-direction:column}.app .bottom-area{background:url(https://s0.wenjuan.com/wj-mainsitefed/img/bottom-bg.6fe1a88.png) 0 no-repeat;background-size:100% 100%;padding:70px 0;text-align:center;width:100%}.app .bottom-area .title{color:#202328;font-size:40px;font-weight:600;line-height:60px}.app .bottom-area .sub-title{color:#484848;font-size:24px;padding:16px 0 40px}@media screen and (max-width:1365px){.app .bottom-area{padding:60px 0}}.app-mobile{margin-top:0;min-width:auto;overflow:hidden;width:100%}.app-mobile .top-area{background-position:-149px 0;background-size:1024px 600px;height:600px;padding:0}.app-mobile .top-area-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:auto}.app-mobile .top-area .text-area{margin-top:110px;padding-left:0;position:static;text-align:center}.app-mobile .top-area .text-area .title{display:inline-block;font-size:24px;font-weight:500;line-height:30px}.app-mobile .top-area .text-area .title:first-of-type{padding-right:6px}.app-mobile .top-area .text-area .sub-title{font-size:18px}.app-mobile .top-area .img-area{margin:0;position:static}.app-mobile .second-area{height:400px}.app-mobile .content-area{padding-bottom:59px}.app-mobile .bottom-area{padding:100px 0}.app-mobile .bottom-area .title{display:inline-block;font-size:24px;font-weight:500;line-height:normal}.app-mobile .bottom-area .title:first-of-type{padding-right:4px}.app-mobile .bottom-area .sub-title{font-size:18px;padding:10px 0 0}.app-mobile .download-button{bottom:60px;display:flex;justify-content:center;position:fixed;width:100%}.app-mobile .download-button .wj-button{border-radius:4px;font-size:16px;height:48px;width:184px}@media screen and (min-width:1440px){.app .top-area{background-position:bottom;background-size:100vw auto}}