.gm_main {
  display: inherit;
  width: 100%;
  height: 100vh;
  background: #ecf3fd;
  /* font-size: 20px; */
}
.gm_body {
  display: flex;
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: calc(100vh - 60px);
}
.gm_right {
  flex: 1;
  padding: 10px 15px 10px 7px;
  overflow-y: auto;
}
.gm_right > div {
  min-height: calc(100vh - 80px);
}

.el-input.is-disabled .el-input__inner {
  background-color: #f9f9f9 !important;
  color: #606266 !important;
}
/* 上传图 */
.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  -height: auto;
  -max-width: 100%;
  -max-height: 146px;
}
/*gm滚动条样式gm*/
/* ::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #fafafa;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #fafafa;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #aaa;
} */
.el-table--border .el-table__cell:first-child .cell {
  padding: 0 10px;
}
.el-table .el-table__cell {
  padding: 7px 0 !important;
}
.el-table .el-table__cell .el-button {
  margin: 2px 0;
}
.el-pagination {
  text-align: right;
}
.sear_btnbox {
  float: right;
  margin: 0 0 20px 0 !important;
  width: auto !important;
}
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.clearfix:after,
.onerow:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.clearfix,
.onerow {
  zoom: 1;
}
.el-table .el-button--mini {
  padding: 7px;
}
.el-table .el-button + .el-button {
  margin-left: 0;
}
.searchForm .el-select,
.searchForm .el-input {
  width: 220px;
}
/* 按钮颜色--系统颜色 a8b6ee */
.el-table__fixed-right{border-left:1px solid #d0d7f5;box-shadow: 0 0 20px rgba(63, 96, 217,0.4) !important;}
.gm_header,
.gm_header .el-menu,
.el-date-table td.current:not(.disabled) span {
  background-color: #3f60d9 !important;
}
.el-date-table td.current:not(.disabled) span {
  background-color: #3f60d9 !important;
  color:#fff !important;
}
.gm_header .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
.gm_header .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
.gm_header .el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background-color: #516eda !important;
}
.gm_aside .el-menu-item.is-active,
.gm_userline i,
.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path,
.el-date-table td.today span,
.el-date-table td.available:hover,
.el-radio__input.is-checked + .el-radio__label,
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #3f60d9 !important;
}
.el-button--primary,
.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
  color: #fff;
  background-color: #0051bf !important;
  border-color: #0051bf !important;
}
.el-button--primary:focus,
.el-button--primary:hover {
  background-color: #196ad7 !important;
  border-color: #196ad7 !important;
}
.el-button--primary.is-plain {
  color: #0051bf !important;
  background: #ecf5ff !important;
  border-color: #286dce !important;
}
.el-input.is-active .el-input__inner,
.el-input__inner:focus,
.el-cascader .el-input .el-input__inner:focus,
.el-cascader .el-input.is-focus .el-input__inner {
  border-color: #3f60d9 !important;
}
.el-radio__input.is-checked .el-radio__inner,
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: #3f60d9 !important;
  background: #3f60d9 !important;
}

/* dialog弹框 v-modal关掉弹出层*/
/* .popSearchForm .el-select,.popSearchForm .el-input{width:200px;} */
.v-modal,
.hide {
  display: none !important;
}
/* 确认框的弹框需要显示半透明的背景 el-popup-parent--hidden */
/* .el-message-box__wrapper+.v-modal{display: block !important;}
.el-dialog__wrapper {
  background: rgba(0, 0, 0, 0.5);
} */
/* 抽屉弹框 */
.el-drawer {
  padding-top: 60px;
}
.el-drawer__header {
  margin-bottom: 0px;
  padding: 10px;
}
.el-drawer__wrapper {
  background: rgba(0, 0, 0, 0.5);
}
.el-drawer__body {
  padding-bottom: 60px;
}
.demo-drawer__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  padding: 10px 0;
  text-align: center;
  background: #ffffff;
}
.el-drawer__body .el-form,
.formflexbox {
  display: flex;
  flex-wrap: wrap;
}
.el-drawer__body .el-select,
.el-drawer__body .el-input {
  width: 220px !important;
} 
 

