a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-size: 100%;
    -webkit-margin-before: 0;
    margin-block-start: 0;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    vertical-align: baseline;
    border: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

li,
ol,
ul {
    list-style: none;
}

a {
    text-decoration: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:after,
blockquote:before {
    content: "";
    content: none;
}

q:after,
q:before {
    content: "";
    content: none;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

:root {
    --blue: #409eff;
    --success: #67c23a;
    --warning: #eb9e05;
    --danger: #fa5555;
    --info: #878d99;
    --light-gray: #f0f0f0;
    --lighter-gray: #fbfbfb;
    --size14: 14px;
    --size16: 16px;
    --font-display: swap;
}

html {
    font-size: 37.5px;
}

html .body-content {
    width: 1156px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    html .body-content {
        width: 100%;
        padding: 0.32rem;
    }
}

@media screen and (max-device-width: 768px) {
    html {
        font-size: 10vw;
    }
}

@media screen and (min-width: 721px) and (max-width: 768px) {
    html {
        font-size: 76.8px;
        font-size: 10vw;
    }
}

@media screen and (min-width: 641px) and (max-width: 720px) {
    html {
        font-size: 72px;
        font-size: 10vw;
    }
}

@media screen and (min-width: 541px) and (max-width: 640px) {
    html {
        font-size: 64px;
        font-size: 10vw;
    }
}

@media screen and (min-width: 481px) and (max-width: 540px) {
    html {
        font-size: 54px;
        font-size: 10vw;
    }
}

@media screen and (min-width: 415px) and (max-width: 480px) {
    html {
        font-size: 48px;
        font-size: 10vw;
    }
}

@media screen and (min-width: 413px) and (max-width: 414px) {
    html {
        font-size: 41.4px;
        font-size: 10vw;
    }
}

@media screen and (min-width: 394px) and (max-width: 412px) {
    html {
        font-size: 41.2px;
        font-size: 10vw;
    }
}

@media screen and (min-width: 376px) and (max-width: 393px) {
    html {
        font-size: 39.3px;
        font-size: 10vw;
    }
}

@media screen and (min-width: 361px) and (max-width: 375px) {
    html {
        font-size: 37.5px;
        font-size: 10vw;
    }
}

@media screen and (min-width: 321px) and (max-width: 360px) {
    html {
        font-size: 36px;
        font-size: 10vw;
    }
}

@media screen and (max-width: 320px) {
    html {
        font-size: 32px;
        font-size: 10vw;
    }
}

@media screen and (max-width: 768px) {
    .el-button {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
}

.font-regular {
    font-family: Aspira Regular;
}

.font-medium {
    font-family: Aspira Medium;
}

.font-light {
    font-family: Aspira Light;
}

.sb-show-main.sb-main-padded {
    padding: 0;
}

.flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ellipsis {
    white-space: nowrap;
    word-break: break-all;
    word-wrap: break-word;
}

.ellipsis,
.two-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.two-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.finger-style {
    cursor: pointer;
}

.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.clearfloat:before {
    content: "";
    display: table;
}

.clearfloat {
    zoom: 1;
}

.card-hover {
    transition-duration: 0.3s;
    transition-property: all;
}

.card-hover:hover {
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.04);
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    border-radius: 8px;
}

.grey {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

@font-face {
    font-family: Aspira Regular;
    src: url(./fonts/DiDiSans-Pro-Regular.e981e6cb.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Aspira Medium;
    src: url(./fonts/DiDiSans-Pro-Medium.fadf8b99.otf) format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Aspira Light;
    src: url(./fonts/DiDiSans-Pro-Thin.74a2ac09.otf) format("opentype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: DiDiSans-Pro-Bold-Italic;
    src: url(./fonts/DiDiSans-Pro-Bold-Italic.57ea8f11.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: DiDiSans-Pro-Bold;
    src: url(./fonts/DiDiSans-Pro-Bold.397c5c17.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: DiDiSans-Pro-Italic;
    src: url(./fonts/DiDiSans-Pro-Italic.56c5c1a4.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: DiDiSans-Pro-Medium-Italic;
    src: url(./fonts/DiDiSans-Pro-Medium-Italic.a5b11957.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: DiDiSans-Pro-Medium;
    src: url(./fonts/DiDiSans-Pro-Medium.fadf8b99.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: DiDiSans-Pro-Regular;
    src: url(./fonts/DiDiSans-Pro-Regular.e981e6cb.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: DiDiSans-Pro-Thin-Italic;
    src: url(./fonts/DiDiSans-Pro-Thin-Italic.d451c420.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: DiDiSans-Pro-Thin;
    src: url(./fonts/DiDiSans-Pro-Thin.74a2ac09.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
}


.font-medium {
    font-family: Aspira Medium;
}

.el-button {
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    font-weight: 500;
    border: 0;
    height: 40px;
    font-size: 16px;
    border-radius: 10px;
    padding: 0 24px;
    font-family: DiDiSans-Pro-Medium, DiDiSansPro-Medium, DiDiSans Pro Medium;
}