.main[data-v-c21121a4] {
  padding-bottom: 30px;
}
.main .nav[data-v-c21121a4] {
  line-height: 25px;
  padding: 10px 20px;
}
.mask-drag .avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.mask-drag .avatar-uploader .el-upload:hover {
  border-color: #409eff;
}
.mask-drag .avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
  display: block;
}
.mask-drag .avatar {
  width: 178px;
  height: 178px;
  display: block;
  border: 1px solid #f1f1f1;
}
.mask-drag .from {
  background: #f1f1f1;
  padding-top: 10px;
}
.mask-drag .from .el-form-item {
  margin-bottom: 8px;
}
.mask-drag .from p {
  text-align: left;
  padding-left: 30px;
  line-height: 40px;
}
.mask-drag .avatar-uploader,
.mask-drag .avatar-uploader .el-image,
.mask-drag .avatar-uploader-icon,
.mask-drag .avatar {
  width: 178px;
  height: 178px;
}
.mask-drag .mask-drag-outer {
  width: 800px;
  overflow: hidden;
  border: 1px solid #f1f1f1;
  box-sizing: content-box;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
}
.mask-drag .mask-drag-outer .drag-inner {
  position: relative;
  z-index: 3;
}
.mask-drag .mask-drag-outer .mask-drag-bg {
  pointer-events: none;
  display: block;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}
