@charset "utf-8";
/* CSS Document */
.ucenter-main{min-height: 400px;}
.ucenter-head{height: 140px; padding: 20px; box-sizing: border-box; overflow: hidden;}
.user-head{position: relative; width: 50px; height: 50px; margin: 0 auto; border-radius: 25px; background-color: #c7c7c7; overflow: hidden;}
.ucenter-head.log-in{padding-top: 40px; text-align: center;}
.user-head:before, .user-head:after{content: ''; position: absolute; display: block; border-radius: 100%; background-color: #fff;}
.user-head:before{z-index: 1; left:0; top: 50%; width:50px; height: 50px;}
.user-head:after{z-index: 2; left: 8px; top: 0; width: 24px; height: 24px; border: 5px solid #c7c7c7;}
.user-head img{position: relative; z-index: 3; width: 100%; height: auto;}
.ucenter-head .user-head-info{display: none;}
.ucenter-head .login-btn{display: block; width: 100px; margin: 15px auto 0; line-height: 30px; text-align: center; font-size: 14px; color: #df1614; border: 1px solid #df1614; border-radius: 15px;}
.ucenter-head.log-in .user-head{display: inline-block; background-color: #e2231a; vertical-align: top;}
.ucenter-head.log-in .user-head:after{border-color: #e2231a;}
.ucenter-head.log-in .user-head-info{display: inline-block; margin-left: 5px; padding: 10px 0;}
.ucenter-head.log-in .user-head-info p{line-height: 30px; font-size: 16px; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.ucenter-head.log-in .user-head-info p.ledou-nums{text-align: left;}
.ucenter-head.log-in .user-head-info p.ledou-nums span{position: relative; display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-top: -3px; margin-right: 4px;}
.ucenter-head.log-in .user-head-info p.ledou-nums span img{display: inline-block; width: 100%; height: auto; float: left;}
.ucenter-head.log-in .user-head-info p.ledou-nums span i{position: absolute; left: 0; width: 14px; height: 8px; background-color: #f0c634; border: 1px solid #aa6d0d; border-radius: 16px / 10px;}
.ucenter-head.log-in .user-head-info p.ledou-nums span i:first-child{z-index: 1; bottom: -1px;}
.ucenter-head.log-in .user-head-info p.ledou-nums span i:nth-child(2){z-index: 2; bottom: 3px;}
.ucenter-head.log-in .user-head-info p.ledou-nums span i:nth-child(3){z-index: 3; top: -1px;}
.ucenter-head.log-in .user-head-info p.ledou-nums em{padding-left: 4px; font-size: 12px; color: #818181;}
.ucenter-head.log-in .login-btn{display: none;}
.ucenter-static-nav{padding: 15px 5px; background-color: #fff; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0;}
.ucenter-static-nav ul:after{ content: ".";display: block;height: 0; clear: both; visibility: hidden;}
.ucenter-static-nav ul li{width: 20%; float: left; text-align: center; line-height: 24px; font-size: 14px; position:relative;}
.ucenter-static-nav ul li a{display: block;}
.ucenter-static-nav ul li b{    
	position: absolute;
    top: -8px;
	right:0;
    background: #df1614;
    color: #fff;
    font-weight: normal;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
	display:none;
	}
.ucenter-nav-list{margin-top: 10px; background-color: #fff; border-top: 1px solid #c0c0c0;}
.ucenter-nav-list ul li{position: relative; padding: 15px 10px; font-size: 14px; border-bottom: 1px solid #c0c0c0;}
.ucenter-nav-list ul li a{display: block; line-height: 24px;}
.ucenter-nav-list ul li a span{display: inline-block; width: 24px; height: 24px; background: url(../images/ucenter-navicon.png) no-repeat; background-size: 140px 74px; vertical-align: middle; margin: -3px 8px 0 0;}
.ucenter-nav-list ul li a span.order-icon{background-position: 1px 1px;}
.ucenter-nav-list ul li a span.zhongchou-icon{background-position: -88px -51px;}
.ucenter-nav-list ul li a span.colct-icon{background-position: -29px 1px;}
.ucenter-nav-list ul li a span.safe-icon{background-position: -58px 1px;}
.ucenter-nav-list ul li a span.adds-icon{background-position: -88px 1px;}
.ucenter-nav-list ul li a span.evalt-icon{background-position: -118px 1px;}
.ucenter-nav-list ul li a span.coupons-icon{background-position: 1px -25px;}
.ucenter-nav-list ul li a span.saleask-icon{background-position: -29px -25px;}
.ucenter-nav-list ul li a span.lservice-icon{background-position: -58px -25px;}
.ucenter-nav-list ul li a span.feedback-icon{background-position: -88px -25px;}
.ucenter-nav-list ul li a span.update-icon{background-position: -118px -25px;}
.ucenter-nav-list ul li a span.about-icon{background-position: 1px -51px;}
.ucenter-nav-list ul li a span.userinfo-icon{background-position: -29px -51px;}
.ucenter-nav-list ul li a span.ledou-icon{background-position: -58px -51px;}
.ucenter-nav-list ul li a i{position: absolute; right: 10px; top: 14px; display: block; width: 16px; height: 26px; background: url(../images/shop-icons.png) no-repeat -34px -120px; background-size: 200px;}
.switch-update{position: absolute; top: 15px; right: 10px; width: 50px; height: 22px; border: 1px solid #bebebe; background-color: #eee; border-radius: 12px; overflow: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.switch-update .switch-btn{position: absolute; left: -1px; top: 0; display: block; width: 20px; height: 20px; border: 1px solid #bebebe; border-radius: 10px; background-color: #fff; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.switch-update.on{background-color: #e2231a;}
.switch-update.on .switch-btn{left: 29px;}
.login-out-btn{display: block; width: 60%; margin: 30px auto; line-height: 40px; font-size: 14px; text-align: center; background-color: #df1614; color: #fff; border-radius: 5px;}

/*个人资料*/
.userinfo-wrap{padding: 15px;}
.userinfo-wrap ul li{position: relative; line-height: 30px; margin-bottom: 10px; overflow: hidden; font-size: 14px;}
.userinfo-wrap ul li.vcode-ipt{display: none;}
.userinfo-wrap ul li .ipt-wrap{padding: 5px; background-color: #fff; border: 1px solid #c7c7c7; border-radius: 5px;}
.userinfo-wrap ul li .filed-name{min-width: 50px; padding-left: 10px; float: left; color: #838383;}
.userinfo-wrap ul li .filed-ipt{margin-left: 60px;}
.userinfo-wrap ul li .filed-ipt.vcodeipt{margin-left: 100px;}
.userinfo-wrap ul li .ipt-wrap input{width: 100%; border: 0; line-height: 30px;}
.userinfo-wrap ul li .ipt-wrap input[disabled="disabled"]{background-color: transparent;}
.userinfo-wrap ul li .ipt-wrap .getvcode{display: none; position: absolute; right: 10px; top: 8px; padding: 0 10px; font-size: 12px; line-height: 24px; background-color: #e6e6e6; border: 1px solid #c9c9c9; border-radius: 5px;}
.userinfo-wrap ul li .filed-ipt .sex-options{display: inline-block; padding: 0 10px;}
.userinfo-wrap ul li .filed-ipt .sex-options i{display: inline-block; width: 14px; height: 14px; border: 1px solid #c7c7c7; background-color: #fff; border-radius: 100%; vertical-align: middle; margin: -3px 5px 0 0;}
.userinfo-wrap ul li .filed-ipt .sex-options i.on{border-color: #e22319; background-color: #e22319;}
.userinfo-wrap ul li .filed-ipt .select-wrap{width: 33%; float: left; padding-right: 5px; box-sizing:border-box;}
.userinfo-wrap ul li .filed-ipt .select-wrap select{display: block; width: 100%; height: 30px; border: 1px solid #c7c7c7; border-radius: 5px; color: #878787; text-indent: 10px;}
.userinfo-wrap ul li .filed-ipt .select-wrap.secelt-full{width: 100%;}
.btn-groups{width: 80%; margin: 30px auto 0;}
.btn-groups a{display: block; width: 100%; line-height: 36px; text-align: center; font-size: 14px; border-radius: 6px; font-size: 16px;}
.btn-groups a.update-btn{border: 1px solid #d62f26; background-color: #d62f26; color: #fff;}