* {
    letter-spacing: .27rem;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    /* 去除下划线 */
    color: inherit;
    /* 继承父元素的颜色 */
}

body {
    background-color: #fafafa;
    padding-top: 12.47rem;
    margin: 0rem;
    padding-bottom: 5.42rem;
}

header {
    padding: 0rem 4.61rem;
    height: 12.47rem;
    width: 100%;
    background-color: white;
    position: fixed;
    top: 0rem;
    z-index: 99;
}

.mask {
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0rem;
    left: 0rem;
    z-index: 100;
}

.aside {
    position: fixed;
    top: 0rem;
    right: 0rem;
    z-index: 200;
    width: 38.75rem;
    height: 100vh;
    background: #FFFFFF;
    box-shadow: -3.25rem 0rem 2.17rem 0rem rgba(0, 0, 0, 0.11);
    border-radius: 1.63rem 0rem 0rem 1.63rem;
    opacity: 0.8;
}

.aside .bottom-line {
    margin: auto;
    width: 31.44rem;
    height: .05rem;
    border: .05rem solid #D5D5D5;
}

.aside a {
    display: block;
    padding: 0rem 4.61rem;
    height: 16.53rem;
    text-decoration: none;
    color: inherit;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 3.52rem;
    color: #5D5D5D;
    text-align: right;
    line-height: 16.53rem;
}

header .logo {
    width: 15.45rem;
}

header .menu {
    width: 5.69rem;
}

section {
    padding: 5.42rem;
}

h1,
h2 {
    font-size: 8.4rem !important;
    font-family: PingFang SC;
    font-weight: bold !important;
    margin: 4.34rem 0rem;
}

h2 {
    color: #5D5D5D;
}


h4 {
    font-family: PingFangSC-Bold !important;
    font-size: 6.23rem !important;
    margin: 0rem !important;
}

h6 {
    font-size: 2.98rem;
}

p.title {
    font-family: PingFang SC;
    font-size: 6.23rem;
    color: #313133;
    margin: 27.1rem 0rem 1.36rem;
}

p.desc {
    font-weight: normal;
    font-size: 2.17rem;
    color: #313133;
    text-transform: uppercase;
    margin-bottom: 4.07rem;
}

.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.flex-space {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.float-right {
    float: right;
}

.width-100 {
    width: 100%;
}

.bold {
    font-weight: bold;
}

.box-mask {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0rem;
    left: 0rem;
    background: #000000;
    opacity: 0.4;
    z-index: 300;
}

.detail-mask {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0rem;
    left: 0rem;
    background: #000000;
    opacity: 0.4;
    z-index: 300;
}


.box {
    z-index: 350;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 74.53rem;
    height: 37.67rem;
    background: #FFFFFF;
    border-radius: 3.25rem;
    opacity: 0.95;
    font-size: 2.71rem;
    color: #6B6B6B;
    text-align: left;
    vertical-align: bottom;
}

.box .up {
    padding-left: 8.13rem;
}

.box p {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 5.15rem;
    color: #2E2E2E;
    text-align: center;
    margin: 5.15rem auto 3.79rem;
}

.box img {
    vertical-align: middle;
    height: 2.71rem;
    width: auto;
    display: inline;
}

.box span {
    vertical-align: middle;
    color: #2E2E2E;
    text-decoration: underline;
    letter-spacing: 0rem;
}

.box .line {
    width: 59.08rem;
    height: 0rem;
    border: .03rem solid #6B6B6B;
    margin: 2.71rem auto;
}

/* 上下漂浮动画 */
@keyframes float1 {

    0%,
    100% {
        transform: translateY(0rem);
    }

    50% {
        transform: translateY(-2.71rem);
    }
}

@keyframes float2 {

    0%,
    100% {
        transform: translateY(0rem);
    }

    50% {
        transform: translateY(3.25rem);
    }
}

@keyframes float3 {

    0%,
    100% {
        transform: translateY(0rem);
    }

    50% {
        transform: translateY(-3.79rem);
    }
}

@keyframes float4 {

    0%,
    100% {
        transform: translateY(0rem);
    }

    50% {
        transform: translateY(4.34rem);
    }
}

@keyframes float5 {

    0%,
    100% {
        transform: translateY(0rem);
    }

    50% {
        transform: translateY(-4.88rem);
    }
}