.zczs-pop {
    z-index: 1000;
}

.h-dczj .tab-item a {
    cursor: pointer;
}

.online-talk {
    margin-top: 30px;
    margin-top: 0.3rem;
}

.h-zxft .title .lf {
    width: 100%;
}

.zxft-c {
    width: 658px;
    width: 6.58rem;
    height: 290px;
    height: 2.9rem;
    padding: 20px;
    padding: 0.2rem;
    border: 1px solid #e6e6e6;
    margin-top: 10px;
    margin-top: 0.1rem;
}

.zxft-c .zxft-img {
    float: left;
    width: 294px;
    width: 2.94rem;
    height: 188px;
    height: 1.88rem;
}

.zxft-c .zxft-img img {
    width: 100%;
    height: 100%;
}

.zxft-c .zxft-l {
    width: 52%;
    margin-left: 2%;
    font-size: 16px;
    font-size: 0.16rem;
    float: left;
    line-height: 50px;
    line-height: 0.5rem;
}

.zxft-c .zxft-l .zl-tt {
    font-weight: bold;
    float: left;
    font-size: 18px;
    font-size: 0.18rem;
}

.zxft-c .zxft-l .zl-desc {
    width: 272px;
    width: 2.72rem;
    height: 50px;
    height: 0.5rem;
    overflow: hidden;
    float: left;
}

.zxft-c .zxft-l .zl-desc1 {
    width: 597px;
    width: 5.97rem;
    height: 80px;
    height: 0.8rem;
    overflow: hidden;
    float: left;
    margin-top: 13px;
    margin-top: 0.13rem;
    line-height: 28px;
    line-height: 0.28rem;
}

.zxft-c .zxft-l .zl-desc a {
    color: #333333;
}

.zxft-c .zxft-l .zl-desc a:hover {
    color: #1275ca;
}

.zxft-c .zxft-l.zxft-desc {
    width: 100%;
    margin-left: 0;
}

.h-dczj {
    width: 570px;
    width: 5.7rem;
}

.h-dczj .title {
    padding-left: 10px;
    padding-left: 0.1rem;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #e6e6e6;
}

.h-dczj .tab-item {
    padding: 10px 20px;
    padding: 0.1rem 0.2rem;
    border: 1px solid #e6e6e6;
    height: 235px;
    height: 2.35rem;
}

.h-dczj .tab-item li {
    width: 100%;
}

.h-dczj .tab-item .dc {
    float: left;
    font-size: 16px;
    font-size: 0.16rem;
    color: #f3bf1f;
    line-height: 39px;
    line-height: 0.39rem;
}

.h-dczj .tab-item .zj {
    float: left;
    font-size: 16px;
    font-size: 0.16rem;
    color: #2a8bed;
    line-height: 39px;
    line-height: 0.39rem;
}

.h-dczj .tab-item a {
    max-width: 400px;
    max-width: 4rem;
    line-height: 39px;
    line-height: 0.39rem;
}

.h-dczj .tab-item a:hover {
    color: #1275ca;
}

.hdjl-table .t-head .t-title,
.hdjl-table .t-body .t-title {
    width: 51%;
}

.hdjl .title .rt {
    background: #1275ca;
}

.hdjl .title .rt:hover {
    background: #0662b1;
}

.hdjl-zdjc img {
    width: 1170px;
    width: 11.7rem;
}

@media screen and (max-width: 768px) {
    .box {
        width: 100%;
        margin-top: 0;
        box-shadow: none;
    }

    .hdjl {
        box-sizing: border-box;
        width: 100%;
        padding: .2rem;
        box-shadow: none;
    }

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

    .mail-list {
        width: 100% !important;
    }

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

    .table-th {
        line-height: .5rem !important;
        font-size: .24rem !important;
    }

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

    .w-85 {
        width: 73% !important;
    }

    .type-flag {
        line-height: .4rem !important;
        font-size: .24rem !important;
    }

    .time {
        font-size: .24rem !important;
    }

    .mail-list-btn {
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100% !important;
        margin: .2rem 0;
    }

    .mail-list-btn a {
        margin-top: 0;
    }

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

    .select {
        width: auto !important;
        height: .6rem !important;
        line-height: .6rem !important;
        margin-bottom: .1rem;
    }

    .select input {
        height: .6rem !important;
        line-height: .6rem;
        font-size: .24rem !important;
    }

    .hdjl-zdjc img,
    .h-dczj {
        width: 100%;
    }

    .hdjl .title a {
        max-width: 73%;
        height: .6rem;
        line-height: .6rem !important;
    }

    .hdjl .title .lf span {
        font-size: .28rem;
    }

    .tab-item span {
        line-height: .6rem;
        font-size: .24rem;
    }

    .h-dczj.rt {
        margin-top: .3rem;
    }

    .h-dczj .tab-item {
        height: auto;
    }

    .h-dczj .tab-item li {
        line-height: .6rem;
    }

    .h-dczj .tab-item a {
        max-width: 72%;
        line-height: .6rem;
        font-size: .26rem;
    }

    .mail-img-btn {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .mail-img-btn::before {
        display: none;
    }

    .mail-img-btn a {
        width: 49%;
        margin: 0 0 .1rem 0 !important;
    }

    .mail-img-btn a img {
        width: 100% !important;
        height: auto !important;
    }
}