.user-new {
    --white: #ffffff;
    --red: #9a0000;
    --text-color: #181818;
    --divide-line-color: #eeeeee;
    --background-color: #eeeeee;
}

.user-new {
    padding: 0;
    margin: 0;
    background: transparent;
}

.user-new .ele-padding{
    padding: 0 20px;
}

.user-new .ele-margin-bottom--md{
    margin-bottom: 14px;
}
.user-new .ele-padding-bottom--lg{
    padding-bottom: 31px;
}


.user-new__form {
}

.user-new fieldset {
    display: none;
}
.user-new .user-new__detail {
    background: var(--white);

    padding: 45px 26px;

    height: 64px;
}

.user-new .layui-nav-bar {
    display: none !important;
}

.user-new .user-new__detail .user-detail__avatar {
    float: left;

    width: 64px;
    height: 64px;
}
.user-new .user-new__detail .user-detail__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.user-new .user-new__detail .user-detail__name,
.user-new .user-new__detail .user-detail__email {
    display: inline-block;
    margin-left: 10px;
    width: calc(100% - 26px * 2 - 32px);
    color: var(--text-color);
}
.user-new .user-new__detail .user-detail__name {
    font-size: 18px;
    margin-top: 3px;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
}
.user-new .user-new__detail .user-detail__email {
    font-size: 16px;
    margin-top: 12px;
    height: 24px;
    white-space: nowrap;
    line-height: 24px;
    color: var(--secondary-text-color);

    overflow: hidden;
    text-overflow: ellipsis;
}

.user-new .user-new__detail .user-detail_long_email {
    font-size: 16px;
    margin-left: 75px;
    height: 24px;

    line-height: 24px;
}

.user-new .user-new__submenu{
    background: #f6f6f6;
    padding: 0;

    margin-top: 8px;

    width: 100%;
}
.user-new .user-new__submenu li{
    display: block;
    height: 56px;
    border-bottom: 1px solid var(--divide-line-color);
    background: var(--white) !important;
}

.user-new .user-new__submenu li#menuh-account-logout{
    margin-top: 10px;

    text-align: center;

    height: 48px;
}
.user-new .user-new__submenu li#menuh-account-logout a {
    height: 48px;
    line-height: 48px;
}
.user-new .user-new__submenu li#menuh-account-logout a:after{
    display: none;
}
.user-new .user-new__submenu li#menuh-account-logout a span+span {
    margin: 0;
    color: var(--red);
}
.user-new .user-new__submenu li.layui-this,
.user-new .user-new__submenu li.layui-this a{
    background: var(--background-color) !important;
    color: var(--text-color);
}
.user-new .user-new__submenu li::after{
    height: 0 !important;
}

.user-new .user-new__submenu li a {
    color: var(--text-color);
    background: var(--white) !important;

    height: 56px;
    line-height: 56px;

    padding: 0 20px;
}

.user-new .user-new__submenu li a::after {
    content: "";

    float: right;

    width: 8px;
    height: 16px;
    margin-top: 18px;

    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAcCAYAAAC+lOV/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NDVhMzcxYy1jN2ZjLWZmNDAtYmViNi1kMGNhNmY3YTAzMjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzFERUFDQTYyMzc3MTFFOUFBNDZGODU3OUJEREUxNzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzFERUFDQTUyMzc3MTFFOUFBNDZGODU3OUJEREUxNzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU3MTBjOTk4LTAxMjEtZjg0Yy05ZTFiLTRlYmRhYTljMDQxYiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmY4M2FjMTE0LTg5ODItYjQ0Ny1iNTQ3LTA1YTI4NDc4MjdmZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtuY9ioAAAFESURBVHjanJTNSsNAFIWnaXdFugi4diGtD2BpTfFn19Y3cN9n8w1EQVpFO0FtcSk0mz5AcaEP0HgGTmAsSW5uBw53GPKdmdyZe2vW2ntjzBE0iaLIGsUIoBF0Ar3EcXyuhWNv/qwxcMAYSvYxqKVpavBxyBO0ub6FrpCDVxF2gwYrKPQMwEfvIkyDDoL1DH6hLgwSEfYMFtABl755gkSEadDnCYIyg1yYBi7jM6hRZFAI02CI8OAt/TMohWlwg3CbZyDCJQaDSnCBwTpQ1MEG8ndqBIpdH12OvGMPqyTsGuFu93+RsJV0Ve6un6A6l36gngOlR3KGMPde2ZbgUnqerjQ/oWZZieYVRpu1HUq1vVuShwhfVcC8ZvAGHVftJlkbamH+oW5D6Nt17niqAbNuOd0HzOBLzlMNmMGWj/5CA7rxJ8AAvlbGVV5vBQwAAAAASUVORK5CYII=") no-repeat;
    background-size: 8px 16px;
}
.user-new .user-new__submenu li a:hover {
    color: var(--text-color);
}

.user-new .user-new__submenu li a span:first-child {
    color: #a1a1a1;
    font-size: 1.5em;
}
.user-new .user-new__submenu li a span:first-child::before {
    min-width: 15px;
    max-width: 15px;
    min-height: 15px;
    max-height: 15px;
}
.user-new .user-new__submenu li a span+span {
    margin-left: 23px;
    font-size: 15px;
}

.user-new .user-new__reset-passwd {
    padding: 0;
    background: transparent;
}

.user-new .user-new__reset-passwd .reset-passwd__table {
    padding: 0;
    margin-bottom: 13px;
}

.user-new .user-new__reset-passwd .reset-passwd__table td,
.user-new .user-new__reset-passwd .reset-passwd__table tr,
.user-new .user-new__reset-passwd .reset-passwd__table th
{
    border: 0;
    background: var(--white);
}

.user-new .user-new__reset-passwd .reset-passwd__table tr {
    border-bottom: 1px solid var(--divide-line-color);
}
.user-new .user-new__reset-passwd .reset-passwd__table tr:last-child {
    border-bottom: 0;
}
.user-new .user-new__reset-passwd .reset-passwd__table td input {
    background-color: var(--white);
}
.user-new .user-new__reset-passwd .reset-passwd__table td.label {
    text-align: left;
    padding: 13px 0 13px 20px;
}