/** @format */
.home {
  height: 680px;
  background: url("../images/banner.png") left top 100% no-repeat;
}

.home .banner-title {
  position: relative;
  top: 170px;
}
.light{
  color: var(--primary-color);
}

.home .banner-title h1 {
  font-size: 65px;
  line-height: 70px;
  color: #333;
  text-shadow: 0px 3px 2px rgba(231, 41, 41, 0.4862745098), 2px 4px 2px #787c78;
}

.home .banner-title .last {
  position: relative;
}

.home .banner-title .last .gding {
  left: 0;
  display: inline-block;
  width: 200px;
  height: 30px;
  top: 37px;
  background: linear-gradient(to right, #E72A29, #f7cece, #f7f0f0, #fcf4f4);
  z-index: -1;
  position: absolute;
}

.home .banner-form {
  height: 680px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home .banner-form .welcome {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 35px !important;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.02) !important;

}

.home .banner-form .welcome a {
  color: var(--primary-text-color);
}

#welcome_box {
  display: none;
}

.home .banner-form .welcome img {
  width: 300px;
}

.webcole {
  display: none;
}

.home .banner-form .welcome .mt10 {
  margin-top: 10px;
  color: #999;
  font-size: 16px;
  cursor: pointer;
}

.home .banner-form .welcome h3 {
  font-size: 24px;
  color: #000;
  margin: 30px 0 10px 0;
}

.home .banner-form .welcome .lagou {
  margin: 20px 0 15px;
  font-weight: bold;
  background-color: var(--primary-color);
  color: #fff;
  border-radius: 45px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
}

.home .banner-form .welcome .lagou i {
  font-size: 25px;
}

.home .banner-form .welcome .don {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 600 !important;
}

.home .banner-form .welcome .free {
  color: #bbb;
  margin: 30px 0;
}

.home .banner-form .welcome p {
  text-align: center;
  line-height: 1.5;
}

.home .banner-form .form {
  width: 440px;
  background-color: #f00;
  padding: 40px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 0px 2px 16px 0px rgba(23, 43, 77, 0.1);
  border-radius: 8px;
}

.home .banner-form .form input {
  font-weight: bold;
}

.home .banner-form .form .resend_btn {
  height: 48px;
  padding: 0 10px !important;
  background-color: rgba(212, 29, 0, 0.2);
  color: var(--primary-color);
  border-radius: 0 3px 3px 0;
  border: 1px solid #ddd;
  border-left: none;
}

.home .banner-form .form h2 {
  margin-bottom: 20px;
  font-size: 23px;
}

.home .banner-form .form .layui-input {
  height: 48px;
}

.home .banner-form .form .check_box {
  display: flex;
}

.home .banner-form .form .btn-submit {
  font-weight: bold;
  height: 48px;
  background: rgba(212, 29, 0, 0.2);
  border-radius: 4px;
  border-color: var(--primary-text-color);
  color: var(--primary-text-color) !important;
}
.hide_box{
  display: none;
}
.home .banner-form .form .phone-warp {
  display: flex;
}

.home .banner-form .form .phone-warp .select-phone-number+.layui-form-select {
  width: 90px;
}

.home .banner-form .form .phone-warp .select-phone-number+.layui-form-select .layui-input {
  border-right-width: 0px;
}

.home .banner-form .form .phone-warp .select-phone-number+.layui-form-select .layui-input:focus {
  border-right-width: 1px;
}

.home-gray {
  // padding: 112px 0;
}

.text-desc {
  text-align: center;
  margin-bottom: 80px;
}

.text-desc h1 {
  line-height: 64px;
  font-size: 56px;
  color: #1D1D1F;
}

.module3 .card {
  background-color: var(--white-color);
  box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.01);
  height: 288px;
  border-radius: 24px;
  padding: 40px;
  box-sizing: border-box;
}

.module3 .card:active {
  background-color: #eee;
}

.module3 .card img {
  width: 40px;
}

.module3 .card h1 {
  margin-top: 29px;
  margin-bottom: 20px;
}

.module3 .card .more {
  margin-top: 28px;
  width: 32px;
  float: right;
}

