ul {
}

#paraPic {
  float: left;
  width: 65%;
}

#pic {
  float: right;
  width: 20%;
  height: auto;
}

#containerFlex {
  display: flex;
  width: 100%;
}

#text {
  flex: 1;
  padding-right: 20px;
}

#image {
  /*max-width: 500px;*/
  width: 450px;
  height: auto;
  margin-right: 10px;
}

#rowColDiv {
  display: flex;
}

.aboutContainer {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 20px;
}

.flexContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

#leftDiv {
  flex: 1;
  padding: 10px;
}

#rightDiv {
  flex: 1;
  padding: 10px;
}

.gridContainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 0px;
}

.gridContainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 0px;
}

.gridContainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 0px;
}

. {
  padding: 10px;
  text-align: center;
  margin: 20px;
  box-shadow: 0px 0px 10px 0px #e1e1e1;
}

.itemDiv2 {
  padding: 10px;
  text-align: center;
  margin: 20px;
  box-shadow: 0px 0px 10px 0px #5FFF94;
  border-radius: 15px;
}

.itemDiv3 {
  padding: 10px;
  text-align: center;
  margin: 20px;
  box-shadow: 0px 0px 10px 0px #5F9DFF;
  border-radius: 15px;
}

.itemDiv {
  padding: 10px;
  text-align: center;
  margin: 20px;
  box-shadow: 0px 0px 10px 0px #e1e1e1;
  border-radius: 15px;
}

.iconImg {
  width: 20px;
  height: 20px;
  /*align-items: center;*/
  /*align-content: center;*/
}

.paraFont {
  font-size: 22px;
  align-content: center;
  /*align-items: center;*/
  font-family: "Times New Roman";
}

#linkFont {
  font-family: "微软雅黑";
}

.divWechat {
  display: flex;
  /*align-content: flex-start;*/
  /*align-items: center;*/
  /*justify-content: center;*/
  /*vertical-align: middle;*/
}

.WechatIcon {
  width: 35px;
  height: auto;
}

#paraWechat {
  align-items: center;
  align-content: center;
  vertical-align: middle;
}

.paraLineHeight {
  line-height: 2;
  /*margin-top: 10px;*/
  /*margin-bottom: 10px;*/
  font-size: 16px;
  text-align: left;
}

.qrText {
  /*vertical-align: middle;*/
  /*align-items: center;*/
  align-content: center;
  font-size: 20px;
}

.bannerDiv {
  display: flex;
  align-items: center;
  align-content: center;
  vertical-align: middle;
  text-align: center;
  justify-content: center;
}

.copyrightDiv {
  display: grid;
  place-items: center;
  /*justify-content: center;*/
  /*align-items: center;*/
  /*align-content: center;*/
  /*vertical-align: middle;*/
}

.aboutImg {
  max-width: 100%;
  height: auto;
  border-radius: 15px;
}