shuxue/pages/index/index.wxss

/**index.wxss**/
page{
  height: 100%;
}
.icon-box{
  width: 92%;
  height: 7%;
  border: 5rpx solid gainsboro;
  margin-bottom: 7rpx;
  border-radius: 20rpx;
  margin-left: 20rpx;
  margin-right: 20rpx;
}
.icon-box .icon-small-wrp{
  margin-left: 20rpx;
  display: flex;
  flex-direction: row;
  align-items: center;

}
.head{
  width: 100%;
  height: 400rpx;
  border: 1rpx solid red;
}
.head image{
  width: 100%;
  height: 100%;
}





.banner{
  width: 100%;
  height: 30%;
  margin-top: 10rpx;
}
.banner swiper{
  width: 100%;
  height: 100%;
}
.banner image{
  width: 100%;
  height: 100%;
  margin-top: 5rpx;
}



.navs{
  width: 100%;
  height: 15%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 5rpx;
}
.navs .nav{
  width:25%;
  height: 100%;
  border:1rpx solid black;
  display:flex;
  flex-direction:column;
  justify-content: space-around;
  align-items:center;
  margin-top: 2rpx;

}
.navs .nav image{
  margin-top: 5rpx;
}

.body{
  width: 100%;
  height: 30%;
}
.body image{
  width: 100%;
  height: 100%;
  margin-top: 5rpx;
}

.new{
  width: 100%;
  height: 500rpx;
}
.new .title{
  width: 100%;
  height: 20%;
  border: 1rpx solid black;
}
.new .title image{
  width: 100%;
  height: 100%;
}

scroll-view{
  width: 100%;
  height: 70%;
}

.pros{
  width: 100%;
  height: 100%;
  white-space: nowrap;
}
.pros .pro{
  width: 33%;
  height: 100%;
  border: 1rpx solid black;
  display:inline-block

}
.pros .prp image{
  width: 100%;
  height: 100%;
}
.pro image{
  width: 100%;
  height: 100%;
}
.jieshi{
  width: 100%;
  height: 10%;
  border: 1rpx solid black;
  display: flex;
  flex-wrap: nowrap;
  text-align: center;
}
.pp{
  width: 100%;
  height: 100%;
  white-space: nowrap;
  border: 1px solid black;
}
.xi{
  width: 100%;
  height: 100%;
}
.xixi{
  width: 100%;
  height: 100%;
}