#productdetails .banner {
  position: relative;
  background-size: 100% 100%;
  min-height: 6rem;
  padding-bottom: 0.6rem;
}
#productdetails .banner img {
  width: 100%;
  height: 6.14rem;
}
#productdetails .banner .banner-cp-go {
  display: inline-block;
  padding: 0 0.43rem;
  line-height: 0.45rem;
  font-size: 0.18rem;
  color: #fff;
  border: 1px solid #98a5f6;
  border-radius: 2px;
  transition: background 0.2s;
  background: rgba(20, 110, 210, 0.05);
  cursor: pointer;
}
#productdetails .banner .banner-cp-go:hover {
  background: #3c37dc;
  border: 1px solid #3c37dc;
}
#productdetails .banner .banner-cp-yel {
  color: #f68001;
  font-size: 0.16rem;
  margin-top: 0.24rem;
  margin-bottom: 0.64rem;
}
#productdetails .banner-text {
  margin-top: 1.56rem;
  color: #fff;
  width: 5rem;
}
#productdetails .banner-text  a{
  margin-right: 0.15rem;
}
#productdetails .banner-cp-title {
   
  font-size: 0.74rem;
  margin-bottom: 0.48rem;
  text-align: left;
  line-height: 1;
  white-space: nowrap;
  /* text-shadow: 0 0 10px #2761bc,0 0 20px #2761bc,0 0 30px #2761bc,0 0 40px #2761bc; */
  text-shadow: 0 0 4px #514edd, 0 0 11px #d0e1ff, 0 0 6px #d0e1ff, 0 0 10px #514edd;

}
 
