#devinfo {
  line-height: 3.92vw;
}

.noclick {
  opacity: 0.5;
  cursor: not-allowed;
}

.block_3_1 {
  background-color: rgba(0, 0, 0, 0.78);
  height: 56.25vw;
  width: 100vw;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
}

.box_13_1 {
  height: 26.05vw;
  background: url(./img/SketchPngcb6207448a04ac2c00ecbd2b597855c39ad1bb9adba65b49a0f5c83bb7cc11d3.png) -1.57vw -1.57vw
    no-repeat;
  background-size: 42.08vw 29.16vw;
  width: 38.96vw;
  margin: 16.19vw 0 0 30.52vw;
}

.section_3_1 {
  width: 33.49vw;
  height: 3.6vw;
  margin: 2.23vw 0 0 3.43vw;
}

.text_18_1 {
  width: 7.5vw;
  height: 2.61vw;
  overflow-wrap: break-word;
  color: rgba(38, 38, 38, 1);
  font-size: 1.87vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 2.61vw;
  margin-top: 0.99vw;
}

.label_1_1 {
  width: 1.15vw;
  height: 1.15vw;
}

.section_4_1 {
  width: 32.09vw;
  height: 3.55vw;
  margin: 1.25vw 0 0 3.43vw;
}

.block_4_1 {
  text-indent:3vw;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 6px;
  width: 32.09vw;
  height: 3.55vw;
  border: 2px solid rgba(229, 229, 229, 0.9);
}

.image-text_9_1 {
  width: 1vw;
  height: 1.52vw;
  margin: 1.04vw 0 0 -30.5vw;
}

.label_2_1 {
  width: 1.2vw;
  height: 1.52vw;
}

.text-group_4_1 {
  width: 28vw;
  height: 3vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.25);
  font-size: 1.25vw;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25vw;
  margin-left: 1vw;
  /* border: 1px solid black; */
}

.section_5_1 {
  width: 32.09vw;
  height: 3.55vw;
  margin: 1.25vw 0 0 3.43vw;
}

.block_5_1 {
  text-indent:3vw;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 6px;
  width: 32.09vw;
  height: 3.55vw;
  border: 2px solid rgba(229, 229, 229, 0.9);
}

.image-text_10_1 {
  width: 1vw;
  height: 1.52vw;
  margin: 1.04vw 0 0 -30.5vw;
}

.label_3_1 {
  width: 1.15vw;
  height: 1.52vw;
}

.text-group_5_1 {
  width: 6.25vw;
  height: 1.25vw;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.25);
  font-size: 1.25vw;
  font-family: PingFangSC-Regular;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25vw;
  margin-top: 0.11vw;
}

.section_6_1 {
  width: 18.86vw;
  height: 4.69vw;
  margin: 2.81vw 0 3.12vw 10.05vw;
  /* border: 1px solid black; */
}

.text-wrapper_15_1 {
  width: 24.86vw;
  height: 12.69vw;
  margin: -4vw -3vw;
}

.text_19_1 {
  width: 2.71vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 1.35vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 1.93vw;
  margin: 1.92vw 0 0 8.59vw;
}

.image_6_1 {
  position: absolute;
  left: 53.86vw;
  top: 13.55vw;
  width: 12.61vw;
  height: 7.5vw;
}






.page {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  width: 100vw;
  /*height: 56.25vw;*/
  overflow: hidden;
}

.box_1 {
  background-color: rgba(249, 249, 249, 1);
  width: 100vw;
  height: 3.92vw;
}

.imgout_1{
  width: 29vw;
  height: 3.92vw;
  margin: 0 10vw 0 0vw;
  display: flex;
}

.image_1 {
  width: 18vw;
  height: 3.043vw;
  margin: 0.2vw 1vw 0 18.54vw;
  user-select:none;
}


