﻿/*动画*/
.blowUp {
    transition: all .5s ease-in-out;
}

    .blowUp:hover {
        transform: scale(1.3);
    }

/*清除浮动*/
.clearfix {
    overflow: auto;
    zoom: 1;
}

/*自动垂直居中*/
.autoCenter {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transform-origin: 50% 50%;
    display: block;
}

.autoCenter-y {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.autoCenter-x {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
/*文字行数处理 后面用scss函数改进*/
.txtLine8 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    line-height: 18px;
    max-height: 108px;
}

.txtLine3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 18px;
    max-height: 54px;
}

.txtLine2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 26px;
    max-height: 52px;
}

.txtLine {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*隐藏*/
.hide {
    display: none;
}

.show-mob {
    display: none;
}

@media screen and (max-width: 768px) {
    .show-mob {
        display: block;
    }

    .show-pc {
        display: none;
    }
}

/*浮动*/
.fr {
    float: right;
}

.fl {
    float: left;
}
