@media screen and (max-width: 1024px) {
    html,body{overflow: hidden;}
    .login-page .info {padding-top: 50px !important;padding-bottom: 30px !important;}
    .sidenav {width: 60px;height: 100%;position: fixed;left: 0;top: 0;background: #2285E8;}
    .sidenav ul li{height: 90px;}
    .sidenav ul li.list-group-heading{padding-top: 5px;}
    .sidenav ul li.list-group-heading img{max-width: 60%;}
    .sidenav ul li.list-group-heading h3{font-size: 11px;}
    .sidenav ul li a{padding:15px 0 10px 0;}
    .sidenav ul li img{max-height: 30px;}
    .sidenav ul li .sname{font-size: 12px;}
    .hulk{width: calc(100% - 60px);}
    .hulk .hulktab .user {width: auto;height: 100%;position: absolute;bottom: 0;right: 10px;top: unset;}
    .hulk .hulktab {width: 100%;height: 50px;background: #ffffff;box-sizing: border-box;padding: 20px 10px 0 10px;}
    .hulk .hulktab .user {width: auto;height: 50px;position: absolute;bottom: 0;right: 0;top: unset;
    }.hulk .hulktab .item {width: 100px;float: left;height: 30px;line-height: 30px;color: #333333;font-size: 12px;text-align: center;border-top: 1px solid #cecece;border-right: 1px solid #cecece;border-left: 1px solid #cecece;cursor: pointer;box-sizing: border-box;}
    .hulk .hulktab .active {border-top: 3px solid #2285E7;background: #F5F5F5;line-height: 27px;}
    .hulk .hulktab .user .useritem:nth-child(1){display: none;}
    .hulk .hulkcontent {height: calc(100% - 60px);padding: 10px;}
    .wzd {width: 60%;padding: 10px;}
    .searchpanel {width: 38%;padding: 10px;}
    .querybar {width: 310px;margin: 20px;}
    .querybar input[type="text"] {width: 200px;}
    .querybar button {width: 90px;}
    .layui-field-title {margin: 10px 0 10px;}
    .layui-elem-field legend {margin-left: 10px;font-size: 16px;font-weight: 300;}
    .wzd .layui-form-label {width: 90px;padding: 9px 10px;}
    .wzd .layui-input-block {margin-left: 110px;}
    .wzd .layui-input-block .inputpane {width: 38px;height: 38px;font-size: 12px;}
    .layui-elem-quote {padding: 10px;}
    .layui-elem-quote .layui-font-red{font-size: 28px;}
    .sunpanel{padding: 10px;}
     .hulk .hulktab .user .useritem{margin-right: 10px;}
    .hulk .hulkcontent {height: calc(100% - 85px);}
}