@media (max-width: 768px) {
    header { display: none; }
    .logo .m_nav { display: block;margin-right: 10px; }
    .logotext > span { margin-left: 10px; }
    .logotext { display: flex; justify-content: space-between; align-items: center; }
    ul.layui-nav { background: #393D49; z-index: 10000; }
    #he-plugin-simple {display:none !important}
    .layui-nav {width: 200px;padding: 0;position: fixed;bottom: 0;top: 0;}
    .layui-nav-item {display: block !important;width: 100%;line-height: 40px !important;}
    .layui-nav a {padding-top: 5px !important;padding-bottom: 5px !important;}
    .layui-this, .layui-this>a, .layui-this>a:hover {background-color: #009688;color: #fff;}
    .logo {width: 100%;    position: relative;height: auto;min-height: auto;}
    .logo form { position: relative; margin: 0 10px; }
    .logo .logo-a { width: 100%; }
    .logo .logo-b { min-height: 70px; }
    .logo #s_kw_wrap { width: 70%; }
    .logo #kw { width: 90%; }
    .logo .s_btn_wr { width: 28% !important; }
    .logo .s_btn { width: 100%; }
    .content-blog { width: 100%; }
    .content-blog-a {padding:10px}
    .content-blog > .layui-row { width: 100%; padding: 0;border-radius: 0; }
    .layui-col-xs6 { width: 100%; }
    .comment-post #comment { width: 90% !important; }
    
    div#nav-top { position: relative; top: 0; }
}