/*
 * CSS Reset start
 * */
[v-cloak] {
  display: none !important;
}
.icon {
  width: 1em; height: 1em;
  vertical-align: middle;
  fill: currentColor;
  overflow: hidden;
}
body,html {
  width: 100%;
  height: 100%;
}
* {
  margin: 0;
  padding: 0;
  list-style: none;
  font-style: normal;
  font-family: 'Microsoft Yahei', 'SimHei', 'SimSun';
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  /*ios点击闪烁*/
  /*word-break: break-all;*/
  /*強制按字母换行*/
}
/*------------------------修改type=number的样式------------------------------------------------*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
.el-row{
  position: unset;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
address, cite, dfn, em, var {
  font-style: normal;
}
code, kbd, pre, samp {
  font-family: couriernew, courier, monospace;
}
small {
  font-size: 12px;
}
a {
  text-decoration: none;
  /*display: block;*/
}
a, a:hover, a:active, a:visited, a:link, a:focus { /* 去掉a标签的背景 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
  background: none;
  text-decoration: none;
}
.aHover:hover{
  color: #289EFC !important;
}
.btnHover:hover {
  background: #66b1ff !important;
}
.transition3ms{
  transition: all .3s;
}
.btnwbHover:hover{
  border: 1px solid #289efc!important;
  color: #289efc!important;
}
.wbbtnHover:hover{
  background: #EDF5FF!important;
}
.loginHover:hover{
  color: #289EFC!important;
  background-color: white!important;
}
.iHover:hover{
  color: #666666!important;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
img {
  border: 0;
}
img[src=""] {
  /*Img标签src为空的时候的样式设置*/
  display: none;
}
button, input, select, textarea {
  font-family: 'Microsoft YaHei';
  word-break: break-all;
  -webkit-appearance: none;
  border: none;
  background: none;
  /*清除苹果input默认样式*/
  border-radius: 0;
  outline: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
textarea {
  resize: none;
}
s, i, em {
  font-style: normal;
  text-decoration: none;
}
.oneLine { /*一行超出部分隱藏實現三個點*/
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;

}
.twoLine { /*兩行超出部分隱藏實現三個點*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.threeLine { /*三行超出部分隱藏實現三個點*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.Ycenter { /*垂直居中*/
  display: flex !important;
  align-items: center !important;
}
.XYcenter { /*垂直水平居中*/
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.XYcenter_sb { /*垂直居中 两端对齐*/
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.textBetween { /*文字两端对齐中间自动分配*/
  text-align: justify;
}
.textBetween:after {
  content: " ";
  display: inline-block;
  width: 100%;
}
.onePXborder:after{/*1px边框*/
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e5e6e7;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: scaleY(0.5);
}
.line_height25{
  line-height: 25px;
}
/*CSS Reset end*/

/* 页面布局 */
.page {
  width: 100%;
  display: flex;
  height: 100vh;
  overflow: hidden;
}
.page_left {
  /* width: 220px; */
}
.page_right {
  flex: 1;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.page_content {
  height: 100%;
  padding: 0 20px;
  color: #333;
  background: #f5f5f5;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.head_line {
  height: 80px;
  line-height: 80px;
}
.tag-head {
  border-radius:8px;
  padding:0 26px;
}
.table-box {
  padding: 25px 26px 30px;
  border-radius: 8px;
}
.form_box {
  width: 500px;
  margin: auto;
}
.page_button {
  display: flex;
  justify-content: center;
}
.head_css {
  background-color: #fff;
  padding: 15px 25px;
  border-radius: 8px;
  /*position: relative;*/
}
.chart_no_data {
  position: absolute;
  top: 45%;
  right: 45%;
  z-index: 999;
  font-size: 12px;
  color: #999;
}
.line_height {
  height: 32px;
  line-height: 32px;
}
.chart_head {
  display: flex;
  justify-content: space-between;
}

/*背景*/
.backF{background: #fff}
.back20{background: #20252b}/*登录主题黑色*/
.back24{background: #24313B}/*左侧导航栏背景底色*/
.back2D{background: #2D3439}/*左侧导航栏背景色*/
.backF5{background-color: #f5f5f5}
/*.back30{background: #30373c}!*深黑色背景*!*/
/*.back37{background: #373737;}!*黑色背景*!*/

.back289{background-color: #F20000}/*查询不到 背景色*/
.back266{background-color: #266AF1}/*预报发货 背景色*/
.backF58{background-color: #F58B11}/*运输途中 背景色*/
.back0AB{background-color: #0AB9AE}/*到达待取 背景色*/
.backF5C{background-color: #F5CF11}/*派送途中 背景色*/
.back39D{background-color: #39DD84}/*成功派送 背景色*/
.backF20{background-color: #F20000}/*投递失败 背景色*/
.backFF3{background-color: #FF3651}/*包裹退回 背景色*/
.backFE6{background-color: #FE6362}/*包裹异常 背景色*/
.back666{background-color: #666666}/*任何更新 背景色*/

.back1F{background: #1F2A33}/*主题背景黑色*/
.back24{background: #24313B}/*左侧导航栏展开背景底色*/
.back32{background: #324250}/*左侧导航栏展开模块背景底色*/
.back37{background: #373737;}/*黑色背景*/
.backF7{background: #f7f7f7}/*灰色背景*/
.backF2{background-color: #F20000}/*深红色背景*/
.backFE{background-color: #FE6362}/*红色背景*/
.backFB{background-color: #FBD0D0}/*浅红色背景*/

.back16{background: #0076BE}/*主题浅蓝色*/
.back14{background: #0072b8}/*主题深蓝色*/
.back26{background: #289EFC !important;}/*主题深蓝色*/
.back84{background: #84A2B9}
.back08{background-color: #0083CA}
/*.back26{background: #007fcc}!*主题深蓝色边框*!*/

.backG2{background-color: #39DD84} /*绿色背景*/
.backW {background-color: #EF8C17} /*橙色背景*/
/*设计新增*/
.backF5{background: #f5f5f5}/*灰色背景*/
.backEF{background: #efefef}/*灰色背景*/
.back99{background: #999}/*灰色背景*/
.iconfont{
  font-size: inherit;
}
/*字体大小*/
/*.size10{font-size: 10px}*/
.size12{font-size: 12px !important;}
.size14{font-size: 14px}
.size16{font-size: 16px}
.size18{font-size: 18px !important;}
.size20{font-size: 20px !important;}
.size22{font-size: 22px}
.size24{font-size: 24px}
.size26{font-size: 26px}
.size28{font-size: 28px}
/*.size30{font-size: 30px}*/
/*.size32{font-size: 32px}*/
/*.size34{font-size: 34px}*/
/*.size36{font-size: 36px}*/
/*.size38{font-size: 38px}*/
/*.size40{font-size: 40px}*/
/*.size42{font-size: 42px}*/
.size38{font-size: 38px}    /*图片上传框 + 号*/
.size32{font-size: 32px !important;}
.size28{font-size: 28px}    /*iconfont默认大小*/
.line_height28{
  line-height: 28px;
}

/*颜色*/
.colorF{color: #fff}
.color00{color: #000}
.color33{color: #333}
.color66{color: #666}
.color99{color: #999}
.color47{color: #474747}
.colorBB{color: #BBBBBB}
/*.colorAA{color: #AAAAAA}*/
.colorG{color: #2BA345}
/*.colorB{color: #6A6A6A}*/
.colorG2{color: #39DD84}
.colorW{color: #EF8C17}
.colorR{color: #FD483F}
/*.color16{color: #1644FC}*/
/*.colorD7{color: #D73838}*/
.color84{color: #84A2B9}
.colorf5{color: #F5CF11;}
.colorDC{color: #DCDFE6}/*两个框之间的连接符（eg:日期框）*/
.color08 {color: #0083CA}
.color26 {color: #289EFC}

.color289{color: #F20000}/*查询不到*/
.color266{color: #266AF1}/*预报发货*/
.colorF58{color: #F58B11}/*运输途中*/
.color0AB{color: #0AB9AE}/*到达待取*/
.colorF5C{color: #F5CF11}/*派送途中*/
.color39D{color: #39DD84}/*成功派送*/
.colorF20{color: #F20000}/*投递失败*/
.colorFF3{color: #FF3651}/*包裹退回*/
.colorFE6{color: #FE6362}/*包裹异常*/
.color666{color: #666666}/*任何更新*/

/*宽度*/
.width60{width: 60px}
.width90{width: 90px}
.width150{width: 150px !important;}
.width180{width: 180px !important;}
.width210{width: 210px}
.width320{width: 320px}
.width400{width: 400px}
.width615{width: 615px}
/*分割线*/
/*灰色分割线*/
.borderTopF2 {
  border-top: 1px solid #efefef;
}
.borderBottF2 {
  border-bottom: 1px solid #efefef;
}
/*主题色边框*/
.borderTheme{
  border: 1px solid #289efc;
}
/*左侧主题色分割线*/
.infoTit {
  border-left: 2px solid #289efc;
  padding-left: 12px;
  margin: 12px 0;
}
/* 工作台主题分割线 */
.infoWork {
  border-left: 2px solid #289efc;
  padding-left: 14px;
}
/* 正旋转180度 */
.transform180 {
  transform: rotate(180deg);
  transition: transform .3s linear;
}
/* 旋转回来 */
.transform0 {
  transform: rotate(0deg);
  transition: transform .3s linear;
}
.bold{font-weight: bold}
/*padding   10边距*/
.paddLR26{padding: 0 26px}
.paddTop10{padding-top: 10px}
.paddTop15{padding-top: 15px}
.paddTop20{padding-top: 20px}
.paddBott10{padding-bottom: 10px}
.paddBott15{padding-bottom: 15px}
.paddBott50{padding-bottom: 50px!important;}
.paddLeft10{padding-left: 10px}
.paddRight10{padding-right: 10px}
.paddLeft20{padding-left: 20px}
.paddLeft25{padding-left: 25px}
.paddRight20{padding-right: 20px}
.paddRight12{padding-right: 12px}
.paddLeft14{padding-left: 14px}
.paddT10R121B10L121{padding: 10px 121px 10px 121px }
/*margin   10边距*/
.marTopButt5{margin: 5px 0}
.marTop5{margin-top: 5px !important;}
.marTop10{margin-top: 10px !important;}
.marTop15{margin-top: 15px !important;}
.marTop20{margin-top: 20px !important;}
.marTop30{margin-top: 30px !important;}
.marTop40{margin-top: 40px !important;}
.marTop60{margin-top: 60px !important;}
.marBott3{margin-bottom: 3px !important;}
.marBott5{margin-bottom: 5px !important;}
.marBott10{margin-bottom: 10px !important;}
.marBott15{margin-bottom: 15px !important;}
.marBott20{margin-bottom: 20px !important;}
.marBott25{margin-bottom: 25px !important;}
.marBott30{margin-bottom: 30px !important;}
.marBott40{margin-bottom: 40px !important;}
.marLeft5{margin-left: 5px !important;}
.marLeft10{margin-left: 10px !important;}
.marRight10{margin-right: 10px !important;}
.marLeft15{margin-left: 15px !important;}
.marLeft20{margin-left: 20px !important;}
.marRight5{margin-right: 5px;}
.marRight15{margin-right: 15px !important;}
.marRight20{margin-right: 20px !important;}
.marLeft30{margin-left: 30px !important;}
.marRight30{margin-right: 30px !important;}
.marRight12{margin-right: 12px !important;}
.marRight100{margin-right: 100px !important}

/*对齐方式*/
.textLeft{text-align: left}
.textRight{text-align: right}
.textCenter{text-align: center}
.marginAuto{margin: auto}
.margin0Auto{margin: 0 auto}
.flex{display: flex}
.ycenter{align-items: center}
.displayIb{display: inline-block}
.floatLeft{
  float: left;
}
.borderRadius4{border-radius: 4px}
.xcenter{
  display: flex;
  align-items: center;
  flex-direction: column;
}
.yxcenter{
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.flexWrap{
  flex-wrap: wrap;
}
/*其他*/
.fontB{font-weight: bold}
.clearF{clear: both}
.app{width: 100%;}
.minWidth{
  min-width: 1200px;
}
.pointer{
  cursor: pointer;
}
.btnWidth {
  width: 100px;
}
.boxP20{
  padding: 20px;
  border-radius: 8px;
}
.boxP20_f{
  padding: 20px;
  background: #FFFFFF;
  border-radius: 8px;
}
.lineL {
  border-left: 2px solid #289EFC;
  padding-left: 5px;
  line-height: 11px;
}
/*筛选条件搜索按钮宽度90*/
.butt_search_W{
  width: 90px;
}

/*隐藏表格第一栏数据（只显示复选框）*/
.checkbox .el-checkbox span:nth-of-type(2){
  display: none!important;
}
/*表单之间的间距*/
.el-form-item {
  margin-bottom: 15px !important;
}
/*表单错误提示*/
.el-form-item__error {
  padding-top: 0px;
  -webkit-transform:scale(0.9);
}

/*placeholder字体大小*/
.el-range-input,.el-input__inner {
  font-size: 12px !important;
}

/*首字缩进*/
.indent2em{
  text-indent: 2em;
}
/*左侧导航点击背景颜色*/
.is-Leftactive{
  outline: 0;
  background-color: #289efc !important;
}
/*三级导航点击背景颜色*/
.isNavActive{
  outline: 0;
  background-color: #fff;
}
.isNavActive span{
  color: #289efc;
}
.el-menu-item:hover, .el-menu-item:focus {
  outline: none;
  background-color: #fff;
}
/*表格头部颜色以及背景色*/
.el-table__header-wrapper th{
  color: #333 !important;
  background-color: #EFEFEF !important;
}
.el-table__header-wrapper{
  color: #333 !important;
  background-color: #EFEFEF !important;
}
/*滑块开关字体颜色*/
.el-switch__label *{
  font-size: 12px;
}
/*表单左侧label的字体大小*/
.el-form-item__label,.el-checkbox__label{
  font-size: 12px;
}





/*整体架构布局*/
.vh100{
  height: 100vh;
  overflow-y: hidden;
}
.boxAllCont{
  height: calc(100% - 4px);
  width: 100%;
  position: relative;
  flex: 1;
  /*height: 100%;*/
  min-width: 1000px;
}
.height100{
  height: 100%;
}
.boxAll{
  width: 100%;
  min-width: 1280px;
  display: flex;
}
/*中间内容模块宽高*/
.box{
  width: 100%;
  height: 100%;
  padding:0 26px;
  overflow-y: auto;
  box-sizing: border-box;
}
.boxIfarmNp{
  width: 100%;
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
}
/*滚动条整体样式*/
::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
/*圆角*/
.Border-R5{
  border-radius: 5px;
}
.Border-R8 {
  border-radius: 8px;
}
::-webkit-scrollbar-track {
  /*滑道*/
  /*-webkit-box-shadow: inset 0 0 6px rgba(187, 187, 187,0.5);*/
  -webkit-box-shadow: inset 0 0 6px rgba(102, 102, 102,0.5);
  /*-webkit-box-shadow: inset 0 0 6px red;*/
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;

  /*background: rgba(187, 187, 187,0.3);*/
  background: rgba(102, 102, 102,0.3);
  /*background: red;*/
  /*-webkit-box-shadow: inset 0 0 6px rgba(38, 129, 254,0.5);*/
  /*-webkit-box-shadow: inset 0 0 6px rgba(38, 129, 254,0.5);*/
}
::-webkit-scrollbar-thumb:hover {
  /*background: rgba(187, 187, 187,0.5);*/
  /*background: rgba(187, 187, 187,0.5);*/
  background: rgba(102, 102, 102,0.5);
}


/*个人中心弹窗*/
.userBoxTip,.userBoxTip1{
  background: #1F2A33 !important;
  border-color: #1F2A33 !important;
  padding:10px;
  margin-top: 15px !important;
  width: 125px;
  text-align: center;
}
.userBoxTip .popper__arrow::after,.userBoxTip1 .popper__arrow::after{
  border-bottom-color:#1F2A33 !important;
  margin-left: -7px !important;
  width: 2px !important;
  top: 0 !important;
}
.userBoxTip li{
  color: #84A2B9;
  border-radius: 4px;
  width: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*消息列表标记去掉边框*/
.tipsBadge .el-badge__content{
  border: none !important;
  margin-top: 5px;
}
.tipsBadge img:focus,.tipsBadge sup:focus{
  border: none;
  outline-color:#373737;
}
/*vat服务弹窗黑色化*/
.blackPopover{
  border: none;
  margin-top: 16px !important;
  padding: 16px 0px;
}
.blackPopover .popper__arrow::after{
  top: 0px !important;
  border-bottom-color: #1F2A33 !important;
}
/*iframe边框*/
iframe{
  border: none;
}
/*进度条*/
.progressXQ{
  position: fixed;
  left: 0;
  top: 0;
  height: 4px;
  display: none;
  background-color:#289efc;
}
.progressXQ::-webkit-progress-bar
{
  background-color:#d7d7d7;
}
.progressXQ::-webkit-progress-value{
  background-color:#289efc;
  /*background: linear-gradient(to right, blue ,limegreen); !* 标准的语法 *!*/
}
/*错误弹窗*/
.messageErr{
  top: 73px;
}
.messageErr i{
  font-size: 30px;
}
.messageErr p{
  font-size: 18px;
}
/*消息中心左侧下拉*/
.tipsAllBox .el-menu-item-group__title{
  padding: 0 !important;
}
.tableEmp .el-badge__content.is-fixed.is-dot{
  top: 4px;
  right: -2px;
}
.el-collapse-item__content{
  padding-bottom: 15px;
}
/*隐藏表格第一栏数据（只显示复选框）*/
.checkbox .el-checkbox span:nth-of-type(2){
  display: none!important;
}
.color26 .el-breadcrumb__inner{
  color: #289EFC
}
.color33 .el-breadcrumb__inner{
  color: #666
}

/* el 弹窗标题调整 */
.el-dialog__header {
  /*border-bottom: 1px solid #cfcfcf;*/
  padding: 10px 20px;
}
.el-dialog__header .el-dialog__headerbtn {
  top: 11px;
}
.el-message-box__headerbtn{
  position: static;
}
.el-dialog__title {
  font-size:14px;
}
/*下拉创建条目，下拉隐藏*/
.inputMore{
  opacity: 0;
  position: absolute;
  z-index: -10;
}
/* 分页下拉框图标调整 */
.el-select .el-input .el-select__caret {
  line-height:28px;
}
/*产品编辑相关页面富文本输入框最小高度控制*/
.textarea .ql-container .ql-editor{
  min-height: 247px!important;
  max-height: 300px!important;
  overflow: auto;
}
/* input框加手势兼容 */
input[type='file']{
  cursor: pointer;
  font-size: 0;
}
/* 必填项的星号 */
.must-write::before {
  content: ' * ';
  color: #FD483F;
  font-size: 100%;
}

/* Dialog对话框 公共部分样式 Start*/
/*蒙层部分*/
.commonDialog {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 101;
  overflow: hidden;
}
/*框体部分*/
.commonDialog .content{
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 9px;
  box-shadow: 2px 3px 5px #bbb;
  overflow: hidden;
  padding-bottom: 25px;
  margin-bottom: 30px;
  max-height: 75%;
  width: 800px;
  position: relative;
}
/*head 部分*/
.commonDialog .content .head{
  height: 55px;
  line-height: 55px;
  background: #efefef;
  width: 100%;
  text-align: center;
  color: #666;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
}
/*内容区部分*/
.commonDialog .content .main{
  width: 100%;
  /*max-height: 50vh;*/
  flex: 1;
  display: flex;
  flex-direction: column;
  padding:25px 20px;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  margin-bottom: 5px;
}
.el-dialog,.el-message-box {
  border-radius: 9px;
}
.el-dialog__headerbtn,.el-message-box__headerbtn {
  /* top: 5px !important;
   right: 10px;*/
  font-size: 18px;
}
.el-dialog__header,.el-message-box__header {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  height: 44px;
  background: #efefef;
  width: 100%;
  text-align: center;
  color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
}
.el-dialog__title,.el-message-box__title {
  color: #666;
  font-weight: bold;
  font-size: 12px !important;
}

/*产品编辑自定义字段禁用样式编辑 end*/
/*按钮上面的数字标记*/
.el-badge__content.is-fixed{
  z-index: 8;
}
.commonDialog .checkbox label{
  min-height: 20px;
  padding-left: 0;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
/*confirm*/
.el-message-box{
  border: none;
}
.el-notification .el-icon-close{
  color: #909399!important;
}
.w-e-text p{
  margin: 0!important;
  line-height: 1!important;
}
.w-e-text p img,.textLeft p img{
  vertical-align:top!important;
}

/*自动保存*/
.el-notification__closeBtn{
  top: 5px;
  right: 5px;
}
.el-notification__content{
  font-size: 12px;
  line-height: 15px;
  margin: 0;
}
.el-notification__title{
  font-size: 12px;
  margin-bottom: 5px;
}
.el-notification__group {
  margin-left: 5px;
}
.el-notification__icon {
  height: 24px;
  width: 24px;
  font-size: 18px;
}
.el-notification{
  padding: 10px 10px 10px 10px;
}
/* 表格固定右侧列  */
.el-table__fixed-right {
  border-top-right-radius: 8px;
}
.el-table__fixed-header-wrapper th{
  padding: 13px 0;
}
.el-table--border {
  border: none;
}
.el-table--border::after {
  width: 0px;
}
.el-table__body tr.hover-row>td {
  background-color: #f5f5f5;
  border-right: 1px solid #f5f5f5;
}
.el-container {
  height: 100%
}

/*导航栏点击波纹效果*/
.ripple{
  width:0;
  height:0;
  border-radius: 50%;
  background:rgba(255,255,255,0.4);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}
.rippleEffect{
  -webkit-animation: rippleDrop .8s linear;
  -moz-animation: rippleDrop .8s linear;
  animation: rippleDrop .8s linear;
}
@-webkit-keyframes rippleDrop{
  100%{
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}
@-moz-keyframes rippleDrop{
  100%{
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes rippleDrop{
  100%{
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    transform: scale(2);
    opacity: 0 ;
  }
}
/*表格头部颜色以及背景色*/
.el-table__header-wrapper th{
  font-weight: 400;
  color: #333!important;
  background-color: #efefef!important;
  padding: 14px 0;
}
.el-table__header-wrapper{
  color: #333 !important;
  background-color: #f5f5f5 !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
/*表格内容主体行hover颜色*/
.el-table__body tr.current-row > td {
  background-color: #f5f5f5 !important;
  border-right: 1px solid #f5f5f5;
}
.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #f5f5f5;
  border-right: 1px solid #f5f5f5;
}
.el-table--border th, .el-table--border td {
  border-right: 1px solid #fff;
}
.el-table--small td {
  padding: 13px 0;
}
.moreLine {
  padding: 9.5px 15px;
  border-radius: 4px;
  position: relative;
  top: -2px;
}
/*----------------------- end ------------------*/
.mid {
  vertical-align: middle ;
}
.IconB {
  vertical-align: bottom ;
}
.el-radio__label {
  font-size: 12px;
}
.el-select-dropdown__item {
  font-size:12px;
  height: 32px;
  line-height: 32px;
}
.el-button--primary {
  background-color: #289EFC;
}
/* 小弹窗样式 */
.alert-box{
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100000;
}
.alert-box .cantent{
  background: white;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  /* width:58vw;
  max-width: 1000px;
  min-width: 560px; */
  max-height: 95%;

}
.alert-box .cantent .main{
  flex: 1;
  overflow: auto;
  padding:20px;
}
.alert-box .title{
  height: 44px;
  line-height: 44px;
  background:rgba(239,239,239,1);
  border-radius:8px 8px 0px 0px;
  text-align: left;
  padding:0 20px;
  color: #666;
  position: relative;
}
.alert-box .title .close{
  color:#666;
  cursor: pointer;
  position:absolute;
  right: 24px;
  top:12px;
  font-size:20px;
}
.alert-box .title .close:hover{
  color: #FD483F;
}
.alert-box .btnBox {
  margin:20px auto;
  text-align: center;
}
/* end */
/* 上传文件框样式 */
.upData {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.upData li {
  width: 190px;
  /*height: 163px;*/
  margin-top: 20px;
}
.upData .upbox {
  width: 150px;
  height: 150px;
  padding: 3px;
  border: 1px #999 dashed;
  box-sizing: border-box;
  position: relative;
  border-radius:8px;
}
.upData .upbox .text {
  text-align: center;
  height: 45px;
}

.upData .upbox img {
  max-height: 100%;
  max-width: 100%;
  position: relative;
  z-index: 10;

}
.upData .upbox div {
  padding: 10px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius:8px;
}

.upData .upbox div i {
  font-size: 45px;
  flex: 1;
  display: flex;
  align-items: center;
  position: relative;
  bottom: -8px;
}
.upbox input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.upData .chongchuan {
  width: 80px;
  height: 23px;
  position: relative;
  line-height: 20px;
  text-align: center;
  border: 1px solid #2681FE;
  border-radius: 4px;
  overflow: hidden;
  box-sizing: border-box;
  margin: 10px 0 0 35px;
}

.upData .chongchuan input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.deleterCarier{
  position: absolute;
  right: 2px;
  top: 2px;
}
.upData .borderRed {
  border: 1px #f56c6c dashed !important;
}
/* end */
/* 内容标题的蓝条 */
.tle:before {
  content: '';
  display: inline-block;
  width:0px;
  height:10px;
  border:1px solid rgba(40,158,252,1);
  margin-right: 5px;
  position: relative;
  top:1px;
}
/* elment tab 下划线变细 */
.el-tabs__nav-wrap::after {
  height: 1px;
}
/*.el-tabs__active-bar {*/
/*  height: 1px;*/
/*  width: 56px!important;*/
/*}*/
.el-dropdown-menu__item {
  font-size: 12px;
}
/* 表格圆角 */
.tableEmp {
  width:100%;
  border-radius: 8px!important
}
/*按住鼠标移动时， 禁止选中里面内容*/
.no-user-select{
  user-select: none;
  /*firefox浏览器*/
  -moz-user-select: none;
  /*safari、chrome浏览器*/
  -webkit-user-select: none; /*Safari中不支持该属性值，只能使用none或者text，或者是在html的标签属性中使用*/
  /*ie浏览器*/
  -ms-user-select: none;
}
.whiteSpace{
  white-space: nowrap;
}

.waybill-query-content .order-search{
  height: 100%;
}