/* 清除浮动 */
.clearfix:after {content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {*zoom: 1;}

/* 文本方向 */
.pull-left{float: left;}
.pull-right{float: right;}
.center{text-align: center!important;}

/* list-inline */
.list-inline{padding-left:0;margin-left:-5px;list-style:none}
.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}

/* 文本溢出处理 */
.text-elips-1{overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;}
.text-elips-2{
  display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;
  word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.text-elips-3{
  display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;
  word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.text-elips-4{
  display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;
  word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;
}
.text-elips-5{
  display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;
  word-wrap: break-word;-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}

/*初始化浏览器滚动条样式*/
div::-webkit-scrollbar-track-piece,
body::-webkit-scrollbar-track-piece,
.el-drawer__body::-webkit-scrollbar-track-piece,
.scrollerStyle::-webkit-scrollbar-track-piece {background-color:transparent;}
div::-webkit-scrollbar,
body::-webkit-scrollbar,
.el-drawer__body::-webkit-scrollbar,
.scrollerStyle::-webkit-scrollbar {width:10px;height:10px;}
div::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.el-drawer__body::-webkit-scrollbar-thumb,
.scrollerStyle::-webkit-scrollbar-thumb {background-color:#CCCCCC;background-clip:padding-box;border:none;min-height:28px;border-radius: 10px;}
div::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
.el-drawer__body::-webkit-scrollbar-thumb:hover,
.scrollerStyle::-webkit-scrollbar-thumb:hover {border:none;background-color:#bbbbbb;}

/* transition动画 */
.fade-enter {opacity: 0;}
.fade-leave {opacity: 1;}
.fade-enter-active {transition: opacity .3s;}
.fade-leave-active {opacity: 0;transition: opacity .3s;}

/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {transition: all .5s;}
.fade-transform-enter {opacity: 0;transform: translateX(-30px);}
.fade-transform-leave-to {opacity: 0;transform: translateX(30px);}

/* 处理图片展示 */
.img-cover{display: inline-block;width: 100%;height: 100%;vertical-align: top;object-fit: cover;}
.img-contain{display: inline-block;width: 100%;height: 100%;vertical-align: top;object-fit: contain;}

.img-none{display: inline-block;width: 100%;height: 100%;vertical-align: top;object-fit: none;}
.img-widthFix{display: inline-block;width: 100%;height: auto;vertical-align: top;object-fit: cover;}
.img-heightFix{display: inline-block;width: auto;height: 100%;vertical-align: top;object-fit: cover;}
.img-aspectFill{display: inline-block;width: 100%;height: 100%;vertical-align: top;object-fit: cover;}
.img-aspectFit{display: inline-block;width: 100%;height: 100%;vertical-align: top;object-fit: contain;}
.img-fill{display: inline-block;width: 100%;height: 100%;vertical-align: top;object-fit: fill;}
.img-scaleDown{display: inline-block;width: 100%;height: 100%;vertical-align: top;object-fit: scale-down;}