//box
.library_box {
    background: #fafafa;
}

//头部
.library_box_headr {
    background: -webkit-linear-gradient(right, #6a98f6, #41c5f6, #41c5f6);
    height: 1.6rem;
    line-height: .8rem;
}
.library_box .el-page-header__content {
    font-size: 23px;
    margin: -.02rem 0 0 -.2rem;
    color: #fff !important;
}
.library_box .el-icon-back:before {
    font-size: 30px;
}
.library_box .el-page-header__left .el-icon-back {
    margin: -.05rem 0 0 .9rem;
}
.library_box .el-page-header__left::after {
  width: 0;
  height: 0;
}
//搜索
.library_box .el-dialog__footer {
  margin: -.5rem 0 0 0;
}

//主内容
.library_box_main_tab {
    margin: 0 auto;
    border: 1px solid #fff;
    display: flex;
    justify-content: space-around;
    height: 1rem;
    line-height: 1rem;
    background: #fff;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.main_tab_plant, .main_tab_insect {
    font-size: 18px;
    color: #807d7d;
    margin: 0 .5rem 0 0 ;
    width: 25%;
}
.active {
    border-bottom: 2.5px solid #41c3f5;
}


// 列表
.library_box_main_ul {
    background: #fafafa;
}
.library_box_main_li {
    width: 95%;
    margin: .2rem 0 0 -.32rem;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
}
.library_box_main_li_box {
    display: flex;
    justify-content: flex-start;
   
}
//图片
.library_box_main_li_img {
    width: 3rem;
    height: 2.5rem;
    border-radius: 15px 0 0 15px;
}
//病害名称
//名字
.library_box_main_li_name {
  width: 3.5rem;
}
.library_box_main_li_name_text {
    text-align: left;
    font-size: 18px;
    margin: .58rem 0 0 .3rem;
}
//详情
.library_box_main_li_name_xiqng {
    margin: .45rem 0 0 .3rem;
    text-align: left;
    font-size: 15px;
}
.library_box_main_li_btn {
    height: 50%;
    margin: .5rem 0 0 .5rem;
}
.library_box_main_li_btn_text {
    color: #4d4d4d;
    font-size: 15px;
}
// 右箭头
.library_box_main_li_btn_del {
    width: .45rem;
    height: .45rem;
    vertical-align: top;
    margin-left: -.1rem;
    margin-top: .15rem;
}

//搜索弹框
.login-box_div {
    display: inline-block;
  }

  //昆虫按钮
  .kunchongBtn span {
    margin: 0;
  }

  //病害按钮
  .binghaiBtn span {
    margin: 0;
  }

  .llibrary_box .el-dialog__title {
    font-size: 38px;
  }

  .library_box .el-dialog__body {
    font-size: 40px;
    padding: 1rem .266667rem;
  }

  .library_box .el-button {
    font-size: 20px;
  }
  .library_box .el-dialog__title {
      font-size: 20px;
      color: #fff;
  }
  .library_box .el-dialog__headerbtn .el-dialog__close {
      font-size: 27px;
      margin:  -.1rem 0 0 0;
      color: #fff;
  }
  .library_box .el-dialog {
      // height: 50%;
  }
  .library_box .el-dialog__header {
    background: -webkit-linear-gradient(right, #6a98f6, #41c5f6, #41c5f6);
  } 
  .library_box .system-box_div {
    display: inline-block;
  }
  .library_box .el-button span {
      font-size: 16px;
  }
  .library_box .el-button {
    margin: .5rem 0 0 0;
  } 

  .library_box .el-input__inner {
    border-radius: 0;
    height: 1.5rem;
    // margin: .8rem 0 0 0;
    margin: 0 auto;
    font-size: 18px;
  } 
  .library_box .el-icon-circle-close:before {
    font-size: 45px;
  }
  .library_box .el-input .el-input__clear {
    margin: 1.3rem .4rem 0 0;
    height: .5rem;
  }

  // 暂无处理
.library_judge {
    margin: 45% 0 0 0;
  }
  .library_judge_img {
    margin: 0 auto;
  }
  .library_judge_text {
    font-size: 45px;
    color: #bfbfbf;
    margin: .5rem 0 0 0;
    text-align: center;
  }

  //上拉加载下拉刷新
.library_box .mescroll {
  position: fixed;
  top: 2.8rem;
  bottom: 0;
  height: auto;
}
.mescroll-downwarp .downwarp-tip {
  font-size: 15px;
}
.mescroll-downwarp .downwarp-progress {
  width: .35rem;
  height: .35rem;
}
.mescroll-totop {
  width: .8rem;
  height: .8rem;
}

.mescroll-upwarp .upwarp-nodata {
  font-size: 25px;
}

.mescroll-upwarp .upwarp-progress {
  width: .35rem;
  height: .35rem;
}

.mescroll-upwarp .upwarp-tip {
  font-size: 15px;
}

.mescroll-upwarp .upwarp-progress {
  width: .35rem;
  height: .35rem;
}
