@font-face {
    font-family: "myFont";
    src: url("../font/SourceHanSansCN-VF.otf")
}

body {
    font-family: "myFont";
    background-color: #fff
}

* {
    margin: 0;
    padding: 0
}

header {
    line-height: 5.20833vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff
}

header .hd-content {
    width: 79.6875vw;
    margin: auto;
    justify-content: space-between
}

header .hd-content .logo {
    cursor: pointer;
    display: flex;
    align-items: center
}

header .hd-content .logo img {
    width: 2.60417vw
}

header .hd-content .logo .logo-text {
    color: #000;
    font-size: 1.45833vw;
    font-weight: 600;
    margin-left: .52083vw
}

header .hd-content nav {
    color: #fff;
    font-size: .9375vw;
    width: 31.25vw
}

header .hd-content nav ul {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    height: 5.20833vw
}

header .hd-content nav ul li {
    font-weight: 600;
    box-sizing: border-box;
    padding: 0 1.5625vw;
    color: #000;
    cursor: pointer;
    letter-spacing: 2px;
    list-style: none;
    line-height: 2.60417vw;
    border-radius: .52083vw
}

header .hd-content nav ul .select {
    background-color: #000000;
    color: #fff
}

.abs {
    position: absolute;
    width: 80.72917vw;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}

.ft-68 {
    font-size: 3.54167vw
}

.ft-48 {
    font-size: 2.5vw
}

.ft-32 {
    font-size: 1.66667vw
}

.ft-30 {
    font-size: 1.5625vw
}

.ft-28 {
    font-size: 1.45833vw
}

.ft-24 {
    font-size: 1.25vw
}

.ft-26 {
    font-size: 1.35417vw
}

.ft-20 {
    font-size: 1.04167vw
}

.ft-18 {
    font-size: .9375vw
}

.ft-f {
    color: #fff
}

.ft-c {
    color: #ccc
}

.flex {
    display: flex;
    align-items: center
}

.mg-t-200 {
    margin-top: 10.41667vw
}

.ovh {
    overflow: hidden
}

.mg-1 {
    margin-top: -.05208vw
}

.mgl-230 {
    margin-left: 11.97917vw !important
}

.mgr-20 {
    margin-right: 1.04167vw
}

.mgl-500 {
    margin-left: 26.04167vw
}

footer {
    background-color: #fff;
    opacity: 1
}

.linebefore::after {
    content: "";
    position: absolute;
    width: .10417vw;
    height: 1.30208vw;
    left: -6.25vw;
    transform: rotate(20deg);
    background-color: #fff
}

footer {
    line-height: 5.72917vw;
    width: 78.125vw;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .83333vw;
    font-weight: 600;
    color: #3a3a3a
}

.ft-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 7.29167vw;
    font-size: 1.14583vw;
    color: #3a3a3a;
    font-weight: 600
}

.ft-logo img {
    width: 3.125vw
}

.rules {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 7.8125vw
}