.detail-container {
  padding: 4.3rem 0 0;
  background: #ffffff;
}

.detail-container .block1 {
  width: 43rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 2.5rem;
}

.detail-container .block1 .swiper-detail {
  width: 21.85rem;
  height: 16.675rem;
  border-radius: .35rem;
  overflow: hidden;
}

.detail-container .block1 .swiper-detail .swiper-slide {
  width: 100%;
}

.detail-container .block1 .swiper-detail .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.detail-container .block1 .swiper-detail .swiper-button-mynext {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: #E9E9E9;
}

.detail-container .block1 .swiper-detail .swiper-button-mynext:after {
  content: "";
  width: .225rem;
  height: .4rem;
  background: url("../img/detail/rightarr.png") no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.detail-container .block1 .swiper-detail .swiper-button-mynext:hover {
  background: #3377e6;
}

.detail-container .block1 .swiper-detail .swiper-button-mynext:hover::after {
  filter: brightness(0) invert(1);
}

.detail-container .block1 .swiper-detail .swiper-button-myprev {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: #E9E9E9;
}

.detail-container .block1 .swiper-detail .swiper-button-myprev:after {
  content: "";
  width: .225rem;
  height: .4rem;
  background: url("../img/detail/leftarr.png") no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.detail-container .block1 .swiper-detail .swiper-button-myprev:hover {
  background: #3377e6;
}

.detail-container .block1 .swiper-detail .swiper-button-myprev:hover::after {
  filter: brightness(0) invert(1);
}

.detail-container .block1 .block1-right {
  width: 18.35rem;
}

.detail-container .block1 .block1-right .block1-right-en {
  padding-top: .7rem;
  color: #3377E6;
  font-weight: 400;
}

.detail-container .block1 .block1-right .block1-right-title {
  color: #333;
  font-weight: 400;
  line-height: 1.5;
  /* 150% */
  margin-bottom: .75rem;
}

.detail-container .block1 .block1-right .block1-right-desc {
  color: #333;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 2.75rem;
}

.detail-container .block1 .block1-right .block1-info {
  position: relative;
}

.detail-container .block1 .block1-right .block1-info .block1-progress {
  position: absolute;
  right: 1px;
  top: 2.625rem;
  background: #EBEBEB;
  width: 1px;
  height: 4.2rem;
}

.detail-container .block1 .block1-right .block1-info .block1-progress .block1-progress-thumb {
  width: 3px;
  height: 0;
  position: absolute;
  background: #3377E6;
  top: 0;
  right: -1px;
  border-radius: .1rem;
}

.detail-container .block1 .block1-right .block1-info .block1-right-tag {
  width: 100%;
  width: 15rem;
  color: #333;
  font-weight: 400;
  line-height: 1.23;
  padding-bottom: .825rem;
  border-bottom: 1px solid #E0E0E0;
}

.detail-container .block1 .block1-right .block1-info .block1-infobox {
  height: 8rem;
  overflow-y: auto;
}

.detail-container .block1 .block1-right .block1-info .block1-infobox::-webkit-scrollbar {
  width: 0;
}

.detail-container .block1 .block1-right .block1-info .block1-right-item {
  width: 100%;
  width: 15rem;
  padding-top: .8rem;
  padding-bottom: .8rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E0E0E0;
  cursor: pointer;
}

.detail-container .block1 .block1-right .block1-info .block1-right-item.block1-right-memory {
  color: #3377E6;
  font-weight: 700;
  line-height: 1.23;
  text-transform: capitalize;
}

.detail-container .block1 .block1-right .block1-info .block1-right-item .block1-item-label {
  width: 100%;
  margin-right: .7rem;
  color: #333;
  font-weight: 400;
  /*line-height: 1.23;*/
  line-height: 1.5;
}
.detail-container .block1 .block1-right .block1-info .block1-right-item:hover .block1-item-label {
  color: #3377E6;
}

.detail-container .block1 .block1-right .block1-info .block1-right-item .block1-item-value {
  color: #333;
  font-weight: 400;
  line-height: 1.23;
}

.detail-container .block1 .block1-right .block1-info .block1-right-item.nbpadding {
  padding-bottom: 0;
  border-bottom: 0;
}

.detail-container .block1 .block1-right .block1-info .block1-right-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.detail-container .block2 {
  background: linear-gradient(213deg, rgba(255, 255, 255, 0) -24.31%, rgba(148, 173, 222, 0.04) 8.99%, rgba(4, 63, 177, 0.07) 49.81%, rgba(124, 155, 214, 0.04) 97.32%, rgba(255, 255, 255, 0) 117.02%);
  padding-top: 2.2rem;
  padding-bottom: 2.45rem;
}

.detail-container .block2 .block2-con {
  width: 40.8rem;
  margin: 0 auto;
}

.detail-container .block2 .block2-con .block2-tag {
  text-align: center;
  color: #3377E6;
  font-weight: 400;
  letter-spacing: 1.08px;
  margin-bottom: .3rem;
}

.detail-container .block2 .block2-con .block2-title {
  color: #333;
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
}

.detail-container .block2 .block2-con .block2-swiper {
  position: relative;
  margin-top: 1rem;
}

.detail-container .block2 .block2-con .block2-swiper .swiper-block2 .swiper-slide {
  width: 13.1rem;
  height: 5.475rem;
  margin-right: .75rem;
  border-radius: .35rem;
  background: #FFF;
  box-shadow: 0 23px 45.3px 5px rgba(0, 86, 227, 0.06);
  display: flex;
  justify-content: center;
  align-items: center;
}

.detail-container .block2 .block2-con .block2-swiper .swiper-block2 .swiper-slide .block2-p {
  color: #333;
  text-align: center;
  font-weight: 400;
  line-height: 1.6;
  transition: all .3s ease;
}

.detail-container .block2 .block2-con .block2-swiper .swiper-block2 .swiper-slide:last-child {
  margin-right: 0;
}

.detail-container .block2 .block2-con .block2-swiper .swiper-block2 .swiper-slide:hover {
  background: url("../img/detail/block2bg.png") no-repeat;
  background-size: 100% 100%;
}

.detail-container .block2 .block2-con .block2-swiper .swiper-block2 .swiper-slide:hover .block2-p {
  color: #3377e6;
}

.detail-container .block2 .block2-con .block2-swiper .swiper-button-prev-block2 {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: #E9E9E9;
  left: -2.5rem;
}

.detail-container .block2 .block2-con .block2-swiper .swiper-button-prev-block2:after {
  content: "";
  width: .225rem;
  height: .4rem;
  background: url("../img/detail/leftarr.png") no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.detail-container .block2 .block2-con .block2-swiper .swiper-button-prev-block2:hover {
  background: #3377e6;
}

.detail-container .block2 .block2-con .block2-swiper .swiper-button-prev-block2:hover::after {
  filter: brightness(0) invert(1);
}

.detail-container .block2 .block2-con .block2-swiper .swiper-button-next-block2 {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: #E9E9E9;
  right: -2.5rem;
}

.detail-container .block2 .block2-con .block2-swiper .swiper-button-next-block2:after {
  content: "";
  width: .225rem;
  height: .4rem;
  background: url("../img/detail/rightarr.png") no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.detail-container .block2 .block2-con .block2-swiper .swiper-button-next-block2:hover {
  background: #3377e6;
}

.detail-container .block2 .block2-con .block2-swiper .swiper-button-next-block2:hover::after {
  filter: brightness(0) invert(1);
}

.detail-container .block3 {
  background: #F6F9FB url("../img/detail/block3bg.png") no-repeat;
  background-size: 100% 24rem;
  padding-top: 2.925rem;
}

.detail-container .block3 .block3-con {
  margin-bottom: 2.05rem;
}

.detail-container .block3 .block3-con .block3-tag {
  text-align: center;
  color: #3377E6;
  font-weight: 400;
  letter-spacing: 1.08px;
  margin-bottom: .3rem;
}

.detail-container .block3 .block3-con .block3-title {
  color: #333;
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: .675rem;
}

.detail-container .block3 .block3-con .block3-desc {
  color: #333;
  text-align: center;
  font-weight: 400;
  line-height: 2;
  letter-spacing: .048rem;
}

.detail-container .block3 .block3-core {
  width: 43rem;
  height: auto;
  margin: 0 auto;
  border-radius: .5rem;
  padding: 2rem;
  background: #ffffff;
  box-shadow: 0 1.725rem 1.3575rem 0 rgba(71, 101, 175, 0.05);
  display: flex;
  justify-content: space-between;
}

.detail-container .block3 .block3-core .core-left {
  width: 16.6rem;
}

.detail-container .block3 .block3-core .core-left .core-ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.675rem;
  margin-bottom: 1.675rem;
}

.detail-container .block3 .block3-core .core-left .core-ul .core-li {
  width: 7rem;
  height: 4.1rem;
  border-radius: .35rem;
  background: rgba(51, 119, 230, 0.05);
  margin-right: .5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all .3s ease;
  cursor: pointer;
}

.detail-container .block3 .block3-core .core-left .core-ul .core-li img {
  /*width: 1.775rem;*/
  /*height: 1.775rem;*/
  display: block;
  margin: 0 auto;
}

.detail-container .block3 .block3-core .core-left .core-ul .core-li p {
  color: #333;
  text-align: center;
  font-weight: 400;
  line-height: 1.1;
}

.detail-container .block3 .block3-core .core-left .core-ul .core-li:hover {
  background: #FFF;
  box-shadow: 0 0.1rem 1.035rem 0 rgba(41, 59, 80, 0.1);
}

.detail-container .block3 .block3-core .core-left .core-ul .core-li:hover p {
  color: #3377E6;
  font-weight: 700;
}

.detail-container .block3 .block3-core .core-left .core-ul .core-li.active {
  background: #FFF;
  box-shadow: 0 0.1rem 1.035rem 0 rgba(41, 59, 80, 0.1);
}

.detail-container .block3 .block3-core .core-left .core-ul .core-li.active p {
  color: #3377E6;
  font-weight: 700;
}

.detail-container .block3 .block3-core .core-left .core__p {
  color: #333;
  font-weight: 400;
  line-height: 2.11;
  letter-spacing: .0225rem;
  display: none;
}

.detail-container .block3 .block3-core .core-img {
  width: 20.125rem;
  height: 12.725rem;
}

.detail-container .block3 .block3-core .core-img img {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.detail-container .block4 {
  background: url("../img/detail/block4bg.png") no-repeat;
  background-size: 100% auto;
  background-position: center -4.2rem;
  padding-top: 4.5rem;
  padding-bottom: 4.625rem;
}

.detail-container .block4 .block4-con {
  width: 43rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto;
}

.detail-container .block4 .block4-con .block4-left .block4-tag {
  color: #3377E6;
  font-weight: 400;
  letter-spacing: 1.08px;
  margin-bottom: .225rem;
}

.detail-container .block4 .block4-con .block4-left .block4-title {
  color: #333;
  font-weight: 400;
  line-height: 1.5;
}

.detail-container .block4 .block4-con .block4-right {
  width: 24rem;
  color: #333;
  font-weight: 400;
  line-height: 2.5;
}
.block1 .swiper-button-next, .block1 .swiper-button-prev {
    top: 40%;
}
.block1 .swiper-button-prev {
    left: .48rem;
}
.block1 .swiper-button-next {
    right: .48rem;
}
.imgbox {
    width: 1.05rem;
    height: 1.2rem;
    margin-bottom: .45rem;
}
.imgbox img {
    max-width: 100%;
    max-height: 100%;
}