img[src*=".svg"]{width:100%;height:100%}html,body{width:100%}.l-main,.l-wrap{width:100%;opacity:1}.logo{width:8.33333vw;position:absolute;top:1vw;left:1vw}.cloud-bottom-pc .left{position:fixed;left:0;bottom:-3px;width:9.42708vw;z-index:6}.cloud-bottom-pc .right{position:fixed;right:0;bottom:-3px;width:17.96875vw;z-index:6}.bg-group{z-index:0}.bg-group .cloud1{left:5%;top:79%;width:9.0625vw}.bg-group .cloud1 img{-webkit-animation:cloud-move1 20s linear infinite;animation:cloud-move1 20s linear infinite}.bg-group .cloud2{width:9.84375vw;top:50%;left:-9%}.bg-group .cloud2 img{-webkit-animation:cloud-move2 25s linear infinite;animation:cloud-move2 25s linear infinite}.bg-group .cloud3{right:6%;width:9.0625vw;top:6%}.bg-group .cloud3 img{-webkit-animation:cloud-move3 25s linear infinite;animation:cloud-move3 25s linear infinite}.pc{background:url("../images/bg-pc.jpg");background-size:100%;height:100vh}.pc .pc-kv{height:100vh}.pc img{width:100%}.pc .main-content{text-align:center}.pc .main-content .inner{display:inline-block}.pc .main-content .left{width:55vh;position:absolute;left:50%;top:50%;-webkit-transform:translate(-112%, -50%);-ms-transform:translate(-112%, -50%);transform:translate(-112%, -50%)}.pc .main-content .left .title{margin-bottom:3vh}.pc .main-content .left p{color:#fff;font-size:2vh;line-height:1.6;letter-spacing:2px;margin-bottom:2.4vh}.pc .main-content .left p span{color:#f09eb3}.pc .main-content .left .qr-block{width:100%;background-image:url("../images/border-bg7.png");height:40.84vh;margin:0 auto;background-size:100%;text-align:center;padding:19% 0 0%}.pc .main-content .left .qr-block .qrcode{display:inline-block;width:43.7%}.pc .main-content .right{display:inline-block;vertical-align:middle}.kv-bottom{width:52vh;bottom:-0.9vw;right:50%;margin:0 auto;text-align:center;position:absolute;-webkit-transform:translate(122%, 9%);-ms-transform:translate(122%, 9%);transform:translate(122%, 9%);z-index:5}.kv-bottom .inner{position:relative;width:100%;height:100%}.kv-bottom .k-plane{width:100%;position:absolute;left:-5%;top:47.5%;z-index:1}.kv-bottom .hand{display:inline-block;width:91.5%;-webkit-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg);position:relative}.kv-bottom .hand svg{width:100%;height:94vh}.kv-bottom .site1,.kv-bottom .site2,.kv-bottom .site3,.kv-bottom .site4,.kv-bottom .site5{-webkit-animation:sites 2.9s infinite alternate linear;animation:sites 2.9s infinite alternate linear;opacity:0.5}.kv-bottom .site1{position:absolute;width:28.47%;top:-5.5%;left:8%;-webkit-animation-delay:1s;animation-delay:1s}.kv-bottom .site2{position:absolute;width:30.46%;top:17.12%;left:-20%;-webkit-animation-delay:1.9s;animation-delay:1.9s}.kv-bottom .site3{position:absolute;width:24.28%;top:7.5%;right:-23%;-webkit-animation-delay:2.8s;animation-delay:2.8s}.kv-bottom .site4{position:absolute;width:21.85%;top:53.6%;left:-23%;-webkit-animation-delay:3.7s;animation-delay:3.7s}.kv-bottom .site5{position:absolute;width:23.84%;top:50%;right:-28%;-webkit-animation-delay:4.6s;animation-delay:4.6s}.kv-bottom .site-left{position:absolute;width:36.64%;top:47.3%;left:-19%}.kv-bottom .site-right{position:absolute;width:25.82%;top:10.5%;right:3.5%}@-webkit-keyframes cloud-move3{0%{-webkit-transform:translateX(0);transform:translateX(0)}80%{-webkit-transform:translateX(-100vw);transform:translateX(-100vw);opacity:1}81%{-webkit-transform:translateX(-100vw);transform:translateX(-100vw);opacity:0}82%{-webkit-transform:translateX(30vw);transform:translateX(30vw);opacity:0}83%{-webkit-transform:translateX(30vw);transform:translateX(30vw);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes cloud-move3{0%{-webkit-transform:translateX(0);transform:translateX(0)}80%{-webkit-transform:translateX(-100vw);transform:translateX(-100vw);opacity:1}81%{-webkit-transform:translateX(-100vw);transform:translateX(-100vw);opacity:0}82%{-webkit-transform:translateX(30vw);transform:translateX(30vw);opacity:0}83%{-webkit-transform:translateX(30vw);transform:translateX(30vw);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes cloud-move2{0%{-webkit-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-20vw);transform:translateX(-20vw);opacity:1}16%{-webkit-transform:translateX(-20vw);transform:translateX(-20vw);opacity:0}17%{-webkit-transform:translateX(160vw);transform:translateX(160vw);opacity:0}18%{-webkit-transform:translateX(160vw);transform:translateX(160vw);opacity:1}100%{-webkit-transform:translateX(0vh);transform:translateX(0vh);opacity:1}}@keyframes cloud-move2{0%{-webkit-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-20vw);transform:translateX(-20vw);opacity:1}16%{-webkit-transform:translateX(-20vw);transform:translateX(-20vw);opacity:0}17%{-webkit-transform:translateX(160vw);transform:translateX(160vw);opacity:0}18%{-webkit-transform:translateX(160vw);transform:translateX(160vw);opacity:1}100%{-webkit-transform:translateX(0vh);transform:translateX(0vh);opacity:1}}@-webkit-keyframes cloud-move1{0%{-webkit-transform:translateX(0);transform:translateX(0)}30%{-webkit-transform:translateX(-50vw);transform:translateX(-50vw);opacity:1}31%{-webkit-transform:translateX(-50vw);transform:translateX(-50vw);opacity:0}32%{-webkit-transform:translateX(120vw);transform:translateX(120vw);opacity:0}33%{-webkit-transform:translateX(120vw);transform:translateX(120vw);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes cloud-move1{0%{-webkit-transform:translateX(0);transform:translateX(0)}30%{-webkit-transform:translateX(-50vw);transform:translateX(-50vw);opacity:1}31%{-webkit-transform:translateX(-50vw);transform:translateX(-50vw);opacity:0}32%{-webkit-transform:translateX(120vw);transform:translateX(120vw);opacity:0}33%{-webkit-transform:translateX(120vw);transform:translateX(120vw);opacity:1}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}