body{
    font-family: "Microsoft YaHei",Verdana,"宋体",Arial,Helvetica,sans-serif !important;
    overflow: hidden;
}

.before-load {
    position: fixed;
    top: 25px;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
}
.before-load .before-load-container {
    flex: 1;
}
.before-load .before-load-container .antme-logo {
    width: 100px;
    height: 100px;
    margin: auto;
}
.before-load .before-load-container .antme-logo svg {
    width: 100px !important;
    height: 100px !important;
}
.before-load .before-load-container .antme-logo svg g,
.before-load .before-load-container .antme-logo svg path {
    fill: #5ec688 !important;
}
.before-load .before-load-container .description {
    font-size: 13px;
    color: #5d5d5d;
    margin-top: 30px;
    margin-bottom: 5px;
}




.mdc-progress {
    width: 200px;
    display: block;
    position: relative;
    height: 3px;
    margin: auto;
}
.mdc-progress > .bar {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0%;
    transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-progress > .progressbar {
    background-color: #5ec688;
    z-index: 1;
    left: 0;
}
.mdc-progress > .bar1 {
    animation-name: indeterminate1;
}
.mdc-progress > .bar1,
.mdc-progress > .bar3 {
    background-color: #5ec688;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.mdc-progress > .bufferbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #5ec688, #5ec688);
    z-index: 0;
    left: 0;
}
.mdc-progress > .auxbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #5ec688, #5ec688);
}
@-webkit-keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%;
    }
    50% {
        left: 25%;
        width: 75%;
    }
    75% {
        left: 100%;
        width: 0%;
    }

}
@keyframes indeterminate1 {
    0% {
        left: 0%;
        width: 0%;
    }
    50% {
        left: 25%;
        width: 75%;
    }
    75% {
        left: 100%;
        width: 0%;
    }

}