.product {
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.product .main {
  width: 100%;
  margin-top: 1rem;
  padding: 1.2rem 0;
  background-color: #fff;
}
.product .main .container-01 {
  height: 7.4rem;
  margin-bottom: 1.2rem;
  text-align: center;
}
.product .main .container-01, .product .main .container-02 {
  margin-bottom: 1.2rem;
}
.product .main img {
  width: 100%;
  height: 100%;
}
.product .main .container-02 .text-title {
  width: 100%;
  margin-bottom: 0.75rem;
  font-size: 0.4rem;
  font-weight: 500;
  color: #17233D;
  line-height: 0.5rem;
  text-align: center;
  white-space: pre-line;
}
.product .main .container-02 .prod-list {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.product .main .container-02 .prod-item {
  width: 30%;
  display: inline-block;
  font-size: 0.14rem;
  font-weight: 400;
  color: #17233D;
  line-height: 0.2rem;
}
.product .main .container-02 .prod-item .prod-item-icon {
  width: 100%;
  margin-bottom: 0.28rem;
  text-align: center;
}
.product .main .container-02 .prod-item .prod-item-icon img {
  width: 0.64rem;
  height: 0.64rem;
}
.product .main .container-02 .prod-item .prod-item-info {
  width: 100%;
  padding: 0 0.96rem;
  text-align: left;
}
.product .main .container-02 .prod-item:not(.nl) .prod-item-info {
  border-left: 0.01rem solid #DFDFDF;
}
.product .main .container-02 .prod-item .prod-item-info .title {
  margin-bottom: 0.13rem;
  font-size: 0.2rem;
  font-weight: 500;
  color: #17233D;
  line-height: 0.28rem;
  text-align: center;
}
.product .main .container-03 {
  position: relative;
  height: 4.54rem;
}
.product .main .container-03 .history-block {
  width: 40%;
  height: 100%;
  border: 0.01rem solid #E9E9E9;
}
.product .main .container-03 .history-block .history-pic {
  height: 2.1rem;
}
.product .main .container-03 .history-block .history-info {
  padding: 0.2rem;
  font-size: 0.14rem;
  font-weight: 400;
  color: #17233D;
  line-height: 0.22rem;
}
.product .main .container-03 .history-block .history-info .title {
  margin-bottom: 0.21rem;
  font-size: 0.2rem;
  font-weight: 500;
  line-height: 0.22rem;
}
.product .main .container-03 .history-block .history-info .more {
  white-space: pre-line;
}
.product .main .container-03 .video-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 58%;
}