:root{--remV:75}html,body{margin:0;padding:0;width:100%;}body{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background-image:url('../image/bg.png');}.logo{width:576px;height:211px;background-image:url('../image/02.png');background-size:contain;}.tka{width:713px;height:578px;background-image:url('../image/01.png');background-repeat:no-repeat;background-size:contain;}.btn-title{margin-top: 60px;margin-bottom: 20px;color: #058224;text-align: center;font-family: "PingFang SC";font-size: 30px;font-weight: 500;}.bt{width:202px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:56px;margin-bottom:15px;background:radial-gradient(70% 21.87% at 50% 101.56%, rgba(255, 255, 255, 0.56) 0%, rgba(255, 255, 255, 0.00) 72.93%), radial-gradient(72.9% 34.37% at 50% 0%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.00) 79.06%), linear-gradient(0deg, rgba(0, 0, 0, 0.24) -21.87%, rgba(0, 0, 0, 0.00) 50%), radial-gradient(106.07% 84.72% at 50% 15.28%, #5DCAF9 0%, #3066FF 90.4%);color:#FFF;font-family:"PingFang SC";font-size:28px;font-weight:500;}.btn-box{display:flex;flex-direction:column;align-items:center;}.tka1{display:none;}@media (max-width:680px){body {flex-direction:column;justify-content:center;box-sizing:border-box;background-image:url('https://u8-lobby-prod.skaov.com/CF/CF/bg1.png');background-size:100% 100%;background-repeat:no-repeat;background-position:center;}.logo{width:calc(750 / var(--remV) * 1rem);height:calc(300 / var(--remV) * 1rem);background-size:calc(630 / var(--remV) * 1rem) calc(231 / var(--remV) * 1rem);background-repeat:no-repeat;background-position:center;}.tka{display:none;}.tka1{display:block;width:calc(750 / var(--remV) * 1rem);height:calc(608 / var(--remV) * 1rem);background-image:url('https://u8-lobby-prod.skaov.com/CF/CF/01.png');background-size:calc(750 / var(--remV) * 1rem) calc(608 / var(--remV) * 1rem);background-repeat:no-repeat;background-position:center;}.btn-title{margin-top:calc(30 / var(--remV) * 1rem);margin-bottom:calc(30 / var(--remV) * 1rem);font-size:calc(30 / var(--remV) * 1rem);}.bt{width:calc(500 / var(--remV) * 1rem);height:calc(80 / var(--remV) * 1rem);font-size:calc(26 / var(--remV) * 1rem);border-radius:calc(84 / var(--remV) * 1rem);}.btn-box{padding-bottom:calc(80 / var(--remV) * 1rem);}}