@charset "utf-8";
/* CSS Document */
.usercenter { float:left; width:20%;margin-top:5rem;}
.usercenter dl { overflow:hidden; border:1px solid #BFBFBF;}
.usercenter dl dt { background-color:#E9E9E9; line-height:4rem; padding-left:2rem;}
.usercenter dl dd {line-height:3.5rem; padding-left:2rem;}
.u_content { float:left; margin-bottom:10rem; margin-top:5rem; margin-left:3%; width:77%;}
.u_orders_tabs { width:100%; background-color:#E9E9E9; overflow:hidden ;margin-top:2rem; border-bottom:1px solid #BFBFBF}
.u_orders_tabs ul { margin:0px; padding:0px; }
.u_orders_tabs ul li { float:left; list-style:none; line-height:4rem; margin-right:2rem; padding:1rem; cursor:pointer}
.u_orders_tabs ul li.active { background-color:#BFBFBF}
.orders {width:100%; margin-top:2rem;}
.orders ul { margin:0px; padding:0px; overflow:hidden; padding-top:1rem; border-bottom:1px solid #E9E9E9; padding-bottom:1rem;}
.orders ul.order_header { background-color:#E9E9E9;}
.orders ul li { list-style:none; float:left; width:13rem; text-align:center}
.orders ul li.tradename { width:20rem;}
.orders ul li img { width:70px;}
.orders ul li a.action { border:1px solid #BFBFBF; width:10rem; display:block; margin:0px auto;}
.pager { display:block; margin-top:2rem;}
.order_content { border:1px solid #BFBFBF; padding-left:2rem; line-height:3rem; margin-top:2rem; border-radius: 5px;}
.order_content h3 { line-height:4rem;}

@media(max-width:640px){
.usercenter { width:100%;}
.u_content { float:none; margin-bottom:10rem; margin-top:5rem;  width:100%;}
.orders ul {width:98rem;}
.orders ul.order_header { width:98rem;}
}