.btn.disabled, .btn:disabled, fieldset[disabled] {
  pointer-events: none;
}

#click-create[disabled] {
	color: #fff;
}

.l-h-175 {
  line-height: 1.75;
}

.ml8 {
  margin-left: 8px;
}

.not-allow-click {
  cursor: not-allowed;
  pointer-events: none;
}

.none {
  display: none;
}

.submit .btn.b-green:hover,
.submit .btn.b-green:focus,
.submit .btn.b-green:active {
  background: #00a13b;
  color: #fff !important;
}

.create-other.btn.btn-fw.btn-outline.b-green.text-green.white:focus {
  background: #00a13b;
  color: #fff !important;
}

.btn.btn-fw.btn-outline.b-green.text-green.white:focus {
  border-color: #00a13b;
  color: #00a13b !important;
  background-color: #fff;
}

/*左侧生码框*/

.qrgenerate-box {
}

/* 美化 popover */
.popover_link {
  position: relative;
}

/* .popover_link .top-mark-cover, */
.popover_link .top-mark {
  display: none;
  position: absolute;
  width: 10px;
  height: 10px;
  left: 56px;
  top: calc(100% - 3px);
  z-index: 0;
  transform: rotate(-45deg);
  background:rgba(255,255,255,1);
  box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.05);
}

/* .popover_link .top-mark-cover {
  z-index: 10;
} */

.popover_link .drop-down {
  position: absolute;
  left: -40%;
  top: calc(100% + 2px);
  padding: 0 16px;
  white-space: nowrap;
  height: 32px;
  background:rgba(255,255,255,1);
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05);
  line-height: 32px;
  text-align: center;
  border-radius: 2px;
  z-index: 1;
  font-size: 12px;
  color: #4A4A4A;
  display: none;
  cursor: default;
  transition: all .3s;
}

@media (min-width: 1440px) {
  .popover_link .drop-down {
    left: -20%;
  }

  .popover_link .top-mark {
    left: 71px; /*calc((325px - 10px * 2) / 2 / 2 - 5px) 5px为箭头偏差 */
  }
}

/* .popover_link .drop-down {
  right: -12px;
} */

.popover_link:hover .top-mark,
.popover_link:hover .top-mark-cover,
.popover_link:hover .drop-down {
  display: inline-block !important;
}

/*qrbox*/

.qrbox {
  position: relative;
  padding: 0;
  width: 30%;
  float: right;
  padding-left: 0 !important;
  padding-right: 0 !important;
  top: -1px;
  z-index: 3;
  /* margin-left: 10px; */
}

.static-qrcode-download-wrapper {
  display: none;
}

.hasQrCode.qrbox {
  height: 0;
  /* top: -37px; */
  z-index: 3;
}

.hasQrCode .static-qrcode-download-wrapper {
  display: block;
}

@media only screen and (max-width: 600px) {
  .qrbox {
    /* position: relative;
    width: 100%;
    float: none;
    margin: 0 auto; */
    /* margin-left: 10px; */
  }
}

.qrcode {
  position: relative;
  border-radius: 3px;
  /* width: 260px; */
  /* min-height: 260px; */
  /* margin: 0 0 0 auto; */
}

.qrcode .btn {
  cursor: pointer;
  border-radius: 2px;
}

@media only screen and (max-width: 600px) {
  .qrcode {
    /* margin: 36px auto 0; */
  }
}

.qrimage-wrap {
  width: calc(100% - 2px);
  /* height: 258px; */
  /* padding: 0 0 4px; */
  margin: auto;
  border: 0px solid rgba(120, 130, 140, .13);
  display: flex;
  align-items: center;
  justify-content: center;
}

.qrimage-wrap.none {
  display: none;
}

.hasQrCodeNew .qrimage-wrap {
  min-height: 232px;
}

.index-qrcode-wrapper[is_create_code='1'] .qrimage-wrap,
.text-qrcode-wrapper[is_create_code='1'] .qrimage-wrap {
  min-height: 232px;
}

.horizontalImg.hasQrCodeNew .qrimage-wrap {
  min-height: auto;
}

/* @key=qrstyleChange 所有活码加上 loading */
.qrimage-wrap .ant-spin {
  display: none;
}

.qrimage-wrap[qrcode_type='active'] .ant-spin,
.qrimage-wrap[qrcode_type='nencao'] .ant-spin {
  display: block;
}

.qrimage-wrap[qrcode_type='active'] #qrimage,
.qrimage-wrap[qrcode_type='nencao'] #qrimage {
  display: none;
}

.noQrCode .qrimage-wrap {
  /* background: #fff !important; */
}

.qrimage-wrap table {
  margin: auto;
  width: 100%;
}

.qrimage-wrap td {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
}

.qrimage-wrap img {
  max-width: 228px;
  max-height: 228px;
  display: inline-block;
  margin: auto;
  vertical-align: middle;
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  border: 1px solid #eee;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHSSURBVHgB7dyxjSJBEEDR4jRJnAO4kAO4kAQuQYANOYALQYALQeACiXBb69y61V9id6X//FZrvoQxRWl6EfE3ilarVWw2m9KZx+MRw+Ewqna7XSyXy9KZ8/kc8/k8qi6XS0wmk9KZPyHEgJABIQNCBoQMCBkQMiBkQMiAkAEhA0K9j8FAeZig/3qv16sccL1ex3a7LZ0ZDAZxv9+jarFYxPF4LJ3JiUpOVqqm02lcr9fSGX/CkAEhA0IGhAwIGRAyIGRAyICQASEDQt3tdosW+W5b0e/34113pZa78p7n81k6043H46jK1Y7qYICsdhwOh9KZXO1oea4cQFTv8icMGRAyIGRAyICQASEDQgaEDAgZEDIgZECo9/HyXN5MyElHdWqRZrNZVLXclZOf0WgUVTmEqHK14wtXO76BASEDQgaEDAgZEDIgZEDIgJABIQNCXcsLdKp+nCHfhX/6XS0rJF3L1y1ytaP6sv7u1Q6/2vFLGBAyIGRAyICQASEDQgaEDAgZEDIgZECoa/kH/3Q6ff6LX/Wuu3Kq0nLXfr//3Lqo6KrTh5QPVV2ByIdquSsfqnpXarkr47na8WYGhAwIGRAyIGRAyICQASEDQgaEDAj9A4UinKST/H2IAAAAAElFTkSuQmCC') repeat;
  background-size: 16px;
  cursor: pointer;
}

.qrcode .qrcode-download {
  /* margin-top: 8px; */
  /* padding: 0 16px; */
  background-color: white;
}

.qrcode .inline-block {
  display: inline-block;
}

/* 生码提示 */
.code-created-style-change {
  position: relative;
}

/* 覆盖写上 popover 的样式 */
.code-created-style-change .save-popover-show {
  max-width: none;
  border: 1px solid #e5e5e5;
}

.code-created-style-change .save-popover-show > .arrow {
  border-width: 11px;
}

.code-created-style-change .save-popover-show > .arrow:after {
  content: "";
  border-width: 10px;
}

.code-created-style-change .save-popover-show > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.code-created-style-change .save-popover-show.right {
  margin-left: 10px;
}

.code-created-style-change .save-popover-show.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: #e5e5e5;
  border-left-width: 0;
}

.code-created-style-change .save-popover-show.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}

.code-created-style-change .save-popover-show.left {
  margin-left: -10px;
}

.code-created-style-change .save-popover-show.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: #e5e5e5;
}

.code-created-style-change .save-popover-show.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.code-created-style-change .save-popover-show.top {
  margin-top: -10px;
}

.code-created-style-change .save-popover-show.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: #e5e5e5;
  border-bottom-width: 0;
}

.code-created-style-change .save-popover-show.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.code-created-style-change .save-popover-show.bottom {
  margin-top: 10px;
}

.code-created-style-change .save-popover-show.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: #e5e5e5;
}

.code-created-style-change .save-popover-show.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.code-created-style-change .save-popover-show {
  position: absolute;
  width: 260px;
  top: -86px;
  padding: 1px;
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
  background-clip: padding-box;
  max-width: none;
  border: 1px solid #e5e5e5;
  border-radius: 0.3rem;
  font-family: Microsoft YaHei UI, Microsoft YaHei, PingFang SC, Helvetica Neue, Hiragino Sans GB, Noto Sans, Tahoma, Arial, simsun, "sans-serif";
}

.code-created-style-change .save-popover-show .popover-content {
  padding: 12px 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  width: 90%;
}

.code-created-style-change .save-popover-show .popover-close-icon {
  position: absolute;
  right: 16px;
  top: 12px;
}

/* 生码提示 */
/* 头部 */
.top-box-wrapper {
  /* margin-bottom: 16px; */
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-box-wrapper .codetype-wrap {
  padding: 0px !important;
  margin-bottom: 0px !important;
}

.top-box-wrapper .codetype-wrap .other-set-dropdown-btn {
  width: auto;
  padding: 3px 4px;
  height: 20px;
}

.top-box-wrapper .codetype-wrap .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
}

.top-box-wrapper .codetype-wrap .dropdown-menu .dropdown-item .cliIcon {
  position: relative;
  top: 1px;
}

.new-up-icon-btn-wrapper {
  margin-top: 12px;
}

.new-up-icon-btn-wrapper.disabled {
  cursor: not-allowed;
}

.new-up-icon-btn-wrapper.disabled .btn {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.25) !important;
}

.new-qr-style-func-btn {
  width: 110px !important;
}

/* 模板名字 */
.change-template-wrapper {
  position: relative;
  text-align: center;
}

.change-template-wrapper .label-wrapper {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  font-size: 13px;
}

.change-template-wrapper.disabled .label-wrapper {
  color: rgba(0, 0, 0, 0.25);
}

.change-template-wrapper.disabled .label-wrapper label {
  cursor: not-allowed;
}

.change-template-wrapper.disabled .other-set-dropdown.disabled {
  cursor: not-allowed;
}

.change-template-wrapper .label-value {
  font-weight: 400;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
  display: inline-block;
  font-size: 13px;
}

.change-template-wrapper .change-template {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
  margin-left: 8px;
}

.change-template-wrapper.disabled .template-name {
  color: rgba(0, 0, 0, 0.25);
  font-size: 13px;
}

.change-template-wrapper.disabled .change-template {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.25);
}

/*tools*/

