body,html{padding:0;margin:0;border:0;width:100%;height:100%}img{width:100%;vertical-align:top}#app,.slide-container{width:100%;height:100%}.slide-container{overflow:hidden;position:relative}.slide-container .slide-page{position:absolute;top:0;left:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-text-size-adjust:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;background-position:50%;transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0)}.slide-container .slide-page.transition{transition:transform .7s cubic-bezier(.55,.085,0,.99);-webkit-transition:transform .7s cubic-bezier(.55,.085,0,.99)}.murmur{text-align:center;color:#666;font-size:1.867vw}.next-common{width:4vw;height:3.467vw;position:absolute;left:50%;bottom:5.6vw;margin-left:-2vw;animation:control_effect 1.4s linear infinite both;-webkit-animation:control_effect 1.4s linear infinite both}@keyframes control_effect{0%{-webkit-transform:translate(0)}25%{-webkit-transform:translateY(20%)}75%{-webkit-transform:translateY(-20%)}to{-webkit-transform:translate(0)}}@-webkit-keyframes control_effect{0%{-webkit-transform:translate(0)}25%{-webkit-transform:translateY(20%)}75%{-webkit-transform:translateY(-20%)}to{-webkit-transform:translate(0)}}.title-common .icon{width:16.8vw;height:16.8vw;margin:0 auto;padding:8vw 0 0 0}.title-common .h2{text-align:center;padding:5.333vw 0 0 0}.title-common .h2 h2{margin:0;padding:0;border:0;font-size:7.2vw;color:#333;font-weight:700;line-height:1}.title-common .h3{text-align:center;padding:4vw 0 0 0}.title-common .h3 h3{margin:0;padding:0;border:0;font-size:5.6vw;color:#999;font-weight:400;line-height:1}.index-index,.index-index .outlay{width:100%;height:100%}.index-index .outlay{position:absolute;left:0;top:0;z-index:999;background:rgba(0,0,0,.6)}.index-index .AClass .box{width:100%;height:100%;background:url(../img/background.5a8c2a0a.jpg) no-repeat top;background-size:100%;position:relative}.index-index .AClass .box .button{display:flex;justify-content:space-between;padding:125.333vw 8vw 0 8vw}.index-index .AClass .box .button .item{width:40vw;height:11.733vw}.index-index .BClass .box{width:100%;height:100%;position:relative}.index-index .BClass .box .logo{width:64vw;height:51.6vw;margin:10.667vw auto 0 auto}.index-index .BClass .box .download{width:48vw;height:11.733vw;position:absolute;left:50%;bottom:16vw;margin-left:-24vw}.index-index .CClass .box{width:100%;height:100%;position:relative}.index-index .CClass .box .logo{width:58.933vw;height:61.867vw;margin:9.333vw auto 0 auto}.index-index .CClass .box .download{width:48vw;height:11.733vw;position:absolute;left:50%;bottom:16vw;margin-left:-24vw}.index-index .DClass .box{width:100%;height:100%;position:relative}.index-index .DClass .box .logo{width:58.533vw;height:56.133vw;margin:10.667vw auto 0 auto}.index-index .DClass .box .download{width:48vw;height:11.733vw;position:absolute;left:50%;bottom:16vw;margin-left:-24vw}.index-index .DClass .box .end{width:100%;font-size:3.467vw;text-align:center;color:#666;position:absolute;left:0;bottom:4vw}.index-index .in_HouseClass .box{width:100%;height:100%;position:relative}.index-index .in_HouseClass .box .logo{width:64vw;height:51.6vw;margin:10.667vw auto 0 auto}.index-index .in_HouseClass .box .download{width:48vw;height:11.733vw;position:absolute;left:50%;bottom:16vw;margin-left:-24vw}.tutorial{text-align:center;color:red;padding:2.667vw 0 1.333vw 0;margin:2.667vw 0 1.333vw 0}.tutorial .text{font-size:3.733vw}.ios-index{width:100%;min-height:100%;background:#1d2630;background-size:100%}.ios-index .box{width:92vw;padding:60vw 0 13.333vw 0;margin:0 auto}.ios-index .box .item{width:92vw;padding:0 0 4vw 0;background:#1d2630;border:1px solid rgba(255,255,255,.7);border-radius:2.667vw;position:relative;margin:0 0 4vw 0}.ios-index .box .item .setup{width:20vw;height:10.667vw;line-height:9.067vw;position:absolute;background:url(../img/setup.0d061400.png) no-repeat top;background-size:20vw 10.667vw;left:-2.4vw;top:3.467vw;color:#fff;font-size:4.267vw;text-align:center}.ios-index .box .item .body{padding:16vw 0 0 0}.ios-index .box .item .body .text p{text-align:center;margin:0;padding:0;border:0;line-height:1.5;font-size:4.267vw;font-weight:700;color:#fff}.ios-index .box .item .body .text p:last-child{color:#9a9fa5;font-size:3.733vw;padding:2.667vw 0 0 0;font-weight:400}.ios-index .box .item .button a{display:flex;justify-content:center;align-items:center;width:60.333vw;height:12vw;margin:6.133vw auto 0 auto;border-radius:12vw;background:#ff49ab;border:1px solid #ff49ab;text-decoration:none}.ios-index .box .item .button .ico{width:8vw;height:8vw;margin:0 2.667vw 0 0}.ios-index .box .item .button .tip{color:#fff;font-size:4vw;font-weight:700}.tutorial-index .button[data-v-4b7225de]{background:#5980f3;padding:1.333vw 0 10.667vw 0}.tutorial-index .back[data-v-4b7225de]{width:80vw;margin:0 auto;padding:2.667vw 0;text-align:center;font-size:4vw;color:#5d4ca7;background:#fff;border-radius:10.667vw}.tutorial-index img[data-v-4b7225de]{width:100%;height:auto;vertical-align:top}