html {
  font-size: 37.5px;
}

.page {
  position: relative;
  width: 51.2rem;
  height: 136.347rem;
  overflow: hidden;
}

.main1 {
  height: 136.347rem;
  background: url(./img/ps7hbmzggg6z66shhsupttjdgsq43ghxk9bd0a679d-c9b3-4179-b13a-fdf65220eeda.png)
    100% no-repeat;
  width: 51.2rem;
}

.group1 {
  width: 51.2rem;
  height: 136.347rem;
}

.bd1 {
  z-index: 35;
  height: 25.147rem;
  background: url(./img/pszmpt5qgkttxqk4ptf67rf9ox5kjq8jl92a8ba95-b8ce-40c3-aab8-1eccb7c8d038.png)
    0rem -4.934rem no-repeat;
  background-size: 51.387rem 34.24rem;
  width: 51.2rem;
  position: relative;
}

.img1 {
  width: 51.2rem;
  height: 22.747rem;
  margin-top: 2.4rem;
}

.main2 {
  z-index: 38;
  height: 25.147rem;
  background: url(./img/pstetyyu94oj96qosgmoexggarg9adqaze0c1bb8e8-70d5-4159-ae84-3a78dafd2260.png) -0.16rem -0.214rem
    no-repeat;
  background-size: 51.334rem 25.387rem;
  width: 51.174rem;
  position: absolute;
  left: 0;
  top: 0;
}

.layer1 {
  width: 37.44rem;
  height: 1.147rem;
  margin: 1.12rem 0 0 6.96rem;
}

.img2 {
  width: 4.667rem;
  height: 1.147rem;
}

.info1 {
  width: 2.507rem;
  height: 0.587rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 0.64rem;
  display: block;
  margin: 0.214rem 0 0 10.72rem;
}

.word1 {
  width: 2.534rem;
  height: 0.614rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-family: SourceHanSansCN-Normal;
  text-align: center;
  white-space: nowrap;
  line-height: 0.64rem;
  display: block;
  margin: 0.187rem 0 0 0.614rem;
}

.info2 {
  width: 2.534rem;
  height: 0.614rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-family: SourceHanSansCN-Normal;
  text-align: center;
  white-space: nowrap;
  line-height: 0.64rem;
  display: block;
  margin: 0.187rem 0 0 0.614rem;
}

.txt1 {
  width: 2.534rem;
  height: 0.614rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 0.64rem;
  display: block;
  margin: 0.187rem 0 0 0.64rem;
}

.txt2 {
  width: 3.174rem;
  height: 0.64rem;
  overflow-wrap: break-word;
  color: rgba(255, 143, 0, 1);
  font-size: 0.64rem;
  font-family: SourceHanSansCN-Bold;
  text-align: center;
  white-space: nowrap;
  line-height: 0.64rem;
  display: block;
  margin: 0.187rem 0 0 0.64rem;
}

.txt3 {
  width: 2.507rem;
  height: 0.587rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.64rem;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 0.64rem;
  display: block;
  margin: 0.214rem 0 0 0.614rem;
}

.info3 {
  width: 2.507rem;
  height: 0.614rem;
  overflow-wrap: break-word;
  color: rgba(254, 254, 254, 1);
  font-size: 0.64rem;
  font-family: SourceHanSansCN-Normal;
  text-align: center;
  white-space: nowrap;
  line-height: 0.64rem;
  display: block;
  margin: 0.187rem 0 0 0.64rem;
}

.layer2 {
  width: 7.334rem;
  height: 0.187rem;
  margin: 19.84rem 0 2.854rem 21.947rem;
}

.section1 {
  background-color: rgba(255, 143, 0, 1);
  width: 1.28rem;
  height: 0.187rem;
}

.section2 {
  background-color: rgba(196, 196, 196, 1);
  width: 1.28rem;
  height: 0.187rem;
}

.section3 {
  background-color: rgba(197, 197, 197, 1);
  width: 1.28rem;
  height: 0.187rem;
}

