*{
    scrollbar-width: none;
}

*,
*:before,
*:after {
  font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
}

body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div,
dl,
dt,
dd,
input {
    margin: 0;
    padding: 0
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
}

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
    box-shadow: 0 0 0px 1000px transparent inset !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color: transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s;
}

input {  
    background-color:transparent;  
}

::-webkit-scrollbar {
    width: 2px;
    height: 0px;
    position: absolute;
}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #ededed;
    background-image: -webkit-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.2) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.2) 75%,
        transparent 75%,
        transparent
    );
}

ol,
ul,
li {
    list-style-type: none
}

body {
    box-sizing: border-box;
}

.pre-wrap{
    white-space: pre-wrap;
}

.flex{
    display: flex;
}

.hide{
    display: none !important;
}

img {
    vertical-align: middle;
    border: 0
}

input,
select,
textarea {
    border: 0;
    background: 0
}

textarea {
    resize: none
}

a {
    text-decoration: none;
    color: #656565
}

a:hover {
    text-decoration: none
}

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

.clearfix {
    zoom: 1
}

.fl {
    float: left
}

.fr {
    float: right
}

.widthFull{
    width: 100% !important;
}

.relative{
    position: relative;
}

.absolute{
    position: absolute;
}

.fixed{
    position: fixed;
}

.middle{
    left: 0;
    right: 0;
    margin: auto;
}

.vertical{
    margin: auto;
    top: 0;
    bottom: 0;
}

.header-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.line-clamp{
    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
    line-clamp: var(--clamp);
	-webkit-line-clamp: var(--clamp);
	-webkit-box-orient: vertical;
}

.flex{
    display: flex;
}

.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.w-full{
    width: 100%;
}

.h-full{
    height: 100%;
}

.animation-scale:hover{
    transition: transform .5s;
    transform: scale(1.08);
}

.click-active:active{
    opacity: .8;
    transform: scale(.98);
}

.blue{
    color: #1E90FF;
}

@media (min-width:768px) {
    .header-container {
        width: 100%;
    }
}

@media (min-width:992px) {
    .header-container {
        width: 100%;
    }
}

@media (min-width:1200px) {
    .header-container {
        max-width: 1370px;
    }
}