.wan-ten {
  text-align: center;
  padding-top: 104px;
}

.wan-ten .total {
  font-size: 160px;
}

.wan-ten p {
  font-size: 24px;
}

.wan-ten .tm3 {
  padding-top: 128px;
  padding-bottom: 264px;
}

.wan-ten .tm3 h1 {
  color: var(--primary-color);
  font-size: 88px;
  font-weight: 500;
}

.wan-ten .tm3 span {
  font-size: 28px;
}

.desktop-img {
  background-color: var(--gray-color);
  height: 600px;
  border-radius: 16px;
}

.desktop-img .left {
  padding: 50px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 600px;
}

.desktop-img .left h1 {
  font-size: 32px;
  color: #000;
}

.desktop-img .left span {
  margin-top: 2px;
  font-size: 16px;
}

.desktop-img .right_img {
  padding: 50px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 600px;
}

.desktop-img .px0 {
  padding: 0;
}

.lr-two {
  margin-top: 128px;
}

.lr-two .automated,
.lr-two .workflow {
  height: 800px;
  border-radius: 16px;
  background-color: var(--gray-color);
  text-align: center;
  padding: 0 10px;
}

.lr-two .automated h1,
.lr-two .workflow h1 {
  padding-top: 97px;
  font-size: 32px;
  padding-bottom: 24px;
}

.lr-two .automated span,
.lr-two .workflow span {
  display: block;
  font-size: 16px;
  padding: 0 15%;
  padding-bottom: 120px;
  color: #333333;
  line-height: 1.5;
}

.lr-two .automated img {
  width: 100%;
}

.lr-two .workflow .ricon {
  max-width: 100%;
}

.indepth {
  padding: 128px 0;
  text-align: center;
}

.indepth h1 {
  font-size: 80px;
  color: #000;
}

.indepth p {
  font-size: 18px;
  color: #333;
  margin-top: 24px;
  margin-bottom: 88px;
}

.indepth img {
  max-width: 80%;
}

.mulit-bg {
  font-size: 32px;
  margin-top: 128px;
}

.mulit-bg .left8 {
  height: 800px;
  background-color: var(--gray-color);
  text-align: center;
}

.mulit-bg .left8 h1 {
  font-size: 32px;
  padding-top: 97px;
}

.mulit-bg .left8 p {
  font-size: 16px;
  margin: 28px 0 104px;
}

.mulit-bg .left8 img {
  width: 90%;
  position: absolute;
  left: 10px;
}

.mulit-bg .right4 {
  height: 800px;
  background: var(--ligner-color);
  border-radius: 16px;
  padding: 161px 43px 180px 43px;
  box-sizing: border-box;
  color: var(--white-color);
}

.mulit-bg .right4 h1 {
  font-size: 48px;
}

.mulit-bg .right4 p {
  margin-top: 42px;
  margin-bottom: 32px;
}

.mulit-bg .right4 .icon {
  width: 80px;
}

.custom {
  background-color: var(--gray-color);
  text-align: center;
  padding: 89px 0 115px;
}

.custom .red-btn {
  background: var(--ligner-color);
  width: 95%;
  height: 68px;
  font-size: 20px;
}

.custom .bank>* {
  padding: 12px 6px !important;
}

.custom h1 {
  margin: 10px 0;
  font-size: 46px;
}

.custom h1:nth-child(2) {
  margin-bottom: 54px;
}

.custom .bank .card {
  height: 68px;
  background-color: var(--white-color);
  box-shadow: 0px 2px 12px 0px rgba(147, 147, 147, 0.2);
  border-radius: 8px;
}

.enhanced {
  padding: 128px 0;
  text-align: center;
}

.enhanced h1 {
  font-size: 40px;
  padding: 0 10%;
  margin-bottom: 16px;
}

.enhanced .button {
  height: 60px;
  font-size: 20px;
  border-radius: 40px;
  width: 360px;
  line-height: 60px;
 
  color: var(--white-color);
  background-color:#215ba7;
}

.enhanced .button:hover {
  color: var(--primary-color);
}

.enhanced .see-btn {
  background: var(--ligner-color);
  border-radius: 40px;
  color: var(--white-color);
  
 
}