.tools {
  position: relative;
  /* width: 260px;
  margin: 0 0 0 auto; */
}

@media only screen and (max-width: 600px) {
  .tools {
    margin: auto;
  }
}

/*tools标题*/

.tools .tits {
  display: inline-block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  /*border-bottom: 2px solid #ddd;*/
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, .05);
  font-size: 12px;
}

.tools .tits li {
  cursor: pointer;
}

.tools .tits a {
  color: #333;
}

.tools .tits .on {
  border-bottom: 2px solid #3cb067;
  height: 38px;
  color: #3cb067 !important;
}

.tools .tits .on a {
  color: #fff;
}

/*tools box*/

#tools-boxs {
  color: #666666;
  font-size: 12px;
}

#tools-boxs .tools-box {
  /* height: 80px; */
  font-size: 12px;
}

/*基本设置*/

.base .dropdown-toggle {
  text-align: left;
}

/*容错*/

#level .dropdown-menu {
  min-width: 0;
  width: 100%;
}

.level-label {
  font-size: 12px;
  cursor: pointer;
  margin-right: 6px;
}

.level-label input[type="radio"] + span::before {
  content: " "; /*不换行空格*/
  display: inline-block;
  /*vertical-align: middle;*/
  position: relative;
  top: 2px;
  font-size: 12px;
  width: 1em;
  height: 1em;
  margin-right: .2em;
  border-radius: 50%;
  border: 1px solid #3cb067;
  text-indent: .15em;
  line-height: 1;
}

.level-label input[type="radio"]:disabled + span::before {
  border-color: #E6E6E6 !important;
}

.level-label input[type="radio"]:checked:disabled + span::before {
  background-color: #E6E6E6 !important;
}

.level-label input[type="radio"]:checked + span::before {
  background-color: #3cb067;
  background-clip: content-box;
  padding: .2em;
}

.level-label input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  opacity: 0;
}


/*.level-radio:checked + .level-radio {*/
/*  border-color: red;*/
/*  background-color: #ccc;*/
/*}*/

/*大小*/

.size-range-wrap {
  position: absolute;
  z-index: 9;
  width: 73px;
  height: 130px;
  background: #fff;
  display: none;
}

.ui-slider {
  position: absolute;
  /* top: 8px;
  left: 60px;
  width: 110px; */
  top: 13px;
  left: 0px;
  width: 126px;
  height: 4px;
  background: #f5f5f5;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  cursor: pointer;
}

.ui-slider:after {
  content: " ";
  position: absolute;
  right: -8px;
  width: 15px;
  height: 4px;
  background: #f5f5f5;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  top: 0;
}

.ui-slider-handle {
  position: absolute;
  /*left: -8px !important;*/
  top: -3px;
  width: 10px !important;
  height: 10px !important;
  margin-bottom: -8px;
  background: #00a13b;
  border: 1px solid #00a13b;
  border-radius: 50%;
  z-index: 1;
}

.ui-slider-range {
  position: relative;
  height: 4px;
  background-color: #00a13b;
  opacity: 0.45;
  border-radius: 6px;
  z-index: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ui-slider-disabled .ui-slider-handle {
  background: #E6E6E6;
  border: 1px solid #E6E6E6;
}

.ui-slider-disabled .ui-slider-range {
  background-color: #E6E6E6;
}

.size-value-box {
  display: none;
  width: 56px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
}

.size-value-wrapper {
  position: relative;
  /* width: 56px; */
  /* border: 1px solid #ccc; */
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
  left: 138px;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.45);
}

.size-value-wrapper input {
  background: #fafafa;
  width: 37px;
  height: 28px;
  text-align: center;
  border-radius: 2px;
  margin-right: 4px;
  color: rgba(0, 0, 0, 0.85);
}

.size-value-wrapper input:focus,
.size-value-wrapper input:active {
  background-color: #f5f5f5;
}

.size-value-wrapper.disabled input {
  /* color: #E6E6E6; */
  color: rgba(0, 0, 0, 0.25);
  background-color: #fafafa;
}

.size-value-wrapper input {
  border: none;
}

.size-box {
  width: 50px;
  padding: 2px 5px;
  margin-left: 10px;
}

.size-box .size {
  width: 20px;
  color: #666666;
  border: none;
  background: none;
}

/*颜色*/

.tools .color {
  padding-top: 10px;
}

.tools .color .last label {
  position: relative;
  background: url(//static.clewm.net/static/images/check_8467c23.png) no-repeat;
  padding-left: 20px;
  background-position: 0px 3px;
  cursor: pointer;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5),
  /* 注意这里的写法比较特殊 */
only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .tools .color .last label, .tools .base .level label {
    background-image: url(//static.clewm.net/static/images/check@2x_b49f5ea.png);
    background-size: 14px auto;
  }
}

.tools .color .last label.tmbj-checked {
  background-position: 0px -25px;
}

.tools .color .last label input {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=00);
}

.tools .icons {
  padding-top: 15px;
}

.colorpal {
  display: inline-block;
  width: 33px;
  height: 33px;
  overflow: hidden;
}

.tools-box .colorpal .cp {
  border: none;
  position: relative;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 29px;
  background-color: #000000;
  background-position: 50% 50%;
  background-repeat: initial initial;
  cursor: pointer;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px #eee;
}

.colorpal_close {
  position: absolute;
  top: -10px;
  right: 2px;
  cursor: pointer;
  display: none;
}

#icp_bggcolor {
  background-color: #FFFFFF;
}

.tools-box .colorPicker-picker {
  height: 16px;
  width: 16px;
  padding: 0 !important;
  border: 1px solid #ccc;
  cursor: pointer;
  line-height: 16px;
  display: inline;
  float: left;
}

.tools .color ul {
  height: 33px;
}

.tools .color ul li {
  float: left;
  position: relative;
  width: 70px;
}

.tools .color .last {
  float: right;
  width: 70px;
  margin-right: 0;
  padding-top: 5px;
}

.tools .color ul span {
  padding-right: 5px;
  float: left;
  position: relative;
  height: 33px;
  line-height: 33px;
}

.tools .color .colorpal {
  position: relative;
  top: -2px;
}

.tools .color .colorpal input#fgcolor {
  display: none;
  background-color: rgb(0, 0, 0);
}

.tools .color .colorpal input#bggcolor {
  display: none;
  background-color: rgb(255, 255, 255);
}

.tools .color #bgc {
  display: none;
  position: absolute;
  top: 2px;
  left: 33px;
  width: 28px;
  height: 28px;
  padding: 3px 4px;
  border: 1px solid #ccc;
  background: #eee;
  font-size: 20px;
  color: #f44455;
}

.tools .color #tmbj {
  height: 16px;
  width: 16px;
  top: 3px;
  *top: 0;
  right: 3px;
}

/*嵌入LOGO*/

.tools .xshow img {
  margin-right: 10px;
  width: 28px;
  height: 28px;
}

.form-file input {
  cursor: pointer;
  left: 0;
  z-index: 2;
}

/* .form-file:hover button {
  box-shadow: inset 0 0 0 1px rgba(120,130,140,.25);
  background: #f8f8f8;
} */

/* .form-file:hover button:disabled {
  background: unset;
} */

/*LOGO模板库*/

#logomb .modal-dialog {
  width: 346px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -182px;
  margin-left: -173px;
}

#logomb .modal-content {
  box-shadow: 0 0 12px 1px #ccc;
}

.imgmb ul {
  margin: 20px;
}

.imgmb ul li {
  display: inline-block;
  margin: 5px 8px;
  padding: 2px;
  cursor: pointer;
}

.imgmb ul li img {
  width: 50px;
  height: 50px;
  border: 1px solid #ddd;
  padding: 5px;
}

/*码制*/

.other-set-item {
  display: flex;
  padding: 0 16px;
  margin-bottom: 4px;
}

.other-set-item label {
  color: rgba(0, 0, 0, 0.85);
  font-size: 13px;
}

.other-set-item .label-wrapper {
  width: 40px;
  display: flex;
  align-items: center;
  /* margin-left: 12px; */
  margin-right: 4px;
}

.other-set-item .label-wrapper .cliIcon {
  color: rgba(0, 0, 0, 0.45);
}

.other-set-item .label-wrapper .cliIcon:before {
  display: block !important;
}

.codetype-wrap {
  /* margin: auto; */
}

.other-set-dropdown-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 188px;
  background-color: transparent;
  height: 28px;
  font-size: 13px;
  padding: 0 12px 0 16px;
  color: rgba(0, 0, 0, 0.65);
}

.other-set-dropdown-btn::after {
  display: none;
}

.other-set-dropdown-btn {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
}

.other-set-dropdown-btn:hover {
  background-color: #f0f0f0;
  box-shadow: none !important;
}

.other-set-dropdown-btn:focus {
  box-shadow: none !important;
}

.other-set-dropdown-btn:disabled {
  cursor: not-allowed !important;
  /* pointer-events: auto !important; */
  background-color: #fff !important;
}

.other-set-dropdown-btn .cliIcon {
  color: rgba(0, 0, 0, 0.65);
}

#codetype .cliIcon {
  color: rgba(0, 0, 0, 0.45);
}

.other-set-dropdown-btn .cliIcon:before {
  display: block !important;
}

.size-dropdown.open .other-set-dropdown-btn,
.other-set-dropdown.open .other-set-dropdown-btn {
  background-color: #f0f0f0;
}

.other-set-dropdown-btn:disabled .cliIcon {
  color: rgba(0, 0, 0, 0.25);
}

.other-set-dropdown .dropdown-menu {
  min-width: 0;
  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
  border: 0 none;
  filter: drop-shadow(0px 6px 16px rgba(0, 0, 0, 0.08));
  width: 100%;
  padding: 9px 0;
  font-size: 13px;
}

.other-set-dropdown .dropdown-menu .dropdown-nocheck-item:after {
  display: none;
}

.other-set-dropdown .dropdown-menu .dropdown-nocheck-item.disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}

.other-set-dropdown .dropdown-menu .dropdown-nocheck-item.disabled:hover {
  background-color: transparent !important;
}

.other-set-dropdown .dropdown-menu .print-share-icon {
  color: rgba(0, 0, 0, 0.45);
  font-size: 15px;
  vertical-align: middle;
}

.other-set-dropdown .dropdown-item {
  position: relative;
  color: rgba(0, 0, 0, 0.85);
  padding: 5px 16px;
  line-height: 20px;
  transition: background-color ease-in-out 0.15s;
}

