#devinfo {
    line-height: 3.92vw;
  }
#devinfo_school {
    line-height: 3.92vw;
} 
body{
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

 .devinfoout{
    height: 3.92vw;
    /* font-size: 25px; */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
 } 

.fixed-wrapper_1 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
    flex-wrap: nowrap;
}


.container_1 {
  width: 1280px;
  height: 720px;
  background-color: white;
  display: flex;
     border: 0.1px solid #e4e8ee;
  border-radius: 10px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
}

.left_1 {
  flex: 1;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 10px;
}

.left_1 img {
     height: 700px;
}

.left_1 h1 {
  color: #6f2bff;
  font-size: 24px;
  font-weight: bold;
}

.right_1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
margin-right: 145px;
}

.logo-text_1 {
  width: 114px;
    height: 36px;
  margin-bottom: 60px;
}

.form_1 {  
 display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}

.form_1 input {
  width: 320px;
  padding: 12px;
  margin: 10px 0;
  border: 1px solid #ddd;
  border-radius: 6px;
  background-color: #f9fbff;
  font-size: 14px;
}

.form_1 button {
  width: 320px;
  height: 50px;
  padding: 12px;
  background-color: #024de3;
  color: white;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 140px;
  cursor: pointer;
}

.version_1 {
  position: absolute;
  bottom: 20px;
  right: 30px;
  color: #aaa;
  font-size: 12px;
}



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




.block_3_1_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_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_1 {
  width: 33.49vw;
  height: 3.6vw;
  margin: 2.23vw 0 0 3.43vw;
}

.text_18_1_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_1 {
  width: 1.15vw;
  height: 1.15vw;
}

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

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

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

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

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

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

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

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


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

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

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










.block_3_1 {
  background-color: #ffffff;
  height: 100vh;
  width: 100vw;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
}

.box_13_1 {  
  width: 38.96vw;
  height: 26.05vw;
  height: 720px;
  background: url(./img/SketchPngcb6207448a04ac2c00ecbd2b597855c39ad1bb9adba65b49a0f5c83bb7cc11d3.png) -1.57vw -1.57vw
    no-repeat;
  background-size: 42.08vw 29.16vw;
  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 {
  position: relative;
  width: 100vw;
  /*height: 56.25vw;*/
  overflow: hidden;
}

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

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

}

.text-wrapper_1 {
  width: 15vw;
  height: 2.92vw;
  margin: 0.5vw 11.04vw 0 0;
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content: flex-end;
  border-radius: 5px;
}

.text_1 {
  background-color: rgba(222, 210, 251, 1);
  width: 7vw;
  height: 2.92vw;
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content:center;
  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: 2.92vw;
  user-select:none;
  border-radius: 0.5vw;
}

.text_1_outlogin {
  width: 7vw;
  height: 2.92vw;
  margin-left: 1vw;
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content:center;
  overflow-wrap: break-word;
  color: rgba(91, 34, 236, 1);
  font-size: 0.8vw;
  font-family: PingFangSC-Medium;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  line-height: 2.92vw;
  user-select:none;
  border-radius: 5px;
}

.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: 3vw 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;
}