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

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

body {
    min-height: 100vh;
}

img {
    max-width: 100%;
}

ul,
dl,
li,
dt,
dd,
em {

    font-style: normal;
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

a {
    text-decoration: none;
    transition: color .65s;
    color: #000;
    outline: none;
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea,
select {
    font-size: inherit;
    outline: none;
    border-radius: 0;
    border: none;
    background: none;
    transition: ease .45s;
    outline: none;
}

select::-ms-expand {
    display: none;
}

select:focus {
    outline: none;
}

input::-webkit-input-placeholder {
    color: #7B7B7B;
}

input:-moz-placeholder {
    color: #7B7B7B;
}

input::-moz-placeholder {
    color: #7B7B7B;
}

input:-ms-input-placeholder {
    color: #7B7B7B;
}

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

}

.z_flex_ul {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}


.imgbox {
    overflow: hidden;
}




/* 设置滚动条整体部分的样式 */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-button:vertical {
    display: none
}

::-webkit-scrollbar-track:vertical {
    background-color: black
}

::-webkit-scrollbar-track-piece {
    background: #3c3c3c
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #555;
    border-radius: 30px
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #3B3B3B
}

::-webkit-scrollbar-corner:vertical {
    background-color: #535353
}

::-webkit-scrollbar-resizer:vertical {
    background-color: #FF6E00
}

::-webkit-scrollbar-track-piece {
    background: #3c3c3c
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #902927;
}

.imgbg {
    width: 100%;
    height: 100%;
    transition: ease 1s;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.imgbgs {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.lazy {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: bottom center;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    background-attachment: fixed;
}


[data-scroll='fade'] {
    transition: opacity 1.5s;

    &:not(.ani) {
        opacity: 0;
    }
}

[data-scroll='fadeUp'] {
    transition: ease 1.5s;

    &:not(.ani) {
        transform: translateY(50%);
        opacity: 0.2;
    }
}

[data-scroll='fadeUp2'] {
    transition: ease 1.5s;

    &:not(.ani) {
        transform: translateY(10%);
        opacity: 0.2;
    }
}

[data-scroll='fadeRight'] {
    transition: ease 1.5s;

    &:not(.ani) {
        transform: translateX(10%);
        opacity: 0.2;
    }
}

[data-scroll='fadeLeft'] {
    transition: ease 1.5s;

    &:not(.ani) {
        transform: translateX(-10%);
        opacity: 0.2;
    }
}


[data-scroll='fadezoom'] {
    transition: ease 1.5s;

    &:not(.ani) {
        transform: scale(.92, .92);
        opacity: 0;
    }
}

[data-scroll='fadezoom2'] {
    transition: ease 1.5s;

    &:not(.ani) {
        transform: scale(.52, .52);
        opacity: 0;
    }
}

[data-scroll='fadezoom3'] {
    transition: ease 2.5s;

    &:not(.ani) {
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}