.mobileheader,
.mobilefooter,.left-menu{
    display: none;
}

@media all and (max-width: 640px) {
    /* 头部 */
    .mobilefooter{
        display: block;
    }
    .mobileheader {
        width: 100%;
        height: 40px;
        display: flex;
        position: fixed;
        border-bottom: 1px solid #eeeeee;
        z-index: 10000;
        background: #fff;
        top: 0;
        left: 0;
    }

    .mobileheader div {
        flex: 1;
    }

    .mobile-menu i {
        font-size: 20px;
        color: #c4151c;
        width: 50px;
        line-height: 50px;
        height: 50px;
        padding-left: 20px;
    }

    .mobileheader .mobile-menu {
        flex: 1;
        width: 15%;
        display: flex;
        justify-content: left;
        align-items: center;
        box-sizing: border-box;
    }

    .mobileheader .mobile-logo {
        flex: 1;
        width: 70%;
        display: flex;
        justify-content: center;
        /* padding-left: 15px; */
        align-items: center;
    }

    .mobileheader .mobile-logo img {
        display: block;
        width: 60%;
    }

    .mobileheader .mobile-loginbtn {
        width: 15%;
        flex: 1;
        justify-content: flex-end;
        display: flex;
        align-items: center;
    }

    .mobileheader .mobile-loginbtn a {
        background: #c4151c;
        width: 40px;
        height: 26px;
        line-height: 26px;
        color: #fff;
        border-radius: 5px;
        margin-right: 15px;
        text-align: center;
    }

    /* 底部 */
    .mobilefooter {
        width: 100%;
        height: 50px;
        position: fixed;
        bottom: 0;
        left: 0;
        background: #c4151c;
        z-index: 10000;
    }

    .mobilefooter ul {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
    }

    .mobilefooter ul li {
        flex: 1;
        color: #FFF;
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: center;
        border-right: 1px solid #ff5252;
    }

    .mobilefooter ul li:last-of-type {
        border: none;
    }

    .mobilefooter ul li a {
        color: #FFF;
    }

    /* 遮罩层 */
    .blackspace {
        width: 100%;
        height: 100%;
        z-index: 2999;
        background: rgba(0, 0, 0, .5);
        position: fixed;
        z-index: 20000;
        top: 0px;
        left: 0;
        opacity: 1;
        display: none;
    }

    .ishidden {
        display: block;
    }

    /* 侧边栏 */
    .left-menu {
        width: 60%;
        height: 100%;
        background: #FFF;
        position: fixed;
        top: 0px;
        left: 0;
        transform: translateX(-100%);
        transition: all 1s ease;
        overflow: scroll;
        z-index: 20001;
        background: #ce0505;
        color: #FFF;
        display: block;

    }

    .left-menu li {
        padding: 15px 0;
        border-bottom: 1px solid #FFF;
        display: flex;
        justify-content: center;
        align-content: center;
    }

    .left-menu li a {
        color: #FFF;
    }

    .m-layout {
        width: 100%;
        background: #860404;
        display: flex;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 20px 0;
        justify-content: center;
    }

    .left_meun_title {
        width: 100%;
        height: 70px;
        background: #860404;
        display: flex;
    }

    .left_meun_title .left_imgheadborder {
        width: 40%;
        height: 100%;
        box-sizing: border-box;
    }

    .left_meun_title .left_title {
        width: 60%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .left_meun_title .left_title a {
        color: #ff5252;
        font-weight: bold;
    }

    .left_imgheadborder img {
        width: 80%;
        height: 100%;
        padding: 5px 5px;
        border-radius: 50%;
    }

    .eft_menu li {
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #FFF;
        text-align: center;
        line-height: 60px;
        color: #FFF;
    }

    .isleftTo {
        transform: translateX(0%);
    }
}