#productdetails .banner-cp-sm {
  font-size: 0.18rem;
}
#productdetails .productpurchase-db-div {
  padding: 0.1rem;
  border: 1px solid #c6ccd2;
  margin-bottom: 0.2rem;
  text-align: center;
  cursor: pointer;
}
#productdetails .productpurchase-db-div[data-select="true"] {
  background: #fdfaf5;
  border: 1px solid #f68001;
}
#productdetails .productpurchase-db-div[data-select="true"] .hr {
  border-top: 0.01rem solid #f68001;
}
#productdetails .productpurchase-db-div .hr {
  border-top: 0.01rem solid #c6ccd2;
  margin: 0.1rem 0;
}
#productdetails .jgdb {
  font-size: 0.25rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 0.4rem;
}
#productdetails .jgdb-model {
  border: 1px solid #e0e0e0;
  padding: 0.25rem;
}
#productdetails .h5 {
  font-size: 0.18rem;
  color: #000;
  font-weight: Regular;
}
#productdetails .jgdb-model-li + .jgdb-model-li {
  margin-top: 0.35rem;
}
#productdetails .jgdb-model-li .cpu {
  width: 0.5rem;
  text-align: center;
  color: 666666;
  background: #f0f0f0;
  line-height: 0.35rem;
  cursor: pointer;
}
#productdetails .jgdb-model-li .cpu[data-select="true"] {
  background: #f68001;
  color: #fff;
}
#productdetails .bnby {
  line-height: 0.35rem;
  text-align: center;
  width: 1.5rem;
  color: 666666;
  cursor: pointer;
  background: #f0f0f0;
}
#productdetails .bnby[data-select="true"] {
  background: #f68001;
  color: #fff;
}
#productdetails .cpys-model {
  text-align: center;
  font-size: 0.18rem;
  color: #000;
}
#productdetails .cpys-model .flex-1 + .flex-1 {
  margin-left: 0.7rem;
}
#productdetails .cpys-model img {
  width: 0.6rem;
  height: 0.6rem;
}
#productdetails .cpys-model-p1 {
  color: #666666;
  font-size: 0.14rem;
  margin-top: 0.1rem;
  text-align: left;
}
#productdetails .ygcj-div {
  background: url(/portal/images/cycj-bj.png) 0 0 no-repeat;
  height: 8.1rem;
  overflow: hidden;
  background-size: 100% 100% !important;
}
#productdetails .ygcj-title {
  padding: 0.7rem 0 0.3rem 0;
  text-align: center;
  font-size: 0.28rem;
  color: #ffffff;
}
#productdetails .ygcj-ti-model {
  text-align: center;
  border-bottom: 0.02rem solid #fff;
}
#productdetails .ygcj-ti-model .flex-1[data-select="true"] a {
  color: #f68001;
}
#productdetails .ygcj-ti-model .flex-1[data-select="true"] a:before {
  content: " ";
  border-bottom: 0.02rem solid #f68001;
  width: 100%;
  bottom: -0.02rem;
  position: absolute;
}
#productdetails .ygcj-ti-model a {
  padding: 0.12rem 0;
  display: inline-block;
  color: #fff;
  position: relative;
  cursor: pointer;
}
#productdetails .ygcj-model {
  background: #fff;
  padding: 0.2rem;
  margin-top: 0.38rem;
  height: 5.2rem;
}
#productdetails .ygcj-model .font-18 {
  margin: 0.2rem 0 0.11rem 0;
}
@keyframes backInRight {
  0% {
    transform: translate3D(100%, 0, 0);
    opacity: 0.7;
  }
  to {
    transform: translate3D(0, 0, 0);
    opacity: 1;
  }
}
#productdetails .animate__backInRight {
  animation: backInRight 1s 1;
}
@keyframes backInLeft {
  0% {
    transform: translate3D(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3D(-100%, 0, 0);
    opacity: 0;
  }
}
#productdetails .animate__backInLeft {
  animation: backInLeft 1s 1;
}
#productdetails .help-flex {
  display: flex;
}
#productdetails .item {
  flex: 1;
}
#productdetails .item a {
  display: block;
  cursor: pointer;
  text-decoration: none;
  font-size: 0.14rem;
  font-weight: 400;
  color: #5d646f;
  line-height: 0.35rem;
  height: 0.35rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#productdetails .item a.more {
  color: #007dff;
  font-weight: 700;
}
#productdetails .cpgn-li-dow {
  padding: 0.2rem;
  box-shadow: 0 0.01rem 0 0 rgba(0, 0, 0, 0.1),
    0 0.04rem 0.07rem 0 rgba(0, 0, 0, 0.2);
  display: none;
}
#productdetails .cpgn-title {
  position: relative;
  font-size: 0.2rem;
  font-weight: bold;
  margin-bottom: 0.3rem;
}
#productdetails .cpgn-title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.11rem;
  left: 0;
  height: 0.03rem;
  width: 0.5rem;
  background-color: #007dff;
}
#productdetails .cpgn {
  padding-bottom: 0.9rem;
}
#productdetails .cpgn-ul {
  display: grid;
  grid-gap: 0.2rem;
}
#productdetails .cpgn-ul.gridColumn2{
  grid-template-columns: repeat(2, 1fr);
}
#productdetails .cpgn-ul.gridColumn3{
  grid-template-columns: repeat(3, 1fr);
}
#productdetails .cpgn-li {
  display: flex;
  gap: 0.27rem;
  position: relative;
  justify-content: space-between;
  align-items: center;
  background: white;
  padding: 0.19rem 0.27rem;
}
#productdetails .cpgn-li-left{
  width: 2.3rem;
}

#productdetails .gridColumn3 .cpgn-li .cpgn-li-img {
  max-width: 0.9rem;
  font-size: 0;
}
#productdetails .cpgn-li .cpgn-li-img.mdImg {
  
  width: 1.5rem;
}


