.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}
html{font-family:"Rubik";font-style:normal}body{background:#0a090a}.fontBase,.hangoutPageContainer .join .join-desc .join-desc-box .join-desc-box-title,.hangoutPageContainer .prizes .prize-aside,.hangoutPageContainer .prizes .prizes-title,.hangoutPageContainer .youtubeVideo .videoTitleBox .videoTitle,.hangoutPageContainer .hangoutPageHeader .headerDesBox .hangOutDesBig,.hangoutPageContainer .hangoutPageHeader .headerDesBox .hangOutDes{font-family:"Rubik";font-style:normal;font-weight:700;font-size:30px;color:#fff}.flexBox,.hangoutPageContainer .qaBox,.hangoutPageContainer .faqBox,.hangoutPageContainer .aboutYahaha,.hangoutPageContainer .join .joinBtnBox,.hangoutPageContainer .join .join-desc,.hangoutPageContainer .join .join-title,.hangoutPageContainer .prizes .prizes-logo-box .secAnd3Part,.hangoutPageContainer .prizes .prizes-logo-box .forAnd5Part,.hangoutPageContainer .prizes .prizes-logo-box,.hangoutPageContainer .prizes .prizes-desc,.hangoutPageContainer .prizes .prizes-title,.hangoutPageContainer .prizes{display:flex;justify-content:center;align-items:center}.hangoutPageContainer{display:flex;flex-direction:column;width:100%}.hangoutPageContainer .hangoutPageHeader{overflow:hidden;background:url("/images/hangout/video-bg.png");background-size:cover;width:100%;height:732px}.hangoutPageContainer .hangoutPageHeader .headerVideoMobile{display:none}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .hangoutPageHeader .headerVideoMobile{display:block;height:294px}}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .hangoutPageHeader{height:294px}}.hangoutPageContainer .hangoutPageHeader .video-container{position:relative;min-height:732px;aspect-ratio:16/9}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .hangoutPageHeader .video-container{min-height:294px}}.hangoutPageContainer .hangoutPageHeader .video-container .headerVideo{width:100%;height:100%;margin:auto;position:absolute;top:0;object-fit:cover;z-index:1}.hangoutPageContainer .hangoutPageHeader .headerDesBox{position:absolute;top:0;width:100%;z-index:2;display:flex;flex-direction:column;align-items:center;height:732px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .hangoutPageHeader .headerDesBox{height:294px}}.hangoutPageContainer .hangoutPageHeader .headerDesBox .header-logo{width:811px;margin-top:60px;display:flex;align-items:center;gap:30px}.hangoutPageContainer .hangoutPageHeader .headerDesBox .header-logo img{width:100%}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .hangoutPageHeader .headerDesBox .header-logo{width:180px;margin-top:28px;gap:10px}}.hangoutPageContainer .hangoutPageHeader .headerDesBox .hangOutImg{width:614px;margin-top:90px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .hangoutPageHeader .headerDesBox .hangOutImg{width:240px;margin-top:22px}}.hangoutPageContainer .hangoutPageHeader .headerDesBox .hangOutDes{margin-top:13px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .hangoutPageHeader .headerDesBox .hangOutDes{font-size:12px}}.hangoutPageContainer .hangoutPageHeader .headerDesBox .hangOutDesBig{font-size:48px;margin-top:10px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .hangoutPageHeader .headerDesBox .hangOutDesBig{font-size:14px}}.hangoutPageContainer .hangoutPageHeader .headerDesBox .hangOutBtnBox{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;position:absolute;bottom:0;transform:translateY(50%)}.hangoutPageContainer .hangoutPageHeader .headerDesBox .pcControl{display:flex}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .hangoutPageHeader .headerDesBox .pcControl{display:none}}.hangoutPageContainer .hangoutPageHeader .headerDesBox .mobileControl{display:none;padding:0 16px;transform:translateY(calc(100% - 30px))}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .hangoutPageHeader .headerDesBox .mobileControl{display:flex}.hangoutPageContainer .hangoutPageHeader .headerDesBox .mobileControl .btn{font-size:16px;cursor:pointer;width:100%}.hangoutPageContainer .hangoutPageHeader .headerDesBox .mobileControl .register{margin:auto;width:100%}}.hangoutPageContainer .youtubeVideo{width:100%;background:url("/images/hangout/youtube-bg.png");background-size:100% 100%}.hangoutPageContainer .youtubeVideo .videoTitleBox{display:flex;justify-content:center;margin-top:76px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .youtubeVideo .videoTitleBox{margin-top:230px;flex-direction:column;align-items:center}}.hangoutPageContainer .youtubeVideo .videoTitleBox .videoTitle{font-size:22px}.hangoutPageContainer .youtubeVideo .videoTitleBox .videoTitleSec{margin-left:60px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .youtubeVideo .videoTitleBox .videoTitleSec{margin-left:0;margin-top:16px}}.hangoutPageContainer .youtubeVideo .videoBodyBox{display:flex;justify-content:space-around;align-items:center;margin-top:40px;overflow:hidden}.hangoutPageContainer .youtubeVideo .videoBodyBox .videoIcon{width:432px;height:696px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .youtubeVideo .videoBodyBox .videoIcon{width:196px;height:318px}}.hangoutPageContainer .youtubeVideo .videoBodyBox .videoContent{width:600px;height:340px;display:none;cursor:pointer}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .youtubeVideo .videoBodyBox .videoContent{width:82%;height:220px;display:block;position:absolute;z-index:1}}.hangoutPageContainer .youtubeVideo .videoBodyBox .youtubeRecemendBox{display:block;width:600px;position:relative;cursor:pointer}.hangoutPageContainer .youtubeVideo .videoBodyBox .youtubeRecemendBox .youtubeRecemend{width:100%;object-fit:contain}.hangoutPageContainer .youtubeVideo .videoBodyBox .youtubeRecemendBox .youtubeRecemendPlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .youtubeVideo .videoBodyBox .youtubeRecemendBox{width:50%;height:156px;flex-shrink:0}}.hangoutPageContainer .prizes{flex-direction:column;padding-bottom:80px;background-color:#211f26}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .prizes{padding-bottom:40px}}.hangoutPageContainer .prizes .prizes-title{font-weight:700;font-size:50px;color:#fff;margin-top:100px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .prizes .prizes-title{margin-top:60px}}.hangoutPageContainer .prizes .prizes-desc{font-weight:500;font-size:20px;margin-top:10px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .prizes .prizes-desc{padding:0 40px}}.hangoutPageContainer .prizes .prizes-logo-box{margin-top:70px;width:1088px;justify-content:space-between}.hangoutPageContainer .prizes .prizes-logo-box .secAnd3Part,.hangoutPageContainer .prizes .prizes-logo-box .forAnd5Part{flex-direction:column}.hangoutPageContainer .prizes .prizes-logo-box .firstImg{width:284px}.hangoutPageContainer .prizes .prizes-logo-box .prizeImg{width:342px;height:132px}.hangoutPageContainer .prizes .prizes-logo-box .prizeImgMargin{margin-top:40px}.hangoutPageContainer .prizes .prizes-logo-pc{display:flex}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .prizes .prizes-logo-pc{display:none}}.hangoutPageContainer .prizes .prizes-logo-mobile{display:none}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .prizes .prizes-logo-mobile{display:flex;flex-direction:column;padding:0 16px;align-items:center;margin-top:20px;gap:16px}.hangoutPageContainer .prizes .prizes-logo-mobile .prizeImgLogo{width:100%}}.hangoutPageContainer .prizes .prizeImgBottomBox{display:block;margin-top:26px}.hangoutPageContainer .prizes .prizeImgBottomBox .prizeImgBottom{width:1088px;height:132px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .prizes .prizeImgBottomBox{display:none}}.hangoutPageContainer .prizes .prize-aside{font-weight:400;font-size:14px;margin-top:40px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .prizes .prize-aside{padding:0 36px;margin-top:26px}}.hangoutPageContainer .join{padding-bottom:80px;background:url("/images/hangout/join-bg.png");background-size:100% 100%;position:relative}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .join{padding-bottom:80px}}.hangoutPageContainer .join .join-title{margin-top:40px;color:#fff;word-spacing:20px}.hangoutPageContainer .join .join-desc{margin-top:60px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .join .join-desc{margin-top:30px;flex-direction:column;padding:0 16px}}.hangoutPageContainer .join .join-desc .join-desc-box{width:365px;height:166px;border:2px solid #fff;display:flex;flex-direction:column;align-items:flex-start;padding:20px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .join .join-desc .join-desc-box{width:100%}}.hangoutPageContainer .join .join-desc .join-desc-box .join-desc-box-title{font-weight:700;font-size:24px;line-height:30px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .join .join-desc .join-desc-box .join-desc-box-title{font-size:20px}}.hangoutPageContainer .join .join-desc .join-desc-box .join-desc-box-desc{margin-top:10px;font-weight:700;font-size:18px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .join .join-desc .join-desc-box .join-desc-box-desc{font-size:16px}}.hangoutPageContainer .join .join-desc .join-desc-box-right{margin-left:40px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .join .join-desc .join-desc-box-right{margin-left:0px;margin-top:16px}}.hangoutPageContainer .join .joinBtnBox{margin-top:80px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .join .joinBtnBox{margin-top:24px}}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .join .pcControl{display:none}}.hangoutPageContainer .join .mobileControl{display:none;padding:0 16px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .join .mobileControl{display:flex;flex-direction:column;gap:20px;position:absolute;width:100%;bottom:0;margin-top:0;transform:translateY(calc(100% - 30px))}.hangoutPageContainer .join .mobileControl .btn{font-size:16px;cursor:pointer;width:100%}.hangoutPageContainer .join .mobileControl .register{margin:auto}}.hangoutPageContainer .aboutYahaha{background:#000;height:480px;align-items:flex-start}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .aboutYahaha{display:flex;flex-direction:column;padding:223px 16px 0 16px;height:auto}}.hangoutPageContainer .aboutYahaha .pcControl{display:block;width:50%;height:100%;object-fit:fill}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .aboutYahaha .pcControl{display:none}}.hangoutPageContainer .aboutYahaha .mobileControl{display:none}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .aboutYahaha .mobileControl{display:block}}.hangoutPageContainer .aboutYahaha .aboutYahahaImg{width:50%}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .aboutYahaha .aboutYahahaImg{width:100%}}.hangoutPageContainer .aboutYahaha .aboutYahahaBox{width:50%}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .aboutYahaha .aboutYahahaBox{width:100%}}.hangoutPageContainer .aboutYahaha .aboutYahahaBox .aboutYahahaBoxInner{margin-left:-80px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .aboutYahaha .aboutYahahaBox .aboutYahahaBoxInner{border:6px solid #38353e;border-radius:10px;padding:16px;margin-left:auto}}.hangoutPageContainer .aboutYahaha .aboutYahahaBox .aboutYahahaTitle{font-size:50px;color:#fff;margin-top:80px;margin-left:-80px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .aboutYahaha .aboutYahahaBox .aboutYahahaTitle{font-size:30px;text-align:center;margin-left:auto;margin-top:10px}}.hangoutPageContainer .aboutYahaha .aboutYahahaBox .aboutYahahaDesc{font-weight:400;font-size:18px;margin-top:20px;padding-right:100px;line-height:24px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .aboutYahaha .aboutYahahaBox .aboutYahahaDesc{font-size:14px;padding-right:0}}.hangoutPageContainer .faqBox{background:#0265d4;position:relative}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .faqBox{display:flex;flex-direction:column;height:auto;margin-top:40px;padding:0 16px}}.hangoutPageContainer .faqBox .faq-content{width:60%;max-width:694px;z-index:2;margin-left:40px;padding:20px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .faqBox .faq-content{width:100%;margin-left:0;padding:0 5px}}.hangoutPageContainer .faqBox .faqTitle{font-size:50px;color:#fff}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .faqBox .faqTitle{font-size:32px;text-align:center;margin-top:30px}}.hangoutPageContainer .faqBox .faqDesc{margin-top:30px;font-weight:400;font-size:16px}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .faqBox .faqDesc{font-size:14px;padding:0 16px;padding-bottom:80px}.hangoutPageContainer .faqBox .faqDesc li:nth-child(6){width:70%}.hangoutPageContainer .faqBox .faqDesc li:nth-child(7){width:65%}}.hangoutPageContainer .faqBox .faqDesc li{list-style:disc;margin-top:10px}.hangoutPageContainer .faqBox .faqImgBox{width:40%;font-size:0}.hangoutPageContainer .faqBox .faqImgBox .faqImg{width:100%;object-fit:contain}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .faqBox .faqImgBox .faqImg{position:absolute;width:260px;height:226px;bottom:0;right:0;z-index:1}}.hangoutPageContainer .qaBox{background:#211f26;overflow:hidden;flex-direction:column;padding:16px;padding-bottom:40px}.hangoutPageContainer .qaBox .qa-title{margin-top:80px;font-weight:700;font-size:50px;text-align:center;color:#fff}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .qaBox .qa-title{font-size:32px;margin-top:40px}}.hangoutPageContainer .qaBox .qa-content{margin-top:40px;padding:40px;width:944px;height:392px;border:6px solid #38353e;border-radius:10px;border-color:#38353e}@media only screen and (min-width: 150px)and (max-width: 979px){.hangoutPageContainer .qaBox .qa-content{width:100%;height:auto;padding:16px}}.hangoutPageContainer .qaBox .qa-content .qa-item .qa-item-q{font-weight:700;font-size:16px;text-shadow:0px 12px 12px rgba(0,0,0,.25)}.hangoutPageContainer .qaBox .qa-content .qa-item .qa-item-a{font-weight:400;font-size:16px;text-shadow:0px 12px 12px rgba(0,0,0,.25);margin-left:10px}.hangoutPageContainer .qaBox .qa-content .qa-item-margin{margin-top:40px}.hangoutPageContainer .qaBox .qa-content .slide{height:1px;width:100%;background:#38353e;margin:16px 0}.hangoutPageContainer .btn{display:inline-flex;align-items:center;justify-content:center;padding-bottom:10px;width:228px;height:61px;font-weight:700;font-size:28px;cursor:pointer}.hangoutPageContainer .btn .btnContent{cursor:pointer;white-space:nowrap}.hangoutPageContainer .btn .btnContent:hover{opacity:.6}.hangoutPageContainer .btn .btnIconImg{height:30px;margin-right:10px}.hangoutPageContainer .discord{color:#998fe0;background:url("/images/hangout/discard-btn.png");background-size:100% 100%;text-shadow:2px -2px #120536;width:auto;padding-left:20px;padding-right:20px}.hangoutPageContainer .register{color:#83ff4b;margin:0 40px;background:url("/images/hangout/reg-btn.png");background-size:100% 100%;text-shadow:2px -2px #05360d}.hangoutPageContainer .download{background:#362805;color:#ffe24b;background:url("/images/hangout/download-btn.png");background-size:100% 100%;text-shadow:2px -2px #362805}.registerBox{padding:40px;position:fixed;top:200px;left:50%;transform:translateX(-50%);background:#211f26;z-index:10;width:500px;height:260px;display:flex;flex-direction:column;justify-content:center}@media only screen and (min-width: 150px)and (max-width: 979px){.registerBox{width:80%}}.registerBox .emailInput{height:60px;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.38);border-radius:4px;color:#fff;padding-left:10px;font-size:16px}.registerBox .regBtn{width:100%;height:60px;background:#468951;color:#83ff4b;font-weight:700;font-size:28px;margin-top:22px;border:none;cursor:pointer}.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 .imgLogo{margin-right:5px;width:24px;height:24px;object-fit:contain}.video-wrap{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;max-height:80%;z-index:3;aspect-ratio:16/9}.video-wrap .videoIframeContent{width:100%;height:100%}.video-wrap .closeLogo{position:absolute;top:-24px;right:0;cursor:pointer}