view.swiper-images{
  margin: 0 -12px;
}
swiper.swiper-images{
  height: 220rpx;
}

image.swiper-image{
  width: 100%;
}
.title{
  margin-top: 2px;
  text-align: center;
}

.title .hint{
  font-size: 8px;
  margin: 5px 0;
}

.subjects{
  margin: 0 -8px;
}

.grid-view{
  display: -webkit-flex; 
  display: flex; 
  align-items: center; 
  justify-content: space-between; 
  flex-wrap: wrap; 
  width: 100%; 
}

.grid-item{
  flex: 0 0 auto; 
  width: 50%;
}

.item{
  overflow: hidden;
  border-radius: 12rpx; 
  box-shadow: 1px 1px 8px #909090;
  margin: 12rpx 10rpx 16rpx 10rpx;
}
.item:hover{
  box-shadow: 2px 2px 14px #707070;
  margin: 8rpx 10rpx 20rpx 10rpx;
}
.item image{
  width: 100%;
  height:261rpx;
}
.item .detail{
  padding: 2rpx 16rpx 14rpx 16rpx;
}

text.name{
  display: block;
  overflow: hidden;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.loading{
  text-align:center;
  padding: 12px 0;
}