.add-case .avatar-uploader[data-v-7559f990] {
  width: 200px;
  height: 200px;
}
.add-case .avatar-uploader .avatar[data-v-7559f990],
.add-case .avatar-uploader .avatar-uploader-icon[data-v-7559f990] {
  width: 200px;
  height: 200px;
  line-height: 200px;
  font-size: 28px;
  color: #8c939d;
  text-align: center;
  border: 1px dashed #d9d9d9 !important;
  background: #ffffff;
}
.add-case .uploadImg[data-v-7559f990] {
  display: flex;
  line-height: 36px;
  font-size: 14px;
}
.add-case .uploadImg .photoNum[data-v-7559f990] {
  font-weight: bold;
}
.add-case .uploadImg .photoNum em[data-v-7559f990] {
  font-style: normal;
  color: #ff0000;
}
.add-case .uploadImg .input-fileup[data-v-7559f990] {
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  overflow: hidden;
  position: relative;
  /*background: #409EFF;*/
  color: #ffffff;
  border: 1px solid #dcdfe6;
  text-decoration: none;
  display: block;
  margin: 0 15px 0 5px;
  border-radius: 3px;
  color: #666666;
}
.add-case .uploadImg .input-fileup input[data-v-7559f990] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.add-case .pickAlbumPreListO[data-v-7559f990] {
  width: 100%;
  background: #f1f1f1;
  /*height: 224px;*/
}
.add-case .pickAlbumPreListO .tipsCon[data-v-7559f990] {
  text-align: center;
  color: #999999;
}
.add-case .pickAlbumPreList[data-v-7559f990] {
  display: table;
  margin: 0;
  padding: 0;
  /*height: 174px;*/
}
.add-case .pickAlbumPreList li[data-v-7559f990] {
  width: 110px;
  padding: 10px;
  box-sizing: border-box;
  /*height: 140px;*/
  display: block;
  float: left;
  margin: 5px;
  position: relative;
  font-size: 12px;
  text-align: center;
}
.add-case .pickAlbumPreList li .name[data-v-7559f990] {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: rgb(0, 0, 0);
  color: #ffffff;
  font-size: 12px;
  padding: 5px 12px;
  line-height: 14px;
}
.add-case .pickAlbumPreList li img[data-v-7559f990],
.add-case .pickAlbumPreList li .el-image[data-v-7559f990] {
  display: block;
  width: 90px;
  height: 90px;
  border: 1px solid #d6d6d6;
}
.add-case .pickAlbumPreList li i.el-icon-close[data-v-7559f990] {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  background: #409eff;
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
}
.add-case .pickAlbumPreList li .btnchang[data-v-7559f990] {
  display: flex;
  margin-top: 10px;
  align-items: center;
  align-content: center;
}
.add-case .pickAlbumPreList li .sizeImg[data-v-7559f990] {
  color: #ff0000;
}
.add-case .pickAlbumPreList li button[data-v-7559f990] {
  width: 40px;
  margin: 0 auto;
  padding: 0;
  height: 28px;
}
.add-case .pickAlbumPreList li:hover i.el-icon-close[data-v-7559f990] {
  display: block;
}
.add-case .pickAlbumPreList li i.el-icon-picture[data-v-7559f990] {
  width: 90px;
  height: 90px;
  display: block;
  text-align: center;
  line-height: 90px;
  border: 1px solid #e1e1e1;
  font-size: 20px;
  border-radius: 4px;
  background: #fff;
}
.upload-img[data-v-7559f990] {
  width: 180px;
  height: 250px;
}
.upload-img .avatar1[data-v-7559f990],
.upload-img .avatar-uploader-icon1[data-v-7559f990] {
  width: 180px;
  height: 250px;
  line-height: 250px;
  font-size: 28px;
  color: #8c939d;
  text-align: center;
  border: 1px dashed #d9d9d9 !important;
  background: #ffffff;
}
.selectedM[data-v-7559f990] {
  float: left;
  width: 120px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #dcdfe6;
  text-align: center;
  margin-top: 4px;
  position: relative;
  border-radius: 4px;
}
.selectedM input[data-v-7559f990] {
  width: 100% !important;
  height: 32px;
  font-size: 12px;
}
.text-manage-pop[data-v-3fb02d22] .el-dialog__body {
  color: #000;
}
.template-frame-num[data-v-65eacbf4] {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
}
.template-frame-num li[data-v-65eacbf4] {
  background: #e7e3e3;
  margin: 4px 4px 0 0;
  padding: 0 3px;
  height: 16px;
  line-height: 16px;
}
.template-frame-num li.cur[data-v-65eacbf4] {
  background: #ff0000;
  color: #ffffff;
}
.nav[data-v-65eacbf4] {
  box-shadow: 0 0 5px #cccccc;
  padding: 15px 20px;
}
.nav .nav-li1[data-v-65eacbf4] {
  height: 40px;
}
.nav .nav-li1 .nav-li1-li[data-v-65eacbf4] {
  float: left;
  margin-right: 30px;
  width: 180px;
}
.nav .nav-li1 .nav-li1-li p[data-v-65eacbf4] {
  line-height: 25px;
  font-size: 14px;
}
.nav .nav-sect[data-v-65eacbf4] {
  max-height: 236px;
  overflow: auto;
  border: 1px solid #e4e1e2;
}
.nav .nav-sect .nav-sect-li[data-v-65eacbf4] {
  border-bottom: 1px solid #e4e1e2;
  width: 100%;
  display: flex;
  align-items: stretch;
  min-height: 40px;
}
.nav .nav-sect .nav-sect-li-title[data-v-65eacbf4] {
  width: 150px;
  display: table-cell;
  display: inline-block;
  align-items: center;
  justify-content: center;
  line-height: 100%;
  font-size: 14px;
  color: #606266;
  display: flex;
  background: #eeeeee;
}
.nav .nav-sect .nav-sect-li-content[data-v-65eacbf4] {
  display: inline-block;
  padding: 10px 20px;
  width: calc(100vw - 420px);
}
.nav .nav-sect .nav-sect-li-content span[data-v-65eacbf4] {
  margin: 0 20px;
  line-height: 25px;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
}
.nav .nav-sect .nav-sect-li-content p[data-v-65eacbf4] {
  text-align: center;
  line-height: 25px;
  font-size: 14px;
  color: #606266;
}
.table[data-v-65eacbf4] {
  margin-top: 10px;
}
.table .btnImg[data-v-65eacbf4] {
  cursor: pointer;
  margin-right: 15px;
  display: inline-block;
  text-align: center;
}
.table .btnImg img[data-v-65eacbf4] {
  width: 26px;
  height: 26px;
  display: block;
  margin: auto;
}
.table .btnImg p[data-v-65eacbf4] {
  text-align: center;
  font-size: 12px;
  color: rgb(104, 102, 102);
}
.table .btn[data-v-65eacbf4] {
  margin-right: 10px;
  cursor: pointer;
}
.table .btn[data-v-65eacbf4]:hover {
  color: aqua;
}
.table .tableAllImg[data-v-65eacbf4] {
  width: 100px;
  box-shadow: 3px 1px 3px 2px #d8d8d8;
  /* border: 1px solid #a3a1a1; */
  margin-right: 20px;
}
.table .tableAllImg[data-v-65eacbf4]:last-child {
  margin-right: 0;
}
.shareShopping .from {
  padding: 20px 30px;
}
.shareShopping .el-form-item {
  margin: 0;
}
.nav[data-v-11478b1a] {
  box-shadow: 0 0 5px #cccccc;
  padding: 15px 20px;
}
.nav .nav-li1[data-v-11478b1a] {
  height: 40px;
}
.nav .nav-li1 .nav-li1-li[data-v-11478b1a] {
  float: left;
  margin-right: 30px;
  width: 200px;
}
.nav .nav-li1 .nav-li1-li p[data-v-11478b1a] {
  line-height: 25px;
  font-size: 14px;
}
.nav .nav-sect[data-v-11478b1a] {
  max-height: 186px;
  overflow: auto;
  border: 1px solid #e4e1e2;
}
.nav .nav-sect .nav-sect-li[data-v-11478b1a] {
  border-bottom: 1px solid #e4e1e2;
  width: 100%;
  display: flex;
  align-items: stretch;
}
.nav .nav-sect .nav-sect-li-title[data-v-11478b1a] {
  width: 150px;
  display: table-cell;
  display: inline-block;
  align-items: center;
  justify-content: center;
  line-height: 100%;
  font-size: 14px;
  color: #606266;
  display: flex;
  background: #eeeeee;
}
.nav .nav-sect .nav-sect-li-content[data-v-11478b1a] {
  display: inline-block;
  padding: 10px 20px;
  width: calc(100vw - 420px);
}
.nav .nav-sect .nav-sect-li-content span[data-v-11478b1a] {
  margin: 0 20px;
  line-height: 25px;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
}
.nav .nav-sect .nav-sect-li-content p[data-v-11478b1a] {
  text-align: center;
  line-height: 25px;
  font-size: 14px;
  color: #606266;
}
.table-nav[data-v-11478b1a] {
  margin: 20px 0 0;
  height: 50px;
  padding: 10px;
  box-sizing: border-box;
  background: #e4f0fc;
}
.table-nav .table-nav-li[data-v-11478b1a] {
  width: 200px;
  float: left;
  text-align: left;
  margin-right: 40px;
  font-size: 14px;
  line-height: 30px;
}
.table-nav .table-nav-liM[data-v-11478b1a] {
  width: 280px;
  float: right;
  margin-right: 0;
}
.table-nav .table-nav-liM span[data-v-11478b1a] {
  width: 120px;
  height: 30px;
  border: 1px solid #eeeeee;
  text-align: center;
  color: #666666;
  background: #ffffff;
  border-radius: 15px;
  display: inline-block;
  cursor: pointer;
  margin-left: 10px;
}
.table-nav .table-nav-liM span[data-v-11478b1a]:hover {
  background: #33cccc;
  color: #ffffff;
  border: 1px solid #33cccc;
}
.table-nav .table-nav-liM .spans[data-v-11478b1a] {
  background: #33cccc;
  color: #ffffff;
  border: 1px solid #33cccc;
}
.table[data-v-11478b1a] {
  /*margin-top: 10px;*/
}
.table .btnImg[data-v-11478b1a] {
  cursor: pointer;
  margin-right: 15px;
  display: inline-block;
}
.table .btnImg img[data-v-11478b1a] {
  width: 26px;
  height: 26px;
  display: block;
  margin: auto;
}
.table .btnImg p[data-v-11478b1a] {
  text-align: center;
  font-size: 12px;
  color: rgb(104, 102, 102);
}
.table .btn[data-v-11478b1a] {
  margin-right: 10px;
  cursor: pointer;
}
.table .btn[data-v-11478b1a]:hover {
  color: aqua;
}
.table .tableAllImg[data-v-11478b1a] {
  width: 100px;
  margin-right: 20px;
}
.table .tableAllImg[data-v-11478b1a]:last-child {
  margin-right: 0;
}
#q[data-v-32b37397] {
  border-radius: 50%;
  border: 1px solid #eee;
  box-shadow: 0 0 6px rgb(163, 161, 161);
  font-size: 32px;
  pointer-events: none;
  line-height: 100px;
  text-align: center;
}
.box p[data-v-32b37397] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.template-frame-num[data-v-89aa82da] {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
}
.template-frame-num li[data-v-89aa82da] {
  background: #e7e3e3;
  margin: 4px 4px 0 0;
  padding: 0 3px;
  height: 16px;
  line-height: 16px;
}
.template-frame-num li.cur[data-v-89aa82da] {
  background: #ff0000;
  color: #ffffff;
}
.nav[data-v-89aa82da] {
  box-shadow: 0 0 5px #cccccc;
  padding: 15px 20px;
}
.nav .nav-li1[data-v-89aa82da] {
  height: 40px;
}
.nav .nav-li1 .nav-li1-li[data-v-89aa82da] {
  float: left;
  margin-right: 30px;
  width: 200px;
}
.nav .nav-li1 .nav-li1-li p[data-v-89aa82da] {
  line-height: 25px;
  font-size: 14px;
}
.nav .nav-sect[data-v-89aa82da] {
  max-height: 236px;
  overflow: auto;
  border: 1px solid #e4e1e2;
}
.nav .nav-sect .nav-sect-li[data-v-89aa82da] {
  border-bottom: 1px solid #e4e1e2;
  width: 100%;
  display: flex;
  align-items: stretch;
}
.nav .nav-sect .nav-sect-li-title[data-v-89aa82da] {
  width: 150px;
  display: table-cell;
  display: inline-block;
  align-items: center;
  justify-content: center;
  line-height: 100%;
  display: flex;
  background: #eeeeee;
  font-size: 14px;
  color: #606266;
}
.nav .nav-sect .nav-sect-li-content[data-v-89aa82da] {
  display: inline-block;
  padding: 10px 20px;
  width: calc(100vw - 420px);
}
.nav .nav-sect .nav-sect-li-content span[data-v-89aa82da] {
  margin: 0 20px;
  line-height: 25px;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
}
.nav .nav-sect .nav-sect-li-content p[data-v-89aa82da] {
  text-align: center;
  line-height: 25px;
  font-size: 14px;
  color: #606266;
}
.table[data-v-89aa82da] {
  margin-top: 10px;
}
.table .btnImg[data-v-89aa82da] {
  cursor: pointer;
  margin-right: 15px;
  display: inline-block;
}
.table .btnImg img[data-v-89aa82da] {
  width: 26px;
  height: 26px;
  display: block;
  margin: auto;
}
.table .btnImg p[data-v-89aa82da] {
  text-align: center;
  font-size: 12px;
  color: rgb(104, 102, 102);
}
.table .btn[data-v-89aa82da] {
  margin-right: 10px;
  cursor: pointer;
}
.table .btn[data-v-89aa82da]:hover {
  color: aqua;
}
.table .tableAllImg[data-v-89aa82da] {
  width: 100px;
  box-shadow: 3px 1px 3px 2px #d8d8d8;
  /* border: 1px solid #a3a1a1; */
  margin-right: 20px;
}
.table .tableAllImg[data-v-89aa82da]:last-child {
  margin-right: 0;
}
.template-frame-num[data-v-7e982cd2] {
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
}
.template-frame-num li[data-v-7e982cd2] {
  background: #e7e3e3;
  margin: 4px 4px 0 0;
  padding: 0 3px;
  height: 16px;
  line-height: 16px;
}
.template-frame-num li.cur[data-v-7e982cd2] {
  background: #ff0000;
  color: #ffffff;
}
.nav[data-v-7e982cd2] {
  box-shadow: 0 0 5px #cccccc;
  padding: 15px 20px;
}
.nav .nav-li1[data-v-7e982cd2] {
  height: 40px;
}
.nav .nav-li1 .nav-li1-li[data-v-7e982cd2] {
  float: left;
  margin-right: 30px;
  width: 200px;
}
.nav .nav-li1 .nav-li1-li p[data-v-7e982cd2] {
  line-height: 25px;
  font-size: 14px;
}
.nav .nav-sect[data-v-7e982cd2] {
  max-height: 236px;
  overflow: auto;
  border: 1px solid #e4e1e2;
}
.nav .nav-sect .nav-sect-li[data-v-7e982cd2] {
  border-bottom: 1px solid #e4e1e2;
  width: 100%;
  display: flex;
  align-items: stretch;
}
.nav .nav-sect .nav-sect-li-title[data-v-7e982cd2] {
  width: 150px;
  display: table-cell;
  display: inline-block;
  align-items: center;
  justify-content: center;
  line-height: 100%;
  display: flex;
  background: #eeeeee;
  font-size: 14px;
  color: #606266;
}
.nav .nav-sect .nav-sect-li-content[data-v-7e982cd2] {
  display: inline-block;
  padding: 10px 20px;
  width: calc(100vw - 420px);
}
.nav .nav-sect .nav-sect-li-content span[data-v-7e982cd2] {
  margin: 0 20px;
  line-height: 25px;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
}
.nav .nav-sect .nav-sect-li-content p[data-v-7e982cd2] {
  text-align: center;
  line-height: 25px;
  font-size: 14px;
  color: #606266;
}
.table[data-v-7e982cd2] {
  margin-top: 10px;
}
.table .btnImg[data-v-7e982cd2] {
  cursor: pointer;
  margin-right: 15px;
  display: inline-block;
  text-align: center;
}
.table .btnImg img[data-v-7e982cd2] {
  width: 26px;
  height: 26px;
  display: block;
  margin: auto;
}
.table .btnImg p[data-v-7e982cd2] {
  text-align: center;
  font-size: 12px;
  color: rgb(104, 102, 102);
}
.table .btn[data-v-7e982cd2] {
  margin-right: 10px;
  cursor: pointer;
}
.table .btn[data-v-7e982cd2]:hover {
  color: aqua;
}
.table .tableAllImg[data-v-7e982cd2] {
  width: 100px;
  box-shadow: 3px 1px 3px 2px #d8d8d8;
  /* border: 1px solid #a3a1a1; */
  margin-right: 20px;
}
.table .tableAllImg[data-v-7e982cd2]:last-child {
  margin-right: 0;
}

.templateList[data-v-98a69356] {
  position: relative;
}
.templateList .addBtn[data-v-98a69356] {
  position: absolute;
  top: 4px;
  left: 340px;
}
.templateList .el-tabs__item.is-active[data-v-98a69356] {
  background: #ffffff;
}