.full-img img {
    width: 100%;
    height: 100%;
}

.user-center-container {
    background-color: #f7f7f7;
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 0 0 4.5rem;
}

.user-center-container .user-info-con {
    width: 100%;
    height: 5.5rem;
    background: url("/image/self/user_bg.jpg") no-repeat;
    background-size: 100% 5.5rem;
    display: flex;
    align-items: center;
}

.user-center-container .user-info-con .img-con {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 1.5rem;
    overflow: hidden;
    margin: 0 0.75rem 0 .85rem;
}

.user-center-container .user-info-con .img-con img {
    width: 100%;
    height: 100%;
}

.user-center-container .user-info-con .txt {
    display: flex;
    flex-direction: column;
}

.user-center-container .user-info-con .txt span {
    font-size: .75rem;
    color: #fff;
    margin: 0 0 .2rem;
}

.user-center-container .nav-item {
    display: flex;
    justify-content: space-between;
    padding: .5rem .75rem;
    background: #fff;
    margin: 0 0 .5rem;
}

.user-center-container .nav-item li {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    justify-content: space-between;
}

.user-center-container .nav-item li span {
    color: #6a6a6a;
    font-size: .7rem;
    margin: .5rem 0 0;
}

.user-center-container .nav-item li em {
    display: none;
    background-color: #ff0000;
    position: absolute;
    color: #fff;
    font-size: .6rem;
    width: .875rem;
    height: .875rem;
    border-radius: 50%;
    right: 0;
    top: -9px;
    text-align: center;
    line-height: .9rem;
    font-weight: bold;
}

.user-center-container .nav-item li em.show {
    display: block;
}

.user-center-container .logout {
    width: 100%;
    height: 3.2rem;
    background-color: #fff;
    line-height: 3.2rem;
    text-align: center;
    font-size: .825rem;
    color: #999;
    margin: 0 0 .5rem;
}

.user-center-container .opr-item {
    background: #fff;
    margin: 0 0 .5rem;
}

.user-center-container .opr-item li {
    display: flex;
    align-items: center;
    padding: .8rem 0.75rem;
    justify-content: space-between;
    border-bottom: 1px solid #e8e9ed;
}

.user-center-container .opr-item li .l-con {
    display: flex;
    align-items: center;
}

.user-center-container .opr-item li .l-con span {
    color: #222;
    font-size: .75rem;
    margin: 0 0 0 .7rem;
}

.user-center-container .opr-item li .r-con {
    font-size: .8rem;
    color: #afaeae;
}

.register-container {
    background: none;
    position: fixed;
}

.register-container .reg-con button.reg-btn {
    width: 100%;
    background-size: 100% 3.85rem;
}