.app{width:800px;height:600px;margin:0 auto;box-sizing:border-box;position:relative;overflow:hidden}.app .slideleft-enter-active,.app .slideleft-leave-active{transition:opacity .8s,transform .6s}.app .slideleft-enter,.app .slideleft-leave-to{transform:translateX(8%);opacity:0}.app .slideright-enter-active,.app .slideright-leave-active{transition:opacity .8s,transform .6s}.app .slideright-enter,.app .slideright-leave-to{transform:translateX(-8%);opacity:0}.wps-welcome{width:100%;height:100%;box-sizing:border-box;padding:70px 0 54px;text-align:center}.wps-welcome-title{font-size:34px;color:#000;line-height:48px}.wps-welcome-banner{margin-top:13px;animation:bannerAnimate .4s}.wps-welcome-banner .banner-box{width:460px;height:276px;margin:0 auto}.wps-welcome-banner .banner-box img{width:100%;height:100%}.wps-welcome-banner .banner-desc{font-size:14px;color:#666;line-height:21px;text-align:center;margin-top:4px}.wps-welcome-btn{text-align:center;margin-top:60px;animation:btnAnimate .6s}.wps-welcome-btn .start-btn{width:230px;height:54px;margin:0 auto}@keyframes btnAnimate{0%{margin-top:10px;opacity:0}to{margin-top:60px;opacity:1}}.wps-button{display:inline-block;border:none;font-size:20px;color:#fff;letter-spacing:0;background:transparent;margin:0 auto;transition:all .6s}.normal-btn{background:linear-gradient(126deg,#439bf8,#4274fa 92%);box-shadow:0 5px 29px 0 rgba(66,122,250,.43);border-radius:27px;height:44px}.normal-btn:hover{background:linear-gradient(126deg,#7fbafa,#439af8 92%)}.normal-btn:active,.normal-btn:hover{box-shadow:0 5px 29px 0 rgba(66,122,250,.3)}.normal-btn:active{background:linear-gradient(126deg,#3568f0,#3568f0 92%)}.text-btn{color:#999;letter-spacing:0;text-align:center;font-size:14px;margin:0 auto!important}.text-btn:hover{color:#5087e5}.text-btn:active{color:#3966bf}.wps-button{display:flex;display:-webkit-flex;justify-content:center;align-items:center;margin:0;padding:0;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;box-sizing:border-box;-webkit-user-select:none;user-select:none;border-image:initial;outline:none}.wps-button.disabled{cursor:not-allowed}.wps-model{position:relative}.wps-model-banners{width:800px;overflow:hidden;background:#e6e6e6;border-radius:4px 4px 0 0;position:relative}.wps-model-banners .banner-box{width:1600px;height:364px;font-size:0;position:relative;top:0;right:0;background-color:#e7ebf1}.wps-model-banners .banner-box .banner-item{width:800px;height:364px;display:inline-block;opacity:1}.wps-model-banners .banner-box .banner-item img{width:100%;height:100%}.wps-model-banners .banner-box .merge-animate{animation:mergeAnimate 1s}@keyframes mergeAnimate{0%{opacity:0}to{opacity:1}}.wps-model-banners .banner-box .multi-animate{animation:bannerAnimate 1s}@keyframes bannerAnimate{0%{opacity:0}to{opacity:1}}.wps-model-tabs{margin-top:40px;text-align:center}.wps-model-tabs .tabs-btn{font-size:0}.wps-model-tabs .tabs-btn .btn{display:inline-block;width:96px;height:32px;line-height:32px;background:#fff;border:1px solid #ccc;font-size:14px;text-align:center;color:#666;transition:background .4s,color .4s;cursor:pointer}.wps-model-tabs .tabs-btn .btn:hover{color:#7cabf2;border:1px solid #7cabf2}.wps-model-tabs .tabs-btn .btn:active{color:#5087e5;background:#f4f8ff;border:1px solid #5087e5}.wps-model-tabs .tabs-btn .btn:first-child{border-radius:4px 0 0 4px}.wps-model-tabs .tabs-btn .btn:last-child{border-radius:0 4px 4px 0}.wps-model-tabs .tabs-btn .btn:first-child:not(.active){border-right:none}.wps-model-tabs .tabs-btn .btn:last-child:not(.active){border-left:none}.wps-model-tabs .tabs-btn .active{border:1px solid #5087e5;background:#f4f8ff;color:#5087e5}.wps-model-tabs .tabs-desc{margin-top:22px;font-size:12px;color:gray;text-align:center}.wps-model-tabs .tabs-desc .text-btn{text-decoration:underline;color:#5087e5;cursor:pointer;font-size:12px;transition:color .4s}.wps-model-tabs .tabs-desc .text-btn:hover{color:#3966bf}.wps-model-tabs .tabs-desc .text-btn:active{color:#254999}.wps-model-btn{margin-top:29px}.wps-skin{position:relative}.wps-skin-banners{width:800px;overflow:hidden;background:#e6e6e6;border-radius:4px 4px 0 0;position:relative}.wps-skin-banners .banner-box{width:800px;height:364px;font-size:0}.wps-skin-banners .banner-box .merge-banner{width:800px;height:364px;display:inline-block}.wps-skin-banners .banner-box .merge-banner img{width:100%;height:100%}.wps-skin-desc{margin-top:40px;text-align:center}.wps-skin-desc .title{font-size:28px;color:#000}.wps-skin-desc .desc{margin-top:16px;font-size:14px;color:#666}.wps-skin-btn{margin-top:31px}body,html{margin:0;padding:0;font-family:Microsoft YaHei;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body::-webkit-scrollbar,html::-webkit-scrollbar{width:8px;height:8px;background:transparent}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{border-radius:10px;background:#d0d0d0}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:#b8b8b8}body .next-btn,html .next-btn{width:140px;margin:0 auto;font-size:16px}body .pre-btn,html .pre-btn{margin-top:14px!important}