.loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;height:100vh;position:fixed;background-color:rgba(0,0,0,0.8);z-index:9999;top:0;left:0}.loading.hide{display:none;z-index:-10}.loading.hide img{display:none;z-index:-10}.loading .loadingWrap{position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media screen and (max-width: 790px){.loading .loadingWrap{top:45%}}.loading img{width:80px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media screen and (max-width: 790px){.loading img{width:40px}}.loading .circle{width:100px;height:100px;border-radius:50%;position:relative;-webkit-animation:loading 1.5s infinite linear;animation:loading 1.5s infinite linear}.loading .circle .dot{width:20px;height:20px;position:absolute;background-color:#f4cc1d;border-radius:50%}.loading .circle .dot:nth-child(1){left:25px;top:2px}.loading .circle .dot:nth-child(2){right:25px;top:2px}.loading .circle .dot:nth-child(3){left:2px;top:25px}.loading .circle .dot:nth-child(4){right:2px;top:25px}.loading .circle .dot:nth-child(5){left:2px;top:55px}.loading .circle .dot:nth-child(6){right:2px;top:55px}.loading .circle .dot:nth-child(7){left:25px;top:78px}.loading .circle .dot:nth-child(8){right:25px;top:78px}@media screen and (max-width: 790px){.loading .circle{width:50px;height:50px}.loading .circle .dot{width:10px;height:10px}.loading .circle .dot:nth-child(1){left:12px;top:0px}.loading .circle .dot:nth-child(2){right:12px;top:0px}.loading .circle .dot:nth-child(3){left:1px;top:12px}.loading .circle .dot:nth-child(4){right:1px;top:12px}.loading .circle .dot:nth-child(5){left:1px;top:28px}.loading .circle .dot:nth-child(6){right:1px;top:28px}.loading .circle .dot:nth-child(7){left:12px;top:40px}.loading .circle .dot:nth-child(8){right:12px;top:40px}}@-webkit-keyframes loading{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}