/*所有公共样式全部都写在这里一项目中其它页面都需要用到样式*/
/*自定义字体*/
@font-face {
font-family:"PingFangSCRegular";
src: url("../fonts/PingFangsCRegular.ttf") format("truetype");
}

div,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
header,
main,
nav,
section{
    box-sizing:border-box;
}
/*body中设置页面的通用字体样式*/ 
body{
    font:14px/1 "Microsoft YaHei";
    color:#5b5b5b;
    background-color: #f3f4f7;
}
/*版心-核心布局样式*/
.container{
    width:1226px; 
    margin: 0 auto;
}

/*单行文字显示省略号*/
.ellipsis-single-line { 
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

/*客行文字显示省略号,常用 2行*/
.ellipsis-multi-line2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;/*控制显示的行数*/ 
    overflow: hidden;
    text-overflow: ellipsis;
}

/*图片等比缩放正好覆盖父容器(等比截剪)*/
.img-cover { 
    width: 100%; 
    height:100%;
    object-fit: cover;
}

img {
    vertical-align: top;
}
/*块级元素水平垂直店中-方法1:Flex布局*/
.center-flex { 
    display: flex;
    justify-content: center; 
    align-items: center;
}

/*块级元素水平重直居中---方法2:绝对定位·+.transform.*/
.center-absolute{	
    position:absolute; 
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}