.pro{
  width: 100vw;
  background: #fff;
  padding-bottom: 14vw;
}
.pro .tab{
  width: 100%;
  height: 12vw;
  display: flex;
  line-height: 12vw;
  font-size: 5vw;
}
.pro .tab a{
  flex-shrink: 0;
  display: block;
  height: 100%;
  text-align: center;
  line-height: 12vw;
  margin-left:3vw;
}
.pro .tab .selected{
  color: #25D19B;
  font-size: 6vw;
  font-weight: 800;
}
.pro ul{
  width:100%;
  height: 100%;
}
.pro ul li{
  width: 92vw;
  padding:3vw 4vw;
  /* height: 30vw; */
  border-bottom: 1px solid #eeeeee;
}
.pro ul li a{
  display: flex;
  width: 100%;
  height: 100%;
}
.pro ul li a .proimg{
  width: 28vw;
  height: 28vw;
}
.pro ul li a .proimg img{
  height: 100%;
  width: 100%;
  border-radius: 2px;
}
.pro ul li a .prodet{
  flex: 1;
  padding-left: 2vw;
  min-height: 28vw;
  position: relative;
}
.pro ul li a .prodet h4{
  font-size: 4.4vw;
  display: -webkit-box;
  display: -moz-box;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;   /*显示行数*/
}
.pro ul li a .prodet .price{
  width: 96%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  left: 2vw;
  bottom: 0;
}
.pro ul li a .prodet::after{
  content: '';
  display: block;
  height: 7vw;
}
.pro ul li a .prodet .price p{
  padding-top: 1vw;
  color: #ef1f1f;
  font-size: 4.6vw;
}
.pro ul li a .prodet .price p span{
  font-size: 3vw;
}
.pro ul li a .prodet .tag{
  display: flex;
  flex-wrap: wrap;
}
.pro ul li a .prodet .tag i{
  display: block;
  padding: 0.2vw 1vw;
  font-size: 3vw;
  font-style: normal;
  margin:1vw 1vw 1vw 0;
  background: #fcffe3;
  color: #e9c105;
}
.pro ul li a .prodet .tag .yanzheng{
  background: #e1ffe0;
  color: #1ed015;
}
.pro ul li a .prodet .tag .today{
  background: #e54b65;
  color: #fff;
}
.pro ul li a .prodet .brand{
  width: 60vw;
  font-size: 3.4vw;
  color: #ada5a5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pro ul li a .prodet .local{
  font-size: 3.4vw;
  color:#b3b3b3;
  text-align: right;
  float: right;
  line-height: 8vw;
}
.pro ul li a .prodet .local .icon-Frame1{
  font-size: 3.4vw;
}

.selectPage .tab .chuan{
  width: 100%;
}
.selectPage .tab .chuan i{
  display: inline-block;
  margin-right: 2vw;
  width: 3.2vw;
  height: 3.2vw;
  border-radius: 50%;
}
.selectPage .tab .chuan label{
  width: 24vw;
  display: inline-block;
  padding: 2vw 2vw;
  border: #eee solid 1px;
  border-radius: 5px;
  color: #404040;
  margin: 0 .5vw;
  text-align: center;
  margin-bottom: 2vw;
  font-size: 3.8vw;
}
.selectPage .tab .chuan label img{
  width: 11vw;
  height: 11vw;
  margin: 0 auto;
}
.selectPage .tab .chuan .on{
  border: 1px solid #3CB950;
  background: #F1FFF3;
  color: #3CB950;
}