.memberWarp{ width:100%; height:auto;}
.memberLeftWarp{ float:left; width:220px;margin-top:20px;}
.memberLeftWarp h3{ padding-left:20px;padding-bottom: 20px;margin-bottom: 10px;line-height: 20px;font-size: 18px;font-weight: bold; color: #191e1f;border-bottom: 1px solid #ddd;}
.memberLeftWarp .memberMenu {}
.memberLeftWarp .memberMenu ul li{height: 28px; line-height: 28px;font-size: 14px; border-left: 2px solid #fff;}
.memberLeftWarp .memberMenu ul li a{padding-left:50px; display:block;}
.memberLeftWarp .memberMenu ul li a:hover{ }
.memberLeftWarp .memberMenu .hover{font-weight: bold; border-left: 2px solid #d21f46;color: #d21f46;}
.memberLeftWarp .memberMenu .sep{margin-top: 10px;padding-top: 10px;border-top: 1px solid #eee;}
.memberLeftWarp .memberMenu .h_ms{margin-top: -30px;     margin-left: 110px;}
.memberrightWarp{ float:left; width:950px;margin:20px 0; padding-left:19px;}
.memberrightWarp .indextop{ height: 60px;background: #f8f8f8;padding:10px 20px;border: 1px solid #eee;}
.memberrightWarp .indextop .fl{ float:left; width:58px; height: 30px;vertical-align:middle; text-align:center;border-radius: 50%; padding-top:30px; background:#fff; }
.memberrightWarp .indextop .manborder{border: 1px solid #000; }
.memberrightWarp .indextop .girlborder{border: 1px solid #990000; }
.memberrightWarp .indextop .man{ padding:25px; background: url(man.png) no-repeat; font-size:0; margin-top:20px;}
.memberrightWarp .indextop .girl{ padding:20px 25px; background: url(girl.png) no-repeat; font-size:0; margin-top:20px;}
.memberrightWarp .indextop .fl2{ float:left; width:240px; height:50px; line-height:20px; padding-top:10px; margin-left:10px; font-size:14px; overflow:hidden;}
.memberrightWarp .indextop .fl2 p { height:0;}
.memberrightWarp .indextop .fl3{ width:199px; float:left; height:60px; line-height:60px; text-align:center; vertical-align:middle;}
.memberrightWarp .indextop .fl3 a{font-size:14px; }
.memberrightWarp .indextop .fl3 span { margin:0 5px;}
.memberrightWarp .toporders{ line-height:49px; height:29px; padding:10px 0px; border-bottom: 1px solid #eee;border-left: 1px solid #eee;border-right: 1px solid #eee;} 
.memberrightWarp .toporders ul li{ float:left; width:19%; border-right: 1px solid #eee; text-align:center; line-height:25px; vertical-align:middle; }
.memberrightWarp .toporders ul li span { margin-left:5px; color:#990000;}
.memberrightWarp .Moduletit h2{ line-height:50px; font-size: 16px;font-weight: bold;}

.memberrightWarp .membermaintop{ height:97px;  }
.memberrightWarp   .tit h2 { line-height:45px; margin:0 ;font-weight:bold;border-bottom: 2px solid #000; }
.memberrightWarp .ordersWarp{  height:auto; margin-top:20px;}
.memberrightWarp .ordersWarp .titWarp{ height:38px; line-height:38px;border: 1px solid #eee; background:#f5f5f5;}
.memberrightWarp .ordersWarp .orderslist{ height:auto; margin:10px 0;}
.memberrightWarp .ordersWarp .wt1{ float:left; width:420px; text-align:center; line-height:40px;}
.memberrightWarp .ordersWarp .wt2{ float:left; width:85px; text-align:center; line-height:40px; }
.memberrightWarp .ordersWarp .wt3{ float:left; width:590px; text-align:left;  line-height:40px; border-right: 1px solid #eee;}
.memberrightWarp .orderlisttit{ height:38px; line-height:38px; margin-top:20px; border: 1px solid #eee;background:#eaf8ff; font-size:12px; }
.memberrightWarp .orderlisttit .time{ font-weight:bold;  margin: 0 10px;}
.memberrightWarp .ordertimebox{border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee; display:inline-table; width:948px;height: 100%; padding:0; margin:0;}
.memberrightWarp .ordertimebox p{ height:22px;}
.memberrightWarp .finishbtn{background:#6896dc; color:#fff; padding:5px 10px; border-radius: 4px;cursor:pointer;}
.memberrightWarp .pjingbtn{background:#990000; color:#fff; padding:5px 10px;border-radius: 4px;cursor:pointer;}
.memberrightWarp .pjbtn{background:#eee; color:#666; padding:5px 10px;border-radius: 4px; cursor:pointer;}
.memberrightWarp .ordersWarp .wt2 p{ height:10px;}

.commentWarp{ margin:5px 0; border: 1px solid #eee; height:230px;}
.commentWarp .left{ float:left; width:179px; height:210px;display:inline-table; padding:10px;border-right: 1px solid #eee; text-align:center; }
.commentWarp .left .name{ width:100%; line-height:20px; height:20px; overflow:hidden;}
.commentWarp .right{ float:right; width:748px; height:200px; display:inline-table;}
.commentWarp .right .score{ padding-left:20px; height:44px; border-bottom: 1px solid #eee; line-height:45px;}
.commentWarp .right .score .good{background: url(userscore.png) no-repeat; padding:6px 25px;background-position:0px -52px; margin-left:5px;}  
.commentWarp .right .score .secon{background: url(userscore.png) no-repeat; padding:6px 25px;background-position:0px -26px;margin-left:5px;}  
.commentWarp .right .score .bad{background: url(userscore.png) no-repeat; padding:6px 25px;background-position:0px -0px;margin-left:5px;}  
.commentWarp .right .commentText { width:100%; height:80px;border-bottom: 1px solid #eee;overflow:hidden;}
.commentWarp .right .commentText textarea{ width:650px;height:80px; overflow:hidden; border:0; padding:10px; resize:none;outline:none;}
.commentWarp .right .commentpicWarp{ height:65px; padding:5px;}
.commentWarp .right .fileWarp { float:left; line-height:85px;  height:85px;width:85px; margin-right:10px; }
.commentWarp .right .filepic{ text-indent:-9999px; font-size:0; cursor:pointer;   border: 1px solid #eee; width:83px; height:83px;}
.commentWarp .right .fileWarp span { color:#eee; font-family: "??";margin-left:-85px;position:absolute; width:85px; height:85px; text-align:center; z-index:-999;}
.commentWarp .right .img_preview{ display: none; background:#fff; overflow:hidden;width:83px; height:83px; text-align:center; margin-top:-85px;z-index:-99;}
.commentWarp .right .img_preview img{ max-height:82px; margin:1px;}
.commentWarp .right .delpic{ width:22px; font-style: normal; border-radius: 50%;color: #fff; font-weight: 700; position:absolute; background:#990000; height:22px; line-height:22px;  margin-left:60px; cursor: pointer; text-align:center; display:none; z-index:99;}
.commentWarp .right .uploading{background: url(/statics/loading.gif) no-repeat center;}

/*ÉÏ´«Í¼Æ¬Ñùʽ*/
.imgFileUploade {width:100%;padding:10px;}
.imgFileUploade .header {height:50px;width:90px; float:left; }
.imgFileUploade .header span {display:block;float:left;}
.imgFileUploade .header span.imgTitle {line-height:50px;}
.imgFileUploade .header span.imgTitle b {color:red;margin:0 5px;line-height:57px;display:block;float:right;font-size:20px;}
.imgFileUploade .header span.imgClick {width:50px;height:50px;margin-left:10px;cursor:pointer;background:url(addUpload.png) no-repeat center center;background-size:cover;}
.imgFileUploade .header span.imgcontent {color:#999;line-height:20px;}
.imgFileUploade .imgAll { float:left; margin-top:-5px; }
.imgFileUploade .imgAll ul:after {visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}
.imgFileUploade .imgAll li {width:75px;height:75px;border:solid 1px #ccc;margin:0px 5px;float:left;position:relative;box-shadow:0 0 10px #eee;}
.imgFileUploade .imgAll li img {position:absolute;top:0;left:0;width:75px;height:75px;display:block;}
.delImg {position:absolute;top:-10px;right:-7px;width:22px;height:22px;background:#000;border-radius:50%;display:block;text-align:center;line-height:22px;color:#fff;font-weight:700;font-style:normal;cursor:pointer;}
.box,.box2,.box3,.box4 {border:solid 1px #ccc;}

.commentbtnWarp{margin:10px auto; width:100%; text-align:center;}
.commentbtn{ width:150px; height:45px; line-height:45px;outline:none; cursor:pointer; background:#990000; color:#fff; border:none; }

.memberrightWarp .logistics{ height:0px; line-height:20px; padding:10px; cursor:pointer;}
.memberrightWarp .layer-box { display:none; margin-left:-50px; position:absolute; background:#FFF; width:auto;height:auto;border: 1px solid #eee; padding:10px; z-index:999; }
.memberrightWarp .show { display:block;}

.memberrightWarp .orderlog{ width:863px;border: 1px solid #eee; padding:10px; height:auto; }
.memberrightWarp .orderlog ul li{ color: #000; border-bottom: 1px solid #efefef; line-height: 20px;list-style: decimal; }
.memberrightWarp  .liststyle td, .liststyle th { line-height:20px;}

.couponsWarp { height:auto;}
.couponsWarp li{ float:left;background:#990000; color:#fff;margin:0 7px 10px 7px;border-left: 4px dashed #fff;border-right: 4px dashed #fff;border-bottom: 1px solid #eee; border-top: 1px solid #eee; width:195px;height:120px;padding:5px 10px;  }
.couponsWarp .tit {   height:39px; width:100%;border-bottom: 1px dashed #fff; margin-bottom:5px; }
.couponsWarp .tit h3{ margin:0; font-size:24px; color:#fff; font-weight:bold;  float:left; width:auto;}
.couponsWarp .tit b { font-size:14px; float:left; margin-top:18px;color:#fff; margin-left:5px; font-weight:normal; }
.couponsWarp .info{   width:100%; line-height:20px; }
.couponsWarp .info p { height:5px;}
.couponsWarp .num{   width:100%; border-radius: 4px;  line-height:20px; text-align: center;background:#fff; border: 1px solid #990000;color:#990000; }

.ordergoodsWarp{ width:100%; height:80px; overflow:hidden;border-top: 1px solid #eee; padding:10px 0;}
.ordergoodsWarp .goodsimg{ float:left;  margin-left:10px;  width:80px; height:80px; overflow:hidden; text-align:center; }
.ordergoodsWarp .goodsname{ float:left; margin-left:10px; text-align:left; width:320px; line-height:14px; height:80px; overflow:hidden;}
.ordergoodsWarp .specifications{ float:left; color: #9e9e9e; width:100%; padding:10px 0;}

.ordergoodsWarp .goodsrice{ float:left; text-align:center; line-height:14px; width:70px; padding-left:10px;}
.ordergoodsWarp .goodsnum{ float:left; text-align:center; line-height:14px; width:70px; padding-left:10px;}


#pc img{ width:auto; max-width:900px;}
#mobile img{ width:auto; max-width:500px;}

.page_menu,.tab-box{  width: 220px; height: 100%;  margin: 0 auto; }
.page_menu ul li{line-height: 56px;border-bottom: 1px solid #eee; font-size: 14px; text-align:center;  }
.page_menu ul li span{ display: block; height: 100%; width: 100%; position: relative;  cursor: pointer;}
.page_menu ul li span:hover {color: #d21f46;}
.page_menu ul li .action{font-weight: bold;border-left: 2px solid #d21f46;color: #d21f46;}
.page_menu ul li>dl{ display: none;background-color: #f9f9f9; }
.page_menu ul li>dl a{ display: block; height: 100%; width: 100%; font-size: 14px;text-decoration: none; }
.page_menu ul li>dl dt{  border-top: 1px dashed #eee;  }

.helplistWarp{ width:90%; height:100%;padding:10px 5%; text-align:left; overflow:hidden;}
.helplistWarp ul li { padding:0 20px;line-height:45px; height:45px; font-size: 14px;text-decoration: none;  border-bottom: 1px solid #eee;}
.helplistWarp ul li a{ display:block; width:100%;}