.pic {
  width: 100%;
  height: 124.25rem;
  overflow: hidden;
}
.picker {
  margin: 0 auto;
  width: 92.28%;
  margin-top: 6rem;
  margin-bottom: 15rem;
}
.pic img {
   width: 100%;
   height: 100%;
   border-radius: 5rem;
}
.picker-l,
.picker-r {
  width: 5rem;
  height: 21.25rem;
  background: #f5f5f5;
  border-radius: 2.5rem;
}
.picker-l img,
.picker-r img {
  width: 2.25rem;
  height: 4rem;
}
.picker-s {
  width: 133.25rem;
  overflow: hidden;
  white-space: nowrap;
  height: 21.25rem;
}
.picker-s-s {
  float: left;
  width: 21.25rem;
  height: 21.25rem;
  background: #ffffff;
  border: 0.125rem solid #cccccc;
  border-radius: 2.5rem;
  margin: 0rem 2.7rem;
}
.picker-s-s img {
  width: 5.625rem;
  height: 13.75rem;
}
.main {
  width: 100%;
}
.main-s {
  margin: 0 auto;
  width: 92.28%;
}
.m-title {
  font-weight: 500;
  color: #000000;
  font-size: 7.5rem;
  margin-bottom: 4.875rem;
}
.m-m-title {
  font-size: 4.5rem;
  font-weight: 400;
  color: #999999;
  margin-bottom: 7.375rem;
}
.m-line {
  height: 2px;
  background: #dddddd;
  margin-bottom: 7.5rem;
}
.m-content {
  font-weight: 400;
  color: #333333;
  font-size: 5.5rem;
  margin-bottom: 9.875rem;
}
.m-box {
  height: 33.75rem;
  background: #f5f5f5;
  border-radius: 2.5rem;
  margin-bottom: 10rem;
}
.mb-line {
  width: 0.25rem;
  height: 13.75rem;
  background: #cccccc;
}
.m-box-s span:nth-child(1) {
  font-weight: 400;
  color: #999999;
  font-size: 4.5rem;
  margin-bottom: 5rem;
}
.m-box-s span:nth-child(2) {
  font-weight: 400;
  color: #000000;

  font-size: 5rem;
}

.download {
  height: 17.5rem;
  background: #11a1d3;
  border-radius: 2.5rem;
  color: #ffffff;
  margin-bottom: 21.25rem;
  font-size: 5rem;
}
.good {
  width: 100%;
}
.good-title {
  width: 30rem;
  height: 10rem;
  background: #222222;
  border-radius: 2.5rem 2.5rem 0px 0px;
  font-weight: 400;
  color: #ffffff;
  font-size: 4.5rem;
}
.good-line {
  height: 2px;
  background: #222222;
  transform: translateY(-0.125rem);
  margin-bottom: 7.5rem;
}
.good-content {
  font-weight: 400;
  color: #333333;
  font-size: 5.5rem;
  margin-bottom: 10rem;
}
.yd {
  width: 15rem;
  height: 7.5rem;
  background: #ffbb00;
  border-radius: 3.75rem;
  font-weight: 500;
  color: #ffffff;
  font-size: 3.75rem;
  margin-bottom: 9.375rem;
}
.d-s {
  margin-bottom: 3.75rem;
}
.d-s h3 {
  font-size: 5rem;
  color: rgba(17, 161, 211, 1);
  margin-bottom: 3.75rem;
}

.d-s p {
  font-size: 4.5rem;
}
.gray1 {
  background: #f5f5f5;
  border-radius: 2.5rem;
}
.type {
  margin-bottom: 7.5rem;
}
.type div {
  padding: 4.5rem;
}
.t-title {
  display: inline-block;
  width: 31.25rem;
  font-weight: 500;
  color: #333333;
  font-size: 3.75rem;
}
.t-content {
  width: 70%;
  font-weight: 400;
  color: #666666;
  font-size: 3.75rem;
}
.description {
  margin-bottom: 15rem;
}
.toContent {
  font-weight: 400;
  color: #ffbb00;
  font-size: 4.5rem;
  margin-bottom: 15rem;
}
