*{padding:0;margin:0;box-sizing:border-box;letter-spacing:0}html,body{width:100%;height:100%;overflow:hidden}img{border-style:none}.app{overflow-y:hidden;position:relative;color:#000;background:url(/images/bg-content.jpg) no-repeat;background-size:100%;width:100%;height:100vh;animation:slideshow 10s linear infinite normal;max-width:750px;margin:0 auto;cursor:pointer}.mask{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#0006;box-sizing:border-box;padding:8vw 0}.top-section{display:flex;flex-direction:column;align-items:center}.logo{width:50vw;height:50vw;margin:2vw auto;background:url(/images/logo.png) no-repeat;background-size:100% 100%}.main-title{width:60vw;height:36vw;background:url(/images/title.png) no-repeat;background-size:100% 100%;margin:0 auto}.bottom-section{display:flex;flex-direction:column;align-items:center}.room{width:85vw;border:1px solid white;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10vw;overflow:hidden;color:#fff;padding:1vw 0}.room-title{font-size:18px}.room-sub{font-size:12px;color:#ddd5d5;transform:scale(.8)}.btn{margin-top:4vw;background-image:linear-gradient(to right,#7464ff,#b40ce4);width:85vw;height:14vw;border-radius:10vw;display:flex;justify-content:center;align-items:center;animation:scaleDrew 2.5s ease-in-out infinite}.btn-text{color:#fff;font-size:18px;font-weight:700;letter-spacing:4px}@keyframes scaleDrew{0%{transform:scale(1)}25%{transform:scale(1.08)}50%{transform:scale(1)}75%{transform:scale(1.08)}}@keyframes slideshow{0%{background-position:0 0}to{background-position:0 100%}}@media screen and (min-width:750px){.mask{padding:50px 0}.logo{width:80px;height:80px}.main-title{width:380px;height:254px}.room{width:480px;padding:5px 0}.room-title{font-size:19px}.btn{margin-top:25px;background-image:linear-gradient(to right,#595296,#323761);width:570px;height:70px}.btn-text{font-size:20px}}