#app {
  background: #F7F8FB;
  padding-bottom: 0.6rem;
}
#app .comFilter {
  padding-bottom: 0.46rem;
}
#app .listBox {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem 0.19rem;
  margin-top: 0.17rem;
}
#app .listBox .item {
  width: 4.54rem;
  width: calc((100% - .4rem) / 3);
  height: 1.59rem;
  background: #FFFFFF;
  border-radius: 0.06rem 0.06rem 0.06rem 0.06rem;
  border: 0.01rem solid #D8D8D8;
  padding: 0.24rem 0.26rem;
}
#app .listBox .item .head {
  display: flex;
  align-items: center;
  margin-bottom: 0.18rem;
  gap: 0 0.08rem;
}
#app .listBox .item .head .type {
  width: 0.38rem;
  height: 0.22rem;
  background: #00B150;
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
  font-weight: normal;
  font-size: 0.14rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
#app .listBox .item .head .number {
  font-family: Arial, Arial;
  font-weight: 400;
  font-size: 0.16rem;
  color: #1654A1;
}
#app .listBox .item .title {
  font-weight: normal;
  font-size: 0.2rem;
  color: #333333;
  margin-bottom: 0.22rem;
}
#app .listBox .item .price {
  font-weight: normal;
  font-size: 0.16rem;
  color: #959595;
  display: flex;
  align-items: center;
}
#app .listBox .item .price p {
  font-family: Arial, Arial;
  font-weight: bold;
  font-size: 0.2rem;
  color: #DD0F1F;
}
#app .listBox .item .price p span {
  font-size: 0.14rem;
  margin-right: 0.05rem;
}
.el-message-box {
  width: 6.5rem;
  padding-bottom: 0.68rem;
  background: #FFFFFF;
  box-shadow: 0rem 0.03rem 0.1rem 0.01rem rgba(0, 0, 0, 0.16);
  border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
}
.el-message-box .el-message-box__header {
  height: 0.6rem;
  background: #F7F7F7;
  padding: 0.18rem 0.24rem;
  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: 0.18rem;
  color: #333333;
}
.el-message-box .el-message-box__header .el-message-box__title {
  line-height: normal;
}
.el-message-box .el-message-box__header .el-message-box__headerbtn .el-message-box__close {
  font-size: 0.26rem;
  font-weight: bold;
  color: #666666;
}
.el-message-box .el-message-box__content {
  padding: 0.16rem 0.36rem;
}
.el-message-box .el-message-box__btns {
  display: flex;
  align-items: center;
  justify-content: center;
}



@media only screen and (max-width: 1024px) {
  #app .main{
    width: 98%;
    margin: auto;
    margin-top: 50px;
  }
  #app .listBox{
    gap: 0.1rem;
  }
  #app .listBox .item{
    width: calc((100% - 0.1rem) / 2);
    height: auto;
  }
  #app .listBox .item .tip{
    width: auto;
    height: auto;
    padding: 0.06rem;
    font-size: 12px;
  }
  #app .listBox .item .foot{
    display: block;
  }
  #app .listBox .item .ellipsis1,#app .listBox .item .foot .price,#app .listBox .item .foot .price span{
    font-size: 12px;
  }
  #app .listBox .item .foot a{
    width: 1.2rem;
    height: 0.42rem;
    margin-top: 0.1rem;
    line-height: .42rem;
    font-size: 12px;
  }
  /*#app .listBox .item .price{*/
  /*  display: block;*/
  /*}*/
  #app .listBox .item .head .number,#app .listBox .item .price,#app .listBox .item .price p,#app .listBox .item .price span{
    font-size: 12px;
  }
}