.content {
  color: #111111;
}
.content .banner {
  height: 600px;
  text-align: center;
}
.content .banner > img {
  height: 100%;
  margin: 0 -100%;
}
.content .banner .banner-mark {
  position: absolute;
  left: 17.8%;
  top: 15%;
  color: #ffffff;
  text-align: left;
}
.content .banner .banner-mark > .text1 {
  font-size: 46px;
  padding: 8px 0;
}
.content .banner .banner-mark > .text2 {
  font-size: 28px;
  padding: 8px 0;
}
.content .banner .banner-mark > .qrcode {
  padding-top: 24px;
  width: 240px;
}
.content .banner .banner-mark > .qrcode > img {
  width: 240px;
}
.content .banner .banner-mark > .qrcode .download {
  font-size: 24px;
  padding-top: 12px;
  text-align: center;
}
.content .paltfrom {
  margin-top: 80px;
  padding: 48px 0;
  text-align: center;
}
.content .paltfrom > .pf-content {
  font-size: 0;
}
.content .paltfrom > .pf-content .icon {
  width: 80px;
}
.content .paltfrom > .pf-content > div {
  display: inline-block;
  width: 50%;
  font-size: 16px;
}
.content .paltfrom > .pf-content > div > * {
  vertical-align: middle;
}
.content .paltfrom > .pf-content > div > .info {
  margin-left: 24px;
  display: inline-block;
  text-align: left;
  width: 260px;
}
.content .paltfrom > .pf-content > div > .info > p {
  padding: 4px 0;
}
.content .paltfrom > .pf-content > div > .info .text1 {
  color: #111111;
  font-size: 24px;
}
.content .paltfrom > .pf-content > div > .info .text2 {
  color: #111111;
  font-size: 18px;
}
.content .paltfrom > .pf-content > div > .info .text3 {
  color: #999999;
  font-size: 14px;
}
.content .qrcodeList {
  padding: 48px 0;
  text-align: center;
}
.content .qrcodeList > .ql-content {
  display: flex;
  justify-content: space-between;
}
.content .qrcodeList > .ql-content > .qrcode {
  display: inline-block;
  font-size: 16px;
  text-align: center;
}
.content .qrcodeList > .ql-content > .qrcode > img {
  width: 160px;
}
.content .qrcodeList > .ql-content > .qrcode > .text1 {
  color: #111111;
  font-size: 24px;
  padding: 8px 0;
}
.content .qrcodeList > .ql-content > .qrcode > .text2 {
  color: #999999;
  font-size: 18px;
  padding: 4px 0;
}
.content .supplyChain {
  margin-top: 120px;
  padding: 48px 0;
  text-align: center;
}
.content .supplyChain > .info {
  margin-top: 24px;
  font-size: 24px;
  color: #999999;
}
.content .supplyChain > .map {
  margin-top: 36px;
}
.content .supplyChain > .map > img {
  width: 900px;
}
.content .encouragementAward {
  padding: 48px 0;
  background-color: #fef7f5;
  text-align: center;
  margin-top: 120px;
}
.content .encouragementAward > .ea-content {
  font-size: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 48px 0 ;
}
.content .encouragementAward > .ea-content > div {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}
.content .encouragementAward > .ea-content > .info > p {
  font-size: 24px;
  position: relative;
  padding-left: 24px;
  padding: 8px 24px;
  text-align: left;
}
.content .encouragementAward > .ea-content > .info > p::before {
  position: absolute;
  left: 0;
  top: 16px;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ffda55;
  border: 2px solid #f74e2d;
}
.content .encouragementAward > .ea-content > .img > img {
  width: 375px;
}
.content .shopOnline {
  text-align: center;
  padding: 48px 0;
}
.content .shopOnline > .so-content {
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
}
.content .shopOnline > .so-content img {
  width: 120px;
}
.content .shopOnline > .so-content .text1 {
  color: #111111;
  font-size: 24px;
  padding: 8px 0;
}
.content .shopOnline > .so-content .text2 {
  color: #999999;
  font-size: 18px;
  padding: 4px 0;
}
.content .cooperation {
  padding: 48px 0;
  text-align: center;
}
.content .cooperation > .ct-content {
  margin: 36px 0;
}
.content .cooperation > .ct-content img {
  max-width: 1236px;
  width: 100%;
}