.other-set-dropdown .dropdown-item:hover {
  background-color: #f5f5f5 !important;
  color: rgba(0, 0, 0, 0.85);
}

.other-set-dropdown .dropdown-item:focus {
  color: rgba(0, 0, 0, 0.85);
}

.other-set-dropdown .dropdown-item:active:after,
.other-set-dropdown .dropdown-item.active:after {
  content: '\ee7fc';
  position: absolute;
  right: 16px;
  top: 6px;
  font-size: 14px;
  font-family: clifont, "sans-serif" !important;
  color: rgba(0, 0, 0, 0.65);
}

.other-type-set-dropdown .dropdown-menu {
  padding-top: 0;
  min-width: 170px;
}

.other-type-set-dropdown .dropdown-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding-left: 24px;
}

.other-type-set-dropdown .dropdown-header,
.download-wrapper .dropdown-header {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  padding: 6px 16px;
}

.download-wrapper .green:hover,
.download-wrapper .green:focus {
  background-color: #008c33;
  border-color: #008c33;
}

.download-wrapper .dropdown-menu .active {
  background-color: transparent;
}

.download-wrapper .dropdown-menu .dropdown-item:after {
  display: none;
}

.download-wrapper .dropdown-menu .dropdown-item:focus {
  color: rgba(0, 0, 0, 0.85);
}

.download-wrapper .download-image-pickter-button {
  width: 100% !important;
  border-radius: 2px !important;
}

.download-wrapper .download-image-pickter-button span {
  margin-left: 0px !important;
}

.dropdown-menu .active:focus {
  background-color: rgba(0, 0, 0, 0.065);
}

.download-select-type.disabled {
  pointer-events: auto !important;
  opacity: 0.65;
  cursor: pointer;
}

.download-select-type {
  display: flex;
  align-items: center;
  justify-content: center;
}

.download-select-type:after {
  display: none;
}

.download-select-type.btn.green.disabled:hover,
.download-select-type.btn.green.disabled:focus {
  pointer-events: auto !important;
  background-color: #00a13b;
  opacity: 0.65;
}

.download-wrapper.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

.download-wrapper.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

/* 下载 */
.download-wrapper .dropdown-menu .print-share-icon {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  vertical-align: middle;
}

.size-dropdown {
  width: 100%;
}

.size-dropdown .dropdown-menu {
  min-width: 0;
  box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 16px 8px 16px 16px;
  left: auto;
  right: -40px;
  margin-top: 8px;
}

.size-dropdown .dropdown-item-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.size-dropdown .dropdown-item {
  position: relative;
  width: 104px;
  height: 158px;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 12px 0 0;
  margin-right: 8px;
}

.size-dropdown .dropdown-item.active:focus,
.size-dropdown .dropdown-item.active:hover {
  background-color: transparent;
}

.size-dropdown .dropdown-item .triangle {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  border: 16px solid #00a13b;
  border-left-color: transparent;
  border-top-color: transparent;
}

.size-dropdown .dropdown-item .triangle i {
  position: absolute;
  line-height: normal;
}

.size-dropdown .dropdown-item .triangle i::before {
  display: block;
}

.size-dropdown .dropdown-item.active,
.size-dropdown .dropdown-item:hover {
  border-color: #00a13b;
}

.size-dropdown .dropdown-item.active .triangle {
  display: block;
}

.size-dropdown .dropdown-item .size-number {
  display: block;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
  font-size: 12px;
  line-height: 15px;
}

.size-dropdown .dropdown-item img {
  display: block;
  height: 88px;
  width: auto;
  margin: 8px auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.size-dropdown .dropdown-item .size-detail {
  display: block;
  text-align: center;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  transform: scale(0.83);
}

.size-dropdown .dropdown-item .size-number .bold {
  font-weight: bold;
}

.size-dropdown .view-all {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 17px;
  margin-top: 12px;
  color: #357bb3;
}

.size-dropdown .view-all:hover {
  color: #114a78;
}

.slider-wrapper {
  position: relative;
  margin-left: 28px;
  /* margin-bottom: 8px; */
}

/*选择其它码制时，操作区域diabled*/

.tools.disabled .tits li {
  color: #ccc;
  cursor: not-allowed;
}

/* 码制 */

.codetype-intro {
  /* position: absolute;
  left: 40px;
  bottom: -92px;
  z-index: 9; */
  position: relative;
  margin: 16px 0 0 auto;
  width: 260px;
  overflow: hidden;
}

.codetype-intro i {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 16px;
  cursor: pointer;
  font-style: normal;
}

/*富文本编辑器 Ueditor*/

.edui-default .edui-editor-toolbarboxouter {
  background-image: none !important;
  background-color: #fff !important;
}

.edui-default .edui-editor {
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.edui-default .edui-editor-toolbarboxouter {
  border-bottom: 1px solid #ddd;
}

.edui-default .edui-editor-toolbarbox, .edui-default .edui-editor-toolbarboxouter {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.edui-editor-toolbarboxinner {
  background: #fff;
  border-radius: 0;
  -webkit-border-radius: 0;
}

.edui-colorpicker {
  box-sizing: content-box;
}

/*复制分享*/

#global-zeroclipboard-html-bridge {
  z-index: 9999 !important;
}

/*include-qrcomplete*/

.complete_des {
  text-align: center;
  padding-top: 15px;
  padding: 50px 0;
}

/*生成二维码按钮样式*/

.submit {
  padding: 41px 0 38px;
  padding-top: 0;
  /* margin-top: 40px; */
  margin-top: 32px;
}

.complete {
  margin: 0 auto;
  text-align: center;
  position: relative;
  display: inline-block;
  width: 100%;
}

.complete .btn + .btn {
  margin-left: 1rem;
}

/* .complete a.btn.white:hover {
  color: #;
} */

.complete .description {
  position: absolute;
  display: none;
  width: 200px;
  left: -50px;
}

#button_change_active .box {
  width: 301px;
  left: -95px;
}

#modal-alert-login li {
  margin-bottom: 10px;
}

#modal-alert-login li i {
  float: left;
  line-height: 18px;
  font-size: 20px;
}

/*以下样式用于  /tao  /weixin  /sina 3个页面*/

.uploadfile {
  opacity: 0;
  filter: alpha(opacity:0);
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 520px \9 \0;
  overflow: hidden \9 \0;
}

#meihua-qr .panel:hover {
  background: #eee;
}

#meihua-qr .panel:hover .fa-angle-down {
  display: block !important;
}

kbd {
  display: none;
}

.uploadbtn .btn {
  width: 120px;
}

/*以下样式用于  /files 和 /img 2个页面*/

.upload-before {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  height: 260px;
  border: 1px solid rgba(120, 130, 140, 0.25);
}

.upload-before:hover {
  border-color: #00A13B;
  border-style: dashed;
}

