input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type='number'] {
          appearance: textfield;
     -moz-appearance: textfield;
  -webkit-appearance: textfield;
}
.info-children {
  margin-left: 15px;
}
.template-info-box .zct-form .info-item {
  min-width: 100%;
}
.info-item {
  display: flex;
  padding: 0;
}
.info-item.col-12 {
  float: left;
  width: 50%;
}
.zct-form .info-item.col-12 input[type='text'] {
  width: 240px;
}
.template-info-box .zct-form .info-item input[type='text'].mini-input {
  width: 40px;
  margin: 0 5px;
  padding: 9px 10px;
}
.info-item.edit {
  padding: 4px 0;
  /* border-bottom: none; */
}
.info-item .name {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* width: 40%; */
  padding-right: 10px;
  padding-left: 17px;
  color: #525465;
  font-size: 14px;
  line-height: 36px;
  white-space: nowrap;
}
.have-children .name {
  cursor: pointer;
}
.info-children .info-item .name {
  padding-left: 2px;
}
.info-zone .level-arrow {
  width: 16px;
  height: 8px;
  float: left;
  margin: 14px 0 0 -16px;
  background: url('/node/public/image/zct/icon-blue-up.svg') no-repeat center center / 90%;
  vertical-align: middle;
  transition: transform .25s linear;
}
.long-value .info-item .name {
  /* width: 50%; */
  box-sizing: border-box;
}
.info-item .name:after {
  content: '：';
}
.info-item .name.required:before {
  position: relative;
  top: -1px;
  left: -5px;
  display: inline-block;
  width: 10px;
  height: 8px;
  content: ' ';
  background: url('../../image/zct/info-edit-icons.png') -123px -10px;
  background: url('../../image/zct/icon-required.svg') no-repeat, none;
}
.info-item .value {
  position: relative;
  color: #2A2B34;
  font-size: 14px;
  line-height: 36px;
  word-wrap: break-word;
  word-break: break-all;
  margin-left: 0;
  max-height: 400px;
  overflow-y: auto;
}
.long-value .zct-form .info-item .value {
  /* width: 60%; */
  box-sizing: border-box;
}
.long-value .zct-form .info-item .value select {
  box-sizing: border-box;
}
.long-value .zct-form .info-item .value input {
  padding: 10px;
}
.zct-form .add-industry, .zct-form .add-field, .zct-form .add-area {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #32C3D6;
  font-size: 14px;
}
.zct-form .add-industry:before, .zct-form .add-field:before, .zct-form .add-area:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  content: ' ';
  vertical-align: text-bottom;
  background: url('/node/public/image/zct/icon/edit.svg') no-repeat, none;
}
.template-info-box .industry-list, .template-info-box .field-list, .template-info-box .area-list {
  display: inline-block;
  cursor: pointer;
}
/******************************** 新样式 *****************************************/
.template-info-box.child-info {
  position: relative;
  /* margin-left: 1%; */
  background-color: rgba(242, 245, 248, .6);
  padding: 10px 0;
}
.template-info-box.child-info::after {
  position: absolute;
  content: ' ';
  display: block;
  top: 0;
  left: 0;
  width: 15px;
  height: 100%;
  background-color: #FFF;
}
.template-info-box.child-info label.name {
  padding-left: 32px;
}
/* 重写样式 */
.template-info-box .zct-form .radio-group .radio-box.checkbox label::before {
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  z-index: -1;
}
.template-info-box .zct-form .radio-group .radio-box.checkbox {
  min-width: auto;
}
/* 重写样式 end */

.template-info-box .zct-form .radio-group .radio-box.checkbox label {
  font-size: 14px;
  color: #525465;
  background-color: rgba(242, 245, 248, .6);
  padding: 3px 14px 3px 12px;
  border-radius: 50px;
  /* margin-right: 6px; */
  border: 1px solid rgba(242, 245, 248, .6);
}
.template-info-box .zct-form .radio-group .radio-box.checkbox.active label {
  color: #12B6CC;
  background-color: #FFF;
  border: 1px solid #12B6CC;
}
.template-info-box .zct-form textarea {
  width: 342px;
  padding: 9px 20px 9px 10px;
  box-sizing: border-box;
}
.template-info-box .zct-form input[type='text'], .template-info-box .zct-form input[type='number'], .template-info-box .zct-form input[type='tel'] {
  width: 340px;
  height: 34px;
  box-sizing: border-box;
}
.template-info-box .zct-form .date-range-box input {
  width: 160px;
}
.input-verify-box {
  position: relative;
  width: 340px;
}
.input-verify-box.mini-input-box {
  width: 40px !important;
  display: inline-block;
  margin: 0 5px;
}
.template-info-box .zct-form .info-item .mini-input-box input[type='text'].mini-input {
  margin: 0;
}
.input-verify-notice {
  position: absolute;
  bottom: -30px;
  right: 0;
  font-size: 14px;
  color: #FFF;
  background-color: #E7552D;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  z-index: 1;
  width: max-content;
  display: none;
}
.input-verify-notice.active {
  display: block;
}
.input-verify-notice::after {
  content: ' ';
  display: block;
  background-image: url('../../../image/share/validator_arrow.png');
  width: 13px;
  height: 5px;
  right: 15px;
  top: -5px;
  position: absolute;
  z-index: 20;
}
.validator_fail {
  z-index: 1;
}