.top[data-v-4d3598d4] {
  /*display: flex;*/
  /*justify-content: space-between;*/
  padding: 5px 0;
}
.top ul[data-v-4d3598d4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.top ul li[data-v-4d3598d4] {
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #666;
  font-size: 13px;
  border: 1px solid #ddd;
  cursor: pointer;
}
.top ul li[data-v-4d3598d4]:first-child {
  border-right: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.top ul li[data-v-4d3598d4]:last-child {
  border-left: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.top ul li.active[data-v-4d3598d4] {
  color: #fff;
  background-color: #2A97F9;
  border-color: #2A97F9;
}
.el-row .el-col.el-col-8[data-v-4d3598d4] {
  padding: 15px 15px 0 15px;
  position: relative;
}
.el-row .el-col.el-col-8 .detail[data-v-4d3598d4] {
  background-color: #E9F3FD;
  border: 1px solid #fff;
}
.el-row .el-col.el-col-8 .detail .the-content[data-v-4d3598d4] {
  height: 250px;
  border: 0;
  font-size: 0.2em;
  overflow: hidden;
  -webkit-transform: scale(0.5) translateX(0) translateY(0);
          transform: scale(0.5) translateX(0) translateY(0);
}
.el-row .el-col.el-col-8 .detail .the-content img[data-v-4d3598d4] {
  width: 100%;
  height: 100%;
}
.el-row .el-col.el-col-8 .detail .my-title[data-v-4d3598d4] {
  padding-top: 10px;
  background-color: #fff;
}
.el-row .el-col.el-col-8 .detail[data-v-4d3598d4]:hover {
  border-color: #63b0ff;
}
.operate-select[data-v-4d3598d4] {
  width: 150px;
  margin-right: 10px;
}
.add-product[data-v-4ce0eac2] {
  height: calc(100% - 20px);
  padding: 10px;
  overflow-y: auto;
  background-color: #fff;
}
.add-product .litter-title[data-v-4ce0eac2] {
  padding: 0 27px;
  line-height: 35px;
  font-size: 14px;
  color: #3399F6;
  background-color: #E9F3FE;
  margin-bottom: 20px;
}
.add-product .form-info .el-cascader[data-v-4ce0eac2],
.add-product .form-info .el-input[data-v-4ce0eac2],
.add-product .form-info .el-select[data-v-4ce0eac2] {
  width: 220px;
}
.add-product .form-info i.iconBtn[data-v-4ce0eac2] {
  margin-left: 15px;
  vertical-align: text-bottom;
  font-size: 23px;
  color: #ddd;
  cursor: pointer;
}
.dialogProduct[data-v-4ce0eac2] {
  font-size: 13px;
}
.dialogProduct .grid_item[data-v-4ce0eac2] {
  margin: 5px;
}
.dialogProduct .grid_item .el-input[data-v-4ce0eac2],
.dialogProduct .grid_item .el-select[data-v-4ce0eac2],
.dialogProduct .grid_item .el-cascader[data-v-4ce0eac2] {
  width: 295px;
}
.dialogProduct .grid_item .label_item[data-v-4ce0eac2] {
  margin-right: 10px;
  position: relative;
}
.dialogProduct .grid_item .label_item b[data-v-4ce0eac2] {
  position: absolute;
  left: -8px;
  top: 2px;
  color: red;
}
.dialogProduct .grid_item .grid_title[data-v-4ce0eac2] {
  background-color: #E9F3FD;
  padding: 10px;
  border-radius: 5px;
}
.dialogProduct .grid_item .grid_content[data-v-4ce0eac2] {
  border: 1px solid #ddd;
  border-radius: 10px;
  height: 300px;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px;
  overflow-y: auto;
  overflow-x: hidden;
}
.dialogProduct .grid_item .grid_content .product_item[data-v-4ce0eac2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5px 0;
}
.dialogProduct .grid_item .grid_content .product_item .product_img[data-v-4ce0eac2] {
  width: 60px;
  height: 60px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
}
.dialogProduct .grid_item .grid_content .product_item .item_title[data-v-4ce0eac2] {
  font-size: 13px;
  color: #666;
}
.dialogProduct .grid_item .grid_content .product_item .item_message[data-v-4ce0eac2] {
  margin-top: 5px !important;
  color: red;
  font-size: 12px;
}
.dialogProduct .grid_item .grid_content .product_item .item-right[data-v-4ce0eac2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid rgba(221, 221, 221, 0.4117647059);
}
.dialogProduct .grid_item .grid_content .product_item .item-right .right-detail[data-v-4ce0eac2] {
  position: relative;
  width: calc(100% - 70px);
}
.dialogProduct .grid_item .grid_content .product_item .item-right .right-detail p[data-v-4ce0eac2] {
  width: calc(100% - 30px);
}
.dialogProduct .grid_item .grid_content .product_item .item-right .remove_btn[data-v-4ce0eac2] {
  position: absolute;
  top: 5%;
  right: 0;
  color: rgba(43, 38, 38, 0.5803921569);
  cursor: pointer;
}
.dialogProduct .grid_item .grid_content .product_item .item-right[data-v-4ce0eac2]:hover {
  border-bottom-color: #409EFF;
}
.anchorPoint[data-v-4ce0eac2] {
  position: fixed;
  top: 50%;
  right: 20px;
  padding: 10px !important;
  background: #ddd;
  z-index: 2;
  font-size: 13px;
}
.anchorPoint li[data-v-4ce0eac2] {
  padding: 5px 0;
  cursor: pointer;
}
.anchorPoint li.active[data-v-4ce0eac2] {
  color: #2A97F9;
}
.item_message[data-v-4ce0eac2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}
.DialogNickname .el-dialog__body .el-checkbox-group {
  margin-top: 15%;
  text-align: center;
}
.DialogNickname .el-dialog__body .el-checkbox-group .el-checkbox {
  margin-right: 43px;
}
.box[data-v-28d9f4ac] {
  text-align: center;
}
.box .local-btn[data-v-28d9f4ac] {
  height: 100px;
  line-height: 100px;
}
.box .local-btn .el-button[data-v-28d9f4ac] {
  margin-bottom: 20px;
}
.box .drop-zoom[data-v-28d9f4ac] {
  margin: 0 25px !important;
  /*border-top: 1px solid #f5f5f5;*/
  height: 200px;
  line-height: 200px;
  border-top: 1px transparent solid;
  -o-border-image: linear-gradient(to right, #ddd, #666, #ddd) 1 10;
     border-image: -webkit-gradient(linear, left top, right top, from(#ddd), color-stop(#666), to(#ddd)) 1 10;
     border-image: linear-gradient(to right, #ddd, #666, #ddd) 1 10;
}
.box-file .top[data-v-28d9f4ac] {
  padding-top: 10px;
  padding-bottom: 20px;
}
.box-file .top span[data-v-28d9f4ac] {
  margin-left: 30px;
  font-size: 14px;
  color: #666;
}
.box-file ul[data-v-28d9f4ac] {
  height: 278px;
  padding: 5px 0 0 0 !important;
  overflow-y: auto;
  border: 1px solid #ddd;
  border-radius: 10px;
}
.box-file ul li[data-v-28d9f4ac] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.box-file ul li img[data-v-28d9f4ac] {
  width: 32px;
  height: 32px;
}
.box-file ul li .desc[data-v-28d9f4ac] {
  padding: 0 10px;
  width: calc(100% - 40px);
  color: #999;
}
.box-file ul li .desc h1[data-v-28d9f4ac] {
  font-weight: normal;
  font-size: 12px;
  width: 80%;
}
.box-file ul li .desc h1 span[data-v-28d9f4ac] {
  color: #000;
}
.box-file ul li .desc p span[data-v-28d9f4ac] {
  font-size: 12px;
}
.box-file ul li .desc p .error[data-v-28d9f4ac] {
  font-size: 12px;
  color: red;
}
.box-file ul li .desc i.iconfont[data-v-28d9f4ac] {
  position: absolute;
  right: 5px;
  top: 12px;
  font-size: 22px;
  color: lightgreen;
}
.box-file ul li .desc i.iconfont.icon-shanchu1[data-v-28d9f4ac] {
  color: #ddd;
}
.text[data-v-28d9f4ac] {
  position: absolute;
  bottom: 70px;
  font-size: 12px;
  color: red;
}
.quick-btn[data-v-5bafd51d] {
  padding: 0 10px;
  border-radius: 5px;
  color: rgba(35, 35, 35, 0.9098039216);
  background-color: #F1F1F1;
  margin-bottom: 10px;
}
.quick-btn ul[data-v-5bafd51d] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.quick-btn ul li[data-v-5bafd51d] {
  font-size: 13px;
  margin-right: 12px;
  cursor: pointer;
  position: relative;
  line-height: 40px;
}
.quick-btn ul li .origin[data-v-5bafd51d] {
  position: absolute;
  bottom: -67px;
  left: -21px;
  cursor: pointer;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 6px 4px rgba(4, 0, 0, 0.1);
          box-shadow: 0 4px 6px 4px rgba(4, 0, 0, 0.1);
  z-index: 9999999;
}
.quick-btn ul li .origin p[data-v-5bafd51d] {
  line-height: 30px;
  font-size: 13px;
  color: #232323;
  width: 100px;
  text-align: center;
  background-color: #fff;
}
.quick-btn ul li .origin p[data-v-5bafd51d]:hover {
  background-color: #E9F3FD;
}
.quick-btn ul li b[data-v-5bafd51d] {
  font-weight: normal;
  margin-left: 12px;
}
.quick-btn ul .sign[data-v-5bafd51d] {
  position: relative;
}
.quick-btn ul .sign .menu[data-v-5bafd51d] {
  position: absolute;
  top: -100%;
  left: -54%;
  width: 125px;
  -webkit-box-shadow: 0 6px 9px 1px rgba(4, 0, 0, 0.1);
          box-shadow: 0 6px 9px 1px rgba(4, 0, 0, 0.1);
  border-radius: 10px;
}
.quick-btn ul .sign .menu p[data-v-5bafd51d] {
  text-align: center;
  line-height: 30px;
}
.quick-btn ul .sign .menu .active[data-v-5bafd51d] {
  background-color: #E9F3FD;
  color: #2A97F9;
}