@charset "utf-8";

/* User Center */
.uc-wrap { clear:both; margin:0; padding:45px 0 ; width:100%; height:100%;}

.uc-header { position:relative; z-index:2; clear:both; }
.uc-container { position:relative; z-index:1; margin:-5px auto 0 auto;padding-top: 120px; *zoom:1; width:950px; background-color:#FFF;}

/*- User Center Header -*/
.uc-banner { position:absolute; z-index:3; top:0; right:0; left:0; height:360px;}

.uc-userbar { position:absolute; z-index:5; top:-45px; right:0; left:0; height:100px; text-align:left;}
.user-headimg { position:relative; float:left; padding:5px; width:90px; height:90px; background-color:#FFF;}
.user-headimg .user-headedit { position:absolute; right:5px; bottom:5px; left:5px; display:block; line-height:25px; background-color:#000; opacity:0.8; text-align:center; color:#FFF; font-size:12px;}
.user-infobar { float:left; margin-left:10px; padding-top:50px; line-height:50px; text-align:left;}
.user-infobar .user-name { float:left; font-size:14px; max-width: 200px; color: #3BAFDA; overflow: hidden; text-overflow: ellipsis;}
.user-infobar .btn { margin-top:13px; margin-left:10px;}

ul.shop-nav { display:block; margin:0; margin-top:50px; padding:0; text-align:right;}
ul.shop-nav li { display:inline-block; *display:inline; margin:0 5px; padding:0; line-height:50px;}

/*- User Content Container -*/

/*- Favrites -*/
.p-img { float:left; margin-right:15px; width:60px; height:60px;}
a.p-name {}

.p-info { color:#999;}
.p-price { font-size:15px; font-family:'Arial'; font-weight:700; color:#E9573F;}


/*- Password Protection Step -*/
.pp-step { clear:both; display:block; margin:0; padding:0; height:60px;}
.pp-step .pp-step-item { position:relative; display:block; float:left; margin:0; padding:0; height:60px;}
.pp-step .pp-step-item .step-line { position:absolute; top:17px; right:0; left:0; height:5px; background-color:#E6E9ED;}
.pp-step .pp-step-item .step-title { position:absolute; top:3px; left:50%; margin-left:-48px; width:96px; height:32px; line-height:32px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background-color:#E6E9ED; text-align:center; font-size:12px; color:#666;}
.pp-step .pp-step-item .step-time { position:absolute; right:0; bottom:0; left:0; height:20px; line-height:20px; text-align:center; color:#666;} 

/*-- Step over --*/
.pp-step .pp-step-item.step-over .step-line { background-color:#F6BB42;}
.pp-step .pp-step-item.step-over .step-title { background-color:#F6BB42; color:#FFF;}
.pp-step .pp-step-item.step-over .step-time { color:#F6BB42;}

/*-- Step acitve --*/
.pp-step .pp-step-item.step-active .step-line { background-color:#E8AA2E;}
.pp-step .pp-step-item.step-active .step-title { background-color:#E8AA2E; color:#FFF;}
.pp-step .pp-step-item.step-active .step-time { color:#E8AA2E;}


/*-Security Center-  xiaojianjiao 9-18*/

.sc-wrap{ padding: 40px}
.sc-account-list-item{ width: 100%; padding: 20px 0; float: left; line-height: 24px; border-bottom:1px dashed #ddd; }
.sc-account-list .item-con-detail span{ color: #999; margin-left:15px;}
.sc-account-list .item-con-detail span strong{ color: #333;}

/*-Progress-*/
.progress { height: 12px;overflow: hidden;background-color: #f5f5f5;box-sizing: border-box; width: 300px;margin-top: 3px;}
.progress-bar {float: left;width: 0;height: 100%;font-size: 12px;line-height: 20px;color: #fff;text-align: center;background-color: #337ab7;}
.progress-bar-success { background-color: #8CC152;}
.progress-bar-warning { background-color: #F6BB42;}
.progress-bar-danger { background-color: #E9573F;}
 
.text-danger{ color: #E9573F}
.text-success{ color: #8CC152;}
.text-warning { color: #F6BB42}

.has-error .form-input{ border-color: #E9573F;}
.has-success .form-required.form-explain{ border:1px solid #cadcb7; color:#8CC152; background:#f8fff1; padding:6px 10px; width:275px;margin-top:15px; font-size: 12px;}