﻿* {
    position: relative;
    margin: 0;
    padding: 0;
    font-family: 'PingFang SC';
    font-style: normal;
    box-sizing: border-box;
}
ul,li {
    list-style: none;
}
img:not([src]) {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
a {
    text-decoration: none;
    color: initial;
}
input, button {
    background: transparent;
    border: none;
    outline: none;
}
img {
    vertical-align: middle;
}
.w100 {
    width: 100%;
}
.w100 > img{
    width: 100%;
}
.full {
    width: 100%;
}
.tc {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tl {
    text-align: left;
}
.tr {
    text-align: left;
}
.grid {
    display: grid;
}
.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}
.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}
.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}
.flex {
    display: flex;
    align-items: center;
}
.s-c {
    justify-content: center;
}
.s-b {
    justify-content: space-between;
}
/* 省略符 start */
.text-line-ellipsis-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.text-line-ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}


.text-line-ellipsis-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track-piece{background-color:#eee;margin:-2px}
::-webkit-scrollbar-thumb{background:#aaa;min-height:150px;min-width:150px;border-radius:10px}
::-webkit-scrollbar-thumb:vertical:hover{background:#555}
::-webkit-scrollbar-thumb:horizontal:hover{background:#555}