.opacity{opacity:0.8}.app_main{width:100%;height:975px;overflow-x:hidden;display:block;background:#efefef}.app_content{margin-top:150px;height:600px;transform:translateX(20%)}.app_content .app_c{position:absolute;left:0;z-index:10;top:100px}.app_content .app_img{width:2520px;transform:translateX(480px);transition:all 1s}.app_content .app_img .app_step_img{float:left;width:315px;transform:scale(.9);opacity:0.03;transition:all 1s;cursor:pointer}.app_content .app_img .active_img{transform:scale(1);opacity:1;transition:all 1s}.relative{position:relative}.app_step_2 img{text-align:center}.app_step_2 img:nth-child(1){position:absolute;z-index:4;top:72px;left:27px}.app_step_2 img:nth-child(2){position:absolute;z-index:3;top:40%;left:50%;margin-left:-108px}.app_step_2 img:nth-child(3){position:absolute;z-index:3;top:40%;left:50%;margin-left:-108px}.app_step_2 img:nth-child(4){position:absolute;z-index:2;top:40%;left:50%;margin-left:-108px}.app_step_4_animation{position:absolute;top:72px;left:27px;width:262px;height:451px;background:url("../images/app_step_4a.jpg") no-repeat;background-size:800%;z-index:999}.app_step_3{width:262px;height:451px;position:absolute;top:72px;left:27px;overflow:hidden}.app_step_3 img{transform:translateX(-205px)}.active_img .app_step_animation img:nth-child(1){animation:opacity2 2.2s linear;-webkit-animation:opacity2 2.2s linear}.active_img .app_step_animation img:nth-child(2){animation:opacity1 2s linear;-webkit-animation:opacity1 2s linear}.active_img .app_step_animation img:nth-child(4){animation:approtate 2s linear;-webkit-animation:approtate 2s linear}.active_img .app_step_4_animation{animation:app_step_4 1.5s steps(8) running;-webkit-animation:app_step_4 1.5s steps(8) running}.active_img .app_step_3 img{transform:translateX(0);transition:all 1s}.app_step_content{text-align:right;display:none;width:438px}.app_step_content h1,.app_step_content h3{font-size:25px;color:rgba(0, 0, 0, 0.5);line-height:100px;letter-spacing:2px}.app_step_content h3{font-size:30px;line-height:40px;padding-bottom:10px;margin-top:50px;font-weight:lighter}.app_step_content.active{display:block;transition:all 1s}.app_step_content .app_bg{width:126px;height:45px;padding-top:5px;border-radius:2px;background:#787878;line-height:20px;display:inline-block;margin-bottom:20px;margin-top:70px;color:#fff}.app_step_content .app_bg:nth-child(1){font-size:15px}.app_step_content .app_bg:nth-child(2){opacity:0.8}.app_step_content .app_bg span{display:block;text-align:center}.app_pass{background:url("../images/app_pass.jpg") no-repeat 235px;color:#666;height:40px;line-height:21px}.app_step_1{margin-left:40%}.app_down ul{width:168px;height:40px;border-radius:30px;border:1px #343c47 solid;margin-right:18px;float:right;padding:10px 20px;text-align:center}.app_down ul a{display:inline-block;width:100%;height:100%}.app_down ul:hover{background:#343c47;color:#fff;transition:all 500ms}.app_down ul:hover a{color:#fff}.app_down ul li{display:inline-block;text-align:right}.app_down ul i:before{font-size:40px;padding-right:10px}.app_down ul:nth-child(1){margin-right:0}.app_down:after{clear:both;content:"";display:block}.carousel{padding:10px 0;opacity:0.8;line-height:50px}.carousel i{cursor:pointer;width:50px;height:50px;display:inline-block;text-align:center;line-height:50px}.app_notes{width:1200px;margin:40px auto 10px;height:40px;opacity:0.8;line-height:30px}@keyframes opacity1{0%,90%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity1{0%,90%{opacity:0}100%{opacity:1}}@-moz-keyframes opacity1{0%,90%{opacity:0}100%{opacity:1}}@keyframes opacity2{0%,99%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity2{0%,99%{opacity:0}100%{opacity:1}}@-moz-keyframes opacity2{0%,99%{opacity:0}100%{opacity:1}}@keyframes approtate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes approtate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-moz-keyframes approtate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes app_step_4{0%,50%{background-position:0,0}100%{background-position:-2096px, 0}}@-webkit-keyframes app_step_4{0%,50%{background-position:0,0}100%{background-position:-2096px, 0}}