* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
body {
  font-family: Inter, Inter;
  font-weight: 400;
  padding-top: 80px;
  display: flex;
  flex-direction: column;
  background-image: url("../images/img_bg1.png"), url("../images/img_bg3.png");
  background-repeat: no-repeat, no-repeat;
  background-size: 801px 1260px, 815px 1529px;
  background-position: top left, 0 1921px;
}
a,
span {
  display: inline-block;
}

/* header */
header {
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;

  z-index: 9999999;
}
.header-active {
  background-color: #fff;
}
header nav {
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 9999999;
}
header nav .logo {
  height: 60px;
}
header nav .logo a {
  width: 100%;
  height: 100%;
  font-size: 32px;
  color: #000000;
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 600;
}
header nav .logo a img {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}
header nav .nav-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header nav .nav-links li {
  margin-right: 40px;
}
header nav .nav-links li a {
  font-size: 20px;
  color: #000;
  text-decoration: auto;
}
header nav .nav-links a.active {
  color: #3c71ff !important;
  position: relative;
}
#home {
  width: 100%;
}
#home .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 56px;

}
#home .container .left {
  display: flex;
  flex-direction: column;
  margin-right: 30px;
}
#home .container .left .p1 {
  font-weight: bold;
  font-size: 64px;
  color: #000000;
  line-height: 75px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 60px;
}
#home .container .left .p2 {
  font-weight: 500;
  font-size: 32px;
  color: #000000;
  line-height: 38px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 20px;
}
#home .container .left .p3 {
  font-weight: bold;
  font-size: 128px;
  color: #001f72;
  line-height: 150px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 20px;
}
#home .container .left .p4 {
  font-weight: 500;
  font-size: 32px;
  color: #000000;
  line-height: 38px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 80px;
}
#home .container .left .download {
  display: flex;
  align-items: center;
}
#home .container .left .download img {
  width: 273px;
  height: 80px;
}
#home .container .left .download img:nth-child(1) {
  margin-right: 40px;
}
#home .container .right {
  width: 486px;
  height: 749px;
}
#borrow {
  width: 100%;
  padding-bottom: 70px;
  padding-top: 153px;
}
#borrow .container {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
}
#borrow .container .title {
  font-weight: bold;
  font-size: 64px;
  color: #000000;
  line-height: 75px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 100px;
}
#borrow .container .list {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#borrow .container li {
  width: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#borrow .container li .p1 {
  font-weight: bold;
  font-size: 32px;
  color: #3c71ff;
  line-height: 38px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 24px;
}
#borrow .container li .p2 {
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  line-height: 28px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 24px;
}
#borrow .container li .p3 {
  font-weight: 400;
  font-size: 20px;
  color: #555555;
  line-height: 23px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
#Require {
  width: 100%;
  padding-top: 200px;
  box-sizing: border-box;
  background-image: url("../images/img_bg2.png");
  background-repeat: no-repeat;
  background-size: 394px 927px;
  background-position: top right;
 
}
#Require .container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
#Require .container .left {
  width: 562px;
  height: 650px;
  margin-top: 2px;
  margin-right: 88px;
}
#Require .container .right {
  width: 550px;
  display: flex;
  flex-direction: column;
}
#Require .container .right img {
  width: 72px;
  height: 88px;
  margin-bottom: 20px;
}
#Require .container .right p {
  font-weight: bold;
  font-size: 64px;
  color: #000000;
  line-height: 75px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 80px;
}
#Require .container .right ul {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#Require .container .right ul li {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
#Require .container .right ul li .sp1 {
  font-weight: bold;
  font-size: 32px;
  color: #3c71ff;
  line-height: 38px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-right: 24px;
}
#Require .container .right ul li .sp2 {
  font-weight: 500;
  font-size: 24px;
  color: #000000;
  line-height: 28px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

#choose {
  width: 100%;
  /* background-image: url("../images/img_bg3.png"); */
  background-repeat: no-repeat;
  background-size: 815px 1529px;
  background-position: 0 0;
  padding-bottom: 200px;
  padding-top: 163px;
}
#choose .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#choose .container .title {
  display: flex;
  flex-direction: column;
}
#choose .container .title img {
  width: 72px;
  height: 88px;
  margin-bottom: 20px;
}
#choose .container .title p {
  font-weight: bold;
  font-size: 64px;
  color: #000000;
  line-height: 75px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 100px;
}
#choose .container ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
#choose .container ul li {
  width: 49%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 72px;
}
#choose .container ul li span {
  font-weight: bold;
  font-size: 64px;
  color: #3c71ff;
  line-height: 75px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
#choose .container ul li .text {
  padding-top: 50px;
}
#choose .container ul li .text .p1 {
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  line-height: 28px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 24px;
}
#choose .container ul li .text .p2 {
  font-weight: 400;
  font-size: 20px;
  color: #555555;
  line-height: 23px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
#footer {
  width: 100%;
  background-color: #000;
  padding: 60px 0;
}
#footer .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer .container .left {
  width: 60%;
  display: flex;
  flex-direction: column;
}
#footer .container .left .logo {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
#footer .container .left .logo img {
  width: 150px;
  height: 150px;
  margin-right: 32px;
}
#footer .container .left .logo span {
  font-weight: bold;
  font-size: 64px;
  color: #ffffff;
  line-height: 75px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
#footer .container .left .text {
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
  line-height: 23px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 40px;
}
#footer .container .left .beian {
  width: 300px;
  height: 90px;
}
#footer .container .right {
  width: 320px;
  display: flex;
  flex-direction: column;
}
#footer .container .right p {
  font-weight: bold;
  font-size: 32px;
  color: #ffffff;
  line-height: 38px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  margin-bottom: 40px;
}
#footer .container .right img {
  width: 273px;
  height: 80px;
  margin-bottom: 32px;
}
#backTop {
  width: 32px;
  height: 32px;
  position: fixed;
  bottom: 80px;
  right: 80px;
  z-index: 999;
  cursor: pointer;
  opacity: 0.6;
}
#backTop:hover {
  opacity: 1;
}
#backTop img {
  width: 100%;
  height: 100%;
}