PatrolPipelineNetwork_zdsz/pages/xunjiancz/xunjiancz.wxss

/* pages/xunjiancz/xunjiancz.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: 40rpx;
  color:#f94b0e ;
  font-weight: bolder;
}
.xj_nav .iconfont{
  font-size: 40rpx;
  color: #999;
}
.xj_nav .nav_text2{
  font-size: 30rpx;
  color:#999 ;
}
.hui{
  color: #999 !important;
}
.block{
  color: #000;
}
.txt_vi{
  margin: 20rpx 30rpx;
  display: flex;
  flex-direction: column;
}
.txt_vi .txt{
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #eee;
}
.txt_vi text{
  margin: 20rpx 0rpx;
  width: 80%;
  display: inline-flex;
  text-align: justify;
}
.txt_vi .txt .icon-pinleishanchu{
 font-size: 58rpx;
 margin-left: auto;
 display: inline-flex;
 color: rgb(212, 2, 2);
}
.txt_vi text{
  margin: 20rpx 0rpx;
  width: 86%;
  display: inline-flex;
  text-align: justify;
  font-size: 32rpx;
}
.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;
}

/* 底部导航 */
.nav_bottom{
  position: fixed;
  bottom: 0rpx;
  width: 100%;
  height: 65vh;
  transition: all  .25s  ease-in;
  z-index: 10000000000;
}
.nav_tit{
  display: flex;
  flex-direction: row;
  justify-content:center;
  background: rgb(241, 241, 241);
  border-top-left-radius: 50rpx;
  border-top-right-radius: 50rpx;
  width: 100%;
  height: 100rpx;
  line-height: 100rpx;
  font-size: 35rpx;
}
.nav_tit .checkbox{
  padding-left: 40rpx;
  color: #f94b0e;
}
.wx-checkbox-input.wx-checkbox-input-checkedx{
  border-radius: 50%!important;
}
.wx-checkbox-input.wx-checkbox-input-checked{
  color: #f94b0e!important;
}
.wx-checkbox-input{
  width: 40rpx!important;
  height: 40rpx!important;
}
.nav_tit .iconfont{
  font-size: 30rpx;
  color: rgb(199, 199, 199);
}
.nav_tit .delect{
  padding-right: 40rpx;
  color: #f94b0e;
  position: absolute;
  right: 10rpx;
}
.fontColorBox,
.fontColorBox1 {
    /* 文字默认颜色 */
    color: rgb(230, 87, 30);
}

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

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

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

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

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

.swiperTtemBox {
    /* 底部内容样式 */
    height: 55vh;
    overflow: scroll;
    margin: 0rpx 0rpx;
    font-size: 28rpx;
    padding-top: 20rpx;
    background: rgb(241, 241, 241);
}
.tab_vi{
  display: flex;
  flex-direction: column;
  padding-bottom: 40rpx;
  background: rgb(241, 241, 241);
}
.tab_vi text{
  padding: 20rpx 30rpx;
  line-height: 50rpx;
  text-align: justify;
  font-size: 32rpx;
  border-bottom: 1px solid rgb(255, 246, 243);
}
.on{
  color: rgb(230, 87, 30);
}
.noNo{
  color: #333;
}


.hide{
  bottom:-57vh;
  transition: all  .25s  ease-in;
}