body{
    margin: 0 auto; 
    background: url(./img/indexblack.jpg)
    100% no-repeat;	
    background-size:100% 100%;
    padding:0px;
    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100vh;
    margin: 0;
	
}
*{
	
  padding:0px;
  margin:0px;	
}
.page {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto; 
  
}

.group1 {
  z-index: 3;
  overflow: hidden;
 
  padding-top: 154px;
  position: relative;
}

.group2 {
  width: 418px;
}

.layer1 {
  /*height: 592px;*/
  padding-left: 42px;
  width: 418px;
}

.bd1 {
  width: 342px;
}

.bd2 {
  width: 300px;
  height: 34px;
  margin-left: 32px;
}

.icon1 {
  width: 28px;
  height: 28px;
  margin-top: 3px;
}

.word1 {
  width: 260px;
  height: 34px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 20px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 34px;
  text-align: center;
}

.bd3 {
  width: 168px;
  height: 22px;
  margin-top: 32px;
}

.word2 {
  width: 64px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  white-space: nowrap;
  line-height: 22px;
  text-align: center;
}

.txt1 {
  width: 64px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(119, 119, 119, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 22px;
  text-align: center;
}

.bd4 {
  height: 1px;
  background: url(./img/SketchPng86836d0d7b78217c8488a13d9adbeca8341bd4b89f02dc70fa7e5e142e4fb2d8.png) -1px
    0px no-repeat;
  margin-top: 22px;
  width: 334px;
}

.section1 {
  width: 64px;
  height: 1px;
  background: url(./img/SketchPng4a5de4a30db40ff19b6e18a7531063af090c662107090aa5fddcb4e1da8b8f2e.png) -1px
    0px no-repeat;
}

.bd5 {
  margin-top: 27px;
}
.bd5 input{
  height: 44px;
  border-radius: 6px;
  border: 1px solid rgba(219, 219, 219, 1);
  background-color: rgba(255, 255, 255, 1);
  width: 334px;
}

.info1 {
  width: 56px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(119, 119, 119, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: center;
}

.bd6 {
  margin-top: 16px;
}
/*.bd6 input{*/
/*  height: 44px;*/
/*  border-radius: 6px;*/
/*  border: 1px solid rgba(219, 219, 219, 1);*/
/*  background-color: rgba(255, 255, 255, 1);*/
/*  padding-left: 21px;*/
/*  width: 255px;*/
/*}*/

.info2 {
  width: 28px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(119, 119, 119, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: center;
}

.word3 {
  width: 75px;
  height: 21px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(119, 119, 119, 1);
  font-size: 15px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 21px;
  text-align: center;
  margin: 14px 0 0 260px;
}

.bd7 {
  height: 44px;
  border-radius: 6px;
  background-color: rgba(55, 85, 249, 1);
  margin-top: 22px;
  width: 334px;
}

.word4 {
  width: 32px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 22px;
  text-align: center;
}

.bd8 {
  height: 44px;
  border-radius: 6px;
  background-color: rgba(236, 130, 0, 1);
  margin-top: 12px;
  width: 334px;
}

.word5 {
  width: 64px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 22px;
  text-align: center;
}

.bd9 {
  width: 283px;
  height: 22px;
  margin-top: 24px;
}

.info3 {
  width: 23px;
  height: 16px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 108, 108, 1);
  font-size: 11px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 16px;
}

.word6 {
  width: 256px;
  height: 22px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 16px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 22px;
}

.word7 {
  width: 305px;
  height: 21px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(119, 119, 119, 1);
  font-size: 15px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 16px;
}

.txt2 {
  width: 342px;
  height: 21px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(119, 119, 119, 1);
  font-size: 15px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 21px;
  text-align: center;
  margin-top: 5px;
}

.layer2 {
  width: 312px;
  height: 20px;
  margin: 53px 0 0 53px;
}

.word8 {
  width: 64px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: center;
}

.bd10 {
  height: 10px;
  border-radius: 50%;
  background: url(./img/SketchPng273109d7ffb5e38aa1a4e699294761658e0d4bae6f160e28a3dbf1c1e4c4876d.png)
    100% no-repeat;
  margin-top: 5px;
  width: 10px;
  padding: 2px 0 0 2px;
}

.main1 {
  width: 8px;
  height: 8px;
  border: 1px solid rgba(255, 255, 255, 1);
  background: url(./img/SketchPng5a0932f1ad153a7549fd6d45b813108d3464d27a4bebed2a5fd8cf0bb1436247.png)
    0px 0px no-repeat;
}

.info4 {
  width: 224px;
  height: 20px;
  display: block;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: PingFangSC-Regular;
  white-space: nowrap;
  line-height: 20px;
  text-align: center;
}

.pic1 {
  z-index: 4;
  position: absolute;
  left: 0;
  top: 0;
  width: 1440px;
  height: 900px;
}