/* 清除浮动 */
.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{display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;
  word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.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:var(--el-scrollbar-bg-color, #dddddd);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:var(--el-scrollbar-hover-bg-color, #dddddd);}

.scroll-node::-webkit-scrollbar-track-piece {background-color:transparent;}
.scroll-hide::-webkit-scrollbar {width:0px;height:0px;}
.scroll-node::-webkit-scrollbar {width:1px;height:1px;}
.scroll-node::-webkit-scrollbar-thumb {background-color:var(--el-scrollbar-bg-color, #dddddd);background-clip:padding-box;border:none;min-height:28px;border-radius: 10px;}
.scroll-node::-webkit-scrollbar-thumb:hover {border:none;background-color:var(--el-scrollbar-hover-bg-color, #dddddd);}

.scroll-mini::-webkit-scrollbar-track-piece {background-color:transparent;}
.scroll-mini::-webkit-scrollbar {width: 2px;height: 2px;}
.scroll-mini::-webkit-scrollbar-thumb {background-color:transparent;background-clip:padding-box;border:none;min-height:28px;border-radius: 10px;}
.scroll-mini::-webkit-scrollbar-thumb:hover {border:none;}
.scroll-mini:hover::-webkit-scrollbar-thumb {background-color:var(--el-scrollbar-hover-bg-color, #dddddd);}

/* 页面切换动画-淡入淡出 */
.slide-fade-enter-active, .slide-fade-leave-active {transition: opacity 0.3s ease;}
.slide-fade-enter-from, .slide-fade-leave-to {opacity: 0;}
/* 页面切换动画-左滑 */
.slide-left-enter-active, .slide-left-leave-active {transition: 0.3s ease;}
.slide-left-enter-from, .slide-left-leave-to {opacity: 0;transform: translateX(20px);}
/* 页面切换动画-右滑 */
.slide-right-enter-active, .slide-right-leave-active {transition: 0.3s ease;}
.slide-right-enter-from, .slide-right-leave-to {opacity: 0;transform: translateX(-20px);}

/* 处理图片展示 */
.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-scaleToFill{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;}


/* fy-form样式设置 */
.fy-form-tip{font-size: 12px;color: var(--el-text-color-secondary);}


.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;}
.marR10{margin-right: 10px;}
.marR15{margin-right: 15px;}
.marR20{margin-right: 20px;}
.marR25{margin-right: 25px;}
.marR30{margin-right: 30px;}
.marR35{margin-right: 35px;}
.marR40{margin-right: 40px;}
.marR45{margin-right: 45px;}
.marB10{margin-bottom: 10px;}
.marB15{margin-bottom: 15px;}
.marB20{margin-bottom: 20px;}
.marB25{margin-bottom: 25px;}
.marB30{margin-bottom: 30px;}
.marB35{margin-bottom: 35px;}
.marB40{margin-bottom: 40px;}
.marB45{margin-bottom: 45px;}
.marL10{margin-left: 10px;}
.marL15{margin-left: 15px;}
.marL20{margin-left: 20px;}
.marL25{margin-left: 25px;}
.marL30{margin-left: 30px;}
.marL35{margin-left: 35px;}
.marL40{margin-left: 40px;}
.marL45{margin-left: 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;}