﻿/***********order-list ******/
.order{ height: auto;margin:0px 0 0 0 ;}
.order_title{ width:100%; height:40px; position:relative;}
.order_bottom{ border-bottom:2px solid #eee;}
.order_title a{ color:#464637; display:inline-block; padding:0px; margin:0 20px 0 0; line-height:40px; font-size:16px; font-weight:bold;}
.order_title a:hover,.order_title a.cta{ border-bottom:2px solid #008C00; color:#008C00; position:relative; _bottom:-2px;}
.order_list{ width:99.9%; height:auto; margin:15px 0 0 0; border:1px solid #EEEEEE;}
.order_list.mot0{ margin-top:0;}

.order_list:hover{border-color:#dcdcdc; box-shadow:0 2px 4px rgba(0,0,0,0.1)}

.order_left { width:750px; height:auto;float:left; position:relative;}

.order_left_title { height:35px; padding:0 20px; background:#F9F9F9;border-right:1px solid #EEEEEE; position:relative;}
.order_left_title span { display:inline-block; margin:0 40px 0 0; line-height:35px; color:#888;}
.order_left_title p { position:absolute; right:20px; top:0; color:#FF8000; line-height:35px; display:block;}

.order_left dl,.coupons_box,.password{width:709px; height:100px; padding:20px; border-right:1px solid #EEEEEE;border-top:1px solid #EEEEEE;}
.order_left dl dt{ width:100px; height:100px; background:#006; float:left; overflow:hidden;  }
.order_left dl dt img{ width:100px; height:100px;}
.order_left dl dd{ width:560px; margin:0 0 0 20px; float:left; height:100px;  }
.order_left dl dd h4{ line-height:25px; max-height:50px; font-size:18px; color:#333; overflow:hidden;}
.order_left dl dd span{ line-height:30px; max-height:60px; font-size:13px; color:#FF9933;}
.order_left dl dd span em{ font-size:18px;}
.order_left dl dd p{ font-size:14px; color:#666;}
.order_left dl dd p em{ font-size:15px;}

.order_right { width:179px; height:auto; height:auto;text-align:center; position: absolute; top:50%; right:-180px;margin-top:-50px; z-index:90;}
.order_right span { width:100%; height:40px; line-height:40px; font-size:20px;color:#FF9933; display:block; }
.order_right span em{ font-size:14px}
.order_right a { margin:0 auto; width:100px; height:30px;  display:block; line-height:40px; text-align:center; color:#666; text-decoration:underline; font-size:12px;}
.order_right a.btn,.record_top span a,.collection em a,.evaluation_btn a,.pj_btn a,.total li.c a,.adds_right a,.add_adds_btn{ display:block; width:100px; background:#9797A6; font-size:14px; height:30px;line-height:30px; text-decoration:none; text-align:center;color:#ffffff;}/*°´Å¥*/
.order_right a:hover.btn{ background:#19B746;  color:#fff;}
.order_top0{ margin-top:10px;border-right:none;}
.order_left_wc{ width:100%;border-right:none;}
.order_left dl.wc{ width: 888px; }
.order_left dl.wc dd{ width:750px;}
.order_left dl.wc dd h4,.order_left dl.wc dd span,.order_left dl.wc dd p { height:40px; width:400px; float:left; padding:20px 0; overflow:hidden;}
.order_left dl.wc dd span,.order_left dl.wc dd p { width:140px; text-align:center; line-height:60px; margin:0 10px;}

.index_more{width:100%; height:40px; line-height:40px; text-align:center; margin:20px 0;}
.index_more a{  text-align:center; float:right; font-size:17px; color:#fff; display:block; width:150px; background:#9797A6;}
/***********order-list_more*****/

.total{ border:1px solid #eee; border-top:0;height:140px;}
.total li{ width:30%; float:left; height:100px; line-height:30px; padding:20px 0 20px 3%; color:#666; }
.total li p{ width:100%;font-size:15px;}
.total li p em{ color:#333; padding:0 5px;font-size:15px;}

.total li.d p{ font-size:17px;}
.total li.d p em{ font-size:17px;}
.total li.d em{ font-size:22px; color:#FF9933;}
.total li.c{ text-align:center;}
.total li.c a{ margin:20px auto;}
.total li.c a:hover{ background:#FF9933;}

.state,.state1,.state2,.state3{ width:982px; height:55px; background:url(../image/zt.jpg) no-repeat; margin:15px 0; overflow:hidden}
.state1{background-position:0 -55px;}
.state2{background-position: 0 -111px;}
.state3{background-position: 0 -167px;}

.delivery,.logistics{ width:928px; border:1px solid #eee; margin:15px auto 0 auto;}
.delivery_title,.logistics_title{ width:100%; height:40px; border-bottom:1px solid #eee; text-indent:20px; font-size:16px; line-height:40px; color:#666666;}
.delivery_ul{ width:888px; margin:10px 20px; font-size:14px; display:inline-block;}
.delivery_ul li{ color:#666; width:888px; height:30px; line-height:30px;}
.delivery_ul li span,.delivery_ul li p{ float:left; display:inline-block; padding:0 5px 0 0;}

.logistics_ul{ width:800px; height:auto; display:inline-block;width:80%; margin:20px 30px;}
.logistics_ul li{border-left:1px solid #ddd; padding:10px 20px; height:auto; display:inline-block; width:100%; position:relative;}
.logistics_ul li em{ padding:0; display:block; width:10px; height:10px; border-radius:6px; border:1px solid #ddd; position:absolute; top:15px; left:-6px; background:#fff;}
.logistics_ul li em.cat{ background:#eee;}

.logistics_ul li span { height:25px; line-height:25px; font-size:12px; color:#999; display:block;}
.logistics_ul li p{ font-size:15px; color:#555;}


.logistics{width:887px; padding:20px 20px; text-indent:0; margin:0;}
.mr{ text-indent:25px; background:url(../image/bz.gif) no-repeat 20px 7px; text-indent: 45px;}
.add {border-right:1px solid #eee; width:750px;}
.adds_right,.adds_sg{ width: auto; float:right; position:absolute; right:-177px;_right:0px; text-align:center; width:177px; top:50%;height:auto; margin-top:-40px;}
.adds_sg{ margin-top:-40px;}
.adds_right a{ margin:10px auto;}
.adds_right a:hover{background:#FF9934;}
.adds_right a.adds{ background: none; color:#888; text-decoration:underline;}
.adds_right a.adde{ background:#FF9934;}
.adds_right a:hover.adde{ background:#FF7F00;}

.order_bottom a.tjdz{ color:#666; float:right; font-weight:normal;}
.add_adds{ background:#F6F6F6; padding:10px 0 40px 0;}