html, body{scroll-behavior:smooth;}

body {
    font-family: Microsoft YaHei !important;
}
div {
    box-sizing: content-box;
}
.line-height-30 {
    line-height: 0.3rem;
}
.bold {
    font-weight: bold;
}
.lighter {
    font-weight: lighter;
}
.fs-0 {
font-size: 0;
}
.mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.pointer {
    cursor: pointer;
}

@keyframes rise {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px) scale(.98);
        transform: translateY(20px) scale(.98)
    }

    100% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
        opacity: 1
    }
}

.transform {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
  
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    /* Other transform properties here */
 }