@font-face{font-family:Quicksand;src:url(/assets/Quicksand.7b81366d.woff2)}:root{--header-height:60px;--footer-height:80px;--padding:40px;--primary-color:#fff;--bg-color:#333;--font-color:#fff;--space:50px;--nav-font-size:16px;--logo-font-size:28px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--font-color);font-family:Quicksand,sans-serif;min-height:100vh;padding-top:var(--header-height)}p+p{margin-top:1em}a{color:var(--font-color);text-decoration:none}.container{margin:0 auto;width:1200px}.content-page{padding:calc(var(--padding)*1.5) 0}.content-page .container{width:800px}.content-page h1{font-size:24px;font-weight:400;letter-spacing:.091em;margin-bottom:30px;text-align:center;text-transform:uppercase}.content-page h2{font-size:18px;font-weight:700;margin-bottom:.5em;margin-top:1.5em}.content-page p{font-size:16px;line-height:1.6}.content-page p+p{margin-top:1.5em}.content-page ul{margin-left:1em}.content-page ul li{list-style:none;margin-top:5px}#app{display:none}#app header{align-items:center;background-color:var(--primary-color);box-shadow:0 1px 2px 1px rgba(0,0,0,.1);display:flex;height:60px;justify-content:space-between;left:0;padding:0 var(--padding);position:fixed;right:0;top:0;z-index:10}#app header .logo{font-size:var(--logo-font-size);text-transform:uppercase}#app header .menu{align-items:center;display:flex}#app header .menu .navs a{font-size:var(--nav-font-size);position:relative;text-transform:uppercase}#app header .menu .navs a:before{content:"";display:inline-block;height:1px;margin-right:.5em;transform:translateY(-100%);width:.5em}#app header .menu .navs a+a{margin-left:var(--space)}#app header .menu .navs a:hover{color:#dbb7a8}#app main{min-height:calc(100vh - var(--header-height) - var(--footer-height))}#app main>.page-padding{padding:calc(var(--padding)*3) 0}#app main .index{--footer-height:190px;background-color:#fff}#app main .index .container{padding:0 10%;width:100%}#app main .index .banner{display:block;min-height:75vh;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}#app main .index .join{height:170px;position:relative}#app main .index .join>*{bottom:0;left:0;position:absolute;right:0;top:0}#app main .index .join img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;z-index:0}#app main .index .join .title{align-items:center;display:flex;font-size:48px;justify-content:center;z-index:1}#app main .index .play{background-color:var(--primary-color);padding:30px 0}#app main .index .play .container{align-items:center;display:flex}#app main .index .play .container .content{flex:4}#app main .index .play .container .content h1,#app main .index .play .container .content h2,#app main .index .play .container .content h3{font-family:Quicksand,sans-serif;font-weight:800;margin:0 0 20px}#app main .index .play .container .content h1{font-size:60px}#app main .index .play .container .content h2{font-size:40px}#app main .index .play .container .content h3{font-size:30px}#app main .index .play .container .download-link{display:flex;flex:5;flex-direction:column}#app main .index .play .container .download-link a+a{margin-top:20px}#app main .index .play .container .download-link a img{width:150px}#app main .index .refund-title{background-color:var(--primary-color);color:#fff;font-size:24px;padding:20px 0;text-align:center}#app main .index .refund{background-color:#fff;color:#000;padding:var(--padding) 0}#app main .index .subscribe{font-size:0}#app main .index .subscribe img{height:300px;-o-object-fit:cover;object-fit:cover;width:100%}#app footer{background-color:var(--primary-color);color:#fff;padding:30px 0}#app footer .payment{margin-bottom:30px;text-align:center}#app footer .payment h1{font-size:16px}#app footer .payment img{border-radius:4px;-webkit-filter:drop-shadow(0 0 15px #fff);filter:drop-shadow(0 0 15px #fff);height:36px;margin-top:20px;transition-duration:.3s}#app footer .payment img:hover{-webkit-filter:drop-shadow(0 0 15px #fff) brightness(1.2);filter:drop-shadow(0 0 15px #fff) brightness(1.2)}#app footer .bottom{align-items:center;display:flex;justify-content:space-between;padding:0 var(--padding)}.hide-pc{display:none}@media screen and (max-width:1920px){:root{--space:25px;--nav-font-size:14px;--logo-font-size:20px}}@media screen and (max-width:1680px){:root{--space:15px;--nav-font-size:13px;--logo-font-size:20px}}@media screen and (max-width:1360px){:root{--space:10px;--nav-font-size:12px;--logo-font-size:14px}}@media screen and (max-width:1280px){:root{--space:5px;--nav-font-size:12px;--logo-font-size:14px}}@media screen and (max-width:1024px){.hide-pc{display:inherit}:root{--padding:20px}.container .container,.content-page .container{padding:var(--padding);width:100%}.container .container p,.content-page .container p{font-size:14px}#app header{align-items:center;justify-content:flex-start;padding:0 var(--padding)}#app header .menu-icon{color:#fff;height:24px;margin-right:20px;width:24px}#app header .logo{font-size:26px}#app header .menu{background-color:var(--primary-color);bottom:0;display:block;height:100vh;left:0;padding-top:var(--header-height);position:fixed;top:0;transform:translateX(-100%);transition-duration:.3s;width:88%;z-index:12}#app header .menu .close-icon{color:#aaa;height:24px;position:absolute;right:var(--padding);top:var(--padding);width:24px}#app header .menu.show{transform:translateX(0)}#app header .menu .navs{flex-direction:column;padding:0 32px;width:100%}#app header .menu .navs a{border-bottom:1px solid hsla(0,0%,67%,.78);color:#aaa;display:block;font-size:16px;padding:16px 0}#app header .menu .navs a.active{color:#fff;font-weight:700}#app header .menu .navs a:before{display:none}#app header .menu .navs a+a{margin-left:0}#app header .menu .footer{bottom:50px;font-size:12px;left:50%;letter-spacing:.167em;line-height:1.5;position:absolute;text-align:center;transform:translateX(-50%);width:160px}#app header .menu .footer div+div{margin-top:20px}#app header .menu-mask{background-color:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition-duration:.3s;visibility:hidden;z-index:11}#app header .menu-mask.show{opacity:1;visibility:visible}#app main .index .banner{height:300px;min-height:inherit}#app main .index .container{padding:0 var(--padding)}#app main .index .join .title{font-size:32px;text-align:center}#app main .index .play .container{flex-direction:column;text-align:center}#app main .index .play .container .content h1,#app main .index .play .container .content h2,#app main .index .play .container .content h3{margin-bottom:10px}#app main .index .play .container .content h1{font-size:24px}#app main .index .play .container .content h2{font-size:18px}#app main .index .play .container .content h3{font-size:16px}#app main .index .play .container .download-link{margin-top:20px}#app main .index .refund-title{font-size:20px}#app main .index .refund p{font-size:14px}#app main .index .subscribe img{height:140px}#app footer .payment img{height:auto;margin:20px var(--padding) 0;padding:5px 0;width:calc(100% - var(--padding)*2)}#app footer .bottom{align-items:center;flex-direction:column;font-size:12px;font-weight:400;justify-content:center;letter-spacing:.167em;line-height:1.5}#app footer .bottom span{display:block;max-width:280px;text-align:center}#app footer .bottom span+span{margin-top:15px}}