.ie-tip {
   display: none;
 }

 .support-error {
   display: flex;
   flex-direction: column;
   align-items: center;
   align-content: center;
   justify-content: center;
   height: 98vh;
 }

 .support-error-img {
   height: 50vh;
   width: 50vh;
 }

 #app[navigator="IE"] .ie-tip {
   display: block;
 }

 #app[navigator="IE"] .first-loading-wrp {
   display: none;
 }

 .first-loading-wrp {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   min-height: 420px;
   height: 100%;
 }

 .first-loading-wrp>h1 {
   font-size: 120px;
 }

 .first-loading-wrp .loading-wrp {
   margin-top: 24px;
   padding: 24px;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .dot {
   animation: antRotate 1.2s infinite linear;
   transform: rotate(45deg);
   position: relative;
   display: inline-block;
   font-size: 16px;
   width: 21px;
   height: 21px;
   box-sizing: border-box;
 }

 .dot i {
   width: 9px;
   height: 9px;
   position: absolute;
   display: block;
   background-color: var(--bg-interactive-primary-08);
   border-radius: 100%;
   transform: scale(0.75);
   transform-origin: 50% 50%;
   opacity: 0.3;
   animation: antSpinMove 1s infinite linear alternate;
 }

 .dot i:nth-child(1) {
   top: 0;
   left: 0;
 }

 .dot i:nth-child(2) {
   top: 0;
   right: 0;
   -webkit-animation-delay: 0.4s;
   animation-delay: 0.4s;
 }

 .dot i:nth-child(3) {
   right: 0;
   bottom: 0;
   -webkit-animation-delay: 0.8s;
   animation-delay: 0.8s;
 }

 .dot i:nth-child(4) {
   bottom: 0;
   left: 0;
   -webkit-animation-delay: 1.2s;
   animation-delay: 1.2s;
 }

 @keyframes antRotate {
   to {
     -webkit-transform: rotate(405deg);
     transform: rotate(405deg);
   }
 }

 @-webkit-keyframes antRotate {
   to {
     -webkit-transform: rotate(405deg);
     transform: rotate(405deg);
   }
 }

 @keyframes antSpinMove {
   to {
     opacity: 1;
   }
 }

 @-webkit-keyframes antSpinMove {
   to {
     opacity: 1;
   }
 }