.yui-avatar{position:relative;transition:all .5s}.yui-avatar:hover{transform:scale(1.1)}.yui-avatar .yui-avatar-img{overflow:hidden;background-size:contain;background-repeat:no-repeat;z-index:9;position:relative;transform:scale(1.2);height:100%;width:100%}.yui-avatar>img{border-radius:50%;position:absolute;top:0}
.page-cloud-game{background:#242424;padding-bottom:50px}.page-cloud-game .contact-us{position:relative;padding:0 114px}.page-cloud-game .contact-us .title{font-size:4.5rem;font-weight:bold;text-transform:uppercase;text-align:center;color:#fff;margin-bottom:150px;height:70px;line-height:70px}.page-cloud-game .contact-us .form{position:absolute;left:50%;transform:translateX(-50%);top:110px;width:764px;height:543.17px;background:#151515;border:4px solid #fff;backdrop-filter:blur(10px);border-radius:24px;box-sizing:border-box;overflow:hidden}.page-cloud-game .contact-us .form form{padding:48px 48px 0}.page-cloud-game .contact-us .form .single{min-height:72px}.page-cloud-game .contact-us .form .submit{margin-top:32px}.page-cloud-game .contact-us .form .submit dt{text-align:center}.page-cloud-game .contact-us .bg{margin:0 auto;border-radius:32px}.page-cloud-game .contact-us .bg img{width:100%}.page-cloud-game .platforms{margin-bottom:150px;position:relative;background:#ffc200;position:relative;overflow:hidden}.page-cloud-game .platforms::before{content:"";display:block;width:100%;height:1000px;border-radius:50%/50%;background:#242424;position:absolute;transform:translateY(-50%)}.page-cloud-game .platforms::after{content:"";display:block;width:100%;height:1000px;border-radius:50%/50%;background:#242424;position:absolute;transform:translateY(-50%)}.page-cloud-game .platforms .title{font-size:4.5rem;font-weight:bold;text-transform:uppercase;text-align:center;color:#fff;width:calc(100% - 248px);margin:0 auto;position:relative;z-index:2}.page-cloud-game .platforms .video{width:800px;height:450px;border-radius:40px;margin:64px auto;border:1px solid #fff;z-index:2;position:relative;box-sizing:content-box}.page-cloud-game .platforms .video iframe{border-radius:40px}.page-cloud-game .platforms .group{display:flex;gap:24px;justify-content:space-between;width:calc(100% - 248px);margin:0 auto;z-index:2;position:relative}.page-cloud-game .platforms .group .item{padding:16px;background:rgba(254,254,254,.05)}.page-cloud-game .platforms .group .item .icon{margin-bottom:22px}.page-cloud-game .platforms .group .item .icon img{width:40px}.page-cloud-game .platforms .group .item .name{font-size:1.75rem;margin-bottom:16px;font-weight:bold}.page-cloud-game .platforms .group .item .info{line-height:30px;color:#fff;font-size:1rem}.page-cloud-game .banner{position:relative;margin-bottom:100px;overflow:hidden}.page-cloud-game .banner .bg{width:100%}.page-cloud-game .banner .info{position:absolute;top:200px;left:100px;width:600px}.page-cloud-game .banner .info .flex{display:flex;align-items:center}.page-cloud-game .banner .info .line{display:block;height:2px;background:#fff;width:72px}.page-cloud-game .banner .info .sub{text-transform:uppercase;font-size:1.125rem;margin-left:32px;letter-spacing:6px}.page-cloud-game .banner .info .strong{margin:20px 0;font-size:4.5rem;font-weight:bold;text-transform:uppercase}.page-cloud-game .banner .info .des{margin:20px 0;line-height:25px;font-size:1rem}.page-cloud-game .banner .info .yellow{color:#ffc200;margin-left:16px}.page-cloud-game .banner .info .action button{display:flex;align-items:center;justify-content:space-between;width:157px;height:48px;border-radius:50px;background:#ffc200;font-size:1rem;font-weight:500;border:0;padding:12px 16px 12px 24px;color:#333;cursor:pointer}.page-cloud-game .banner .info .action button i{font-size:1.5rem}.page-cloud-game .banner .bar{position:relative}.page-cloud-game .banner .bar img{width:100%}.page-cloud-game .use-cases{margin-bottom:140px}.page-cloud-game .use-cases .header{width:calc(100% - 240px);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.page-cloud-game .use-cases .header .text{font-size:4.5rem;font-weight:bold;text-transform:uppercase}.page-cloud-game .use-cases .header .action .item{display:inline-flex;width:76px;height:76px;align-items:center;justify-content:center;background:#fff;border-radius:50%;cursor:pointer}.page-cloud-game .use-cases .header .action .item .icons{font-size:3.125rem;color:#333}.page-cloud-game .use-cases .header .action .item.pre{margin-right:20px}.page-cloud-game .use-cases .list{margin-top:30px;width:100%;overflow:hidden}.page-cloud-game .use-cases .list .container{display:flex;flex-wrap:nowrap;gap:30px}.page-cloud-game .use-cases .list .container.active{transition:all ease-in-out .3s}.page-cloud-game .use-cases .list .item img{width:920px;border-radius:40px}.page-cloud-game .use-cases .list .item .info{margin-top:15px;padding-left:76px;font-size:1.5rem;line-height:36px}.page-cloud-game .use-cases .list .item .info .tag{display:flex;align-items:center;font-size:1.125rem;text-transform:uppercase;letter-spacing:6px;position:relative;left:-76px}.page-cloud-game .use-cases .list .item .info .tag .line{display:block;width:72px;height:2px;background:#fff;margin-right:16px}.page-cloud-game .use-cases .list .item .info .name{font-weight:bold;margin:20px 0;font-size:2.5rem;text-transform:uppercase}.page-cloud-game .use-cases .list .item .info .des{width:646px}.page-cloud-game .ui-input dt,.page-cloud-game .ui-input input{border-radius:12px}.page-cloud-game .ui-textarea dt{border-radius:12px}@media only screen and (min-width: 980px)and (max-width: 1439px){.page-cloud-game .banner .info{top:100px}.page-cloud-game .banner .info .strong{font-size:3.75rem}}@media only screen and (min-width: 150px)and (max-width: 979px){.page-cloud-game .banner .bg img{height:500px;width:auto}.page-cloud-game .banner .info{top:20px;left:10px;width:calc(100% - 40px)}.page-cloud-game .banner .info .sub{font-size:.75rem}.page-cloud-game .banner .info .strong{font-size:2.5rem}.page-cloud-game .banner .info .des{font-size:.875rem}.page-cloud-game .use-cases{margin-bottom:70px}.page-cloud-game .use-cases .header{padding:0 20px;width:100%}.page-cloud-game .use-cases .header .text{font-size:1.75rem}.page-cloud-game .use-cases .header .action .item{width:48px;height:48px}.page-cloud-game .use-cases .header .action .item .icons{font-size:1.5rem}.page-cloud-game .use-cases .list .container{padding:0}.page-cloud-game .use-cases .list .item .info{padding-left:0}.page-cloud-game .use-cases .list .item .info .tag{left:0;font-size:.75rem}.page-cloud-game .use-cases .list .item .info .tag .line{display:none}.page-cloud-game .use-cases .list .item .info .name{font-size:1.5rem;margin:0}.page-cloud-game .use-cases .list .item .info .des{width:calc(100% - 60px);font-size:.875rem;line-height:20px}.page-cloud-game .use-cases .list .item img{border-radius:12px}.page-cloud-game .platforms{margin-bottom:80px;background:none}.page-cloud-game .platforms::before{height:calc(100vw - 20px)}.page-cloud-game .platforms::after{height:calc(100vw - 20px)}.page-cloud-game .platforms .title{font-size:1.75rem;width:calc(100% - 40px)}.page-cloud-game .platforms .video{width:calc(100% - 40px);height:300px;margin:40px auto;border-radius:14px}.page-cloud-game .platforms .video iframe{border-radius:16px}.page-cloud-game .platforms .group{width:calc(100% - 40px);flex-wrap:wrap}.page-cloud-game .platforms .group .item{width:100%}.page-cloud-game .contact-us{padding:0}.page-cloud-game .contact-us .title{margin-bottom:100px;height:28px;line-height:28px;font-size:1.75rem}.page-cloud-game .contact-us .form{width:calc(100% - 40px);top:60px}.page-cloud-game .contact-us .form form{padding:16px}.page-cloud-game .contact-us .bg{border-radius:0;display:flex;justify-content:center;overflow:hidden}.page-cloud-game .contact-us .bg img{width:auto;height:600px}}.toastSection{white-space:nowrap;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);padding:10px 16px;gap:4px;background:#000;box-shadow:0px 12px 24px rgba(0,0,0,.15);line-height:30px;border-radius:90px;font-weight:400;font-size:14px;color:hsla(0,0%,100%,.87);display:flex;align-items:center;z-index:10}.toastSection .toastBox{display:flex;align-items:center;gap:10px}.toastSection .imgLogo{margin-right:5px;width:24px;height:24px;object-fit:contain}