@media only screen and (max-width: 640px){
    html,body{
        overflow-y:auto;
    }
    /*新版首页样式*/
    .hr-lc-left {
        display:none;
    }
    .hr-new-slidebar {
        display: none;
    }
    .hr-function.hr-function-web {
        display: block;
    }
    #rotate {
        display: none;
    }
    .hr-login-logo p {
        margin-left:0 !important;
    }
    .hr-loginwrap {
        width: 90%;
        margin: 0 auto;
        position: relative;
        left:0;
        top:5%;
    }
    .hr-lc-right {
        width: 100% !important;
    }
    #prompt-info {
        margin-bottom:3px !important;
    }
    .hr-login-sts {
        display: none;
    }
    .hr-lc-right h1 {
        margin:15px 0;
    }
    .hr-login-ztbox {
        padding:15px 0;
    }
    /*首页样式*/
    .homepage .homeleft{
        width:100%;
        float:none;
    }
    .homepage .homeright{
        width:100%;
        float:none;
    }
    .hr-list.workmodular li{
        width:50%;
    }
    .hr-list.workmodular-change li{
        width: 25%;
    }
    .hr-list.common-action li{
        width:50%;
    }
    .app-window-work{
        display:inline
    }
    .window-work{
        display:none;
    }
    .hr-pop-fixed{
        display:none;
    }
    .homepage .home-l{
        width:100%;
        float:none;
        margin-left: 0;
        margin-right: 0;
    }
    .in-advert-l{
        width:100%;
        float:none;
    }
    .hr-list.workmodular-change{
        height:auto;
    }

    /*首页样式*/
    /*头部样式*/
    .computer-head{
        display:none;
    }
    .app-head{
        display: inline-block;
        float: right;
        padding: 7px;
        cursor: pointer;
    }
    .app-menu{
        position: absolute;
        width: 100%;
        top: 50px;
        left: 0;
        z-index: 1;
        background: #fff;
        -webkit-box-shadow: 0 0 11px -3px #888;
        -moz-box-shadow: 0 0 11px -3px #888;
        box-shadow: 0 0 11px -3px #888;
        display:none;
    }
    .app-menu a{
        height: 50px;
        line-height: 50px;
        padding: 0px 10px;
        display: block;
        width: 50%;
        float: left;
        color: #000;
    }


    /*头部样式*/
    /*内页样式*/
    .hrright{
        width:100%;
    }
    /*内页样式*/

    /*左侧样式*/
    .hrleft{
        width: initial;
        position: absolute;
        z-index: 100;
        left: -200px;
    }
    .hrleft .hrleftnav {
        margin-left:0;

    }
    .app-showleft{
        position: fixed;
        bottom: 50px;
        z-index: 10;
        right: 50px;
    }
    .app-showleft{
        display:block;
    }
    /*左侧样式*/
    /*手机端的首页弹框*/
    .app-more-head .left{
        height: 18px;
        width: 10px;
        margin-top:6px;
    }
    .app-more-head .right{
        height: 18px;
        width: 21px;
        margin-top:6px;
    }
    .app-more-head {
        padding-right:10px;
        text-align:center;
    }
    .app-more-content >.left{

        position: absolute;
        z-index: 1;
        background: #fff;
        width: 200px;
        height: 100%;
        left:-200px;
    }
    .app-more-content >.right{
        width:100%;
    }

    .app-more-content >.left li{
        padding-left:10px;
    }

    /*手机端的首页弹框*/
    .hr-search-block{
        margin-right:0;
    }
    /*生态圈*/
    .hr-circel{
        display:none;
    }
    /*生态圈*/
    .hr-searchbox {
        overflow-x:auto;
    }
    .hr-main .hr-tittle-lvlone h3{
        height:auto;
    }
    .hr-main {
        padding: 10px
    }
    .hr-list.hr-list-money li {
        width: 50%;
        border-bottom: 1px solid #ccc;
        border-right: 0px;
    }
    .hr-leftmain {
        width: 100%;
    }
    .hr-rightmain {
        width: 100%;
    }
    .hr-list-money > ul >li:hover .hr-small-hint{
        display:none;
    }
    .question:hover .hr-small-hint{
        display:none;
    }
    .question{
        display:none;
    }
    .hr-other-tab.ui-tabs .ui-tabs-nav li{
        width:50%;
    }
    /*服务指南*/
    .hr-guideright {
        float:left;
        width:95%;
    }
    .hr-guideright .hr-select_shelter {
        width:100%;
        height:38px;
    }
    .hr-guideright .hr-select_shelter select {
        width:100%;
    }
    .layout .layout-r {
        width: 100%;
        float:none;
    }

    /*公告页*/
    .hr-notice-tittle {
        width:260px;
    }
    .hr-noticebox {
        width:260px;
    }
    .hr-notice {
        background:none;
    }
    /*查询条件*/
    .hr-searchbox .hr-search-table textarea{
        width: 800px;
    }
    .hr-searchbox .search-require .hr-search-textarea {
        width: 160px;
    }

    /*多元激励保险样式开始*/
    .hr-stimulate-left{
        float: none;
        margin: 0 auto;
    }
    .hr-stimulate-right{
        margin-left: 0;
        border-left:0;
    }
    /*我的信息页面样式*/
    .person-basic-info-ul>li{
        width:100%;
    }
    /*高管首页样式*/
    .home-average{
        width:100%;
    }
    .vizir-index .home-average{
        width:100%;
    }
    .vizir-analyze .list{
        width:100%;
        float:none;
    }
}
@media screen and (min-width:640px) and (max-width: 1120px){
    .hr-circel .hr-circle-content.left {
        width: 100%;
    *+width:99.9%;

}
.hr-circel .hr-circle-content.right {
    width: 100%;
*+width:99.9%;

}
}
@media screen and (min-width:640px) and (max-width: 970px){
    .hr-toper .hrtopnav.newhrtopnav > a{
        display:none;
    }
    .hr-toper .hrtopnav.newhrtopnav .hr-listshow{
        display:none;
    }
    /*多元激励保险样式开始*/
    .hr-stimulate-left{
        float: none;
        margin: 0 auto;
    }
    .hr-stimulate-right{
        margin-left: 0;
        border-left:0;
    }
}
@media screen and (max-width: 970px){
    /*个人权限管理页面*/
    .person-limits-list-content{
        height:auto;

    }
    .person-limits-list-content .person-limits-list-content-right{
        height:330px;
    }
    .person-limits-list-content .person-limits-list-content-left{
        width:100%;

    }
    .person-limits-list-content .person-limits-list-content-right{
        width:100%;
    }

}
@media screen and (max-width: 720px){
    .person-limits-list-content{
        margin-left:0;
    }
}