@charset "utf-8";
/*767*/
@media (max-width : 767px){
  .xh-membercenter {
    width: 100%;
    margin: 20px auto;}

    .xh-membercenter .xh-user-left {
    width: 100%;
    min-height: auto;
    padding: 0px;
    float: none;
}
.xh-membercenter .xh-user-right {
    width: 100%;
    float: none;
    background: #fff;
    margin-right: 1%;
    min-height: auto;
    padding: 10px;

}
.xh-membercenter .usertitle span{display: none;}
.xh-membercenter .usertitle .avatar {
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    width: 22px;
    height: 22px;
  
}
.xh-membercenter .usermenu li{text-align: left;padding-left: 15px;}
.xh-membercenter .usermenu li a {
    display: block;
    padding: 10px 5px;
    font-size: 16px;
    color: #888;
    text-align: left;
    text-decoration: none;
}
.xh-membercenter .usertitle {
    margin-bottom: 0px;
    overflow: hidden;
    text-align: center;
    padding: 0;
    margin: 0;

}
.xh-xs-hidden{display: none;}
.xh-form{padding: 15px;}
.xh-membercenter .setting_header .sh1 {
    width: 100px;
    height: 50px;  
    color: #000;
    font-size: 17px;
    text-align: center;
    line-height: 50px;
    float: left;
    cursor: pointer;
}
.xh-membercenter .setting_header {
    height: 50px;
 
}
.xh-form .form-left {
    margin-bottom: 0px;
    font-weight: 300;
    float: none;
    width: 100%;   
    line-height: 30px;
    text-align: left;
}
.xh-form .form-right {
    margin-bottom: 20px;
    font-weight: 300;
    float: none;
    margin-left: 0px;
    width: 100%;
}
 .xh-membercenter .xh-user-left .menubox{padding:4px;}
 .xh-membercenter .usermenu li a img{display: inline-block;}
 .xh-membercenter .xh-user-right .conbox .txbox .tx{width: 120px;float: none;border-radius: 4px;}
.xh-membercenter .xh-user-right .conbox .txbox .profile{margin-left: 0px;display: block;}
.xh-btn-sm {
    padding: 4px 10px;
    font-size: 13px;
   
}
.xh-membercenter .xh-user-right .conbox{padding:0;}
}
/* 320px */
@media (max-width : 320px){
		/*banner*/

}

/* 321-480 */
@media ( min-width: 321px) and ( max-width:375px ){
/*banner*/

}

/*480-640*/

@media (min-width: 376px ) and (max-width: 414px ){



}

/*640-768*/
@media (min-width: 415px ) and (max-width: 767px ){


}

/*768-991*/
@media (min-width: 768px ) and (max-width: 990px){
/*menu*/



}



/* 
	Medium devices (desktops, 992px and 1200) 
	==================================================================================