/* 模态框样式 */
.modal-content,
.form-control {
  font-size: 14px;
}

form {
  margin-bottom: 20px;
}

.form-group {
  margin-bottom: 3px;
}

.col-form-label,
.agree {
  font-weight: 600;
}

.modal-footer {
  justify-content: space-between;
}

.modal-dialog .btn-secondary {
  background: none;
  color: #333;
  border: none;
  font-size: 14px;
}

.modal-dialog .btn-primary {
  background: #064c67;
  width: 46%;
  font-size: 12px;
  padding: 10px 0;
}

.form-control::placeholder {
  color: #C2CADA;
  /* 这里是所需的浅一点的颜色 */
}

#serviceDetailsTwo .form-check:nth-child(2n-1),
#serviceDetailsThree .form-check:nth-child(2n-1),
#serviceDetailsFour .form-check:nth-child(2n-1),
#communicate .form-check:nth-child(2n-1) {
  width: 50%;
}

#serviceDetailsTwo .form-check-label {
  color: #5D6266
}

form {
  margin-bottom: 0;
}

.modal-footer {
  border-top: none;
  margin-bottom: 20px;
}

#bulkOrder .modal-body,
#serviceDetailsThree .modal-body {
  height: 800px;
  overflow: overlay;
}

/* 模态框宽度 */
#communicate .modal-content {
  width: 110%;
}

/* 文本框取消自动拉伸 */
textarea {
  resize: none;
}

/* 取消标题下面的边框 */
#addAddress .modal-header,
#modifyAddress .modal-header,
#InvoiceInformation .modal-header {
  border-bottom: none;
  margin-left: 10px;
}

/* 订单确认 */
#addAddress .form-group,
#modifyAddress .form-group,
#InvoiceInformation .form-group {
  margin-bottom: 10px;
}

/* 确定，取消按钮 */
#addAddress .modal-footer button,
#InvoiceInformation .modal-footer button {
  width: 42%;
  font-size: 14px;
  padding: 10px 0px;
  margin: 0 17px;
}

.modal-footer .cancellation {
  background-color: #C2CADA;
}

/* 修改地址 */
#modifyAddress .modal-footer {
  align-items: center;
  justify-content: center;
}

#modifyAddress .modal-footer .btn-primary {
  width: 100%;
}

/* 发票信息 */
#InvoiceInformation .modal-dialog {
  max-width: 570px;
}

#InvoiceInformation .modal-dialog .form-group .notice {
  display: flex;
  font-size: 12px;
}

#InvoiceInformation .modal-dialog .form-group .notice .notice_left {
  width: 13%;
}

#InvoiceInformation .modal-dialog .form-group .notice .notice_right {
  color: #848B99;
}

#InvoiceInformation .modal-dialog .Invoice-type p {
  font-size: 10px;
}

#InvoiceInformation .modal-dialog .current .fapiao {
  display: flex;
  justify-content: space-between;
}

#InvoiceInformation .modal-dialog .current .fapiao button {
  width: 45%;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #2A2C2F;
  border-radius: 2px;
}

#InvoiceInformation .modal-dialog .current .fapiao .active {
  background: #1A91E1;
  border: none;
  color: #fff;
}

/* 登陆 */
/* 添加关闭按钮 */
.LogRegister .close {
  margin: -10px -40px 0;
}

.LogRegister .close>span {
  font-size: 30px;
}

.LogRegister .modal-dialog {
  max-width: 880px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.LogRegister .modal-dialog .login-header {
  margin: 30px 0 20px
}



.LogRegister input {
  height: 45px;
}

.LogRegister .modal-body {
  margin: 0 30px 0 30px;
}

.LogRegister .code-error,
.LogRegister .password-error {
  font-size: 10px;
  color: #CF0000;
}

.LogRegister .sendCode {
  display: flex;
  width: 70%;
  justify-content: space-between;
}

.LogRegister .sendCode input {
  border-radius: 3px 0 0 3px;
}

.LogRegister .sendCode .btn {
  border-radius: 6px;
}

.LogRegister .btn_sure {
  text-align: center;
}

.LogRegister .btn_sure button {
  /* margin: 20px 0; */
  width: 100%;
  border: 1px solid #5D6266;
  border-radius: 2px;
  height: 45px;
}

.LogRegister .btn_sure .active {
  background: #064c67;
  border-radius: 2px;
  height: 45px;
  color: #fff;
  border: none;
}

/* 登录结束 */

/* 注册 */
.LogRegister .createAccount {
  /* margin-top: 25px; */
}

.LogRegister .createAccount button {
  width: 100%;
}

.LogRegister .surePassword {
  display: flex;
  justify-content: flex-end;
}

.LogRegister .surePassword .form-check {
  display: flex;
  align-items: center;
}

/* 注册 结束 */
/* 模态框样式结束 */
@media only screen and (max-width: 768px) {
  .LogRegister .modal-dialog{
    width: 97%;
    left: 47%;
  }
}