@font-face {
    font-family: "OPPOSans";
    src: url("../fonts/OPPOSans-M.ttf");
}

@font-face {
    font-family: "OPPOSansR";
    src: url("../fonts/OPPOSans-R.ttf");
}

@font-face {
    font-family: "OPPOSansB";
    src: url("../fonts/OPPOSans-B.ttf");
}

@font-face {
    font-family: "Source Han Sans CN";
    src: url("../fonts/SourceHanSansCN-Medium.otf");
}

* {
    margin: 0;
    padding: 0;
}

a,
img,
video {
    display: block;
}

a {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    /* text-decoration: none; */
    color: inherit;
    border: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -moz-user-focus: none;
}

body {
    font-family: "OPPOSans";
    overflow-y: auto !important;
    -ms-scroll-chaining: chained;
    -ms-overflow-style: none;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-overflow-style: none;

}

.align_right {
    text-align: right;
}

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

.justify_center {
    justify-content: center;
}

.flex_between {
    justify-content: space-between;
}

/* 定义滚动条样式 */
::-webkit-scrollbar {
    width: 0px;
    display: block;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
    background-color: rgba(240, 240, 240, .5);
}