验证中...
Languages: HTML
Categories: Web开发技术
Latest update 2019-03-26 21:10
gistfile1.txt
Raw Copy
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>QQ 仿制版</title>
<meta itemprop="image" content="https://3gimg.qq.com/qq_product_operations/im/pcqq/rich.png">
<style>
@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}a,article,body,button,dd,div,dl,dt,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,html,iframe,img,input,li,menu,nav,ol,p,section,table,tbody,td,textarea,tr,ul{padding:0;margin:0}body,html{width:100%;height:100%}body{font:16px PingFang;min-width:1280px}
em{font-style:normal}
a,span{text-decoration:none;display:inline-block}
a:link,
a:visited{text-decoration:none}
a,button{outline:0;border:none}
li{list-style:none}
#header{width:100%;height:60px;position:absolute;overflow:hidden;top:0;left:0;z-index:15}
#logo{margin-top:15px;float:left;width:134px;height:30px;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/1920/logo.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.menu li{float:right;margin-right:2%;line-height:60px;font-size:18px;display:block}.menu li a{transition:opacity .25s linear;-webkit-transition:opacity .25s linear;-moz-transition:opacity .25s linear;-ms-transition:opacity .25s linear;-o-transition:opacity .25s linear;color:#333;opacity:.8}.menu li a:hover{opacity:1}.menu li a:active{color:#12B7F5;opacity:1}.wrap{margin:0 auto;max-width:2186px;min-width:1166px;width:85.42%;height:100%;position:relative;z-index:10}#mov-container{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.mov-bg>div{width:100%;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;top:0;bottom:0;z-index:1}.mov-bg{background-color:#fff;opacity:1}.mov-bg-01{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/firstscreen_img/BG-1.jpg) no-repeat center 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 center 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 center 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 center 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 center 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 center top;opacity:0}#sections-container,#sections-container>section{width:100%;height:100%;position:relative}#sections-container>section{overflow:hidden}.section-01 .img-triangle{width:100%;height:100%;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/1-p.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;position:absolute;top:0;left:0;z-index:8}.img-loginInterface{margin-top:-12.6%;padding-top:24.4%;width:32.2%;position:absolute;left:10.1%;top:50%;overflow:hidden}.login-container{width:100%;height:100%;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/1-login.png) 0 0 no-repeat;-webkit-background-size:auto 100%;background-size:auto 100%;position:absolute;top:0;left:0}.login-video{margin-left:-43.8%;width:82.4%;position:absolute;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;-webkit-background-size:100% 100%;background-size:100% 100%;top:4.6%;left:50%}.login-icon{margin-left:-42.5%;width:79%;position:absolute;top:7%;left:50%}.img-aioInterface{margin-top:-22.74%;padding-top:45.48%;width:21%;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/1-aio.png) 0 0 no-repeat;-webkit-background-size:auto 100%;background-size:auto 100%;position:absolute;top:50%;left:21.4%;background-position-X:7000%}.section-01 .message-container{width:100%;height:50%;min-height:270px;position:absolute;top:50%;left:42.5%;overflow:hidden;margin-top:-14%}.line{margin-top:-24%;padding-top:46%;width:11px;position:absolute;top:50%;left:42%;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/cutline.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.section-01 .message{margin-left:3%;width:100%;height:100%;position:absolute;top:0;left:0}.section-01 .message>h2{text-indent:4px;margin-bottom:0;margin-top:2%;font-weight:400;font-size:48px}.section-01 .message>h1{font-weight:400;font-size:80px}.button-container{margin-top:3.5%;width:300px;height:70px;border-radius:40px;background-color:#00beff;position:relative;overflow:hidden}.button-container:hover .btn-mask{background-position:0 70%}a.download:active{opacity:.16}a.download{width:100%;height:100%;display:block;border-radius:40px;transition:background-position .25s ease-in-out;-webkit-transition:background-position .25s ease-in-out;-moz-transition:background-position .25s ease-in-out;-ms-transition:background-position .25s ease-in-out;-o-transition:background-position .25s ease-in-out;background-color:#333;position:relative;opacity:0;z-index:5}.btn-mask{width:100%;height:100%;text-align:center;line-height:70px;font-size:30px;color:#fff;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/btn-line.png) -300px 50% no-repeat;background-position:-300px center;position:absolute;border-radius:40px;top:0;left:0;z-index:4;transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-ms-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out}#sections-container section.section-02{height:auto;padding-top:46.875%}.section-02-container{width:100%;height:100%;position:absolute;top:0;left:0}.section-02 .img-triangle{width:100%;height:100%;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/2-p.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;position:absolute;top:0;left:0}.plugin-client{margin-top:-26.83%;padding-top:51.22%;width:51.22%;position:absolute;top:56%;left:47.1%}.section-02 .message{margin:auto;width:100%;height:50%;position:absolute;top:0;left:15.8%;right:0;bottom:-31%;overflow:hidden}.skinText{opacity:0}.section-02 .message>h1{font-weight:400;font-size:88px}.section-02 .message>h3{font-weight:400;font-size:24px}.theme-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:5}.theme-container>div{width:100%;height:100%;position:absolute;top:0;left:0}.theme-a{padding-top:88.8%;width:40.2%;position:absolute;top:0;left:0;opacity:0}.theme-b{padding-top:70.2%;width:90%;position:absolute;top:17.2%;left:8%;opacity:0}.theme-img.fadeIn .theme-a,.theme-img.fadeIn .theme-b{opacity:1}.theme-img.fadeIn.fadeOut .theme-a,.theme-img.fadeIn.fadeOut .theme-b{opacity:0}.theme01 .theme-a{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/theme01-a.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.theme01 .theme-b{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/theme01-b.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.theme02 .theme-a{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/theme02-a.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.theme02 .theme-b{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/theme02-b.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.theme03 .theme-a{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/theme03-a.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.theme03 .theme-b{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/theme03-b.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.theme04 .theme-a{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/theme04-a.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.theme04 .theme-b{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/theme04-b.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.theme05 .theme-a{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/theme05-a.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.theme05 .theme-b{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/theme05-b.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.theme01 .theme-a{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/theme01-a.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.theme01 .theme-b{background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/theme01-b.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.theme-side{display:inline-block;position:absolute;bottom:6.8%;right:14.6%;opacity:0}.theme-side>li{display:inline-block;width:35px;height:35px;border-radius:6px;position:relative;z-index:6}.theme-side>li>i{margin:auto;width:10px;height:10px;display:block;border:0 solid #fff;border-radius:2px;position:absolute;top:0;bottom:0;left:0;right:0}.theme-side>li>i>span{margin:auto;width:100%;height:100%;display:block;border:0 solid #fff;border-radius:2px;position:absolute;top:0;bottom:0;left:0;right:0}.theme-side>li:nth-of-type(1)>i{background-color:#36CBFF}.theme-side>li:nth-of-type(2)>i{background-color:#FF8D9A}.theme-side>li:nth-of-type(3)>i{background-color:#74E9FF}.theme-side>li:nth-of-type(4)>i{background-color:#415C91}.theme-side>li:nth-of-type(5)>i{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAASFBMVEULvPS0Ov9jnf+JeP+sOPW2JfS2JfQutPULvPS2JfSnT/+ZY/94i/9Mrf8xu/8LvPS2JfRzhvSEc/Vgl/VKpvQxufyhTPSTYPUNfOtXAAAACnRSTlNJ////5UlK5+bnkRmZWwAAADFJREFUeNqdzbcNACAQBMHDe+/675QE6XOyiXYBM0frZ0sFuxKPInjmUPJj/SXFaKEv32UECuaRhIQAAAAASUVORK5CYII=) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.theme-side>li:nth-of-type(1)>i.act,.theme-side>li:nth-of-type(2)>i.act,.theme-side>li:nth-of-type(3)>i.act,.theme-side>li:nth-of-type(4)>i.act,.theme-side>li:nth-of-type(5)>i.act{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);border:3px solid #fff;border-radius:4px}.theme-side>li:nth-of-type(1)>i.act>span{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);box-shadow:0 1px 2px .5px #36CBFF;opacity:.3}.theme-side>li:nth-of-type(2)>i.act>span{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);box-shadow:0 1px 2px .5px #FF8D9A;opacity:.3}.theme-side>li:nth-of-type(3)>i.act>span{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);box-shadow:0 1px 2px .5px #74E9FF;opacity:.3}.theme-side>li:nth-of-type(4)>i.act>span{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);box-shadow:0 1px 2px .5px #415C91;opacity:.3}.theme-side>li:nth-of-type(5)>i.act>span{transform:scale(1.5);-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);box-shadow:0 1px 2px .5px #58c2f9;opacity:.3}#sections-container section.section-03{height:auto;padding-top:46.35%}.section-03-container{width:100%;height:100%;position:absolute;top:0;left:0}.section-03 .img-triangle{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;-webkit-background-size:100% 100%;background-size:100% 100%;position:absolute;top:0;left:0}.section-03 .message{margin:auto;width:100%;height:50%;position:absolute;top:0;left:66%;right:0;bottom:-18%;overflow:hidden}.section-03 .message>h1{font-weight:400;font-size:88px}.section-03 .message>h3{font-weight:400;font-size:24px}.advert-content{width:70.12%;position:absolute;left:11%;bottom:18%}.advert-content img{display:block;position:relative}.advert-01{width:78.26%;margin-top:13%;margin-left:-16%}.advert-02{width:81.74%;margin-top:-8%;margin-left:-9%}.advert-03{width:85.6%;margin-top:-8%;margin-left:-3%}#sections-container>section.section-04{width:100%;height:auto;padding-top:64.16%;position:relative}.section-04-container{width:100%;height:100%;position:absolute;top:0;left:0}.section-04 .img-triangle{padding-top:16.72%;width:100%;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/4-p.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;position:absolute;top:0;left:0}.section-04 .message{margin:auto;width:100%;height:50%;position:absolute;top:0;left:10.8%;right:0;bottom:5%;overflow:hidden}.section-04 .message>h1{font-weight:400;font-size:88px}.section-04 .message>h3{font-weight:400;font-size:24px}.friendNet-container{padding-top:53.05%;width:53.05%;position:absolute;bottom:28%;left:46%;z-index:5}.friendNet{margin-top:-46.2%;margin-left:-41.4%;padding-top:92.4%;width:82.8%;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/friend-net.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;position:absolute;z-index:6;top:49.8%;left:49%}.ring-list{width:100%;height:100%;position:absolute;top:-.3%;left:-1.4%}.ring-list li{margin-top:-6%;margin-left:-6%;padding-top:12%;width:12%;border-radius:50%;opacity:1;position:absolute;top:50%;left:50%;background-color:rgba(143,219,255,.6)}.face01,.face02,.face03{width:100%;height:100%;position:absolute;top:0;left:0;z-index:7}.face01{left:-.5%}.face01 .face{margin-top:-7.35%;margin-left:-7.35%;padding-top:14.7%;width:14.7%;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/4-face01.png) 0 0 no-repeat;position:absolute;top:50%;left:50%;-webkit-background-size:100% 100%;background-size:100% 100%;z-index:8}.face01 .face-shadow{margin-top:-8%;margin-left:-8%;padding-top:16%;width:16%;border-radius:50%;position:absolute;top:50%;left:50%;background-color:#fff;opacity:1}.face01 .dynamic{margin-top:-20.2%;margin-left:-18.9%;padding-top:40.4%;width:37.8%;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/4-dynamic01.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;position:absolute;top:32%;left:70%;z-index:10}.face02{left:-45.5%;top:23%}.face02 .face{margin-top:-5%;margin-left:-5%;padding-top:10%;width:10%;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/4-face02.png) 0 0 no-repeat;position:absolute;top:50%;left:50%;-webkit-background-size:100% 100%;background-size:100% 100%;z-index:8}.face02 .face-shadow{margin-top:-5.5%;margin-left:-5.5%;padding-top:11%;width:11%;border-radius:50%;position:absolute;top:50%;left:50%;background-color:#fff;opacity:1}.face02 .dynamic{margin-top:-20.2%;margin-left:-18.9%;padding-top:40.4%;width:37.8%;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/4-dynamic02.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;position:absolute;top:32%;left:70%;z-index:10}.face03{left:13.5%;top:24%}.face03 .face{margin-top:-4.5%;margin-left:-4.5%;padding-top:9%;width:9%;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/4-face03.png) 0 0 no-repeat;position:absolute;top:50%;left:50%;-webkit-background-size:100% 100%;background-size:100% 100%;z-index:8}.face03 .face-shadow{margin-top:-5%;margin-left:-5%;padding-top:10%;width:10%;border-radius:50%;position:absolute;top:50%;left:50%;background-color:#fff;opacity:1}.face03 .dynamic{margin-top:-20.2%;margin-left:-18.9%;padding-top:40.4%;width:37.8%;background:url(https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/4-dynamic03.png) 0 0 no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;position:absolute;top:32%;left:70%;z-index:10}.footer{width:100%;padding-top:9%;text-align:center;position:absolute;bottom:0;left:0;z-index:5}.footerText{margin-top:65px;margin-bottom:5px;font-weight:400}.copyright{margin:auto;margin-bottom:3%;font-size:16px;position:absolute;left:0;right:0;bottom:0;line-height:250%;color:#4c4c4c;font-weight:400}.footer-img{width:100%;position:absolute;bottom:0;left:0}.animateOptions .line{transition:transform .25s ease-in-out;-webkit-transition:-webkit-transform .25s ease-in-out;-moz-transition:-moz-transform .25s ease-in-out;-ms-transition:-ms-transform .25s ease-in-out;-o-transition:-o-transform .25s ease-in-out;transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0)}.animateOptions .login-container{transition:all .6s cubic-bezier(1,0,0,1),opacity .6s cubic-bezier(.8,0,.2,1);-webkit-transition:all .6s cubic-bezier(1,0,0,1),opacity .6s cubic-bezier(.8,0,.2,1);-moz-transition:all .6s cubic-bezier(1,0,0,1),opacity .6s cubic-bezier(.8,0,.2,1);-ms-transition:all .6s cubic-bezier(1,0,0,1),opacity .6s cubic-bezier(.8,0,.2,1);-o-transition:all .6s cubic-bezier(1,0,0,1),opacity .6s cubic-bezier(.8,0,.2,1);opacity:.3;left:100%}.animateOptions .img-loginInterface.backHide .login-container{transition:all .6s cubic-bezier(.9,0,.45,1),opacity .6s cubic-bezier(.96,0,.45,1);-webkit-transition:all .6s cubic-bezier(.9,0,.45,1),opacity .6s cubic-bezier(.96,0,.45,1);-moz-transition:all .6s cubic-bezier(.9,0,.45,1),opacity .6s cubic-bezier(.96,0,.45,1);-ms-transition:all .6s cubic-bezier(.9,0,.45,1),opacity .6s cubic-bezier(.96,0,.45,1);-o-transition:all .6s cubic-bezier(.9,0,.45,1),opacity .6s cubic-bezier(.96,0,.45,1);opacity:.3;left:100%}.animateOptions .img-aioInterface{transition:all .6s cubic-bezier(.9,0,.45,1),opacity .6s cubic-bezier(.96,0,.45,1);-webkit-transition:all .6s cubic-bezier(.9,0,.45,1),opacity .6s cubic-bezier(.96,0,.45,1);-moz-transition:all .6s cubic-bezier(.9,0,.45,1),opacity .6s cubic-bezier(.96,0,.45,1);-ms-transition:all .6s cubic-bezier(.9,0,.45,1),opacity .6s cubic-bezier(.96,0,.45,1);-o-transition:all .6s cubic-bezier(.9,0,.45,1),opacity .6s cubic-bezier(.96,0,.45,1);opacity:.3}.animateOptions .section-01 .message{transition:all .6s cubic-bezier(1,0,0,1),opacity .6s cubic-bezier(.8,0,.2,1);-webkit-transition:all .6s cubic-bezier(1,0,0,1),opacity .6s cubic-bezier(.8,0,.2,1);-moz-transition:all .6s cubic-bezier(1,0,0,1),opacity .6s cubic-bezier(.8,0,.2,1);-ms-transition:all .6s cubic-bezier(1,0,0,1),opacity .6s cubic-bezier(.8,0,.2,1);-o-transition:all .6s cubic-bezier(1,0,0,1),opacity .6s cubic-bezier(.8,0,.2,1);opacity:.3;left:-55%}.animateOptions .show-line{transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1)}.animateOptions .backgroundPositionReset{opacity:1;background-position-X:0}.animateOptions .backgroundPositionReset .login-container{opacity:1;left:0}.animateOptions .section-01 .message.positionReset{opacity:1;left:0}.animateOptions .section-02 .message{transition:all .7s cubic-bezier(1,0,.7,1);-webkit-transition:all .7s cubic-bezier(1,0,.7,1);-moz-transition:all .7s cubic-bezier(1,0,.7,1);-ms-transition:all .7s cubic-bezier(1,0,.7,1);-o-transition:all .7s cubic-bezier(1,0,.7,1);opacity:0;transform:translateY(50px)}.animateOptions .section-02 .message.act{transition:transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);-webkit-transition:-webkit-transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);-moz-transition:-moz-transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);-ms-transition:-ms-transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);-o-transition:-o-transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.animateOptions .section-02 .theme-a{transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px)}.animateOptions .section-02 .theme-b{transform:translateY(30px);transition-delay:.15s;-webkit-transform:translateY(30px);-webkit-transition-delay:.15s;-moz-transform:translateY(30px);-moz-transition-delay:.15s;-ms-transform:translateY(30px);-ms-transition-delay:.15s;-o-transform:translateY(30px);-o-transition-delay:.15s}.animateOptions .section-02 .theme-img.fadeIn .theme-a,.animateOptions .section-02 .theme-img.fadeIn .theme-b{transition-property:transform,opacity;transition-duration:.67s,.67s;transition-timing-function:cubic-bezier(.17,0,0,1),cubic-bezier(.3,0,0,1);transform:translateY(0);-webkit-transition-property:transform,opacity;-webkit-transition-duration:.67s,.67s;-webkit-transition-timing-function:cubic-bezier(.17,0,0,1),cubic-bezier(.3,0,0,1);-webkit-transform:translateY(0);-moz-transition-property:transform,opacity;-moz-transition-duration:.67s,.67s;-moz-transition-timing-function:cubic-bezier(.17,0,0,1),cubic-bezier(.3,0,0,1);-moz-transform:translateY(0);-ms-transition-property:transform,opacity;-ms-transition-duration:.67s,.67s;-ms-transition-timing-function:cubic-bezier(.17,0,0,1),cubic-bezier(.3,0,0,1);-ms-transform:translateY(0);-o-transition-property:transform,opacity;-o-transition-duration:.67s,.67s;-o-transition-timing-function:cubic-bezier(.17,0,0,1),cubic-bezier(.3,0,0,1);-o-transform:translateY(0);opacity:1}.animateOptions .section-02 .theme-img.fadeIn.fadeOut .theme-a,.animateOptions .section-02 .theme-img.fadeIn.fadeOut .theme-b{transition-property:all;transition-duration:.67s;transition-timing-function:cubic-bezier(1,0,.7,1);transform:translateY(50px);-webkit-transition-property:all;-webkit-transition-duration:.67s;-webkit-transition-timing-function:cubic-bezier(1,0,.7,1);-webkit-transform:translateY(50px);-moz-transition-property:all;-moz-transition-duration:.67s;-moz-transition-timing-function:cubic-bezier(1,0,.7,1);-moz-transform:translateY(50px);-ms-transition-property:all;-ms-transition-duration:.67s;-ms-transition-timing-function:cubic-bezier(1,0,.7,1);-ms-transform:translateY(50px);-o-transition-property:all;-o-transition-duration:.67s;-o-transition-timing-function:cubic-bezier(1,0,.7,1);-o-transform:translateY(50px);opacity:0}.animateOptions .section-02 .theme-side>li>i{transition:all .15s cubic-bezier(.8,0,.2,1) .85s;-webkit-transition:all .15s cubic-bezier(.8,0,.2,1) .85s;-moz-transition:all .15s cubic-bezier(.8,0,.2,1) .85s;-ms-transition:all .15s cubic-bezier(.8,0,.2,1) .85s;-o-transition:all .15s cubic-bezier(.8,0,.2,1) .85s}.animateOptions .section-02 .theme-side>li>i>span{transition:all .15s cubic-bezier(.8,0,.2,1) .85s;-webkit-transition:all .15s cubic-bezier(.8,0,.2,1) .85s;-moz-transition:all .15s cubic-bezier(.8,0,.2,1) .85s;-ms-transition:all .15s cubic-bezier(.8,0,.2,1) .85s;-o-transition:all .15s cubic-bezier(.8,0,.2,1) .85s}.ie .section-02 .theme-side>li>i.act{width:15px;height:15px}.animateOptions .section-03 .advert-content img{transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transition-property:transform;transition-duration:1s;transition-timing-function:cubic-bezier(.8,0,.2,1);-webkit-transition-property:-webkit-transform;-webkit-transition-duration:1s;-webkit-transition-timing-function:cubic-bezier(.8,0,.2,1);-moz-transition-property:-moz-transform;-moz-transition-duration:1s;-moz-transition-timing-function:cubic-bezier(.8,0,.2,1);-ms-transition-property:-ms-transform;-ms-transition-duration:1s;-ms-transition-timing-function:cubic-bezier(.8,0,.2,1);-o-transition-property:-o-transform;-o-transition-duration:1s;-o-transition-timing-function:cubic-bezier(.8,0,.2,1)}.animateOptions .section-03.act .advert-content img{transform:translateY(0);-webkit-transform:-webkit-translateY(0);-moz-transform:-moz-translateY(0);-ms-transform:-ms-translateY(0);-o-transform:-o-translateY(0)}.animateOptions .section-03.act .advert-content .advert-02{transition-delay:70ms;-webkit-transition-delay:70ms;-moz-transition-delay:70ms;-ms-transition-delay:70ms;-o-transition-delay:70ms}.animateOptions .section-03.act .advert-content .advert-03{transition-delay:.14s;-webkit-transition-delay:.14s;-moz-transition-delay:.14s;-ms-transition-delay:.14s;-o-transition-delay:.14s}.animateOptions .section-03 .message{opacity:0;transform:translateY(50px);-webkit-transform:-webkit-translateY(50px);-moz-transform:-moz-translateY(50px);-ms-transform:-ms-translateY(50px);-o-transform:-o-translateY(50px);transition:transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);-webkit-transition:-webkit-transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);-moz-transition:-moz-transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);-ms-transition:-ms-transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);-o-transition:-o-transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1)}.animateOptions .section-03.act .message{opacity:1;transform:translateY(0);-webkit-transform:-webkit-translateY(0);-moz-transform:-moz-translateY(0);-ms-transform:-ms-translateY(0);-o-transform:-o-translateY(0)}.animateOptions .section-04 .message{opacity:0;transform:translateY(50px);-webkit-transform:-webkit-translateY(50px);-moz-transform:-moz-translateY(50px);-ms-transform:-ms-translateY(50px);-o-transform:-o-translateY(50px);transition:transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);-webkit-transition:-webkit-transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);-moz-transition:-moz-transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);-ms-transition:-ms-transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1);-o-transition:-o-transform .7s cubic-bezier(.3,0,0,1),opacity .7s cubic-bezier(1,0,.7,1)}.animateOptions .section-04 .message.act{opacity:1;transform:translateY(0);-webkit-transform:-webkit-translateY(0);-moz-transform:-moz-translateY(0);-ms-transform:-ms-translateY(0);-o-transform:-o-translateY(0)}.animateOptions .section-04 .face{transition:transform .3s cubic-bezier(.81,0,.19,1) .15s;-webkit-transition:transform .3s cubic-bezier(.81,0,.19,1) .15s;-moz-transition:transform .3s cubic-bezier(.81,0,.19,1) .15s;-ms-transition:transform .3s cubic-bezier(.81,0,.19,1) .15s;-o-transition:transform .3s cubic-bezier(.81,0,.19,1) .15s;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.animateOptions .section-04 .face-shadow{transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear;-webkit-transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear;-moz-transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear;-ms-transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear;-o-transition:all .3s cubic-bezier(.8,0,.2,1),opacity .3s linear;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.animateOptions .section-04 .dynamic{transition:transform .6s cubic-bezier(.8,0,.2,1) .2s;-webkit-transition:-webkit-transform .6s cubic-bezier(.8,0,.2,1) .2s;-moz-transition:-moz-transform .6s cubic-bezier(.8,0,.2,1) .2s;-ms-transition:-ms-transform .6s cubic-bezier(.8,0,.2,1) .2s;-o-transition:-o-transform .6s cubic-bezier(.8,0,.2,1) .2s;transform-origin:left bottom;-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.animateOptions .section-04 .act .face,.animateOptions .section-04 .act .face-shadow{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2)}.animateOptions .section-04 .act .face-shadow{opacity:.8;background-color:#455bff}.animateOptions .section-04 .act .dynamic{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}@-webkit-keyframes ripple{0%{opacity:1;-webkit-transform:scale(1)}100%{opacity:0;-webkit-transform:scale(7.9)}}@-moz-keyframes ripple{0%{opacity:1;-moz-transform:scale(1)}100%{opacity:0;-moz-transform:scale(7.9)}}@-ms-keyframes ripple{0%{opacity:1;-ms-transform:scale(1)}100%{opacity:0;-ms-transform:scale(7.9)}}@-o-keyframes ripple{0%{opacity:1;-o-transform:scale(1)}100%{opacity:0;-o-transform:scale(7.9)}}@keyframes ripple{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(7.9)}}.animateOptions .section-04 .ring-list.act li{-webkit-animation:ripple 4s linear infinite;-moz-animation:ripple 4s linear infinite;-ms-animation:ripple 4s linear infinite;-o-animation:ripple 4s linear infinite;animation:ripple 4s linear infinite}.animateOptions .section-04 .ring-list.act li.ring2{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-ms-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}.animateOptions .section-04 .ring-list.act li.ring3{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-ms-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}.animateOptions .section-04 .ring-list.act li.ring4{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-ms-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}.animateOptions .section-04 .ring-list.act li.ring5{-webkit-animation-delay:3.2s;-moz-animation-delay:3.2s;-ms-animation-delay:3.2s;-o-animation-delay:3.2s;animation-delay:3.2s}@keyframes imageOpacityA{0%{opacity:1}80%{opacity:0}100%{opacity:1}}@-webkit-keyframes imageOpacityA{0%{opacity:1}80%{opacity:0}100%{opacity:1}}@-moz-keyframes imageOpacityA{0%{opacity:1}80%{opacity:0}100%{opacity:1}}@-ms-keyframes imageOpacityA{0%{opacity:1}80%{opacity:0}100%{opacity:1}}@-o-keyframes imageOpacityA{0%{opacity:1}80%{opacity:0}100%{opacity:1}}@keyframes imageOpacityB{0%{opacity:0}15%{opacity:1}30%{opacity:1}62%{opacity:0}100%{opacity:0}}@-webkit-keyframes imageOpacityB{0%{opacity:0}15%{opacity:1}30%{opacity:1}62%{opacity:0}100%{opacity:0}}@-moz-keyframes imageOpacityB{0%{opacity:0}15%{opacity:1}30%{opacity:1}62%{opacity:0}100%{opacity:0}}@-ms-keyframes imageOpacityB{0%{opacity:0}15%{opacity:1}30%{opacity:1}62%{opacity:0}100%{opacity:0}}@-o-keyframes imageOpacityB{0%{opacity:0}15%{opacity:1}30%{opacity:1}62%{opacity:0}100%{opacity:0}}@keyframes backgroundImageMoving{0%{opacity:0;transform:scale(2)}40%{opacity:1;transform:scale(1.1)}48%{opacity:.8;transform:scale(1)}56%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(2)}}@-webkit-keyframes backgroundImageMoving{0%{opacity:0;-webkit-transform:scale(2)}40%{opacity:1;-webkit-transform:scale(1.1)}48%{opacity:.8;-webkit-transform:scale(1)}56%{opacity:.6;-webkit-transform:scale(1)}100%{opacity:0;-webkit-transform:scale(2)}}@-moz-keyframes backgroundImageMoving{0%{opacity:0;-moz-transform:scale(2)}40%{opacity:1;-moz-transform:scale(1.1)}48%{opacity:.8;-moz-transform:scale(1)}56%{opacity:.6;-moz-transform:scale(1)}100%{opacity:0;-moz-transform:scale(2)}}@-ms-keyframes backgroundImageMoving{0%{opacity:0;-ms-transform:scale(2)}40%{opacity:1;-ms-transform:scale(1.1)}48%{opacity:.8;-ms-transform:scale(1)}56%{opacity:.6;-ms-transform:scale(1)}100%{opacity:0;-ms-transform:scale(2)}}@-o-keyframes backgroundImageMoving{0%{opacity:0;-o-transform:scale(2)}40%{opacity:1;-o-transform:scale(1.1)}48%{opacity:.8;-o-transform:scale(1)}56%{opacity:.6;-o-transform:scale(1)}100%{opacity:0;-o-transform:scale(2)}}.imageMoving{-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;-webkit-animation:backgroundImageMoving 14s linear;-moz-animation:backgroundImageMoving 14s linear;-ms-animation:backgroundImageMoving 14s linear;-o-animation:backgroundImageMoving 14s linear;animation:backgroundImageMoving 14s linear}.mov-bg .mov-bg-01{animation:imageOpacityA 26s linear infinite;-webkit-animation:imageOpacityA 26s linear infinite;-moz-animation:imageOpacityA 26s linear infinite;-ms-animation:imageOpacityA 26s linear infinite;-o-animation:imageOpacityA 26s linear infinite}.mov-bg .mov-bg-02{animation:imageOpacityB 26s linear infinite;-webkit-animation:imageOpacityB 26s linear infinite;-moz-animation:imageOpacityB 26s linear infinite;-ms-animation:imageOpacityB 26s linear infinite;-o-animation:imageOpacityB 26s linear infinite}@keyframes moveTypeA{0%{opacity:0}80%{opacity:1}100%{opacity:0}}@-webkit-keyframes moveTypeA{0%{opacity:0}80%{opacity:1}100%{opacity:0}}@-moz-keyframes moveTypeA{0%{opacity:0}80%{opacity:1}100%{opacity:0}}@-ms-keyframes moveTypeA{0%{opacity:0}80%{opacity:1}100%{opacity:0}}@-o-keyframes moveTypeA{0%{opacity:0}80%{opacity:1}100%{opacity:0}}.moveTypeA{animation:moveTypeA 26s linear;-webkit-animation:moveTypeA 26s linear;-moz-animation:moveTypeA 26s linear;-ms-animation:moveTypeA 26s linear;-o-animation:moveTypeA 26s linear}@keyframes moveTypeB{0%{opacity:0}25%{opacity:1}50%{opacity:1}100%{opacity:0}}@-webkit-keyframes moveTypeB{0%{opacity:0}25%{opacity:1}50%{opacity:1}100%{opacity:0}}@-moz-keyframes moveTypeB{0%{opacity:0}25%{opacity:1}50%{opacity:1}100%{opacity:0}}@-ms-keyframes moveTypeB{0%{opacity:0}25%{opacity:1}50%{opacity:1}100%{opacity:0}}@-o-keyframes moveTypeB{0%{opacity:0}25%{opacity:1}50%{opacity:1}100%{opacity:0}}.moveTypeB{animation:moveTypeB 16s linear;-webkit-animation:moveTypeB 16s linear;-moz-animation:moveTypeB 16s linear;-ms-animation:moveTypeB 16s linear;-o-animation:moveTypeB 16s linear}@keyframes moveTypeC{0%{opacity:0;transform:scale(2,2)}40%{opacity:1;transform:scale(1.1,1.1)}44%{opacity:.8;transform:scale(1,1)}48%{opacity:.6;transform:scale(1,1)}64%{opacity:0;transform:scale(1.3,1.3)}100%{opacity:0;transform:scale(2,2)}}@-webkit-keyframes moveTypeC{0%{opacity:0;transform:scale(2,2)}40%{opacity:1;transform:scale(1.1,1.1)}44%{opacity:.8;transform:scale(1,1)}48%{opacity:.6;transform:scale(1,1)}64%{opacity:0;transform:scale(1.3,1.3)}100%{opacity:0;transform:scale(2,2)}}@-moz-keyframes moveTypeC{0%{opacity:0;transform:scale(2,2)}40%{opacity:1;transform:scale(1.1,1.1)}44%{opacity:.8;transform:scale(1,1)}48%{opacity:.6;transform:scale(1,1)}64%{opacity:0;transform:scale(1.3,1.3)}100%{opacity:0;transform:scale(2,2)}}@-ms-keyframes moveTypeC{0%{opacity:0;transform:scale(2,2)}40%{opacity:1;transform:scale(1.1,1.1)}44%{opacity:.8;transform:scale(1,1)}48%{opacity:.6;transform:scale(1,1)}64%{opacity:0;transform:scale(1.3,1.3)}100%{opacity:0;transform:scale(2,2)}}@-o-keyframes moveTypeC{0%{opacity:0;transform:scale(2,2)}40%{opacity:1;transform:scale(1.1,1.1)}44%{opacity:.8;transform:scale(1,1)}48%{opacity:.6;transform:scale(1,1)}64%{opacity:0;transform:scale(1.3,1.3)}100%{opacity:0;transform:scale(2,2)}}.moveTypeC{animation:moveTypeC 15.5s linear;-webkit-animation:moveTypeC 15.5s linear;-moz-animation:moveTypeC 15.5s linear;-ms-animation:moveTypeC 15.5s linear;-o-animation:moveTypeC 15.5s linear}@media screen and (min-width:1921px){.img-loginInterface{left:10%;top:50%}.img-aioInterface{left:21.2%}.section-01 .message>h2{margin-top:4%}.section-04 .message{left:15.8%}.copyright{font-size:22px}}@media screen and (max-width:1700px){.section-01 .message>h2{font-size:38px}.section-01 .message>h1{font-size:64px}.section-02 .message>h1,.section-03 .message>h1,.section-04 .message>h1{font-size:70px}.section-02 .message>h3,.section-03 .message>h3,.section-04 .message>h3{font-weight:400;font-size:19px}}@media screen and (max-width:1400px){.button-container{margin-top:1.5%}.section-02 .message{left:13.8%}.plugin-client{top:60%}.section-03 .message{bottom:-10%}.advert-content{bottom:15%}}@media screen and (max-width:1399px){.section-01 .message>h2{margin-top:2%;margin-bottom:0}.button-container{margin-top:2.5%}.friendNet-container{bottom:22%}.footer{height:120px}}.ie .bgInk,.ie .line{display:none}.test{width:100%;position:absolute;top:0;left:0;z-index:500;opacity:.6}.flashBox{background:url(https://sqimg.qq.com/qq_product_operations/im/mobileqq/loading.gif) no-repeat 50% 40%;width:910px;height:auto}.overlay{display:none;position:absolute;left:0;top:0;z-index:9999;width:100%;height:100%;background-color:#000;opacity:.9;filter:Alpha(opacity=90);z-index:500}#flashDiv{position:fixed;left:50%;top:50%;width:978px;height:700px;margin:-350px 0 0 -489px;display:none;z-index:10000}.flashBar{float:right;width:67px}.flashBar a{display:block;width:67px;height:0;overflow:hidden;padding-top:67px;background:#000 url(https://sqimg.qq.com/qq_product_operations/im/mobileqq/flahicons.png) no-repeat 0 0;border-bottom:1px solid #333}.flashBar a.close{background-position:14px 14px}.flashBar a.sharetozone{background-position:14px -52px}.flashBar a.sharetoweibo{background-position:14px -120px}.flashBar a.close:hover{background-position:-52px 14px}.flashBar a.sharetozone:hover{background-position:-52px -52px}.flashBar a.sharetoweibo:hover{background-position:-52px -120px}</style>
</head>
<body>
<div id="header">
<div class="wrap">
<div id="logo"><a href="https://im.qq.com" target="_blank"></a></div>
<ul class="menu">
<li><a href="https://ssl.zc.qq.com/v3/index-chs.html" target="_blank" class="apply_qq">申请QQ</a></li>
<li><a href="https://im.qq.com" target="_blank" class="qq_index">QQ官网首页</a></li>
</ul>
</div>
</div>
<div class="overlay">
</div>
<div id="sections-container" class="animateOptions">
<section class="section-01">
<div id="mov-container">
<div class="mov-bg">
<div class="mov-bg"></div>
<div class="mov-bg-01"></div>
<div class="mov-bg-02"></div>
<div class="mov-bg-03"></div>
<div class="mov-bg-04"></div>
<div class="mov-bg-05"></div>
<div class="mov-bg-06"></div>
</div>
</div>
<div class="img-triangle"></div>
<div class="wrap">
<div class="img-loginInterface">
<div class="login-container">
<video src="https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/login-head.mp4" class="login-video" autoplay loop poster="https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/header-top.png"></video>
<img class="login-icon" src="https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/1-login-icon.png">
</div>
</div>
<div class="img-aioInterface"></div>
<div class="line"></div>
<div class="message-container">
<div class="message">
<h2>QQ PC版9.1.0</h2>
<h1>从心出发·趣无止境</h1>
<div class="button-container">
<a href="https://dldir1.qq.com/qqfile/qq/QQ9.1.0/24712/QQ9.1.0.24712.exe" class="download"></a>
<div class="btn-mask">立即下载</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-02">
<div class="section-02-container">
<div class="img-triangle"></div>
<div class="wrap">
<div class="message defaultText">
<h1>趣·轻快沟通</h1>
<h3>全新视觉改版,给你焕然一新的PCQQ。</h3>
</div>
<div class="message skinText">
<h1>趣·秀个性</h1>
<h3>个性装扮精彩上线,自由彰显个性青春。</h3>
</div>
<div class="plugin-client">
<div class="theme-container">
<div class="theme-img theme01">
<div class="theme-a"></div>
<div class="theme-b"></div>
</div>
<div class="theme-img theme02">
<div class="theme-a"></div>
<div class="theme-b"></div>
</div>
<div class="theme-img theme03">
<div class="theme-a"></div>
<div class="theme-b"></div>
</div>
<div class="theme-img theme04">
<div class="theme-a"></div>
<div class="theme-b"></div>
</div>
<div class="theme-img theme05">
<div class="theme-a"></div>
<div class="theme-b"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-03">
<div class="section-03-container">
<div class="img-triangle"></div>
<div class="wrap">
<div class="message">
<h1>趣·享内容</h1>
<h3>接入腾讯视频、QQ看点,乐享好内容。</h3>
</div>
<div class="advert-content">
<img class="advert-01" src="https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/advert01.png">
<img class="advert-02" src="https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/advert02.png">
<img class="advert-03" src="https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/advert03.png">
</div>
</div>
</div>
</section>
<section class="section-04">
<div class="section-04-container">
<div class="img-triangle"></div>
<div class="wrap">
<div class="message">
<h1>趣·识好友</h1>
<h3>共同好友让我们相识,分享乐趣使我们相知。</h3>
</div>
</div>
<div class="footer">
<img src="https://sqimg.qq.com/qq_product_operations/im/pcqq/9.0/img/4-pd.png" alt="" class="footer-img">
<h2 class="copyright">Copyright © 1998-<script>document.write((new Date).getFullYear())</script> Tencent. All Rights Reserved. 腾讯公司 版权所有</h2>
</div>
</div>
</section>
</div>
</body>
<script src="https://sqimg.qq.com/qq_product_operations/jslib/bj-report-tryjs.min.js"></script>
<script src="https://sqimg.qq.com/qq_product_operations/jslib/jquery-1.9.1.min.js"></script>
<script src="https://sqimg.qq.com/qq_product_operations/jslib/swfobject.js"></script>
<script>
!function(){BJ_REPORT.init({id:143,random:1,url:"//imbadjs.qq.com/badjs/"}),BJ_REPORT.tryJs().spyAll()}()
</script>
<script>
!function(){function t(e){this.url=[],this.init(e)}var g,l,n,f,x,w,p,B,k,q,u,y,z=0,A=0;_ver="tcss.3.1.5",window.Tcss={};
var v="function"==typeof tracert&&"function"==typeof pgvGetColumn&&"function"==typeof pgvGetTopic&&"function"==typeof pgvGetDomainInfo&&"function"==typeof pgvGetRefInfo;
if("undefined"==typeof r)var r=1;t.prototype={init:function(e){if(f=e?e:{},g=document,!f.statIframe&&window!=top)try{g=top.document}catch(t){}"undefined"==typeof g&&(g=document),l=g.location,n=g.body,v&&(Tcss.d=g,Tcss.l=l),q=[],u=[],y=[]},run:function(){var e,t,s;e=(new Date).getTime(),h.init(),this.url.push(this.getDomainInfo()),this.coverCookie(),h.setCookie("ssid"),h.save(),this.url.unshift("https://pingfore."+this.getCookieSetDomain(x)+"/pingd?"),this.url.push(this.getRefInfo(f));try{navigator.cookieEnabled?this.url.push("&pvid="+h.setCookie("pgv_pvid",!0)):this.url.push("&pvid=NoCookie")}catch(n){this.url.push("&pvid=NoCookie")}this.url.push(this.getMainEnvInfo()),this.url.push(this.getExtendEnvInfo()),Tcss.pgUserType="",(f.pgUserType||f.reserved2)&&(t=f.pgUserType||f.reserved2,t=escape(t.substring(0,256)),Tcss.pgUserType=t,y.push("pu="+Tcss.pgUserType)),v&&(pgvGetColumn(),pgvGetTopic(),this.url.push("&column="+Tcss.column+"&subject="+Tcss.subject),tracert()),this.url.push("&vs="+_ver),h.setCookie("ts_uid",!0),t=(new Date).getTime(),q.push("tm="+(t-e)),z&&q.push("ch="+z),s=f.extParam?f.extParam+"|":"",this.url.push("&ext="+escape(s+q.join(";"))),this.url.push("&hurlcn="+escape(u.join(";"))),this.url.push("&rand="+Math.round(1e5*Math.random())),"undefined"==typeof _speedMark?this.url.push("&reserved1=-1"):this.url.push("&reserved1="+(new Date-_speedMark)),(e=this.getSud())&&y.push("su="+escape(e.substring(0,256))),this.url.push("&tt="+escape(y.join(";"))),this.sendInfo(this.url.join("")),1==A&&(e=this.getParameter("tcss_rp_dm",g.URL),e!=Tcss.dm&&(e=this.url.join("").replace(/\?dm=(.*?)\&/,"?dm="+e+"&"),this.sendInfo(e))),f.hot&&(document.attachEvent?document.attachEvent("onclick",function(e){pgvWatchClick(e)}):document.addEventListener("click",function(e){pgvWatchClick(e)},!1)),f.repeatApplay&&"true"==f.repeatApplay&&"undefined"!=typeof r&&(r=1)},getSud:function(){return f.sessionUserType?f.sessionUserType:this.getParameter(f.sudParamName||"sessionUserType",g.URL)},coverCookie:function(){if(f.crossDomain&&"on"==f.crossDomain){var e=this.getParameter("tcss_uid",g.URL),t=this.getParameter("tcss_sid",g.URL),s=this.getParameter("tcss_refer",g.URL),n=this.getParameter("tcss_last",g.URL);t&&e&&(A=1,h.setCookie("ssid",!1,t),h.save(),h.setCookie("ts_refer",!0,s),h.setCookie("ts_last",!0,n),h.setCookie("pgv_pvid",!0,e))}},getDomainInfo:function(e){var t;return t=l.hostname.toLowerCase(),f.virtualDomain&&(u.push("ad="+t),t=f.virtualDomain),this.getCurrentUrl(),Tcss.dm=t,v&&pgvGetDomainInfo(),x=Tcss.dm,w||(w=this.getCookieSetDomain(l.hostname.toLowerCase()),v&&(Tcss.domainToSet=w)),e&&(Tcss.dm+=".hot"),"dm="+Tcss.dm+"&url="+Tcss.url},getCurrentUrl:function(){var e="",t="-",e=escape(l.pathname);if(""!=l.search&&(t=escape(l.search.substr(1))),f.senseParam){var s=this.getParameter(f.senseParam,g.URL);s&&(e+="_"+s)}f.virtualURL&&(u.push("au="+e),e=f.virtualURL),Tcss.url=e,Tcss.arg=t},getRefInfo:function(e){var t,s="-",n="-",r="-",o=g.referrer;e=this.getParameter(e.tagParamName||"ADTAG",g.URL),t=o.indexOf("://"),-1<t&&(t=o.match(/(\w+):\/\/([^\:|\/]+)(\:\d*)?(.*\/)([^#|\?|\n]+)?(#.*)?(\?.*)?/i))&&(s=t[2],n=t[4]+(t[5]?t[5]:"")),-1!=o.indexOf("?")&&(t=o.indexOf("?")+1,r=o.substr(t)),o=s,f.virtualRefDomain&&("-"!=s&&u.push("ard="+s),s=f.virtualRefDomain),f.virtualRefURL&&("-"!=n&&u.push("aru="+escape(n)),n=f.virtualRefURL);var i;return e&&(i=s+n,s="ADTAG",n=e),p=s,B=escape(n),("-"==p||"ADTAG"==p&&"-"==o)&&(s=h.get("ts_last=",!0),"-"!=s&&q.push("ls="+s)),h.setCookie("ts_last",!0,escape((l.hostname+l.pathname).substring(0,128))),s=h.get("ts_refer=",!0),"-"!=s&&q.push("rf="+s),o=l.hostname,f.inner&&(o=","+o+","+f.inner+","),"-"==p||-1<(","+o+",").indexOf(p)||1==A||(n=escape((p+n).substring(0,128)),n!=s&&(z=2),h.setCookie("ts_refer",!0,n)),Tcss.rdm=p,Tcss.rurl=B,Tcss.rarg=escape(r),v&&pgvGetRefInfo(),i?"&rdm="+Tcss.rdm+"&rurl="+Tcss.rurl+"&rarg="+Tcss.rarg+"&or="+i:"&rdm="+Tcss.rdm+"&rurl="+Tcss.rurl+"&rarg="+Tcss.rarg},getMainEnvInfo:function(){var e="";try{var t="-",s="-",n="-",r="-",o="-",i=0,a=navigator;self.screen&&(t=screen.width+"x"+screen.height,s=screen.colorDepth+"-bit"),a.language?n=a.language.toLowerCase():a.browserLanguage&&(n=a.browserLanguage.toLowerCase()),i=a.javaEnabled()?1:0,r=a.platform,o=(new Date).getTimezoneOffset()/60,e="&scr="+t+"&scl="+s+"&lang="+n+"&java="+i+"&pf="+r+"&tz="+o}catch(u){}finally{return e}},getExtendEnvInfo:function(){var e="";try{var t=l.href,s="-",e=e+("&flash="+this.getFlashInfo());n.addBehavior&&(n.addBehavior("#default#homePage"),n.isHomePage(t)&&(e+="&hp=Y")),n.addBehavior&&(n.addBehavior("#default#clientCaps"),s=n.connectionType),e+="&ct="+s}catch(r){}finally{return e}},getFlashInfo:function(){var a="-",c=navigator;try{if(c.plugins&&c.plugins.length){for(var b=0;b<c.plugins.length;b++)if(-1<c.plugins[b].name.indexOf("Shockwave Flash")){a=c.plugins[b].description.split("Shockwave Flash ")[1];break}}else if(window.ActiveXObject)for(b=12;5<=b;b--)try{if(eval("new ActiveXObject('ShockwaveFlash.ShockwaveFlash."+b+"');")){a=b+".0";break}}catch(d){}}catch(e){}return a},getParameter:function(e,t){if(e&&t){var s=t.match(new RegExp("(\\?|#|&)"+e+"=([^&^#]*)(#|&|$)"));return s?s[2]:""}return""},getCookieSetDomain:function(e){var t,s,n=[];for(s=t=0;s<e.length;s++)"."==e.charAt(s)&&(n[t]=s,t++);return t=n.length,-1<e.indexOf(".cn")&&t--,s="qq.com",1==t?s=e:1<t&&(s=e.substring(n[t-2]+1)),s},watchClick:function(e){try{var s,n=!0,r="";
switch(s=window.event?window.event.srcElement:e.target,s.tagName){case"A":r="<A href="+s.href+">"+s.innerHTML+"</a>";
break;
case"IMG":r="<IMG src="+s.src+">";
break;
case"INPUT":r="<INPUT type="+s.type+" value="+s.value+">";
break;
case"BUTTON":r="<BUTTON>"+s.innerText+"</BUTTON>";
break;
case"SELECT":r="SELECT";
break;
default:n=!1}if(n){var o=new t(f),i=o.getElementPos(s);
if(f.coordinateId){var a=o.getElementPos(document.getElementById(f.coordinateId));
i.x-=a.x}o.url.push(o.getDomainInfo(!0)),o.url.push("&hottag="+escape(r)),o.url.push("&hotx="+i.x),o.url.push("&hoty="+i.y),o.url.push("&rand="+Math.round(1e5*Math.random())),o.url.unshift("https://pingfore."+this.getCookieSetDomain(x)+"/pingd?"),o.sendInfo(o.url.join(""))}}catch(u){}},getElementPos:function(e){if(null===e.parentNode||"none"==e.style.display)return!1;var t=navigator.userAgent.toLowerCase(),s=null,n=[];if(e.getBoundingClientRect)return t=e.getBoundingClientRect(),e=Math.max(document.documentElement.scrollTop,document.body.scrollTop),s=Math.max(document.documentElement.scrollLeft,document.body.scrollLeft),{x:t.left+s-document.body.clientLeft,y:t.top+e-document.body.clientTop};if(document.getBoxObjectFor)t=document.getBoxObjectFor(e),n=[t.x-(e.style.borderLeftWidth?Math.floor(e.style.borderLeftWidth):0),t.y-(e.style.borderTopWidth?Math.floor(e.style.borderTopWidth):0)];else{if(n=[e.offsetLeft,e.offsetTop],s=e.offsetParent,s!=e)for(;s;)n[0]+=s.offsetLeft,n[1]+=s.offsetTop,s=s.offsetParent;(-1<t.indexOf("opera")||-1<t.indexOf("safari")&&"absolute"==e.style.position)&&(n[0]-=document.body.offsetLeft,n[1]-=document.body.offsetTop)}for(s=e.parentNode?e.parentNode:null;s&&"BODY"!=s.tagName&&"HTML"!=s.tagName;)n[0]-=s.scrollLeft,n[1]-=s.scrollTop,s=s.parentNode?s.parentNode:null;return{x:n[0],y:n[1]}},sendClick:function(){f.hottag&&(this.url.push(this.getDomainInfo(!0)),this.url.push("&hottag="+escape(f.hottag)),this.url.push("&hotx=9999&hoty=9999"),this.url.push("&rand="+Math.round(1e5*Math.random())),this.url.unshift("https://pingfore."+this.getCookieSetDomain(x)+"/pingd?"),this.sendInfo(this.url.join("")))},pgvGetArgs:function(){this.getDomainInfo();var e=[];return e.push("tcss_rp_dm="+Tcss.dm),e.push("tcss_uid="+h.get("pgv_pvid=",!0)),e.push("tcss_sid="+h.get("ssid=",!0)),e.push("tcss_refer="+h.get("ts_refer=",!0)),e.push("tcss_last="+h.get("ts_last=",!0)),e.join("&")},sendInfo:function(e){k=new Image(1,1),Tcss.img=k,k.onload=k.onerror=k.onabort=function(){k.onload=k.onerror=k.onabort=null,Tcss.img=null},k.src=e}};var h={sck:[],sco:{},init:function(){var e=this.get("pgv_info=",!0);if("-"!=e)for(var e=e.split("&"),t=0;t<e.length;t++){var s=e[t].split("=");this.set(s[0],unescape(s[1]))}},get:function(e,t){var s,n=t?g.cookie:this.get("pgv_info=",!0),r="-";if(s=n.indexOf(e),-1<s){if(s+=e.length,r=n.indexOf(";",s),-1==r&&(r=n.length),!t){var o=n.indexOf("&",s);-1<o&&(r=Math.min(r,o))}r=n.substring(s,r)}return r},set:function(e,t){this.sco[e]=t;for(var s=!1,n=this.sck.length,r=0;r<n;r++)if(e==this.sck[r]){s=!0;break}s||this.sck.push(e)},setCookie:function(e,t,s){var n=l.hostname,r=h.get(e+"=",t);if("-"!=r||s)r=s?s:r;else{switch(e){case"ts_uid":q.push("nw=1");break;case"ssid":z=1}r=t?"":"s",s=(new Date).getUTCMilliseconds(),r+=Math.round(2147483647*Math.abs(Math.random()-1))*s%1e10}if(t)switch(e){case"ts_uid":this.saveCookie(e+"="+r,n,this.getExpires(1051200));break;case"ts_refer":this.saveCookie(e+"="+r,n,this.getExpires(259200));break;case"ts_last":this.saveCookie(e+"="+r,n,this.getExpires(30));break;default:this.saveCookie(e+"="+r,w,"expires=Sun, 18 Jan 2038 00:00:00 GMT;")}else this.set(e,r);return r},getExpires:function(e){var t=new Date;return t.setTime(t.getTime()+6e4*e),"expires="+t.toGMTString()},save:function(){if(f.sessionSpan){var e=new Date;e.setTime(e.getTime()+6e4*f.sessionSpan)}for(var t="",s=this.sck.length,n=0;n<s;n++)t+=this.sck[n]+"="+this.sco[this.sck[n]]+"&";t="pgv_info="+t.substr(0,t.length-1),s="",e&&(s="expires="+e.toGMTString()),this.saveCookie(t,w,s)},saveCookie:function(e,t,s){g.cookie=e+";path=/;domain="+t+";"+s}};window.pgvMain=function(e,s){var n="";s?(n=s,_ver="tcsso.3.1.5"):(n=e,_ver="tcss.3.1.5");try{v&&("undefined"!=typeof pvRepeatCount&&1==pvRepeatCount?(r=1,pvRepeatCount=2):r=2),1==r&&(r=2,new t(n).run())}catch(o){}},window.pgvSendClick=function(e){new t(e).sendClick()},window.pgvWatchClick=function(e){new t(e).watchClick(e)},window.pgvGetArgs=function(e){return new t(e).pgvGetArgs()}}()
</script>
<script>
$(function(){function e(){(window.ActiveXObject||"ActiveXObject"in window)&&$("body").addClass("ie")}function n(e,n){"function"==typeof pgvSendClick&&pgvSendClick({virtualDomain:n||"im.qq.com",hottag:e})}function i(){var e,n=document.createElement("div"),i={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(e in i)if(void 0!==n.style[e])return i[e]}function t(e){var n,i=function(e,n){setTimeout(function(){e.addClass("imageMoving"),setTimeout(function(){e.removeClass("imageMoving")},15e3)},n)},t=[{el:$(".mov-bg-03"),delayTime:4e3},{el:$(".mov-bg-04"),delayTime:8e3},{el:$(".mov-bg-05"),delayTime:12e3},{el:$(".mov-bg-06"),delayTime:16e3}];for(n in t)i(t[n].el,t[n].delayTime);
setInterval(function(){for(n in t)i(t[n].el,t[n].delayTime)},26e3)}e(),"function"==typeof pgvSendClick&&pgvMain(),n("pcqq.pv"),$(".download").click(function(){n("pcqq.btn_download")}),$(".apply_qq").click(function(){n("pcqq.btn_apply")}),$(".qq_index").click(function(){n("pcqq.btn_index")}),$("#viewOnline").click(function(){n("pcqq.btn_viewOnline")}),$("#logo").click(function(){n("pcqq.btn_logo")});var o=/^https/.test(window.location)?"https://im.qq.com/online/flash/ht/fla_https.swf":"http://im.qq.com/online/flash/ht/fla_http.swf";swfobject.embedSWF(o,"flashBox","910","700","9.0.0","expressInstall.swf"),$("#viewOnline").click(function(e){e.preventDefault(),$("#flashDiv").show(),$(".overlay").show(),$(".overlay").css({height:$(document).height()})}),$("#flashClose").click(function(e){e.preventDefault(),$("#flashDiv").hide(),$(".overlay").hide()}),$.ajax({type:"GET",url:"https://cgi.im.qq.com/data/1min_city.dat",dataType:"json",success:function(e){try{e&&0==e.code&&"success"==e.msg?$("#max_online").text(e.data.count.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1,")):BJ_REPORT.report("get_online_error:"+JSON.stringify(e))}catch(n){BJ_REPORT.report("ajax_success_error:"+JSON.stringify(e))}}});var s,a=(i(),{params:{video:$(".login-video"),loginInterface:$(".img-loginInterface"),"interface":$(".img-aioInterface"),cutLine:$(".line"),title:$(".section-01").find(".message")},loopInterface:function(e){var n=this,i=n.params;setTimeout(function(){i.cutLine.addClass("show-line"),setTimeout(function(){i["interface"].removeClass("backgroundPositionReset"),setTimeout(function(){i.video[0].currentTime=0,i.loginInterface.removeClass("backHide"),setTimeout(function(){e()},700)},700)},300)},3e3)},loopAio:function(){var e=this,n=e.params;n.cutLine.removeClass("show-line"),setTimeout(function(){n.cutLine.addClass("show-line"),setTimeout(function(){n.loginInterface.addClass("backHide"),setTimeout(function(){n.cutLine.removeClass("show-line"),setTimeout(function(){n["interface"].addClass("backgroundPositionReset"),e.loopInterface()},700)},700)},300)},3e3)},loopAll:function(){var e,n,i=this,t=i.params;setInterval(function(){setTimeout(function(){t.cutLine.addClass("show-line"),setTimeout(function(){e=t["interface"].hasClass("backgroundPositionReset"),n=t.loginInterface.hasClass("backHide"),e?t["interface"].removeClass("backgroundPositionReset"):t.loginInterface.addClass("backHide"),setTimeout(function(){n?(t.video[0].currentTime=0,t.loginInterface.removeClass("backHide")):t["interface"].addClass("backgroundPositionReset"),setTimeout(function(){t.cutLine.removeClass("show-line")},700)},700)},300)},3e3)},4700)},showing:function(){var e=this,n=e.params;n.cutLine.addClass("show-line"),setTimeout(function(){n.loginInterface.addClass("backgroundPositionReset"),n.title.addClass("positionReset"),setTimeout(function(){n.cutLine.removeClass("show-line"),setTimeout(function(){n.cutLine.addClass("show-line"),setTimeout(function(){n.loginInterface.addClass("backHide"),setTimeout(function(){n["interface"].addClass("backgroundPositionReset"),setTimeout(function(){n.cutLine.removeClass("show-line")},700)},700)},300)},1500)},750)},300),e.loopAll()},init:function(){this.showing()}}),c={params:{len:$(".theme-img").length,isShow:0,isHover:0,hoverIndex:"",act_index:""},showSkin:function(e){$(".theme-img").removeClass("fadeOut").removeClass("fadeIn"),$(".theme-img").eq(e).addClass("fadeIn"),this.params.isShow=1},hideSkin:function(){var e=$(".theme-container").find(".fadeIn");e.index();e.addClass("fadeOut"),this.params.isShow=0},playOnce:function(e,n){var i=this,t=$(".defaultText"),o=$(".skinText");0==n?(o.removeClass("act"),setTimeout(function(){t.addClass("act")},750)):(t.removeClass("act"),setTimeout(function(){o.addClass("act")},750)),i.hideSkin(),$(".theme-side li").eq(e).children("i").removeClass("act"),setTimeout(function(){i.showSkin(n)},750)},init:function(){function e(){n.params.act_index=$(".theme-container").find(".fadeIn").index(),i.act_index<i.len-1?(n.playOnce(i.act_index,i.act_index+1),$(".theme-side li").eq(i.act_index+1).children("i").addClass("act")):(n.playOnce(i.len-1,0),$(".theme-side li").eq(0).children("i").addClass("act"))}var n=this,i=n.params;n.showSkin(0),$(".defaultText").addClass("act"),$(".theme-side li").eq(0).children("i").addClass("act"),setTimeout(function(){$(".theme-side").css("opacity","1")},750);setInterval(e,3e3)}},l=function(){var e={startIndex:1},n={faceContainer:$(".face-container"),face:$(".face01")},i=function(e){n.faceContainer.removeClass("act"),setTimeout(function(){n.faceContainer.eq(e).addClass("act")},1400)},t=function(){var t,o=n.faceContainer.length;setInterval(function(){t=$(".friendNet").find(".act").index(),t++,e.startIndex++,i(t<o?t:0)},3e3)},o=function(){$(".ring-list").addClass("act"),setTimeout(function(){n.face.addClass("act"),t()},1400)};o()},d=($(window).height(),$(".section-02").offset().top/2),f=$(".section-03").offset().top/1.6,r=$(".section-04").offset().top/1.4,u={s2:0,s3:0,s4:0};t(),a.init(),$(window).scroll(function(){s=$(window).scrollTop(),s>d&&!u.s2?(u.s2=1,c.init()):s>f&&!u.s3?(u.s3=1,$(".section-03").addClass("act")):s>r&&!u.s4&&(u.s4=1,$(".section-04").find(".message").addClass("act"),l())})})</script>
</html>

Comment list( 0 )

You need to Sign in for post a comment

Help Search