@font-face {
    font-family:'ClanOSF-Medium';
    src:url('../font/ClanOSF-Medium.otf');
    font-weight:normal;
    font-style:normal;
}
HTML,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td {
    border:none;
    font-family:"PingFangSC-Regular","PingFang SC","Microsoft YaHei",sans-serif,"ClanOSF-Medium";
    font-size:14px;
    margin:0px;
    padding:0px;
}
html,body {
    height:100%;
    width:100%;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
a {
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
}
a:link {
    color:#fff;
}
a:visited {
    color:#fff;
}
a:hover {
    color:#fff;
}
a:active {
    color:#fff;
}
input::-ms-clear {
    display:none;
}
input::-ms-reveal {
    display:none;
}
input {
    -webkit-appearance:none;
    margin:0;
    outline:none;
    padding:0;
    border:none;
}
input::-webkit-input-placeholder {
    color:#ccc;
}
input::-ms-input-placeholder {
    color:#ccc;
}
input::-moz-placeholder {
    color:#ccc;
}
input[type=submit],input[type=button] {
    cursor:pointer;
}
button[disabled],input[disabled] {
    cursor:default;
}
img {
    border:none;
    display:block;
}
ul,ol,li {
    list-style-type:none;
}
.clear {
    clear:both;
}
.clearleft {
    clear:left;
}
.clearright {
    clear:right;
}
.floatleft {
    float:left;
}
.floatright {
    float:right;
}
.cursor {
    cursor:pointer;
}
.hide {
    display:none;
}
.flex {
    display:flex;
    display:-webkit-flex;
    align-items:center;
}
.flex-between {
    display:flex;
    display:-webkit-flex;
    justify-content:space-between;
    align-items:center;
}
.flex-center {
    display:flex;
    display:-webkit-flex;
    justify-content:center;
    align-items:center;
}
.flex-wrap {
    display:flex;
    display:-webkit-flex;
    flex-wrap:wrap;
}
.text-ellipsis {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.multi-ellipsis {
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
.multi-ellipsis3 {
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}
[v-cloak] {
    display:none;
}