epdc-cloud-dangjian-shibei/miniprogram/subpages/home/pages/gridPage/gridPage.wxss

/* subpages/home/pages/streetPage/streetPage.wxss */
page{
    background-color: #e9e9e9;
    width:100%;
    height:100vh;
}

.item-list{
    display: flex;
    flex-direction: column;
    width: 99vw;
    /* background-color: #fff; */
}
.item-list .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100rpx;
    padding:0 20rpx;
    border-radius: 10rpx;
    background-color: #fff;
    margin-top: 20rpx;
}
.item-list .item image{
    width: 30rpx;
    height: 30rpx;
}
.notice {
    width: 100%;
    height: 100vh;
    background: #f7f7f7;
  }
  .content {
    width: 100%;
    height: 90vh;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 0rpx;
    margin-top: 20rpx;
  }
  .notice-list {
    /* padding-top: 20rpx; */
  }
  .list-item {
    background: #ffffff;
    background: #ffffff;
    box-sizing: border-box;
    padding: 10rpx 33rpx 20rpx 24rpx;
    margin-bottom: 20rpx;
  }
  .title {
    font-size: 36rpx;
    line-height: 46rpx;
    /* letter-spacing: 1rpx; */
    margin: 20rpx 0 26rpx 0;
    height: 210rpx;
    color: #333333;
    display: flex;
  }
  .proleft{
    width: 210rpx;
    float: left;
    height: 210rpx;
    border-radius: 10rpx;
   }
   .proleft .image{
    background: #f1f1f1;
    width: 190rpx;
    height: 210rpx;
    margin-right: 20rpx;
   }
   .proright{
     float: left;
    width: 500rpx;
    height: 210rpx;
   }
   
   .tit{
    color:#333333;
    font-size: 32rpx;
   }
   .name{
     padding-top: 10rpx;
    color: #666666;
    font-size: 30rpx;
   }
   .add{
    padding-top: 2rpx;
   color: #666666;
   font-size: 30rpx;
  }
  .tel text{
    color: #F08526;
    font-size: 32rpx;
    line-height: 60rpx;
  }
  .nodata{
    text-align: center;
  }
  .nodata image{
    width: 90%;
  
    margin-top: 100rpx;
  }
  .nodatatxt{
    color: #666;
    font-size: 30rpx;
  
    text-align: center;
  }
  .tel image{
    height: 64rpx;
    width: 160rpx;
    float: right;
  }
  .tip {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20rpx;
    margin-bottom: 0rpx;
    color: #ADAEB3;
    font-size: 28rpx;
    border-top: 1px solid #F0F0F0;
  }
  .tip span {
    font-size: 22rpx;
    letter-spacing: 1rpx;
    color: #999999;
  }
  .notice-logo {
    width: 34rpx;
    height: 34rpx;
  }
  .notice-logo image {
    width: 100%;
    height: 100%;
    float:left;
  }
  .location {
    margin-left: 15rpx;
  }
  .time {
    margin-left: 18rpx;
  }
  .picker{
      border: 2rpx solid #e33131;
      border-radius: 100rpx;
      box-sizing: border-box;
      line-height: 50rpx;
      font-size: 26rpx;
      width: 650rpx;
      height: 50rpx;
      color: #e33131;
      text-align: center;
      margin: 20rpx auto 0;
  }
  .active{
     color: #e33131; 
  }