:root {
    --primary-color: #1054FF;
    --white-color: #fff;
    --transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    --transition-timing-function: cubic-bezier(.25,.1,.25,1);
    --main-text-color: #464E64;
    --second-text-color: #676c7a;
    --main-title-color: #030c22;
}
*::-webkit-scrollbar {
    width: 5px;
}
*::-webkit-scrollbar-thumb {
    background-color: #ddd;
    background-clip: padding-box;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
*::-webkit-scrollbar-thumb:hover {
    background-color: #bbbbbb;
}
html {
    height:100%;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent;
}
body {
    margin:0;
    height:100%;
    font-size:14px;
    font-family:Microsoft YaHei, Microsoft YaHei-Regular, "PingFang SC", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display:block
}
audio:not([controls]) {
    display:none;
    height:0
}
progress {
    vertical-align:baseline
}
[hidden], template {
    display:none
}
a {
    background-color:transparent;
    -webkit-text-decoration-skip:objects;
    text-decoration:none;
}
a:active, a:hover {
    outline-width:0
}
abbr[title] {
    text-decoration:underline;
}
b, strong {
    font-weight:bolder
}
dfn {
    font-style:italic
}
small {
    font-size:80%
}
sub, sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup {
    top:-.5em
}
sub {
    bottom:-.25em
}
img {
    border-style:none
}
svg:not(:root) {
    overflow:hidden
}
code, kbd, pre, samp {
    font-family:monospace, monospace;
    font-size:1em
}
pre {
    overflow:auto;
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word
}
button, input, optgroup, select, textarea {
    color:inherit;
    font:inherit;
    margin:0;
    vertical-align:middle;
    outline:0
}
button, input {
    overflow:visible
}
button, select {
    text-transform:none
}
button {
    width: 104px;
    height: 40px;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    border-radius: 21px;
    background: transparent;
    cursor: pointer;
}
.primary-btn {
    background: var(--primary-color);
    color: white;
}
[type=reset], [type=submit], button, html[type=button] {
    -webkit-appearance:button
}
[disabled] {
    cursor:default
}
[type=checkbox], [type=radio] {
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height:auto
}
[type=search] {
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
}
textarea {
    overflow:auto;
    resize:none;
    vertical-align:top
}
optgroup {
    font-weight:700
}
input, select, textarea {
    outline:0
}
input, textarea {
    -webkit-user-modify:read-write-plaintext-only
}
input::-ms-clear, input::-ms-reveal {
    display:none
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:inherit;
    opacity:.54
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:inherit;
    opacity:.54
}
table {
    border-collapse:collapse;
    border-spacing:0
}
td, th {
    padding:0
}
blockquote, figure, form, h1, h2, h3, h4, h5, h6, p {
    margin:0
}
dd, dl, li, ol, ul {
    margin:0;
    padding:0
}
ol, ul {
    list-style:none outside none
}
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:400;
    line-height:1.5
}
* {
    box-sizing:border-box
}
input, select {
    padding:0;
    border:0 none;
    -webkit-appearance:none;
    background-color:transparent
}
div {
    display: inherit;
}