#productdetails .cpgn-li img{
  width: 100%;
 
}
#productdetails .cpgn-li .font-18 {
  color: #000;
}
#productdetails .cpgn-li-a {
  transition: all 0.3s ease;
  right: 0.2rem;
  top: 50%;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #007dff;
  border-radius: 50%;
  box-shadow: 0 0.03rem 0.04rem 0 rgba(250, 131, 52, 0.43);
  transform: translateY(-50%);
  color: #fff;
  position: absolute;
}
#productdetails .cpgn-li-a:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  width: 0.18rem;
  transform: translate(-50%, -50%);
  height: 0.14rem;
  border-top: 0.02rem solid;
  border-bottom: 0.02rem solid;
}
#productdetails .cpgn-li-a:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  width: 0.18rem;
  transform: translate(-50%, -50%);
  height: 0.02rem;
  background-color: currentColor;
}
#productdetails .active .cpgn-li-dow {
  display: block;
}
#productdetails .active .cpgn-li {
  background-color: #007dff;
  color: #fff;
}
#productdetails .active .font-18 {
  color: #fff;
}
#productdetails .active .cpgn-li-a {
  color: #007dff;
  background-color: #fff;
  box-shadow: 0 0.03rem 0.04rem 0 rgba(250, 131, 52, 0.43);
}
#productdetails .active .cpgn-li-a:before {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  width: 14.4.14rem;
  height: 14.4.14rem;
  border-top: 0.02rem solid;
  border-left: 0.02rem solid;
  -webkit-transform: translate(-50%, -25%) rotate(45deg);
  -ms-transform: translate(-50%, -25%) rotate(45deg);
  transform: translate(-50%, -25%) rotate(45deg);
  border-bottom: none;
}
#productdetails .active .cpgn-li-a:after {
  display: none;
}
#productdetails .cases {
  left: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#productdetails .cases .cover {
  opacity: 1;
}
#productdetails .cases .cover .category {
  font-size: 0.16rem;
  font-weight: 400;
  color: #5d646f;
  line-height: 0.14rem;
  height: 0.14rem;
}
#productdetails .cases .cover .title {
  margin-top: 0.2rem;
  text-align: left;
  line-height: 0.18rem;
  font-size: 0.18rem;
  font-weight: 700;
  color: #2f2f2f;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-align: justify;
  text-justify: distribute;
  text-overflow: ellipsis;
  margin-bottom: 0.1rem;
}
#productdetails .cases .cover .logo {
  position: absolute;
  left: 0;
  top: 1.4rem;
  width: 2.7rem;
  height: 1.4rem;
  overflow: hidden;
  text-align: center;
}
#productdetails .cases .detail {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0.30rem;
  background-color: rgba(255, 255, 255, 0.2);
  overflow: hidden;
  /* -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); */
}
#productdetails .cases .detail .products {
  margin-top: 0.14rem;
}
#productdetails .cases .detail .mid-title {
  margin-top: 0.3rem;
  text-align: left;
  font-size: 0.16rem;
  font-weight: 700;
  color: #2f2f2f;
  line-height: 0.21rem;
  height: 0.21rem;
}
#productdetails .cases .detail .info {
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-align: justify;
  text-justify: distribute;
  text-overflow: ellipsis;
  font-size: 0.14rem;
  font-weight: 400;
  color: #5d646f;
  line-height: 0.21rem;
  height: 0.84rem;
}
#productdetails .cases .case-item {
  position: relative;
  top: 0.2rem;
  float: left;
  width: 2.75rem;
  height: 3.15rem;
  padding: 0.38rem;
  text-align: left;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}
#productdetails .cases .case-item:nth-of-type(4n + 1) {
  background-color: #f5f9fc;
}
#productdetails .cases .case-item:nth-of-type(4n + 1) .logo {
  background: radial-gradient(#fff 55%, #f5f9fc 85%);
}
#productdetails .cases .case-item:hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0.06rem 0.1rem 0 #b7c5d5;
  box-shadow: 0 0.06rem 0.1rem 0 #b7c5d5;
  border-radius: 0.02rem;
  -webkit-transform: translateY(-0.2rem);
  -ms-transform: translateY(-0.2rem);
  transform: translateY(-0.2rem);
}
/* #productdetails .cases .case-item:hover .cover {
  opacity: 0;
} */
/* #productdetails .cases .case-item:hover .cover img {
  display: none;
} */
/* #productdetails .cases .case-item:hover .detail {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
} */
/* #productdetails .cases .case-item:hover .detail span {
  display: inline-block;
  padding-right: 0.16rem;
  font-size: 0.12rem;
  font-weight: 400;
  color: #007dff;
  line-height: 0.21rem;
  height: 0.21rem;
} */
/* #productdetails .cases .case-item:hover .detail span a {
  color: inherit;
  text-decoration: none;
} */
#productdetails .cases .case-item:nth-of-type(4n + 2) {
  background-color: #f9f5fc;
}
#productdetails .cases .case-item:nth-of-type(4n + 3) {
  background-color: #fff7f7;
}
#productdetails .cases .case-item:nth-of-type(4n + 4) {
  background-color: #fcf9f5;
}
#productdetails .trend_sec {
  background-color: #f6f8ff;
}
#productdetails .box .title {
  text-align: center;
  margin-top: 0.8rem;
  margin-bottom: 0.6rem;
  font-size: 0.24rem;
  font-weight: 700;
  color: #2f2f2f;
  line-height: 0.36rem;
  height: 0.36rem;
}
#productdetails .box .container {
  padding-bottom: 0.6rem;
}
#productdetails .box .content {
  position: relative;
  margin-top: 0.2rem;
  background-size: 100% 100%;
  background-color: #fff;
  border-radius: 0.02rem;
}
#productdetails .box .content:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1.35rem;
  height: 1.35rem;
  background: url(data:image/png;
	base64,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);
  background-size: contain;
}
#productdetails .box .content:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 2.04rem;
  height: 2.04rem;
  background: url(/portal/images/trend-right-bottom.png);
  background-size: contain;
}
#productdetails .box .txt {
  position: relative;
  z-index: 5;
  width: 8.5rem;
  min-height: 2.04rem;
  margin-left: 1.35rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