.section4 {
  background-color: rgba(197, 197, 197, 1);
  width: 1.28rem;
  height: 0.187rem;
}

.section5 {
  background-color: rgba(197, 197, 197, 1);
  width: 1.28rem;
  height: 0.187rem;
}

.TextGroup1 {
  height: 2.48rem;
  width: 11.6rem;
  margin: 1.734rem 0 0 6.934rem;
}

.section6 {
  width: 11.6rem;
  height: 2.48rem;
}

.info4 {
  width: 11.6rem;
  height: 1.227rem;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 1.28rem;
  font-family: DOUYUFont;
  text-align: center;
  white-space: nowrap;
  line-height: 1.28rem;
  display: block;
}

.txt4 {
  width: 3.894rem;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 0.8rem;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 0.8rem;
  display: block;
  margin: 0.614rem 0 0 0.027rem;
}

.infoBox1 {
  width: 36.774rem;
  height: 4.987rem;
  overflow-wrap: break-word;
  color: rgba(122, 122, 122, 1);
  font-size: 0.586rem;
  font-family: SourceHanSansCN-Normal;
  text-align: left;
  line-height: 1.467rem;
  white-space: nowrap;
  display: block;
  margin: 1.547rem 0 0 6.934rem;
}

.pic1 {
  width: 37.334rem;
  height: 10.774rem;
  margin: 1.494rem 0 0 6.934rem;
}

.TextGroup2 {
  height: 2.48rem;
  width: 8.88rem;
  margin: 1.574rem 0 0 6.96rem;
}

.layer3 {
  width: 8.88rem;
  height: 2.48rem;
}

.info5 {
  width: 8.88rem;
  height: 1.227rem;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 1.28rem;
  font-family: DOUYUFont;
  text-align: center;
  white-space: nowrap;
  line-height: 1.28rem;
  display: block;
}

.word2 {
  width: 1.814rem;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 0.8rem;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 0.8rem;
  display: block;
  margin: 0.64rem 0 0 0.027rem;
}

.txt5 {
  width: 21.067rem;
  height: 0.614rem;
  overflow-wrap: break-word;
  color: rgba(122, 122, 122, 1);
  font-size: 0.586rem;
  font-family: SourceHanSansCN-Normal;
  text-align: left;
  white-space: nowrap;
  line-height: 0.587rem;
  display: block;
  margin: 1.627rem 0 0 6.987rem;
}

.TextGroup3 {
  height: 2.48rem;
  width: 9.947rem;
  margin: 1.467rem 0 0 6.907rem;
}

.section7 {
  width: 9.947rem;
  height: 2.48rem;
}

.word3 {
  width: 9.947rem;
  height: 1.227rem;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 1.28rem;
  font-family: DOUYUFont;
  text-align: center;
  white-space: nowrap;
  line-height: 1.28rem;
  display: block;
}

.word4 {
  width: 8.64rem;
  overflow-wrap: break-word;
  color: rgba(22, 22, 22, 1);
  font-size: 0.8rem;
  font-family: SourceHanSansCN-Regular;
  text-align: center;
  white-space: nowrap;
  line-height: 0.8rem;
  margin-top: 0.56rem;
  display: block;
}

.bd2 {
  width: 37.28rem;
  height: 9.707rem;
  margin: 1.574rem 0 0 6.934rem;
}

