/*重置样式*/

ol,
ul,
dl {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

i {
    font-style: normal;
}

p {
    margin: 0;
}

/*左浮*/

.fl {
    float: left;
}

/*右浮*/

.fr {
    float: right;
}

/*清除浮动*/

.clearfix::before,
.clearfix::after {
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
}

/*相对定位*/

.relative {
    position: relative;
}

/*绝对定位*/

.absolute {
    position: absolute;
}

/*省略*/

.ellipsis {
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 动画时间 .5s */

.ease5 {
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    /* Firefox 4 */
    -webkit-transition: all 0.5s ease-in-out;
    /* Safari 和 Chrome */
    -o-transition: all 0.5s ease-in-out;
}

/* 动画时间 .3s */

.ease3 {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    /* Firefox 4 */
    -webkit-transition: all 0.3s ease-in-out;
    /* Safari 和 Chrome */
    -o-transition: all 0.3s ease-in-out;
}

/* 动画时间 .1s */

.ease1 {
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    /* Firefox 4 */
    -webkit-transition: all 0.1s ease-in-out;
    /* Safari 和 Chrome */
    -o-transition: all 0.1s ease-in-out;
}

/* 变小手 */
.cursor {
    cursor: pointer;
}

/*chrome--------------------------------------------start*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: rgb(255, 255, 255);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    background: rgb(201, 201, 202);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgb(162, 162, 163);
}

/*chrome--------------------------------------------end*/

/*moz--------------------------------------------*/
::-moz-scrollbar {
    width: 6px;
    height: 6px;
}

::-moz-scrollbar-track {
    background: rgb(255, 255, 255);
    border-radius: 8px;
}

::-moz-scrollbar-thumb {
    background: rgb(201, 201, 202);
    border-radius: 8px;
}

::-moz-scrollbar-thumb:hover {
    background: rgb(162, 162, 163);
}

/*ms--------------------------------------------*/
::-ms-scrollbar {
    width: 6px;
    height: 6px;
}

::-ms-scrollbar-track {
    background: rgb(255, 255, 255);
    border-radius: 8px;
}

::-ms-scrollbar-thumb {
    background: rgb(201, 201, 202);
    border-radius: 8px;
}

::-ms-scrollbar-thumb:hover {
    background: rgb(162, 162, 163);
}

/* 设置滚动条宽度和颜色 */
html {
    scrollbar-width: thin;
    /* 可以是 'auto', 'thin', 'none' */
}
@media (max-width: 767px) {
    ::-webkit-scrollbar {
        width: 1px;
        height: 1px;
    }
    ::-moz-scrollbar {
        width: 1px;
        height: 1px;
    }
    ::-ms-scrollbar {
        width: 1px;
        height: 1px;
    }
}