html,
body {
    margin     : 0;
    padding    : 0;
    font-size  : 13px;
    line-height: 1.7;

}

body,
div,
p,
span {
    font-family: PingFangSC, PingFang SC;
}


a {
    text-decoration: none;
    color          : #0a0a14;
}

/* flex 垂直居中 */
.flex-align-center {
    display    : flex;
    align-items: center;
}

/* flex 水平居中 */
.flex-justify-center {
    display        : flex;
    justify-content: center;
}

/* flex 水平、垂直都居中 */
.flex-center {
    display        : flex;
    align-items    : center;
    justify-content: center;
}

.info {
    color: #646469;
}

/* 
#app-cockpit-loading {
    width: 120px;
    height: 40px;
    position: absolute;
    z-index: 9999;
    font-size: 50px;
    line-height: 50px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

#app-cockpit-loading span {
    display: inline-block;
    width: 8px;
    height: 100%;
    border-radius: 4px;
    background: #1a6cb4;
    -webkit-animation: load 1s ease infinite;
}

@-webkit-keyframes load {

    0%,
    100% {
        height: 40px;
        background: #1a6cb4;
    }

    50% {
        height: 70px;
        margin: -15px 0;
        background: #002244;
    }
}

#app-cockpit-loading span:nth-child(2) {
    -webkit-animation-delay: 0.1s;
}

#app-cockpit-loading span:nth-child(3) {
    -webkit-animation-delay: 0.2s;
}

#app-cockpit-loading span:nth-child(4) {
    -webkit-animation-delay: 0.3s;
}

#app-cockpit-loading span:nth-child(5) {
    -webkit-animation-delay: 0.4s;
} */