.section8 {
  width: 16.907rem;
  height: 9.707rem;
  background: url(http://61.135.192.75:10042/FH-WEB_war/uploadFiles/uploadImgs/20220630/7ebf5cdbbd524cc5b3f131b982e598bb.png) -0.48rem
    0rem no-repeat;
  background-size: 18.374rem 10.374rem;
}

.section9 {
  width: 16.907rem;
  height: 9.707rem;
  background: url(http://61.135.192.75:10042/FH-WEB_war/uploadFiles/uploadImgs/20220630/7ebf5cdbbd524cc5b3f131b982e598bb.png) -1.094rem
    0rem no-repeat;
  background-size: 18.16rem 12.134rem;
}

.bd3 {
  width: 37.28rem;
  height: 3.494rem;
  margin: 1.547rem 0 0 6.934rem;
}

.txt6 {
  width: 16.667rem;
  height: 3.494rem;
  overflow-wrap: break-word;
  color: rgba(122, 122, 122, 1);
  font-size: 0.586rem;
  font-family: SourceHanSansCN-Normal;
  text-align: left;
  line-height: 1.467rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.word5 {
  width: 16.774rem;
  height: 2.027rem;
  overflow-wrap: break-word;
  color: rgba(122, 122, 122, 1);
  font-size: 0.586rem;
  font-family: SourceHanSansCN-Normal;
  text-align: left;
  line-height: 1.467rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.bd4 {
  width: 32.667rem;
  height: 9.707rem;
  margin: 1.387rem 0 0 6.934rem;
}

.block1 {
  width: 16.907rem;
  height: 9.707rem;
  background: url(./img/pseuxie49ar3gms6abxhd5yoe5ra9ioyn9569a0d8a-5891-413b-8930-2c145675dcf1.png) -0.694rem -0.614rem
    no-repeat;
  background-size: 18.24rem 10.96rem;
}

.pic2 {
  width: 7.84rem;
  height: 9.52rem;
  margin-top: 0.08rem;
}

.bd5 {
  width: 28.08rem;
  height: 2.16rem;
  margin: 1.44rem 0 0 6.96rem;
}

.txt7 {
  width: 16.8rem;
  height: 2.054rem;
  overflow-wrap: break-word;
  color: rgba(122, 122, 122, 1);
  font-size: 0.586rem;
  font-family: SourceHanSansCN-Normal;
  text-align: left;
  line-height: 1.467rem;
  margin-top: 0.107rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.txt8 {
  width: 7.6rem;
  height: 0.587rem;
  overflow-wrap: break-word;
  color: rgba(122, 122, 122, 1);
  font-size: 0.586rem;
  font-family: SourceHanSansCN-Normal;
  text-align: left;
  white-space: nowrap;
  line-height: 0.587rem;
  display: block;
}

.bd6 {
  width: 37.307rem;
  height: 9.707rem;
  margin: 1.494rem 0 0 6.934rem;
}

.group2 {
  width: 16.907rem;
  height: 9.707rem;
  background: url(./img/psc173e3gyx6jquodveuehyi4kfrdy4oie0a8c53d6-e2de-42ab-a6a1-fc5ae2a7d420.png) -0.96rem -8.96rem
    no-repeat;
  background-size: 17.867rem 31.654rem;
}

.group3 {
  width: 16.907rem;
  height: 9.707rem;
  background: url(./img/pso7hwgbmh3egaz0i3ybyiiakoj16qkq3wk93e352ad-80e4-4ece-8023-3d3af9e37b72.png) -0.214rem -8.267rem
    no-repeat;
  background-size: 17.28rem 30.667rem;
}

.bd7 {
  width: 33.974rem;
  height: 2.027rem;
  margin: 1.547rem 0 0 6.96rem;
}

.word6 {
  width: 16.054rem;
  height: 2.027rem;
  overflow-wrap: break-word;
  color: rgba(122, 122, 122, 1);
  font-size: 0.586rem;
  font-family: SourceHanSansCN-Normal;
  text-align: left;
  line-height: 1.467rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.word7 {
  width: 13.44rem;
  height: 0.56rem;
  overflow-wrap: break-word;
  color: rgba(122, 122, 122, 1);
  font-size: 0.586rem;
  font-family: SourceHanSansCN-Normal;
  text-align: left;
  white-space: nowrap;
  line-height: 0.587rem;
  display: block;
}

.bd8 {
  width: 16.907rem;
  height: 9.707rem;
  background: url(./img/ps9rnucqkal1a44blyrv25vgnrd0w7m86x27570189-86ae-4465-a0a3-e2549e899131.png) -0.347rem -6.294rem
    no-repeat;
  background-size: 17.28rem 22.267rem;
  margin: 1.52rem 0 0 6.934rem;
}

.info6 {
  width: 17.547rem;
  height: 0.56rem;
  overflow-wrap: break-word;
  color: rgba(122, 122, 122, 1);
  font-size: 0.586rem;
  font-family: SourceHanSansCN-Normal;
  text-align: left;
  white-space: nowrap;
  line-height: 0.587rem;
  display: block;
  margin: 1.654rem 0 0 6.96rem;
}

.info7 {
  width: 25.52rem;
  height: 0.614rem;
  overflow-wrap: break-word;
  color: rgba(122, 122, 122, 1);
  font-size: 0.586rem;
  font-family: SourceHanSansCN-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 0.587rem;
  display: block;
  margin: 1.494rem 0 0 6.934rem;
}

.bd9 {
  background-color: rgba(19, 20, 21, 1);
  height: 15.147rem;
  margin-top: 1.467rem;
  width: 51.2rem;
}

.bd10 {
  height: 9.387rem;
  background: url(./img/psxrq3l1hjh9081lw8g6dko3ngnq4p0l6zp5f3384a5-233d-4eb3-ab17-7accd3c69028.png)
    100% no-repeat;
  margin-top: 1.12rem;
  width: 51.174rem;
}

.main3 {
  width: 13.467rem;
  height: 0.907rem;
  margin: 1.28rem 0 0 6.934rem;
}

.label1 {
  width: 0.8rem;
  height: 0.88rem;
}

.word8 {
  width: 4.4rem;
  height: 0.747rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.746rem;
  font-family: SourceHanSansCN-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 0.747rem;
  margin-top: 0.134rem;
  display: block;
}

.word9 {
  width: 7.04rem;
  height: 0.587rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.586rem;
  font-family: SourceHanSansCN-Light;
  text-align: left;
  white-space: nowrap;
  line-height: 0.587rem;
  margin-top: 0.32rem;
  display: block;
}

.main4 {
  width: 10.054rem;
  height: 0.854rem;
  margin: 0.774rem 0 0 6.907rem;
}

.icon1 {
  width: 0.854rem;
  height: 0.854rem;
}

.word10 {
  width: 4.427rem;
  height: 0.747rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.746rem;
  font-family: SourceHanSansCN-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 0.747rem;
  margin-top: 0.107rem;
  display: block;
}

.txt9 {
  width: 3.6rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.586rem;
  font-family: SourceHanSansCN-Light;
  text-align: left;
  white-space: nowrap;
  line-height: 0.587rem;
  margin-top: 0.374rem;
  display: block;
}

.main5 {
  width: 12.72rem;
  height: 1.467rem;
  margin: 0.8rem 0 3.307rem 6.907rem;
}

.ImageText1 {
  height: 0.854rem;
  margin-top: 0.32rem;
  width: 4.374rem;
}

.mod1 {
  width: 4.374rem;
  height: 0.854rem;
}

.icon2 {
  width: 0.854rem;
  height: 0.854rem;
}

.TextGroup4 {
  height: 0.72rem;
  margin-top: 0.08rem;
  width: 2.96rem;
}

.word11 {
  width: 2.96rem;
  height: 0.72rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 0.746rem;
  font-family: SourceHanSansCN-Bold;
  text-align: left;
  white-space: nowrap;
  line-height: 0.747rem;
  display: block;
}

.pic3 {
  width: 1.174rem;
  height: 1.414rem;
  margin-left: 2.054rem;
}

.img3 {
  width: 1.547rem;
  height: 1.254rem;
  margin: 0.134rem 0 0 0.934rem;
}

.img4 {
  width: 1.494rem;
  height: 1.36rem;
  margin: 0.107rem 0 0 1.147rem;
}
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
  Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}