@charset "utf-8";
/* CSS Document */ 
body{ background:#fff; }
.headerBoxbg{ width:100%; height:4rem; background:#f8f8f8; position:absolute; z-index:1; overflow: hidden; float:left; }  
.headerBoxbg::after{ width:100%; content:''; width:160%; height:4rem; position:absolute; left: -30%; top: 0; z-index: -1; border-radius: 0 0 50% 50%; background:#FF95B1; background:linear-gradient(to right,#FE5A85,#F596DA); }
 
.headerBox{ width:100%; position:relative; float:left; } 
.htop{ width:100%; height:3.1rem; position:relative; z-index:2; float:left; } 
.htop .l{ padding:0.5rem 0 0 0; float: left; }
.htop .l .avatar{ width:1.5rem; height:1.5rem; margin:0 0 0 0.2rem; float:left; }
.htop .l .avatar img{ border-radius:1.5rem; max-height:1.5rem; min-height:1.5rem; max-width:1.5rem; min-width:1.5rem;  }
.htop .l .nick{ text-align:center; margin:0; padding:0; float:left; }
.htop .l .nick span{ color:#fff; font-size:0.4rem; margin:0; padding:0.4rem 0 0 0.2rem; float:left; } 
.htop .r{ width:2rem; position:absolute; top:1rem; right:0; }
.htop .r a.setting{ position: absolute; right:0.2rem; font-size:0.26rem; color:#fff; }


/*账户*/
.billBox{ width:7.1rem; position:relative; margin:-0.9rem 0 0 0.2rem; border-radius:0.05rem; padding:0.4rem 0; background-color:#fff; border-bottom:1px solid #f2f2f2; float:left; z-index:50; }
.billBox .oname{ width:100%; padding:0.05rem 0 0.05rem 0; float:left;}
.billBox .oname span{ padding:0 0 0.2rem 0.2rem; font-size:0.3rem; font-weight:bold; float:left; }
.billBox .oname a{ padding:0 0.2rem 0 0; font-size:0.26rem; color:#999; float:right;}
.billBox .oname a i{ font:0.23rem consolas; margin:0.02rem 0 0 0.1rem; color:#999; float:right; }
.billBox .mk{ width:33%; float:left;}
.billBox .mk.mk:first-child{ border-left:none; }
.billBox .mk em{ width:100%; text-align:center; font-size:0.4rem; padding:0.1rem 0; color:#333; font-weight:bold; float:left; }
.billBox .mk span{ width:100%; text-align:center; font-size:0.23rem; color:#333; float:left; }
.billBox i{ width:0; height:0.5rem; margin-top:0.2rem; border-left:1px solid #999; float: left; }

/*订单*/
.oshow{ width:7.1rem; margin:0.2rem 0 0 0.2rem; padding:0.3rem 0; border-radius:0.05rem; border-bottom:1px solid #f2f2f2; background:#fff; float:left; } 
.oshow .ocon{ width:100%; padding:0.3rem 0 0.2rem 0; float:left;} 
.oshow .ocon .mk{ width:20%; position: relative; float:left;}
.oshow .ocon .mk:first-child{ border-left:none; } 
.oshow .ocon .mk span{ width:100%; color:#666; padding:0 0 0.05rem 0; text-align:center; float:left;}
.oshow .ocon .mk span img{ width:0.5rem; height:0.5rem; }
.oshow .ocon .mk em{ min-width:0.3rem; height:0.3rem; line-height:0.32rem; text-align:center; position:absolute; left:56%; top:-0.2rem; font-size:0.22rem; background:#fff; border:0.02rem solid #FB6B9D; color:#FB6B9D; border-radius:1rem; z-index:1; }
 
.oshow .oall{ width:100%; padding:0.2rem 0 0 0; float:left; }
.oshow .oall a{ width:100%; text-align:center; font-size:0.25rem; color:#666; float:left; }

/**/
.umenu{ width:7.1rem; background:#fff; margin:0.2rem 0 0 0.2rem; padding:0.5rem 0; border-radius:0.05rem; float:left;} 
.umenu .li{ width:25%; float:left; }
.umenu .li a{ width:100%; float:left; }
.umenu .li a p.p1{ width:0.5rem; margin:0 auto;  } 
.umenu .li a p.p1 i{ width:0.5rem; height:0.5rem; line-height:0.5rem; margin-left:-0.25rem; padding:0.2rem; border-radius:0.5rem; float:left;  }
.umenu .li a p.p1 i img{ width:0.5rem; height:0.5rem; } 
.umenu .li a p.p2{ text-align:center; width:100%; font-size:0.25rem; color:#666; margin-top:0.2rem; float:left; } 

/* */
.rcmd{ width:100%; margin:0.2rem 0 1.2rem 0; padding:0.1rem 0; float:left; }
.rcmd .rname{ width:100%; padding:0.5rem 0; float:left; }
.rcmd .rname span{ width:100%; text-align:center; padding:0; font-size:0.35rem; line-height:0.2rem; margin-left:0; float:left; } 

.rcmd .con{ width:100%; float:left; }
.rcmd .con .gbox{ width:3.5rem; background:#fff; float:left; }
.rcmd .con .gbox:nth-child(odd){ margin:0 0.05rem 0.1rem 0.2rem; }
.rcmd .con .gbox:nth-child(even){ margin:0 0 0.1rem 0rem; }
.rcmd .con .gbox .img{ width:3.5rem; height:3.5rem; line-height:3.5rem; text-align:center; float: left; }
.rcmd .con .gbox .img img{ max-width:3.5rem; max-height:3.5rem; min-width:3.5rem; min-height:3.5rem; }
.rcmd .con .gbox .ttl{ width:3.3rem; padding:0.2rem 0.1rem 0 0.1rem; float:left;  }
.rcmd .con .gbox .ttl a{ font-size:0.26rem; height:0.72rem; line-height:0.38rem; word-wrap: break-word;word-break: break-all; overflow:hidden; color:#666; float:left; }
.rcmd .con .gbox .pr{ width:100%; padding:0.12rem 0 0.2rem 0.15rem; float:left; }
.rcmd .con .gbox .pr span{ color:#f00; font-size:0.32rem; margin:0; float:left; }


