@media(min-width:1024px){
    .sidebar-navList{
        height: auto;
        display: block!important;
    }
}
@media (max-width:1024px){
    #userBody{
        min-width: 10px;
    }
    .user-header-container{
        width: 100%;
    }
    .userpic-downMenu .downMenu{
        margin-left: 0;
        left: auto;
        right: 0;
    }
    /*.user-header{
        overflow: hidden;
    }*/
    .user-container{
        width: 100%;
        margin-top: 15px;
    }
    .user-sideBar{
        position: relative;
        width: 100%;
        min-height: 10px;
        margin: 0 0 20px;
        background: none;
    }
    .user-sideBar.userIndex-sidebar{
        height: auto;
        min-height: 1px;
    }
    .user-sideBar {
        padding-bottom:0!important;
    }
    .user-sideBar-box{
        background: #fff;
    }
    .sidebar-navList {
        height: auto;
        padding-top: 1px;
    }
    .cont-box,
    .user-cont-box{
        width: 100%;
        float: none;
    }
    .userIndex-cont-box {
        padding: 15px 40px 0;
    }
    .userIndex-cont-body {
        padding: 25px 0;
    }
    .user-footer .footer-container{
        width: 100%;
        min-width: 100%;
    }
    .footer-text span{
        margin-left: 0;
    }
}
@media (max-width:1024px) and (min-width: 768px){
    .userIndex-cont-box {
        padding: 30px 40px 0;
    }
    .userIndex-item {
        width: 29%;
        height: 300px;
        float: left;
        margin: 0 15px;
        padding: 30px;
        background: #fff;
        border: 1px solid #eceff2;
        text-align: center;
        display: table;
        position: relative;
    }
    .message-media .win7{
        width: 8%;
    }
    .message-media .win93{
        width: 92%;
    }
    .withdraw-form .col-sm-offset-1,.withdraw-form .col-sm-1 {
        width: 9.333%;
    }
    .withdraw-form .col-sm-6{
        width: 50%;
    }
    .role-select-item {
        width: 310px;
        height: auto;
        padding: 34px 32px;
        background: #fff;
        border: 2px solid #eceff2;
        margin: 0 22px;
    }
    .information-item .win10{
        width: 12%;
    }
    .user-top-navList li.nav-item{
        margin-left: 25px;
    }
    .footer-text{
        text-align: right;
    }

}
@media (max-width:767px) and (min-width: 641px){

}
@media (max-width:640px) and (min-width: 320px){
    .user-header{
        height: auto;
    }
    .user-header-container .user-header-item{
        display: block;
        padding: 10px 0;
        position: relative;
    }
    .user-header-item.logo-box{
        text-align: center;
    }
    .user-header-item .top-nav-header{
        text-align: left;
        display: block;
    }
    .user-header-item.user-pic-item{
        position: absolute;
        top: 49px;
        right: 15px;
    }
    .user-top-navList {
        display: none;
        position: absolute;
        width: 100%;
        height: auto;
        z-index: 10;
        border-top: 1px solid #ececec;
        margin-top: 10px;
        background: #fff;
        padding: 15px 0;
        -ms-box-shadow: 0 5px 10px rgba(168,168,168,.1);
        -webkit-box-shadow: 0 5px 10px rgba(168,168,168,.1);
        box-shadow: 0 5px 10px rgba(168,168,168,.1);
    }
    .user-top-navList li.nav-item{
        float: none;
        margin-left: 0;
        display: block;
        padding: 0 15px;
    }
    .user-top-navList li.nav-item a{
        padding: 10px;
        text-align: center;
        line-height: 26px;
        border-bottom: none;
        border-radius: 5px;
    }
    .user-top-navList li.nav-item.active a{
        border-bottom: none;
        background: #48c8b0;
        color: #fff;
    }
    .userIndex-item{
        width: 100%;
        margin: 0 0 15px;
        height: auto;
    }
    .message-list-box{
        width: 100%;
        height: auto;
        overflow: auto;
    }
    .message-list-box .message-list{
        width: 738px;
    }
    .message-media .win7{
        width: 8%;
    }
    .message-media .win93{
        width: 92%;
    }
    .user-main-body{
        width: 100%;
        overflow: auto;
        height: auto;
    }
    .prove-scroll-box,
    .financial-box{
        width: 738px;
    }
    .ma-lrd60 {
        margin: 0;
    }
    .information-item .win10{
        width: 12%;
    }
    .form-box .informationForm .form-group .control-label.win14{
        padding-left: 35px;
        padding-right: 12px;
        line-height: 34px;
    }
    .form-box .form-group .control-label.win16{
        line-height: 34px;
        padding-left: 35px;
    }
    /*.form-box .informationForm .form-group .win42{
        display: block;
        width: 100%;
    }*/
    .user-sideBar-box{
        padding-bottom: 20px;
    }
    .sidebar-nav-header{
        display: block;
    }
    .sidebar-nav-header.ma-t20{
        margin-bottom: -20px;
        margin-top: 0;
    }
    .sidebar-navList{
        display: none;
    }
    .withdraw-form.form-horizontal .form-group .control-label{
        text-align: right;
        line-height: 34px;
    }
    .user-main-body .contract-box {
        padding: 0 20px 40px;
    }
    .contract-scroll-box{
        width: 738px;
    }
    /*.information-item .win50{
        display: block;
        width: 100%;
    }*/
}
@media (max-width:320px){

}