.pro {
  padding: .37rem 0 4.17rem;
}

.proSelect {
  display: flex;
  gap: .32rem;
  margin-top: .27rem;
}

.proSelect .item {
  width: 1.55rem;
  width: auto;
  display: flex;
  flex-direction: column;
}

.proSelect .selectBox {
  height: 0.33rem;
  border-radius: 0.16rem;
  border: .01rem solid #FFFFFF;
  display: flex;
  align-items: center;
  gap: .06rem;
  padding: 0 .06rem 0 .21rem;
  cursor: pointer;
  margin-bottom: .27rem;
}

/*.proSelect .item input {*/
/*  width: 100%;*/
/*  font-weight: 400;*/
/*  font-size: 0.16rem;*/
/*  color: #FFFFFF;*/
/*  cursor: pointer;*/
/*}*/

.proSelect .item p {
  width: 100%;
  font-weight: 400;
  font-size: 0.16rem;
  color: #FFFFFF;
  cursor: pointer;
}

.proSelect .item img {
  width: .16rem;
  flex-shrink: 0;
}

.optionBox {
  width: 1.56rem;
  max-height: 2.35rem;
  border: .01rem solid #363636;
  overflow-y: auto;
  overflow-x: hidden;
  display: none;
}

.optionBox .it {
  width: 1.55rem;
  height: 0.33rem;
  font-weight: 400;
  font-size: 0.14rem;
  color: #B9B9B9;
  display: flex;
  align-items: center;
  padding-left: .2rem;
  cursor: pointer;
}

.optionBox .it:hover {
  color: #FFF;
  background: #363636;
}

.proClassify {
  display: flex;
  flex-wrap: wrap;
  column-gap: .68rem;
  row-gap: .43rem;
  margin-top: .49rem;
  padding-bottom: .7rem;
  border-bottom: .01rem solid #FFFFFF;
}

.proClassify .item {
  min-width: 1.84rem;
  width: fit-content;
  padding: 0 .2rem;
  height: 0.5rem;
  border: .01rem solid #606060;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 0.22rem;
  color: #878787;
  cursor: pointer;
}

.proClassify .item.act {
  color: #000000;
  background: #FFFFFF;
}

.listItem .list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: .48rem;
  margin-top: .74rem;
  padding-bottom: .4rem;
  border-bottom: .01rem solid #909090;
}

.listItem .list .item {
  width: 3.22rem;
  min-height: 2.21rem;
  /*background: #FFFFFF;*/
  border-radius: 0.1rem;
  overflow: hidden;
}

@media screen and (max-width:1440px){
    .listItem .list .item{
        max-width: calc((100% - (.48rem*3)) / 4);
    }
}

.listItem .list .item .scale-box {
  padding: .24rem .38rem;
  width: 100%;
  height: 1.82rem;
  /*border-radius: 0.1rem;*/
  background: #fff;
}

.listItem .list .item .text {
  width: 100%;
  /* height: 0.39rem; */
  background: #595959;
  /*border-radius: 0 0 0.1rem 0.1rem;*/
  padding: 0 .14rem;
}

.listItem .list .item .text .tit {
  font-weight: 500;
  font-size: 0.18rem;
  color: #FFFFFF;
  /*line-height: 0.39rem;*/
  display: flex;
  align-items: center;
  min-height: .39rem;
}

.listItem .list .item .text .txt {
  font-weight: 400;
  font-size: 0.14rem;
  color: #8A8A8A;
  line-height: 0.28rem;
  padding: .25rem 0 .3rem;
  display: none;
}

.listItem .list .item .text .txt p{
  font-weight: 400;
  font-size: 0.14rem;
  color: #8A8A8A;
  line-height: 0.28rem;
}

.proDetalis {
  padding: 1.4rem 0 1.83rem;
}

.proInfo {
  display: flex;
  margin: .7rem 0 .85rem;
  gap: 1.2rem;
}

.proInfo .left {
  width: 6.6rem;
  flex-shrink: 0;
}

.proInfo .left .mySwiper2 {
  width: 100%;
  height: 3.56rem;
  border-radius: .1rem;
  background: #fff;
  margin-bottom: .23rem;
}

.proInfo .left .mySwiper .swiper-slide {
  border-radius: .1rem;
  background: #fff;
}

.proInfo .right {
  width: 100%;
}

.proInfo .right h3 {
  font-weight: 500;
  font-size: 0.32rem;
  color: #FFFFFF;
  padding-bottom: .4rem;
  position: relative;
  margin-bottom: .8rem;
}

.proInfo .right h3::after {
  content: '';
  width: .3rem;
  height: .03rem;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}

.proInfo .right .txt {
  font-weight: 400;
  font-size: 0.22rem;
  color: #FFFFFF;
  line-height: 0.42rem;
  margin-bottom: .75rem;
}