.upload-before-default {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.upload-before a.text-blue {
  position: relative;
  z-index: 1;
}

.upload-before .operator-wrapper {
  width: calc(100% + 12px);
  display: flex;
  margin-left: -12px;
  padding: 24px;
  height: 100%;
}

.upload-before .operator-wrapper > * {
  width: 100%;
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.upload-wrapper {
  border-radius: 2px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/*.upload-wrapper:hover,*/
/*.canva-wrapper:hover {*/
/*  border: 1px dashed #3cb067;*/
/*}*/

.upload-wrapper .upload-img-icon,
.canva-wrapper .upload-img-icon {
  font-size: 32px;
}

.upload-wrapper .upload-img-icon {
  color: rgba(60, 176, 103, 0.3);
}

.upload-wrapper .upload-img-desc {
  color: #999;
  font-size: 12px;
  margin-top: 8px;
}

.upload-wrapper .upload-img-text-icon {
  height: 28px;
  width: auto;
  align-self: center;
}

.upload-wrapper .upload-text {
  margin-top: 10px;
  margin-bottom: 20px;
}

.canva-wrapper {
  border: 1px dashed #e6e6e6;
  border-radius: 2px;
  cursor: pointer;
}

.canva-wrapper .upload-img-icon {
  color: rgba(22, 107, 199, 0.3);
}

.canva-wrapper .upload-img-text {
  color: #333;
  font-size: 14px;
}

.canva-wrapper .upload-img-desc {
  color: #999;
  font-size: 12px;
  margin-top: 8px;
}

.canva-wrapper .upload-img-text-icon {
  height: 28px;
  width: auto;
  align-self: center;
}

/*.upload-before.is-dragover,
.upload-before:hover {
  border: 1px dashed #3cb067;
}*/

.upload-icon {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  font-size: 48px !important;
  color: #00A13B;
}

.uploading {
  text-align: center;
  /*height: 193px;*/
  padding: 0 200px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  width: 100%;
}

.upload-success {
  height: 193px;
  border: 1px solid #e6e6e6;
  background: #fff;
  text-align: center;
  width: 100%;
}

.upload-success.no-desc {
  height: 260px;
}

.upload-success img {
  max-width: 100%;
  max-height: 100%;
  min-height: 100%;
}

.upload-replace {
  position: absolute;
  top: 17px;
  right: 30px;
}

.file-icon {
  display: block;
  width: 60px;
  height: 80px;
  background-repeat: no-repeat;
  margin: 38px auto 10px;
  background-size: contain;
  background-position: center;
}

/*.upload-success.no-desc .file-icon {
  margin: 55px auto 10px;
}*/

.upload-success.no-desc .file-icon-new {
  display: block;
  width: 60px;
  height: 80px;
  background-repeat: no-repeat;
  margin: 10px auto 10px;
  background-size: cover;
}

.file-icon-new {
  display: block;
  width: 60px;
  height: 80px;
  background-repeat: no-repeat;
  margin: 36px auto 10px;
  background-size: cover;
}

.file-icon-loading {
  margin: 40px auto 10px;
  background-image: url(//static.clewm.net/static/images/fileloading@2x_ea463a7.png);
}

.upload-pic-content .file-icon-img {
  margin: 32px auto 14px;
  background-image: url(//static.clewm.net/static/images/imgicon@2x_08c7672.png);
}

.file-icon-img {
  margin: 40px auto 10px;
  background-image: url(//static.clewm.net/cli/images/mina-cli/file_img@2x.png);
}

.file-icon-pdf {
  background-image: url(//static.clewm.net/cli/images/mina-cli/file_pdf@2x.png);
}

.file-icon-ppt {
  background-image: url(//static.clewm.net/cli/images/mina-cli/file_ppt@2x.png);
}

.file-icon-dwg {
  background-image: url(//static.clewm.net/cli/images/mina-cli/file_dwg@2x.png);
}

.file-icon-psd {
  background-image: url(//static.clewm.net/cli/images/mina-cli/file_psd@2x.png);
}

.file-icon-video {
  background-image: url(data:image/png;base64,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);
}

.file-icon-audio {
  background-image: url(https://ncstatic.clewm.net/feres/a766f0e2_9cb3a58b_1695792805.png);
  background-position: center;
  background-size: contain !important;
}

.file-icon-word {
  background-image: url(//static.clewm.net/cli/images/mina-cli/file_doc@2x.png);
}

.file-icon-excel {
  background-image: url(//static.clewm.net/cli/images/mina-cli/file_xls@2x.png);
}

.file-icon-txt {
  background-image: url(//static.clewm.net/cli/images/coding/txt@3x.png);
}

.file-icon-other {
  background-image: url(//static.clewm.net/cli/images/coding/txt@3x.png);
}

.file-icon-zip {
  background-image: url(/cli/images/mina-cli/file_zip.png);
}

.multimedia-item-wrapper {
  position: relative;
  margin: 48px auto 0;
  padding-bottom: 24px;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  width: 320px;
}

.multimedia-item-wrapper .file-icon {
  margin: 10px auto;
}

.multimedia-item-wrapper .file-icon-video {
  display: none !important;
}

.multimedia-item-wrapper .file-icon-video + .video {
  display: block !important;
}

.multimedia-item-wrapper.before-created-media:hover::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px dashed rgba(120, 130, 140, 0.13);
  border-radius: 4px;
}

.multimedia-item-wrapper .x-closeBtn {
  display: none;
}

.videoContainer .x-closeBtn {
  color: white !important;
}

.multimedia-item-wrapper.before-created-media .x-closeBtn {
  position: absolute;
  right: 4px;
  top: 8px;
  color: #bbb;
  display: block;
  opacity: 0;
  transition: 0.2s opacity;
  cursor: pointer;
  z-index: 5;
  padding: 0 4px;
}

.multimedia-item-wrapper.before-created-media:hover .del-icon .x-closeBtn {
  opacity: .8;
}

#multimedia-item-wrapper .video {
  position: relative;
  width: 100%;
  height: 170px;
  overflow: hidden;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, .2);
  margin-bottom: 10px;
  display: none;
}

.videoPosterFile .filename {
  margin-right: 4px;
}

.videoContainer {
  padding-bottom: 0;
}

.x-videoPoster {
  display: none !important;
}

[data-type='video'] .x-videoPoster {
  display: flex !important;
}

.videoContaienr .x-closeBtn {
  color: white;
}

.videoContainer:hover::after {
  display: none;
}


#multimedia-item-wrapper .video::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .2);
  z-index: 4;
}

#multimedia-item-wrapper .video.played .play-icon,
#multimedia-item-wrapper .video.played img,
#multimedia-item-wrapper .video.played::after {
  display: none;
}

#multimedia-item-wrapper video {
  max-width: 100% !important;
  max-height: 100% !important;
  min-height: 100% !important;
  min-width: 100% !important;
  position: relative;
  z-index: 1;
}

#multimedia-item-wrapper .poster {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 3;
}

#multimedia-item-wrapper .mask {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(10px);
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(1.2);
}

#multimedia-item-wrapper .play-icon {
  position: relative;
  z-index: 5;
  width: 64px;
  height: 64px;
  min-height: 64px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.25);
  border: 2px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% 50%;
}

#multimedia-item-wrapper .play-icon .player {
  width: 20.5px;
  height: 23.2px;
  min-height: 23.2px;
  margin-left: 5px;
}

.upload-success.media {
  height: auto !important;
  margin-top: 0;
}


.description {
  min-height: 60px;
  margin-top: 8px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(120, 130, 140, .25);
}

.desc-textarea {
  height: 60px;
  line-height: 1.6;
}

.desc-textarea[readonly] {
  background-color: #fff;
  /* border: none; */
  resize: none;
  cursor: default;
}

#richtext-switch {
  position: absolute;
  top: 1px;
  right: 2px;
  cursor: pointer;
  z-index: 999;
  background: #fff;
  padding-right: 5px;
}

.progress-bar {
  -webkit-transition: all .4s cubic-bezier(.08, .82, .17, 1) 0s;
  transition: all .4s cubic-bezier(.08, .82, .17, 1) 0s;
}

.progress-xxs {
  display: flex;
  align-items: center;
}

.progress-xxs .abort-upload {
  margin-left: 8px;
  font-size: 18px;
}

.progress-xxs .progress-bar {
  flex: 1;
  height: 4px;
  border-radius: 4px;
}

.text-blue {
  color: #166bc7;
}

.btn.disabled, .btn:disabled, fieldset[disabled] .btn {
  cursor: default;
  pointer-events: none;
}

img[src=""], img:not([src]) {
  display: none
}

.create-code-tip {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.qrcode-wrapper .qrimage-wrap td {
  flex-direction: column;
}

.qrimage-wrap td .deqr-wrapper {
  /* margin-bottom: 4px; */
  position: absolute;
  top: 8px;
  right: 12px;
}

.qrimage-wrap td .deqr-wrapper .deqr-link {
  display: inline-block;
  text-align: center;
  color: #666;
  font-size: 14px;
}

.has-qrcode-wrapper .qrimage-wrap td .deqr-wrapper {
  display: none;
}

/* 美化模版样式 */
.loginTplWrapper {
  margin-top: 12px;
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: left;
  position: relative;
  border-radius: 4px;
}

.loginTplWrapper .StyleRecover {
  position: absolute;
  right: 12px;
  top: 10px;
  font-size: 12px;
}

.loginTplChangeTipWrapper {
  margin-top: 12px;
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: left;
  position: relative;
  border-radius: 4px;
  height: 66px;
}

.loginTplChangeTipWrapper .loginTplChangeTipAction {
  position: absolute;
  right: 12px;
  bottom: 12px;
  font-size: 12px;
}

.loginTplChangeTipWrapper .loginTplChangeTipAction span + span {
  margin-left: 8px;
}

.noLoginTipWrapper {
  margin-top: 12px;
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: left;
  position: relative;
  border-radius: 4px;
  height: 66px;
}

.noLoginTipWrapper .noLoginTipWrapperAction {
  position: absolute;
  right: 12px;
  bottom: 12px;
  font-size: 12px;
}

.noLoginTipWrapper .noLoginTipWrapperAction span + span {
  margin-left: 8px;
}

/* 生码页面的样式 */

.noMagrin {
  margin: 0px !important;
}

.noPadding {
  padding: 0px !important;
}

.tips {
  position: fixed !important;
}

#upload-first-tips {
  color: #E64340;
  display: none;
  margin-top: 12px;
}

.save-tpl-modal {
  z-index: 10001;
  top: 50%;
  margin-top: -180px;
}

.save-tpl-modal .modal-body {
  position: relative;
  border-radius: 4px;
  padding: 20px 22px 40px !important;
  text-align: center;
}

.save-tpl-modal .save-tpl-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 16px;
  text-align: center;
  margin: 20px 0 16px;
}

.save-tpl-modal .save-tpl-text {
  color: #666666;
  font-size: 14px;
}

.save-tpl-modal .save-tpl-buttons {
  text-align: center;
  margin-top: 16px;
  position: relative;
}


.save-tpl-modal .save-tpl-buttons .never-remind {
  float: right;
  vertical-align: middle;
  position: absolute;
  margin-top: 8px;
  right: 8px;
  top: 30px;
  color: #999;
  cursor: default;
}

.save-tpl-success-modal {
  z-index: 10001;
  top: 50%;
  margin-top: -180px;
}

.save-tpl-success-close {

}

.save-tpl-success-modal .modal-body {
  position: relative;
  border-radius: 4px;
  padding: 20px 22px 32px !important;
  text-align: center;
}

.save-tpl-success-icon {
  width: 100%;
  text-align: center;
  margin: 12px 0px;
}

.save-tpl-success-icon img {
  width: 40px;
  margin-left: 10px;
}

.save-tpl-success-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 25px;
  margin-bottom: 16px;
  text-align: center;
  margin: 10px 0 8px;
}

.save-tpl-success-text {
  color: #666666;
  font-size: 14px;
}

.save-tpl-success-buttons {
  text-align: center;
  margin-top: 16px;
}


.highlightAnimation {
  /* -webkit-animation-duration: 2.4s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-name: highlight;
  animation-duration: 2.4s;
  animation-fill-mode: both;
  animation-name: highlight; */
  border: 1px dashed #E64340 !important;
}

@keyframes highlight {
  0%, 66% {
    border-color: #ddd;
  }

  33%, to {
    border-color: #E64340;
  }
}

@-webkit-keyframes highlight {
  0%, 66% {
    border-color: #ddd;
  }

  33%, to {
    border-color: #E64340;
  }
}

.text-darkgrey.link:hover,
.text-darkgrey.link:focus {
  color: #666;
}

a:focus, a:hover {
  color: inherit;
}

a.text-blue:focus,
a.text-blue:hover {
  color: #014c8c;
}

.qrimage-wrap #qrimageTd table {
  margin: auto !important;
}

/* 图片一起出来 */
.qrimage-wrap #qrimageTd img {
  display: none !important;
}

#qrfun-box.hasQrCodeNew .qrimage-wrap #qrimageTd .ant-spin {
  display: block !important;
}

#qrfun-box.renderDone.imgRenderDone .qrimage-wrap #qrimageTd img {
  display: block !important;
}

#qrfun-box.renderDone.imgRenderDone .qrimage-wrap #qrimageTd .ant-spin {
  display: none !important;
}

.out-length-fun-tip .top-line-mark {
  width: 11px;
  height: 11px;
  position: absolute;
  right: 65px;
  top: -8px;
  transform: rotate(45deg);
  border: 4px solid #F7F9F7;
  background: white;
  border-right: 0 none;
  border-bottom: 0 none;
}

.out-length-fun-tip {
  position: relative;
  padding: 12px 15px;
  margin-left: 40px;
  display: none;
  background: white;
  width: 260px;
  float: right;
  margin-top: 16px;
  /* border-top: 4px solid #F7F9F7; */
}