#productdetails .box .area {
  font-size: 0;
  padding: 0.03rem;
  text-align: center;
}
#productdetails .box .area .item + .item {
  margin-left: 0.2rem;
}
#productdetails .box .area .item {
  height: 3.4rem;
  padding-top: 0.4rem;
  font-size: 0.14rem;
  font-weight: 400;
  color: #5d646f;
  background: #fff;
  box-shadow: 0 0.03rem 0.12rem 0 #bbc5e7;
  border-radius: 0.02rem;
  display: inline-block;
  width: 2.83rem;
  overflow: hidden;
  margin-top: 0.2rem;
}
#productdetails .box .area .item-logo {
  text-align: center;
}
#productdetails .box .area .item-logo img {
  width: 0.6rem;
  height: 0.6rem;
}
#productdetails .box .area .item-title {
  margin: 0.3rem 0.18rem 0;
  font-size: 0.18rem;
  font-weight: 700;
  color: #2f2f2f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
#productdetails .box .area .item-title2 {
  margin-top: 0.25rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #fff;
  line-height: 0.16rem;
  height: 0.16rem;
}
#productdetails .box .area .item-info {
  margin-top: 0.15rem;
  margin-left: 0.18rem;
  margin-right: 0.18rem;
  font-size: 0.14rem;
  font-weight: 400;
  color: #5d646f;
  line-height: 0.24rem;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
  /* text-align:justify;
	*/
  text-justify: distribute;
  text-overflow: ellipsis;
}
#productdetails .box .area .item-bg {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#productdetails .box .area .item-bg img {
  transition: all 0.4s ease-in-out;
  width: 100%;
  height: 100%;
}
#productdetails .box .area .item-content {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}
#productdetails .box .area .item-content div {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
#productdetails .box .area .yycj-item + .yycj-item {
  margin-left: 0.2rem;
}
#productdetails .box .area .yycj-item {
  height: 2.4rem;
  padding-top: 0.4rem;
  font-size: 0.14rem;
  font-weight: 400;
  color: #5d646f;
  background: #fff;
  box-shadow: 0 0.03rem 0.12rem 0 #bbc5e7;
  border-radius: 0.02rem;
  display: inline-block;
  width: 2.83rem;
  text-align: center;
  position: relative;
}
#productdetails .box .area .yycj-item:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  z-index: 5;
  content: " ";
  width: 100%;
  height: 100%;
  background-color: rgba(11, 17, 36, 0.7);
}
#productdetails .box .area .yycj-item:hover:before {
  background: rgba(42, 67, 108, 0.85);
}
#productdetails .box .area .yycj-item:hover .item-bg img {
  transform: scale(1.3);
}
#productdetails .box .area .yycj-item:hover .item-note {
  opacity: 1;
}
#productdetails .box .area .yycj-item:hover .item-logo2 {
  opacity: 0;
}
#productdetails .box .area .yycj-item:hover .item-title2 {
  opacity: 0;
}
#productdetails .box .area .yycj-item .item-note {
  position: absolute;
  top: 50%;
  opacity: 0;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 0.25rem;
  white-space: pre-wrap;
  text-align: justify;
  text-justify: distribute;
  font-size: 0.14rem;
  font-weight: 400;
  color: #fff;
  line-height: 1.8;
}
#productdetails .box .area .yycj-item .item-note p {
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  text-align: justify;
  text-justify: distribute;
  text-overflow: ellipsis;
}
#productdetails .box .area .item-logo2 {
  position: relative;
  margin-top: 0.7rem;
}
#productdetails .box .area .item-logo2 img {
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.3rem;
}
#productdetails .box .area .item-logo2:before {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  content: "";
  display: block;
  width: 0.2rem;
  height: 0.02rem;
  background: #007dff;
}
#productdetails .yycj-title {
  text-align: center;
  margin-top: 0.8rem;
  margin-bottom: 0.6rem;
  font-size: 0.24rem;
  font-weight: 700;
  color: #2f2f2f;
  line-height: 0.36rem;
  height: 0.36rem;
}
#productdetails .desc {
  display: flex;
}
#productdetails .desc .desc-left {
  width: 7.1rem;
  margin-right: 0.3rem;
  float: left;
}
#productdetails .desc .desc-left img{
  width: 100%;
  height: 100%;
}
#productdetails .desc .desc-right {
  flex: 1;
}
#productdetails .desc .desc-right .desc-intro {
  padding-top: 0.2rem;
}
#productdetails .desc .desc-right .desc-point {
  padding-top: 0.3rem;
}
#productdetails .desc .desc-right .desc-point p {
  white-space: pre-wrap;
  margin-bottom: 0.05rem;
}
#productdetails .desc .desc-right .desc-prod {
  height: 100%;
  overflow: hidden;
  padding-top: 0.3rem;
}
#productdetails .desc .desc-right .desc-prod .desc-prod-btns a {
  float: left;
  cursor: pointer;
  width: 1.9rem;
  line-height: 0.34rem;
  height: 0.34rem;
  margin-top: 0.09rem;
  padding: 0 0.15rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-decoration: none;
  font-size: 0.14rem;
  font-weight: 400;
  color: #007dff;
  border: 1px solid #007dff;
  border-radius: 0.02rem;
  z-index: 2;
  position: relative;
}
#productdetails
  .desc
  .desc-right
  .desc-prod
  .desc-prod-btns
  a:nth-of-type(odd) {
  margin-right: 0.1rem;
}
#productdetails .desc .desc-right .desc-prod .desc-prod-btns a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 0;
  height: 100%;
  /* background-color: #007dff; */
  background: linear-gradient(to right, #00afff, #007dff);
  -webkit-transition: all 0.24s ease-in-out;
  transition: all 0.24s ease-in-out;
}
#productdetails .desc .desc-right .desc-prod .desc-prod-btns a:hover {
  color: #fff;
}
#productdetails .desc .desc-right .desc-prod .desc-prod-btns a:hover:before {
  width: 100%;
}
#productdetails .desc .desc-right .desc-prod .desc-prod-btns a:hover {
  border: none;
}
#productdetails .desc .desc-right .desc-title,
#productdetails .desc .desc-right .title-ext {
  margin-bottom: 0.1rem;
  font-size: 0.18rem;
  font-weight: 700;
  color: #2f2f2f;
  line-height: 0.18rem;
  height: 0.18rem;
}
#productdetails .tjpz {
  position: relative;
}
#productdetails .tjpz:before {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
  width: 5rem;
  height: 0.01rem;
  background: #e5e5e5;
}
#productdetails .tjpz:after {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
  width: 5rem;
  height: 0.01rem;
  right: 0;
  background: #e5e5e5;
}
#productdetails .configure .configure-tab {
  display: inline-block;
  vertical-align: top;
  font-size: 0.16rem;
  cursor: pointer;
}
#productdetails .configure .configure-tab span {
  color: #2f2f2f;
  position: relative;
}
#productdetails .configure .configure-tab span.active:after {
  width: 100%;
}
#productdetails .configure .configure-tab span:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.07rem;
  width: 0;
  height: 0.03rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-left: -50% \9 \0;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
  background-color: #007dff;
}
#productdetails .configure .configure-tabs-slider {
  position: relative;
  padding-top: 0.39rem;
  padding-bottom: 0.1rem;
}
#productdetails .configure .configure-tabs-slider .configure-tab {
  width: 25%;
  text-align: center;
}
#productdetails .configure .configure-tabs {
  text-align: center;
  font-size: 0;
}
#productdetails .configure .configure-block-items {
  padding-top: 0.4rem;
  padding-left: 0.8rem;
  width: 9.28rem;
  display: flex;
}
#productdetails .configure .configure-block-item {
  width: 25%;
}
#productdetails .configure .configure-block-item + .configure-block-item {
  margin-left: 0.25rem;
}
#productdetails .configure .configure-blocks {
  height: 100%;
  overflow: hidden;
  background: #f6f8ff;
  border-radius: 0.02rem;
  display: flex;
}
#productdetails .configure .configure-intro {
  width: 1.92rem;
  margin-left: 0.1rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  background: #fff;
  padding-top: 0.16rem;
  padding-left: 0.2rem;
  border-radius: 0.02rem;
  -webkit-box-shadow: 0 0.04rem 0.08rem 0 #dee5fa;
  box-shadow: 0 0.04rem 0.08rem 0 #dee5fa;
}
#productdetails
  .swiper-container-horizontal
  .swiper-slide.case-item
  + .swiper-slide.case-item {
  margin-left: 0;
}
#productdetails .swiper-slide.case-item + .swiper-slide.case-item {
  margin-left: 0.23rem;
}
#productdetails .bb-item {
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0.4rem;
  margin-right: 0.3rem;
  background: #fff;
  border-radius: 0.02rem;
  margin-top: 0.3rem;
}
#productdetails .bb-item:hover {
  -webkit-box-shadow: 0 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateY(-0.1rem);
  -ms-transform: translateY(-0.1rem);
  transform: translateY(-0.1rem);
}
#productdetails .bb-item:nth-of-type(odd) .icon {
  background: linear-gradient(45deg, #007dff, #ff4b4b);
}
#productdetails .bb-item:nth-of-type(2n) .icon {
  background: linear-gradient(45deg, #ff5b00, #a200ff);
}
#productdetails .bb-item h3 {
  font-size: 0.18rem;
  font-weight: 700;
  color: #2f2f2f;
  line-height: 0.18rem;
  height: 0.18rem;
  margin-bottom: 0.1rem;
}
#productdetails .bb-item .subtitle {
  font-size: 0.18rem;
  font-weight: 400;
  color: #2f2f2f;
  margin-bottom: 0.3rem;
}
#productdetails .bb-item .text {
  line-height: 0.34rem;
  text-align: center;
  color: #fff;
}
#productdetails .bb-item .info {
  margin-bottom: 0.6rem;
  text-align: justify;
  text-justify: distribute;
  font-size: 0.14rem;
  font-weight: 400;
  color: #5d646f;
  line-height: 0.25rem;
  overflow: hidden;
}
#productdetails .bb-item .btns {
  position: absolute;
  left: 0.4rem;
  right: 0.4rem;
  bottom: 0.4rem;
  display: flex;
}
#productdetails .bb-item .btns .btn-wrapper.column-3 {
  width: 31%;
  margin-left: 3%;
  flex: 1;
}
#productdetails .bb-item .btns .btn-wrapper.column-3:nth-child(3n + 1) {
  margin-left: 0;
}
#productdetails .bb-item .btns .solid {
  margin-top: 0.2rem;
  display: inline-block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  background-color: #007dff;
  border: 1px solid #007dff;
  cursor: pointer;
  font-size: 0.14rem;
  font-weight: 400;
  color: #fff;
  line-height: 0.3rem;
  height: 0.3rem;
}
#productdetails .bb-item .icon {
  position: absolute;
  top: 0.2rem;
  right: -0.35rem;
  width: 1.4rem;
  height: 0.34rem;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#productdetails .partner-box-ul {
  list-style: none;
  vertical-align: middle;
  padding-top: 0.22rem;
  margin: 0;
  width: 100%;
  display: flex;
}
#productdetails .partner-box-ul .selected {
  color: #007dff !important;
  font-weight: bold;
}
#productdetails .partner-box-ul .box-ul-li {
  margin: 0 0.15rem 0.22rem 0.1rem;
  line-height: 0.16rem;
  font-size: 0.16rem;
  color: #3f4149;
  text-align: center;
  cursor: pointer;
}
#productdetails .partner-item {
  background-color: #fff;
  margin-bottom: 0.2rem;
  position: relative;
  -webkit-box-shadow: 0 0.03rem 0.08rem 0 #ddd;
  box-shadow: 0 0.03rem 0.08rem 0 #ddd;
  font-size: 0.14rem;
  align-items: center;
  display: none;
}
#productdetails .partner-item .logo {
  width: 3rem;
  height: 2.7rem;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  position: relative;
  display: flex;
  align-items: center;
}
#productdetails .partner-item .logo img {
  height: auto;
  width: auto;
  max-width: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#productdetails .partner-item .hiding-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  vertical-align: bottom;
}
#productdetails .partner-item .hiding-2 {
  overflow: hidden;
  vertical-align: bottom;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-align: justify;
  max-height: 0.4rem;
  max-height: 0.52rem;
}
#productdetails .partner-item .partner-item-info {
  flex: 1;
  display: inline-block;
  width: 8.2rem;
  padding: 0.3rem 0.5rem 0.3rem 0rem;
  vertical-align: top;
}
#productdetails .partner-item .partner-item-info p {
  position: relative;
  line-height: 0.26rem;
  font-size: 0.14rem;
  margin: 0.08rem 0;
  color: #666666;
}
#productdetails .partner-item .partner-item-info p:first-child {
  font-size: 0.18rem;
}
#productdetails .partner-item .partner-item-info p .text {
  width: 7.4rem;
  display: inline-block;
  vertical-align: bottom;
  text-align: justify;
  white-space: pre-wrap;
}
#productdetails .partner-item .partner-item-info p .partner-label {
  color: #ababab;
  width: 1.6rem;
  height: 100%;
  display: inline-block;
  vertical-align: bottom;
}
#productdetails .partner-item .partner-item-info .highlight {
  color: #007dff !important;
}
#productdetails .partner-item .partner-item-info .text-a a {
  color: #007dff !important;
  cursor: pointer;
}
#productdetails .partner-item .partner-item-info .show-more {
  float: right;
  cursor: pointer;
}
#productdetails .partner-item .partner-item-info .show-more img {
  width: 0.1rem;
  height: 0.1rem;
  margin-left: 0.05rem;
}
#productdetails .partner-item .partner-item-info .show-more img.down {
  transform: rotate(90deg);
}
#productdetails .partner-item .partner-item-info .show-more img.up {
  transform: rotate(-90deg);
}
#productdetails .link-more {
  text-align: center;
  margin: 0.5rem 0;
}
#productdetails .link-more span {
  cursor: pointer;
  display: inline-block;
  height: 0.36rem;
  line-height: 0.36rem;
  width: 1.2rem;
  padding: 0 0.05rem;
  font-size: 0.16rem;
  text-align: center;
  color: #007dff;
}
#productdetails .cpys-model .caption {
  margin-top: 0.25rem;
  margin-bottom: 0.23rem;
  text-align: center;
  font-size: 0.17rem;
  font-weight: 700;
  color: #333333;
  line-height: 0.16rem;
}
#productdetails .cpys-model .info {
  text-align: center;
  font-size: 0.14rem;
  font-weight: 400;
  color: #828ca0;
  line-height: 0.25rem;
  text-align: center;
  margin-bottom: 0.97rem;
}
#productdetails .cpys-model .item {
  display: inline-block;
  vertical-align: top;
  margin: 0 0.28rem;
  margin-top: 1rem;
}
#productdetails .cpys-model .item:hover .logo .points {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
#productdetails .cpys-model .item .logo {
  position: relative;
  width: 0.8rem;
  height: 0.8rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
