.video .hd{overflow:hidden;background-color:#f1f1f1;padding:9px 0}.video .hd .option{float:right;width:10px;height:10px;margin-right:10px;background-color:#e8e8e8;border-radius:50%}.video .bd{overflow:hidden;width:200px}.video .bd .video-item{float:left;width:100px;height:100px;background-color:#9fa1a5;overflow:hidden}.video .bd .video-item:nth-child(2),.video .bd .video-item:nth-child(3){background-color:#999b9f}.video .bd .video-item canvas{width:100px;height:100px;opacity:0;transition:all .5s ease}.video .ft{text-align:center;padding:10px 0;background-color:#f1f1f1;font-size:0}.video .ft .option{display:inline-block;width:20px;height:20px;margin-right:10px;background-color:#f1f1f1;border-radius:50%}.video .ft .option:last-child{margin-right:0}.simulator{border:2px solid #2f3034;border-radius:4px;position:absolute;width:2000px;left:20px;top:220px;z-index:-1;min-height:400px;background-color:#28292d}.sidebar{float:left;padding:7px}.sidebar .avatar{width:15px;height:15px;margin-bottom:10px;border:1px solid #2f3034}.sidebar .item{width:10px;height:10px;margin:0 auto 10px;border:1px solid #2f3034;border-radius:50%}.nav{float:left;width:60px;height:100%;border-left:1px solid #2f3034;border-right:1px solid #2f3034}.nav .item{overflow:hidden;padding:7px}.nav .item .cover{float:left;width:20px;height:20px;margin-right:7px;border:1px solid #2f3034}.nav .item .content{overflow:hidden}.nav .item .title{margin-bottom:4px}.nav .item .desc,.nav .item .title{height:7px;border:1px solid #2f3034}.nav .item .desc{width:80%}.main{position:absolute;left:93px;top:0;right:0;bottom:0}.main .chat{height:240px}.main .editor{border-top:1px solid #2f3034}.main .toolbar{padding:15px 10px 10px}.main .toolbar:after{content:"";display:block;clear:both}.main .toolbar .item{float:left;width:10px;height:10px;margin-right:10px;border-radius:50%;background-color:#38383c}.main .toolbar .item:first-child{animation-delay:2s}.main .toolbar .item:nth-child(2){animation-delay:2.2s}.main .toolbar .item:nth-child(3){animation-delay:2.4s}.main .toolbar .phone{animation-delay:3s;border:0;position:relative;top:-15px;background-color:transparent}.main .toolbar .phone .icon.icon-phone{display:inline-block;vertical-align:middle;width:34px;height:34px;margin-top:3px;background:url(https://res.wx.qq.com/a/wx_fed/common_assets/17031702/win_weixin21/images/phone_icon2x.png) no-repeat;background-size:cover}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}@keyframes a{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}.simulatorFadeInUp{animation-name:a}@keyframes b{0%{opacity:0;transform:scale3d(.3,.3,.3)}80%{opacity:1;transform:scale3d(1.2,1.2,1.2)}to{opacity:1;transform:scaleX(1)}}.circleZoomIn{animation-name:b;animation-delay:.1s;animation-duration:.5s}@keyframes c{0%{opacity:0;transform:scale3d(.6,.6,.6)}80%{opacity:1;transform:scale3d(1.05,1.05,1.05)}to{opacity:1;transform:scaleX(1)}}.videoCircleZoomIn{animation-name:c;animation-fill-mode:forwards;animation-delay:.1s;animation-duration:.5s}@keyframes d{0%{opacity:0;transform:translate3d(0,50%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:d}@keyframes e{0%{opacity:0;transform:translate3d(0,30%,0)}to{opacity:1;transform:none}}.simulatorSlideUp{animation-name:e}@keyframes f{0%{transform:scale(0)}to{transform:scale(1)}}.videoSlideUp{transform-origin:50% 100%;animation-name:f}@keyframes g{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:g}*{margin:0;padding:0}body{line-height:1.6;font-family:PingFang SC,Helvetica Neue,Helvetica,STHeitiSC-Light,Arial,sans-serif;background-color:#242529;overflow:hidden}.container,body,html{height:100%}.container{position:relative;overflow:hidden}.header{padding:20px 32px}.logo{position:relative;font-size:0}.logo.en,.logo.en_US,.logo.zh_CN,.logo.zh_HK,.logo.zh_TW{width:35px;height:35px;background:url(//res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/17x8qbQ.png) no-repeat;background-size:cover}.logo:after{content:"2.6.4";position:absolute;left:100%;top:50%;background-color:#454449;font-size:10px;color:#bdbbc1;line-height:1;padding:2px 5px;border-radius:2px;margin-top:-1px}.body{padding-left:80px}.body .textarea .title{color:#fff;font-weight:400;font-size:0;margin-bottom:10px}.body .textarea .title.zh_CN{width:213.71428571px;height:108px;background:url(//res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/2dh9mG6.png) no-repeat;background-size:cover}.body .textarea .title.en,.body .textarea .title.en_US{width:277.14285714px;height:100px;background:url(//res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/3Xxyw9e.png) no-repeat;background-size:cover}.body .textarea .title.zh_HK,.body .textarea .title.zh_TW{width:213.71428571px;height:108px;background:url(//res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/dvvC-h4.png) no-repeat;background-size:cover}.body .textarea .desc{color:#888;margin-bottom:30px;font-size:0;display:none}.video-wrapper{position:absolute;bottom:100%;animation-delay:3.4s;overflow:hidden;margin-left:-102px;margin-bottom:5px}.button-wrapper,.copyright{display:none}@media (min-width:375px){.body{padding-left:89px}.nav{width:70px}.main{left:103px}.simulator{top:290px}.video .bd{overflow:hidden;width:250px}.video .bd .video-item{float:left;width:125px;height:125px;background-color:#9fa1a5;overflow:hidden}.video .bd .video-item:nth-child(2),.video .bd .video-item:nth-child(3){background-color:#999b9f}.video .bd .video-item canvas{width:125px;height:125px;opacity:0;transition:all .5s ease}}@media (min-width:414px){.container{overflow:hidden}.logo{font-size:0}.logo.en,.logo.en_US,.logo.zh_CN,.logo.zh_HK,.logo.zh_TW{width:35px;height:35px;background:url(//res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/17x8qbQ.png) no-repeat;background-size:cover}.body{padding-left:99px}.body .textarea{margin-top:20px}.body .textarea .title.zh_CN{width:214px;height:108px;background:url(//res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/2dh9mG6.png) no-repeat;background-size:cover}.body .textarea .title.en,.body .textarea .title.en_US{width:243px;height:88px;background:url(//res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/3Xxyw9e.png) no-repeat;background-size:cover}.body .textarea .title.zh_HK,.body .textarea .title.zh_TW{width:214px;height:108px;background:url(//res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/dvvC-h4.png) no-repeat;background-size:cover}.simulator{top:340px}.main .toolbar .phone .icon.icon-phone{display:inline-block;vertical-align:middle;width:34px;height:34px;background:url(//res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/3YLCTw1.png) no-repeat;background-size:cover}}@media (min-width:480px){.container{width:480px;margin:0 auto}}@media (min-width:960px){.container{overflow:visible}.header{padding:30px 0}.logo.zh_CN,.logo.zh_HK,.logo.zh_TW{width:157px;height:40px;background:url(//res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/3J7LxuI.png) no-repeat;background-size:cover}.logo.en,.logo.en_US{width:202px;height:38px;background:url(//res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/20BW2Oy.png) no-repeat;background-size:cover}.container{width:1100px;margin:0 auto}.textarea{float:left}.video-wrapper{overflow:hidden;left:-85px}.simulator{position:absolute;top:250px;left:320px;bottom:0;width:3000px;z-index:-1}.simulator .sidebar{float:left;padding:30px 15px}.simulator .sidebar .avatar{width:30px;height:30px;margin-bottom:20px}.simulator .sidebar .item{width:20px;height:20px;margin:0 auto 20px}.simulator .nav{width:240px;padding-top:15px}.simulator .nav .item{overflow:hidden;padding:15px}.simulator .nav .item .cover{float:left;width:40px;height:40px;margin-right:17px}.simulator .nav .item .content{overflow:hidden}.simulator .nav .item .title{height:15px;margin-bottom:10px}.simulator .nav .item .desc{width:80%;height:15px}.simulator .main{left:304px}.simulator .main .chat{height:200px}.simulator .main .editor{width:100%;position:absolute;bottom:20%}.simulator .main .toolbar{padding:20px}.simulator .main .toolbar .item{width:16px;height:16px;margin-right:10px}.simulator .main .toolbar .phone .icon.icon-phone{display:inline-block;vertical-align:middle;width:44px;height:44px;background:url(//res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/3YLCTw1.png) no-repeat;background-size:cover}.video .hd{padding:9px 0}.video .hd .option{width:15px;height:15px;margin-right:10px}.video .bd{width:420px}.video .bd .video-item,.video .bd .video-item canvas{width:210px;height:210px}.video .ft{padding:20px 0}.video .ft .option{display:inline-block;width:20px;height:20px;margin-right:10px}.body{padding-left:40px}.body .textarea{margin-top:140px}.body .textarea .title.zh_CN{width:316px;height:128px;background:url(//res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/3FIjLyE.png) no-repeat;background-size:cover}.body .textarea .title.en,.body .textarea .title.en_US{width:450px;height:128px;background:url(//res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/9xCnYat.png) no-repeat;background-size:cover}.body .textarea .title.zh_HK,.body .textarea .title.zh_TW{width:211px;height:86px;background:url(//res.wx.qq.com/a/wx_fed/weixin_portal/res/static/img/2m39xFx.png) no-repeat;background-size:cover}.button-wrapper{display:block;margin-top:40px;margin-left:10px}.button-wrapper .button{display:inline-block;text-decoration:none;color:#00d500;border:1px solid #00d500;padding:2px 22px;min-width:100px;text-align:center;border-radius:2px;font-size:20px}.copyright{position:absolute;display:block;color:#3d3f49;bottom:70px;font-size:12px}.copyright .qqgroup{display:none}.copyright .qqgroup.zh_CN{display:block}}@media (min-width:1100px){.logo{margin-left:-14px}.simulator{left:400px}}@media (max-height:600px){.copyright{display:none}}@media (min-height:960px){.video-wrapper{overflow:hidden;left:-125px}.video .bd{width:500px}.video .bd .video-item,.video .bd .video-item canvas{width:250px;height:250px}}@media (min-height:1024px){.simulator .main .editor{bottom:30%}}