a {
    color: #333;
}

.hdjl-main {
    width: 12rem;
    padding: .1rem .2rem .52rem;
    background: #fff;
    margin: 0 auto .3rem;
    box-shadow: 0 0 .08rem 0 #f1f1f1;
}

.hdjl-wrap {
    display: flex;
    justify-content: space-between;
}

.hdjl-wrap .mhww {
    width: 8.4rem;
}

.hdjl-wrap .zxft {
    width: 3.5rem;
}

.hdjl-wrap img {
    width: 100%;
}

.hdjl-xf-l a {
    width: 1.4rem;
    line-height: .98rem;
    background-size: 100% 100%;
}

.hdjl-xf-l a span {
    padding-left: .5rem;
    line-height: .24rem;
    vertical-align: middle;
    width: .5rem;
}

.hdjl-xf-l .a4 span {
    background: url(/images/qj-icon30.png) left center no-repeat;
}

.hdjl-xf-l .a4:hover span {
    background: url(/images/qj-icon30o.png) left center no-repeat;
}

.bo-r {
    border-radius: .06rem;
    overflow: hidden;
    box-shadow: 0 0 .08rem 0 #f1f1f1;
    background: #fff;
}

.hdjl-xf {
    padding-top: 0;
}

.hdjl-wrap2-l li a {
    max-width: 70% !important;
}

.text-center {
    display: flex;
    justify-content: center;
}

.mail-box .select {
    display: flex !important;
}

.hdjl-wrap3 {
    display: flex;
    justify-content: space-between;
}

.hdjl-xf,
.hdjl-rx {
    width: 5.9rem;
}

.hdjl-xf img,
.hdjl-rx img {
    width: 100%;
}

.hdjl-wrap2-t {
    display: flex;
}

.hdjl-wrap2-l li {
    display: flex;
    justify-content: space-between;
    line-height: 40px;
}

.hdjl-wrap2 {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 768px) {
    .hdjl-main {
        box-sizing: border-box;
        width: 100%;
        padding: .2rem;
    }

    .hdjl-wrap .mhww,
    .hdjl-wrap .zxft {
        width: calc(50% - .1rem);
    }

    .hdjl-wrap {
        display: none;
    }

    .hdjl-wrap img {
        height: 1rem;
        object-fit: cover;
    }

    .hdjl-wrap1 {
        padding: 0;
        margin-top: .3rem;
    }

    .title {
        line-height: .6rem !important;
        font-size: .28rem !important;
    }

    .lxxd {
        width: 100% !important;
    }

    .title-mail {
        line-height: .6rem !important;
        font-size: .28rem !important;
    }

    .table-th {
        line-height: .6rem !important;
        font-size: .26rem;
    }

    .mail-box .flex {
        display: flex !important;
    }

    .img-mailbox img {
        width: 100% !important;
    }

    .gkxx-btn {
        width: 100% !important;
        display: flex;
        justify-content: space-between;
    }

    .gkxx-btn a {
        width: 49% !important;
        margin-top: 0 !important;
    }

    .title-statistics {
        font-size: .28rem !important;
        background-size: cover !important;
    }

    .hdjl-wrap2 {
        flex-wrap: wrap;
    }

    .hdjl-wrap3 {
        margin-top: .3rem;
    }

    .hdjl-xf,
    .hdjl-rx {
        width: 49%;
    }

    .zdjc img {
        width: 100%;
    }

    .hdjl-box {
        width: 100%;
        padding: 0;
    }

    .hdjl-wrap2-t {
        height: .6rem;
        line-height: .6rem;
        display: flex;
        align-items: center;
    }

    .hdjl-wrap2-t .tit {
        font-size: .28rem;
        font-weight: bold;
    }

    .hdjl-wrap2-t img {
        width: .3rem;
        height: .3rem;
    }

    .hdjl-wrap2-l li {
        line-height: .6rem;
    }

    .hdjl-wrap2-l li a,
    .hdjl-wrap2-l li span {
        font-size: .26rem;
    }
}