pocketlesson.wxss 4.1 KB
@import '../../icon/icon.wxss';
.head{
  /* height:420rpx; */
  /* padding-bottom:40rpx; */
}
.search{
width:686rpx;
height:60rpx;
background:linear-gradient(90deg,rgba(14,77,140,1),rgba(31,92,153,1));
box-shadow:0rpx 3rpx 16rpx 0rpx rgba(14,77,140,0.4), 0rpx 2rpx 6rpx 0rpx rgba(52, 209, 131, 0.35);
border-radius:30rpx;
margin: 0 auto;
display:flex;
align-items: center;
padding: 0 35rpx;
box-sizing: border-box
}
.searchimg{
  width:32rpx;
  height:32rpx;
  font-size: 0;

}
.searchimg image{
  width:100%;
  height:100%;
}
.icon-sousuo{
  color:#fff;
  font-size: 40rpx;
}
.enterword{
  width:560rpx;

}
.enterword input{
  color:#fff;
  font-size: 28rpx;

 outline: none;border: none;
 padding-left: 14rpx;

}
.searchword:before{
  display:block;
  content:'';
  width:1rpx;
  height:45rpx;
  background: #fff;
  opacity: 0.5;


}

/* 轮播图 */
.swiper_image{
  width:686rpx;
  height:300rpx;
  font-size: 0;
  margin: 30rpx auto 0;
  position: relative;
  box-shadow:0px -1px 6px 0px rgba(212,137,96,0.11);
  border-radius:10px;

}
.swiper_item_img{
  border-radius: 10rpx;
  height:300rpx;
}
.swiper_image image{
  width:100%;
  height:100%;
  /* box-shadow:0px -1px 6px 0px rgba(212,137,96,0.11); */
  border-radius:10px;
}
.swiper_item_img swiper-item{
   width:686rpx;
  height:300rpx;
  box-shadow:0px -1px 6px 0px rgba(212,137,96,0.11);
  display:felx;
  align-items: center;justify-content: center;

  border-radius:10px;
}
.swiper_item_img swiper-item image{
  width:100%;
  height:100%;
  border-radius:10px;
}


.dots{
    /* width: 156rpx; */
    height: 36rpx;
    display: flex;
    flex-direction: row;
    position: absolute;
    justify-content: center;
    left: 0;
    right:0;
    bottom: 20rpx;
}
/*未选中时的小圆点样式 */
.dot{
    width: 20rpx;
    height: 20rpx;
    border-radius: 50%;
    margin-right: 26rpx;
    background-color:#B9C0F7;
}
/*选中以后的小圆点样式  */
.active{
    width: 16rpx;
    height: 16rpx;
    border-radius:50%;
    background-color: #FFA942;
    border:3rpx solid #fff;

}
.title{
    display:flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1rpx solid #f5f5f5;
    padding-bottom: 15rpx;
    margin-top:20rpx;
}
.acrossone{
  width:266rpx;
  height:2rpx;
  background:#0D3B6A;
 


}
.acrosstwo{
width:216rpx;
height:2rpx;
background:rgba(13,59,106,1);
margin: 12rpx auto 0;

}
.guesslike{
  color:#0D3B6A;
  font-size: 34rpx;
  font-weight: bold;
  padding: 0 34rpx;
}
.projectlist{
    display:flex;
    flex-wrap: wrap;
    padding: 0 32rpx;
    margin-top: 19rpx;
}
.projectitem{
  width:332rpx;
  padding: 20rpx 16rpx 20rpx;
  margin-top: 30rpx;
  border: 1rpx solid #f5f5f5;
  box-shadow:0px 1px 4px 0px rgba(64,64,64,0.11);
  border-radius:10px;
  box-sizing: border-box;


}
.projectitem:nth-child(2n){
  margin-left:14rpx;
}
.projectitemimg{
    width:300rpx;
    height:187rpx;
    font-size: 0;
    margin: 23rpx auto 0;
    
    /* margin: 23rpx auto 0; */
    border-radius:10rpx;

}
.projectitemimg image{
    width:100%;
    height:100%;
     border-radius:10rpx;
}
.projectitemtitle{
  width:295rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color:#333333;
  font-size: 30rpx;

}
.projectsee{
  display:flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 29rpx;

}
.projectnum{
  color:#999;
  font-size: 30rpx;
}
.projectmoney{
  color:#999;
  font-size: 30rpx;
}
.moneynum{
  color:#FF8080;
}
.hotrecommend{
    color:#FF6767;
}
.hotacrossone,.hotacrosstwo{
    background:#FF6767;
}
.searchall{
    width:686rpx;
    height:70rpx;
    background:linear-gradient(-90deg,rgba(54,120,187,1),rgba(20,82,145,1));
    box-shadow:0rpx 8rpx 35rpx 0rpx rgba(20,82,145,0.5);
    border-radius:30rpx;
   
    color:#fff;
    text-align: center;
    line-height: 70rpx;
    font-size: 32rpx;
    box-sizing: border-box;
    /* position:fixed;
    bottom:63rpx;
    left:0;
    right:0; */
    margin: 46rpx auto 0;
  
}
.box{
  /* margin-bottom: 46rpx; */
    padding-bottom:63rpx
}
.kindimg{
  width:32rpx;
  height:26rpx;
  font-size: 0
}
.kindimg image{
  width:100%;
  height:100%;
}