@charset "UTF-8";
.model {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  /* 黑色背景，透明度为0.4 */
  /* 弹窗内容的样式 */
  /* 弹窗动画 */
}

.model .modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  /* 使用 margin 来垂直居中 */
  padding: 30px 25px;
  border: 1px solid #888;
  /* 弹窗宽度 */
  max-width: 340px;
  /* 最大宽度 */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  /* 阴影效果 */
  animation-name: animatetop;
  animation-duration: 0.4s;
  border-radius: 10px;
}

.model .modal-content > form > .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.model .modal-content > form > .title > .title_text {
  font-size: 19px;
}

.model .modal-content > form > .title > .close {
  font-size: 14px;
  color: #666666;
  cursor: pointer;
}

.model .modal-content > form > .input {
  width: 100%;
  height: 44px;
  border: solid 1px #e1e1e1;
  border-radius: 5px;
  margin-top: 15px;
}

.model .modal-content > form > .input > input {
  width: 100%;
  height: 100%;
  font-size: 13px;
  padding: 0 19px;
  border-radius: 5px;
}

.model .modal-content > form > .textarea {
  width: 100%;
  height: 100px;
  border: solid 1px #e1e1e1;
  border-radius: 5px;
  margin-top: 15px;
}

.model .modal-content > form > .textarea > textarea {
  border: none;
  /* 去掉边框 */
  outline: none;
  /* 去掉聚焦时的轮廓线 */
  background: none;
  /* 去掉背景色 */
  font-family: inherit;
  /* 字体继承自父元素 */
  font-size: inherit;
  /* 字体大小继承自父元素 */
  padding: 0;
  /* 去掉内边距 */
  resize: none;
  /* 禁止调整大小 */
  overflow: auto;
  /* 确保内容溢出时显示滚动条 */
  width: 100%;
  height: 100%;
  font-size: 13px;
  padding: 19px 19px;
  border-radius: 5px;
}

.model .modal-content > form > .code_pic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
  height: 44px;
  border: solid 1px #e1e1e1;
  border-radius: 5px;
  width: 100%;
}

.model .modal-content > form > .code_pic > input {
  height: 100%;
  padding: 0 19px;
}

.model .modal-content > form > .code_pic > img {
  border-radius: 0 5px 5px 0;
}

.model .modal-content > form > .btn {
  width: 100%;
  height: 45px;
  text-align: center;
  line-height: 45px;
  background-color: #ff4000;
  border-radius: 5px;
  margin-top: 15px;
  color: #ffffff;
}

.model .modal-content > form > .yhfw {
  display: flex;
  align-items: center;
  font-size: 11px;
  color: #999999;
  margin-top: 15px;
}

.model .modal-content > form > .yhfw > a {
  color: #000000;
  font-size: 11px;
}

@keyframes animatetop {
  from {
    top: -300px;
    opacity: 0;
  }
  to {
    top: 50%;
    opacity: 1;
  }
}