/* 清除默认样式代码 */
/* 去除常见标签默认的 margin 和 padding */
* {
    margin: 0;
    padding: 0;
}

/*去除所有元素由于加了边框让盒子变大的情况*/
* {
    box-sizing: border-box;
}

/* 设置网页统一的字体大小、行高、字体系列相关属性 */
body {
    font: 16px / 1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei",
        "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    color: #333;
}

/* 去除列表默认样式 */
ul,
ol {
    list-style: none;
}

/*让button 按钮 变成小手*/
button {
    cursor: pointer;
}

/* 让所有斜体不倾斜 */
em,
i {
    font-style: normal;
}

/* 去除a标签默认下划线，并设置默认文字颜色 */
a {
    text-decoration: none;
    color: #333;
}

/* 设置img的垂直对齐方式为居中对齐，去除img默认下间隙 */
img {
    vertical-align: middle;
}

/* 去除input默认样式 */
input,
button {
    cursor: pointer;
    border: none;
    outline: none;
    color: #333;
}

/* 左浮动 */
.fl {
    float: left;
}

/* 右浮动 */
.fr {
    float: right;
}

/* 双伪元素清除法 */
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

@media screen and (min-width:1200px) {
    .container {
        width: 1200px;
        margin: 0 auto;
    }


    .ellipsis {
        white-space: nowrap;
        /* 禁止换行 */
        overflow: hidden;
        /* 隐藏溢出内容 */
        text-overflow: ellipsis;
        /* 显示省略号 */
        width: 100%;
        /* 需要指定宽度 */
    }

    .multi-line-ellipsis {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        /* 限制显示的行数 */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}