/*页面初始化*/
html, body, ul, li, ol, dl, dd,
dt, p, h1, h2, h3, h4, h5, h6,
form, fieldset, legend, img { margin:0; padding:0; }
ul, ol { list-style:none; }
select, input { vertical-align:middle;}
img {border:0; vertical-align:middle; width: 100%; height: 100%; }  /*  去掉图片低测默认的3像素空白缝隙，或者用display：block也可以*/
body {
    font:12px/150% Arial,Verdana,"\5b8b\4f53";
    color:#666;
    background:#fff
}
/*清楚浮动*/
.hy-clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.hy-clearfix:after{clear:both;}
.hy-clearfix{
    *zoom:1;/*IE/7/6*/
}
/*无滚动条*/
.hy-noScroll::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.hy-noScroll {
    scrollbar-width: none;
    scrollbar-height: none;
}

/*居中*/
.hy-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*水平居中*/
.hy-center-x {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}
/*垂直居中*/
.hy-center-y {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
/*子盒子居中*/
.hy-center-p {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*单行超出省略号*/
.hy-ellipsis {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
/*多行超出省略号*/
.hy-ellipsis-more {
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/**滚动条样式*/
::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 4px solid transparent;
}

::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-thumb {
    min-height: 20px;
    background-clip: content-box;
    box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-corner {
    background: transparent;
}