@media screen and (max-width: 768px) {
    .header{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .header .logo{
        height:80px;
    }

    .header .concat{
        font-size:20px;
        font-weight: bold;
        color: #dc0c40;
        margin:10px auto;
        text-align: center;
    }

    .header .search-container{
        display: flex;
        align-items: center;
    }

    .header .search-container input{
        border:1px solid #0ba360;
        border-radius: 5px;
        height: 35px;
        width:200px;
    }

    .header .search-container input:focus{
        outline: none;
    }

    .header .search-container button{
        border:0;
        border-radius: 5px;
        background-color: #0ba360;
        color:#fff;
        height:35px;
        width:80px;
        font-size:18px;
    }


    .menu-wrapper{
        width:100%;
        height:auto;
    }

    .menu-wrapper .menu{
        padding-left:0;
    }

    .menu-wrapper .menu .menu-item{
        margin-left:0;
    }

    .content-container .content-header{
        display: flex;
        margin-top:10px;
        padding:0px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom:  1px solid #d0d0d0;
    }

    .content-container .list-header,
    .content-container .page-header{
        margin-top:10px;
        padding:14px;
        border-radius:8px;
    }
    .content-container .list-title{
        font-size:21px;
    }
    .content-container .list-intro{
        font-size:13px;
    }

    .tip{
        display: block;
        margin-left: 0px!important;
    }
    .more{
        white-space: nowrap;
        word-break: keep-all;
    }
    .content-container .content-body{
        margin-top:10px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
    .soft-container{
        /* 移动端产品卡片统一满宽，避免不同内容导致视觉宽度不一致 */
        margin:0;
        width:100%;
        max-width:none;
        box-sizing:border-box;
    }
    .soft-container .soft-img{
        width:100%;
    }
    .contact-container{
        font-size:25px!important;
    }
    .concat-title span{
        display: block;
    }
    .contact-img-container{
        flex-direction: column;
    }
    .contact-img:first-child{
        margin-right:0px;
    }
    .detail-container{
        padding:10px;
    }
    .detail-container p *{
        font-size:16px!important;
    }
    .nav-header{
       display: none;
    }
    .detail-header-title h1{
        font-size:22px!important;
    }
    .detail-sub-header{
        flex-direction: column;
    }
    .detail-sub-header div{
        margin-right: 0px!important;
        margin-top:15px;
    }
    .detail-links{
        flex-direction: column;
    }
    .soft-header{
        flex-direction: column;
        align-items: center;
    }
    .soft-header .detail-header-info{
        margin-top:15px;
    }
    .soft-header .detail-btns{
        flex-direction: column;
    }
    .soft-header .detail-btns button{
        margin-top:15px;
        display: flex;
        justify-content: center;
        width:100%;
    }
    .detail-header .detail-header-type, .detail-header .detail-header-author, .detail-header .detail-header-time{
        font-size:16px!important;
    }
    .detail-header-title h1{
        font-size:18px!important;
    }
    .detail-desc td *, .detail-desc th * {
        font-size:14px!important;
    }
}