body,html{background:#e7e7e7;font-family:Roboto,sans-serif;padding:0;margin:0;height:100%;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#333}div{-webkit-box-sizing:border-box;box-sizing:border-box}.dBG{height:100%;background:#e7e7e7}.dBG,.dHeader{position:fixed;width:100%}.dHeader{top:0;left:0;padding:10px 20px;background:#fff;font-size:20px;font-weight:800;color:#fff;z-index:300;height:53px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);height:5.3vmin;font-size:2vmin;padding:1vmin 2vmin}.dHeader>img{max-width:100%;max-height:100%}@media only screen and (max-width:700px){.dHeader{height:63px;height:6.3vmin}}.dFooter{width:100%;position:fixed;bottom:0;left:0;padding:10px 20px;font-size:15px;font-weight:100;color:#8a8a8a;z-index:100;font-size:1.5vmin;padding:1vmin 2vmin}@media only screen and (max-width:700px){.dFooter{font-size:20px;font-size:2vmin}}.dBoxCont{width:900px;height:500px;background:transparent;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dImageCont{width:100%;height:100%;position:relative;overflow:hidden}.dImageCont>img{height:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dImageCont>img,.dQuadrants{width:100%;position:absolute}.dQuadrants{height:100%;top:0;left:0}.dQuadrants>.item{width:50%;height:50%;display:inline-block;vertical-align:top;margin-left:0;padding:5px;padding:.5vmin;position:relative}.dQuadrants>.item>.body{background-color:#fff;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);width:100%;height:100%;border-radius:20px;border-radius:2vmin;-webkit-transition:background-color .3s ease-in;transition:background-color .3s ease-in;position:relative;overflow:hidden}.dQuadrants>.item.correct>.body{background-color:#66bb6a}.dQuadrants>.item.incorrect>.body{background-color:#e57373}.dQuadrants>.item .dKey{position:absolute;top:20px;right:20px;font-size:30px;top:2vmin;right:2vmin;font-size:3vmin;background:transparent;border:5px solid #8a8a8a;border:.5vmin solid #8a8a8a;width:55px;height:55px;width:5.5vmin;height:5.5vmin;text-align:center;border-radius:50%;font-weight:700;z-index:2;color:#8a8a8a;opacity:.5}.dQuadrants>.item:nth-child(2) .dKey,.dQuadrants>.item:nth-child(4) .dKey{right:unset;left:20px;left:2vmin}.dQuadrants>.item:nth-child(3) .dKey,.dQuadrants>.item:nth-child(4) .dKey{top:unset;bottom:20px;bottom:2vmin}.dQuadrants>.item>.body:after{content:"";position:absolute;width:150px;height:150px;width:15vmin;height:15vmin;border-radius:50%;z-index:1}.dQuadrants>.item:first-child>.body:after{bottom:-75px;right:-75px;bottom:-7.5vmin;right:-7.5vmin;background:#007bff}.dQuadrants>.item:nth-child(2)>.body:after{bottom:-75px;left:-75px;bottom:-7.5vmin;left:-7.5vmin;background:#ff5722}.dQuadrants>.item:nth-child(3)>.body:after{top:-75px;right:-75px;top:-7.5vmin;right:-7.5vmin;background:#ffc107}.dQuadrants>.item:nth-child(4)>.body:after{top:-75px;left:-75px;top:-7.5vmin;left:-7.5vmin;background:#00bcd4}.dGridCont{position:absolute;width:100%;height:100%;margin-left:0;top:0;left:0;cursor:pointer}.dGridCont>.grid{width:12.5%;height:25%;margin-left:0;display:inline-block;vertical-align:top;position:relative;padding:0;z-index:2}.dGridCont>.grid.dev{border:1px solid #dcdcdc}.dGridCont>.grid>div{position:relative;width:100%;height:100%}.dGridCont .gridInfo{font-size:20px;font-size:2vmin;width:100%;opacity:.2;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dDot,.dGridCont .gridInfo{position:absolute;top:50%;left:50%}.dDot{width:30px;height:30px;margin-top:-15px;margin-left:-15px;width:2.5vmin;height:2.5vmin;margin-top:-1.5vmin;margin-left:-1.5vmin}.dDot>.body{position:relative;width:100%;height:100%}.dDot>.body>img{max-width:100%;max-height:100%;top:0;bottom:0;left:0;right:0;margin:auto}.dDot.md{width:40px;height:40px;margin-top:-20px;margin-left:-20px;width:4vmin;height:4vmin;margin-top:-2vmin;margin-left:-2vmin}.dDot.lg{width:50px;height:50px;margin-top:-25px;margin-left:-25px;width:5vmin;height:5vmin;margin-top:-2.5vmin;margin-left:-2.5vmin}.dModal{z-index:200;position:absolute;width:100%;height:100%}.dModal>.backdrop{position:fixed;width:100%;height:100%;background:hsla(0,0%,100%,.5);top:0;left:0;z-index:1}.dModal>.body{-webkit-transform:translateX(-50%);transform:translateX(-50%);background:#fff;padding:20px;max-width:750px;width:95%;border-radius:10px;z-index:2;top:140px;margin-bottom:40px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.2);box-shadow:0 0 10px 0 rgba(0,0,0,.2);color:#8a8a8a;padding:2vmin;max-width:75vmin;border-radius:1vmin;top:14vmin;margin-bottom:4vmin}.dModal>.body,.dModal>.body>.icon{position:absolute;left:50%;opacity:1}.dModal>.body>.icon{height:150px;width:150px;text-align:center;border-radius:50%;top:-75px;-webkit-transform:translateX(-50%) rotate(0deg) scale(1);transform:translateX(-50%) rotate(0deg) scale(1);height:15vmin;width:15vmin;top:-7.5vmin}.dModal>.body>.icon>img{width:auto;height:100%}.dModal>.body>.content{margin-top:50px;padding:20px;font-size:18px;margin-top:5vmin;padding:2vmin;font-size:1.8vmin}.dModal>.body>.content h1,.dModal>.body>.content h2,.dModal>.body>.content h3,.dModal>.body>.content h4,.dModal>.body>.content h5,.dModal>.body>.content h6{font-size:25px;font-size:2.5vmin;padding:0;margin:5px 2px;margin:.5vmin .2vmin;font-weight:700}@media only screen and (max-width:700px){.dModal>.body>.content h1,.dModal>.body>.content h2,.dModal>.body>.content h3,.dModal>.body>.content h4,.dModal>.body>.content h5,.dModal>.body>.content h6{font-size:30px;font-size:3vmin}.dModal>.body>.content{font-size:28px;font-size:2.8vmin}}.dModal>.body>.footer{padding:10px;padding:1vmin}.AModal-enter-active{-webkit-animation:tModal .3s ease-in forwards;animation:tModal .3s ease-in forwards}.AModal-leave-active{animation:tModal .3s ease-in reverse}@-webkit-keyframes tModal-body{0%{opacity:0}to{opacity:1}}.AModalBody-enter-active{-webkit-animation:tModal-body .3s ease-in forwards;animation:tModal-body .3s ease-in forwards}.AModalBody-leave-active{animation:tModal-body .3s ease-in reverse}@keyframes tModal-body{0%{opacity:0;top:200px;top:20vmin}to{opacity:1;top:130px;top:13vmin}}.AModalIcon-enter-active{-webkit-animation:tModal-icon .5s ease-in forwards;animation:tModal-icon .5s ease-in forwards}.AModalIcon-leave-active{animation:tModal-icon .5s ease-in reverse}@-webkit-keyframes tModal-icon{0%{opacity:0;-webkit-transform:translateX(-50%) rotate(-180deg) scale(0);transform:translateX(-50%) rotate(-180deg) scale(0)}to{opacity:1;-webkit-transform:translateX(-50%) rotate(0deg) scale(1);transform:translateX(-50%) rotate(0deg) scale(1)}}@keyframes tModal-icon{0%{opacity:0;-webkit-transform:translateX(-50%) rotate(-180deg) scale(0);transform:translateX(-50%) rotate(-180deg) scale(0)}to{opacity:1;-webkit-transform:translateX(-50%) rotate(0deg) scale(1);transform:translateX(-50%) rotate(0deg) scale(1)}}.dBlockCont{position:fixed;z-index:10;top:50px;left:50%;background:#ffc107;color:#000;padding:4px 30px;min-width:200px;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-weight:700;font-size:12px;border-bottom-left-radius:25px;border-bottom-right-radius:25px;top:5.2vmin;padding:.4vmin 3vmin;min-width:20vmin;font-size:1.2vmin;border-bottom-left-radius:2.5vmin;border-bottom-right-radius:2.5vmin}@media only screen and (max-width:700px){.dBlockCont{top:63px;top:6.3vmin;font-size:20px;font-size:2vmin}}.dTimer{z-index:250;position:fixed;width:100%;height:100%;top:0;left:0;background:hsla(0,0%,100%,.5)}.dTimer>.body{position:fixed;padding:20px;padding:2vmin;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-height:400px;min-height:40vmin}.dTimer>.body>.content.txt{font-size:60px;font-size:6vmin;font-weight:700;padding:10px 20px;padding:1vmin 2vmin;border-radius:20px;border-radius:2vmin;font-weight:600;letter-spacing:5px;-webkit-animation:tTimerTxt .5s 1 forwards;animation:tTimerTxt .5s 1 forwards}.dTimer>.body>.content.num,.dTimer>.body>.content.txt{background:#3f51b5;border:5px solid #1a237e;border:.5vmin solid #1a237e;color:#fff}.dTimer>.body>.content.num{font-size:100px;font-size:10vmin;font-weight:700;width:150px;width:15vmin;height:150px;height:15vmin;border-radius:50%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);position:relative}.dTimer.animate>.body>.content.num{-webkit-animation:tTimerNum .5s 1 forwards;animation:tTimerNum .5s 1 forwards}@-webkit-keyframes tTimerTxt{0%{opacity:0;-webkit-transform:scale(10);transform:scale(10)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes tTimerTxt{0%{opacity:0;-webkit-transform:scale(10);transform:scale(10)}50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes tTimerNum{0%{-webkit-transform:translateX(-50%) scale(9) rotate(1turn);transform:translateX(-50%) scale(9) rotate(1turn)}50%{-webkit-transform:translateX(-50%) scale(.5);transform:translateX(-50%) scale(.5)}to{-webkit-transform:translateX(-50%) scale(1) rotate(0deg);transform:translateX(-50%) scale(1) rotate(0deg)}}@keyframes tTimerNum{0%{-webkit-transform:translateX(-50%) scale(9) rotate(1turn);transform:translateX(-50%) scale(9) rotate(1turn)}50%{-webkit-transform:translateX(-50%) scale(.5);transform:translateX(-50%) scale(.5)}to{-webkit-transform:translateX(-50%) scale(1) rotate(0deg);transform:translateX(-50%) scale(1) rotate(0deg)}}.starCont{width:100%;height:100%;z-index:1}.dStar,.starCont{position:absolute}.dStar{z-index:20;width:0;height:0}.dStar>div{width:80px;height:80px;margin-left:-40px;margin-top:-40px;width:8vmin;height:8vmin;margin-left:-4vmin;margin-top:-4vmin;position:relative}.dStar>div>img{width:100%;height:100%}.dStar>div>.num{position:absolute;width:100%;color:#000;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:35px;font-size:3.5vmin;font-weight:700;padding-top:5px;padding-top:.5vmin}.d-ins-img{position:relative}.d-ins-img.full{width:100%;display:block;max-width:530px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.d-ins-ladybug{width:30px;height:auto;display:inline-block;vertical-align:middle;margin:2px;width:3vmin;margin:.2vmin}.dLoading{position:absolute;z-index:9999;width:100%;height:100%}.dLoading>.body{width:90%;max-width:700px;max-width:70vmin;background:transparent;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:fixed;padding:20px;padding:2vmin;color:#8a8a8a}.dLoading>.body>.title{font-weight:500;font-size:25px;font-size:2.5vmin;margin-bottom:40px;margin-bottom:4vmin}.dLoading>.body>.logo{width:100%;max-width:350px;max-width:35vmin;height:200px;height:20vmin;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:dLoadingLogo 1s infinite normal;animation:dLoadingLogo 1s infinite normal}.dLoading>.body>.logo>img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dLoading>.body>.info>table{width:100%;margin-top:40px;margin-top:4vmin}.dLoading>.body>.info>table>tr>td{width:50%;font-size:20px;font-size:2vmin;font-weight:500}.dLoading>.body>.info>table>tr>td:first-child{text-align:right}.dLoading>.body>.info>table>tr>td:nth-child(2){text-align:left}.dLoading>.bg{width:100%;height:100%;background:#fff;position:fixed;top:0;left:0}@-webkit-keyframes dLoadingLogo{0%{opacity:.5}40%{opacity:1}60%{opacity:1}to{opacity:.5}}@keyframes dLoadingLogo{0%{opacity:.5}40%{opacity:1}60%{opacity:1}to{opacity:.5}}.dSpin{position:absolute;z-index:9999;width:100%;height:100%}.dSpin>.body{width:90%;max-width:700px;max-width:70vmin;background:transparent;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:fixed;padding:20px;padding:2vmin;color:#8a8a8a;text-align:center}.dSpin>.body>.logo{width:200px;width:20vmin;height:200px;height:20vmin;position:relative;-webkit-animation:dSpinRotate 1s infinite normal;animation:dSpinRotate 1s infinite normal;left:0;right:0;margin-left:auto;margin-right:auto;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.dSpin>.body>.logo>img{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes dSpinRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes dSpinRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dSpin>.body>.txt{font-size:25px;font-size:2.5vmin;text-align:center}button.dBtn{min-width:150px;margin:2px 2px;font-size:16px;font-size:1.6vmin;min-width:15vmin;margin:.2vmin .2vmin}@media only screen and (max-width:700px){button.dBtn{font-size:28px;font-size:2.8vmin}}