.main[data-v-1e46fe2b] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main .mu-page-main[data-v-1e46fe2b] {
  overflow: visible;
  width: calc(100% - 93px);
  height: auto;
  padding-bottom: 10px;
  margin: 0 50px;
  padding: 0px;
}
.main .retract[data-v-1e46fe2b] {
  height: 100px;
  width: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABkCAYAAACPQLC2AAAAAXNSR0IArs4c6QAAAxRJREFUWAml2U9IFFEcB/Dvb3Y3wv5ARlCBHqJD4CVsbT14KSILunQp0A6dCgI1KwwJYgkqkkoyEOrWIYtOHSIqgoI6uLpJHYQOnRQqKAz6Y+HuzK95Mz132Hb+vd8cfOPs+378znvD6iIwMHUEgsMCO+MYnN5iargA1sC2J1DkrAlieSFGAQvTF8wBXzmL/sldaRG/gUoxq9u5jeLsijRIDfBTW/Ht1ykJADjOOQzNbE6K1DdQudX4UxmRAGo9ejFQ7kqCNGrg57h6VQi4z8bJ0u44JLyBSto8LAOAPRgs5aOQ6AYqWY1uEQ+ADuJ0eVtYiwQAEyr2CQHgRhk9uFXONUISNFAxXo9Z+4AAUAYflQGg/eib2VCPJLwFFWN3DZZ6BYAbJTosA4CdGJxtDiIpbsGNqbc9e3GvOeAlnX0ygNHtNiGNpLsFL8Ub0V/eLgDcqMXdMoC5UwigXQaAW/RjbbCI/362VfFamAPADkWZAw4LASLvWTBvAG7FA86YA4wsXpU2mQNqBclqlQEgKeBIAWkDdlqEa4C1UqBJBhCFAzxWUDuN+tG7WPsSDtTmRJwxhABJAbCwAZP7q0p2LEqB3zKAIG4gBJgXCX2TLFjHl7I1AL7LALLmZQB4TghYUkDagJ05ow/c3rYTqugqfBKsAc3hENnmAPNb1cQcsOiNDACEgJObETSgedxs/yIA/PrmgEUlFVaH2S4QnvhxI4A+Y7TjnTlAeOp+dlp+FzO4BWu5fvo1IHKQaXqm66cHgCmMti0IALofDKdsQBVwdsIcIDzWj28QSbMLd4JBfZ4MIPqKtswjHQqOyQDgHo7nK8GgPo8H1N7nMuM6UD/GA8wPcS3/vj6ov48HsnRZT240xgHPMVooNwrqa9EA4ZKeGDaGA4QSxjpfhAX19Qgge0ZPihobA0R3cSP/OiqoX2sE/MTK3JCeEDf+D1jWRYy0f4wL6tfrgQ9Yt+q6fjHJWAPUI0s4hmLbUpKgnhP4A4OuYKwQu206qEe/gdrz5o7z+mKa0XJr/0Am04MiVdMEa3OF/yL5C4EHwDeBon8wAAAAAElFTkSuQmCC);
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 1000;
}
.main .retract-full[data-v-1e46fe2b] {
  -webkit-animation: tofull-1e46fe2b 0.3s;
          animation: tofull-1e46fe2b 0.3s;
}
.main .retract-collapse[data-v-1e46fe2b] {
  -webkit-animation: tocollapse-1e46fe2b 0.3s;
          animation: tocollapse-1e46fe2b 0.3s;
  background-image: url(data:image/png;base64,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);
  background-size: 100%;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.4);
          box-shadow: 0 10px 20px 0 rgba(0,0,0,0.4);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 90%;
  left: 30px;
}
@-webkit-keyframes tofull-1e46fe2b {
0% {
    left: 0px;
    top: 90%;
}
100% {
    left: 250px;
    top: 50%;
}
}
@keyframes tofull-1e46fe2b {
0% {
    left: 0px;
    top: 90%;
}
100% {
    left: 250px;
    top: 50%;
}
}
@-webkit-keyframes tocollapse-1e46fe2b {
0% {
    left: 250px;
    top: 50%;
}
100% {
    left: 30px;
    top: 90%;
}
}
@keyframes tocollapse-1e46fe2b {
0% {
    left: 250px;
    top: 50%;
}
100% {
    left: 30px;
    top: 90%;
}
}

