.proBox {
  padding: .32rem 0 1.21rem;
}

.proList {
  margin-top: .53rem;
  /* display: flex; */
  /* flex-wrap: wrap; */
}

.proListItem {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: .79rem;
  position: relative;
}

.proListItem:last-child {
  margin-bottom: 0;
}

.proItem {
  width: 5rem;
  height: 1.6rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.1);
  border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  border: 0.01rem solid rgba(40, 79, 173, 0.5);
  display: flex;
  margin-right: .5rem;
  box-sizing: border-box;
  cursor: pointer;
}

.proItem:nth-child(3n) {
  margin-right: 0;
}

.proItem.active {
  background: linear-gradient(180deg, #284FAD 0%, #1E9DDF 100%);
}

.proImg {
  width: 1.6rem;
  height: 1.6rem;
  flex-shrink: 0;
}

.proText {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 .43rem 0 .47rem;
}

.proText p {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.23rem;
  color: #000000;
  width: 100%;
}

.proItem.active .proText p {
  color: #FFFFFF;
}

.proText img {
  width: .25rem;
  flex-shrink: 0;
}

.proItem.active .proText img {
  transform: rotate(-180deg);
  filter: brightness(0) invert(1);
}

.proTwoItem {
  width: 16rem;
  height: 2rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.03rem 0.1rem 0.01rem rgba(0, 0, 0, 0.3);
  border-radius: .1rem;
  display: none;
  box-sizing: border-box;
  padding: 0 .79rem 0 .84rem;
}

.proTwoItem.active {
  display: flex;
  align-items: center;
}
.proTwoList{
  position: relative;
}
.proTwoList::before{
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background: #C01920;
  position: absolute;
  top: 0;
}
.proTwoItem img {
  width: 1.65rem;
  height: 1.25rem;
}

.proTwoC {
  width: 7.05rem;
  border-left: 0.01rem solid rgba(112, 112, 112, 0.5);
  border-right: 0.01rem solid rgba(112, 112, 112, 0.5);
  display: flex;
  flex-wrap: wrap;
  padding: 0 .73rem;
  box-sizing: border-box;
  margin: 0 .74rem;
}

.proTwoC a {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #333333;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .21rem;
}

.proTwoC a:nth-child(-n + 4) {
  margin-top: 0;
}

.proTwoC a img {
  width: .2rem;
  height: .2rem;
  flex-shrink: 0;
  opacity: 0;
  transition: all .3s;
}

.proTwoC a:hover {
  font-weight: bold;
  color: #284FAD;
}

.proTwoC a:hover img {
  opacity: 1;
}

.proTwoR {
  width: 4.2rem;
  display: flex;
  flex-wrap: wrap;
}

.proTwoR a {
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #333333;
  width: calc(100% / 3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .21rem;
}

.proTwoR a:nth-child(-n + 3) {
  margin-top: 0;
}

.proTwoR a img {
  width: .2rem;
  height: .2rem;
  flex-shrink: 0;
  opacity: 0;
  transition: all .3s;
}

.proTwoR a:hover {
  font-weight: bold;
  color: #284FAD;
}

.proTwoR a:hover img {
  opacity: 1;
}

.comPro {
  display: flex;
  margin-top: .52rem;
  align-items: flex-start;
}
.comPros{
    column-gap: 0.44rem;
    margin-top: 0.47rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.comPrositem{
        box-sizing: border-box;
    margin-bottom: 0.45rem;
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
border: 0.01rem solid #E9E9E9;
    width: 5.04rem;
    padding: 0.15rem;
    display: flex;
    align-items: center;
}
.hha{
    display: none;
}
.comPrositem:hover{
    box-shadow: 0rem 0rem 0.15rem 0.01rem rgba(0,0,0,0.1);
    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
    border: 0.01rem solid #E9E9E9;
}
.comPrositem:hover .comPrositem-title{
    color: #284FAD;
}
.comPrositem:hover .comPrositem-more{
    color: #284FAD;
}
.comPrositem:hover .hha{
    display: block;
}
.comPrositem:hover .hhb{
    display: none;
}
.comPrositem-left{
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.3rem;
}
.comPrositem-left img{
    object-fit: cover;
}

.comPrositem-title{
    font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 0.28rem;
color: #000000;
}
.comPrositem-more{
    margin-top: 0.28rem;
    display: flex;
    align-items: center;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #666666;
}
.comPrositem-more img{
    margin-left: 0.04rem;
    width: 0.15rem;
    height: 0.13rem;
        object-fit: contain;
}
.comProL {
  width: 3rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
  margin-right: .34rem;
  flex-shrink: 0;
}

.comProOne {
  width: 100%;
  height: .8rem;
  box-sizing: border-box;
  position: relative;
  border-top: 0.01rem solid rgba(112, 112, 112, .5);
}

.comProOne>a {
  display: flex;
  width: 100%;
  height: .8rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #333333;
  align-items: center;
  padding: 0 .25rem;
  box-sizing: border-box;
  margin: 0 auto;
  transition: all .3s;
}

.comProOne:hover {
  padding: .1rem 0;
}

.comProOne:hover>a {
  width: 2.6rem;
  height: .6rem;
  background: linear-gradient(90deg, #284FAD 0%, #2471C3 43%, #1E9DDF 100%);
  border-radius: .3rem;
  font-weight: bold;
  color: #FFFFFF;
}

.comProOne:first-child {
  border: 0;
}

.proIcon {
  width: .33rem;
  height: .33rem;
  flex-shrink: 0;
  margin-right: .2rem;
}

.comProOne>a p {
  width: 100%;
}

.proArrow {
  width: .18rem;
  height: .18rem;
  flex-shrink: 0;
  transition: all .3s;
}

.comProOne:hover>a .proArrow {
  filter: brightness(0) invert(1);
  width: .27rem;
  height: .27rem;
}

.comProTwo {
  position: absolute;
  left: 100%;
  top: 0;
  width: 2.3rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
  z-index: 1;
  transition: all .3s;
  display: none;
}

.comProOne:hover .comProTwo {
  display: block;
}

.comProTwoItem {
  width: 100%;
  height: 0.55rem;
  box-sizing: border-box;
  transition: all .3s;
  position: relative;
}

.comProTwoItem>a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  width: 100%;
  height: .55rem;
  padding: 0 .3rem;
  box-sizing: border-box;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
  transition: all .3s;
}

.comProTwoItem:hover {
  padding: .05rem 0;
}

.comProTwoItem:hover>a {
  width: 2rem;
  height: 0.45rem;
  background: linear-gradient(90deg, #284FAD 0%, #1E9DDF 100%);
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0 .26rem;
}

.comProTwoItem a .proArrow {
  opacity: 0;
  transition: all .3s;
}

.comProTwoItem:hover>a .proArrow {
  opacity: 1;
  filter: brightness(0) invert(1);
}

.comProThree {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 2.3rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  display: none;
}

.comProThreeItem {
  width: 2.3rem;
  height: 0.55rem;
  box-sizing: border-box;
}

.comProTwoItem:hover .comProThree {
  display: block;
}

.comProThreeItem a {
  width: 100%;
  height: 0.55rem;
  background: #FFFFFF;
  border-radius: 0rem 0rem 0rem 0rem;
  display: flex;
  align-items: center;
  margin: 0 auto;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #333333;
  padding: 0 .32rem;
  box-sizing: border-box;
  transition: all .3s;
}

.comProThreeItem:hover {
  padding: .075rem 0;
}

.comProThreeItem:hover a {
  width: 2rem;
  height: 0.4rem;
  background: linear-gradient(90deg, #284FAD 0%, #1E9DDF 100%);
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  padding: 0 .17rem;
  color: #FFFFFF;
}

.comProR{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.comProItem{
  width: 2.94rem;
  height: 3.5rem;
  background: #FFFFFF;
  border-radius: 0rem 0rem 0rem 0rem;
  border: 0.01rem solid #9F9F9F;
  box-sizing: border-box;
  margin-right: .3rem;
  margin-bottom: .22rem;
  transition: all .3s;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.comProItem:nth-child(4n){
  margin-right: 0;
}

.comProItem:hover{
  box-shadow: 0rem 0.03rem 0.15rem 0.01rem rgba(0,0,0,0.35);
  border: 0.01rem solid transparent;
}

.comProItemImg{
  width: 1.99rem;
  height: 1.25rem;
  margin-top: .5rem;
  margin-bottom: .55rem;
}

.comProItemTit{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #333333;
  text-align: center;
  margin-bottom: .37rem;
}

.comProItemBtn{
  width: 2.33rem;
  display: flex;
}

.comProItemBtn a{
  display: flex;
  width: .36rem;
  height: .36rem;
  margin-right: .1rem;
}

.comProItemBtn a img:last-child,
.comProItemBtn a:hover img:first-child{
  display: none;
}

.comProItemBtn a:hover img:last-child{
  display: block;
}

.page{
  margin-top: .19rem;
}

.proBox2 .bread{
  margin-top: .35rem;
  margin-bottom: 0.61rem;
}
.proDetail{
  padding-bottom: 1.55rem;
}
.proDetailTop{
  display: flex;
}

.proDetailImg{
  width: 6.47rem;
  padding: 0.25rem 0.94rem;
}
.proDetailright{
  width: calc(100% - 6.47rem);
  padding-top: 0.49rem;
  padding-left: 0.82rem;
}
.proDetailright .proDetailTitle{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #333333;
}
.proDetailright .proDetailContent{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #777777;
  line-height: 0.35rem;
  margin-top: 0.64rem;
}
.search_list{
  display: flex;
  justify-content: space-between;
}
.search_Lleft{
  width: 3rem;
  height: 100%;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  border: 0.01rem solid rgb(112, 112, 112, 0.3);
  background: #FDFDFD;
}
.search_Lright{
  width: calc(100% - 3.2rem);
}
.search{
  box-shadow: 0rem 0.03rem 0.15rem 0.01rem rgba(0,0,0,0.05);
}
.search_LleftTitle{
  height: 0.56rem;
  background: linear-gradient( 180deg, #284FAD 0%, #1E9DDF 100%);
  /*border-radius: 0.08rem 0.08rem 0rem 0rem;*/
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.2rem;
  color: #FFFFFF;
  line-height: 0.56rem;
  padding-left: 0.3rem;
}
.search_L{
  width: 100%;
}
.select_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search_L img{
       width: 0.18rem;
    height: 0.18rem;
}
.search_L .select_title{
  height: 0.45rem;
  background: rgba(40,79,173,0.1);
  /* opacity: 0.5; */
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.16rem;
  color: #333333;
  padding-right: 0.3rem;
  padding-left: 0.3rem;
  line-height: 0.45rem;
  border-top: 0.01rem solid rgb(112, 112, 112, 0.3);
  border-bottom: 0.01rem solid rgb(112, 112, 112, 0.3);
}
.search_L .select_order{
  padding: 0.04rem 0.3rem;
}
.search_L .select_order div{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.15rem;
  color: rgb(68, 68, 68);
  margin: 0.13rem 0;
  display: flex;
  align-items: center;
}
.search_L .select_order input{
  margin-right: 0.11rem;
  width: 0.15rem;
  height: 0.15rem;
  accent-color: #C01920;
  flex-shrink: 0;
}
.select_clear{
  height: 0.55rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  color: #284FAD;
  display: flex;
  justify-content: right;
  align-items: center;
  cursor: pointer;
  border-top: 0.01rem solid rgb(112, 112, 112, 0.3);
}
.select_clear span{
  width: 0.26rem;
  height: 0.26rem;
  margin-left: 0.14rem;
  margin-right: 0.23rem;
}
.seach_R1{
  display: flex;
    align-items: center;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #2F2F2F;
    justify-content: flex-end;
    margin-bottom: 0.3rem;
}

.seach_R1 .spank{
    cursor: pointer;
  margin: 0 0.1rem;
}
.seach_R1 .active{
    color: #284FAD;
  font-weight: bold;
}
/*.seach_R1 span:first-child{*/
/*  color: #284FAD;*/
/*  font-weight: bold;*/
/*}*/


.seach_R2{
    overflow: auto;
  height: 0.65rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0,0,0,0.1);
  border: 0.01rem solid rgba(112,112,112,0.5);
  border-radius: 0.25rem 0.25rem 0 0;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.16rem;
  color: #2F2F2F;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 9;
}
/*.seach_R4{*/
/*    position: relative;*/
/*}*/
/*.seach_R4::-webkit-scrollbar{*/
/*    position: absolute;*/
/*    top: 0;*/
/*}*/
.scrollbar-container {
  scrollbar-gutter: stable;
  scroll-behavior: smooth;
}
.seach_R4::-webkit-scrollbar { display: none; }

.seach_R2 .th{
    width: 60rem;
  height: 100%;
  display: flex;
  align-items: center;
  /*justify-content: space-between;*/
}
.seach_R2 .th .tr:last-child{
  display: flex;
  align-items: center;
}

.seach_R2 .th .tr:first-child {
    position: sticky;
    left: 0;
    background: #fff;
}
.seach_R2 .th .tr:nth-child(2) {
    position: sticky;
    left: 2.4rem;
    background: #fff;
}
.seach_R2 .th .tr:last-child img{
  width: 0.15rem;
  height: 0.15rem;
  margin-left: 0.04rem;
  cursor: pointer;
}
.seach_R2 .th .tr{
    /*display: flex;*/
    align-items: center;
    white-space: nowrap;
    min-width: 2rem;
    padding-left: 0.4rem;
    display: block;
  /*width: calc(100% / 9);*/
}
.seach_R2 .th .tr img{
    width: 0.15rem;
    height: 0.15rem;
    object-fit: cover;
    margin-left: 0.06rem;
}
.seach_R3{
    /*overflow-x: scroll;*/
  height: 0.11rem;
  background: rgba(40,79,173,0.1);
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  margin-top: 0.25rem;
}
.seach_R3::-webkit-scrollbar {
  width: 12.8rem;
height: 0.11rem;
background: rgba(40,79,173,0.1);
border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.seach_R3 .R31{
  width: 3rem;
  height: 0.11rem;
  background: #284FAD;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.seach_R4{
        white-space: nowrap;
overflow: auto;
  padding-top: 0.07rem;
  padding-bottom: 0.36rem;
  
}
.seach_R2::-webkit-scrollbar-track {
  background: rgba(40,79,173,0.1); /* 颜色 */
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem; /* 圆角 */
}
.seach_R2::-webkit-scrollbar-thumb {
    background: linear-gradient( 117deg, #284FAD 0%, #1E9DDF 100%);
    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}
 
.seach_R2 {
 scrollbar-color: #284FADFF #284FAD1A;
}



.proCompareListR::-webkit-scrollbar-track {
  background: rgba(40,79,173,0.1); /* 颜色 */
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem; /* 圆角 */
}
.proCompareListR::-webkit-scrollbar-thumb {
    background: linear-gradient( 117deg, #284FAD 0%, #1E9DDF 100%);
    border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}
 
.proCompareListR {
 scrollbar-color: #284FADFF #284FAD1A;
}

.seach_R4 .th{
    width: 660%;
  height: 1.56rem;
  display: flex;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.15rem;
  color: #333333;
  align-items: center;
  border-bottom: 0.01rem solid #707070;
  cursor: pointer;
  position: relative;
  transition: 0.3s all;
  position: relative;
}
.seach_R4 .th:hover .hoverbijiao{
    display: flex;
}
.seach_R4 .th:hover .tr:first-child{
    color: #284FAD !important;
}
.hoverbijiao{
    display: none;
        left: 10.5rem;
    /*bottom: 0;*/
    background: #FFFFFF;
box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0,0,0,0.16);
border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
/*display: flex;*/
align-items: content;
position: absolute;
padding: 0.12rem 0.2rem;

}
.hoverbijiaok:hover {
    color: #284FAD;
}
.hoverbijiaok:hover .hua2{
    display: block;
}
.hoverbijiaok:hover .hua1{
    display: none;
}
.hoverbijiaok{
    display: flex;
    align-items: content;
    font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 0.15rem;
color: #333333;
}
.hoverbijiaok:first-child{
    margin-right: 0.15rem;
}
.hoverbijiaok img{
    width: 0.2rem;
    height: 0.2rem;
    object-fit: cover;
    margin-right: 0.07rem;
}
.hua2{
    display: none;
}
.seach_R4{
    box-shadow: 0rem 0.03rem 0.15rem 0.01rem rgba(0, 0, 0, 0.05);
}
.seach_R4 .th:hover{
  box-shadow: 0rem 0.03rem 0.15rem 0.01rem rgba(0, 0, 0, 0.5);
}
.seach_R4 .th:hover::after{
  content: '';
  width: 100%;
  height: 0.03rem;
  display: block;
  background: #C01920;
  position: absolute;
  bottom: 0;
  left: 0;
}
.seach_R4 .th:last-child{
  border-bottom: none;
}
.seach_R4 .th .tr{
    min-width: 2rem;
    white-space: wrap;
    padding-left: 0.4rem;
  /*width: calc(100% / 9);*/
}
.seach_R4 .th .tr:first-child{
  font-weight: bold;
  font-size: 0.17rem;
  color: #2F2F2F;
}

.seach_R4 .th .tr:first-child {
    position: sticky;
    left: 0;
    background: #fff;
}
.seach_R4 .th .tr:nth-child(2) {
    position: sticky;
    left: 2.4rem;
    background: #fff;
}
.seach_R4 .th .tr:nth-child(2) img{
  width: 1.05rem;
  height: 1.05rem;
}
.pro{
  position: relative;
}
.addCompare{
  /*width: 100%;*/
  background: #EFF2F9;
  border-radius: 0.4rem 0.4rem 0rem 0rem;
  padding-top: 0.57rem;
  padding-bottom: 0.52rem;
  position: absolute;
  bottom: 0;
}
.compareList{
  display: flex;
}
.compareL{
  width: 2.5rem;
  height: 0.85rem;
  background: #FFFFFF;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  border: 0.01rem solid #E5E5E5;
  margin-right: 0.2rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #333333;
  display: flex;
  align-items: center;
}
.compareL span{
  width: 1.11rem;
}
.compareL:last-child{
  margin-right: 0;
}
.proCImg{
  width: 0.64rem;
  height: 0.64rem;
  border: 0.01rem solid rgba(112,112,112,0.5);
  margin-left: 0.13rem;
  margin-right: 0.22rem;
}
.proClose{
  width: 0.22rem;
  height: 0.22rem;
  cursor: pointer;
}
.addCompareBtn{
  display: flex;
  align-items: center;
  /*justify-content: center;*/
  padding-top: 0.46rem;
}
.addCompareBtn div{
  width: 1.6rem;
  height: 0.44rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.15rem;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  text-align: center;
  line-height: 0.4rem;
  margin: 0.175rem;
  cursor: pointer;
}
.addCompareBtn1{
  background: linear-gradient( 180deg, #284FAD 0%, #1E9DDF 100%);
  color: #FFFFFF;
}
.addCompareBtn2{
  background: #FFFFFF;
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  border: 0.01rem solid #284FAD;
}

.proCompareResult{
  height: 1.16rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.25rem;
  color: #333333;
  line-height: 1.16rem;
}

.proCompareResult span{
  color: #284FAD;
  font-weight: bold;
  margin: 0 0.1rem;
}
.proCompareList{
  display: flex;
      padding-bottom: .6rem;
}
.proCompareListL{
  width: 2.3rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.18rem;
  color: #2F2F2F;
  box-shadow: 0rem 0.06rem 0.1rem 0.01rem rgba(0,0,0,0.15);
}

.proCompareListL .th{
  height: .85rem;
  display: flex;
  align-items: center;
  margin-left: 0.35rem;
}
.proCompareListL .th:first-child{
  height: 3.21rem;
}

.proCompareListR{
        overflow-y: auto;
  width: calc(100% - 2.3rem);
}
.proCompareListR .tr{
  height: .85rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.14rem;
  color: #666666;
  display: flex;
}
.proCompareListR .tr:first-child{
  height: 3.21rem;
}
.proCompareListR .tr .td{
         min-width: 2.58rem;
    padding: 0 .1rem;
          font-size: .16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 0.01rem solid #E6E6E6;
}
.proCompareListR .tr .td:last-child{
  border-right: none;
}
.proCompareListR .tr .td img{
  width: 2.02rem;
  height: 2.02rem;
  margin: 0.27rem 0;
  border: 1px solid rgb(0, 0, 0, 0.3);
}
.proCompareListR .tr:first-child .td{
  flex-direction: column;
  font-weight: bold;
}
.proCompareListR .tr:last-child .td{
  display: flex;

}
.proCompareListR .tr:last-child .td img{
  width: 0.31rem !important;
  height: 0.31rem !important;
  border: none !important;
  margin:  0 0.11rem;
  cursor: pointer;
}
.proCompareListR .tr:nth-child(2n) .td{
  background: rgb(40, 79, 173, 0.05);
      /*width: 225%;*/
}
.proCompareListLine{
  width: calc(100% - 2.3rem);
  height: 0.11rem;
  background: rgba(40,79,173,0.1);
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  margin-left: 2.3rem;
  margin-top: 0.43rem;
  margin-bottom: 1.07rem;
}
.proCompareListLine .Line{
  width: 3rem;
  height: 0.11rem;
  background: linear-gradient( 117deg, #284FAD 0%, #1E9DDF 100%);
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.proDetail2 .swiper-pointer-events{
  overflow: hidden;
}
.proDetailsTop{
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.proDetailsLeft{
  width: 6.47rem;
}
.proDetailsLeft>img{
  width: 100%;
  height: 3.97rem;
}
.proDetailsLeft .swiper-slide{
  width: 1.19rem !important;
  height: 1.19rem;
  margin-right: 0.1rem;
  border: 0.01rem solid rgb(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.proDetailsLeft .swiper-slide.active{
  border: 0.01rem solid #C01920;
}

.swiper-slide{
    margin-right: -0.05rem!important;
}
.proDetailsLeft .swiper-slide img{
  width: 0.93rem;
  height: 0.56rem;
}
.proDetailsRight{
  width: calc(100% - 7.29rem);
  margin-top: 0.49rem;
}
.proDetailsTitle{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: bold;
  font-size: 0.35rem;
  color: #333333;
}
.proDetailsCon{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #777777;
  line-height: 0.35rem;
  margin-top: 0.64rem;
}
.proDetailsBtn{
  display: flex;
  margin-top: 0.53rem;
}
.proDetailsBtn div{
  width: 1.6rem;
  height: 0.4rem;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.proDetailsBtn div.sc{
  color: #fff;
  background: linear-gradient( 180deg, #284FAD 0%, #1E9DDF 100%);
  margin-right: 0.15rem;
}
.proDetailsBtn div.jrbj{
  color: #284FAD;
  border: 0.01rem solid #284FAD;
}
.proDetailsBtn div img{
  width: 0.17rem;
  margin-right: 0.1rem;
}
.pdbt{
  width: 100%;
  height: 0.6rem;
  display: flex;
  background: #F4F6FB;
  box-shadow: 0rem 0.03rem 0.1rem 0.01rem rgba(0,0,0,0.1);
  margin-bottom: 0.76rem;
}
.pdbtL{
  width: calc(100% / 5);
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.22rem;
  color: #000000;
  cursor: pointer;
  line-height: 0.6rem;
  text-align: center;
  position: relative;
  transition: 0.6 all;
}
.pdbtL.active{
  color: #284FAD;
  font-weight: bold;
}
.pdbtL:hover{
  color: #284FAD;
  font-weight: bold;
}
.pdbtL::after{
  content: '';
  width: 0%;
  height: 0.06rem;
  background: linear-gradient( 90deg, #284FAD 0%, #1E9DDF 100%);
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  display: block;
  position: absolute;
  bottom: 0;
  
  transition: 0.3s all;
}
.pdbtL:hover::after{
  content: '';
  width: 100%;
  height: 0.06rem;
  background: linear-gradient( 90deg, #284FAD 0%, #1E9DDF 100%);
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  display: block;
  position: absolute;
  bottom: 0;
}
.pdbtL.active::after{
  content: '';
  width: 100%;
  height: 0.06rem;
  background: linear-gradient( 90deg, #284FAD 0%, #1E9DDF 100%);
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  display: block;
  position: absolute;
  bottom: 0;
}
.pdbc{
  margin-bottom: 1rem;
}
.pdbcR1{
  display: flex;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #777777;
  padding: 0.2rem 0;
  border-bottom: 0.01rem solid rgba(112,112,112,0.35);
}
.pdbcR1:last-child{
  border-bottom: none;
}
.pdbcR1 .pdbcl{
  width: 5.4rem;
  font-weight: bold;
  font-size: 0.18rem;
  color: #000000;
}
.pdbczs{
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.05rem;
  margin-bottom: 1.8rem;
}
.pdbczs .pdbczsl{
  width: 2.54rem;
  margin-right: 0.74rem;
}
.pdbczs .pdbczsl:nth-child(5n){
  margin-right: 0;
}
.pdbczs .pdbczsl .pdbcimg{
  width: 100%;
  height: 3.37rem;
  padding: 0.16rem;
  border: 0.01rem solid #000;
  border-radius: 0.1rem;

}
.pdbczs .pdbczsl .pdbcimg img{
  width: 100%;
  height: 100%;
}
.pdbctitle{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #000000;
  text-align: center;
  margin: 0.22rem 0;
}

.pdbctj{
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.05rem;
}
.pdbctjl{
  width: 2.92rem;
  margin-right: 0.32rem;
  background: #FFFFFF;
  padding-top: 0.5rem;
  padding-bottom: 0.23rem;
  border-radius: 0rem 0rem 0rem 0rem;
  border: 0.01rem solid #9F9F9F;
  margin-bottom: 0.3rem;
}

.pdbctjl:hover{
  border:0.01rem solid #fff;
  box-shadow: 0rem 0.03rem 0.1rem 0.01rem rgba(0,0,0,0.16);
}

.pdbctjl>img{
  width: 1.99rem;
  height: 1.25rem;
  margin: 0 auto;
}
.pdbctjl:nth-child(5n){
  margin-right: 0;
}
.tjtitle{
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #333333;
  text-align: center;
  margin-top: 0.55rem;
  margin-bottom: 0.41rem;
}
.tjbtn{
  display: flex;
  justify-content: center;
}
.tjbtn div{
  width: 1.2rem;
  height: 0.3rem;
  background: #444444;
  border-radius: 0rem 0.02rem 0.02rem 0rem;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.13rem;
  color: #FFFFFF;
  line-height: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0.01rem;
}
.tjbtn div img{
  width: 0.14rem;
  height: 0.12rem;
  margin-right: 0.04rem;
}

.pdbdl{
  margin-top: 1.05rem;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2.39rem;
}
.pdbdownloadL{
  width: calc((100% - 0.6rem)/2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 0.6rem;
  border-bottom: 0.01rem solid rgba(112,112,112,0.35);
  padding-bottom: 0.14rem;
  margin-bottom: 0.41rem;
}
.pdbdownloadL:hover .dltitle{
  font-weight: bold;
  color: #284FAD;
}
.pdbdownloadL:nth-child(2n){
  margin-right: 0;
}
.pdbdownloadL .dian{
  width: 0.12rem;
  height: 0.12rem;
  background: linear-gradient( 180deg, #284FAD 0%, #1E9DDF 100%);
  border-radius: 50%;
  margin-right: 0.48rem;
}
.pdbdownloadL .dltitle{
  width: calc(100% - 0.12rem - 0.31rem);
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.18rem;
  color: #777777;
}
.pdbdownloadL .dlicon{
  width: 0.31rem;
  height: 0.31rem;
}
.cdabtn{
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Microsoft YaHei, Microsoft YaHei;
  font-weight: 400;
  font-size: 0.2rem;
  color: #444444;
  margin-bottom: 0.84rem;
}
.cdabtn input{
  width: 0.2rem;
  height: 0.2rem;
  accent-color: #C01920;
  margin-right: 0.06rem;
}
.cdabtn input:last-child{
  margin-left: 0.58rem;
}
.cdaimg{
  width: 6.63rem;
  margin: 0 auto;
}
.CDA{
  padding-bottom: 0.93rem;
}
.pdbcR{
  display: none;
}
.pdbcR.active{
  display: block;
}


.btn1{
    margin-left: 0.25rem;
}
.btn2{
    margin-left: 0.15rem;
}
.btn1 button{
    width: 1.1rem;
    height: 0.35rem;
    background: #EBEEF6;
    border-radius: 0.2rem;
}
.btn1 button a{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #666666;
    /*line-height: 0;*/
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.btn2 button{
    width: 1.1rem;
    height: 0.35rem;
    background: #EBEEF6;
    border-radius: 0.2rem;
}

.btn2 button a{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #666666;
    /*line-height: 0;*/
    text-align: center;
    font-style: normal;
    text-transform: none;
}
.btn1 button:hover{
    background: #284FAD;
}
.btn1 button:hover a{
    color: #fff;
}
.btn2 button:hover{
    background: #284FAD;
}
.btn2 button:hover a{
    color: #fff;
}


.swiper-div{
    position: relative;
}
.slide-btn{
    display: flex;
    /*width: 1.52rem;*/
}
.slide-btn button{
    
    height: 0.28rem;
    background: #FFFFFF;
    border-radius: 0.2rem;
    border: 0.01rem solid #D9D9D9;
}
.slide-btn button a{
    display: flex;
    align-items: center;
    padding: 0rem 0.13rem;

}
.slide-btn button span{
    max-width: 1rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.13rem;
    color: #666666;
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
}
.slide-btn button p{
    width: 0.15rem;
    /*height: 0.15rem;*/
    height: auto;
    padding-left: 0.05rem;
}
.slide-btn button p img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-button-next, 
.swiper-button-prev{
    /*position: static;*/
    transform: translate(-50%);
    /*left: 50%;*/
    color: #fff;
    z-index: 99;
}
.swiper-button-prev::after{
    position: absolute;
    right: 0;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    content:'' !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    content:'' !important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
    right: -0.15rem;
}









.modal {
   /*display: none;*/
   /* 初始状态下隐藏模态框 */
   position: fixed;
   z-index: 100; /* 确保模态框在页面最上层 */
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.4); /* 半透明背景 */
   overflow: auto; /* 如果内容过多，出现滚动条 */
}
.modal-content {
   /*background-color: #fefefe;*/
   margin: 15% auto; /* 垂直居中 */
   padding: 0.17rem 0 0 0.18rem;
   /*border: 0.01rem solid #888;*/
   width: 9.32rem;
   height: 5.8rem;
   background: url('../images/pro/modal.png');
   background-repeat: no-repeat;
}
.close {
   color: #aaa;
   float: right;
   width: 0.26rem;
   height: 0.26rem;
   font-size: 0.26rem;
   display: flex;
   align-items: center;
   padding-right: 0.16rem;
}
.close:hover,
.close:focus {
   color: black;
   text-decoration: none;
   cursor: pointer;
}
.modal-content_1{
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 0.18rem;
color: #333333;
line-height: 0.26rem;
text-align: left;
font-style: normal;
text-transform: none;
}
.title-1{
    font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 0.15rem;
color: #888888;
line-height: 0.24rem;
text-align: left;
font-style: normal;
text-transform: none;
padding-left: 0.52rem;
padding-top: 0.57rem;
}
.modal-content_2{

padding-left: 0.52rem;
padding-right: 0.46rem;
display: flex;
justify-content: space-between;
}


.modal-text{
    display:flex;
    row-gap: 0.25rem;
    flex-direction: column;
    margin-top: 0.34rem;
}
.modal-text_1{
    display: flex;
    column-gap: 0.11rem;
}
.modal-text>div> .p-img{
    width: 0.25rem;
    height: 0.25rem;
    background: url('../images/pro/cuo.png');
    background-repeat:no-repeat;
    background-size: 100%;
}
.p-title{
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 0.17rem;
color: #222222;
line-height: 0.24rem;
text-align: left;
font-style: normal;
text-transform: none;
}

.modal-text>div> .p-img.active{
    background: url('../images/pro/dui.png');
    width: 0.25rem;
    height: 0.25rem;
    background-repeat:no-repeat;
    background-size: 100%;
}

.modal-content_3{
    padding-top: 0.55rem;
    padding-bottom: 0.59rem;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.1rem;
}
.modal-btn_1{
    height: 0.4rem;
border-radius: 0.04rem;
border: 0.01rem solid #284FAD;
}
.modal-btn_1:hover{
background: linear-gradient( 180deg, #284FAD 0%, #1E9DDF 100%);
border-radius: 0.04rem;
}
.modal-btn_1 a{
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 0.16rem;
color: #284FAD;
line-height: 0.1rem;
text-align: center;
font-style: normal;
text-transform: none;
padding: 0.1rem 0.18rem;
}
.modal-btn_1:hover a{
    color: #fff;
}
.d1{
    padding-top:0.28rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    padding-bottom: 0.48rem;
}
.layui-slider-bar{
    background: #D9D9D9 !important;
}
.labtn1{
    background: #C01920 !important;
}
.layui-slider-wrap-btn{
    width: 0.09rem !important;
    height: 0.09rem !important;
    background: #C01920 !important;
    border: 0.02rem solid #FFFFFF !important;
}
.layui-slider-wrap{
    width: 0.14rem !important;
    height: 0.14rem !important;
    background: #FFFFFF !important;
    border: 0.01rem solid #707070 !important;
    border-radius: 100% 100% 100% 100%;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 0.11rem !important;
}
.d2{
    display: flex;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #444444;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 0.2rem;
    gap: 1.47rem;
}

.d2 p{
        white-space: nowrap;
}


@media(max-width: 1024px) {
    .proDetailTop{
        flex-wrap: wrap;
    }
    .proDetailImg{
        width: 100%;
    }
    .proDetailright{
        width: 100%;
        padding:0 0 15px 0;
    }
    .swiper-div{
        display: none;
    }
    .search_list {
        flex-wrap: wrap;
    }
    .search_Lleft,
    .search_Lright
    {
        width: 100%;
    }
}