.out-length-fun-tip .item .item-content {
  color: #666;
  font-size: 12px;
}

.out-length-fun-tip .to-active-code {
  padding: 0;
  min-width: auto;
  height: 38px;
  width: 100%;
  font-size: 16px;
  margin-top: 2px;
  line-height: 38px;
}

.out-length-fun-tip .item .item-content .clifont {
  position: absolute;
  top: -1px;
  right: -1px;
  font-size: 14px;
}

.out-length-fun-tip .item .item-content a:hover {
  color: #F37C22;
}

/*
.out-length-fun-tip .more {
  text-align: center;
  color: #357BB3;
  font-size: 12px;
} */

.red-color {
  color: #D70E19;
}

.orange-color {
  color: #F37C22;
}

.out-length-fun-tip .item .item-content .to-more {
  color: #357BB3 !important;
  font-size: 12px;
}

.orange-border {
  /* border-color: #F37C22; */
}

.textarea-mark {
  position: absolute;
  height: 11px;
  background: white;
  width: calc(100% - 6px);
  left: 1px;
}

.textarea-mark-top {
  top: 1px;
}

.textarea-mark-bottom {
  bottom: 1px;
}

.qrimage-wrap-transparent {
  background: transparent !important;
}

.noQrCode .qrimage-wrap-transparent {
  background: transparent !important;
}

#change_active3 {
  position: relative;
}

.url-c-tip-box-new {
  position: absolute;
  left: -350px;
  top: 75px;
  display: none;
}

.url-c-tip-box-new .url-c-arrow {
  top: -12px;
  left: 268px;
}

.url-c-tip-box-new .url-c-inner-arrow {
  top: -11px;
  left: 269px;
}

.url-to-active {
  position: relative;
  margin-left: 15px;
}

.place-holder-hover {
  position: absolute;
  bottom: -20px;
  height: 20px;
  width: 114px;
  left: 0;
  display: none;
}

.url-to-active:hover .url-c-tip-box-new {
  display: block;
}

.url-to-active:hover .place-holder-hover {
  display: block;
}


.qr-style-content {
  /* position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 72px;
  background-color: white;
  width: 1064px;
  height: 622px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 1002; */

  background-color: #fff;
  width: 1064px;
  height: 622px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
  border-radius: 4px;
  z-index: 1002;
  position: relative;
  margin: 70px auto 32px;
}

@media screen and (max-height: 720px) {
  .qr-style-content {
    margin: 32px auto 16px;
  }
}

@media screen and (max-height: 670px) {
  .qr-style-content {
    margin: 16px auto 16px;
  }
}

.qr-style-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  display: none;
  z-index: 1001;
  overflow-y: scroll;
}

.qr-style-content > .close {
  font-weight: 400;
  position: absolute;
  z-index: 1003;
  right: 16px;
  top: 17px;
  color: #000;
  cursor: pointer;
}

.tools-v2 {
  /* display: none; */
}

.tools-v2 .when-no-code .beautify-entry {
  width: 100%;
  border-radius: 4px;
  height: 38px;
  text-align: center;
  color: #444;
  font-size: 14px;
  margin-top: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: none !important;
  border: 1px solid #e6e6e6;

  /* background: #EDF1EA; */
  /* width: 196px;
  border-radius: 4px;
  height: 28px;
  text-align: center;
  color: #666;
  font-size: 14px;
  margin-top: 8px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -51px;
  left: 37px; */
}

.tools-v2 .when-have-code {
  display: none;
  /* background-color: white; */
  /* padding: 20px 10px; */
  /* padding-bottom: 12px; */
}

.hasQrCode .tools-v2 .when-have-code {
  display: block;
}

.print-type-setting:hover,
.print-type-setting:focus {
  text-decoration: none;
}

.print-type-setting.disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.print-type-setting.disabled:hover {
  text-decoration: none;
}

.style-change.when-have-code {
  display: none;
}

.tools-v2 .when-have-code button {
  border-radius: 2px;
}

.tools-v2 .when-have-code .qr-style-tab {
  width: 100%;
  font-size: 0;
  justify-content: space-between;
  display: flex;
  padding: 0 8px;
}

.tools-v2 .when-have-code .qr-style-tab .qr-style-tab-item-title {
  display: inline-block;
  width: 33.33%;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}

.tools-v2 .when-have-code .qr-style-tab .qr-style-tab-item-title span {
  display: inline-block;
  padding: 8px;
  border-bottom: 2px solid transparent;
}

.tools-v2 .when-have-code .qr-style-tab .qr-style-tab-item-title span.active {
  border-color: #3cb067 !important;
}

.tools-v2 .when-have-code .tab-underline {
  height: 2px;
  width: 100%;
  background: rgba(120, 130, 140, 0.13);
  margin-top: -2px;
}

.tools-v2 .when-have-code .tab-container {
  /*margin-top: 16px;*/
}

.tools-v2 .when-have-code .tab-container .qr-style-tab-item {
  /*display: none;*/
}

/* 美化样式 */
.beautify-wrapper {
  margin: 0 0 16px;
}

.beautify-wrapper-new {
  display: block;
  text-align: center;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 4px 0 12px;
}

.beautify-wrapper-new .beautify-logo-upload,
.beautify-wrapper-new .beautify-more-setting {
  display: inline-block;
  width: 100px;
  position: relative;
}

.beautify-wrapper-new .beautify-logo-upload:after {
  content: " ";
  display: inline-block;
  position: absolute;
  height: 14px;
  background-color: rgba(120, 130, 140, 0.13);
  color: rgba(120, 130, 140, 0.13);
  width: 1px;
  right: -4px;
  top: 5px;
}

.beautify-wrapper-new .beautify-logo-upload .new-up-icon-btn,
.beautify-wrapper-new .beautify-more-setting .codetype-wrap-setting {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  height: 22px;
  display: inline-block;
  width: 78px;
}

.beautify-wrapper-new .beautify-logo-upload.disabled .new-up-icon-btn {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
  pointer-events: none;
}

.tools-v2 .when-have-code .tab-container .qr-style-tab-item + .qr-style-tab-item {
  margin-top: 12px;
}

.tools-v2 .when-have-code .tab-container .qr-style-tab-item button {
  /* color: #666; */
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.tools-v2 .when-have-code .tab-container .qr-style-tab-item button.other-set-dropdown-btn {
  color: rgba(0, 0, 0, 0.85);
}

.tools-v2 .when-have-code .tab-container .qr-style-tab-item button:disabled {
  /* color: #E6E6E6; */
  color: rgba(0, 0, 0, 0.25);
  /* background-color: #f5f5f5; */
}

.tools-v2 .when-have-code .tab-container .qr-style-tab-item .dropdown-toggle:after {
  /* margin-right: 0 !important; */
  display: none;
}

/* .tools-v2 .when-have-code .tab-container .qr-style-tab-item .dropdown-toggle {
  padding-left: 0;
  padding-right: 0;
} */

/* .tools-v2 .when-have-code .tab-container .qr-style-tab-item.other-setting {
  margin-left: 3px;
} */

#click-create {
  min-width: 128px;
}

.tooltip-wrapper-hover:hover a.index-question {
  color: rgba(0, 0, 0, 0.87);
}

.tooltip-wrapper-hover * {
  cursor: pointer;
}

.tooltip-wrapper-hover .popover .popover-content *,
.tooltip-wrapper-hover .popover .popover-title * {
  cursor: auto;
}

.tooltip-wrapper-hover .popover .popover-content a {
  cursor: pointer;
}

.url-over-limit {
  background: #fff;
  text-align: center;
  font-size: 12px;
  cursor: default;
}

.url-over-limit > div {
  position: relative;
  top: -8px;
}

.over-length-detail {
  font-weight: normal;
  margin-left: 2px;
  color: #F37C22;
}

.over-limit-btn {
  display: inline-block;
  width: 108px;
  height: 38px;
  line-height: 38px;
  padding: 0;
}

.over-limit-btn.white {
  color: #666;
}

.url-over-limit-sub {
  color: #9B9B9B;
}

.url-over-limit .orange-color {
  font-weight: bold;
}

.orange-color {
  color: #F37C22;
}

.qrcode-wrapper {
  width: 260px;
  margin: 0 0 0 auto;
  border-radius: 2px;
  background-color: #fff;
}

.has-qrcode-wrapper {
  border: 1px solid #e6e6e6;
  /* box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08); */
  padding: 0 16px 12px;
  /* position: relative;
  top: -40px; */
}

.has-qrcode-wrapper.noTop {
  top: 0px;
}

/* 内容过长 样式 */
.qrcode_intext_over_max_limit .qrcode-wrapper {
  border: 1px solid #e6e6e6;
  padding-bottom: 16px;
}

.qrcode_intext_over_max_limit .code-tab-content {
  text-align: center;
}

.qrcode_intext_over_max_limit .qrimage-wrap {
  margin: 16px 0;
  /* width: 228px; */
}


.x-initContent {
  visibility: visible;
}

.qrfun-tabs {
  /* display: flex; */
  align-items: center;
  justify-content: center;
  width: 100%;
  display: none;
}

.has-qrcode-wrapper .qrfun-tabs {
  display: flex;
}

.qrfun-tabs .qrfun-tab {
  width: 87px;
  height: 37px;
  font-size: 13px;
  background-color: #f5f5f5;
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}

.qrfun-tabs .qrfun-tab.disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.qrfun-tabs .qrfun-tab.disabled:hover {
  background-color: #f5f5f5;
}

.qrfun-tabs .qrfun-tab .title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.qrfun-tabs .qrfun-tab:last-child {
  width: 86px;
}

.qrfun-tabs .qrfun-tab i {
  font-size: 16px;
  margin-right: 4px;
}

.qrfun-tabs .qrfun-tab i.anticon:before {
  display: block !important;
}

.qrfun-tabs .qrfun-tab:hover {
  background-color: #e4e4e4;
  transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.qrfun-tabs .qrfun-tab.active {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.65);
}

.qrfun-btn {
  width: 100%;
  font-weight: normal;
  background-color: #f3f3f3;
}

.qrfun-btn:hover {
  background-color: #f0f0f0;
  box-shadow: none !important;
}

.qrfun-btn:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
  pointer-events: auto;
}

.qrfun-btn.qrfun-beautify-btn {
  background-color: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  height: 38px;
  line-height: 14px;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  font-size: 14px;
}