.kontfont {
  font-family: 'Avenir', "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
.kontfont-content {
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important;
}
.tags-view .home-tag {
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAAAyCAYAAAAk7zfCAAADWElEQVR4Xu2bPZITMRCF39PMQEBxAe8BCEgIuYS5ADnR5iRUYQJOAFXEcAVvSgrFRUxCRIbtmaE0f7alEdJImJ017WRtq1stfdPS08+a6F51Xd8D8ALAcwCPATzsy+RvQ6AC8APAFwDvSX7uuVC/qev6CsANgCcCLJjABwDXJCt2GfhNAAbDOzZ8S/KVhngN4F1UFeK0BfBIQ/wK4KnwiCbwUkP8KSISDVA7ftQQ66QqxPmTQExPgtcCMR3iUiCmQ1wIxDSIG5JXAjEN4prkM4GYBnFF8o1ATIO4JHkjENMgLkh+F4jxEBtR0e4CMR5iIyoCMR6g9mxERSCmQWxERSCmQWxERSDGQxxERSDGQxxERSDGQxxERSDGQxxERSDGQxxERSDGQTwRlQZiVdl3LGyu9AHr8sUwZWdo1jD4O25vgsvNTs4gPskTUekgVjXQUTOwuSD5H6BJr6+/93SVn34/x/jkYafS94ZV5YZowxqH7XoIl+hP4kRUjjLRn1utRVxGhUP2teP245M4EZWGSllWdT9HuQabq2u+Lpl+Vh53o/euxCe4Uao9/jp+sdTDOfb63jW6vfQ6g1B/31P0tT91FuqbS66Vao+/TiGWek40v+0++xrnG32x5alwY+P2fs74XGVZe/zlh5jaiAv1V4qWqOiucj+WiYEQZpswge2fapYpWqJiQ/Qt70KjxtYT62e2K7aeP/iR3GQjotJC3I/MiaGwptrd5dRVXOcjomJBnPoAffZ9ubkUcrH31Tc14f5mfHJcVBqIu31VT13vxYq5b6XR1zt1URCa4CnxCS7zvL1TsfqvIU4dlf+jfZ6Ni8qQiV4o9nGOsVAKHbDeSOMGtxxfi0qe2TuVvrHc7araPsSZOju11ZlbH1p7bQdE135wMA97SGeLT66LXFk7lQHidldGD+cekr1v9M1SvvKwjP1X8anUqhjZqRgQQ6fcc039846v6BaVZk5MycSwfLn7VkWuRncqh0zcHoazb1wfjqzazDF/veE69h/8PAHmGF8pbopcWcdfx6nBX9syeZ2Ymmup69SzxifX9wu3qDTDWUNMbcQl+yuqVVHYx19WJl4yhNS+ZUo5dyrDnDiWib5VYthdnX0jE9qhOcUvC7V40P33l6v9vwGnT4znfgu5MQAAAABJRU5ErkJggg==) !important;
  background-size: 100% 100%;
  border: none !important;
  width: 81px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2c2e34;
  margin-right: 6px !important;
}
.tags-view .mune-tag {
  display: inline-block;
  position: relative;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2c2e34;
  -webkit-transform: skewX(-11deg);
          transform: skewX(-11deg);
  border: none !important;
  border-radius: 6px 6px 0 0;
}
.tags-view .mune-tag span,
.tags-view .mune-tag .el-tag__close {
  display: inline-block;
  -webkit-transform: skewX(6deg) !important;
          transform: skewX(6deg) !important;
}
.tags-view .mune-tag span {
  padding: 0 5px;
}
.tags-view .mune-tag .el-tag__close {
  color: #a1a7b9;
  font-weight: 500;
  font-size: 16px;
  position: absolute;
  right: 3px;
  top: 3px;
}
.tags-handle .el-button--medium {
  padding: 12px 16px;
  border-radius: 0;
}
.tags-handle .icon-close {
  color: #2b2f48;
  background: #fff;
  padding: 5px;
  font-size: 16px;
}
.tags-inner .el-tag {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 6px 6px 0 0;
  cursor: pointer;
  border: 1px solid #dae0e6;
  color: #4c4c4c;
  margin: 10px 10px 10px 0px;
  font-size: 14px;
}
.tags-inner .el-icon-close {
  color: #4c4c4c;
  font-size: 10px;
}
.tags-inner .el-icon-error {
  background: #f7f6fc;
  color: #2c2f47;
}
.tags-inner .el-tag-active {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #3d80c4), to(#f4f6fc)) !important;
  background: linear-gradient(180deg, #3d80c4 50%, #f4f6fc 100%) !important;
  border-color: #3394d4;
  color: #fff;
  border-radius: 6px 6px 0 0;
}
.tags-inner .el-tag-active .el-icon-close {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: transparent;
}
.tags-inner .el-tag-active .el-icon-close:hover {
  background: none;
  color: #fff;
}
.tags-inner .el-icon-close:hover {
  background: none;
  color: #979797;
}
.tags-inner .el-tag-active .el-icon-close {
  color: #fff;
}

.kontfont[data-v-d516f6d0] {
  font-family: 'Avenir', "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}
.kontfont-content[data-v-d516f6d0] {
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important;
}
.tags-view[data-v-d516f6d0] {
  position: relative;
  z-index: 2;
  background: #f7f6fc;
  height: 56px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.tags-view .tags-outer[data-v-d516f6d0] {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 46px;
  background: #f4f6fc;
}
.tags-view .tags-handle[data-v-d516f6d0] {
  overflow: hidden;
  width: 60px;
  background: #f5f8fc;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  z-index: 10;
}
.tags-view .tags-handle .el-dropdown .el-button[data-v-d516f6d0] {
  padding: 12px 20px 12px 10px;
  height: 56px;
  font-size: 18px;
  color: #006eca;
  background: transparent;
  border: none;
}
.tags-view .tags-inner[data-v-d516f6d0] {
  height: 100%;
  overflow: visible;
  white-space: nowrap;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0px 45px 0 52px;
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
}

.tips-dialog .content-back {
  background: #f7f8fd;
  margin: 0 50px 30px 50px;
  max-height: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tips-dialog .content-back .zh-span {
  font-size: 26px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2c2e34;
  line-height: 26px;
}
.tips-dialog .content-back .en-span {
  font-size: 20px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2c2e34;
  line-height: 30px;
  display: inline-block;
  text-align: center;
}
.tips-dialog .el-dialog .dialog-header {
  padding-left: 70px;
  padding-right: 30px;
}
.tips-dialog .el-dialog .el-dialog__body {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.large-dialog .el-dialog__header,
.user-dialog .el-dialog__header,
.quotation-dialog .el-dialog__header,
.payee-Infomation .el-dialog__header {
  display: none;
}
.large-dialog .el-dialog,
.user-dialog .el-dialog,
.quotation-dialog .el-dialog,
.payee-Infomation .el-dialog {
  min-width: 980px;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
/*height:600px;*/
}
.large-dialog .el-dialog #dialog-content,
.user-dialog .el-dialog #dialog-content,
.quotation-dialog .el-dialog #dialog-content,
.payee-Infomation .el-dialog #dialog-content {
  max-height: 550px;
}
.large-dialog .el-dialog__body,
.user-dialog .el-dialog__body,
.quotation-dialog .el-dialog__body,
.payee-Infomation .el-dialog__body {
  padding: 30px;
}
.large-dialog .el-dialog__footer,
.user-dialog .el-dialog__footer,
.quotation-dialog .el-dialog__footer,
.payee-Infomation .el-dialog__footer {
  padding: 20px 50px 40px 50px;
  text-align: center;
}
.large-dialog #dialog-content,
.user-dialog #dialog-content,
.quotation-dialog #dialog-content,
.payee-Infomation #dialog-content {
  padding: 0 20px;
}
.large-dialog .dialog-headerNew,
.user-dialog .dialog-headerNew,
.quotation-dialog .dialog-headerNew,
.payee-Infomation .dialog-headerNew {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 25px 20px;
}
.large-dialog .dialog-headerNew i,
.user-dialog .dialog-headerNew i,
.quotation-dialog .dialog-headerNew i,
.payee-Infomation .dialog-headerNew i {
  color: #3d80c4;
  font-size: 30px;
  padding-right: 17px;
}
.large-dialog .dialog-headerNew .title,
.user-dialog .dialog-headerNew .title,
.quotation-dialog .dialog-headerNew .title,
.payee-Infomation .dialog-headerNew .title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 24px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000;
}
.large-dialog .dialog-headerNew .icon-close16,
.user-dialog .dialog-headerNew .icon-close16,
.quotation-dialog .dialog-headerNew .icon-close16,
.payee-Infomation .dialog-headerNew .icon-close16 {
  padding-right: 0;
  color: #2c2e34;
  font-size: 26px;
}
.large-dialog .dialog-headerNew .ELbutton,
.user-dialog .dialog-headerNew .ELbutton,
.quotation-dialog .dialog-headerNew .ELbutton,
.payee-Infomation .dialog-headerNew .ELbutton {
  min-width: 26px;
}
.large-dialog .el-form-item,
.user-dialog .el-form-item,
.quotation-dialog .el-form-item,
.payee-Infomation .el-form-item {
  margin-bottom: 20px;
}
.large-dialog .el-form-item .el-form-item__label,
.user-dialog .el-form-item .el-form-item__label,
.quotation-dialog .el-form-item .el-form-item__label,
.payee-Infomation .el-form-item .el-form-item__label {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2c2e34;
}
.icon-close16 {
  cursor: pointer;
}

.password-dialog .el-dialog {
  min-width: 580px;
}
.password-dialog .dialog-headerNew {
  padding-bottom: 40px !important;
}
.password-dialog .dialog-headerNew .el-button {
  display: none;
}
.el-input__suffix {
  cursor: pointer;
}
.eye-icon {
  font-size: 18px;
  color: #909399;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 20px;
  position: relative;
}
.eye-icon.is-closed::after {
  content: '';
  position: absolute;
  width: 18px;
  height: 2px;
  background-color: #909399;
  opacity: 0.85;
  top: 50%;
  left: 1px;
  -webkit-transform: translateY(-50%) rotate(40deg);
          transform: translateY(-50%) rotate(40deg);
  border-radius: 1px;
}