.icon,.page-1 .btn-wrap:hover .download{display:block}*{margin:0;padding:0}li,ol,ul{list-style:none}a{text-decoration:none}@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_1453340547_1927462.eot);src:url(//at.alicdn.com/t/font_1453340547_1927462.eot?#iefix) format('embedded-opentype'),url(//at.alicdn.com/t/font_1453340547_1927462.woff) format('woff'),url(//at.alicdn.com/t/font_1453340547_1927462.ttf) format('truetype'),url(//at.alicdn.com/t/font_1453340547_1927462.svg#iconfont) format('svg')}.icon{font-family:iconfont;font-size:134px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fl{float:left}html{background-color:#fff;font:400 14px 'Microsoft Yahei',tahoma,sans-serif;-webkit-font-smoothing:antialiased}.container{position:relative;margin:0 auto;width:1200px;height:100%}.page-1{background:url(//static.jjoobb.cn/images/topic/app/personal/page-bg-1.png) center bottom no-repeat #28b9e1}.page-1 .logo{position:relative;top:24px;padding:24px 0 12px 250px;height:20px;line-height:20px;font-size:16px;color:#cdefff}.page-1 .logo img{position:absolute;top:0;left:0}.page-1 .nav{position:absolute;right:0;top:0;color:#7ED5ED;height:30px;line-height:30px;background:#1A9CBC;border-radius:0 0 3px 3px}.page-1 .nav a{padding:0 10px;color:#fff}.page-1 .cont{position:absolute;right:110px;top:260px;width:550px}.page-1 .btn-wrap{position:relative;width:285px;height:84px;margin:44px 0 33px 95px;background:url(//static.jjoobb.cn/images/topic/app/personal/btn-down.png) 0 -84px no-repeat;cursor:pointer;-webkit-transition:.4s;transition:.4s}.footer .copy,.page-1 .phone,.page-2 .cont,.page-2 .phone,.page-3 .cont,.page-4 .cont,.page-4 .phone,.page-5 .cont,.page-5 .phone{position:absolute}.page-1 .btn-wrap:hover{background-position:0 0}.page-1 .download{display:none;float:left;width:50%;height:100%}.page-1 .code,.page-1 .code img{width:145px;height:145px}.page-1 .phone{left:-20px;bottom:-20px}.page-1 .code{margin-left:157px;padding:10px;background:#53c7e7}.page-1 .text{margin-top:15px;width:480px;text-align:center;color:#CDEFFF;font-size:16px}.page-2{background:#70ca90}.page-2 .phone{right:0;bottom:-5px}.page-2 .cont{color:#fff;left:37px;top:256px}.page-2 .cont .icon{color:#a9dfbc;text-align:center}.page-2 .cont h1{margin:30px 0 10px;font-size:54px}.page-2 .cont p{font-size:18px;font-weight:700;line-height:30px;color:#d4efde}.page-3{background:#ff9c00}.page-3 .cont{color:#fff;right:55px;top:254px}.page-3 .cont .icon{color:#ffc466;text-align:center}.page-3 .cont h1{margin:30px 0 10px;font-size:54px}.page-3 .cont p,.page-4 .cont p{font-size:18px;font-weight:700;line-height:30px}.page-3 .cont p{color:#ffdda7}.page-3 .phone{position:absolute;left:67px;bottom:0}.page-4{background:#609cff}.page-4 .cont{color:#fff;left:37px;top:270px}.page-4 .cont .icon{color:#a0c4ff;text-align:center}.page-4 .cont p{color:#d0e1ff;text-align:center}.page-4 .cont h1{margin:10px 0;font-size:54px;text-align:center}.page-4 .icon{font-size:170px}.page-4 .phone{right:0;bottom:-5px}.page-5{background:#ffb400}.page-5 .cont{color:#fff;right:37px;top:240px}.page-5 .cont h1{margin:30px 0 10px;font-size:54px;text-align:center}.footer .log,.footer .log-list,.footer h3{width:1200px;margin:0 auto}.page-5 .cont p{font-size:18px;font-weight:700;line-height:30px;color:#ffe9b3;text-align:center}.page-5 .cont .icon{text-align:center;color:#ffd266}.page-5 .phone{left:0;bottom:-110px}.footer{background:#f2f2f2}.footer .log-list li{border-bottom:1px dashed #d8d8d8}.footer .log-list .new .title,.footer .log-list .new .title time{color:#70ca90}.footer .log-list .new .title:hover{background:0 0}.footer .log{padding:0 0 20px 20px;display:none}.footer .log-list .new .log{display:block}.footer .title{display:block;height:60px;line-height:60px;font-size:18px;color:#333}.footer .title:hover{background:#ddd}.footer time{display:inline-block;margin-left:1em;color:#999;font-size:14px}.footer h3{margin-bottom:.5em;font-size:24px;font-weight:400}.footer h4{margin-bottom:.4em;font-size:18px;font-weight:400;color:#666}.footer h4 span{color:#4caf50}.footer p{color:#999;line-height:26px}.footer .copy{left:0;bottom:0;width:100%;height:60px;line-height:60px;text-align:center;color:#999;background:#e8e8e8}#fp-nav li,.fp-slidesNav li{margin:15px!important}#fp-nav span,.fp-slidesNav span{border:none!important;width:14px!important;height:14px!important;background:#fff!important;opacity:.4;filter:alpha(opacity=40)}#fp-nav li .active span,.fp-slidesNav .active span{opacity:1;filter:alpha(opacity=100)}@media screen and (max-height:780px){.page-1 .phone img{width:400px}.page-1 .cont{top:0}.page-2 .cont,.page-3 .cont,.page-4 .cont,.page-5 .cont{top:130px}.page-2 .phone img,.page-4 .phone img,.page-5 .phone img{width:420px}.page-3 .phone img{width:280px}}