.mainwarp {
    width: 100%;
    background-color: #edf0f4
}

    .mainwarp .banner {
        width: 100%;
        position: relative
    }

        .mainwarp .banner img {
            z-index: -100;
            width: 100%;
            left: 0;
            top: 0;
            object-fit: cover;
            object-position: center center
        }

    .mainwarp .content {
        width: 12.8rem;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        padding-top: .75rem;
        padding-bottom: 1rem
    }

        .mainwarp .content .leftNav {
            width: 2.9rem
        }

            .mainwarp .content .leftNav .nav {
                border-radius: .1rem !important;
                overflow: hidden
            }

                .mainwarp .content .leftNav .nav .nav-link {
                    width: 100%;
                    height: .5rem;
                    padding-left: .3rem;
                    display: flex;
                    justify-content: start;
                    align-items: center;
                    font-size: .14rem;
                    font-weight: 400;
                    color: #333;
                    line-height: .51rem;
                    background-color: #fff;
                    border-bottom: .01rem solid #f0f0f2
                }

                    .mainwarp .content .leftNav .nav .nav-link.active {
                        background-color: #094;
                        color: #fff
                    }

        .mainwarp .content .tab-content {
            width: 9.49rem
        }

            .mainwarp .content .tab-content .mainCard {
                width: 100%;
                background-color: #fff;
                border-radius: .1rem;
                padding: .28rem;
                min-height: 5.9rem;
                position: relative
            }

                .mainwarp .content .tab-content .mainCard .title {
                    font-size: .24rem;
                    font-weight: bold;
                    color: #333;
                    line-height: 1
                }

                .mainwarp .content .tab-content .mainCard .divider {
                    height: .01rem;
                    width: 100%;
                    background-color: #e3e3e6;
                    margin: .3rem 0
                }

                .mainwarp .content .tab-content .mainCard .date {
                    font-size: .14rem;
                    font-family: Arial;
                    font-weight: 400;
                    color: #999
                }

                .mainwarp .content .tab-content .mainCard .txt {
                    font-size: .14rem;
                    font-weight: 400;
                    color: #333;
                    line-height: .24rem;
                    margin-bottom: 2rem
                }
                .mainwarp .content .tab-content .mainCard .files {
                    font-size: .14rem;
                    line-height: .24rem;
                    position: absolute;
                    bottom: 1.3rem;
                    left: 0;
                    padding: 0 .28rem;
                }
                .mainwarp .content .tab-content .mainCard .files a{
                    display:inline;
                }
                    .mainwarp .content .tab-content .mainCard .txt > * {
                        max-width: 100%
                    }
                    .mainwarp .content .tab-content .mainCard .txt img,
                    .mainwarp .content .tab-content .mainCard .txt table{
                        max-width: 100%
                    }

                .mainwarp .content .tab-content .mainCard .cardFooter {
                    width: 100%;
                    position: absolute;
                    bottom: .7rem;
                    left: 0;
                    padding: 0 .28rem;
                    display: flex;
                    align-items: center;
                    justify-content: space-between
                }

                    .mainwarp .content .tab-content .mainCard .cardFooter .return {
                        display: flex;
                        align-items: center;
                        cursor: pointer
                    }

                        .mainwarp .content .tab-content .mainCard .cardFooter .return span {
                            margin-left: .1rem;
                            font-size: .16rem;
                            font-weight: 400;
                            color: #094
                        }

                        .mainwarp .content .tab-content .mainCard .cardFooter .return img {
                            width: .44rem;
                            height: .44rem
                        }

                    .mainwarp .content .tab-content .mainCard .cardFooter .share {
                        display: flex;
                        align-items: center
                    }

                        .mainwarp .content .tab-content .mainCard .cardFooter .share button {
                            background-color: #fff;
                            margin-left: .23rem;
                            width: .22rem;
                            height: .22rem
                        }

                            .mainwarp .content .tab-content .mainCard .cardFooter .share button img {
                                width: 100%;
                                height: 100%
                            }

            .mainwarp .content .tab-content .otherMsg {
                width: 100%
            }

                .mainwarp .content .tab-content .otherMsg .title {
                    margin: .3rem 0;
                    font-size: .24rem;
                    font-weight: bold;
                    color: #333
                }

                .mainwarp .content .tab-content .otherMsg .cards {
                    margin-right: -0.2rem;
                    display: flex;
                    flex-wrap: wrap
                }

                    .mainwarp .content .tab-content .otherMsg .cards .card {
                        flex: 1;
                        min-width: 3rem;
                        max-width: 3.03rem;
                        height: 3.08rem;
                        border-radius: .1rem;
                        border-width: 0;
                        margin-bottom: .2rem;
                        margin-right: .2rem
                    }

                        .mainwarp .content .tab-content .otherMsg .cards .card .card-img-top {
                            width: 100%;
                            height: 1.7rem;
                            object-fit: cover;
                            object-position: center center
                        }

                        .mainwarp .content .tab-content .otherMsg .cards .card .card-body {
                            padding: .2rem .2rem
                        }

                            .mainwarp .content .tab-content .otherMsg .cards .card .card-body .card-title {
                                font-size: .18rem;
                                font-weight: bold;
                                color: #333
                            }

                            .mainwarp .content .tab-content .otherMsg .cards .card .card-body .card-text {
                                font-size: .14rem;
                                font-family: Arial;
                                font-weight: 400;
                                color: #999
                            }

                            .mainwarp .content .tab-content .otherMsg .cards .card .card-body .moreBtn {
                                font-size: .14rem;
                                font-weight: 400;
                                color: #094;
                                margin-top: .05rem
                            }

                                .mainwarp .content .tab-content .otherMsg .cards .card .card-body .moreBtn img {
                                    width: .18rem;
                                    height: .18rem
                                }

    .mainwarp .txt image, .mainwarp .txt table {
        max-width: 100%
    }