@charset "utf-8";
.user-top{ width: 100%; background:url(../images/user_bg.png) no-repeat center; background-size: cover; position: relative;}
.user-header{ background: none;}
/*------会员信息------*/
.user-info{ overflow: hidden; padding: 50px 26px 50px 26px;}
.user-info a{ color: #fff; overflow: hidden; display: block;}

.user-info .user-photo{ width: 80px; height: 80px; border: #fff 2px solid; border-radius: 100%; overflow: hidden; margin: 0 auto;}
.user-info .user-photo img{ width:100%; height: 100%;}

.user-info h3{ font-size: 16px; text-align: center; padding: 5px 0 0 0;}

/*------信用等级------*/
.user-level{ width: 100%; text-align: center;}
.user-level i{ width:20px; height: 20px; background: url(../images/icon_heart.svg) no-repeat center; background-size: 15px auto; display: inline-block;}

/*------余额------*/
.user-wallet{ width:auto; background: #fff; border-radius: 5px; box-shadow: 0 2px 5px rgba(185,196,213,.4); overflow: hidden; position: absolute; left: 20px; right: 20px; bottom: -30px;}
.user-wallet li{ width: 50%; text-align: center; overflow: hidden; float: left; position: relative; padding: 10px 0;}
.user-wallet li:after{ width: 1px; height: 20px; content: ''; background: #eee; position: absolute; left: 0; top: 20px;}
.user-wallet li:first-child:after{background:none;}
.user-wallet li a{ display: block;}
.user-wallet li i{ font-size: 30px; color: #9d1515;display: block;}
.user-wallet li span{ font-size: 14px; color: #999;}

.user-setting {background-color: #fff;padding-top: 50px;}
.user-setting .layui-form-item{margin-bottom: 5px;border-bottom: 1px #eee solid;}
.user-setting .layui-form-label{padding: 15px;text-align:left;font-size: 14px;width: 100px;color: #000;}
.user-setting .layui-form-label i{color: #9d1515;font-size: 20px;margin-right:10px;}
.user-setting .layui-form-mid{padding: 15px 0!important;text-align: right;float: right;color:#999;margin-right: 20px;}