.nopadding{
    padding: 0;
}
.clearfix {
    zoom: 1;
}
/*滚动条*/
.scrollBar{
    overflow: auto;
}
.scrollBar::-webkit-scrollbar{
    width: 6px;
    height: 1px;
}
.scrollBar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(144,147,153,.3);
    cursor: pointer;
}
.scrollBar:hover::-webkit-scrollbar-thumb {
    background-color: rgba(144,147,153,.3);
}
.text-center{text-align: center;}
/*行数*/
.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space:nowrap;
}
.line-clamp-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.line-clamp-4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
/*flex属性*/
.flex{
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
}
.flex-1{
    flex: 1;
}
.flex-wrap{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.justify-center{
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
}
.justify-between{
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
}
.justify-end{
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -moz-justify-content: flex-end;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
}
.align-center{
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
}
.align-end{
    align-items:flex-end;
    -webkit-align-items: flex-end;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
}
.align-stretch{
    align-items:stretch;
    -webkit-align-items: stretch;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
}
.direction-column{
    flex-direction: column;
    -webkit-flex-direction: column;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
}
:focus{
    outline:0;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}
.clearfix:after {
    clear: both
}
.no-copy{
    -moz-user-select:none; /* Firefox私有属性 */
    -webkit-user-select:none; /* WebKit内核私有属性 */
    -ms-user-select:none; /* IE私有属性(IE10及以后) */
    -khtml-user-select:none; /* KHTML内核私有属性 */
    -o-user-select:none; /* Opera私有属性 */
    user-select:none; /* CSS3属性 */
}
[v-cloak] {
    display: none;
}