PatrolPipelineNetwork_zdsz/pages/me/me.wxss

/* pages/me/me.wxss */
.container_c{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.top_con{
  display: flex;
  flex-direction: row;
  padding: 6% 8%;
  width: 84%;
  align-items: center;
  background-color: #f94b0e;
  position: relative;
}
.me_bg{
  position: absolute;
  bottom: -90rpx;
  width: 100%;
  left: 0px;
  height: 100rpx;
}
.wd_img{
  width: 130rpx;
  height: 130rpx;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* border: 8rpx solid #f6f6f6c7;
  background: rgb(255, 201, 164); */
 margin-right: 30rpx;
}
.wd_img img{
  display: flex;
  width: 200rpx;
  height: 200rpx;
}
.wd_txt{
  font-size: 38rpx;
  color: #333;
}
.wd_btn{
  position: fixed;
  bottom: 20%;
  color: #333;
}
.vi_inp{
  display: flex;
  flex-direction: row;
  height: 100rpx;
  line-height: 100rpx;
  border-bottom: 1rpx solid rgb(247, 247, 247);
  color: #333;
  font-size: 32rpx;
}
.vi_inp input{
  height: 100rpx;
  line-height: 100rpx;
  padding-left: 20rpx;
}
.top_txt{
  display: flex;
  flex-direction: column;
}
.top_txt{
  display: flex;
  flex-direction: column;
  color: #fff;
  font-size: 32rpx;
}
.top_txt .name{
  font-size: 38rpx;
  font-weight: 500;
  padding-bottom: 15rpx;
}
.me_tit{
  margin-top: 40rpx;
  margin:150rpx 30rpx 0rpx 30rpx;
  
  width: 92%;
  display: flex;
  flex-direction: column;
}
.tit_two{
  position: relative;
  width: 100%;
  height: 240rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tit_two .metit{
  width: 100%;
  height: 240rpx;
  display: block;
  position: absolute;
  z-index: -1;
}
.meline{
  height: 120rpx;
  align-items: center;
  display: flex;
  flex-direction: row;
  padding: 0px 30rpx;
  font-size: 32rpx;
  color: rgb(88, 88, 88);
  font-weight: 500;
}
.meline .iconfont{
  font-size: 50rpx;
  color: #f94b0e;
  margin-right: 20rpx;
}
.meline .icon-xiangyou{
  margin-left: auto;
  color:rgb(207, 207, 207);
    font-size: 40rpx;
}
.tit_one{
  position: relative;
  width: 100%;
  height: 120rpx;
  justify-content: center;
  margin-top: 30rpx;
}
.tit_one .metit{
  width: 100%;
  height: 120rpx;
  display: block;
  position: absolute;
  z-index: -1;
}