/* PC端 */

.learnMore_nav h2 {}

.learnMore_content ul li {
  margin-bottom: 24px;
}

.learnMore_content ul li .learnMore_label {
  color: var(--Color-Text-Title);
  font-size: 16px;
  font-style: normal;
  line-height: 22px;
  /* 157.143% */
  margin-bottom: 6px;
}

.learnMore_content ul li input {
  border-radius: 6px;
  border: 1px solid var(--Color-Fill-4);
  background: var(--Color-Fill-5);
  padding: 12px 16px;
  width: 100%;
  transition: 0.3s all;
  height: 46px;
}

.learnMore_content ul li input:hover {
  border-radius: 6px;
  border: 1px solid var(--Color-Brand-Normal);
  background: #FFF;
}

.learnMore_content ul li input:focus {
  border-radius: 6px;
  border: 1px solid var(--Color-Brand-Normal);
  background: #FFF;
  box-shadow: 0px 0px 0px 1.5px rgba(255, 70, 16, 0.20);
}

.learnMore_content ul li #getSmsCode {
  margin-left: 10px;
  border-radius: 6px;
  background: var(--Color-Fill-5);
  color: var(--Color-Text-T3);
  min-width: 194px;
  cursor: not-allowed;
  padding: 12px 20px;
}

#getSmsCode {
  transition: all 0.3s;
}

#getSmsCode.active {
  background: var(--Color-Brand-Normal) !important;
  color: var(--Color-Text-White) !important;
  cursor: pointer !important;
}

.learnMore_btn {
  background-color: var(--Color-Brand-Disabled);
  cursor: not-allowed;
  transition: all 0.3s;
}

.learnMore_btn.active {
  background-color: var(--Color-Brand-Normal);
  cursor: pointer;
}

/* 大Pad -- 1024 - 1199 */
@media (min-width: 1024px) and (max-width: 1199px) {
  #learnMore .learnMore {
    width: 888px !important;
    padding: 48px !important;
  }

  .learnMore_content ul li #getSmsCode {
    min-width: 152px !important;
  }

  .learnMore_content ul li .learnMore_label {
    font-size: 14px;
  }
}

/* 小Pad -- 768 - 1023 */
@media (min-width: 768px) and (max-width: 1023px) {
  #learnMore .learnMore {
    width: 680px !important;
    padding: 40px !important;
  }

  .learnMore_content ul li #getSmsCode {
    min-width: 110px !important;
  }

  .learnMore_content ul li .learnMore_label {
    font-size: 14px;
  }
}

/* 移动端 -- 767 */
@media(max-width: 767px) {
  #learnMore .learnMore {
    width: 100% !important;
    padding: 24px 20px !important;
  }

  .learnMore_content ul li #getSmsCode {
    min-width: 110px !important;
    font-size: 14px !important;
    line-height: 22px !important;
  }
}




/* 移动端 */
@media (max-width: 767px) {

  /* 第十屏 */
  #learnMore {
    padding: 32px 16px;
  }

  .learnMore {
    width: 100% !important;
    padding: 24px 20px !important;
    border-radius: 8px;
    background: var(--Color-Background-1);
  }

  .learnMore_nav {
    margin-bottom: 32px !important;
  }

  .learnMore_nav h2 {
    font-size: 20px !important;
    line-height: 28px !important;
    margin-bottom: 12px !important;
  }

  .learnMore_nav p {
    font-size: 12px !important;
    line-height: 20px !important;
    text-align: center !important;
  }

  .learnMore_content {
    width: 100% !important;
  }

  .learnMore_content ul li {
    margin-bottom: 20px !important;
  }

  .learnMore_content ul li .learnMore_label {
    font-size: 14px !important;
    line-height: 22px !important;
  }

  .learnMore_content ul li input {
    padding: 12px 16px !important;
    font-size: 14px !important;
    height: 46px;
  }

  .check_box {
    font-size: 12px !important;
  }

  .learnMore_btn {
    width: 100% !important;
    height: 48px !important;
  }

  .learnMore_btn span {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .learnMore_content .layui-form-checkbox[lay-skin="primary"] {
    padding-left: 7vw !important;
  }

  .learnMore_content .layui-form-checkbox[lay-skin="primary"] span {
    font-size: 14px !important;
  }

  .learnMore_content .layui-form-checkbox[lay-skin="primary"] i {}
}

.learnMore_content .layui-form-checkbox[lay-skin="primary"] span {
  display: flex !important;
}

/* pad端 */
@media (min-width: 768px) and (max-width: 1200px) {}