@media only screen and (max-width: 767px) {
    .pindex-logo {
        box-sizing: border-box;
        padding: 0 16px;
        margin: 16px 0 31px 0 !important;
        align-items: center;
        justify-content: space-between !important;
        position: relative;
    }
    .pindex-logo >*{
        box-sizing: border-box;
    }
    .pindex-logo .img-bg {
        width: 186px;
        margin: 0 !important;
    }

    .pindex-logo .menu-btn {
        display: flex !important;
        align-items: center;
    }
    .pindex-logo .menu-btn div{
        width: 30px;
        height: 30px;
        background: #1045A5;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pindex-logo .menu-btn div> img{
        width: 20px;
        height: 15px;
    }
    .pindex-logo .menu-list{
        display: block;
        position: absolute;
        right: 0;
        width: 100%;
        top: 34px;
        z-index: 999;
    }
    .pindex-logo .menu-list a{
        color: #fff;
        width: 100%;
        text-decoration: none;
    }
    .pindex-logo .menu-btn .login-btn {
        background: #1045A5;
        border-radius: 4px;
        font-size: 12px;
        color: #FFFFFF;
        padding: 9px 12px;
        margin-right: 8px;
    }

    .pindex-nav>div>a {
        padding: 0 10px;
    }

    #nav {
        display: none;
    }

    .pindex-main .pindex-login {
        display: none;
    }

    .pindex-main .pindex-news {
        height: auto !important;
        padding-bottom: 20px !important;
    }

    .pindex-main .pindex-news>h3 {
        margin-bottom: 16px !important;
        border-bottom: 2px solid #428fca !important;
    }

    .pindex:not([__null__]) .pindex-news a span,.pindex:not([__null__]) .pindex-info a span {
        flex: 1;
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
        white-space: nowrap;
    }
    li{
        list-style: none;
    }
    .menu-list .gray,.gray-login{
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        background: black;
        opacity: 0.5;
        left:0;
        top:0;
        display: block;
        z-index: 2;
    }
    .menu-list ul,.menu-list ul li,.menu-list ul p{
        margin: 0;
        padding: 0;
    }
    .menu-list #list{
        position: relative;
        z-index: 2;
    }
    .menu-list #list p,.menu-list #list ul li{
        font-weight: 400;
        font-size: 14px;
        color: rgba(255,255,255,0.85);
        background-color: #1045A5;
        padding: 18px 28px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .menu-list #list ul li{
        background-color: #AE0D0F;
    }
    .menu-list #list ul {
        display: none;
    }
    .menu-list #list .active{
        display: block;
    }
}