.header{position:absolute;top:0;left:0;width:100%;height:60px;overflow:hidden;z-index:15}.header .wrap{position:relative;max-width:2186px;min-width:1166px;width:85.42%;height:100%;margin:0 auto;z-index:10}.header .logo{float:left;width:395px;height:54px;margin-top:10px;text-indent:-9999px;background:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/logo.png) 0 0 no-repeat;background-size:85%}.header .logo a{display:block;width:100%;height:100%}.header .menus{float:right}.header .menus li{float:left;line-height:60px;margin-left:36px;font-size:18px;display:block}.header .menus li a{-webkit-transition:opacity .25s linear;transition:opacity .25s linear;color:#333;opacity:.8}.header .menus li a:hover{opacity:1}.header .menus li a:active{color:#12b7f5;opacity:1}.banner{position:relative;min-height:760px;height:100vh}.banner-container{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;z-index:9999;position:absolute;left:50%;margin-left:-580px;top:50%;margin-top:-286px;width:1160px;height:572px}.banner-container,.banner-container__box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.banner-container__box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:482px;height:100%}.banner-container__box-title{text-align:center;font-family:PingFang SC;font-size:37.5px;font-style:normal;font-weight:500;line-height:normal}.banner-container__box .color__linear-gradient{background:-webkit-linear-gradient(315deg,#d176ff 10%,#1e7eff 40%,#27a9ff);background:linear-gradient(135deg,#d176ff 10%,#1e7eff 40%,#27a9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;color:transparent}.banner-container__box-desc{margin-bottom:45px;height:40px;color:#000;text-align:center;font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:400;line-height:normal;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.banner-container__box-desc__logo{margin:0 14px;width:86.634px;height:29.525px;background-size:100%;background-image:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/nt-logo.png);background-repeat:no-repeat}.banner-container__box-banner{height:330px;background-size:100%;background-repeat:no-repeat}.banner-container__box .banner__old{width:482px;background-image:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/old-demo.png)}.banner-container__box .banner__nt{width:485px;background-image:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/nt-demo.png)}.banner-container__box-button__nt{margin-top:55px;width:235px;height:52px;background-size:100%;background-image:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/nt-btn.png);background-repeat:no-repeat;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:relative}.banner-container__box-button__nt:hover{opacity:.9}.banner-container__box-button__nt .download{position:absolute;top:0;left:0;width:100%;height:100%}.banner-container__box-button__nt__text{width:127.61px;height:26px;background-size:100%;background-image:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/nt-btn-text.png);background-repeat:no-repeat}.banner-container__box-button__old{margin-top:55px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:235px;height:52px;border-radius:71px;background:-webkit-linear-gradient(358deg,#05cff1 -.06%,#1ca4ff 93.24%);background:linear-gradient(92deg,#05cff1 -.06%,#1ca4ff 93.24%);box-shadow:2px 0 34px 0 hsla(0,0%,100%,.2);color:#fff;text-align:center;font-family:PingFang SC;font-size:18px;font-style:normal;font-weight:500;line-height:17.004px;letter-spacing:-.315px;position:relative}.banner-container__box-button__old:hover{box-shadow:0 4px 24px 0 rgba(0,87,255,.21)}.banner-container__box-button__old .download,.banner-triangle{position:absolute;top:0;left:0;width:100%;height:100%}.banner-triangle{background:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/1-p.png) 0 0 no-repeat;background-size:100% 100%;z-index:8}.banner-show{position:absolute;left:0;top:0;bottom:0;z-index:10;width:42%;overflow:hidden}.banner-line{width:11px;height:551px;top:50%;margin-top:-275px;background:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/cutline.png) 50% no-repeat;background-size:100% 100%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.banner-line,.banner-msg{position:absolute;left:42%;z-index:10}.banner-msg{top:0;bottom:0;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:55%;padding-left:60px;line-height:1;color:#333;overflow:hidden;opacity:0}.banner-msg .title{height:100px;line-height:100px;margin-top:10px;font-weight:400;font-size:80px}.banner-msg .desc{height:50px;line-height:50px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;align-items:baseline}.banner-msg .desc-version{position:relative;font-weight:400;font-size:46px;white-space:nowrap}.banner-msg .desc-version .icon-new{position:absolute;left:100%;bottom:80%;width:24px;height:24px;background-image:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/new.png);background-size:100%;background-repeat:no-repeat}.banner-msg .desc-date{font-size:18px;margin-left:28px}.banner-msg .features{margin-top:10px;font-size:18px;color:#3b516f;line-height:40px}.animateOptions .line{-webkit-transition:-webkit-transform 1s ease-in-out;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out;-webkit-transform:scaleY(0);transform:scaleY(0)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animateOptions .banner-msg{-webkit-animation:fadeIn 1s ease .2s both;animation:fadeIn 1s ease .2s both}.btn-downlond{width:300px;height:70px;margin-top:32px;border-radius:40px;background-color:#00beff;position:relative;overflow:hidden}.btn-downlond .download{width:100%;height:100%;display:block;border-radius:40px;-webkit-transition:background-position .25s ease-in-out;transition:background-position .25s ease-in-out;background-color:#333;position:relative;opacity:0;z-index:5}.btn-downlond .download:active{opacity:.16}.btn-downlond .mask{position:absolute;top:0;left:0;z-index:4;width:100%;height:100%;text-align:center;line-height:70px;font-size:30px;color:#fff;background:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/btn-line.png) -300px 50% no-repeat;background-position:-300px;border-radius:40px;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.btn-downlond:hover .mask{background-position:0 70%}.transition{display:-webkit-box;display:-webkit-flex;display:flex;margin-top:20px;margin-bottom:20px;height:30px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:start;justify-content:start}.transition-line{width:131px;height:1px;background-color:rgba(0,0,0,.2)}.transition-text{font-size:14px;font-weight:400;line-height:17px;text-align:center;color:#3b516f;margin:0 10px}.btn-nt{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:304px;height:70px;background:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/btn-bg.png) 50% no-repeat;background-size:100% 100%;border-radius:65px;cursor:pointer}.btn-nt:hover{box-shadow:0 4px 24px 0 rgba(0,87,255,.21)}.btn-nt:active{background-color:rgba(0,0,0,.04)}.btn-nt-icon{width:87px;height:24px;background:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/btn-text.png) 50% no-repeat;background-size:100% 100%;margin-bottom:5px}.btn-nt-text{font-size:14px;font-weight:500;line-height:17px;text-align:center;color:#3b516f}.loginInterface{position:absolute;right:20px;top:50%;margin-top:-197px;width:494px;height:394px;opacity:0}.login-container{width:494px;height:394px;background-repeat:no-repeat;background-position:0 0;background-size:auto 100%}.login-video{top:18px;margin-left:-214px;width:428px;height:126px;border-top-left-radius:3px;border-top-right-radius:3px;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/header-top.png) 0 0 no-repeat;background-size:100% 100%}.login-icon,.login-video{position:absolute;left:50%}.login-icon{top:26px;margin-left:-205px;width:410px;height:163px}.aioInterface{position:absolute;top:50%;right:20px;margin-top:-373px;width:338px;height:746px;background-position:50%;background-repeat:no-repeat;background-size:auto 100%;opacity:0}@-webkit-keyframes interface{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}20%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}80%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@keyframes interface{0%{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}20%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}80%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(500px);transform:translateX(500px);opacity:0}}@-webkit-keyframes line{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}20%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes line{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}20%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}.animateOptions .banner-line{-webkit-animation:line 4s ease infinite both;animation:line 4s ease infinite both}.animateOptions .aioInterface.active,.animateOptions .loginInterface.active{-webkit-animation:interface 3.5s ease .5s infinite alternate both;animation:interface 3.5s ease .5s infinite alternate both}#mov-container{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.mov-bg{background-color:#fff;opacity:1}.mov-bg>div{width:100%;background-size:cover;position:absolute;top:0;bottom:0;z-index:1}.mov-bg-01{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/firstscreen_img/BG-1.jpg) no-repeat top;opacity:0}.mov-bg-02{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/firstscreen_img/BG-1_1.jpg) no-repeat top;opacity:0}.mov-bg-03{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/firstscreen_img/BG-2_1.jpg) no-repeat top;opacity:0}.mov-bg-04{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/firstscreen_img/BG-4_1.jpg) no-repeat top;opacity:0}.mov-bg-05{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/firstscreen_img/BG-5_1.jpg) no-repeat top;opacity:0}.mov-bg-06{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/firstscreen_img/BG-1_1.jpg) no-repeat top;opacity:0}@-webkit-keyframes imageOpacityA{0%{opacity:1}80%{opacity:0}to{opacity:1}}@keyframes imageOpacityA{0%{opacity:1}80%{opacity:0}to{opacity:1}}@-webkit-keyframes imageOpacityB{0%{opacity:0}15%{opacity:1}30%{opacity:1}62%{opacity:0}to{opacity:0}}@keyframes imageOpacityB{0%{opacity:0}15%{opacity:1}30%{opacity:1}62%{opacity:0}to{opacity:0}}@-webkit-keyframes backgroundImageMoving{0%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}40%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}48%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}56%{opacity:.6;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes backgroundImageMoving{0%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}40%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}48%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}56%{opacity:.6;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}.imageMoving{-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation:backgroundImageMoving 14s linear;animation:backgroundImageMoving 14s linear}.mov-bg .mov-bg-01{-webkit-animation:imageOpacityA 26s linear infinite;animation:imageOpacityA 26s linear infinite}.mov-bg .mov-bg-02{-webkit-animation:imageOpacityB 26s linear infinite;animation:imageOpacityB 26s linear infinite}.slider{position:relative;min-height:700px;height:100vh}.slider-triangle{width:100%;height:100%;background:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/2-p.png) 0 0 no-repeat;background-size:100% 100%;position:absolute;top:0;left:0}.slider .wrap{margin:0 auto;max-width:2186px;min-width:1440px;width:85.42%;z-index:10}.slider-list,.slider .wrap{height:100%;position:relative}.slider-list{width:100%}.slider-list li{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.slider-dots{position:absolute;left:50%;top:50%;margin:330px 0 0 520px}.slider-dots .wrap-dot{display:inline-block;width:10px;height:10px;margin-left:8px;border-radius:2px;text-indent:-9999px}.slider-dots .wrap-dot.active{-webkit-transform:scale(1.4);transform:scale(1.4);border-radius:3px;box-shadow:inset 0 0 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.2)}.slider .message{margin:auto;width:100%;height:50%;position:absolute;top:0;left:15.8%;right:0;bottom:-31%;overflow:hidden}.skinText{opacity:0}.slider .feature{position:absolute;left:0;right:0;top:0;bottom:0;visibility:hidden}.slider .feature .vertical-line{height:100%;width:0;overflow:hidden}.slider .feature-txt,.slider .feature .vertical-line{display:inline-block;vertical-align:middle}.slider .feature-txt h1{font-weight:400;font-size:78px}.slider .feature-txt h3{font-weight:400;font-size:24px}.slider .feature-img,.slider .feature-txt{-webkit-transition:all .7s cubic-bezier(1,0,.7,1);transition:all .7s cubic-bezier(1,0,.7,1);opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}.slider .feature{visibility:visible}.slider .active .feature-img,.slider .active .feature-txt{-webkit-transition:opacity .7s cubic-bezier(1,0,.7,1),-webkit-transform .7s cubic-bezier(.3,0,0,1);transition:opacity .7s cubic-bezier(1,0,.7,1),-webkit-transform .7s cubic-bezier(.3,0,0,1);transition:transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);transition:transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1),-webkit-transform .7s cubic-bezier(.3,0,0,1);opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#sections-container section.slider{height:auto;padding-top:46.875%}.slider-container{width:100%;height:100%;position:absolute;top:0;left:0}.feat-share{position:relative;min-height:760px;height:100vh}.feat-share .img-triangle{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/3-p.png) 0 0 no-repeat;background-size:100% 100%}.feat-share .wrap{position:relative;z-index:2;width:1440px;height:100%;margin:0 auto}.feat-share .wrap .advert-content{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.feat-share .wrap .advert-content img{position:absolute;top:50%;left:0;display:block}.feat-share .wrap .message{position:absolute;left:70%;top:50%;height:160px;margin-top:-80px}.feat-share .wrap .message>h1{font-weight:400;font-size:78px}.feat-share .wrap .message>h3{font-weight:400;font-size:24px}.feat-share .advert-01{width:1071px;height:293px;margin:-350px 0 0 -180px}.feat-share .advert-02{width:1095px;height:311px;margin:-170px 0 0 -90px}.feat-share .advert-03{width:1146px;height:340px;margin:36px 0 0 -16px}.feat-share .advert-content img{-webkit-transform:translateY(100px);transform:translateY(100px);-webkit-transition:-webkit-transform 1s cubic-bezier(.8,0,.2,1);transition:-webkit-transform 1s cubic-bezier(.8,0,.2,1);transition:transform 1s cubic-bezier(.8,0,.2,1);transition:transform 1s cubic-bezier(.8,0,.2,1),-webkit-transform 1s cubic-bezier(.8,0,.2,1)}.animateOptions.feat-share .advert-content img{-webkit-transform:translateY(0);transform:translateY(0)}.animateOptions.feat-share .advert-content .advert-02{-webkit-transition-delay:70ms;transition-delay:70ms}.animateOptions.feat-share .advert-content .advert-03{-webkit-transition-delay:.14s;transition-delay:.14s}.feat-share .message{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:opacity .7s cubic-bezier(1,0,.7,1),-webkit-transform .7s cubic-bezier(.3,0,0,1);transition:opacity .7s cubic-bezier(1,0,.7,1),-webkit-transform .7s cubic-bezier(.3,0,0,1);transition:transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);transition:transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1),-webkit-transform .7s cubic-bezier(.3,0,0,1)}.animateOptions.feat-share .message{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.feat-social{position:relative;min-height:840px;height:100vh;overflow:hidden}.feat-social .img-triangle{position:absolute;top:0;right:0;bottom:0;left:0;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/4-p.png) 0 0 no-repeat;background-size:100% 100%}.feat-social .wrap{margin:0 auto;max-width:2186px;min-width:1440px;height:100%;position:relative;z-index:10}.feat-social .message{position:absolute;top:50%;left:10.8%;-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden}.feat-social .message>h1{font-weight:400;font-size:78px}.feat-social .message>h3{font-weight:400;font-size:24px}.animateOptions .feat-social .message{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:opacity .7s cubic-bezier(1,0,.7,1),-webkit-transform .7s cubic-bezier(.3,0,0,1);transition:opacity .7s cubic-bezier(1,0,.7,1),-webkit-transform .7s cubic-bezier(.3,0,0,1);transition:transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);transition:transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1),-webkit-transform .7s cubic-bezier(.3,0,0,1)}.animateOptions .feat-social .message.act{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.animateOptions .feat-social .face{-webkit-transition:-webkit-transform .3s cubic-bezier(.81,0,.19,1) .15s;transition:-webkit-transform .3s cubic-bezier(.81,0,.19,1) .15s;transition:transform .3s cubic-bezier(.81,0,.19,1) .15s;transition:transform .3s cubic-bezier(.81,0,.19,1) .15s,-webkit-transform .3s cubic-bezier(.81,0,.19,1) .15s;-webkit-transform:scale(1);transform:scale(1)}.animateOptions .feat-social .face-shadow{-webkit-transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear;transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear;-webkit-transform:scale(1);transform:scale(1)}.animateOptions .feat-social .dynamic{-webkit-transition:-webkit-transform .6s cubic-bezier(.8,0,.2,1) .2s;transition:-webkit-transform .6s cubic-bezier(.8,0,.2,1) .2s;transition:transform .6s cubic-bezier(.8,0,.2,1) .2s;transition:transform .6s cubic-bezier(.8,0,.2,1) .2s,-webkit-transform .6s cubic-bezier(.8,0,.2,1) .2s;-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:scale(0);transform:scale(0)}.animateOptions .feat-social .act .face,.animateOptions .feat-social .act .face-shadow{-webkit-transform:scale(1.2);transform:scale(1.2)}.animateOptions .feat-social .act .face-shadow{opacity:.8;background-color:#455bff}.animateOptions .feat-social .act .dynamic{-webkit-transform:scale(1);transform:scale(1)}@-webkit-keyframes ripple{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(7.9);transform:scale(7.9)}}@keyframes ripple{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(7.9);transform:scale(7.9)}}.animateOptions.feat-social .ring-list.act li{-webkit-animation:ripple 4s linear infinite;animation:ripple 4s linear infinite}.animateOptions.feat-social .ring-list.act li.ring2{-webkit-animation-delay:.8s;animation-delay:.8s}.animateOptions.feat-social .ring-list.act li.ring3{-webkit-animation-delay:1.6s;animation-delay:1.6s}.animateOptions.feat-social .ring-list.act li.ring4{-webkit-animation-delay:2.4s;animation-delay:2.4s}.animateOptions.feat-social .ring-list.act li.ring5{-webkit-animation-delay:3.2s;animation-delay:3.2s}.friendNet{position:absolute;top:50%;left:46%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:5}.friendNet-bg{position:relative;z-index:2;width:720px;height:803px}.ring-list{width:780px;height:870px;margin:-434px 0 0 -396px;z-index:1}.ring-list,.ring-list li{position:absolute;top:50%;left:50%}.ring-list li{margin-top:-6%;margin-left:-6%;padding-top:12%;width:12%;border-radius:50%;opacity:1;background-color:rgba(143,219,255,.6)}.face-container{position:absolute;z-index:10}.face-container .dynamic{position:absolute;left:50%;bottom:50%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left bottom;transform-origin:left bottom}.face-container .dynamic,.face-container .face{-webkit-transition:all .6s ease;transition:all .6s ease}.face-container .face{background-color:#fff}.face-container.face01{left:50%;top:50%;margin:-56px 0 0 -62px}.face-container.face01 .face{width:102px;height:102px;border-radius:102px;border:5px solid #fff}.face-container.face02{left:0;top:544px}.face-container.face02 .face{width:72px;height:72px;border-radius:72px;border:3px solid #fff}.face-container.face03{left:430px;top:554px}.face-container.face03 .face{width:66px;height:66px;border-radius:66px;border:3px solid #fff}.face-container.active .face{-webkit-transform:scale(1.2);transform:scale(1.2);border-color:#6473f4;background-color:#6473f4}.face-container.active .dynamic{-webkit-transform:scale(1);transform:scale(1)}.footer{width:100%;height:263px;margin-top:-140px;text-align:center;z-index:5;background:#fff url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/4-pd.png) no-repeat bottom;background-size:1280px 263px}.copyright{padding-top:200px;color:#4c4c4c;font-size:16px;font-weight:400}.mobile{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:100vw;height:100vh;background-size:cover;background-repeat:no-repeat;background-image:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/mobile-bg.png)}.mobile-title{margin-top:75px;color:#191919;text-align:center;font-family:PingFang SC;font-size:32px;font-style:normal;font-weight:500;line-height:normal}.mobile-line{height:.5px;-webkit-flex-shrink:0;flex-shrink:0;background:var(--q-light-color-border-standard,rgba(0,0,0,.1))}.mobile-line,.mobile-msg{margin-top:20px;width:294px}.mobile-msg .desc-text{margin-bottom:2px;color:#3b516f;font-family:PingFang SC;font-size:11px;font-style:normal;font-weight:400;line-height:20px}.mobile-loginimg{width:375px;height:326px;-webkit-flex-shrink:0;flex-shrink:0;background-size:100%;border-radius:8px;background-image:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/login.png);background-repeat:no-repeat}.mobile-btn-nt{margin-top:-22px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;width:220px;height:54px;background:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/btn-bg.png) 50% no-repeat;background-size:100% 100%;border-radius:39px;cursor:pointer}.mobile-btn-nt:hover{box-shadow:0 4px 24px 0 rgba(0,87,255,.21)}.mobile-btn-nt:active{background-color:rgba(0,0,0,.04)}.mobile-btn-nt-icon{width:70px;height:20px;background:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/btn-text.png) 50% no-repeat;background-size:100% 100%;margin-bottom:2px}.mobile-btn-nt-text{color:#3b516f;text-align:center;font-family:PingFang SC;font-size:9px;font-style:normal;font-weight:400;line-height:normal}.mobile-footer{position:fixed;height:231px;width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:end;justify-content:end;-webkit-box-align:center;-webkit-align-items:center;align-items:center;bottom:0;background:url(https://qq-web.cdn-go.cn/im.qq.com_hybrid_h5_v2/8b5ebc2e/app/pcqq/dist/cdn/assets/images/footer-bg.png) 50% no-repeat;background-size:100% 100%}.mobile-footer-tips{text-align:center;font-size:14px;font-weight:500}.mobile-footer-link,.mobile-footer-tips{color:#fff;font-family:PingFang SC;font-style:normal;line-height:normal}.mobile-footer-link{margin-top:5px;font-size:12px;font-weight:400;margin-bottom:46px}a,address,b,blockquote,body,div,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,label,legend,li,ol,p,s,span,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:-apple-system,sans-serif}ol,ul{list-style:none}a img{border:none;vertical-align:top}a{text-decoration:none}button{overflow:visible;padding:0;margin:0;border:0;background-color:transparent;font-family:inherit}button::-moz-focus-inner{padding:0}input,textarea{background:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-appearance:none;font-family:inherit}input[type=password]{-webkit-text-security:disc}button:focus,input:focus,textarea:focus{outline:none}body{word-wrap:break-word}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}.hybrid{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hybrid a,.hybrid img{-webkit-touch-callout:none}@font-face{font-family:PingFang;src:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/font/PingFang.eot);src:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/font/PingFang.eot#font-spider) format("embedded-opentype"),url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/font/PingFang.woff) format("woff"),url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/font/PingFang.ttf) format("truetype"),url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/font/PingFang.svg) format("svg");font-weight:400;font-style:normal}.clearfix{zoom:1}.clearfix:after{display:block;content:"";height:0;font-size:0;clear:both;float:none;overflow:hidden}#app{position:relative;overflow-x:hidden}