* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    user-select: none;
}

@font-face {
    font-family: 'MyCustomFont';
    src: url('../font/SourceHanSansCN-Normal.otf') format('truetype');
}
@font-face {
    font-family: 'MyCustomFont-1';
    src: url('../font/SourceHanSansCN-ExtraLight.otf') format('truetype');
}

body {
    overflow-x: hidden;
    font-family: 'MyCustomFont', serif;
}
ul,li{
    list-style: none;
}
.container {
    max-width: 100%;
    width: 100%;
}

.box {
    width: 100%;
    height: 100vh;
}

.box .sticky-container {
    /* 父元素、父元素的父元素都不能设置overflow属性 */
    position: sticky;
    top: 0;
}

.box .content {
    width: 100%;
    height: 100%; /* 高度保持100% */
}

.box .content .bg {
    position: absolute;
    opacity: 0;
    transition: background-image 0.5s ease-in-out;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.box .content .bg.active {
    opacity: 1;
}

.box .content .tabs .tab-item {
    opacity: .5;
}

img.auto {
    /* max-width: 50rem; */
    height: auto;
}

.sm-img {
    width: 100%;
}

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

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

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

.padding-1 {
    padding: 10rem 16rem 4.3rem;
}

.padding-top {
    padding-top: 10rem;
}

.padding-bottom {
    padding-bottom: 4.3rem;
}

.padding-aside {
    padding-left: 16rem;
    padding-right: 16rem;
}

.hover {
    overflow: hidden;
}

.img-scale-scroll {
    overflow: hidden;
}
.img-scale-scroll img{
    transition: all 1.5s;
}

.hover-scale img,
.hover-scale+.info,
.hover-scale+.btm,
.hover-scale+.info .title {
    transition: all .5s;
}

/* 字体放大效果 */
.hover-scale-sm:hover img
/* ,.content-list .hover-scale-sm:hover+.info,
.content-list .hover-scale-sm:hover+.btm  */
{
    transform: scale(1.05);
}

.hover-scale-md:hover img
/* ,.content-list .hover-scale-md:hover+.info .desc,
.content-list .hover-scale-md:hover+.info,
.content-list .hover-scale-md:hover+.btm  */
{
    transform: scale(1.15);
}

.hover-scale-md:hover+.info_noScale {
    transform: scale(1)!important;
}

.box_34 .content-list .hover-scale-md:hover+.info .desc {
    transform: scale(1)!important;
}

.scale-scroll {
    height: 160vh;
    transition: all .15s linear;
}

#loading.hide {
    display: none !important;
}