#productdetails .cpys-model .item .logo .circle {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0.05rem 0.1rem 0 rgba(0, 0, 0, 0.08);
}
#productdetails .cpys-model img {
  width: 0.48rem;
  height: 0.48rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#productdetails .cpys-model .points {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#productdetails .cpys-model .points span {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #0c92ff;
  border-radius: 50%;
}
#productdetails .cpys-model .points .point-1 {
  width: 0.05rem;
  height: 0.05rem;
  background-color: currentColor;
  opacity: 0.5;
  -webkit-transform: translate(0.24rem, -0.43rem);
  -ms-transform: translate(0.24rem, -0.43rem);
  transform: translate(0.24rem, -0.43rem);
}
#productdetails .cpys-model .points .point-2 {
  width: 0.08rem;
  height: 0.08rem;
  border: 1px solid;
  opacity: 1;
  -webkit-transform: translate(0.49rem, -0.19rem);
  -ms-transform: translate(0.49rem, -0.19rem);
  transform: translate(0.49rem, -0.19rem);
}
#productdetails .cpys-model .points .point-3 {
  width: 0.06rem;
  height: 0.06rem;
  background-color: currentColor;
  opacity: 0.8;
  -webkit-transform: translate(0.52rem, 0.14rem);
  -ms-transform: translate(0.52rem, 0.14rem);
  transform: translate(0.52rem, 0.14rem);
}
#productdetails .cpys-model .points .point-4 {
  width: 0.05rem;
  height: 0.05rem;
  background-color: currentColor;
  opacity: 0.8;
  -webkit-transform: translate(-0.41rem, 0.32rem);
  -ms-transform: translate(-0.41rem, 0.32rem);
  transform: translate(-0.41rem, 0.32rem);
}
#productdetails .cpys-model .points .point-5 {
  width: 0.13rem;
  height: 0.13rem;
  background-color: currentColor;
  opacity: 0.5;
  -webkit-transform: translate(-0.55rem, -0.3rem);
  -ms-transform: translate(-0.55rem, -0.3rem);
  transform: translate(-0.55rem, -0.3rem);
}
#productdetails .cpys-model .points .point-6 {
  width: 0.04rem;
  height: 0.04rem;
  background-color: currentColor;
  opacity: 1;
  -webkit-transform: translate(-0.2rem, -0.53rem);
  -ms-transform: translate(-0.2rem, -0.53rem);
  transform: translate(-0.2rem, -0.53rem);
}
.wrapper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1888;
  overflow: auto;
  background: #f8f8f8;
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
#productdetails .flex-column-sa {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

