.page {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  width: 1200px;
  height: auto;
  overflow: hidden;
  margin:  0 auto;
}

.bd1 {
  width: 1200px;
  height: auto;
}

.main1 {
  background-color: rgba(59, 58, 60, 1);
  height: 100px;
  width: 1200px;
}

.wrap1 {
  width: 1168px;
  height: 64px;
  margin: 17px 0 0 8px;
}

.pic1 {
  width: 150px;
  height: 64px;
}

.word1 {
  width: 34px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(233, 233, 233, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Normal;
  text-align: center;
  white-space: nowrap;
  line-height: 18px;
  display: block;
  margin: 27px 0 0 218px;
}

.txt1 {
  width: 69px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(233, 233, 233, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Normal;
  text-align: center;
  white-space: nowrap;
  line-height: 18px;
  display: block;
  margin: 27px 0 0 117px;
}

.txt2 {
  width: 71px;
  height: 18px;
  overflow-wrap: break-word;
  color: rgba(233, 233, 233, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Normal;
  text-align: center;
  white-space: nowrap;
  line-height: 18px;
  display: block;
  margin: 26px 0 0 122px;
}

.word2 {
  width: 70px;
  height: 18px;
  overflow-wrap: break-word;
  color: rgba(160, 71, 217, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Normal;
  text-align: center;
  white-space: nowrap;
  line-height: 18px;
  display: block;
  margin: 26px 0 0 124px;
}

.txt3 {
  width: 71px;
  height: 18px;
  overflow-wrap: break-word;
  color: rgba(233, 233, 233, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Normal;
  text-align: center;
  white-space: nowrap;
  line-height: 18px;
  display: block;
  margin: 27px 0 0 122px;
}

.wrap2 {
  width: 77px;
  height: 4px;
  margin: 14px 0 1px 909px;
}

.section1 {
  background-color: rgba(160, 71, 217, 1);
  border-radius: 2px;
  width: 77px;
  height: 4px;
}

.main2 {
  height: 600px;
  background: url(?webfile/hra/pc/css/img/psk2y15b0nd7bic815fq298hidpqko8ev6918e0f3-107c-412d-ba32-7c5c3f24088a.png) -240px
    0px no-repeat;
  width: 1200px;
}

.box1 {
  width: 54px;
  height: 10px;
  margin: 561px 0 0 573px;
}

.box2 {
  background-color: rgba(160, 71, 217, 1);
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.box3 {
  background-color: rgba(135, 135, 135, 1);
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.box4 {
  background-color: rgba(135, 135, 135, 1);
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.main3 {
  background-color: rgba(40, 40, 40, 1);
  height: 2106px;
  width: 1200px;
}

.wrap3 {
  width: 1200px;
  height: 1740px;
  margin-top: 70px;
  justify-content: space-between;
}

.main4-0 {
  background-color: rgba(59, 59, 59, 1);
  height: 300px;
  margin-bottom: 60px;
  width: 1200px;
}

.main5-0 {
  width: 1052px;
  height: 300px;
}

.layer1-0 {
  width: 449px;
  height: 300px;
  background: url(?webfile/hra/pc/img/16.png) -1px
    0px no-repeat;
}

.layer2-0 {
  width: 580px;
  height: 210px;
  margin-top: 24px;
}

.txt4-0 {
  width: 119px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: SourceHanSansCN-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  display: block;
}

.word3-0 {
  width: 579px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(238, 238, 238, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 37px 0 0 1px;
}

.mod1-0 {
  height: 32px;
  width: 160px;
  margin: 38px 0 0 1px;
  background: url(?webfile/hra/pc/img/20.png)
    100% no-repeat;
  cursor: pointer;
}

.word4-0 {
  width: 63px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 16px;
  display: block;
  margin: 8px 0 0 49px;
}

.main4-1 {
  background-color: rgba(59, 59, 59, 1);
  height: 300px;
  margin-bottom: 60px;
  width: 1200px;
}

.main5-1 {
  width: 1052px;
  height: 300px;
}

.layer1-1 {
  width: 449px;
  height: 300px;
  background: url(?webfile/hra/pc/img/17.png) -1px
    0px no-repeat;
}

.layer2-1 {
  width: 580px;
  height: 210px;
  margin-top: 24px;
}

.txt4-1 {
  width: 119px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: SourceHanSansCN-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  display: block;
}

.word3-1 {
  width: 579px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(238, 238, 238, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 37px 0 0 1px;
}

.mod1-1 {
  height: 32px;
  width: 160px;
  margin: 38px 0 0 1px;
  background: url(?webfile/hra/pc/img/20.png)
    100% no-repeat;
    cursor: pointer;
}

.word4-1 {
  width: 63px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 16px;
  display: block;
  margin: 8px 0 0 49px;
}

.main4-2 {
  background-color: rgba(59, 59, 59, 1);
  height: 300px;
  margin-bottom: 60px;
  width: 1200px;
}

.main5-2 {
  width: 1052px;
  height: 300px;
}

.layer1-2 {
  width: 449px;
  height: 300px;
  background: url(?webfile/hra/pc/img/18.png) -1px
    0px no-repeat;
}

.layer2-2 {
  width: 580px;
  height: 210px;
  margin-top: 24px;
}

.txt4-2 {
  width: 119px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: SourceHanSansCN-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  display: block;
}

.word3-2 {
  width: 579px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(238, 238, 238, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 37px 0 0 1px;
}

.mod1-2 {
  height: 32px;
  width: 160px;
  margin: 38px 0 0 1px;
  background: url(?webfile/hra/pc/img/20.png)
    100% no-repeat;
    cursor: pointer;
}

.word4-2 {
  width: 63px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 16px;
  display: block;
  margin: 8px 0 0 49px;
}

.main4-3 {
  background-color: rgba(59, 59, 59, 1);
  height: 300px;
  margin-bottom: 60px;
  width: 1200px;
}

.main5-3 {
  width: 1052px;
  height: 300px;
}

.layer1-3 {
  width: 449px;
  height: 300px;
  background: url(?webfile/hra/pc/img/19.png) -1px
    0px no-repeat;
}

.layer2-3 {
  width: 580px;
  height: 210px;
  margin-top: 24px;
}

.txt4-3 {
  width: 119px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: SourceHanSansCN-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  display: block;
}

.word3-3 {
  width: 579px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(238, 238, 238, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 37px 0 0 1px;
}

.mod1-3 {
  height: 32px;
  width: 160px;
  margin: 38px 0 0 1px;
  background: url(?webfile/hra/pc/img/20.png)
    100% no-repeat;
    cursor: pointer;
}

.word4-3 {
  width: 63px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 16px;
  display: block;
  margin: 8px 0 0 49px;
}

.main4-4 {
  background-color: rgba(59, 59, 59, 1);
  height: 300px;
  margin-bottom: 60px;
  width: 1200px;
}

.main5-4 {
  width: 1052px;
  height: 300px;
}

.layer1-4 {
  width: 449px;
  height: 300px;
  background: url(?webfile/hra/pc/img/18.png) -1px
    0px no-repeat;
}

.layer2-4 {
  width: 580px;
  height: 210px;
  margin-top: 24px;
}

.txt4-4 {
  width: 119px;
  height: 24px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 24px;
  font-family: SourceHanSansCN-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  display: block;
}

.word3-4 {
  width: 579px;
  height: 79px;
  overflow-wrap: break-word;
  color: rgba(238, 238, 238, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 37px 0 0 1px;
}

.mod1-4 {
  height: 32px;
  width: 160px;
  margin: 38px 0 0 1px;
  background: url(?webfile/hra/pc/img/20.png) 100% no-repeat;
  cursor: pointer;
}

.word4-4 {
  width: 63px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 16px;
  display: block;
  margin: 8px 0 0 49px;
}

.main6 {
  background-color: rgba(59, 58, 60, 1);
  height: 352px;
  margin-top: -141px;
  width: 1200px;
}

.group1 {
  width: 1200px;
  height: 274px;
  margin-top: 37px;
}

.wrap4 {
  width: 1160px;
  height: 136px;
  margin-left: 21px;
}

.pic2 {
  width: 150px;
  height: 64px;
}

.paragraph1 {
  width: 56px;
  height: 134px;
  overflow-wrap: break-word;
  color: rgba(187, 187, 187, 1);
  font-size: 14px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  line-height: 40px;
  white-space: nowrap;
  display: block;
  margin: 2px 0 0 150px;
}

.infoBox1 {
  width: 55px;
  height: 134px;
  overflow-wrap: break-word;
  color: rgba(187, 187, 187, 1);
  font-size: 14px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  line-height: 40px;
  white-space: nowrap;
  display: block;
  margin: 2px 0 0 148px;
}

.paragraph2 {
  width: 56px;
  height: 94px;
  overflow-wrap: break-word;
  color: rgba(187, 187, 187, 1);
  font-size: 14px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  line-height: 40px;
  white-space: nowrap;
  display: block;
  margin: 2px 0 0 148px;
}

.section2 {
  width: 227px;
  height: 73px;
  margin: 1px 0 0 170px;
}

.outer1 {
  background-color: rgba(160, 71, 217, 1);
  height: 44px;
  width: 227px;
}

.ImageText1 {
  height: 22px;
  width: 194px;
  margin: 11px 0 0 16px;
}

.section3 {
  width: 194px;
  height: 22px;
}

.label1 {
  width: 22px;
  height: 22px;
}

.TextGroup1 {
  height: 20px;
  margin-top: 1px;
  width: 161px;
}

.word5 {
  width: 161px;
  overflow-wrap: break-word;
  color: rgba(238, 238, 238, 1);
  font-size: 26px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  display: block;
}

.txt5 {
  width: 215px;
  height: 14px;
  overflow-wrap: break-word;
  color: rgba(187, 187, 187, 1);
  font-size: 14px;
  font-family: SourceHanSansCN-Regular;
  text-align: right;
  white-space: nowrap;
  line-height: 14px;
  display: block;
  margin: 15px 0 0 12px;
}

.wrap5 {
  background-color: rgba(91, 91, 91, 1);
  width: 1200px;
  height: 1px;
  margin-top: 61px;
}

.paragraph3 {
  width: 639px;
  height: 17px;
  overflow-wrap: break-word;
  color: rgba(187, 187, 187, 1);
  font-size: 14px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  display: block;
  margin: 30px 0 0 18px;
}

.word6 {
  width: 228px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(187, 187, 187, 1);
  font-size: 14px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
  display: block;
  margin: 13px 0 0 18px;
}