/*
* 公共样式提取文件
*/

/* 左浮动 */
.fl{
    float: left;
}
/* 右浮动 */
.fr{
    float: right;
}
/* 清除浮动 */
.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.clearfix{
    *zoom: 1;
}
.font-12{
    font-size: 12px;
}
.font-14{
    font-size: 14px;
}
.font-16{
    font-size: 16px;
}
.font-18{
    font-size: 18px;
}
.font-20{
    font-size: 20px;
}
.font-22{
    font-size: 22px;
}
.font-24{
    font-size: 24px;
}
.font-26{
    font-size: 26px;
}
.font-28{
    font-size: 28px;
}
.font-30{
    font-size: 30px;
}
.font-purple{
    color:#6e1e6f;
}
.font-white{
    color: #fff;
}
.main {
    width: 1200px;
    margin: 0 auto;
}
/* 修改鼠标样式 */
.cursor{
    cursor: pointer;
}
/* 两行溢出显示省略号 */
.two-ellipsis{
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
.one-ellipsis{
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1; 
}
/* 内容区块宽度兼容 */
@media screen and (min-width: 1600px) {
    .main {
        width: 1300px;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1900px) {
    .main {
        width: 1600px;
        margin: 0 auto;
    }
}
/* 背景大小自适应并且居中显示 */
.bg-size{
    background-size: cover;
    background-position: center;
}