.qr-style-tab-item .qrfun-btn.qrfun-beautify-btn{
  flex: 1;
  -ms-flex: 1 1 auto;
}

/* .qrfun-btn.qrfun-beautify-btn:hover {
  box-shadow: inset 0 0 0 1px rgb(120 130 140 / 25%);
  background: #f8f8f8;
} */

.qrfun-btn.qrfun-beautify-btn:hover {
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
  border-color: #1cad4c;
  color: #1cad4c !important;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.qrfun-btn.qrfun-beautify-btn:focus {
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
  /* border-color: #1cad4c;
  color: #1cad4c !important;
  transition: all .3s cubic-bezier(.645, .045, .355, 1); */
}

.qrfun-btn.qrfun-beautify-btn:active {
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
  border-color: #00a13b;
  color: #00a13b !important;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.create-style-tpl-btn:focus {
  border-color: #00a13b !important;
  color: #00a13b !important;
  background-color: #fff !important;
}

.create-style-tpl-btn:hover {
  border-color: #00a13b !important;
  color: #fff !important;
  background-color: #00a13b !important;
}

.fastprint-top,
.a4-content {
  padding: 16px 16px 0;
}

.fastprint-content .img-wrapper,
.a4-content .img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  /* height: 228px; */
  /* min-height: 228px; */
  margin-bottom: 16px;
}

.a4-content .img-wrapper {
  margin-bottom: 8px;
}

.fastprint-content .img-wrapper .ant-spin-spinning,
.a4-content .img-wrapper .ant-spin-spinning {
  height: 200px;
  line-height: 200px;
}

.qrcode-wrapper .ant-spin-spinning {
  /* position: relative;
  top: -16px; */

  min-height: 228px;
  line-height: 210px;
}

.fastprint-content .img-wrapper {
  margin-bottom: 8px;
}

.fastprint-content .img-wrapper img,
.a4-content .img-wrapper img {
  max-height: 100%;
  max-width: 100%;
  /* border-radius: 4px; */
  border: 1px solid rgba(120, 130, 140, 0.13);
  box-shadow: 0 1px 16px rgba(0, 0, 0, 0.05);
}

.fastprint-content .img-wrapper img {
  max-height: 280px;
  border-radius: 8px;
}

.fastprint-content .current-style,
.a4-content .current-style {
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 20px;
}

.a4-content .current-style {
  margin-bottom: 16px;
}

.fastprint-content .other-set-item {
  padding: 0;
  margin: 0 0 8px;
}

.fastprint-content .other-set-item .label-wrapper {
  width: 32px;
  min-width: 32px;
  margin-right: 8px;
  margin-left: 0;
}

.fastprint-content .other-set-dropdown {
  flex: 1;
}

.fastprint-content .other-set-dropdown-btn {
  width: 100%;
  padding-left: 8px;
  padding-right: 6px;
}

.fastprint-content .other-set-dropdown-btn span {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fastprint-content .other-set-dropdown .dropdown-menu {
  width: 120%;
}

.fastprint-content .btn-actions {
  margin-bottom: 20px;
}

.fastprint-btn:focus {
  box-shadow: none;
}

.fastprint-content .btn-actions .fastprint-btn {
  font-weight: normal;
  width: 110px;
  height: 32px;
  padding: 0;
  font-size: 13px;
  display: block;
  border-radius: 2px;
  margin-left: 58px;
}

.print-wrapper {
  border-top: 1px solid #e6e6e6;
  padding: 14px 12px 0;
}

.print-wrapper h4 {
  margin-left: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 4px;
}

.print-tabs {
  display: flex;
  border-bottom: 1px solid #eee;
}

.print-tabs li {
  position: relative;
  padding: 6px 0 10px;
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.65);
  margin: 0 12px 0 4px;
  cursor: pointer;
  white-space: nowrap;
}

.print-tabs li:hover {
  color: #008C33;
}

.print-tabs li.active {
  color: #008C33;
  font-weight: bold;
}

.print-tabs li.active:before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  height: 3px;
  width: 100%;
  background-color: #008C33;
}

.print-content {
  padding: 12px 4px 0;
}

.print-a4 .other-set-item {
  margin-bottom: 12px;
}

.print-content .print-desc {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 12px;
}

.print-content .learn-more {
  height: 38px;
  font-weight: normal;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 20px;
}

.print-content .learn-more:focus {
  box-shadow: none;
}

.question-tooltip .tooltip-inner a {
  color: #64c6ff;
}

.question-tooltip .tooltip-inner a:hover {
  color: #40a9ff;
}

#download-more[disabled="disabled"] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

.block-green {
  background-color: #fff;
  border: 1px solid #e6e6e6;
}

.block-green:hover {
  border-color: #008c33;
  color: #008c33;
  box-shadow: none !important;
  transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.down-link:hover {
  color: rgba(0, 0, 0, 0.85);
  transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.label-link,
.label-link a {
  color: #166cb7;
}

.label-link i::before {
  display: block !important;
}

.label-link:hover,
.label-link:hover a {
  color: #024a99;
}

.down-label-link {
  font-size: 13px;
  line-height: 28px;
  margin-top: 12px;
}

.down-label-link a {
  display: block;
  width: 111px;
  margin: 0 auto;
  cursor: pointer;
}

.change-label-link {
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.change-label-link i {
  margin-right: 4px;
  position: relative;
  top: 2px;
  font-size: 16px;
}

.main-download-special {
  display: inline-block;
  color: #666666;
  width: 108px;
  height: 38px;
  line-height: 38px;
  padding: 0;
}

.code-create-popover .popover-content {
  padding: 4px 8px !important;
}

.codeType-popover {
  width: 236px;
}

.codetype-wrap-popover-wrap .ant-radio-wrapper,
.modal-code-more-setting .ant-radio-wrapper {
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  color: rgba(0, 0, 0, .65);
  box-sizing: border-box;
  padding: 0;
  list-style: none;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  margin: 0 8px 0 0;
  cursor: pointer;
}

.modal-code-more-setting .ant-radio-wrapper {
  margin-right: 12px;
}

.codetype-wrap-popover-wrap .ant-radio,
.modal-code-more-setting .ant-radio {
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  color: rgba(0, 0, 0, .65);
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  outline: none;
  display: inline-block;
  position: relative;
  line-height: 1;
  vertical-align: sub;
  cursor: pointer;
}

.codetype-wrap-popover-wrap .ant-radio + *,
.modal-code-more-setting .ant-radio + * {
  padding-left: 4px;
  padding-right: 4px;
}

.codetype-wrap-popover-wrap .ant-radio-input,
.modal-code-more-setting .ant-radio-input {
  position: absolute;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.codetype-wrap-popover-wrap .ant-radio-inner,
.modal-code-more-setting .ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  transition: all .3s;
  width: 12px;
  height: 12px;
  top: -1px;
}

.codetype-wrap-popover-wrap .ant-radio-inner:hover,
.modal-code-more-setting .ant-radio-inner:hover {
  border-color: #3cb067;
}

.codetype-wrap-popover-wrap .ant-radio-inner:after,
.modal-code-more-setting .ant-radio-inner:after {
  position: absolute;
  width: 4px;
  height: 4px;
  left: 3px;
  top: 3px;
  border-radius: 8px;
  display: table;
  border-top: 0;
  border-left: 0;
  content: " ";
  background: #3cb067;
  opacity: 0;
  -ms-transform: scale(0);
  transform: scale(0);
  transition: all .3s cubic-bezier(.78, .14, .15, .86);
}

.codetype-wrap-popover-wrap .ant-radio-input:checked + .ant-radio-inner,
.modal-code-more-setting .ant-radio-input:checked + .ant-radio-inner {

  border-color: #3cb067;
}

.codetype-wrap-popover-wrap .ant-radio-input:checked + .ant-radio-inner::after,
.modal-code-more-setting .ant-radio-input:checked + .ant-radio-inner::after {
  -ms-transform: scale(.875);
  transform: scale(.875);
  opacity: 1;
  transition: all .3s cubic-bezier(.78, .14, .15, .86);
}

.codetype-wrap-popover-wrap .codetype-popover-type,
.modal-code-more-setting .codetype-popover-type {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.45);
}

.codetype-wrap-popover-wrap .codetype-checkbox,
.modal-code-more-setting .codetype-checkbox {
  margin-top: 8px;
}

.codetype-wrap-popover-wrap .codetype-checkbox .ant-radio-wrapper,
.modal-code-more-setting .codetype-checkbox .ant-radio-wrapper {
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  color: rgba(0, 0, 0, .65);
  box-sizing: border-box;
  padding: 0;
  list-style: none;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  margin: 0 8px 8px 0;
  cursor: pointer;
}

.codetype-wrap-popover-wrap .codetype-checkbox .ant-radio-wrapper .ant-radio,
.modal-code-more-setting .codetype-checkbox .ant-radio-wrapper .ant-radio {
  position: relative;
  top: 0px;
}

.codetype-wrap-popover-wrap .codetype-checkbox .ant-radio-wrapper .ant-radio .ant-radio-inner,
.modal-code-more-setting .codetype-checkbox .ant-radio-wrapper .ant-radio .ant-radio-inner {
  transition: none;
}

.codetype-wrap-popover-wrap .codetype-checkbox .ant-radio-wrapper .ant-radio .ant-radio-inner:after,
.modal-code-more-setting .codetype-checkbox .ant-radio-wrapper .ant-radio .ant-radio-inner:after {
  transition: none;
}

.codetype-wrap-popover-wrap .codetype-checkbox .ant-radio-wrapper:hover .ant-radio .ant-radio-inner,
.modal-code-more-setting .codetype-checkbox .ant-radio-wrapper:hover .ant-radio .ant-radio-inner {
  border-color: #3cb067;
}

.modal-code-more-setting .radio-content {
  position: relative;
}

.more-setting-info-wrap {
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 80ms ease-out;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.more-setting-info-wrap:hover {
  color: rgba(0, 0, 0, 0.85);
  transition: all 80ms ease-out;
}

.more-setting-info-wrap.none {
  display: none;
}

.more-setting-info-wrap .qrcode-box {
  cursor: pointer;
}

.more-setting-icon {
  margin-left: 4px;;
}

.more-setting-info-wrap .more-setting-size-text.none {
  display: none;
}

.more-setting-info-wrap .more-setting-other-setting {
  margin-left: 8px;
  cursor: pointer;
}

.more-setting-info-wrap .more-setting-other-setting:hover {
  /* color: #166bc7; */
}

.more-setting-info-wrap .otherCode {
  text-align: center;
}

.more-setting-info-wrap .otherCode .otherCode-text {
  /* font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
  cursor: default; */
}

.modal-code-more-setting .modal-dialog {
  width: 600px;
  box-shadow: 0px 3px 6px -4px rgb(0, 0, 0, 0.12), 0px 6px 16px rgb(0, 0, 0, 0.08), 0px 9px 28px 8px rgb(0, 0, 0, 0.05);
}

.modal-code-more-setting .modal-body {
  padding: 28px 24px;
}

.modal-code-more-setting .modal-dialog .modal-header,
.modal-code-more-setting .modal-dialog .modal-footer {
  border-radius: 2px;
}

.modal-code-more-setting .modal-dialog .modal-header {
  padding: 16px 24px;
}

.modal-code-more-setting .modal-dialog .modal-header .close {
  margin-top: 1px;
}

.modal-code-more-setting .modal-dialog .modal-footer {
  padding: 10px 16px;
  position: relative;
}

.modal-code-more-setting .modal-title {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}

.modal-code-more-setting .main-setting {

}

.modal-code-more-setting .main-setting .code-type-wrap {

}

.modal-code-more-setting .main-setting .label-title {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  width: 76px;
}

.modal-code-more-setting .ant-radio-wrapper:hover .ant-radio .ant-radio-inner {
  border-color: #3cb067;
}

.modal-code-more-setting .main-setting .radio-content {
  display: inline-block;
  flex: 1;
}

.modal-code-more-setting .main-setting .radio-content .radio-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
  margin-left: 2px;
  position: relative;
  top: 1px;
}

.modal-code-more-setting .main-setting .wrap-item {
  /* margin-top: 16px; */
  display: flex;
}

.modal-code-more-setting .main-setting .wrap-item.custom-size-wrap {
  align-items: center;
}

.modal-code-more-setting .main-setting .wrap-item + .wrap-item {
  margin-top: 16px;
}

.modal-code-more-setting .main-setting .wrap-item .ant-radio-wrapper {
  margin-bottom: 8px;
}

.modal-code-more-setting .other-setting {
  position: absolute;
  line-height: 32px;
}

.modal-code-more-setting .other-setting .other-setting-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
}

.modal-code-more-setting .other-setting .a4-print-modal {
  padding: 5px 8px;
}

.modal-code-more-setting .other-setting .a4-print-modal.disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
  display: inline-block;
}

