.banner{
  background: url('../images/ls-solution/banner_bg.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
}
/* 解决方案背景图 */
.solution_sec{
  background: url('../images/ls-solution/clouds-bg.jpg') no-repeat;
  background-size: cover;
  overflow: hidden;
  padding-bottom:380px; 
}

.solution_inner{
  padding: 112px 0 60px;
}
@media( max-width:768px ){
  .banner {
    background: url('../images/ls-solution/banner_bg_m.jpg') no-repeat;
    background-size: 100% 100%;
  }
  .solution_sec{
    background: url('../images/ls-solution/clouds-bg-m.png') no-repeat;
    background-size: cover;
    padding-bottom:502px; 
  }
}
/* 注册 */
.register_sec{
  background: url('../images/ls-solution/reg_bg.jpg') no-repeat;
  background-attachment: fixed;
  background-size: cover;
  height:300px;
  position: relative;
}
/* ie兼容 */
@media (-ms-high-contrast: active),(-ms-high-contrast: none){
  .register_sec{
    background: url('../images/ls-solution/ie_reg_bg.jpg') no-repeat;
    background-attachment: scroll;
  }
}

@media( max-width:768px ){
  .register_sec{
    background: url('../images/ls-solution/reg_bg_m.jpg') no-repeat bottom center;
    background-attachment: scroll;
    background-size: cover;
    height:150px;
    position: relative;
  }
}

.register_inner{
  position: absolute;
  bottom: 112px;
  left: 0;
  right: 0;
  text-align: center;
  justify-content: center;
  padding:0 15px;
}
.form_wrapper{
  box-shadow:0px 10px 20px 0px rgba(0,148,219,0.1);
  border-radius:10px;
  overflow: hidden;
}
.form_wrapper .form_text{
  background: url('../images/ls-solution/form-bg.png') no-repeat;
  width: 260px;
  height:454px;
  background-size: cover;
  padding: 45px 28px 0;
  text-align: left;
}
.form_text .title{
  color:#fff;
  line-height: 40px;
  position: relative;
}
.form_text .title::after{
  left: 0;
  transform: translateX(0)
}

.form_text .describe{
  margin-top: 26px;
  color:#fff;
  line-height: 22px;
}
.form_inner{
  background: #fff;
  width: 522px;
  padding: 45px 62px 0;
}
.form_group{
  margin-bottom: 12px;
  text-align: left;
}

.form_group .label{
  display: inline-block;
  text-align: left;
  line-height: 22px;
  margin-bottom: 6px;
  color:#507390;
}

.form_input{
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 18px;
  border-radius:20px;
  border:1px solid rgba(216,216,216,1);
  color:#333;
  transition: border 0.2s cubic-bezier(0.55, 0, 0.1, 1); 
}

.form_item_error{
  margin-top: 4px;
  color:#ff4949;
  padding-left: 20px;
  text-align: left;
  opacity: 0;
  transition:all 0.2s cubic-bezier(0.55, 0, 0.1, 1);
  transform: translate(-20px, 0);
}
.form_group.error .form_input{
  border-color: #ff4949;
}
.form_group.error .form_item_error{
  transform: translate(0, 0);
  opacity: 1;
}

.form_inner .btn_submit{
  margin: 12px 0 66px;
}
@media(max-width:992px){
  .register_inner{
    bottom: 56px;
  }
  .form_wrapper{
    display: block;
    width: 100%;
  }
  .form_wrapper .form_text{
    height:154px;
    width: 100%;
    background:linear-gradient(180deg,rgba(120,210,255,1) 0%,rgba(0,166,253,1) 100%);
    padding: 28px 15px 0;
    text-align: center;
  }
  .form_text .title::after{
    left: 50%;
    transform: translateX(-50%)
  }
  .form_inner{
    width: 100%;
    padding: 38px 20px 0;
  }
}