@charset "utf-8";
/* CSS Document */

.memberBox { width:1180px; margin:auto; overflow:hidden;}
.memMenu { float:left; width:200px; overflow:hidden;}
.memInfo { float:right; width:972px; overflow:hidden;}
.textLine { line-height:20px;}

@media screen and (max-width:1200px)
{ 
	.memberBox{ width:980px;} 
	.memInfo { width:772px;}
}

.memMenuT { background: #ffeee2; border: 1px solid #e6e6e6; border-left: 3px solid #f60; font-size: 14px; color: #666; padding: 5px 5px 5px 8px; }
.memMenuC { border: 1px solid #e6e6e6; border-top: none; padding: 1px; margin-bottom:10px; }
.memMenuC dl { margin-bottom:3px;}
.memMenuC dt { background: #f2f2f2; text-align: center; padding: 8px 0 5px 0; color: #333; margin-bottom: 3px; }
.memMenuC dd { width:186px; margin:auto; border-bottom:1px dashed #E8E8E8; text-align:center; line-height:26px;}
.memMenuC dd:last-child { border-bottom:0;}
.memMenuC dd a { display:block; color:#666;}
.memMenuC dd a:hover { background:#F9F9F9;}

.infoAll { float: left; padding: 7px 10px 6px 10px; }
.userOut { float:right; padding:0 20px; background:url(../images/loginOutbj.gif) no-repeat left; height:34px; line-height:34px;}
.email_yz { margin-top:8px; border:1px solid #FFCC66; line-height:26px; background:#FFFFCC url(../images/icon-light.gif) no-repeat 5px; padding-left:25px;}
.memNotice { border:1px solid #FFE0CE; margin-top:8px;}
.memNoticeT { background:#FFF8F8 url(../images/jsth.gif) no-repeat 5px; text-align:left; padding:5px 0 4px 25px;}
.memNoticeC { padding:1px;}

.infoWelcome { border:1px solid #FFE0CE; background:#FFF8F8; height:100%; overflow:hidden;}
.userInfoBox { margin-top:8px; background:#FFE0CE;}
.infoTableTitle {border:1px solid #FFE0CE; background:#FFF8F8; border-bottom:0; line-height:28px; font-size:14px; font-weight:bold; text-align:center; height:100%; overflow:hidden;}
.infoTable tr th { background: #FFF8F8; font-size: 14px; line-height: 28px; }
.infoTable tr td { background: #FFF; padding: 3px 8px; line-height: 20px; }

.user_Notice { margin-top:8px; border:1px solid #FFE0CE; padding:3px 8px;}
.user_Notice dl { margin:15px auto 5px auto; border-bottom:1px dashed #E8E8E8;}
.user_Notice dt { font-size:14px; text-decoration:underline; margin-bottom:5px;}
.user_Notice dd { line-height:18px; padding:3px;}

.user_Feedback { margin-top: 8px; border: 1px dashed #E8E8E8; padding: 3px 8px; }
.user_Feedback tr td { padding: 3px; }
.user_Feedback_Reply { color: #C90003; }
.noReplied .user_Feedback_Reply { color: #999; }

.msgBox { width: auto; background-color: White; padding: 5px; }
.msgBox image { padding-right:10px;}

.Pinfo { width: 1180px; overflow: hidden; margin: 8px auto; }
.PinfoT { background: #ffeee2; border: 1px solid #e6e6e6; border-left: 3px solid #f60; font-size: 14px; color: #f60; padding: 6px 8px; }
.PinfoT span { float: right; font-size: 12px; padding:6px 8px;}
.PinfoC { border:1px solid #E7E7E7; border-top:none; text-align:center; padding:30px 5px;}
.PinfoC strong { color:#f60; font-size:16px;}
.OinfoC  { border:1px solid #E7E7E7; border-top:none; padding:8px;}
.OTable tr td { background:#FFF; padding:3px; line-height:24px;}
.OTable .alert { color:red; display:none; padding-left:10px;}

#upUserCoupon { line-height:25px;}
#orderListReminder img{ width:972px; }

@media screen and (max-width:1200px)
{ 
	.Pinfo { width:980px;}
	#orderListReminder img{ width:772px; }
}

.layerContent { padding: 10px 0 20px 20px; line-height: 2em; display: none; }
.orderView_OrderState { width: 230px; }
.orderView_OrderState .orderId { text-align: left; padding-left: 10px; }
.orderView_OrderState .orderState { font-size: 20px; font-weight: bold; padding-top: 20px; padding-bottom: 20px; }

.timeline { display: flex; justify-content: center; align-items: center; text-align: center; padding: 20px 5px; }
.timeline .status { padding: 0px 33px; padding-bottom: 16px; border-bottom: 2px solid #D6DCE0; position: relative; font-size: 14px; }
.timeline .status:after { content: ""; width: 25px; height: 25px; background-color: white; border-radius: 25px; border: 1px solid #ddd; position: absolute; top: 24px; left: 42%; }
.timeline .li.complete .status { border-bottom: 2px solid #FFE0CE; color: #FFAA77 }
.timeline .li.complete .status:after { background-color: #FFBB93; top: 25px; border: none; }
.timeline .timestamp { margin-top: 16px; }

.fb-image-list { width: 100%;}
.fb-image-list .image-item { width: 100px; height: 100px; margin-right: 8px; margin-top: 8px; display: inline-block; background-color: #fafafa; background-position: center center; background-size: cover; background-repeat: no-repeat; cursor: pointer; }

/* 物流跟踪 */
.orderViewShipping { margin: 8px 0; padding: 3px 10px; background-color: #fafafa; cursor: pointer; }
.orderViewShipping .line1 { overflow: hidden; }
.orderViewShipping:hover .line1 .fr { display: block; color: #999; }
.orderViewShipping .dot:before { content: '\2022'; margin-right: 3px; display: inline-block; font-size: 16px; }
.orderViewShipping .stateStr { display: inline-block; }
.orderViewShipping .updateTime { display: inline-block; color: #999; margin-left: 15px; }
.orderViewShipping .noLog { display: inline-block; color: #999; }
.orderViewShipping .logText { color: #999; width: 785px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#divExpressBox { padding: 5px 10px 20px 10px; max-width: 800px; margin: auto; }
#divExpressBox .link-btn-border { font-size: 12px; line-height: 14px; margin-top: 2px; color: #888; }
.shippingTagBox { padding: 0 10px; }
.shippingTag { padding: 2px 10px 3px 10px; background: #f5f5f5; color: #555; border-radius: 3px; display: inline-block; font-size: 14px; margin-right: 10px; margin-top: 10px; }
.shippingTag.active { background: #f60; color: #fff; }
.shippingTag:hover { text-decoration: none; }
.shippingPdtImg { height: 77px; padding-left: 10px; margin-top: 2px; }
.shippingPdtImg img { height: 77px; border-radius: 3px; }
.shippingSN_Box { overflow: hidden; margin-top: 10px; }
.shippingSN { padding: 0 10px; font-size: 14px; line-height: 26px; height: 26px; }
.shippingSN.pdtName { max-width: 560px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shippingTable { padding: 10px 0; }
.kuaidiBoxNoRecord { background-color: #f6f6f6; font-weight: bold; height: 80px; line-height: 80px; text-align: center; margin: 2px; font-size: 14px; }
.kuaidiBoxTable { width: 100%; }
.kuaidiBoxTable td { padding: 5px; background-color: #f6f6f6; }
.kuaidiBoxTable.alert td { background-color: #FFFFCC; }
.kuaidiBoxTable .stateStr { width: 4em; text-align: center; }
.kuaidiBoxTable .updateTime { padding-left: 5px; }
.kuaidiBoxTable .logText { padding-top: 3px; word-break:break-all; }
.shippingTip { color: #999; padding-left: 10px; }

@media screen and (max-width:1200px) {
	.orderView_OrderState { width: 200px; }
	.timeline .status { padding: 0px 20px; padding-bottom: 16px; }
	.orderViewShipping .logText { width: 615px; }
}