.wt-loading {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.wt-loading .wt-loading-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 340px;
    position: relative;
    margin-top: -20px;
}
.wt-loading .loading-bar {
    border: 1px solid #409eff;
    padding: 2px;
    border-radius: 7px;
    width: 340px;
    height: 14px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.wt-loading .loading-bar .loading-logo {
    margin-top: -7px;
    position: absolute;
    left: 10%;
    animation: move 1s forwards;
}
.wt-loading .loading-span {
    color: #409eff;
}
.wt-loading .loading-process {
    width: 10%;
    height: 100%;
    background-image: linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent);
    border-radius: 7px;
    animation: grow 1s forwards;
    animation-iteration-count: 1;
    background-color: #409eff;
    background-size: 1.2em 1.2em;
}
@keyframes grow{
    0% { background-position: -100%; width: 10% }
    100% { background-position: 100%; width: 100% }
}
@keyframes move{
    0% { left: 10%; }
    100% { left: 100%; }
}

html, body {
    width: 100%;
    height: 100%;
}