@import "/image/font/iconfont.wxss";
.index-swiper{margin:20rpx;border-radius: 10rpx;overflow:hidden;}
.index-swiper image{width:100%;border-radius: 10rpx;overflow:hidden;}

.index-tab{display: flex;}
.index-tab view{flex:1;text-align:center;padding:10rpx;margin:10rpx;}
.index-tab view.active{border-bottom:1px royalblue solid;color:royalblue;}
.search{
  display: flex;
  padding:0 20rpx;
  box-sizing: border-box;
  height: 80rpx;
}
input{
  width: 84%;
  height: 80rpx;
  border-radius: 10rpx;
  border:1rpx solid #ccc;
  text-align: center;
}
.find{
  width: 12%;
  height: 80rpx;
  background: royalblue;
  margin-left: 10rpx;
  border-radius: 10rpx;
  text-align: center;
  line-height: 80rpx;
}

.message{
  box-sizing: border-box;
  background: #FDFDFE;
}
.message-item{
  border-bottom: 13rpx solid #F4F4F4;
  padding: 20rpx 20rpx;
  box-sizing: border-box;
}
.top .image{
  width: 90rpx;
  height: 90rpx;
  border-radius: 50%;
  margin-right: 25rpx;
}
.top text{
  font-size: 40rpx;
  font-weight: bold;
  position: relative;
  bottom: 30rpx;
}
.title{
  margin: 20rpx 0 12rpx 0;
  font-size: 36rpx;
}
.content{
  font-size: 30rpx;
}
.images{
  display: flex;
  justify-items: flex-start;
  width: auto;
}
.images image{
  max-height: 280rpx;
  margin-right: 10rpx;
  max-width: 380rpx;
}
.other{
  margin-top: 40rpx;
  display: flex;
  justify-content: space-between;
  padding: 0 40rpx;
}
.other .iconfont{
  font-size: 30rpx;
  margin-right: 17rpx;
}