.enhanced .see-btn:hover {
  color: var(--white-color);
}

.home .form .lisu {
  padding: 10px 0;
}

.home .form .lisu span {
  cursor: pointer;
  user-select: none;
}

.home .form .lisu span b {
  color: var(--primary-color);
}

.home .form .lisu span:active {
  opacity: 0.8;
}

.home .form .lisu span:hover {
  transition: all 0.3s;
  opacity: 0.8;
}

.home .form .lisu span:first-child {
  float: left;
}

.home .form .lisu span:last-child {
  float: right;
}
.form_register{
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 768px) {
  .devices {
    padding: 10px;
    box-sizing: border-box;
  }
  .home{
    height: auto !important;
    background-size: cover !important;
  }
  .devices h1 {
    font-size: 40px;
    line-height: 46px;
  }

  .devices .text-desc {
    margin: 0;
    padding: 20px 0;
  }

  .form {
    width: 95% !important;
    padding: 20px !important;
  }

  .form h2 {
    text-align: center;
    font-size: 20px !important;
  }

  .module3 h1 {
    font-size: 28px;
  }

  .wan-ten {
    padding: 70px 10px;
    box-sizing: border-box;
  }

  .wan-ten .total {
    font-size: 80px;
  }

  .wan-ten .there {
    margin: 55px 0 !important;
  }

  .tm3 {
    padding: 10px 0 !important;
  }

  .tm3 h1 {
    font-size: 62px !important;
  }

  .tm3 span {
    display: block;
    margin-bottom: 20px !important;
  }

  .desktop-img {
    height: auto !important;
  }

  .desktop-img .left,
  .desktop-img .right_img {
    padding: 10px;
    height: auto !important;
    padding: 50px 0;
    text-align: center;
  }

  .desktop-img .left h1,
  .desktop-img .right_img h1 {
    font-size: 35px !important;
  }

  .lr-two {
    margin-top: 64px;
  }

  .lr-two h1 {
    padding: 40px 0 !important;
  }

  .lr-two .automated,
  .lr-two .workflow {
    height: auto !important;
    padding-bottom: 40px;
  }

  .lr-two .automated span,
  .lr-two .workflow span {
    padding-bottom: 40px;
  }

  .lr-two .automated img,
  .lr-two .workflow img {
    width: 100%;
  }

  .lr-two .workflow .ricon {
    top: auto;
    width: 100%;
  }

  .indepth {
    padding: 40px 0;
  }

  .indepth h1 {
    font-size: 40px;
  }

  .indepth p {
    margin-bottom: 44px;
  }

  .indepth .ricon {
    width: 100%;
  }

  .mulit-bg {
    margin-top: 0 !important;
  }

  .mulit-bg .left8 {
    height: auto !important;
  }

  .mulit-bg .left8 h1 {
    padding-top: 47px;
  }

  .mulit-bg .left8 p {
    margin: 28px 0 28px !important;
  }

  .mulit-bg .left8 img {
    position: relative !important;
    width: 98% !important;
    left: 10px !important;
  }

  .mulit-bg .right4 {
    height: auto !important;
    padding: 20px !important;
  }

  .mulit-bg .right4 h1 {
    font-size: 32px;
  }

  .mulit-bg .right4 p {
    font-size: 24px;
  }

  .mulit-bg .right4 .icon {
    width: 50px;
  }

  .custom {
    padding: 20px 0;
  }

  .custom h1 {
    font-size: 42px;
  }

  .custom h1:nth-child(1) {
    margin-top: 0px;
  }

  .custom h1:nth-child(2) {
    margin-bottom: 20px;
  }

  .custom .red-btn {
    width: 100%;
    height: 64px !important;
    font-size: 20px;
  }

  .custom .card {
    height: 64px !important;
  }

  .custom .card img {
    width: 100%;
  }

  .enhanced {
    padding: 64px 0 !important;
  }

  .enhanced h1 {
    padding: 0 15px;
    font-size: 30px;
    margin-bottom: 44px;
  }

  .enhanced .btn-group button {
    margin: 10px 0;
  }
}

/*# sourceMappingURL=index.css.map */