PatrolPipelineNetwork_zdsz/app.wxss

/**app.wxss**/
@import"iconfont.wxss";

page{
  font-family:Arial, Helvetica, sans-serif;
}
.wid15{
  margin: 0px 30rpx;
}
.line{
  height: 4rpx;
  background: #dddddd;
}
.line2{
  height: 1rpx;
  background: #dddddd;
}
.line3{
  height: 1rpx;
  background: #dddddd;
}
/* 搜索 */
.search-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10rpx 20rpx 10rpx 40rpx;
  box-sizing: border-box;
  background-color: rgb(240, 240, 240);
  margin: 30rpx;
  border-radius: 50rpx;
  position: relative;
}
.search-left{
  flex: 2;
  border-radius: 40rpx;
  padding-right: 40rpx;
  box-sizing: border-box;
}
.search-left input{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 90rpx);
  height: 70rpx;
}
.search-right{
  background: none;
  width: 130rpx!important;
  height: 80rpx;
  padding: 0px!important;
  position: absolute;
  right: 0rpx;
  top: 7rpx;
  z-index: 99;
}
.search-right .img{
  width: 45rpx;
  height: 45rpx;
  padding: 10rpx 0;
  vertical-align: middle;
}
.icon-sousuo{
  font-size: 55rpx;
  color: rgb(206, 205, 205);
}
.icon-saoyisao1{
  font-size: 55rpx;
  color: rgb(206, 205, 205);
}

  /* 列表 */
  .list_vi{
    margin: 40rpx 30rpx 20rpx 30rpx;
    /* height:101vh; */
  }
  .list_vi2{
    margin: 40rpx 30rpx 20rpx 30rpx;
  }
  .list_vi .list_li{
    display: flex;
    flex-direction: row;
    height: 100rpx;
    line-height: 100rpx;
    padding-bottom: 10rpx;
    border-bottom: 1px solid #f3f3f3;
  }
  .list_vi .list_li:active{
    background: rgb(240, 240, 240);
  }
  .list_r{
    display: flex;
    flex-direction: column;
  }
  .list_li_c{
    display: flex;
    flex-direction: row;
    height: auto;
    line-height: auto;
    padding-top: 10rpx;
  }
  .list_vi .list_li1{
    display: flex;
    flex-direction: row;
    height: auto;
    line-height: 50rpx;

  }
  .list_vi .list_li2{
    display: flex;
    flex-direction: row;
    height: auto;
    line-height: 50rpx;
    padding-bottom: 10rpx;
    padding-left: 58rpx;
  }
  .list_vi .list_li2 text{
    font-size: 29rpx!important;
    color: #999!important;
    margin-right: 20rpx;
  }
  .list_vi .iconfont{
   margin-right: 20rpx;
    font-size: 40rpx;
  }
  .list_vi .list_li text{
    font-size: 34rpx;
    color: #181818;
  }
  .list_vi .icon-queding{
    color:rgb(13, 145, 13);
  }
  .list_vi .icon-yingjipingtai{
    color:rgb(230, 61, 19);
  }
  .list_vi .list_right{
    color:rgb(207, 207, 207);
    margin-left: auto;
    font-size: 40rpx;
  }
  .list_li3{
    display: flex;
    flex-direction: row;
    height: auto;
    line-height: 50rpx;
    padding-bottom: 20rpx;
    padding-top: 20rpx;
    border-bottom: 1px solid #f2f2f2;
  }
  .list_li3:active{
 background-color: rgb(255, 247, 243);

  }
  .list_li3 .li_tit{
    overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 34rpx;
color: #181818;
text-align: left;
  }
  .list_li3 .li_time{
    font-size: 29rpx;
color: #666;
  }
  .list_li3 .li_time text{
    margin-right: 40rpx;
  }
  .list_li3 .notice_li{
    width: 80%;
    display: flex;
    flex-direction: column;
  }
  .list_li3 .icon-tongzhigonggao{
    font-size: 50rpx;
    color: rgb(238, 148, 125);
    width: 10%;
  }
  .list_li3  .list_right{
    width: 10%;
    text-align: right;
    font-size:70rpx ;
    line-height: 100rpx;
    color:rgb(238, 238, 238);
  }
  .list_li3 .iconfont{
    margin-right: 0px!important;
  }
  .list_li3 .icon-wuzichubei{
    font-size: 50rpx;
    color: rgb(125, 238, 163);
    width: 10%;
  }
  .list_li3 .icon-cangkukucun{
    font-size: 50rpx;
    color: rgb(125, 196, 238);
    width: 10%;
  }
  .list_li3 .icon-dangjian_duiwujianshe{
    font-size: 50rpx;
    color: rgb(238, 217, 125);
    width: 10%;
  }
  /* 暂无数据 */
.zwsj{
  font-size: 260rpx!important;
  display: flex;
  text-align: center;
  justify-content: center;
  color: rgb(206, 206, 206);
  margin: 200rpx auto 40rpx auto!important;
}
.zwsj_text{
  display: flex;
  text-align: center;
  justify-content: center;
  font-size:40rpx;
  color: #666;
}
/* 悬浮按钮 */
.float_btn{
  bottom: 150rpx;
  right: 30rpx;
  border-radius: 50%;
  text-align: center;
  position: fixed;
  width: 100rpx;
    height: 100rpx;
    line-height: 100rpx;
    background-color: #f94b0e;
    color: #fff;
    font-size: 36rpx;
    box-shadow: 5rpx 5rpx 10rpx rgb(153, 153, 153);
}
/* 悬浮按钮 */
.float_btn2{
  bottom: 290rpx;
  right: 30rpx;
  border-radius: 50%;
  text-align: center;
  position: fixed;
  width: 100rpx;
    height: 100rpx;
    line-height: 100rpx;
    background-color: #fdcd2e;
    color: #fff;
    font-size: 36rpx;
    box-shadow: 5rpx 5rpx 10rpx rgb(153, 153, 153);
}
.float_btn:active{
  background-color: #f14405;
}
.float_btn2:active{
  background-color: #f1c120;
}

/* 列表详情 */

.notice_tit{
  font-size: 32rpx;
color: #181818;
text-align: left;
display: flex;
flex-direction: column;
}
.notice_tit .tit{
  color: #f94b0e;
  list-style: circle;
  font-size: 34rpx;
  font-weight: 500;
  height: 60rpx;
  line-height: 60rpx;
  margin-bottom: 30rpx;
}

.notice_tit .bor{
  width: 92%;
  padding: 3% 4%;
  box-shadow: 0px 0px 10rpx #e9e9e9;
  border-radius: 14rpx;
  margin-bottom: 30rpx;
}
.notice_tit .icon-weibiaoti--{
  font-size: 36rpx;
  color: #ffaa8a;
  margin-right: 14rpx;
}
.notice_tit .icon-dian{
  font-size: 38rpx;
  color: #f94b0e;
}

/* 通讯录列表 */
.list_li4{
  display: flex;
  flex-direction:row ;
  height: 130rpx;
  justify-content: center;
  align-items: center;
}
.list_li4 .txl_img .iconfont{
  font-size: 100rpx;
  color: #fff1e8;
}
.list_li4 .txl_txt{
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #f7f7f7;
  width: 100%;
  padding-left: 5rpx;
  height: 100%;
}
.list_li4 .txl_txt text{
  font-size: 34rpx;
  font-weight: 500;
  color: #181818;
  padding-bottom: 10rpx;
}
.list_li4 .txl_txt i{
  font-size: 32rpx;
  color: #666;
}