.LoadingScreen{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.LoadingScreen .ant-spin-dot{margin:auto}@media screen and (min-height:1440px){.LoadingScreen{font-size:36px}}.BlankPage{height:100vh;display:flex;justify-content:center;align-items:center}.BlankPage img{width:30vh}.Header{position:relative;z-index:20;padding:0 15px;overflow:hidden}.Header .top-cloud-wrapper{margin-top:-50px}.Header .top-cloud-wrapper .top-cloud{position:relative;height:150px}.Header .top-cloud-wrapper .top-cloud .Cloud{position:absolute;top:0;bottom:0;height:100px;z-index:-1}.Header .top-cloud-wrapper .top-cloud .Cloud svg{height:100%;width:auto}.Header .top-cloud-wrapper .top-cloud .Cloud svg path{fill:#edf4ee}.Header .top-cloud-wrapper .top-cloud .Cloud1{top:-15px;height:150px;-webkit-animation:movingRight 8s linear infinite;animation:movingRight 8s linear infinite}.Header .top-cloud-wrapper .top-cloud .Cloud1-2{top:-20px;-webkit-animation:movingRight 8.5s linear infinite;animation:movingRight 8.5s linear infinite}.Header .top-cloud-wrapper .top-cloud .Cloud2{-webkit-animation:movingRight 9s linear infinite;animation:movingRight 9s linear infinite}.Header .top-cloud-wrapper .top-cloud .Cloud3{-webkit-animation:movingRight 7.5s linear infinite;animation:movingRight 7.5s linear infinite}.Header .navbar{width:100%;max-width:1260px;margin:-50px auto 0}.Header .navbar,.Header .navbar .navbar-wrapper{position:relative}.Header .navbar .navbar-wrapper .main-logo{display:inline-block;background:#00afc2;border-radius:1000px}.Header .navbar .navbar-wrapper .main-logo img{margin-top:-30px;height:100px;padding:10px 25px}.Header .navbar .navbar-wrapper .logo-gp{display:inline-flex;justify-content:center;align-items:center;margin-left:30px}.Header .navbar .navbar-wrapper .btn-section{display:flex;justify-content:space-between;padding:10px 0}.Header .navbar .navbar-wrapper .btn-section .left-section{display:flex;justify-content:flex-start;align-items:center}.Header .navbar .navbar-wrapper .btn-section .left-section .back-btn{margin-right:auto;padding:10px 20px;box-shadow:0 5px 0 #081935,0 5px 3px rgba(0,0,0,.4)}.Header .navbar .navbar-wrapper .btn-section .left-section .back-btn .anticon{margin-right:10px}.Header .navbar .navbar-wrapper .btn-section .right-section{display:flex;justify-content:flex-end;align-items:center}.Header .navbar .navbar-wrapper .btn-section .right-section .class-label{color:#1c3d74;font-size:1em;margin-right:10px;line-height:51px}.Header .navbar .navbar-wrapper .btn-section .right-section .login-btn{background-color:#e3eda4;border-color:#e3eda4;color:#1c3d74;box-shadow:0 5px 0 #c9dc4f,0 5px 3px rgba(0,0,0,.4);margin-bottom:5px;padding:13px 20px 10px;font-size:1.2em;border-radius:1000px;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.Header .navbar .navbar-wrapper .btn-section .right-section .login-btn:hover{background-color:#ecf3c2;border-color:#ecf3c2;opacity:.9}.Header .navbar .navbar-wrapper .language-btn-gp{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center}.Header .navbar .navbar-wrapper .language-btn-gp .language-btn{background:#aaa;height:40px;width:40px;line-height:40px;font-size:20px;text-align:center;color:#fff;border-radius:50%;cursor:pointer;margin:10px 5px}.Header .navbar .navbar-wrapper .language-btn-gp .language-btn.selected{background:#1c3d74}@media screen and (max-width:720px){.Header{font-size:14px}.Header .navbar .navbar-wrapper .main-logo img{height:120px}.Header .navbar .navbar-wrapper .right-section .login-btn{font-size:1.1em}}@-webkit-keyframes movingRight{0%{left:-100%}to{left:100%}}@keyframes movingRight{0%{left:-100%}to{left:100%}}.Footer{position:relative;width:100%;margin-top:200px}.Footer .footer-section{position:relative;background:#8bce2c}.Footer .footer-section:after{content:"";display:block;clear:both}.Footer .footer-section .footer-container{position:relative;max-width:1200px;margin:auto;z-index:3;padding:10px 0}.Footer .footer-section .footer-container .footer-logo{width:250px;margin-bottom:50px}.Footer .footer-section .footer-container .footer-right{float:right}.Footer .footer-section .footer-container .footer-right .icon-btn{float:left;margin-right:10px;background:#1c3d74;color:#fff;width:50px;height:50px;line-height:50px;text-align:center;font-size:2em;border-radius:50%}.Footer .footer-section .footer-container .footer-right .icon-btn:hover{background:#f05a28}.Footer .footer-section .footer-earth{position:absolute;overflow:hidden;height:500px;width:100%;bottom:0;margin-top:-200px}.Footer .footer-section .footer-earth .earth-wrapper{position:relative}.Footer .footer-section .footer-earth .earth-wrapper .layer{position:absolute;top:0}.Footer .footer-section .footer-earth .earth-wrapper .layer.layer1{z-index:1}.Footer .footer-section .footer-earth .earth-wrapper .layer.layer2{z-index:-1}.Footer .footer-section .footer-earth .earth-wrapper .layer.rotating{-webkit-animation:rotating 120s linear infinite;animation:rotating 120s linear infinite}.Footer .footer-section-4{z-index:2;height:180px;overflow:hidden;background:url(/static/media/footer-bg-r.37e227d1.png) 100% 100% no-repeat,url(/static/media/footer-bg-l.a6042b19.png) 0 0 no-repeat;background-size:contain,contain}.Footer .footer-section-4 .slogan{position:absolute;left:8%;bottom:15px;z-index:2}.Footer .footer-section-4 .slogan img{height:100px}.Footer .footer-section-4 .plastic-bag-wrapper{left:0;right:0;margin-top:-90px}.Footer .footer-section-4 .plastic-bag-wrapper .plastic-bag{position:absolute;top:30%;left:0;height:60px;z-index:1}.Footer .footer-section-2{background:#1c3d74;color:#fff;z-index:5;padding:7px 0;font-size:.8em}.Footer .footer-section-2 a{color:#fff;text-decoration:none}.Footer .footer-section-2 a:focus,.Footer .footer-section-2 a:hover{color:#ffc10e}.Footer .footer-section-2 .footer-section-2-wrapper{margin:auto;width:100%;max-width:1200px;padding:0 15px;text-align:center}.Footer .footer-section-3{text-align:center;font-size:10px;line-height:1.1;background:#e2f2f0;color:#b3b3b3;z-index:5;padding:5px 15px}.Footer .hidden{display:none}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.WebInterface{display:flex;min-height:100vh;flex-direction:column;justify-content:space-between}.WebInterface .container{display:flex;justify-content:center;align-items:center;padding:0 15px}.DividedBar{height:33px;min-width:10px}.DividedBar .left-bar{background:#fe9827;border-radius:30px}.DividedBar .left-bar,.DividedBar .right-bar{white-space:nowrap;display:inline-block;height:33px;min-width:5px;max-width:calc(100% - 5px);text-align:center;line-height:33px;color:#fff}.DividedBar .right-bar{background:#f05a28}.DividedBarTooltipContent .tooltip-row .tooltip-green:before{display:inline-block;content:"";background:#fe9827;height:10px;width:10px;vertical-align:middle;margin-right:5px}.DividedBarTooltipContent .tooltip-row .tooltip-red:before{display:inline-block;content:"";background:#f05a28;height:10px;width:10px;vertical-align:middle;margin-right:5px}.DividedBarTooltipContent .tooltip-row .tooltip-label{width:calc(75% - 7.5px);display:inline-block;text-align:left;vertical-align:middle}.DividedBarTooltipContent .tooltip-row .tooltip-value{width:calc(25% - 7.5px);display:inline-block;text-align:right;vertical-align:middle}.RankChangeIndicator .anticon{margin-right:5px}.RankChangeIndicator.up{color:#00aec1}.RankChangeIndicator.down{color:#f16536}.RankingTable{width:100%}.RankingTable tr td:first-of-type{padding:10px}.RankingTable .ant-table-thead .green-label:before,.RankingTable .ant-table-thead .red-label:before{display:inline-block;content:"";background:#f05a28;height:10px;width:10px;vertical-align:middle;margin-right:5px}.RankingTable .crown-img{width:30px}.WebLandingPage{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.WebLandingPage h2{font-size:24px;margin-bottom:20px;color:#1a3d74}.WebLandingPage .banner{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:30px;width:100%}.WebLandingPage .banner img{width:100%}.WebLandingPage .banner .bw-btn{position:absolute;padding:15px 50px;bottom:70px;font-size:24px}.WebLandingPage .banner-section{position:relative;width:100%;margin:15px 0;border-radius:30px;overflow:hidden}.WebLandingPage .banner-section img{width:100%;border-radius:30px}.WebLandingPage .banner-section .clickable-img{cursor:pointer}.WebLandingPage .highlight-section{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:15px}.WebLandingPage .highlight-section .highlight-photo-section{width:50%;height:342px;background:hsla(0,0%,100%,.4);border-radius:30px;margin-right:15px;overflow:hidden}.WebLandingPage .highlight-section .highlight-photo-section .slick-active img{-webkit-transition:all 12s ease;transition:all 12s ease;-webkit-transform:scale(1.4);transform:scale(1.4)}.WebLandingPage .highlight-section .highlight-photo-section .highlight-photo{position:relative;border-radius:30px;width:100%;text-align:center}.WebLandingPage .highlight-section .highlight-photo-section .highlight-photo img{display:block;margin-left:auto;margin-right:auto;width:auto;height:342px}.WebLandingPage .highlight-section .highlight-photo-section .highlight-photo .description-overlay{position:absolute;top:0;font-size:18px;text-align:center;background:rgba(0,0,0,.3);color:#fff;width:100%;z-index:100;padding:5px 0}.WebLandingPage .highlight-section .highlight-video-section{width:50%;height:342px;border-radius:30px;overflow:hidden}.WebLandingPage .ant-table-wrapper{border-radius:30px;overflow:hidden;margin-bottom:15px}@media screen and (max-width:720px){.WebLandingPage .banner-section{margin:5px 0}.WebLandingPage .highlight-section{margin-bottom:5px}.WebLandingPage .highlight-section .highlight-video-section{height:250px}.WebLandingPage .highlight-section .highlight-photo-section{width:50%;height:250px}.WebLandingPage .highlight-section .highlight-photo-section .highlight-photo img{height:250px}}.SelectorBox{display:inline-block;font-size:32px;width:115px;height:120px;line-height:120px;background:#00aec1;border-radius:30px;text-align:center;cursor:pointer;-webkit-transition:opacity .3s;transition:opacity .3s}.SelectorBox:hover{opacity:.7}.SelectorBox.selected,.SelectorBox:active{opacity:1;border:5px solid #1c3d74;line-height:110px}@media screen and (max-width:720px){.SelectorBox{font-size:24px;width:95px;height:100px;line-height:100px}.SelectorBox.selected{line-height:90px}}.CartoonModal .ant-modal-content .ant-modal-body button{margin-top:60px}.CartoonModal .ant-modal-content .ant-modal-body p{padding:0 100px}.LoginPage{width:100%;padding:0 30px}.LoginPage h2{text-align:center}.LoginPage h2,.LoginPage h3{font-size:24px;color:#f16536}.LoginPage h3{margin:20px 0}.LoginPage .selection-row{margin:30px 0}.LoginPage .selection-row .selection-options-row{display:flex;justify-content:space-between;align-items:center}.LoginPage .start-game-row{margin-top:60px;text-align:center}.LoginPage .start-game-row button{font-size:32px;background:#1c3d73;padding:30px 100px}.LoginPage .password-section{display:flex;justify-content:space-between;align-items:center}.LoginPage .password-section input{height:90px;width:55%;font-size:24px;background:#1c3d73;color:#fff;border-radius:30px;padding:0 50px;outline:0;border:0}.LoginPage .password-section input::-webkit-input-placeholder{color:#fff}.LoginPage .password-section input::-ms-input-placeholder{color:#fff}.LoginPage .password-section input::placeholder{color:#fff}.LoginPage .password-section button{position:relative;display:flex;justify-content:center;align-items:center;width:30%;height:90px;font-size:24px;background:#1c3d73;padding:20px 15px;color:#fff;-webkit-transition:opacity .3s,background .3s;transition:opacity .3s,background .3s}.LoginPage .password-section button img{position:absolute;height:24px;right:30px}.CartoonAnswerButton{display:inline-block;width:48%;height:120px;position:relative;cursor:pointer;margin-top:15px;margin-bottom:15px;vertical-align:middle}.CartoonAnswerButton.selected .button-text,.CartoonAnswerButton:hover .button-text{background:#d6de23}.CartoonAnswerButton:nth-of-type(odd){margin-right:4%}.CartoonAnswerButton.highlight-incorrect{opacity:.6;pointer-events:none}.CartoonAnswerButton.highlight-incorrect.selected{opacity:1}.CartoonAnswerButton.highlight-incorrect.selected .button-text{padding-left:174px;border:6px solid #f16536}.CartoonAnswerButton.highlight-correct{opacity:1;pointer-events:none}.CartoonAnswerButton.highlight-correct .button-text{padding-left:174px;border:6px solid #8bce2c}.CartoonAnswerButton .button-icon{position:absolute;height:120px;width:120px;line-height:120px;display:flex;justify-content:center;align-items:center}.CartoonAnswerButton .button-icon img{height:100px}.CartoonAnswerButton .button-text{display:flex;align-items:center;background:#e2f2f0;height:120px;border-radius:60px;padding-left:180px;font-size:1.2em;-webkit-transition:background .3s;transition:background .3s}.GamingInterface,.GamingInterface .question-box{display:flex;justify-content:center;align-items:center;flex-direction:column}.GamingInterface .question-box{width:100%;background:#e2f2f0;border:5px solid #1c3d74;border-radius:30px;text-align:center;padding:10px 60px;font-size:1.4em;height:220px;line-height:1.2}.GamingInterface .question-box .question-tips{margin-top:10px;color:#666}.GamingInterface .question-box .answer-explanation{margin-top:10px;font-size:.8em;color:#f16536;text-align:left}.GamingInterface .answers-section{width:100%}.GamingInterface .submit-section{width:100%;margin-top:20px;text-align:right;opacity:1}.GamingInterface .submit-section.disabled{opacity:0}.GamingInterface .submit-section.disabled .submit-btn{pointer-events:none}.GamingInterface .submit-section .submit-btn{height:70px;line-height:70px;padding:0 60px;border-radius:30px;background:#00aec1;color:#1c3d74}.GamingInterface .submit-section .submit-btn.submitted{background:#d6de23}@media screen and (min-height:1440px){.GamingInterface{font-size:24px}.GamingInterface .question-box{height:400px;line-height:1.2}.GamingInterface .submit-section{text-align:center}.GamingInterface .submit-section .submit-btn{width:500px}}.EndGameInterface{display:flex;justify-content:center;align-items:center;flex-direction:column}.EndGameInterface img{height:400px}.EndGameInterface p{font-size:24px;margin:15px 0 30px}.EndGameInterface .btn-gp button{padding:30px 80px;margin:0 15px}.EndGameInterface .btn-gp button.logout-btn{background:#e2f2f0;color:#1c3d74}.EndGameInterface .btn-gp button.play-again-btn{background:#00aec1;color:#1c3d74}.GamingPage{width:100%}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:url(/static/media/open-sans-v15-latin-regular.9dce7f01.eot);src:local("Open Sans Regular"),local("OpenSans-Regular"),url(/static/media/open-sans-v15-latin-regular.9dce7f01.eot?#iefix) format("embedded-opentype"),url(/static/media/open-sans-v15-latin-regular.cffb686d.woff2) format("woff2"),url(/static/media/open-sans-v15-latin-regular.bf2d0783.woff) format("woff"),url(/static/media/open-sans-v15-latin-regular.c045b73d.ttf) format("truetype"),url(/static/media/open-sans-v15-latin-regular.7aab4c13.svg#OpenSans) format("svg")}body,html{min-width:720px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{outline:0;border:0;cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#f7f7f7}::-webkit-scrollbar-thumb{background-color:#00aec1;outline:1px solid #00aec1}.container{width:100%;max-width:1260px;margin:0 auto;z-index:5}.ant-modal-wrap{display:flex;justify-content:center;align-items:center}.ant-modal{top:0;color:#1c3d74;padding-bottom:0}.ant-modal .ant-modal-content{background:url(/static/media/modal-bg.162c32c1.png) 100% 100% no-repeat;background-size:auto;background-color:#e2f2f0;border-radius:30px}.ant-modal .ant-modal-content .ant-modal-body{padding:60px;text-align:center;font-size:36px}.ant-modal .ant-modal-content .ant-modal-body button{color:#fff;font-size:24px;padding:5px 100px;background:#00aec1;border-radius:500px;-webkit-transition:opacity .3s;transition:opacity .3s}.ant-modal .ant-modal-content .ant-modal-body button:hover{opacity:.7}.ant-modal .ant-modal-content .ant-modal-body button:active{opacity:1}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-form-item-control{text-align:left}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-select .ant-select-selection{border-radius:30px}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-input-number .ant-input-number-handler-wrap,.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-input .ant-input-number-handler-wrap{border-radius:0 30px 30px 0}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-input-number .ant-input-number-handler-active.ant-input-number-handler-up,.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-input .ant-input-number-handler-active.ant-input-number-handler-up{border-radius:0 30px 0 0}.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-input-number .ant-input-number-handler-active.ant-input-number-handler-down,.ant-modal .ant-modal-content .ant-modal-body .ant-form .ant-input .ant-input-number-handler-active.ant-input-number-handler-down{border-radius:0 0 30px 0}.ant-table{font-size:16px}.ant-table .ant-table-thead tr th{background:#00aec1;color:#fff}.ant-table .ant-table-footer{background:#d6de23}.ant-table .ant-table-tbody td{background-color:#e1f1ef;vertical-align:middle}.ant-table .ant-table-tbody .ant-table-column-sort{background:#fff}.ant-tooltip{max-width:350px}.bw-btn{font-size:1.2em;background:#1c3d73;border-radius:30px;color:#fff;-webkit-transition:opacity .3s,background .3s;transition:opacity .3s,background .3s;cursor:pointer}.bw-btn:hover{opacity:.8}.bw-btn:active{opacity:1}@media screen and (max-width:720px){.ant-table-tbody>tr>td,.ant-table-thead>tr>th{padding:10px}}
/*# sourceMappingURL=main.2f61d0cc.chunk.css.map */