zy/miniprogram/pages/find/find.wxss

/* miniprogram/pages/find/find.wxss */
.container2{
  width: 670rpx;
  /* height: 700px; */
  margin: 0 40rpx;
  /* background-color: aqua; */
}
.search{
  width: 100%;
  height: 60rpx;
  margin: 30rpx 0;
  background-color: #ccc;
  border-radius: 25rpx;
}
.search2{
  width: 610rpx;
  height: 60rpx;
  margin: 0 30rpx;
  display: flex;
}
.search-input{
  width: 500rpx;
  height: 60rpx;
}
.search-input input{
  width: 100%;
  height: 60rpx;
  text-align: center;
}
.search-submit{
  width: 100rpx;
  height: 60rpx;
  margin-left: 10rpx;
}
.search-submit image{
  width: 50rpx;
  height: 50rpx;
  margin: 5rpx 25rpx;
}
.top{
  width: 100%;
  margin: 30rpx 0;
  height: 350rpx;
}
.top swiper{
  width: 100%;
  height: 100%;
  border-radius: 25rpx;
  overflow: hidden;
}
.top swiper swiper-item{
  width: 100%;
  height: 100%;
  border-radius: 25rpx;
}
.top swiper swiper-item image{
  width: 100%;
  height: 100%;
  border-radius: 25rpx;
}
.main{
  width: 100%;
  min-height: 400rpx;
  overflow: hidden;
}
.main-top{
  width: 100%;
  height: 60rpx;
  display: flex;
  margin: 10rpx 0;
}
.main-top-left, .main-top-right{
  flex: 1;
  height: 60rpx;
}
.main-top-left-img{
  float: left;
  width: 60rpx;
  height: 60rpx;
}
.main-top-left-img image{
  width: 100%;
  height: 100%;
}
.main-top-left-text{
  float: left;
  width: 200rpx;
  margin-left: 10rpx;
  height: 60rpx;
  line-height: 60rpx;
  font-weight: 700;
}
.main-top-right{
  display: flex;
}
.main-top-right-text{
  /* float: right; */
  width: 270rpx;
  text-align: right;
  color: gold;
  height: 60rpx;
  line-height: 60rpx;
  
}
.main-top-right-img{
  /* float: right; */
  width: 40rpx;
  height: 40rpx;
  margin: 10rpx;
}
.main-top-right-img image{
  width: 100%;
  height: 100%;
}
.main-center{
  width: 100%;
}

.slide{
  width: 100%;
  height: 320rpx;
}
  
.slide>.picker{
  width: 100%;
  height: 320rpx;
} 
.slide>.picker .picker-one{
  width:100%;
  height: 320rpx;
  position: relative;
}
.slide>.picker .picker-one .imgs{
  width: 450rpx;
  height: 200rpx;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 30rpx auto;
  border-radius: 20rpx;
  transform: scale(1);
  animation: change 0.5s linear
}
  
  @keyframes change{
  0%{transform: scale(0.8)}
  100%{transform: scale(1);}
}
  
.slide>.picker .picker-one .imgs1{
  width: 500rpx;
  height: 200rpx;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 30rpx auto;
  border-radius: 20rpx;
  transform: scale(0.8);
  animation: change1 0.5s linear
}
  
@keyframes change1{
  0%{transform: scale(1)}
  100%{transform: scale(0.8);}
}
.picker-two{
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0;
  /* left: 50rpx; */
}
.picker-two-title{
  margin: 5rpx 0;
  width: 100%;
  height: 30rpx;
  line-height: 30rpx;
  font-size: 25rpx;
  font-weight: 700;
}
.picker-two-con{
  display: flex;
  width: 100%;
  height: 30rpx;
  margin: 5rpx 0;
  line-height: 30rpx;
  font-size: 25rpx;
  justify-content: center;
}
.picker-two-icon{
  width: 25rpx;
  height: 25rpx;
  margin-right: 8rpx;
}
.picker-two-icon image{
  width: 100%;
  height: 100%;
}
.picker-two-time{
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 280rpx;
}