@media (min-width: 1000px){
    .banner{
       width: 10rem;
       max-height:6rem;
       object-fit: cover;
    }
    .bigtitle{
        font-size: 30px;
        line-height: 60px;
        color: #222;
        font-style: italic;
        position: relative;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .bigtitle::before{
        content: "";
        width: 4px;
        height: 30px;
        background-color: #999;
        position: absolute;
        top: 20px;
        left: 0;
    }
    .conItem{
        width: 100%;
        margin-bottom: .1rem;
        align-items: flex-start;
    }
    .conItem .logo{
        width: 1.8rem;
        height: 1.02rem;
        object-fit: cover;
        border-radius: 10px;
    }
    .conItem .msgBox{
        width: calc(100% - 2rem);
    }
    .conItem .msgBox .title{
        font-size: .142rem;
        color: #000;
        font-weight: 600;
        line-height: .23rem;
    }
    .conItem .msgBox .msg{
        font-size: .09rem;
        color: #666;
    }
    .footer{
        width: 100%;
        height: .77rem;
        background-color: #D8D8D8;
    }
    .footer p{
        color: rgb(48, 156, 208);
        font-size: .154rem;
        text-align: center;
        line-height: .77rem;
    }
}

@media (max-width: 1000px){
    .banner{
        width: 10rem;
        max-height: 6rem;
        object-fit: cover;
     }
     .content-box{
        width: 100%;
        box-sizing: border-box;
        padding: 0 .13rem;
     }
     .bigtitle{
         font-size: .4rem;
         line-height: 1.07rem;
         color: #222;
         font-style: italic;
         position: relative;
         padding-left: .15rem;
         box-sizing: border-box;
     }
     .bigtitle::before{
         content: "";
         width: .05rem;
         height: .4rem;
         background-color: #999;
         position: absolute;
         top: .4rem;
         left: 0;
     }
     .conItem{
         width: 100%;
         margin-bottom: .2rem;
         align-items: flex-start;
     }
     .conItem .logo{
         width: 3.34rem;
         height: 2.4rem;
         object-fit: cover;
         border-radius: 10px;
     }
     .conItem .msgBox{
         width: calc(100% - 3.6rem);
     }
     .conItem .msgBox .title{
         font-size: .37rem;
         color: #000;
         font-weight: 600;
         line-height: .6rem;
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap;
     }
     .conItem .msgBox .msg{
         font-size: .24rem;
         color: #666;
     }
     .footer{
         width: 100%;
         height: 2rem;
         background-color: #D8D8D8;
     }
     .footer p{
         color: rgb(48, 156, 208);
         font-size: .4rem;
         text-align: center;
         line-height: 2rem;
     }
}