html,body{
    --color-bg: #f4f4f4;
    --color-primary: #1989fa;
    --color-success: #07c160;
    --color-error: #ee0a24;
    --color-warning: #ff976a;
    --color-text: #323233;
    --color-text-sub: #646566;
    --color-border: #ebedf0;
    --mp:16px;
    --gradient-bg: linear-gradient(to top, #8e2de2, #4a00e0);

    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/** loading spin **/
.loading-wrap {
    margin: 40vh auto;
    width: 64px;
    height: 64px;
}