.proInfo .right .btnList {
  display: flex;
  flex-wrap: wrap;
  gap: .28rem;
}

.proInfo .right .btnList button {
  width: 2.18rem;
  height: 0.45rem;
  border: .01rem solid #FFFFFF;
  font-weight: 400;
  font-size: 0.22rem;
  color: #FFFFFF;
}

.proText img {
  width: revert-layer;
  height: auto;
}

.sukList.w-1282 {
  padding: 1.2rem 0 .71rem;
}

.sukList .title {
  font-weight: 500;
  font-size: 0.28rem;
  color: #FFFFFF;
  text-align: center;
}

.sukList .list {
  margin-top: .55rem;
  display: flex;
  flex-wrap: wrap;
  gap: .42rem;
}

.sukList .item {
  width: 2.88rem;
  width: calc((100% - 1.02rem) / 3);
  display: flex;
  gap: .13rem;
}

.sukList .item .scale-box {
  /*width: 100%;*/
  /*height: 2.45rem;*/
  /*padding: .15rem .48rem;*/
  /*margin-bottom: .24rem;*/
  
  background: #1F1F1F;
  background: #fff;
  width: .93rem;
  height: .93rem;
}

.sukList .item .scale-box img{
    object-fit: contain;
}

.sukList .item .tit {
  padding-bottom: .14rem;
  border-bottom: .01rem solid #A5A5A5;
  margin-bottom: .17rem;
  font-weight: bold;
  font-size: .17rem;
  color: #fff;
  line-height: 1;
}

.sukList .item .desc{
  font-weight: 400;
  font-size: 0.15rem;
  color: #878787;
  /*line-height: 0.28rem;*/
  line-height: 1.5;
}

.sukList .item .txt {
  font-weight: 400;
  font-size: 0.14rem;
  color: #878787;
  /*line-height: 0.28rem;*/
  line-height: 1.5;
}



.sukBox {
  display: flex;
  justify-content: space-between;
  padding: .46rem 0 .99rem;
  gap: 2.42rem;
}

.sukBox .title {
  width: 2.71rem;
  height: 0.72rem;
  background: #2C2C2C;
  font-weight: 500;
  font-size: 0.28rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sukBox .right {
  width: 100%;
}

.downLoad.w-1282 {
  padding-top: 1.08rem;
}

.downLoad .title {
  font-weight: 500;
  font-size: 0.28rem;
  color: #FFFFFF;
  text-align: center;
}

.downLoad .list {
  margin-top: .85rem;
}

.downLoad .list .item {
  width: 100%;
  height: 0.61rem;
  background: #313131;
  border: .01rem solid #959595;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 400;
  font-size: 0.22rem;
  color: #FFFFFF;
  padding: 0 .29rem 0 .23rem;
}

.downLoad .list .item.head {
  background: #000000;
  font-weight: 500;
  font-size: 0.26rem;
  color: #FFFFFF;
}

.downLoad .list .item img {
  width: .3rem;
}

.video{
  padding: .37rem 0 1.8rem;
}

.videoItem {
  margin-top: .65rem;
}

.videoItem .list {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  padding-bottom: .65rem;
  margin-top: .8rem;
  border-bottom: .01rem solid #909090;
}

.videoItem .list .item {
  width: 4.39rem;
}

.videoItem .list .scale-box {
  height: 3rem;
  border-radius: .2rem;
  margin-bottom: .4rem;
}

.videoItem .list .item .tit {
  font-weight: 400;
  font-size: 0.18rem;
  color: #FFFFFF;
  margin-bottom: .29rem;
}

.videoItem .list .item .time {
  font-weight: 400;
  font-size: 0.14rem;
  color: #8A8A8A;
}

.commonPage{
  margin-top: 1.98rem;
}

@media screen and (max-width:1024px){
    .proSelect{
        flex-wrap: wrap;
    }
    .proSelect .item{
        width: calc((100% - .32rem) / 2);
    }
    .proSelect .selectBox{
        height: .5rem;
    }
    .proSelect .item input{
        font-size: .28rem;
    }
    .proSelect .item img{
        width: .3rem;
    }
    .optionBox{
        width: 100%;
    }
    .optionBox .it{
        width: 100%;
        font-size: .24rem;
    }
    .listItem .list .item{
        max-width: none;
        width: calc((100% - .48rem) / 2);
    }
    .proInfo{
        flex-direction: column;
    }
    .proInfo .left{
        width: 100%;
    }
    .videoItem .list .item .tit{
        font-size: .28rem;
    }
    .videoItem .list .item .time{
        font-size: .24rem;
    }
    .videoItem .list .item{
        width: calc((100% - .6rem) / 2)
    }
}