:root {
    --link: #0033ff;
    --line: #e5eaff;
    --font: #333;
    --greyFont: #999;
    --text: #666;
    --fs: 14px;
    --primary: #E6F0FF;
    --textActive: #6366F1;

    font-size: var(--fs);
    color: var(--font);
    font-family: "Söhne Buch", "Söhne Buch Placeholder", sans-serif;
}

* {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: var(--link);
}

div {
    box-sizing: border-box;
}

img {
    width: 100%;
    height: auto;
}

.language {
    color: #666666;
    font-size: 16px;
    margin-left: 15px;
}
*::before,
*::after {
    box-sizing: border-box;
}
/* 背景 */
body {
    position: relative;
    --p: calc(100% / 12);
    --bgp: calc(100% / 12 - 1px);
}

.bg {
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    box-sizing: border-box;
    padding: 0 calc(var(--p) - 1px);

}

.bg .bg-line {
    height: 100%;
    width: 1px;
    background: var(--line);
}

.blue{
    color: var(--link);
}
.row{
    margin: 0;
}
.row>*{
    padding: 0;
}
@media (min-width: 992px) {

  body {
    --p: calc(100% / 12);
    padding-top: 4.375rem;
  }
}
@media (max-width: 991.98px) {
    body {
    --p: 1rem;
    padding-top: 4.375rem;
  }
}