zkyxcx/pages/index/index.wxss

/**index.wxss**/
page{
  background: #F1F1F1;
  padding: 30rpx 30rpx 0;
}
.search{
  position: relative;
}
input{
  display: block;
  height: 70rpx;
  background: #fff;
  border-radius: 10rpx;
  width: 100%;
  padding: 0 16rpx;
}
input::placeholder{
  color: #CCCCCC;
}
.search image{
  width: 35rpx;
  position: absolute;
  right: 16rpx;
  top: 0;
  bottom: 0;
  margin: auto;
}
swiper{
  margin: 20rpx 0;
  width: 100%;
  box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.08);
  height: 280rpx;
}
swiper-item{
  border-radius: 20rpx;
  /* border: 1px solid red; */
  overflow: hidden;
  
}
swiper-item image{
  width: 100%;
  height: 100%;
}
.wx-swiper-dots{position:relative;left: unset!important;right: 0;}
.wx-swiper-dots.wx-swiper-dots-horizontal{
  /* margin-bottom: rpx; */
}
.swiper-item{
  position: absolute;
  z-index: 9;
  bottom: 15rpx;
  left: 0;
  color: #fff;
  background: #1934FD;
  opacity: 0.37;
  line-height: 58rpx;
  padding: 0 30rpx;
}
.tab{
  display: flex;
  justify-content: space-between;
}

.tab .active{
  color: #3780CD;
}

.content{
  background: #fff;
  border-radius: 20rpx;
  padding: 20rpx 25rpx;
  margin: 20rpx 0 0;
  position: relative;
  height: 57vh;
  overflow: auto;
}
.zm{
  position: fixed;
  width: 17rpx;
  color: #3780CD;
  font-size: 20rpx;
  right: 32rpx;
  top: 480rpx;
  line-height: 12px;
  text-align: center;
}
.tt{
  margin-bottom: 20rpx;
}
.list{
  box-shadow: 0px 2rpx 9rpx 0px rgba(0, 0, 0, 0.08);
  border-radius: 20rpx;
  display: flex;
  padding: 20rpx;
  margin-bottom: 30rpx;
}
.list image{
  width: 20%;
}
.list>view{
  width: 80%;
  padding-left: 20rpx;
}
.list .title{
  margin-bottom: 30rpx;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list text{
  color: #999;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media(max-height:667px){
  .zm{
    top: 480rpx;
  }
}