.image_1_1 {
  width: 10vw;
  height: 2.6vw;
  margin: 0.5vw 0 0 0vw;
  user-select:none
}
.image_1_2 {
  width: 0vw;
  height: 2vw;
  margin: 0.7vw 0.5vw 0 0vw;
  border-left: 1px solid black;
  user-select:none;
}
.text-wrapper_1 {
  background-color: rgba(222, 210, 251, 1);
  border-radius: 5px;
  width: 7.5vw;
  height: 2.92vw;
  margin: 0.5vw 18.54vw 0 0;
  display: flex;
  text-align: center;
  justify-content:center;
}

.text_1 {
  overflow-wrap: break-word;
  color: rgba(91, 34, 236, 1);
  font-size: 1.1vw;
  font-family: PingFangSC-Medium;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 0.89vw;
  user-select:none;
}

.box_2 {
  width: 100vw;
  /*height: 53.39vw;*/
  margin-bottom: 0.06vw;
}

.box_3 {
  width: 62.92vw;
  height: 16.78vw;
  margin: 2.08vw 0 0 18.54vw;
}

.text-wrapper_2 {
  height: 16.78vw;
  background: url(./img/1a73a94bafff4726bf4030fe071b09f5_mergeImage.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 15.11vw;
  cursor: pointer;
  border-radius: 22px;
  transition-duration: 0.15s;
}



.text-wrapper_2:hover .image_6_2{
  margin-top: 9vw;
  transition-duration: 0.3s;
}
.text-wrapper_2:hover{
  box-shadow: 0px 0px 12px 3px #cde6ff;
  transition-duration: 0.3s;
}

.image-wrapper_3_2 {
  width: 5vw;
  height: 4.33vw;
}

.image_6_2 {
  width: 5vw;
  height: 4.33vw;
  margin: 10.32vw 0 2.39vw 7.65vw;
  transition-duration: 0.15s;
  user-select:none;
}



.text_2 {
  width: 4.95vw;
  height: 1.72vw;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.25vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.72vw;
  margin: 1.66vw 0 0 1.56vw;
}

.box_4 {
  width: 30.94vw;
  height: 16.78vw;
  margin-left: 0.94vw;
}

.text-wrapper_3 {
  height: 7.92vw;
  background: url(./img/a0266f33768a4f07849c8d66944ac84c_mergeImage.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 30.94vw;
  border-radius: 22px;
  cursor: pointer;
  transition-duration: 0.15s;
}

.text-wrapper_3:hover{
  box-shadow: 0px 0px 12px 3px #e6e3ff;
  transition-duration: 0.3s;
}

.text_3 {
  width: 8.7vw;
  height: 1.72vw;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.25vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.72vw;
  margin: 1.66vw 0 0 1.56vw;
}

.image_7_2{
  width: 4.69vw;
  height: 4.59vw;
  margin: 3.02vw 2.55vw 0 23.80vw;
  transition-duration: 0.15s;
  user-select:none;
}

.text-wrapper_3:hover .image_7_2{
  margin-top: 2vw;
  transition-duration: 0.3s;
}

.group_1 {
  width: 46.94vw;
  height: 7.92vw;
  margin-top: 0.94vw;
}

.text-wrapper_4 {
  height: 7.92vw;
  background: url(./img/81cc1a27d63a49978a50ad19eb67cabf_mergeImage.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 15vw;
  border-radius: 22px;
  cursor: pointer;
  transition-duration: 0.15s;
}

.text-wrapper_4:hover{
  box-shadow: 0px 0px 12px 3px #d4f4e0;
  transition-duration: 0.3s;
}

.text_4 {
  width: 3.7vw;
  height: 1.72vw;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.25vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.72vw;
  margin: 1.66vw 0 0 1.56vw;
}

.image_8_2 {
  width: 4.8vw;
  height: 4.02vw;
  margin: 2.96vw 2.03vw 0 8.41vw;
  transition-duration: 0.15s;
  user-select:none;
}

.text-wrapper_4:hover .image_8_2{
  margin-top: 1.96vw;
  transition-duration: 0.3s;
}

.text-wrapper_5 {
  height: 7.92vw;
  background: url(./img/05238a65d34142c3a9c321d791f91408_mergeImage.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 15vw;
  border-radius: 22px;
  cursor: pointer;
  transition-duration: 0.15s;
}

.text-wrapper_5:hover{
  box-shadow: 0px 0px 12px 3px #cbecfc;
  transition-duration: 0.3s;
}

.text-wrapper_51 {
  height: 7.92vw;
  background: url(img/aihuitu2_bg.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 15vw;
  border-radius: 22px;
  cursor: pointer;
  transition-duration: 0.15s;
}

.text-wrapper_51:hover{
  box-shadow: 0px 0px 12px 3px #cbecfc;
  transition-duration: 0.3s;
}

.text_5 {
  width: 3.7vw;
  height: 1.72vw;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.25vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.72vw;
  margin: 1.66vw 0 0 1.56vw;
}

.image_9_2 {
  width: 5.53vw;
  height: 4.59vw;
  margin: 3.28vw 1.77vw 0 7.58vw;
  transition-duration: 0.15s;
  user-select:none;
}

.text-wrapper_5:hover .image_9_2{
  margin-top: 2.28vw;
  transition-duration: 0.3s;
}
.text-wrapper_51:hover .image_9_2{
  margin-top: 2.28vw;
  transition-duration: 0.3s;
}

.text-wrapper_6 {
  /*height: 16.78vw;*/
  height: 7.92vw;
  background: url(img/aihuitu_bg.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-left: 0.94vw;
  width: 15vw;
  border-radius: 22px;
  cursor: pointer;
  transition-duration: 0.15s;
}

.text-wrapper_6:hover{
  box-shadow: 0px 0px 12px 3px #fde5cf;
  transition-duration: 0.3s;
}

.text_6 {
  width: 3.7vw;
  height: 1.72vw;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.25vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.72vw;
  margin: 1.66vw 0 0 1.56vw;
}

.image-wrapper_4_2 {
  width: 5.94vw;
  height: 5.42vw;
}

.image_10_2 {
  width: 5.94vw;
  height: 5.42vw;
  margin: 2.1vw 0 2.39vw 8.6vw;
  transition-duration: 0.15s;
  user-select:none;
}

.text-wrapper_6:hover .image_10_2{
  margin-top: 1.2vw;
  transition-duration: 0.3s;
}



.box_5 {
  width: 62.92vw;
  height: 7.92vw;
  margin: 0.93vw 0 0 18.54vw;
}

.text-wrapper_7 {
  height: 7.92vw;
  background: url(./img/1c0f4ecd9a6346209181ac9f707a146e_mergeImage.png)
  /*background: url(./img/43204df91b3e4bdfa5f944079c33f56b_mergeImage.png)*/
    100% no-repeat;
  background-size: 100% 100%;
  width: 15.11vw;
  border-radius: 22px;
  cursor: pointer;
  transition-duration: 0.15s;
}

.text-wrapper_7:hover{
  box-shadow: 0px 0px 12px 3px #ffe0d0;
  transition-duration: 0.3s;
}

.text_7 {
  width: 6.2vw;
  height: 1.72vw;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.25vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.72vw;
  margin: 1.66vw 0 0 1.56vw;
}

.image_11_2 {
  width: 4.22vw;
  height: 3.7vw;
  margin: 3.8vw 0 0 8.15vw;
  transition-duration: 0.15s;
  user-select:none;
}

.text-wrapper_7:hover .image_11_2{
  margin-top: 2.8vw;
  transition-duration: 0.3s;
}

.text-wrapper_8 {
  height: 7.92vw;
  background: url(./img/43204df91b3e4bdfa5f944079c33f56b_mergeImage.png)
  /*background: url(./img/276843f4d2f04ab698fb1e90c42e3574_mergeImage.png)*/
    100% no-repeat;
  background-size: 100% 100%;
  margin-left: 0.94vw;
  width: 15vw;
  border-radius: 22px;
  cursor: pointer;
  transition-duration: 0.15s;
}

.text-wrapper_8:hover{
  box-shadow: 0px 0px 12px 3px #f4ddff;
  transition-duration: 0.3s;
}

.text_8 {
  width: 4.95vw;
  height: 1.72vw;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.25vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.72vw;
  margin: 1.66vw 0 0 1.56vw;
}

.image_12_2 {
  width: 4.48vw;
  height: 4.43vw;
  margin: 3.3vw 0 0 8.35vw;
  transition-duration: 0.15s;
  user-select:none;
}

.text-wrapper_8:hover .image_12_2{
  margin-top: 2.3vw;
  transition-duration: 0.3s;
}

.text-wrapper_9 {
  height: 7.92vw;
  background: url(./img/1c0f4ecd9a6346209181ac9f707a146e_mergeImage.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-left: 0.94vw;
  width: 15vw;
  border-radius: 22px;
  cursor: pointer;
  transition-duration: 0.15s;
}

.text-wrapper_9:hover{
  box-shadow: 0px 0px 12px 3px #fee8f1;
  transition-duration: 0.3s;
}

.text_9 {
  width: 6.2vw;
  height: 1.72vw;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.25vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.72vw;
  margin: 1.66vw 0 0 1.56vw;
}


.image_13_2 {
  width: 4.48vw;
  height: 4.33vw;
  margin: 3.3vw 0 0 8.15vw;
  transition-duration: 0.15s;
  user-select:none;
}

.text-wrapper_9:hover .image_13_2{
  margin-top: 2.3vw;
  transition-duration: 0.3s;
}

.text-wrapper_10 {
  height: 7.92vw;
  background: url(./img/276843f4d2f04ab698fb1e90c42e3574_mergeImage.png)
  /*background: url(./img/2c4d8ecdab6c4abc839439c0407a9d22_mergeImage.png)*/
    100% no-repeat;
  background-size: 100% 100%;
  margin-left: 0.94vw;
  width: 15vw;
  border-radius: 22px;
  cursor: pointer;
  transition-duration: 0.15s;
}

.text-wrapper_10:hover{
  box-shadow: 0px 0px 12px 3px #fff2c8;
  transition-duration: 0.3s;
}

.text_10 {
  width: 4.95vw;
  height: 1.72vw;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.25vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.72vw;
  margin: 1.66vw 0 0 1.56vw;
}

.image_14_2 {
  width: 5.11vw;
  height: 4.69vw;
  margin: 3vw 0 0 8.35vw;
  transition-duration: 0.15s;
  user-select:none;
}

.text-wrapper_10:hover .image_14_2{
  margin-top: 2vw;
  transition-duration: 0.3s;
}
.box_6 {
  border-radius: 22px;
  background-image: url(./img/3ed6862e214143f18dfae9d4c99d4cd9_mergeImage.png);
  background-size: 100% 100%;
  width: 62.92vw;
  height: 8.13vw;
  margin: 0.93vw 0 0 18.54vw;
  border-radius: 22px;
  cursor: pointer;
  transition-duration: 0.15s;
}

.box_6:hover{
  box-shadow: 0px 0px 12px 3px #dae9fd;
  transition-duration: 0.3s;
}



.group_2 {
  width: 14.89vw;
  height: 8.13vw;
  margin: 0 0 0 0;
}

.image_2 {
  width: 3.44vw;
  height: 2.97vw;
  margin-top: 3.88vw;
  margin-left: 11.45vw;
  transition-duration: 0.3s;
  user-select:none;
}

.group_2:hover .image_2{
  margin-top: 2.88vw;
  transition-duration: 0.15s;
}

.group_3 {
  width: 9.07vw;
  height: 8.13vw;
}

.thumbnail_1 {
  width: 3.23vw;
  height: 2.97vw;
  margin: 1vw 2.81vw 0 3.03vw;
  transition-duration: 0.3s;
  user-select:none;
}

.group_3:hover .thumbnail_1{
  margin-top: 0vw;
  transition-duration: 0.15s;
}

.group_4 {
  height: 8.13vw;
  width: 8.285vw;
  position: relative;
}

.thumbnail_2 {
  height: 3.08vw;
  width: 3.18vw;
  margin-top:  1.45vw;
  margin-left: 2.81vw;
  transition-duration: 0.3s;
  user-select:none;
}

.group_4:hover .thumbnail_2{
  margin-top:  0.45vw;
  transition-duration: 0.15s;
}

.group_5 {
  width: 8.025vw;
  height: 8.13vw;
}

.block_1 {
  height: 3.444vw;
  width: 2.87vw;
  position: relative;
  margin: 2.884vw 0 0 2.295vw;
  transition-duration: 0.3s;
  user-select:none;
}

.group_5:hover .block_1{
  margin-top:  1.884vw;
  transition-duration: 0.15s;
}

.group_6 {
  width: 13.94vw;
  height: 8.13vw;
  margin: 0 12.71vw 0 0;
}

.thumbnail_4 {
  width: 3.08vw;
  height: 3.23vw;
  margin: 2.86vw 8vw 0 2.86vw;
  transition-duration: 0.3s;
  user-select:none;
}

.group_6:hover .thumbnail_4{
  margin-top:  1.86vw;
  transition-duration: 0.15s;
}

.text_17 {
  width: 5.42vw;
  height: 1.93vw;
  overflow-wrap: break-word;
  color: rgba(139, 139, 139, 1);
  font-size: 1.35vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.93vw;
  margin: 2.81vw 0 0 18.54vw;
  user-select:none;
}

.box_7 {
  width: 62.92vw;
  height: 6.31vw;
  margin: 1.04vw 0 4.53vw 18.54vw;
}

.block_2 {
  box-shadow: 0px 0px 12px 0px rgba(55, 100, 255, 0.16);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 22px;
  width: 20.32vw;
  height: 6.31vw;
  transition-duration: 0.15s;
  cursor: pointer;
}

.block_2:hover{
  box-shadow: 0px 0px 12px 10px rgba(55, 100, 255, 0.16);
  transition-duration: 0.15s;
}

.image-text_1 {
  width: 8.86vw;
  height: 2.35vw;
  margin: 1.97vw 0 0 2.72vw;
}

.image_3 {
  width: 2.82vw;
  height: 2.35vw;
  user-select:none;
}

.text-group_1 {
  width: 5vw;
  height: 1.72vw;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.25vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.72vw;
  margin-top: 0.32vw;
  user-select:none;
}

.block_3 {
  box-shadow: 0px 0px 12px 0px rgba(55, 100, 255, 0.16);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 22px;
  width: 24%;
  height: 6.31vw;
  /*margin-left: 0.99vw;*/
  transition-duration: 0.15s;
  cursor: pointer;
}

.block_3:hover{
  box-shadow: 0px 0px 12px 10px rgba(55, 100, 255, 0.16);
  transition-duration: 0.15s;
}
.image-text_2 {
  width: 8.86vw;
  height: 2.35vw;
  margin: 1.97vw 0 0 5.72vw;
}

.image_4 {
  width: 2.82vw;
  height: 2.35vw;
  user-select:none;
}

.text-group_2 {
  width: 5vw;
  height: 1.72vw;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.25vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.72vw;
  margin-top: 0.32vw;
  user-select:none;
}

.block_4 {
  box-shadow: 0px 0px 12px 0px rgba(55, 100, 255, 0.16);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 22px;
  width: 20.32vw;
  height: 6.31vw;
  margin-left: 0.99vw;
  transition-duration: 0.15s;
  cursor: pointer;
}

.block_4:hover{
  box-shadow: 0px 0px 12px 10px rgba(55, 100, 255, 0.16);
  transition-duration: 0.15s;
}

.image-text_3 {
  width: 8.86vw;
  height: 2.35vw;
  margin: 1.97vw 0 0 5.72vw;
}

.image_5 {
  width: 2.82vw;
  height: 2.35vw;
  user-select:none;
}

.text-group_3 {
  width: 5vw;
  height: 1.72vw;
  overflow-wrap: break-word;
  color: rgba(51, 51, 51, 1);
  font-size: 1.25vw;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 1.72vw;
  margin-top: 0.32vw;
  user-select:none;
}