.modal-code-more-setting .other-setting .caoliao-print-modal {
  padding: 5px 8px;
}

.modal-code-more-setting .modal-footer .success-btn {
  padding: 5px 16px;
  color: #fff;
  background-color: #00a13b;
  border-color: #00a13b;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);
  border-radius: 2px;

  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  border-radius: 2px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.modal-code-more-setting .modal-footer .success-btn:hover,
.modal-code-more-setting .modal-footer .success-btn:focus {
  color: #fff;
  background-color: #1cad4c;
  border-color: #1cad4c;
}

.modal-code-more-setting .modal-footer .success-btn:active {
  color: #fff;
  background-color: #007a31;
  border-color: #007a31;
}

.modal-code-more-setting .main-setting .wrap-item.disabled {
  cursor: not-allowed;
  /* pointer-events: none; */
}

.modal-code-more-setting .main-setting .wrap-item.disabled .ant-radio-inner {
  background-color: #f5f5f5;
}

.modal-code-more-setting .main-setting .wrap-item.disabled .ant-radio-wrapper {
  margin-bottom: 8px;
  pointer-events: none !important;
  cursor: not-allowed !important;
}

.modal-code-more-setting .main-setting .wrap-item.disabled .radio-content .radio-text {
  color: rgba(0, 0, 0, 0.25) !important;
}

/* 设置弹框的自定义框 */
.modal-code-more-setting .custom-size-wrap {

}

.modal-code-more-setting .custom-size-wrap.none {
  display: none;
}

.modal-code-more-setting .custom-size-wrap .input-wrap {

}

.modal-code-more-setting .custom-size-wrap .input-wrap .input-box {
  display: inline-block;
}

.modal-code-more-setting .custom-size-wrap .input-wrap .size-tip {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.modal-code-more-setting .custom-size-wrap .input-wrap .input-box .unit-box {
  height: 32px;
  background: #fafafa;
  color: rgba(0, 0, 0, 0.85);
  border-radius: 0px 2px 2px 0px;
  display: inline-block;
  position: relative;
  top: 1px;
  border: 1px solid #d9d9d9;
  border-left: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 12px;
}

.modal-code-more-setting .custom-size-wrap .input-wrap .input-box .unit-box .unit-text {
  position: relative;
  top: -2px;
}

.modal-code-more-setting .custom-size-wrap .custom-size-input {
  border: 1px solid #d9d9d9;
  border-radius: 2px 0px 0px 2px;
  height: 32px;
  line-height: 22px;
  padding: 5px 0px 5px 12px;
  /* position: absolute; */
  /* transition: all .3s cubic-bezier(.645, .045, .355, 1); */
  width: 82px;
  display: inline-block;
}

/* 去掉 number 上下箭头 */
.modal-code-more-setting .custom-size-wrap .custom-size-input::-webkit-outer-spin-button,
.modal-code-more-setting .custom-size-wrap .custom-size-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.modal-code-more-setting .custom-size-wrap .custom-size-input[type="number"] {
  -moz-appearance: textfield;
}

/* 去掉 number 上下箭头 */

.modal-code-more-setting .custom-size-wrap .custom-size-input.none {
  display: none;
}

.modal-code-more-setting .custom-size-wrap .custom-size-input.bigNum {
  border-color: #E64340;
}

.modal-code-more-setting .custom-size-wrap .custom-size-input:hover,
.modal-code-more-setting .custom-size-wrap .custom-size-input:focus,
.modal-code-more-setting .custom-size-wrap .custom-size-input:active {
  border-color: #008c33;
  /* transition: all .3s cubic-bezier(.645, .045, .355, 1); */
}

.modal-code-more-setting .custom-size-wrap.disabled .custom-size-input {
  cursor: not-allowed;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.25);
}

.modal-code-more-setting .custom-size-wrap.disabled .unit-box {
  color: rgba(0, 0, 0, 0.25) !important;
  background-color: #f5f5f5 !important;
}

.modal-code-more-setting .custom-size-wrap.disabled .size-tip {
  color: rgba(0, 0, 0, 0.25);
}

.modal-code-more-setting .custom-size-wrap.disabled .custom-size-input:hover {
  border-color: #d9d9d9;
}

/* .modal-backdrop {
  z-index: 1003;
}

.modal-code-more-setting.modal {
  z-index: 1004;
} */

/* 容错率弹框-popover */
.code-level-popover.top {
  margin-left: 90px;
}

.code-level-popover.top > .arrow {
  margin-left: -102px;
}

/* 底部 action 的操作项 */
.create-code-bottom-action-wrap {
  margin-top: 8px;
}

.create-code-bottom-action-wrap .action-item {
  display: inline-block;
  line-height: 20px;
}

.create-code-bottom-action-wrap .action-item:first-child {
  margin-right: 16px;
}

/* .create-code-bottom-action-wrap .action-item + .action-item {
  margin-left: 16px;
} */

.create-code-bottom-action-wrap .action-item.none {
  display: none;
}

.create-code-bottom-action-wrap .action-item .action-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}

.create-code-bottom-action-wrap .action-item .action-text:hover {
  color: #166bc7;
}

.create-code-bottom-action-wrap .action-item .action-text.none {
  display: none;
}

.create-code-bottom-action-wrap .action-item.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

.create-code-bottom-action-wrap .action-item.disabled .action-text:hover {
  color: rgba(0, 0, 0, 0.45);
}

.create-code-bottom-action-wrap .other-bottom-action {
  text-align: center;
  /* width: 230px; */
}

.create-code-bottom-action-wrap .other-bottom-action .otherCode-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
  cursor: default;
}

.create-code-bottom-action-wrap .other-bottom-action .know-more-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}

.change-code-style {
  padding: 8px 16px;
  width: 228px;
  height: 58px;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.016);
  border-radius: 2px;
  width: 226px;
  margin: 0 16px;
  text-align: center;
  cursor: pointer;
  margin-top: 8px;
  transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.change-code-style:hover {
  border-color: #1cad4c;
  color: #1cad4c !important;
}

.change-code-style .change-code-style-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.change-code-style .change-code-style-sub-title {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}

.qr-style-tab-item-beautify-test1 {
  display: block;
  text-align: center;
  font-size: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding-bottom: 12px;
  margin: 0 16px 12px;
}

.other-codetype-action {
  margin: 16px 0;
}

.other-codetype-action .otherCode-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}

.other-codetype-action .know-more-text-wrapper {
  text-align: center;
  margin-top: 4px;
}

.other-codetype-action .know-more-text-wrapper .know-more-text {

}

.edit-style-code-wrap {
  margin-top: 8px;
  padding: 0 16px;
  text-align: center;
}

.edit-style-code-wrap .style-name-box {
  color: rgba(0, 0, 0, 0.65);
}

.edit-style-code-wrap .style-name-box .style-name {
  color: rgba(0, 0, 0, 0.85);
}

.edit-style-code-wrap .btnWrapper {
  margin: 8px 0 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding-bottom: 16px;
}

.template-wrapper-lists .btnWrapper {
  margin: 16px 0 8px;
  padding: 0 16px;
}

.template-wrapper-lists .btnWrapper button {
  /* margin: 16px; */
}

