.discern-box {
    overflow: hidden;
}
.discern-img {
    width: 100%;
}
.discern-title {
    position: absolute;
    left: 4.5rem;
    top: 0.5rem;
    // font-size: 42px;
    font-size: 24px;
    color: #fff;
    
}
.bajing {
    width: 100%;
    // height: 8.8rem;
    height: 70%;
    background: #fafafa;
}
.discern-ul {
    // margin: -10.5rem 0 0 -.1rem;
    margin: -18% 0 0 -.1rem;
    height: 11rem;
}
.discern-li {
    position: relative;
    border: 1px solid #fff;
    border-radius: 25px;
    margin: 0.8rem 0 0 -0.5rem;
    width: 9rem;
    height: 2.2rem;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
}
/* 病害图标 */
.discern-li-img {
    position: absolute;
    left: 1.5rem;
    top: .5rem;
    width: .8rem;
    height: .8rem;
}
/* 害虫图标 */
.hai {
    width: 0.6rem;
    height: 0.9rem;
}
/* text 文字框 */
.discern-li-div {
    width: 6rem;
    text-align: left;
    margin: .5rem 0 0 3rem;
}

/* text文字上 */
.discern-div-one {
    font-size: 18px;
    font-weight: 900;
    color: #000;
    margin-right: 4rem;
}

/* text文字下 */
.discern-div-two {
    font-size: 13px;
    color: #cacaca;
    margin: .1rem .23rem 0 0;
}
/* text文字知识库 */
.ku {
    margin: 1% 28% 0 0;
}

/* 底部导航 */
.discern-nav {
    position: fixed;
    bottom: 0;
    margin-top: -1.3rem;
    background: #fff;
    width: 100%;
}

/* 底部导航小块 */
.discern-nav-div {
    display: inline-block;
    margin: 0 0 0 -3rem;
    padding: 0 0 0 2.3rem;
}

/* 底部导航图标 */
.discern-nav-img-one {
    width: .8rem;
    height: .6rem;
    margin: .3rem 0 0 .1rem;
}
.discern-nav-img-two {
    width: .9rem;
    height: .7rem;
    margin: -.2rem 0 0 .2rem;

}
.shibie-one {
    margin: .3rem 0 0 0;
}
.discern-nav-img-three {
    width: .6rem;
    height: .7rem;
    margin: .1rem 0 0 .1rem;
}
.min-two {
    margin: .1rem 0 0 0;
}

/* 底部导航文字 */
.discern-text {
    font-size: 25px;
    color: #7f7f7f;
}
.shibie {
    margin: .1rem 0 0 .2rem;
    color: #1296db;
}

.discern-box .el-page-header__left:after {
    width: 0;
    height: 0;
}