/* 所有的公共样式全部都写在这里 */

/* 自定义字体 */
@font-face {
    font-family: "PingFangSCRegular";
    src: url("../fonts/PingFangSCRegular.ttf") format("truetype");
}

/* body中设置页面的通用字体样式 */
body {
    font: 14px/1.5 Arial, "Microsoft YaHei", "PingFangSCRegular";
    color: #333;
    background-color: #fff;
    min-width: 1226px;
}

/* 版心-核心布局样式 */
.container {
    width: 1226px;
    margin: 0 auto;
}

/* 图标通用css代码 */
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}


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

/* 多行文字显示省略号，常用2行 */
.ellipsis-multi-line {
    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;
}

/* 块级元素水平垂直居中 -方法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%);
}