PatrolPipelineNetwork_zdsz/pages/xunjian/xunjian.wxss

/* pages/xunjian/xunjian.wxss */

.xj_nav{
  height: 90rpx;
  line-height: 90rpx;
  display: flex;
  flex-wrap: wrap;
  background: rgb(255, 249, 248);
  padding-left: 30rpx;
}
.xj_nav .nav_text1{
  font-size: 38rpx;
  color:#f94b0e ;
  font-weight: bolder;
}
.xj_nav .iconfont{
  font-size: 40rpx;
  color: #999;
}
.xj_nav .nav_text2{
  font-size: 28rpx;
  color:#999 ;
}
.false{
  color: rgb(216, 69, 69) !important;
}
.block{
  color: #000;
}
.txt_vi{
  margin: 20rpx 0rpx;
  display: flex;
  flex-direction: column;
}
.vi_txt{
  margin: 0rpx 30rpx;
}
.txt_vi .txt{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0rpx 30rpx;
}
.txt_vi text{
  margin: 20rpx 0rpx;
  width: 80%;
  display: inline-flex;
  text-align: justify;
}
.txt_vi form{
  margin-left: auto;
  display: inline-flex;
}
.page-section{
  display: inline-table;
}
.wx-switch-input.wx-switch-input-checked:after, .wx-switch-input:after{
  height: 40rpx!important;
  width: 40rpx!important;
}
.wx-switch-wrapper{
  width: 120rpx!important;
  height: 30rpx!important;
}
.wx-switch-input{
  width: 90rpx!important;
  height: 48rpx!important;
}
.wx-switch-input.wx-switch-input-checked{
  width: 90rpx!important;
  height: 48rpx!important;
}
.wx-switch-input:after, wx-switch .wx-switch-input:before{
  height: 40rpx!important;
  width: 40rpx!important;
}
 
/* 悬浮按钮图标 */
.icon-gongju-{
  font-size: 50rpx;
}
.icon-duihao{
  font-size: 50rpx;
}

switch .wx-switch-input{
  background: rgb(206, 28, 28);
}

.txt-f{
  display: flex;
  align-items: center;
}


/* tab */
.fontColorBox,
.fontColorBox1 {
    /* 文字默认颜色 */
    color: rgb(230, 87, 30);
    width: 100% !important;
    text-align: center !important;
}
.fontcl{
    /* 文字默认颜色 */
    width: 100% !important;
    text-align: center !important;
}

.navBox {
    /* 顶部tab盒子样式 */
    width: 100%;
    height: 108rpx;
    background: #faf7f5;
    display: flex;
    align-items: center;
    justify-content: space-flex-start;
    
}

/* .navBox view:last-child {
    padding-left: 20%;
} */

.titleBox {
    /* 未选中文字的样式 */
    color: rgb(168, 170, 175);
    font-size: 34rpx;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 40rpx;
}
.lineBox,.notLineBox{
    /* 选中及未选中底线共同样式 */
    width: 100%;
    height: 8rpx;
}

.lineBox {
    /* 选中底线样式 */
    background: rgb(230, 87, 30);
    /* margin-top: 16rpx; */
    border-radius: 4rpx;
}

.notLineBox {
    /* 未选中底线样式 */
    background: transparent;
}

.swiperTtemBox {
    /* 底部内容样式 */
    height: 30vh;
    overflow: scroll;
    margin: 0rpx 0rpx;
    font-size: 28rpx;
    padding: 30rpx 20rpx;
    width:auto!important;
    background: rgb(245, 245, 245);
}
.swiperTtemBox image{
width: 31.3%;
height: 180rpx;
margin: 1%;
}
.vi_img{
  position: relative;
}
.sc_img{
  background-color: rgba(97, 97, 97, 0.2);
  position: absolute;
  right: 0px;
  top:0px;
  width: 40rpx;
  height: 35rpx;
  margin: 0px!important;
  border-bottom-left-radius: 50%;
  text-align: center;
 align-items:center;
line-height: 28rpx;
}
.icon-31shanchu{
  font-size: 20rpx!important;
  color: rgb(207, 11, 11)!important;
}
/* 上传图片 */
.panel-title{
  margin-bottom: 20rpx;
}
.ui_uploader_cell_other {
  width: 690rpx;
  padding: 40rpx 0;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  /* justify-content: flex-start; *//* align-items: center; */
}
 
.ui_uploader_cell {
  width: 690rpx;
  /* padding: 20rpx 0; */
  display: flex;
  /* justify-content: flex-start; */
  flex-wrap: wrap;
  align-content: flex-start;
}
 
.ui_uploader_item {
  width: 118rpx;
  height: 118rpx;
  margin-right: 18rpx;
  margin-bottom: 18rpx;
  padding-bottom: 2rpx;
  padding-right: 2rpx;
  position: relative;
}
 
.title2 {
  width: 520rpx;
  display: flex;
  align-items: center;
}
 
.ui_uploader_item_icon {
  position: absolute;
  right: 0;
}
 
.ui_uploader {
  width: 120rpx;
  height: 120rpx;
  margin-right: 20rpx;
  background: #fff;
  border-radius: 16rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0rpx 40rpx 0 rgba(0, 0, 0, 0.08);
}

.weui-uploader {
  padding:0 30rpx;
}
.section{
  border-bottom: 1px solid rgb(211, 211, 211);
  font-size: 34rpx;
  line-height: 60rpx;
  color: #333;
}
.section2{
  padding: 0px 0rpx 0px 30rpx;
  font-size: 30rpx;
  color: #fff;
  font-weight: 500;
  height: 50rpx;
  line-height: 50rpx;
  border:1px solid#f94b0e ;
  border-radius: 40rpx;
  margin-left: 60rpx;
  display: flex;
  flex-direction: row;
}
.section2 input{
color: #f94b0e;
width: 80rpx;
height: 50rpx;
  line-height: 50rpx;
}
.section2 label{
  color: #fff;
  background: #f94b0e;
  width: 80rpx;
  text-align: center;
  border-top-right-radius: 100rpx;
  border-bottom-right-radius: 100rpx;
  }
 .txt-f{
  display: flex!important;
  height: 100rpx;
  width: 100%;
} 
.txt-f text{
  float: left;
  display: block;
}
.txt_vi wx-form{
  float: right;
  display: block;
  align-items:baseline;
}
.swiperTtemBox .iconfont{
  font-size: 130rpx;
  color: #e0e0e0;
  margin: 30rpx 0rpx;
}