/* 测试 B 版本 */
.tab-wrapper {
  margin: 4px 16px 0;
  padding-bottom: 12px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.tab-wrapper .tab-item {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
  height: 20px;
  /* cursor: pointer; */
}

.tab-wrapper .tab-item.poiner {
  cursor: pointer;
}

.tab-wrapper .tab-item.active-item {
  color: #008C33;
  font-weight: bold;
}

.tab-wrapper .tab-item:hover {
  color: #008C33;
}

.tab-wrapper .tab-item + .tab-item {
  margin-left: 16px;
}

.template-wrapper-lists {
  padding-top: 12px;
}

.template-wrapper-lists .img-lists {
  display: flex;
  margin: 0 16px;
}

.template-wrapper-lists .img-lists .img-item {
  width: 72px;
  height: 56px;
  background: #FAFAFA;
  border: 1px solid #EEEFF0;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-items: center;
  padding: 2px;
  cursor: pointer;
}

.template-wrapper-lists .img-lists .img-item:hover {
  border-color: #00A13B;
}

.template-wrapper-lists .img-lists .img-item.active {
  border-color: #00A13B;
}

.template-wrapper-lists .img-lists .img-item + .img-item {
  margin-left: 6px;
}

.template-wrapper-lists .img-lists .img-item .beautify-img {
  width: 100%;
  /* height: 100%; */
}

.template-wrapper-lists .img-lists .img-item.more-img-item {
  position: relative;
}

.template-wrapper-lists .img-lists .img-item.more-img-item .textBox {

}

.template-wrapper-lists .img-lists .img-item.more-img-item .textBox .moreIcon {
  color: #bbb;
  font-size: 18px;
  position: absolute;
  top: 6px;
  left: 50%;
  margin-left: -9px;
}

.template-wrapper-lists .img-lists .img-item.more-img-item .textBox .text {
  display: inline-block;
  width: 50px;
  transform: scale(0.85);
  position: absolute;
  bottom: 6px;
  left: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 400;
  font-size: 10px;
  line-height: 18px;
}

.template-wrapper-lists .more-templates {
  margin-top: 12px;
  text-align: center;
  margin-bottom: 24px;
  line-height: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 美化标签 */

.sub_nav li {
  float: left;
  height: 100%;
  list-style: none;
  /* padding: 12px 0; */
}

.sub_nav li a {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 17px;
  padding: 12px;
  /* margin-right: 8px; */
  text-align: center;
  /* color: #4a4a4a; */
  color: rgba(0, 0, 0, 0.70);
  position: relative;
  z-index: 1;
}

.sub_nav li a.text-darkgrey {
  color: #666;
}

.sub_nav li a:hover {
  color: #008c33;
}

.sub_nav.qrcode-bottom {
  top: 268px;
  position: absolute;
  right: 0;
  z-index: -1;
  width: 260px;
  margin: 0 0 0 auto;
}

.sub_nav.qrcode-bottom .p-t-b-8 {
  padding: 8px 0;
}

.sub_nav.qrcode-bottom .pull-right {
  max-width: 260px;
  width: 100%;
  padding: 0 10px;
  display: flex;
  justify-content: center;
}

.mh-popover-origin {
  width: 100%;
}

.qrimage-td-h {
  height: 260px;
}

.sub_nav.qrcode-bottom .divider {
  border-right: 1px solid rgba(120, 130, 140, 0.25);
}

.sub_nav.qrcode-bottom li a {
  padding: 0;
  display: inline-block;
  width: 100%;
}

.bottom-tool-divider {
  height: 16px;
  /* width: 0px; */
  border: 0.5px solid rgba(120, 130, 140, 0.25);
  margin-top: 8px;
}

.m-h-450 {
  min-height: 450px;
}

.file-edit-loading-box {
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 新版样式编辑器修改 */

.has-code-action {
  display: none;
}

.hasQrCode .has-code-action,
.hasQrCodeNew .has-code-action {
  display: block;
}

.otherCodeType .has-code-action {
  height: 16px;
}

.otherCodeType .choose-label-style-tpl {
  display: none;
}

.otherCodeType .qrimage-wrap td {
  min-height: 210px;
}

#qrfun-box.renderDone.imgRenderDone .choose-label-style-tpl {
  opacity: 1 !important;
}

/* 头部切换样式 */
.choose-label-style-tpl {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* border-bottom: 1px solid #f0f0f0; */
  font-size: 13px;
  opacity: 0;
}

.choose-label-style-tpl.isSimpleStyle {
  /* justify-content: center; */
  /* display: none; */
}

.choose-label-style-tpl .choose_label_style_tpl_name {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  max-width: 156px;
  /* max-width: 100px; */
  display: inline-block;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.choose-label-style-tpl.isSimpleStyle .choose_label_style_tpl_name {
  /* display: none; */
}

.choose-label-style-tpl .choose-tpl-action {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.code-meihua-style {
  display: inline-block;
  text-align: center;
  color: rgba(0, 0, 0, 0.70);
  font-size: 14px;
  line-height: 17px;
}

#mh_link:hover .code-meihua-style,
#mh_link:hover .code-meihua-style .clifont {
  color: #008c33 !important;
}

#style-label-created:hover .code-meihua-style,
#style-label-created:hover .code-meihua-style .clifont {
  color: #008c33 !important;
}

.deqr-wrapper .deqr-link:hover,
.deqr-wrapper .deqr-link:hover .clifont {
  color: #008c33 !important;
}


/* 头部切换样式NEW */
.choose-label-style-tpl-new {
  display: flex;
  width: 260px;
  font-size: 13px;
  align-items: center;
  justify-content: center;
  line-height: 24px;
  margin-left: 40px;
  color: rgba(0, 0, 0, 0.65);
  position: absolute;
  top: -32px;
}

.choose-label-style-tpl-new.none {
  display: none !important;
}

.choose-label-style-tpl-new .choose-tpl-action {
  margin-left: 6px;
}

/* START 前往制作标签模板 */
.qrbox .create-style-tpl-wrapper {
  vertical-align: top;
  width: 260px;
  display: inline-block;
  border: 1px solid #e6e6e6;
  padding: 12px 16px;
  margin-left: 40px;
  display: none;
  background-color: #fff;
  margin-top: 8px;
  border-radius: 2px;
}

.qrbox .create-style-tpl-wrapper.has-create-qrcode {
  display: inline-block;
}

.qrbox .create-style-tpl-wrapper .tip {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
  text-align: left;
  display: flex;
  justify-content: space-between;
}

.qrbox .create-style-tpl-wrapper .imgBox {
  margin-top: 6px;
  width: 100%;
  cursor: pointer;
}

.qrbox .create-style-tpl-wrapper .imgBox img {
  width: 100%;
}

.qrbox .create-style-tpl-wrapper .create-style-tpl-btn {
  width: 100%;
  margin-top: 8px;
  height: 38px;
  font-size: 14px;
  border-radius: 2px;
  line-height: 20px;
}

.qrbox .create-style-tpl-wrapper.none {
  display: none !important;
}

.qrbox .create-style-tpl-wrapper.otherCodeType {
  display: none;
}

.hasQrCodeNew.renderDone.imgRenderDone .create-style-tpl-wrapper {
  display: block;
  max-height: 130px;
}

.hasQrCodeNew.qrbox {
  height: 0;
  /* top: -37px; */
  z-index: 3;
}

.url-qrcode-wrapper.hasQrCodeNew.qrbox {
  height: auto;
}

.url-qrcode-wrapper.hasQrCodeNew.qrbox .qrimage-wrap {
  padding: 0 0 0 4px !important;
}

.url-qrcode-wrapper.noQrCode.qrbox .qrimage-wrap #qrimageTd {
  min-height: 260px;
}

.url-qrcode-wrapper.hasQrCodeNew.qrbox .qrimage-wrap #qrimageTd {
  min-height: 140px !important;
}

.url-qrcode-wrapper.noQrCode.qrbox .has-code-action {
  display: none !important;
}

.url-qrcode-wrapper.hasQrCodeNew.qrbox .has-code-action {
  display: block !important;
}

/* .url-qrcode-wrapper.noQrCode.qrbox .ant-spin {
  display: none !important;
} */

.url-qrcode-wrapper.noQrCode.qrbox #qrimage {
  display: none;
}

.url-qrcode-wrapper.noQrCode.qrbox table {
  width: 100%;
}

.url-qrcode-wrapper.noQrCode.qrbox .table.td {
  color: #ececec !important;
  font-size: 16px;
  min-height: 260px;
}

.url-qrcode-wrapper.noQrCode.qrbox .deqr-wrapper {
  /* display: none !important; */
}

.vcard-qrcode-wrapper.hasQrCodeNew.qrbox {
  height: 460px;
}

/* END 前往制作标签模板 */

.popover {
  border: none;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05));
  /* box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05); */
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.02)) drop-shadow(0 2px 4px rgba(0,0,0,0.02));
}

.popover.bottom > .arrow {
  border-bottom-color: transparent;
  /* filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05)); */
  /* box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.05); */
}

.deqr-wrapper .anticon-cli-scanning {
  font-size: 13px;
  margin-right: 3px;
  color: #666;
}

.code-meihua-style .clifont {
  font-size: 13px;
  margin-right: 8px;
  color: #666;
}

#download-wrapper .btn.main-download {
  width: 100%;
  height: 38px;
  border-radius: 2px;
  font-size: 14px;
}

#multimedia-file-icon {
  margin-top: 56px;
}

.generate-fail-td {
  height: 228px;
  width: 228px;
}

.single-to-active-code-btn {
  width: 228px;
}

.preview-qrcode-placeholder {
  color: #ececec;
}

#uploading p.file-name {
  color: rgba(0,0,0,.45);
  margin-bottom: 8px;
}

/* 拖拽交互 */
.upload-wrapper .dragtip {
  /*display: none;*/
  position: absolute;
  visibility: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 20px;
  color: black;
}

.upload-wrapper .dragtip .tip-text + p {
  font-size: 13px;
  color: rgba(0, 0, 0, .45);
  position: absolute;
  left: 0;
  bottom: -4px;
  transform: translateY(100%);
  text-align: center;
  right: 0;
}

.upload-wrapper .dragtip.drop {
  border-color: #00A13B;
}

.upload-wrapper .dragtip .clifont {
  font-size: 40px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  color: #666;
}

.upload-wrapper .dragtip.drop .clifont {
  color: #00A13B;
}

body.drag-in .upload-wrapper .upload-before {
  border-color: transparent;
  outline: 2px dashed rgba(120, 130, 140, 0.25);
}

body.drag-in .upload-wrapper.drag-in .upload-before {
  border-color: transparent;
  outline: 2px dashed #00A13B;
}

body.drag-in .upload-wrapper .upload-before-default {
  visibility: hidden;
}

body.drag-in .upload-wrapper .dragtip.drag {
  visibility: visible;
}

body.drag-in .upload-wrapper.drag-in .dragtip.drag {
  visibility: hidden;
}

.upload-wrapper.drag-in .dragtip.drop {
  visibility: visible;
}