button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}@chartset "utf-8";/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}@chartset "utf-8";.cf{zoom:1}.cf:after{content:"020";display:block;height:0;clear:both;visibility:hidden}.page1{background-color:#ffd031;background-size:cover;background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/bg_star.png)}.css-animation .window{animation:.5s window-animation 1 4.2s;animation-fill-mode:forwards}.css-animation .window-cp{opacity:1;animation:.5s window-cp-animation 1 4.2s;animation-fill-mode:forwards}.css-animation .sw{animation:.5s sw-animation 1 4s;animation-fill-mode:forwards}.css-animation .mobile{animation:3s mobile-animation 1 1s;animation-fill-mode:forwards}.css-animation .qrcodebg{animation:3s qrcodebg-animation 1 1s;animation-fill-mode:forwards}.css-animation .light{animation:.5s light-animation 2 2s}.css-animation .pc-content{animation:.5s pc-content-animation 1 4.5s;animation-fill-mode:forwards}.css-animation .sabtn{animation:1s sabtn-animation}.page1-container{width:1120px;height:490px;margin:0 auto}.page1-container .image-box{float:left;width:700px;height:490px}.page1-container .image-box .pc{position:relative;width:597px;height:460px;background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/pc.png)}.page1-container .image-box .mobile,.page1-container .image-box .mobile .content,.page1-container .image-box .mobile .content .qrcodebg,.page1-container .image-box .pc .sw,.page1-container .image-box .pc .window,.page1-container .image-box .pc .window-cp{background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/sprite2.png);position:absolute;background-repeat:no-repeat}.page1-container .image-box .pc .window,.page1-container .image-box .pc .window-cp{top:75px;left:80px;width:300px;height:160px;background-position:-614px -10px}.page1-container .image-box .pc .sw{top:75px;right:85px;width:85px;height:160px;background-position:-512px -10px;opacity:1}.page1-container .image-box .mobile{top:130px;right:-90px;width:185px;height:319px;background-position:-150px -10px}.page1-container .image-box .mobile .content{top:30px;left:30px;width:139px;height:251px;background-position:-8px -10px}.page1-container .image-box .mobile .content .qrcodebg{z-index:2;top:0;left:0;width:137px;height:260px;opacity:0;background-position:-350px -10px}.page1-container .image-box .mobile .content .qrcodebg .light{position:absolute;top:47px;left:24px;width:98px;height:4px;background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/sprite1.png);background-position:-12px -8px;background-repeat:no-repeat}.page1-container .image-box .mobile .content .pc-content{position:absolute;top:30px;left:0;width:137px;height:102px;opacity:0;background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/sprite2.png);background-position:-777px -175px}.page1-container .image-box .mobile .content .sabtn{position:absolute;z-index:3;left:74px;bottom:0;width:14px;height:14px;background-color:#ffdf00;border-radius:100%;background-position:center center}.css3 .page1-container .image-box .mobile .content .qrcodebg{display:none;opacity:0}.css3 .page1-container .image-box .mobile .content .sabtn{background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/sprite1.png);background-position:-114px -11px}.page1-container .text-box{float:left}.page1-container .text-box .step-title{margin-left:22px;font-size:60px;font-weight:100;width:313px;height:55px;background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/title1.png)}.page1-container .text-box ul{margin-top:50px;font-size:14px;color:#333}.page1-container .text-box ul li{margin-bottom:15px}.page1-container .text-box .download-box{position:relative;margin-top:55px}.page1-container .text-box .download-box .download{display:inline-block;margin-left:22px;width:220px;height:60px;line-height:60px;line-height:64px\9;font-weight:600;font-size:20px;color:#333;text-indent:85px;border-radius:50px;background-color:#fff;box-shadow:0 3px 15px #efac85}.page1-container .text-box .download-box .download:hover{color:#ffae00}.page1-container .text-box .download-box .download:hover i{background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/sprite1.png);background-position:-192px -9px}.page1-container .text-box .download-box .download:active{box-shadow:0 0 0 #ffd031}.page1-container .text-box .download-box .download i{display:block;position:absolute;top:20px;left:68px;width:22px;height:22px;background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/sprite1.png);background-position:-157px -9px}.page1-container .text-box .download-box span{position:absolute;left:20px;bottom:-40px;font-size:12px;color:#c79a00}.page1-container .text-box .download-box .config{position:absolute;left:195px;bottom:-40px;font-size:12px;color:#c79a00}.page1-container .text-box .download-box .config i{display:block;position:absolute;top:1px;left:-15px;width:12px;height:12px;background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/sprite1.png);background-position:-8px -18px}.page1-container .text-box .download-box .config:hover{color:#fff}.page1-container .text-box .download-box .config:hover i{background-position:-27px 26px}.config-text{z-index:6;position:fixed;top:50%;left:50%;margin-left:-375px;margin-top:-180px;width:750px;height:360px;background-color:#fff;display:none}.config-text.show{display:block}.config-text .text{color:#333;font-size:12px;margin-left:36px;margin-top:40px}.config-text h2{margin:0 0 40px;padding:0;font-size:16px;font-weight:400}.config-text a{color:#107bff;text-decoration:underline}.config-text p{margin:0;padding:0;line-height:20px}.config-text .part{margin-top:20px}.config-text .close{display:block;z-index:6;position:absolute;top:10px;right:10px;width:12px;height:12px;background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/sprite1.png);background-position:-54px -18px;cursor:pointer}.mask{background-color:#000;filter:alpha(opacity=50);background-color:rgba(0,0,0,.7);position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;display:none}.mask.show{display:block}.page2-container{width:1150px;height:450px;margin:0 auto}.page2-container .text-box{float:left;width:420px}.page2-container .text-box .step-title{line-height:80px;font-size:48px;color:#666;font-weight:100;border-bottom:1px solid #e5e5e5;width:189px;height:46px;padding-bottom:20px;background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/title2.png);background-repeat:no-repeat}.page2-container .text-box .step-content .step{cursor:pointer;color:#999;font-size:14px;margin-top:45px}.page2-container .text-box .step-content .step.active{color:#333}.page2-container .text-box .step-content .step.active span{color:#333;background-color:#ffd031}.page2-container .text-box .step-content span{color:#fcfcfc;padding:2px 20px;border-radius:16px;background-color:#d2d2d2}.page2-container .text-box .step-content strong{margin-left:8px;font-weight:400}.page2-container .image-box{position:relative;top:-40px;margin-top:0;float:left;width:694px;height:442px}.foot-link,.replay,.replay i{position:absolute}.page2-container .image-box .stepImg{position:absolute;top:0;transition:opacity ease 1.5s;opacity:0;filter:alpha(opacity=0)}.page2-container .image-box .stepImg.active{opacity:1;filter:alpha(opacity=100)}.page2-container .image-box .stepImg.stepImg1{width:579px;height:442px;background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/sprite3.png);background-position:-60px -10px}.page2-container .image-box .stepImg.stepImg2{width:694px;height:442px;background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/sprite3.png);background-position:-4px -466px}.page2-container .image-box .stepImg.stepImg3{width:694px;height:442px;background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/sprite3.png);background-position:-4px -922px}.foot-link{border-top:1px solid #f2f2f2;width:100%;height:119px;left:0;bottom:0;font-size:12px}.foot-link strong a,.foot-link strong a:hover{color:#ffd031}.foot-link a{color:#888;font-size:100%}.foot-link a:hover{color:#333}.foot-link p{color:#888;text-align:center;margin-bottom:12px}.foot-link span{color:#ddd;margin:0 10px}.replay{left:12px;bottom:15px;display:none;width:80px;height:25px;line-height:25px;text-align:center;border-radius:18px;font-size:14px;color:#ffd031;background:#3c5362;text-indent:16px}.replay i,.replay.show{display:block}.replay:hover{color:#fff}.replay:hover i{background-position:-138px -23px}.replay i{left:16px;top:6px;width:8px;height:11px;background-image:url(http://yyweb.yystatic.com/pc/images/screenAssistant/sprite1.png);background-position:-138px -7px}.replay span{font-size:13px}@keyframes sabtn-animation{0%{width:14px;height:14px;opacity:.3;background-size:14px 14px}20%{width:28px;height:28px;opacity:.6;background-size:20px 20px}50%{width:40px;height:40px;opacity:1;background-size:30px 30px}100%{width:14px;height:14px;opacity:1;background-size:14px 14px}}@keyframes mobile-animation{0%,100%{right:-90px}40%,50%,60%,70%,75%{right:45px}}@keyframes qrcodebg-animation{0%{height:260px;opacity:0}40%,50%{height:260px;opacity:1}65%{opacity:1;height:260px}100%{height:0;opacity:0}}@keyframes light-animation{0%{top:47px}100%{top:142px}}@keyframes pc-content-animation{0%{opacity:0}100%,90%{opacity:1}}@keyframes sw-animation{0%{opacity:1}100%,90%{opacity:0}}@keyframes window-animation{0%{left:60px}100%,90%{left:151px}}@keyframes window-cp-animation{0%{top:65px;left:60px;opacity:1;width:300px;height:160px}100%,90%{top:200px;left:600px;opacity:0;width:140px;height:104px}}