.el-drawer__body .el-form-item,
.formflexbox .el-form-item {
  width: 50%;
}
.centershop .el-drawer__body .el-form-item,
.centershop .formflexbox .el-form-item {
  width: 100%!important;
}
.el-drawer__body .el-textarea {
  width: 618px;
}
.el-upload {
  margin-bottom: 10px;
}
.wrap .el-upload { 
  margin-bottom: 0!important;
}
.item100 {
  width: 100% !important;
}
.item50{
  width: 50% !important;
}
.el-drawer__body .item100 .el-select,
.el-drawer__body .item100 .el-input {
  width: 618px !important;
}
.el-drawer__body .item100 .yxselect .el-input{
  width:100% !important;
}
.formflexbox .el-input,
.formflexbox .el-select {
  width: 100%;
}

.el-drawer__body .allmesg_box .el-textarea,
.el-drawer__body .allmesg_box .item100 .el-select,
.el-drawer__body .allmesg_box .item100 .el-input {
  width: 598px !important;
}
.el-drawer__body .minmesg_box .el-textarea,
.el-drawer__body .minmesg_box .item100 .el-select,
.el-drawer__body .minmesg_box .item100 .el-input {
  width: 380px !important;
}
/* 标题行高多行文字 */
.moreTitleLabel .el-form-item__label{line-height: 20px;}
/* mask */
.hideAll {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10000;
}
.maskBg {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10000;
}
.hideMain {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.hideMesg {
  position: relative;
  z-index: 10010;
  width: 900px;
  margin-top: 40px;
  min-height: 570px;
  height: 80%;
  background: #fff;
  box-shadow: 0 0 10px #333;
}
.template_form {
  display: flex;
  flex-wrap: wrap;
}
.template_form .el-form-item {
  width: 50%;
}
.template_form .el-select,
.template_form .el-input {
  width: 280px !important;
}
.item100 .el-select,
.item100 .el-input {
  width: 730px !important;
}
.template_form .el-select .el-input {
  width: 100% !important;
}
.table-bodybox {
  background: #fff;
  padding: 15px; /* min-height: calc(100vh - 120px); */
}
.clickstyle {
  color: #516eda;
  text-decoration: underline;
  cursor: pointer;
}
.new_mesgbox {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.new_mesgline {
  width: 50%;
  height: 32px;
  display: flex;
  justify-content: flex-start;
  align-content: center;
}
.new_mesgtit {
  width: 120px;
  padding-right: 10px;
  text-align: right;
  color: #606266;
}
.picRedTips {
  position: absolute;
  bottom: -18px;
  line-height: 16px;
  font-size: 12px;
  color: #f00;
}
/*阶段显示*/
.typeline {
  position: relative;
  margin-top: 15px;
}
.typelineyuan {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.typelineyuan .yuan {
  font-size: 14px;
  text-align: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  line-height: 48px;
  background: #fff;
  border: 4px solid #e5e5e5;
}
.typelineyuan .xian {
  width: calc(17% - 70px);
  height: 2px;
  line-height: 55px;
  background: #e5e5e5;
}
.typelineyuan .xianok {
  background: #409eff;
}
.typelineyuan .yuanok {
  border-color: #409eff;
  color: #409eff;
  font-size: 14px;
}
/*表格进度*/
.prozt {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.prozt .item {
  width: 14.2%;
  height: 8px;
  padding: 0;
  background: #eee;
  border: 1px solid #fff;
}
.prozt .itemok {
  background: #409eff;
  border: 1px solid #eee;
}
/* 右侧有动态 */
.gm_dynamicbody {
  display: flex;
  justify-content: space-between;
}
.gm_dynamicmesg {
  flex: 1;
  background: #fff;
}
.gm_dynamicbox {
  margin-left: 20px;
  min-width: 260px;
  width: 260px;
  height: calc(100vh - 82px);
  background: #ffffff;
}
.gm_dynamictimebox {
  overflow-y: auto;
  height: calc(100vh - 180px);
  padding: 0 10px;
}
.gm_dynamictit {
  padding: 10px 15px 0;
  font-size: 16px;
  font-weight: bold;
}
/* 弹框中 */
.drawertabelbox {
  padding: 0 10px;
}
.el-pagination .el-select,
.el-pagination .el-input {
  width: 100px !important;
}
.hpNewBlock .el-pagination .el-input {
  width: 70px !important;
}
/* 表格中流量来源图 */
.cluesourceline ,.clueSourceline{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cluesourceimg,.clueSourceimg {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 2px;
  -box-shadow: 0 0 3px #999;
  border-radius: 2px;
}
/* 详细页面底部按钮 */
.footbtnbox {
  position: fixed;
  bottom: 10px;
  right: 15px;
  background: rgb(215, 228, 231);
  padding: 10px;
  text-align: right;
  z-index: 10;
}
.body_big .footbtnbox {
  left: 235px;
}
.body_small .footbtnbox {
  left: 79px;
}
.formMap {
  width: 100%;
  padding: 0 20px;
  margin-bottom: 15px;
  border: none;
}
.el-drawer__body .formMap {
  width: 650px;
  padding: 0;
  margin: 0 auto 15px;
}
.mesgshow_img {
  max-width: 120px;
  height: 120px;
  margin-right: 10px;
}
/*甘特图*/
.ganttastic_headbox {
  display: flex;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: bold;
}
.ganttastic_headline {
  flex: 1;
  text-align: center;
  background: #90caf9;
}
.ganttastic_headline:nth-child(2n) {
  background: #e5f3ff;
}
.ganttastic_headlinefirst {
  width: 300px;
  background: #90caf9;
  text-align: center;
  border-bottom: 1px solid #90caf9;
}
.g-gantt-row-label {
  background: #e5f3ff !important;
}
.ganttastic_body {
  display: flex;
}
.ganttastic_body_label {
  width: 300px;
}
.ganttastic_body_label .item {
  height: 40px;
  line-height: 39px;
  text-align: center;
  background: #e5f3ff;
}
.ganttastic_body_echart {
  flex: 1;
}
#pictFile .el-upload-list {
  padding-bottom: 10px;
}
/* 商机阶段 */
.cluemesg_cluestepbox {
  padding: 10px;
  display: flex;
}
.cluemesg_cluestepbox .el-steps {
  flex: 1;
}
.cluemesg_outbox {
  width: 60px;
  text-align: center;
  color: #c0c4cc;
}
.cluemesg_outbox i {
  font-size: 25px;
}
.cluemesg_outtit {
  font-size: 16px;
  line-height: 36px;
}
.outstatus {
  color: #f00;
}

.amap-marker-label {
  border: 1px solid #3f60d9;
  border-radius: 3px;
  padding: 5px 10px;
}
.downFileText {
  display: inline-block;
  width: 40px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  border-radius: 3px;
  background: #3f60d9;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
}

/*厂家宣传（滚动、预览）*/
.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}
.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}
.form-xct-yl {
  width: 605px;
  height: 410px;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 20px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
}
.form-xct-yl .xct-left {
  width: calc(100% - 230px);
}
.form-xct-yl .xct-right {
  width: 245px;
  height: 410px;
  background: #99a9bf;
  border: 1px solid #ddd;
  text-align: center;
}
.form-xct-yl .yl-img-null i {
  font-size: 35px;
  color: #fff;
}
.form-xct-yl .yl-img-null .text {
  font-size: 14px;
  color: #fff;
  margin-top: 10px;
}
.form-xct-yl .nr-xct-null {
  padding-top: 65%;
}
.form-xct-yl .nr-xct-img {
  width: 245px;
  text-align: center;
  vertical-align: middle;
}
.form-xct-yl .nr-xct-img img {
  width: 245px;
  height: 410px;
}
.form-xct-yl .nr-logo {
  width: 96px;
  height: 96px;
  background: #99a9bf;
  border: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
}
.form-xct-yl .nr-logo-null {
  padding-top: 15%;
}
.form-xct-yl .nr-logo-img img {
  width: 96px;
  height: 96px;
}
.form-xct-yl .xct-left-1 {
  display: flex;
  flex-direction: row;
}
.form-xct-yl .xct-left .nr-name {
  margin-left: 15px;
}
.form-xct-yl .xct-left .nr-name .text {
  font-weight: bold;
  font-size: 24px;
  line-height: 45px;
  color: #252831;
}
.form-xct-yl .xct-left .nr-name .link-btn {
  margin-top: 10px;
}
.form-xct-yl .xct-left-2 {
  display: flex;
  flex-direction: row;
  flex: 1;
  margin-top: 15px;
}
.form-xct-yl .xct-left-2 .div-num {
  width: 50%;
  height: 85px;
  padding-top: 15px;
  margin-right: 15px;
  text-align: center;
  border: 1px solid #ddd;
}
.form-xct-yl .xct-left-2 .div-num .text {
  margin-bottom: 15px;
  font-size: 14px;
}
.form-xct-yl .main-text {
  font-weight: bold;
  font-size: 16px;
  color: #252831;
}
.form-xct-yl .xct-left-3 {
  margin-top: 15px;
  padding-right: 15px;
}
.form-xct-yl .xct-left-3 .div-body {
  height: 150px;
  border: 1px solid #ddd;
  padding: 15px;
  line-height: 28px;
}
.cut-p1 {
  -webkit-line-clamp: 1;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
}
.cut-p4 {
  -webkit-line-clamp: 4;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
}
.banner-div {
  width: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.table-img-banner {
  width: 220px;
  height: 50px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}

.gooodsline .el-form-item__label {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 40px;
  line-height: inherit;
}
.table-bodybox .el-tree-node__content {
  height: auto;
  min-height: 26px;
}
.el-select-dropdown__item {
  height: auto !important;
}
/* 线索信息样式 */
.cluebox_line {
  width: 96%;
  margin: 0 2% 20px;
  background: #fafcff;
  border-radius: 5px;
}
.clueline2 {
  background: #fefcfe;
}
.clueline3 {
  background: #fffcfa;
}
.clueline4 {
  background: #fffffa;
}
.clueline5 {
  background: #fafeff;
}

/* .cluetipsbox{display: flex;justify-content: flex-start;align-items: center;min-height: 40px;} */
.cluetipsbox{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;min-height: 40px;}
.cluetipsline{cursor: pointer;;margin:5px;padding:0 10px;height:24px;line-height:24px;border-radius: 30px;color: #333;border: 1px solid transparent;}
.cluetipsmorebox .cluetipsline{border-radius: 5px;}
.cluecl0{background: #dff5f8;}
.clueclOn.cluecl0{background: #0ca2b3;color:#fff;border-color: #3e9ca6;}
.cluecl1{background: #dce7f5;}
.clueclOn.cluecl1{background: #0a4694;color:#fff;border-color: #3f618e;}
.cluecl2{background: #f0eef9;}
.clueclOn.cluecl2{background: #220b88;color:#fff;border-color: #4f4093;}
.cluecl3{background: #f2fbf9;}
.clueclOn.cluecl3{background: #0e987a;color:#fff;border-color: #4ca390;}
.cluecl4{background: #fae8f6;}
.clueclOn.cluecl4{background: #940d77;color:#fff;border-color: #a14d8f;}
.cluecl5{background: #fbf8f4;}
.clueclOn.cluecl5{background: #9a5e0f;color:#fff;border-color: #9e7846;}
.cluecl6{background: #f7faf4;}
.clueclOn.cluecl6{background: #49880a;color:#fff;border-color: #6b9344;}
.cluecl7{background: #f1f5fa;}
.clueclOn.cluecl7{background: #124686;color:#fff;border-color: #416188;}
.cluecl8{background: #f9f6fe;}
.clueclOn.cluecl8{background: #3d108c;color:#fff;border-color: #5c428a;}
.cluecl9{background: #f9f4f3;}
.clueclOn.cluecl9{background: #912610;color:#fff;border-color: #915043;}
.cluemesg_tit {
  border-bottom: 1px solid #859ce3;
  padding: 8px 10px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cluemesg_box {
  display: flex;
  flex-wrap: wrap;
}
/*行政区划点标记*/
.deviceshowmapbox .amap-marker-label {
  border: none;
  border-radius: 3px;
  padding: 5px 10px;
}
.mapmesgline {
  border: 1px solid #8e8e8e;
  width: auto;
  height: 31px;
  border-radius: 5px 5px 5px 0;
  left: 0;
  top: 0;
  color: #555;
  background-color: #fffeef;
  font-size: 14px;
  white-space: nowrap;
  position: absolute;
  cursor: pointer;
}
.mapmesgline:after,
.mapmesgline:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: solid rgba(0, 0, 0, 0);
  border-width: 6px;
  left: 13px;
}

.mapmesgline span {
  vertical-align: middle;
  padding: 5px 10px;
  display: inline-block;
  /* height: 22px; */
  line-height: 22px;
}

.mapmesgline-title {
  border-radius: 5px 0 0 0;
}

.mapmesgline-body {
  padding: 5px 10px;
  background-color: #dc3912;
  font-weight: 400;
  color: #fff;
  border-radius: 0 5px 5px 0;
}
.map-button {
  position: absolute !important;
  z-index: 1 !important;
  padding: 2px 0px;
  background-color: #d3f3f0;

  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.btn-map {
  padding: 5px 10px;
  border-radius: 5px;
  color: #009688;
  border: 0
}
.btn-map:hover {
  color: #009688;
}
.btn-map-fg {
  color: #009688;
}
.map_select {
  position: fixed !important;
  z-index: 2000;
  width: 220px;
  padding: 10px;
  right: 20px;
  top:70px;
  background: transparent !important;
}
.map_select .typeBox{
  margin-bottom: 10px;
}
.gm_info{padding:10px;border-radius: 6px;}
.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover{color:#fff !important;}
.login_box .el-input__inner{background: rgba(17,72,200,0.6) !important;border: 1px solid #0766be;color: #fff;}
.login_box .el-input__inner::placeholder {color:#fff }
.login_box .el-checkbox__input.is-checked .el-checkbox__inner{color:#ffa800 !important;background: #ffa800 !important;}
.login_box  .el-checkbox__input.is-checked + .el-checkbox__label{color: #ffa800 !important;}
.el-drawer__body540 .item100 .el-input{width: 100% !important;}
.area_tabbox .el-tabs__header{display:none !important;}
.form100item .el-select,.form100item .el-input,.form100item .el-cascader{width: 100% !important;}
.el-drawer__body540 .item100 .el-input{width: 100% !important;}

/*map*/
.map-info{border: 1px solid #ddd;}
.full_height_rate {height: 100%;position: relative;}
.card {position: absolute;top: 45%;/* transform: translate(-50%, -50%); */margin-left: 30px;z-index:999}
.card .btn-group-vertical {width: 45px;}
.card-line{height:1px;background:#eee;margin:10px 0}
.card_view {width:225px;position: absolute;top: 45%;margin-left: 80px;
background-color: #fff;background-clip: border-box;border-radius: 0.25rem;border-width: 0;
border-radius: 0.4rem;box-shadow: 0 2px 6px 0 rgba(114, 124, 245, 0.5);padding: 10px;z-index:999}
.card_view .types {background-image: url("/static/images/maptype.png"); background-repeat: no-repeat;width: 100px;height: 60px;margin:5px;}
.card_view .types {border: 1px solid #fff;}
.card_view .types.active {border: 1px solid #009688;}
.card_view .type2 {background-position: 0 0;}
.card_view .type1 {background-position: 0 -60px;}
.card_view .type3 {background-position: 0 -120px;}
.card_view .type4 {background-position: 0 -180px;}
.card_view .type5 {background-position: 0 -240px;}

/*map-marker*/
.amap-ui-district-cluster-marker {
  border: 1px solid #b2b2b2;width: auto;height: 30px;padding: 3px;border-radius: 36px;left:-10px;top:-5px;
  background-color: #cecece;background: linear-gradient(#ffffff, #cecece);color: #555;
  font-size: 14px;white-space: nowrap;position: absolute;cursor: pointer;
  box-shadow: 0 4px 12px 0 rgba(81, 81, 81, 0.3)
}
.amap-ui-district-cluster-marker:after,
.amap-ui-district-cluster-marker:before {
  content: '';display: block;position: absolute;width: 0;height: 0;border: solid rgba(0, 0, 0, 0);
  border-width: 6px;left: 13px;
}
.amap-ui-district-cluster-marker span {
  vertical-align: middle;padding: 5px 10px;display: inline-block;line-height: 20px;
}
.amap-ui-district-cluster-marker-title {
  border-radius: 16px;margin-left: 5px;
}
.amap-ui-district-cluster-marker-body {
  border-radius: 16px;min-width: 20px;text-align: center;padding: 5px 10px;font-weight: 400;
  background-color: #9a00da;
  background:linear-gradient( #8997fe,#9a00da);
  color: #fff;
}

/*dev list style*/
.badge:empty.badge-icon {display: inline-block;width: 0.7em;height: 0.7em;padding: 0;min-width: 5px;margin: 0.65em;border-radius: 50%;}
.badge:empty {display: none;}
.pull-left {float: left!important;}
.badge {display: inline-block;min-width: 10px;padding: 3px 7px;font-size: 12px;font-weight: 700;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: middle;background-color: #777;border-radius: 10px;}
.badge-success {background-color: #8bc34a !important;}
.badge-danger {background-color: #f44336;}
.crm_calendarbox .el-calendar__body{padding-bottom: 0;}
.crm_calendarbox .el-calendar-table thead th{padding:6px 0;}
.crm_calendarbox .el-calendar-table .el-calendar-day{padding: 0;}

/*e-select*/
.mySelectPopper .el-input__inner,.mySelectPopper .el-select:hover .el-input__inner {
  border-color: #fff  !important;
}
/* 日程 */
.calendarlinebox .el-calendar__header{padding:12px 0;}
.calendarlinebox .el-button--mini, .el-button--mini.is-round{padding:7px 6px;}
.roletabbox .el-tabs__item.is-active{background: #f2f7f8;}
/* 上传图片的隐藏 */
.nouploadaddbox .el-upload{display: none !important;}
/* 客户信息tab */
.cluemesg_cluetabbox .el-tabs  .el-tabs__content{max-height: calc(100vh - 340px);overflow: auto;position: relative;}
.nopadbox .el-card__body{padding:0 20px}

/* 新弹框的样式 */
.mesgaddpopbox{width: 100%;}
.mesgaddpopbox .el-collapse {width: 100%;border: none;}
.mesgaddpopbox .el-collapse-item__wrap {border-bottom: none;}
.mesgaddpopbox .el-collapse-item__content {padding-bottom: 0;}
.mesgaddpopbox .el-collapse-item__header {height: auto;line-height: normal;background-color: #eef1f5;margin: 10px 0;padding: 10px 30px;}
.mesgaddpopbox .info-box {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center;}
.mesgaddpopbox .division {width: 100%;font-size: 14px;display: flex;justify-content: space-between;align-items: center;}
.main_pdlr10{
padding: 0 10px;
}
.divBox .el-form-item__label {
  /* color: var(--prev-color-text-primary); */
  font-size: 12px !important;
  padding: 0 6px 0 0 !important;
}
.divBox .el-main .el-input--small .el-input__inner, .el-input--small .el-input__inner {
    height: 32px !important;
    line-height: 32px !important;
}
.ml20 {
 
  margin-left:20px !important;
}

.from-ipt-width {
    width: 460px !important;
}
.mt14 {
    margin-top: 14px !important;
}
.form-boder-padding {
    padding: 25px 30px 40px 30px;
}
 
.upLoadPicBox .upLoad {
    width: 58px;
    height: 58px;
    line-height: 58px;
    border: 1px dotted rgba(0, 0, 0, .1);
    border-radius: 4px;
    background: rgba(0, 0, 0, .02);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
table .el-image, table img {
    width: 36px !important;
    height: 36px !important;
    border-radius: 4px;
}
 
 

.centershop .el-switch {
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  vertical-align: middle;
}
.centershop .el-switch.is-disabled .el-switch__core,
.centershop .el-switch.is-disabled .el-switch__label {
  cursor: not-allowed;
}
.centershop .el-switch__label {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  height: 20px;
 
  font-weight: 500;
  cursor: pointer;
  vertical-align: middle;
  color: #2d2f33;
  position: absolute;
  line-height: 20px !important;
}
.centershop .el-switch__label.is-active {
  color: #262729;
}
.centershop .el-switch__label--left {
  margin-right: 10px;
}
.centershop .el-switch__label--right {
  margin-left: 10px;
}
.centershop .el-switch__label * {
  line-height: 1;
 
  display: inline-block;
}
.centershop .el-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}
.centershop .el-switch__input:focus ~ .el-switch__core {
  outline: 1px solid #262729;
}
.centershop .el-switch__core {
  margin: 0;
  display: inline-block;
  position: relative;
  width: 40px;
  height: 20px;
  border: 1px solid #d8dce5;
  outline: 0;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #d8dce5;
  cursor: pointer;
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
  vertical-align: middle;
}
.centershop .el-switch__core .el-switch__button {
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  width: 16px;
  height: 16px;
  background-color: #fff;
}
.centershop .el-switch.is-checked .el-switch__core {
  border-color: #0256ff;
  background-color: #0256ff;
}
.centershop .el-switch.is-disabled {
  opacity: 0.6;
}
.centershop .el-switch--wide .el-switch__label.el-switch__label--left span {
  left: 10px;
}
.centershop .el-switch--wide .el-switch__label.el-switch__label--right span {
  right: 10px;
}
.centershop .el-switch .label-fade-enter,
.centershop .el-switch .label-fade-leave-active {
  opacity: 0;
}

.centershop .el-switch .el-switch__core,
.centershop .el-switch .el-switch__label {
  width: 60px !important;
  font-size: 12px !important;
}

.centershop .el-switch__label--left {
  z-index: 1;
  left: 23px !important;
  font-size: 12px !important;
}
/*显示文字*/
.centershop .el-switch__label.is-active {
  display: block !important;
  color: #fff !important;
  font-size: 12px !important;
}

/*关闭时文字位置设置*/
.centershop .el-switch__label--left {
  z-index: 1;
  left: 23px !important;
  font-size: 12px !important;
}
.centershop .el-switch__label--right {
  z-index: 1;
  font-size: 12px !important;
}

.centershop .el-switch__core:after {
  top: 1px !important;
  left: 2px;
}
.centershop .el-switch__label {
  position: absolute;
  display: none !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 20px !important;
}
.centershop .el-switch.is-checked .el-switch__core::after {
  left: 100%;
  margin-left: -18px;
}

.centershop .el-switch {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
}

.centershop .el-switch__label * {
    font-size: 12px !important;
}

.centershop .el-main a,  a {
    color: #0a77f5;
    cursor: pointer;
    text-decoration: none;
}

.padBox {
    padding: 25px 35px !important;
} 

.centershop  .el-table {
    .el-table__header-wrapper,
    .el-table__fixed-header-wrapper {
      th {
        word-break: break-word;
        height: 48px;
        background: #ebf1fe !important;
        color: #515a6e;
        font-size: 12px;
        font-weight: 500;
      }
    }
  }

.mt20 {
    margin-top: 20px !important;
}

.centershop .el-dropdown {
    font-size: 12px !important;
}
 
.centershop .el-dialog__header {
    display: none !important;
} 

 
.centershop {
  .el-dialog__body {
    max-height: none !important;
  }
}


.mb20 {
  margin-bottom: 20px !important;
}
.mr10 {
    margin-right: 10px !important;
}
.mt15{
  margin-top: 15px;
}
.cameraIconfont {
    color: #898989;
    font-size: 26px;
}
.upload-form {
    min-width: 900px;
    /* max-height: 620px;
    overflow-y: auto; */
}

.selWidth {
    width: 240px !important;
}

.acea-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.acea-row.row-right {
    -webkit-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.ml30 {
  margin-left: 30px!important;
}
 

.upLoadPicBox .pictrue img {
    width: 100%;
    height: 100%;
}
.pictrue {
    width: 60px;
    height: 60px;
    border: 1px dotted rgba(0, 0, 0, .1);
    margin-right: 10px;
    position: relative;
    cursor: pointer;
}

.createproduct .el-table .el-table__cell.is-center {
    text-align: left;
}

.createproduct .el-upload {
  margin-bottom: 0px!important;
}

/* 采购管理相关样式 */
.gooodslineError .el-form-item__error{
  display:none !important;
}

.gooodsTableRow{
  width: 99%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gooodsTableRowImg{
  text-align: center;
  line-height: 18px;
}
table .gooodsTableRowImg .el-image, table .gooodsTableRowImg img{
  width: 18px !important; 
  height: 18px !important; 
}
.gooodsTableRowTxt{
  width: calc(100% - 30px);
  line-height: 23px;
}
.gooodsTableRowhover:hover{
  cursor: pointer;
}
.gooodsTableRowhover:hover{
  color: #0766be;
}

.stockboxMain .el-input .el-input__inner{
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
}
.stockboxMain .el-input.is-disabled .el-input__inner {
  background-color: rgba(255, 255, 255, 0) !important;
  color: #606266 !important;
}
.stockboxMain .el-textarea .el-textarea__inner{
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
}
.stockboxMain .el-textarea.is-disabled .el-textarea__inner{
  background-color: rgba(255, 255, 255, 0) !important;
  color: #606266 !important;
}
.stockboxMain .el-date-editor.el-input,.stockboxMain .el-date-editor.el-input__inner{
  width:100% !important;
}

.menuinfonamenew{
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
  color: #000;
  font-size: 18px;
}

.storeTable table .el-image, .storeTable table img{
  width:18px !important;
  height:18px !important;
}

.stockTableHeaderTh th.el-table__cell{
  background: #eef1f6 !important; 
  color: #515a6e !important; 
  padding: 10px 0 !important;
}

.stockTableHeaderTh .el-button--mini{
  padding: 5px 7px !important;
}

/* .stockTableHeaderTh th.el-table__cell > .cell {
    white-space: nowrap !important;
} */

.stockcolorblue{
  color: #0051bf;
}
.stockcolorlightblue{
  color: #00b6ce;
}
.stockcolororange{
  color: #ffb006;
}
.stockcolorred{
  color: #ff0606;
}
.stockcolorgreen{
  color: #09b657;
}
.stockcolorpurple{
  color: #c403ff;
}
.goosTableTdLink{ 
  color: #3f60d9 !important; 
  cursor: pointer;
}

.modelBgDialog{
  background: rgba(0, 0, 0, 0.3);
}
.modelBgDialog .el-dialog__body {
  border-top: 1px solid #f5f5f5;
}

/*input :disabled 鼠标禁用样式*/
.notDisable .el-input.is-disabled .el-input__inner,.notDisable .el-textarea.is-disabled .el-textarea__inner{
  cursor: auto !important;
}

/* 采购管理相关样式--end */
.form-label-xing{
    color: #F56C6C;
    margin-right: 4px;
}
.form-item-label .el-form-item__label{
  line-height: 20px !important;
}

.form-item-100,
.form-item-100 .el-cascader,
.form-item-100 .el-select,
.form-item-100 .el-input {
  width: 100% !important;
}

/* layout 布局gmgmnew2025 */
.cjinputline{
  width: 100%;
  flex-wrap: wrap;
  display: flex;
}
.cjinputline .el-col{
  min-width: 330px;
}
.el-drawer .cjinputline .el-col{
  width: 50% ;
}
.el-drawer .cjinputline .item100{
  width: 100% ;
}