/* table form的提示语样式 */
.fy-form-tip{font-size: 12px;color: #999999;line-height: 16px;margin-bottom: 5px;}

/* 清除浮动 */
.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:5px;height:5px;}
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;}

.scroll-hide::-webkit-scrollbar {width:0px;height:0px;}
.scroll-node::-webkit-scrollbar-track-piece {background-color:transparent;}
.scroll-node::-webkit-scrollbar {width:1px;height:1px;}
.scroll-node::-webkit-scrollbar-thumb {background-color:#CCCCCC;background-clip:padding-box;border:none;min-height:28px;border-radius: 10px;}
.scroll-node::-webkit-scrollbar-thumb:hover {border:none;background-color:#bbbbbb;}

.scroll-mini::-webkit-scrollbar-track-piece {background-color:transparent;}
.scroll-mini::-webkit-scrollbar {width: 2px;height: 2px;}
.scroll-mini::-webkit-scrollbar-thumb {background-color:#CCCCCC;background-clip:padding-box;border:none;min-height:28px;border-radius: 10px;}
.scroll-mini::-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;}




.marT10{margin-top: 10px;}
.marT15{margin-top: 15px;}
.marT20{margin-top: 20px;}
.marT25{margin-top: 25px;}
.marT30{margin-top: 30px;}
.marT35{margin-top: 35px;}
.marT40{margin-top: 40px;}
.marT45{margin-top: 45px;}

.padT10{padding-top: 10px;}
.padT15{padding-top: 15px;}
.padT20{padding-top: 20px;}
.padT25{padding-top: 25px;}
.padT30{padding-top: 30px;}
.padT35{padding-top: 35px;}
.padT40{padding-top: 40px;}
.padT45{padding-top: 45px;}


.w110{width: 110px;}
.w120{width: 120px;}
.w130{width: 130px;}
.w140{width: 140px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w190{width: 190px;}
.w200{width: 200px;}
.w210{width: 210px;}
.w220{width: 220px;}
.w230{width: 230px;}
.w240{width: 240px;}
.w250{width: 250px;}
.w260{width: 260px;}
.w270{width: 270px;}
.w280{width: 280px;}
.w290{width: 290px;}



.color-theme{color: var(--el-color-primary);}
.color-success{color: var(--el-color-success);}
.color-error{color: var(--el-color-danger);}
.color-warning{color: var(--el-color-warning);}
.color-info{color: var(--el-color-info);}
.color-primary{color: var(--el-color-primary);}
.color-white{color: #FFFFFF;}
.color-price{color: var(--el-color-danger);}
.color-green{color: #45bc02;}
.color-blue{color: #267dff;}
.color-black{color: #333333;}
.color-gray7b{color: #7b7b7b;}
.color-gray{color: #999999;}
.color-pick{color: #ff4d94;}
.color-title{color: #333333;}
.color-000{color: #000000;}
.color-111{color: #111111;}
.color-222{color: #222222;}
.color-333{color: #333333;}
.color-555{color: #555555;}
.color-666{color: #666666;}
.color-888{color: #888888;}
.color-999{color: #999999;}
.color-apply{color: #02A9F1;}
.color-wechat{color: #09BB07;}
.color-girl{color: #FF6E6E;}
.color-boy{color: #0091ff;}
.color-apply{color: #02A9F1;}
.color-invile{color: #9d3400;}