hotRecommend.wxss 3.0 KB


page{
  line-height: 1;
  /* background: #EBEBEB; */
}
.container{
  display: flex;
  flex-flow: column;
}
.top{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-top: 1px solid #EBEBEB;
  border-bottom: 1px solid #EBEBEB;
  padding: 24rpx 0;
}
.top_box{
  display: flex;
  align-items: center;
  width:686rpx;
  height:60rpx;
  background:rgba(237,238,242,1);
  border-radius:10rpx;
  box-sizing: border-box;
  padding: 0 24rpx;
}
.top_pic{
  
  width:28rpx;
  height:28rpx;
  display: flex;
}
.top_pic image{
  width: 100%;
  height: 100%;
}
.top_box input{
  margin-left: 25rpx;
  width: 100%;
  height: 100%;

  font-size:26rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:#000;
}

.about{

  font-size:30rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(26,26,26,1);
  border-bottom: 1px solid #EBEBEB;
  padding: 24rpx 34rpx 24rpx 55rpx;
  position: relative;
  display: flex;
  align-items: center;
}
.about::before{
  content: "";
  width:6rpx;
  height:24rpx;
  background:rgba(255,102,0,1);
  position: absolute;
  left: 34rpx;
}

/* 条目 */
.items{
  display: flex;
  flex-flow: column;
}
.item{
  /* margin-top: 1px; */
  display: flex;
  flex-flow: column;
  background: #fff;
  padding: 40rpx;
  border-bottom: 1px solid #EBEBEB;

}
.item:first-child{
  border-top: 1px solid #EBEBEB
}
.item_top{
  display: flex;
  justify-content: space-between;
}
.item_top_left{
  display: flex;
}
.item_top_left_pic{
  width:72rpx;
  height:72rpx;
  border-radius:2rpx;
  display: flex;
}
.item_top_left_pic image{
  width: 100%;
  height: 100%;
}
.item_top_left_text{
  margin-left: 23rpx;
  display: flex;
  flex-flow: column;
}
.text_top{
  font-size:32rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(26,26,26,1);
}
.text_bottom{
  margin-top: 17rpx;
  font-size:28rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(255,59,40,1);
}
.item_top_right{
  width:140rpx;
  height:66rpx;
  line-height: 66rpx;
  text-align: center;
  border:1px solid rgba(255,102,0,1);
  border-radius:33rpx;

  
  font-size:28rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(255,102,0,1);
}
.item_bottom{
  margin-top: 20rpx;
  margin-left: 80rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size:26rpx;
  font-family:PingFang-SC-Medium;
  font-weight:500;
  color:rgba(153,153,153,1);
}
.item_bottom_left{
  display: flex;
  align-items: center;
  
}
.item_bottom_left_pic{
  width:22rpx;
  height:22rpx;
  display: flex;
  margin-right: 13rpx;
}
.item_bottom_left_pic image{
  width: 100%;
  height: 100%;
}
.item_bottom_right{
  display: flex;
  align-items: center;
}
.item_bottom_left_pic{
  margin-left: 14rpx;
  width:20rpx;
  height:24rpx;
  display: flex;
}
.item_bottom_left_pic image{
  width: 100%;
  height: 100%;
}
.bottom{
  margin-top: 23rpx;
  text-align: center;
  font-size:24rpx;
  font-family:PingFang-SC-Regular;
  font-weight:400;
  color:rgba(153,153,153,1);
  
}