@charset "utf-8"; 
/* 步骤导航条 */
.process{ width:100%; height:100px; padding:0 0 20px 0; float:left; }
.process ul{ background:#f4f4f4;  border-radius:20px; }
.process li{ height:18px; padding:2px 0 1px 0; text-align:center; position:relative; color:#999999; z-index:2;float:left; } 
.step{}
.step1::before{ position:absolute; right: 0; top:46px; content:' '; width:50%; height:3px; background:#FF0000;}
.step1::after{ position:absolute; left: 0; top:46px; content:' '; width:50%; height:3px; background:#FF0000; } 
.step1 .number{ background:#FF0000; } 
.step0::before{ position:absolute; right: 0; top:46px; content:' '; width:50%; height:3px; background: #CCC;}
.step0::after{ position:absolute; left: 0; top:46px; content:' '; width:50%; height:3px; background:#CCC; } 
.step0 .number{ background:#CCC; } 
.step .ttl{ text-align:center; padding:10px 0 10px 0; }
.step .number{ width:20px; height:20px; z-index:2; position: relative; line-height:20px; text-align:center; margin:0 auto; border-radius:40px;  color:#fff;} 
.step .meta{ padding:10px 0 10px 0; }
.process ul li{ width:184px; }
 

/* 按钮 */
.abutton{ padding:5px 20px 5px; border-radius:1px; border-radius:2px; font-size:12px; background:#f8f8f8; border:1px solid #DDD; color:#666;}
.abutton:hover{ color:#333; } 

.sure{ width:100%; float:left;}
.sure dl{ width:100%; padding:3px 0 ; float:left;}
.sure dl dt{ width:65px;  font: 12px/1.5 Tahoma,Helvetica,Arial,sans-serif; float:left;}
.sure dl dd{ font-family:Tahoma,Helvetica,Arial,sans-serif; font-size:12px; float:left;}
.sure dl dd span{font-family:Tahoma,Helvetica,Arial,sans-serif; font-weight:bold;}
.sure dl dd a{ margin:0 20px 0 0; font-size:12px; padding:5px 10px; border-radius:3px; background:#FF0000; color:#FFFFFF; }

/******order status***********/ 
/*左侧部分*/
.oStatus{ border:1px solid #DDD; float:left;}
.adrbox{ width:300px; height:300px; float:left;}
.adrbox .gname{ width:320px; padding:20px 0 0 0; float:left;}
.adrbox .gname span{ padding:0 0 0 20px; font-size:16px; font-weight:bold; color:#333; float: left;}

/*地址*/
.address{ width:300px; padding:0; float:left;}
.address .name{ width:100%; padding:20px 0 0 0; float:left;}
.address .name span{ padding:0 0 0 20px; font-size:14px; font-weight:bold; color:#333; float: left; }
.address .con{ width:100%; padding:8px 0 6px 20px; float:left; }
.address .con .addD{ padding:8px 0 6px 0; float:left; }
.address .con .addD h3{ text-align:left; color:#333; font-weight:100; padding:0 5px 0 0; float:left; }
.address .con .addD span{ width:220px; color:#333; float:left;}

/*右侧部分*/
.oinfo{ width:596px; min-height:250px; padding:0 10px 20px 10px; margin:0; background:#fff; border-left:1px solid #DDD; float:left; } 
.oinfo .ono{ width:100%; padding:20px 0 0 0; float:left; }
.oinfo .ono h3{ margin:0 0 0 20px; font-weight:100; float:left; }
.oinfo .ono span{ float:left; }

.oinfo .oname{ width:580px; padding-top:5px; float:left;}
.oinfo .oname h3{ width:100%; text-align:left; padding:18px 0 0 20px; font-weight:bold; font-size:22px; color:#333; float:left; }
.oinfo .odesc{ width:590px; padding:10px 0 0 20px; float:left}
.oinfo .odesc span{ padding:11px 10px 0 0; font-size:12px; color:#666; float:left;}
.oinfo .odesc a{ margin:6px 20px 0 0; font-size:12px; float:left;}

/*评价*/
.pj{ width:100%; padding:10px 0 0 0; float:left;}
.pj dl{ width:100%; padding:0 0 10px 0; float: left;}
.pj dl dt{ width:65px; text-align:right; float: left;}
.pj dl dd{ float:left;}

/** 物流 **/
.wl{width:550px; padding:10px 0 0 20px; margin:15px 0 0 0; float:left;}
.wl span{ width:100%; font-size:14px; line-height:15px; padding:0; margin-bottom:8px; float:left; } 
.wl dl{ width:100%; padding:3px 0 ; float:left;}
.wl dl dt{ width:65px; color:#666; float:left;}
.wl dl dd{ font-size:12px; color:#666;  float:left;}
.wl dl dd span{ font-weight:bold; } 

.kdBox{ width:100%; padding:0 0 20px 0; float: left; }
.kdBox .name{ width:100%; margin:20px 0 0 0; float:left; }
.kdBox .name span{ padding:0 0 0 20px; font-weight:bold; font-size:14px; float:left;  }
.kdBox table tr td{ padding:3px; }
.kdBox table tr td select{ width:215px; height:32px; line-height:28px; padding:3px; }
.kdBox table tr td input[name='kd_number']{ width:200px; padding:7px; }

/** 快递列表显示 快递流程表 **/
.exp_pro{ width:100%; height:120px; color:#666; overflow-y:scroll; overflow-x:hidden; padding:10px 0 20px 0; margin-bottom:10px; float:left;}
.exp_pro ul{ padding:0; margin-left:8px; font-size:13px; line-height:20px; }
.exp_pro ul li{ width:100%; border-left:1px solid #ddd; position: relative; float:left; }
.exp_pro ul li i{ width:7px; height:7px; border-radius:12px; background:#888; top:16px; left:-4px; position:absolute; z-index:2; float:left; }
.exp_pro ul li .con{ border-bottom:1px solid #efefef; margin:0 0 0 20px; padding:8px 0 6px;  }
.exp_pro ul li .con p{ line-height:20px;}
.exp_pro ul li .con p.msg{ }
.exp_pro ul li .con p.time{ color:#888;} 


/*------------------------ 购买清单 ---------------------*/  
.gcon{ width:100%; padding:15px 0 50px 0;  float:left;}
.gcon .name{ width:100%; padding:20px 0 10px 0; float:left; } 
.gcon .name span{ padding:0; font-size:16px; float:left; }

table.ltable{ border-top:1px solid #efefef; } 
table.ltable thead tr th{ background:#f8f8f8; text-align:center; line-height:20px; font-size:12px; padding:5px 0 3px 0; color:#333;	} 
table.ltable tbody tr td{ padding:8px 0; text-align:center; border-bottom:1px solid #efefef; background:#fff; color:#666; } 

/*产品列表*/  
.box_content{ width:380px; padding:0 0 0 10px; float:left;}
.box_content .img{ width:50px; margin:0 15px 0 0; float:left;}
.box_content .desc{ width:260px; float:left;}
.box_content .desc .ttl{ width:100%; padding:0 0 5px 0; line-height:20px; float:left;}
.box_content .desc .ttl a{ font-size:12px; color:#333; }
.box_content .desc .sku{ width:100%; float:left;}
.box_content .desc .sku span{ float:left; color:#888;}

/* 总价格 */
.total_price{ width:100%; padding:20px 0 15px 0; color:#555; float:left; }
.total_price .srit{ width:200px; float:right; } 
.total_price .srit dl{ width:100%; padding:3px 0; float:left; }
.total_price .srit dl dt{ width:70px; float:left; }
.total_price .srit dl dd{ width:130px; text-align:right; font-family: verdana; float:left; }
.total_price .srit dl dt.total{ width:70px; padding:3px 0 0 0; color:#f00; float:left; }
.total_price .srit dl dd.total{ font-size:16px; font-weight:bold; color:#f00; }

 