body {
  padding-top: 70px;
}
.l2-page-head {
  background-image: url(/static/img/partner-head-bg.jpg?v=11154fd);
}
.screen-1 {
  height: 514px;
  position: relative;
}
@media (max-width: 500px) {
  .screen-1 {
    height: 629px;
  }
}
.screen-1 .title {
  padding-top: 82px;
  font-size: 24px;
  font-weight: 600;
  color: #090f27;
  text-align: center;
}
@media (max-width: 500px) {
  .screen-1 .title {
    text-align: left;
    padding-left: 25px;
    padding-top: 48px;
  }
}
.screen-1 .sub-title {
  margin-top: 8px;
  font-size: 13px;
  color: #686a7a;
  text-align: center;
}
@media (max-width: 500px) {
  .screen-1 .sub-title {
    text-align: left;
    padding-left: 25px;
  }
}
.screen-1 .center-box {
  margin-top: 84px;
  text-align: center;
}
@media (max-width: 500px) {
  .screen-1 .center-box {
    margin-top: 57px;
    text-align: left;
  }
}
.screen-1 .center-box .item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 78px;
}
@media (max-width: 500px) {
  .screen-1 .center-box .item {
    display: block;
    margin: 0;
    margin-left: 25px;
    margin-bottom: 50px;
  }
}
.screen-1 .center-box .item .icon {
  width: 30px;
  margin: 0 auto;
  height: 30px;
  background: transparent no-repeat center center;
  background-size: auto 100%;
}
@media (max-width: 500px) {
  .screen-1 .center-box .item .icon {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
  }
}
.screen-1 .center-box .item .icon.icon-1 {
  background-image: url(/static/img/partner-s1-icon1.svg?v=fcdfe9c);
}
.screen-1 .center-box .item .icon.icon-2 {
  background-image: url(/static/img/partner-s1-icon2.svg?v=f0e6eeb);
}
.screen-1 .center-box .item .icon.icon-3 {
  background-image: url(/static/img/partner-s1-icon3.svg?v=3f82ec7);
}
.screen-1 .center-box .item .name {
  font-size: 13px;
  font-weight: 500;
  color: #090f27;
  text-align: center;
  margin-top: 27px;
}
@media (max-width: 500px) {
  .screen-1 .center-box .item .name {
    margin-left: 51px;
    padding-top: 13px;
    text-align: left;
  }
}
.screen-1 .center-box .item .text {
  font-size: 13px;
  line-height: 20px;
  width: 253px;
  color: #686a7a;
  text-align: justify;
  margin-top: 14px;
}
@media (max-width: 500px) {
  .screen-1 .center-box .item .text {
    width: auto;
    padding-right: 25px;
  }
}
.screen-2 {
  height: 402px;
  background: url(/static/img/partner-s2-bg.jpg?v=784ea82) no-repeat center center;
  background-size: cover;
}
@media (max-width: 500px) {
  .screen-2 {
    height: 280px;
  }
}
.screen-2 .title {
  font-size: 24px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding-top: 86px;
}
@media (max-width: 500px) {
  .screen-2 .title {
    text-align: left;
    padding-left: 25px;
    padding-top: 49px;
  }
}
.screen-2 .flow {
  width: 880px;
  height: 77px;
  margin: 94px auto 0 auto;
  background: url(/static/img/partner-s2-flow.png?v=ff1cdb7) no-repeat center center;
  background-size: 100%;
}
@media (max-width: 500px) {
  .screen-2 .flow {
    width: 326px;
    height: 64px;
    margin-top: 55px;
    background-image: url(/static/img/partner-s2-flow-m.png?v=d7f11aa);
  }
}
.screen-3 .title {
  padding-top: 69px;
  font-size: 24px;
  font-weight: 600;
  color: #090f27;
  text-align: center;
}
@media (max-width: 500px) {
  .screen-3 .title {
    padding-top: 106px;
    padding-left: 25px;
    text-align: left;
  }
}
.screen-3 .sub-title {
  margin-top: 8px;
  font-size: 13px;
  color: #686a7a;
  text-align: center;
}
@media (max-width: 500px) {
  .screen-3 .sub-title {
    padding: 0 25px;
    text-align: justify;
    line-height: 20px;
  }
}
.screen-3 .form {
  width: 753px;
  margin: 18px auto 0 auto;
  background: #fff;
  box-shadow: 0 2px 6px rgba(9,15,39,0.3);
  padding-top: 39px;
  padding-bottom: 110px;
  position: relative;
}
@media (max-width: 500px) {
  .screen-3 .form {
    width: auto;
    margin: 28px 12px 0 12px;
    box-shadow: none;
    border: 1px solid #e6e6e6;
  }
}
@media (max-width: 500px) {
  .screen-3 .form .content-box {
    margin: 0 12px;
  }
}
.screen-3 .form label {
  display: block;
  width: 470px;
  margin: 0 auto 7px auto;
  font-size: 13px;
  color: #090f27;
}
@media (max-width: 500px) {
  .screen-3 .form label {
    width: auto;
    margin: 0 0 7px 0;
  }
}
.screen-3 .form input,
.screen-3 .form select {
  display: block;
  box-sizing: border-box;
  width: 470px;
  margin: 0 auto 24px auto;
  height: 36px;
  line-height: 36px;
  border-radius: 0;
  border: 1px solid #ececec;
  background: #fafafc;
  font-size: 13px;
  padding: 0 8px;
  -webkit-appearance: none;
}
@media (max-width: 500px) {
  .screen-3 .form input,
  .screen-3 .form select {
    width: 100%;
    margin: 0 0 24px 0;
  }
}
.screen-3 .form .submit-btn {
  display: block;
  width: 150px;
  height: 38px;
  line-height: 38px;
  margin: 24px auto 0 auto;
  font-size: 14px;
  color: #fff;
  background: #3783ff;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
}
.screen-3 .form-dec {
  width: 104%;
  height: 120px;
  position: absolute;
  top: 489px;
  right: auto;
  bottom: auto;
  left: -2%;
  background: url(/static/img/partner-form-dec.png?v=01b469a) no-repeat center center;
  background-size: 100%;
}