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

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

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

.layer1 {
  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(160, 71, 217, 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 123px;
}

.word2 {
  width: 70px;
  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;
}

.info1 {
  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 123px;
}

.layer2 {
  width: 77px;
  height: 4px;
  margin: 14px 0 1px 356px;
}

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

.box2 {
  height: 600px;
  background: url(?webfile/hra/pc/css/img/psy4nkb7hcibizawx32xdphhjqpqqf2vze3b482528-37d2-4548-b073-2315423b50ec.png) -240px
    0px no-repeat;
  width: 1200px;
}

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

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

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

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

.box3 {
  background-color: rgba(40, 40, 40, 1);
  z-index: 16;
  height: 2106px;
  width: 1200px;
  position: relative;
}

.layer3 {
  width: 1200px;
  height: 1926px;
  margin-top: 70px;
}

.box4 {
  width: 258px;
  height: 33px;
  margin-left: 599px;
}

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

.info2 {
  width: 95px;
  height: 21px;
  overflow-wrap: break-word;
  color: rgba(173, 173, 173, 1);
  font-size: 20px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 11px;
  display: block;
}

.box5 {
  width: 1157px;
  height: 301px;
  margin-top: 55px;
}

.layer4 {
  background-color: rgba(160, 71, 217, 1);
  width: 476px;
  height: 278px;
  margin-top: 23px;
}

.word4 {
  width: 557px;
  height: auto;
  overflow-wrap: break-word;
  color: rgba(238, 238, 238, 1);
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  text-align: justifyLeft;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.box6 {
  width: 205px;
  height: 34px;
  margin-top: 69px;
}

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

.txt4 {
  width: 42px;
  height: 21px;
  overflow-wrap: break-word;
  color: rgba(173, 173, 173, 1);
  font-size: 20px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 12px;
  display: block;
}

.box7 {
  width: 1200px;
  height: 297px;
  margin-top: 33px;
}

.main2 {
  background-color: rgba(56, 56, 56, 1);
  height: 297px;
  width: 285px;
}

.outer1 {
  width: 285px;
  height: 275px;
}

.ImageText1 {
  height: 241px;
  width: 285px;
}

.group1 {
  width: 285px;
  height: 241px;
}

.img1 {
  width: 285px;
  height: 199px;
}

.TextGroup1 {
  height: 23px;
  width: 95px;
  margin: 19px 0 0 14px;
}

.txt5 {
  width: 95px;
  height: 23px;
  overflow-wrap: break-word;
  color: rgba(243, 243, 243, 1);
  font-size: 24px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  display: block;
}

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

.main3 {
  background-color: rgba(56, 56, 56, 1);
  height: 297px;
  width: 285px;
}

.outer2 {
  width: 285px;
  height: 275px;
}

.ImageText2 {
  height: 241px;
  width: 285px;
}

.section1 {
  width: 285px;
  height: 241px;
}

.pic2 {
  width: 285px;
  height: 199px;
}

.TextGroup2 {
  height: 23px;
  width: 94px;
  margin: 19px 0 0 15px;
}

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

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

.main4 {
  background-color: rgba(56, 56, 56, 1);
  height: 297px;
  width: 285px;
}

.bd1 {
  width: 285px;
  height: 275px;
}

.ImageText3 {
  height: 241px;
  width: 285px;
}

.group2 {
  width: 285px;
  height: 241px;
}

.img2 {
  width: 285px;
  height: 199px;
}

.TextGroup3 {
  height: 23px;
  width: 95px;
  margin: 19px 0 0 14px;
}

.word7 {
  width: 95px;
  height: 23px;
  overflow-wrap: break-word;
  color: rgba(243, 243, 243, 1);
  font-size: 24px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  display: block;
}

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

.main5 {
  background-color: rgba(56, 56, 56, 1);
  height: 297px;
  width: 285px;
}

.group3 {
  width: 285px;
  height: 275px;
}

.ImageText4 {
  height: 241px;
  width: 285px;
}

.bd2 {
  width: 285px;
  height: 241px;
}

.img3 {
  width: 285px;
  height: 199px;
}

.TextGroup4 {
  height: 23px;
  width: 95px;
  margin: 19px 0 0 14px;
}

.word8 {
  width: 95px;
  height: 23px;
  overflow-wrap: break-word;
  color: rgba(243, 243, 243, 1);
  font-size: 24px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  display: block;
}

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

.box8 {
  height: 278px;
  background: url(?webfile/hra/pc/img/9.png) -240px
    0px no-repeat;
  margin-top: 100px;
  width: 1200px;
}

.group4 {
  width: 1038px;
  height: 150px;
  margin: 64px 0 0 90px;
}

.TextGroup5 {
  height: 101px;
  margin-top: 24px;
  width: 119px;
}

.word10 {
  width: 119px;
  overflow-wrap: break-word;
  color: rgba(187, 187, 187, 1);
  font-size: 60px;
  font-family: SourceHanSansCN-Light;
  text-align: center;
  white-space: nowrap;
  line-height: 60px;
  display: block;
}

.word11 {
  width: 94px;
  height: 23px;
  overflow-wrap: break-word;
  color: rgba(187, 187, 187, 1);
  font-size: 24px;
  font-family: SourceHanSansCN-Light;
  text-align: center;
  white-space: nowrap;
  line-height: 24px;
  display: block;
  margin: 22px 0 0 13px;
}

.main6 {
  background-color: rgba(153, 153, 153, 1);
  width: 1px;
  height: 150px;
  margin-left: 91px;
}

.TextGroup6 {
  height: 101px;
  width: 124px;
  margin: 24px 0 0 87px;
}

.info4 {
  width: 124px;
  overflow-wrap: break-word;
  color: rgba(187, 187, 187, 1);
  font-size: 60px;
  font-family: SourceHanSansCN-Light;
  text-align: center;
  white-space: nowrap;
  line-height: 60px;
  display: block;
}

.word12 {
  width: 95px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(187, 187, 187, 1);
  font-size: 24px;
  font-family: SourceHanSansCN-Light;
  text-align: center;
  white-space: nowrap;
  line-height: 24px;
  display: block;
  margin: 27px 0 0 14px;
}

.main7 {
  background-color: rgba(153, 153, 153, 1);
  width: 1px;
  height: 150px;
  margin-left: 89px;
}

.TextGroup7 {
  height: 101px;
  width: 151px;
  margin: 24px 0 0 75px;
}

.info5 {
  width: 151px;
  overflow-wrap: break-word;
  color: rgba(187, 187, 187, 1);
  font-size: 60px;
  font-family: SourceHanSansCN-Light;
  text-align: center;
  white-space: nowrap;
  line-height: 60px;
  display: block;
}

.word13 {
  width: 94px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(187, 187, 187, 1);
  font-size: 24px;
  font-family: SourceHanSansCN-Light;
  text-align: center;
  white-space: nowrap;
  line-height: 24px;
  display: block;
  margin: 23px 0 0 30px;
}

.main8 {
  background-color: rgba(153, 153, 153, 1);
  width: 1px;
  height: 150px;
  margin-left: 74px;
}

.TextGroup8 {
  height: 101px;
  width: 153px;
  margin: 24px 0 0 72px;
}

.word14 {
  width: 153px;
  overflow-wrap: break-word;
  color: rgba(187, 187, 187, 1);
  font-size: 60px;
  font-family: SourceHanSansCN-Light;
  text-align: center;
  white-space: nowrap;
  line-height: 60px;
  display: block;
}

.info6 {
  width: 94px;
  height: 22px;
  overflow-wrap: break-word;
  color: rgba(187, 187, 187, 1);
  font-size: 24px;
  font-family: SourceHanSansCN-Light;
  text-align: center;
  white-space: nowrap;
  line-height: 24px;
  display: block;
  margin: 27px 0 0 28px;
}

.box9 {
  width: 341px;
  height: 33px;
  margin-top: 63px;
}

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

.info8 {
  width: 178px;
  height: 21px;
  overflow-wrap: break-word;
  color: rgba(173, 173, 173, 1);
  font-size: 20px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 11px;
  display: block;
}

.box10 {
  width: 1200px;
  height: 392px;
  margin-top: 32px;
}

.group5 {
  width: 590px;
  height: 392px;
}

.wrap2 {
  background-color: rgba(56, 56, 56, 1);
  height: 186px;
  width: 590px;
}

.ImageText5 {
  height: 146px;
  width: 552px;
  margin: 20px 0 0 20px;
}

.section2 {
  width: 552px;
  height: 146px;
}

.pic3 {
  width: 212px;
  height: 146px;
}

.box11 {
  width: 325px;
  height: 106px;
  margin-top: 9px;
}

.layer5 {
  background-color: rgba(160, 71, 217, 1);
  width: 80px;
  height: 4px;
}

.TextGroup9 {
  height: 86px;
  margin-top: 16px;
  width: 325px;
}

.word15 {
  width: 283px;
  height: 19px;
  overflow-wrap: break-word;
  color: rgba(221, 221, 221, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 19px;
  display: block;
}

.info9 {
  width: 324px;
  height: 52px;
  overflow-wrap: break-word;
  color: rgba(173, 173, 173, 1);
  font-size: 14px;
  font-family: SourceHanSansCN-Regular;
  text-align: justifyLeft;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 25px 0 0 1px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.wrap3 {
  background-color: rgba(56, 56, 56, 1);
  height: 186px;
  margin-top: 20px;
  width: 590px;
}

.ImageText6 {
  height: 146px;
  width: 551px;
  margin: 20px 0 0 21px;
}

.outer3 {
  width: 551px;
  height: 146px;
}

.pic4 {
  width: 211px;
  height: 146px;
}

.bd3 {
  width: 325px;
  height: 106px;
  margin-top: 9px;
}

.outer4 {
  background-color: rgba(160, 71, 217, 1);
  width: 80px;
  height: 4px;
}

.TextGroup10 {
  height: 86px;
  margin-top: 16px;
  width: 325px;
}

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

.word17 {
  width: 325px;
  height: 52px;
  overflow-wrap: break-word;
  color: rgba(173, 173, 173, 1);
  font-size: 14px;
  font-family: SourceHanSansCN-Regular;
  text-align: justifyLeft;
  line-height: 28px;
  margin-top: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.group6 {
  background-color: rgba(199, 81, 159, 1);
  height: 392px;
  width: 590px;
}

.img4 {
  width: 590px;
  height: 392px;
}

.box12 {
  width: 1200px;
  height: 186px;
  margin-top: 20px;
}

.mod5 {
  background-color: rgba(56, 56, 56, 1);
  height: 186px;
  width: 590px;
}

.ImageText7 {
  height: 146px;
  width: 552px;
  margin: 20px 0 0 20px;
}

.main9 {
  width: 552px;
  height: 146px;
}

.pic5 {
  width: 212px;
  height: 146px;
}

.bd4 {
  width: 325px;
  height: 107px;
  margin-top: 9px;
}

.mod6 {
  background-color: rgba(160, 71, 217, 1);
  width: 80px;
  height: 4px;
}

.TextGroup11 {
  height: 87px;
  width: 324px;
  margin: 16px 0 0 1px;
}

.word18 {
  width: 281px;
  height: 19px;
  overflow-wrap: break-word;
  color: rgba(221, 221, 221, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 19px;
  display: block;
}

.word19 {
  width: 324px;
  height: 52px;
  overflow-wrap: break-word;
  color: rgba(173, 173, 173, 1);
  font-size: 14px;
  font-family: SourceHanSansCN-Regular;
  text-align: justifyLeft;
  line-height: 28px;
  margin-top: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.mod7 {
  background-color: rgba(56, 56, 56, 1);
  height: 186px;
  width: 590px;
}

.box13 {
  width: 545px;
  height: 106px;
  margin: 29px 0 0 21px;
}

.bd5 {
  background-color: rgba(160, 71, 217, 1);
  width: 80px;
  height: 4px;
}

.word20 {
  width: 273px;
  height: 16px;
  overflow-wrap: break-word;
  color: rgba(221, 221, 221, 1);
  font-size: 16px;
  font-family: SourceHanSansCN-Regular;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
  display: block;
  margin: 16px 0 0 2px;
}

.txt7 {
  width: 544px;
  height: 52px;
  overflow-wrap: break-word;
  color: rgba(173, 173, 173, 1);
  font-size: 14px;
  font-family: SourceHanSansCN-Regular;
  text-align: justifyLeft;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin: 28px 0 0 1px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.img5 {
  z-index: 19;
  position: absolute;
  left: 20px;
  top: 70px;
  width: 544px;
  height: 369px;
}

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

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

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

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

.infoBox1 {
  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;
}

.paragraph1 {
  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;
}

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

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

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

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

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

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

.info10 {
  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;
}

.info11 {
  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;
}

.box16 {
  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;
}

.word21 {
  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;
}