//第一个按钮，四个字以内，蓝色
button.middle_btn {
  width: 100px;
  height: 38px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  background: linear-gradient(#4b73eb, #1c55ff);
  box-shadow: 0 2px 4px 0 rgba(193, 204, 234, 1);
  border: unset;
  transition: none;
}
button.middle_btn:active,
button.middle_btn.active {
  background: linear-gradient(#3086ff, #4b99eb);
  border: unset;
  color: #ffffff;
}
button.middle_btn:hover,
button.middle_btn:focus {
  background: linear-gradient(#3086ff, #4b99eb);
  border: unset;
  color: #ffffff;
}

//第二个按钮 长文字 蓝色
button.large_btn,
button.large_btn:focus {
  padding: 0 15px;
  height: 38px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  background: linear-gradient(#4b73eb, #1c55ff);
  box-shadow: 0 2px 4px 0 rgba(193, 204, 234, 1);
  border: unset;
  color: #fff;
}
button.large_btn:hover {
  background: linear-gradient(#3086ff, #4b99eb);
  border: unset;
  color: #fff;
}
button.large_btn:active,
button.large_btn.active {
  color: #fff;
  background: linear-gradient(#4b73eb, #1c55ff);
  border: unset;
}

//第三个按钮 默认按钮--default
button.default_btn {
  min-width: 100px;
  height: 38px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #81848e;
  border: 1px solid #c1c9db;
  background: #feffff;
  box-shadow: 0 2px 4px 0 rgba(230, 233, 240, 1);
}
button.default_btn:hover,
button.default_btn:focus {
  color: #30354d;
  border: 1px solid #97a5c7;
  background: #feffff;
  box-shadow: 0 2px 4px 0 rgba(230, 233, 240, 1);
}
button.default_btn:active,
button.default_btn.active {
  color: #30354d;
  border: 1px solid #97a5c7;
  background: #f2f3f6;
  box-shadow: 0 2px 4px 0 rgba(230, 233, 240, 1);
}

//第四个按钮 小按钮--small
button.small_btn {
  height: 30px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #30354d;
  border: 1px solid #d4dbea;
  background: #f3f5f9;
  text-align: center;
  line-height: 30px;
}
button.small_btn:active,
button.small_btn.active {
  color: #30354d;
  border: 1px solid #97a5c7;
  background: #f2f3f6;
}
button.small_btn:hover,
button.small_btn:focus {
  color: #30354d;
  border: 1px solid #97a5c7;
  background: #f2f3f6;
}

//第五个按钮  小的 蓝色按钮
button.confirm_btn {
  height: 30px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  border: unset;
  background: linear-gradient(#4b73eb, #1c55ff);
  box-shadow: 0 2px 4px 0 rgba(230, 233, 240, 1);
}
button.confirm_btn:hover,
button.confirm_btn:focus {
  color: #fff;
  background: linear-gradient(#3086ff, #4b99eb);
  box-shadow: 0 2px 4px 0 rgba(230, 233, 240, 1);
}
button.confirm_btn:active,
button.confirm_btn.active {
  color: #fff;
  background: linear-gradient(#3086ff, #4b99eb);
  box-shadow: 0 2px 4px 0 rgba(230, 233, 240, 1);
}

//第六个按钮 模块删除按钮
button.delete_btn {
  height: 40px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  border: unset;
  background: linear-gradient(#ef5151, #d55555);
  min-width: 140px;
}
button.delete_btn:active,
button.delete_btn.active {
  color: #fff;
  border: unset;
  background: linear-gradient(#ef5151, #d55555);
}
button.delete_btn:hover,
button.delete_btn:focus {
  color: #fff;
  border: unset;
  background: linear-gradient(#fe6e6e, #ea6767);
}

button.small_btn.disabled,
button.small_btn[disabled],
button.small_btn.disabled:hover,
button.small_btn[disabled]:hover,
button.small_btn.disabled:focus,
button.small_btn[disabled]:focus,
button.small_btn.disabled:active,
button.small_btn[disabled]:active,
button.small_btn.disabled.active,
button.small_btn[disabled].active {
  color: #bccef6;
  border: 1px solid #bccef6;
  background: #f6f8fc;
}

button.middle_btn.disabled,
button.middle_btn[disabled],
button.middle_btn.disabled:hover,
button.middle_btn[disabled]:hover,
button.middle_btn.disabled:focus,
button.middle_btn[disabled]:focus,
button.middle_btn.disabled:active,
button.middle_btn[disabled]:active,
button.middle_btn.disabled.active,
button.middle_btn[disabled].active {
  background: #bccef6;
  color: #fff;
  border: unset;
}

button.large_btn.disabled,
button.large_btn[disabled],
button.large_btn.disabled:hover,
button.large_btn[disabled]:hover,
button.large_btn.disabled:focus,
button.large_btn[disabled]:focus,
button.large_btn.disabled:active,
button.large_btn[disabled]:active,
button.large_btn.disabled.active,
button.large_btn[disabled].active {
  background: #bccef6;
  color: #fff;
  border: unset;
}

button.confirm_btn.disabled,
button.confirm_btn[disabled],
button.confirm_btn.disabled:hover,
button.confirm_btn[disabled]:hover,
button.confirm_btn.disabled:focus,
button.confirm_btn[disabled]:focus,
button.confirm_btn.disabled:active,
button.confirm_btn[disabled]:active,
button.confirm_btn.disabled.active,
button.confirm_btn[disabled].active {
  color: #fff;
  background: #bccef6;
}

button.default_btn.disabled,
button.default_btn[disabled],
button.default_btn.disabled:hover,
button.default_btn[disabled]:hover,
button.default_btn.disabled:focus,
button.default_btn[disabled]:focus,
button.default_btn.disabled:active,
button.default_btn[disabled]:active,
button.default_btn.disabled.active,
button.default_btn[disabled].active {
  color: #bccef6;
  border: 1px solid #bccef6;
  background: #f6f8fc;
  box-shadow: 0 2px 4px 0 rgba(230, 233, 240, 1);
}
button.delete_btn.disabled,
button.delete_btn[disabled],
button.delete_btn.disabled:hover,
button.delete_btn[disabled]:hover,
button.delete_btn.disabled:focus,
button.delete_btn[disabled]:focus,
button.delete_btn.disabled:active,
button.delete_btn[disabled]:active,
button.delete_btn.disabled.active,
button.delete_btn[disabled].active {
  color: #fff;
  border: unset;
  background: linear-gradient(#ef5151, #d55555);
}