/* pages/cate/cate.wxss */
page{
  height: 100%;
}
/* 头部 */

/* 底部 */
.bottom{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border:3rpx solid  darkseagreen;
}
/* 左侧 */
.bottom .left{
  width: 25%;
  height: 100%;
}
.bottom .left view{
  width: 100%;
  height:7% ;
  border: 1rpx solid darkseagreen;
  font-size: 30rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bottom .left .active{
  background-color:darkseagreen;
}


/* 右侧 */
.bottom .right{
  width: 65%;
  height: 100%;
}
.img{
  width:100% ;
  height: 20%;
}
.img image{
  width: 100%;
  height: 100%;
}
scroll-view{
  width: 100%;
  height: 100%;
}
.pros{
  width: 100%;
  height: 50%;
  margin-top: 10%;
  display: flex;
  /* 允许换行 */
  flex-wrap: wrap;
  justify-content: space-between;
}
.pros .pro{
  width: 30%;
  height:200rpx ;
  font-size: 23rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.pros .pro image{
  width: 100%;
  height: 80%;
}