.root{background: #f7f8fa}

.user-main{min-height:  max(calc(100vh - 268px - 10vh), 800px);padding: 20px 0;margin: 0 auto; margin-bottom: 10vh;}
.payment-main{min-height: calc(100vh - 48px);padding: 20px 0;margin: 0 auto; }
.app-root{background: #f7f8fa}
/*头部*/
.u-meta{height: 48px;}
.u-meta .u-container{
    background:#fff;
    border-bottom:1px solid rgba(0,0,0,.1);font-size:14px;
    position: fixed;top: 0;right: 0;left: 0;z-index: 99;
    height: 48px;
}
.u-flex{display:flex;align-items:center;justify-content: space-between;line-height: 46px;    margin: 0 auto;}



.head ul{list-style: none;display: flex;}
.head a{text-decoration: none;color: #303133}
.head .login a{padding: 0 0.3125rem;height: 100%}
.head-left  .icon{
    display: block;
    height: 40px;
}
.head-left  .icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.head-left span{font-size: 14px;}
.head-right ul{display: flex;}
.head-right li{padding: 0 0.9375rem;}
.head-right .hide{display: none}
.head-right .cover-box{ display: flex;justify-content: center;align-items: center;height: 100%;}
.head-right .user-cover{width: 2.125rem;height: 2.125rem;border-radius: 50%;border: 1px #1E9FFF solid;padding: 1px}
.head-right .ring{position: relative;}
.head-right .ring .right-badge{
    content: "";
    position: absolute;
    top: 20%;
    right: 20%;
    width: 6px;
    height: 6px;
    background-color: #FF5722;
    border-radius: 50%;
    display: none;
}
.head-right .ring i{font-size: 1.25rem;}
.head-right .active a{color: #155bd4;}

/*头部用户卡片*/
.user-card{width:300px;position:absolute;background-color:#fff;right:0;top:48px;border-radius:0 0 4px 4px;border:1px solid rgba(0,0,0,.05);border-top:0;display: none;}
.user-card .user-info{text-align:center;background-color:#fafafa;padding:15px 10px;}
.user-card .user-info img{border-radius:100%;width:48px;height: 48px;}
.user-card .user-info .name{font-size:16px;margin:0}
.user-card .user-info .description{font-size:14px;color:rgba(0,0,0,.6);line-height: 1.8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    }
.user-card .user-menu{background-color:#fff}
.user-card .menu-item i{font-size:20px!important;padding-bottom:10px}
.user-card .menu-item .item{color:rgba(0,0,0,.6);width:33%;text-align:center;line-height:1.2;padding:10px 0;display:grid;font-size: 14px;}
.user-menu a,.user-menu i,.user-menu span{color:#7f7f7f}
.user-card .menu-item:last-child{border-top:1px solid #eee;}
.user-card .menu-item{display:flex;justify-content:center;align-items:center}
.user-card .menu-item.link a{width:50%;display:block;text-align:center;font-size: 14px;}
.user-card .menu-item.link a:last-child{border-left:1px solid #eee}
.user-card .item:hover i,.user-card .item:hover span{color:#4370f5; }
.menu-item a:hover{color:#4370f5;}
.u-relative{position: relative}
.u-relative:hover .user-card{display: block}

.uz-flex{
    display: flex;
    gap: 20px;
}
.ruleForm{margin: 20px}
.ruleForm .submit-btn{width: 100%;}
.ruleForm .el-form-item__label{padding: unset!important;}

/* 左侧菜单栏样式 v2 */
.uc-sidebar { flex:0 0 200px; background: #fff; border-radius: 4px; border: 1px solid #e6e6e6; box-sizing: border-box; }
.user-brief { padding: 30px 20px; text-align: center; border-bottom: 1px solid #f4f4f4; }
.user-brief .nickname { margin-top: 12px; font-size: 14px; font-weight: bold; color: #333; }
.user-brief .role-tag { margin-top: 5px; font-size: 12px; color: #999; }

/* 高亮样式  v2*/
.menu-vertical { list-style: none; padding: 0; margin: 0; }
.menu-vertical li.active a {
    background: #fdf2f2; color: #e4393c; border-left: 3px solid #e4393c; font-weight: bold;
}
.menu-vertical li{font-size: 14px;}
.menu-vertical li.group-title { padding: 15px 20px 5px; font-size: 14px; color: #999; }
.uc-content { flex: 1; background: #fff; border: 1px solid #ddd; padding: 20px; }
.menu-vertical li a i{margin-right: 8px;}
.menu-vertical li a {
    display: block; padding: 12px 20px; color: #666;
    text-decoration: none; border-left: 3px solid transparent;
}

/* 右侧内容区样式 v2*/
.uc-content { flex: 1; background: #fff; border-radius: 4px; border: 1px solid #e6e6e6; min-height: 700px; padding: 25px; box-sizing: border-box; }
.content-header { margin-bottom: 25px; border-bottom: 1px solid #eee; padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center; }
.content-header h2 { margin: 0; font-size: 18px; color: #333; font-weight: normal;}



/*资料修改*/
.base-profile{width: 360px;margin-top: 20px;font-size: 14px;}
.base-profile .user-cover{width: 80px;height: 80px;border-radius: 50%;}
.base-profile li:first-child{justify-content: center;padding-bottom: 20px;}
.base-profile li{display: flex;justify-content: space-between;line-height: 48px;align-items: center;}
.base-profile li:not(:last-child){border-bottom: 1px solid #f2f2f2;}
.base-profile .iconfont{margin-right: 10px;font-size: 16px;}
.base-profile li span:first-child{width: 30%;}
.base-profile li span:last-child{width: 70%;}
.base-profile li:last-child span:last-child{line-height:1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 40px;
}


.avatar-section{margin-top: 20px;}
.avatar-section .avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.avatar-section .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
}
.avatar-section .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 128px;
    height: 128px;
    line-height: 128px;
    text-align: center;
}
.avatar-section .avatar {
    width: 128px;
    height: 128px;
    display: block;
}
.avatar-section .avatar-btn{margin-top: 40px;}


.operator-list .btn{cursor: pointer;}


.footer-actions { text-align: center; margin-top: 30px; padding-bottom: 50px; }