@media only screen and (max-width:768px) {
    /**{*/
    /*    font-family: ffaa !important;*/
    /*}*/
    .Ih-banner{
        height: 40vh;
    }
    .pc-header{
        display: none;
    }
    .m-header{
        display: flex;
        justify-content: space-between;
        height: 70px;
        padding: 0 20px;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
        width: 100%;
    }
    .m-header .left{
        height: 100%;
        display: flex;
        align-items: center;
    }
    .m-header .left img{
        height: 70%;
    }
    .m-header .right{

    }
    .m-header .right .menu{
        display: flex;
        width: 34px;
        height: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: center;
        position: relative;
        z-index: 30;
    }
    .m-header .right .menu span{
        display: inline-block;
        width: 100%;
        height: 3px;
        background-color: #fff;
        border-radius: 4px;
        margin: 4px auto;
        position: relative;
        transition: 0.3s;
    }
    .m-header .right .nav{
        display: none;
        position: absolute;
        z-index: 25;
        top: 0;
        right: 0;
        width: 170px;
        background-color: rgba(0,0,0,.5);
        padding: 100px 20px;
        box-sizing: border-box;
        transition: 0.3s;
        height: 0;
        overflow: hidden;
    }
    .m-header .right .nav a{
        display: block;
        color: #fff;
        font-size: 16px;
        margin-bottom: 10px;
        text-align: center;
    }
    .m-header .right.active .menu span:nth-of-type(1){
        transform: rotate(45deg);
        top: 6px;
    }
    .m-header .right.active .menu span:nth-of-type(2){
        transform: rotate(-45deg);
        top: -5px;
    }
    .m-header .right.active .menu span:nth-of-type(3){
        opacity: 0;
    }
    .m-header .right.active .nav{
        display: block;
        height: auto;
    }

    .foot{
        padding: 10px 0;
    }
    .foot .foot_cont{
        flex-wrap: wrap;
        width: 100%;
    }
    .foot .foot_cont .left,.foot .foot_cont .right{
        display: none;
    }
    .foot .foot_cont .center{
        margin: 0;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .foot .foot_cont .center *{
        font-size: 12px;
    }

    .Ih-activity .list1{
        grid-template-columns: repeat(1, 1fr);
    }
    .at_main .list_box .list1{
        grid-template-columns: repeat(1, 1fr);
    }
    .at_main .filter .options{
        flex-wrap: wrap;
    }
    .at_main .filter .options .l{
        min-width: 80px;
    }
    .at_main .filter .options .r{
        flex: 1;

    }
    .ab_main .part4 .info{
        position: static;
        transform: translateY(0);
    }
    .ab_main .part2::after{
        width: 50%;
    }
    .article_main .box{
        width: 100%;
    }
    .article_main .box .article_tab{
        overflow-x: auto;
    }
    .at_main .list_box .list1 .item .txt{
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }
    .Ih-activity .list1 .item .txt .t1,.Ih-activity .list1 .item .txt .t2{
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    }
    .article_main .box .tab_content .item{
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif!important;
    }
    .article_main .box .tab_content .item *{
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif!important;
    }
    .Ih-activity .list1 .item{
        height: auto;
    }
    .Ih-activity .list1 .item .pic{
        height: 240px;
    }
    .at_main{
        padding: 0 14px;
    }
    .at_main .list_box .list1 .item{
        height: 250px;
    }
    .at_main .list_box .list1 .item .txt{
        padding: 40px 30px 30px;
    }
    .question-item{
        text-align: left;
    }
}