.navBar-Box {
  width: 100%;
  height: calc(100vw / 750 * 96);
  background-color: #fff;
  padding: 0 calc(100vw / 750 * 30);
  box-sizing: border-box;
}
.navBar-Box .LOGO {
  width: calc(100vw / 750 * 294);
  height: calc(100vw / 750 * 40);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.navBar-Box .backBtn {
  left: calc(100vw / 750 * 30);
  top: 50%;
  transform: translate(0, -50%);
}
.navBar-Box .homeBtn {
  top: 50%;
  left: calc(100vw / 750 * 126);
  transform: translate(0, -50%);
}
.navBar-Box .shareBtn {
  top: 50%;
  right: calc(100vw / 750 * 30);
  transform: translate(0, -50%);
}
.navBar-Box .shareBtn,
.navBar-Box .backBtn,
.navBar-Box .homeBtn {
  position: absolute;
  width: calc(100vw / 750 * 44);
  height: calc(100vw / 750 * 44);
}
.relevant-Box {
  width: 100%;
  padding: calc(100vw / 750 * 30);
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: calc(100vw / 750 * 12);
}
.relevant-Box .relevantTitle {
  font-size: calc(100vw / 750 * 32);
  color: #3c3c3c;
  margin-bottom: calc(100vw / 750 * 20);
}
.relevant-Box .toolsGroup {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(100vw / 750 * 32);
}
.relevant-Box .toolsGroup .toolRow {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 calc(100vw / 750 * 20);
  margin-bottom: calc(100vw / 750 * 48);
}
.relevant-Box .toolsGroup .toolRow .toolIcon {
  width: calc(100vw / 750 * 128);
  height: calc(100vw / 750 * 128);
  border-radius: calc(100vw / 750 * 28);
  margin-bottom: calc(100vw / 750 * 20);
}
.relevant-Box .toolsGroup .toolRow .toolName {
  font-size: calc(100vw / 750 * 24);
  color: #3c3c3c;
}
.introduce-Box {
  width: 100%;
  padding: calc(100vw / 750 * 30);
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: calc(100vw / 750 * 12);
  display: flex;
  flex-direction: column;
}
.introduce-Box .topLOGO {
  width: calc(100vw / 750 * 294);
  height: calc(100vw / 750 * 40);
  margin-top: calc(100vw / 750 * 10);
  margin-bottom: calc(100vw / 750 * 36);
}
.introduce-Box .introduceText {
  font-size: calc(100vw / 750 * 28);
  line-height: calc(100vw / 750 * 48);
  color: #6D7278;
  margin-bottom: calc(100vw / 750 * 10);
}
.introduce-Box .BtnGroup {
  display: flex;
  margin-top: calc(100vw / 750 * 40);
}
.introduce-Box .BtnGroup .homeBtn,
.introduce-Box .BtnGroup .shareBtn {
  width: calc(100vw / 750 * 280);
  height: calc(100vw / 750 * 86);
  border-radius: calc(100vw / 750 * 20);
  font-weight: bold;
  font-size: calc(100vw / 750 * 30);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 calc(100vw / 750 * 30);
  text-align: center;
}
.introduce-Box .BtnGroup .homeBtn {
  background-color: #f8f8f8;
  color: #3c3c3c;
}
.introduce-Box .BtnGroup .shareBtn {
  background-color: #FFC01E;
  color: #fff;
}
.hotTools-Box {
  width: 100%;
  padding: calc(100vw / 750 * 30);
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: calc(100vw / 750 * 12);
}
.hotTools-Box .hotToolsTitle-Box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(100vw / 750 * 20);
}
.hotTools-Box .hotToolsTitle-Box .hotToolsTitle {
  font-size: calc(100vw / 750 * 32);
  color: #3c3c3c;
}
.hotTools-Box .hotToolsTitle-Box .moreToolsGroup {
  display: flex;
}
.hotTools-Box .hotToolsTitle-Box .moreToolsGroup span {
  font-size: calc(100vw / 750 * 24);
  color: #9B9EAC;
  margin-right: calc(100vw / 750 * 4);
}
.hotTools-Box .hotToolsTitle-Box .moreToolsGroup .arrowIcon {
  width: calc(100vw / 750 * 28);
  height: calc(100vw / 750 * 28);
}
.hotTools-Box .toolsGroup {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(100vw / 750 * 32);
}
.hotTools-Box .toolsGroup .toolRow {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 calc(100vw / 750 * 20);
  margin-bottom: calc(100vw / 750 * 48);
}
.hotTools-Box .toolsGroup .toolRow .toolIcon {
  width: calc(100vw / 750 * 128);
  height: calc(100vw / 750 * 128);
  border-radius: calc(100vw / 750 * 28);
  margin-bottom: calc(100vw / 750 * 20);
}
.hotTools-Box .toolsGroup .toolRow .toolName {
  font-size: calc(100vw / 750 * 24);
  color: #3c3c3c;
width: calc(100vw / 750 * 128);
text-align: center;
}