#productdetails .module-title {
  margin-top: 0.45rem;
  margin-bottom: 0.14rem;
}
#productdetails .line-image {
  position: relative;
  height: 0.24rem;
  width: max-content;
  margin: 0 auto;
  font-size: 0;
}
#productdetails .line-image::after,
#productdetails .line-image::before {
  position: absolute;
  content: "";
  display: block;
  background-color: #d4deeb;
  height: 0.01rem;
  width: 0.4rem;
  top: 50%;
}
#productdetails .line-image::before {
  left: 0.3rem;
}
#productdetails .line-image::after {
  right: 0.3rem;
}
#productdetails .line-image img {
  height: 100%;
}

#hotSolution {
  position: relative;
  transform: none;
  width: 100vw;
}

#hotSolution .sortIndex {
  font-weight: bold;
  margin-right: 0.2rem;
  font-size: 0.36rem;
}
#hotSolution .list-wrapper {
  color: white;
  width: 4.2rem;
}
#hotSolution .list-item {
  margin-bottom: 0.33rem;
  padding: 0 0.3rem;
  border: 1px solid;
  height: 0.6rem;
}
#hotSolution .list-item .title {
  font-size: 0.18rem;
  margin-bottom: 0.03rem;
}

#hotSolution .item-right {
  position: absolute;
  width: 7.4rem;
  top: 0.5rem;
  transform: translateX(6.25rem);
  opacity: 0;
}
#hotSolution .item-right.active-img {
  opacity: 1;
}
#hotSolution .item-right-desc {
  background: #2369d2;
  padding: 0.3rem;
}

#hotSolution .item-right-desc,#hotSolution .item-right-desc p,#hotSolution .item-right-desc p span {
  font-size:0.16rem !important;
  color: white !important;
  text-align: left;
  line-height: 0.3rem !important;
  letter-spacing: 1px !important;
}

#hotSolution .image-wrapper {
  height: 4.5rem;
}
#hotSolution .image-wrapper img {
  width: 100%;
  height: 100%;
}
.text_hover {
  transition: color 0.2s;
}
.text_hover:hover {
  color: #66d8fc;
  /* font-weight: bold; */
}
.df-ac {
  display: flex;
  align-items: center;
}
.hotSolution-bg {
  background: url(/portal/images/theme-20240926/module-bg2.png) no-repeat;
  min-height: 6.5rem;
  margin-bottom: 0.5rem;
  background-size: 10.6rem auto;
}

.module-bg1{
  background: url('/portal/images/theme-20240926/module-bg1.png') no-repeat;
  background-size: 100% 100%;
}