#userPageWarp{
    width: 97%;
    margin: 30px auto 0;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.userPage-Left{
    width: 18.7%;
}
.userPage-Left .user-information{
    border-radius: 10px;
    margin-bottom: 10px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 0 15px 16px;
    border: 1px solid #f3f3f3;
}
.user-information .avatar-module{
    padding: 35px 0 28px;
}
.user-information .avatar-module .avatar-image{
    width: 80px;
    height: 80px;
    border: 3px solid #fff;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
}

/*.user-information .avatar-module .avatar-image:after {*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    border-radius: 50%;*/
/*    left: 0;*/
/*    top: 0;*/
/*}*/
.user-information .avatar-module .avatar-image > img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
}
.user-information .avatar-module .avatar-image:hover > img{
    opacity: 0.6;
}
.user-information .avatar-module .avatar-image .vip-ico{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -2px;
    border: 2px solid #fff;
}

.user-information .avatar-module .avatar-image .vip-ico img {
    border-radius: 0;
    display: block;
    width: 100%;
}
.user-information .avatar-module .avatar-image .vip-ico img{}
.user-information .avatar-module #avatar-upload-button{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    cursor: pointer;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    opacity: 0;
}

.user-information .avatar-module .avatar-image:hover #avatar-upload-button {
    opacity: 1;
}

.user-information .avatar-module #avatar-upload-button i {
    font-size: 36px;
    color: #fff;
}
.user-information .avatar-module .avatar-text{
    text-align: center;
    padding: 14px 0 0;
}
.user-information .avatar-module .avatar-text .userName{
    display: inline-block;
    position: relative;
    font-size: 0;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
}
.user-information .avatar-module .avatar-text #modify-userName-btn{
    position: absolute;
    right: -18px;
    top: 1px;
    cursor: pointer;
    color: #0560f8;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s;
    opacity: 0;
}

.user-information .avatar-module .avatar-text:hover #modify-userName-btn {
    opacity: 1;
}
.user-information .avatar-module .avatar-text h2{
    font-size: 16px;
    font-weight: inherit;
    color: #111;
    display: inline-block;
}
.user-information .avatar-module .avatar-text p{
    font-size: 12px;
    color: #afafaf;
}
.user-information .user-data{
    background: #f7f7f7;
    border-radius: 10px;
    /* border: 1px solid #f3f3f3; */
}
.user-information .user-data ul{
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    padding: 20px 0;
}
.user-information .user-data ul li{
    list-style: none;
    text-align: center;
    width: 30%;
}
.user-information .user-data ul li > a{
    display: block;
    width: 100%;
}
.user-information .user-data ul li h3{
    font-size: 16px;
    font-weight: bold;
    color: #111;
    padding-bottom: 6px;
}
.user-information .user-data ul li p{
    font-size: 12px;
    color: #666;
}
.userPage-Left .universal-module{
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 23px 20px;
}
.userPage-Left .universal-module .tit{}
.userPage-Left .universal-module .tit h2{
    font-size: 14px;
    color: #222;
}
.userPage-Left .universal-module .circular-list{
    margin-top: 16px;
}
.userPage-Left .universal-module .circular-list ul{
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.userPage-Left .universal-module .circular-list ul li{
    list-style: none;
    width: 56px;
    text-align: center;
}
.userPage-Left .universal-module .circular-list ul li > a{}
.userPage-Left .universal-module .circular-list ul li .img-box{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}
.userPage-Left .universal-module .circular-list ul li .img-box img{
    display: block;
    width: 100%;
    height: 100%;
}
.userPage-Left .universal-module .circular-list ul li p{
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin-top: 6px;
}

.userPage-Right{
    width: 80%;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #f3f3f3;
}
.userPage-Right-tab{
    border-bottom: 1px solid #ecf0f1;
}
.userPage-Right-tab ul{
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    padding: 0 36px;
}
.userPage-Right-tab ul li{
    list-style: none;
    margin-right: 60px;
    position: relative;
}
.userPage-Right-tab ul li > a{
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 0;
    position: relative;
}

.userPage-Right-tab ul li > a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    background: #0560f8;
}

.userPage-Right-tab ul li.on > a:after {
    width: 100%;
}
.userPage-Right-tab ul li span{
    font-size: 14px;
    color: #222;
    font-weight: 500;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
}
.userPage-Right-tab ul li.on{}
.userPage-Right-tab ul li.on a{}
.userPage-Right-tab ul li.on span, .userPage-Right-tab ul li:hover span{
    color: #0560f8;
}

.userPage-Right .News-List-01{
    padding: 30px 30px;
}
.userPage-Right .News-List-01 ul li{
    padding: 6px;
}
.userPage-Right .News-List-01 ul li:hover {
    box-shadow: 0px 0px 0px rgba(100, 100, 100, .1);
}
.userPage-Right  .News-List-01 ul li h2 a{
    font-size: 14px;
    line-height: 22px;
    height: 46px;
}
#Pop-up-Frame-Modify {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px 20px 30px;
    border: 1px solid #dfdfdf;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    z-index: 100;
    font-size: 0;
    box-sizing: border-box;
    width: 90%;
    max-width: 390px;
}
#Pop-up-Frame-Modify h2{
    font-size: 18px;
    color: #222;
    margin-bottom: 10px;
}
#Pop-up-Frame-Modify input{
    background-color: #f5f6f7;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    box-sizing: border-box;
    height: 42px;
    line-height: normal;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 10px;
    outline: none;
}
#Pop-up-Frame-Modify button{
    background-color: #2e70dd;
    border: none;
    border-radius: 3px;
    box-sizing: border-box;
    height: 42px;
    line-height: normal;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 0;
    padding: 0 10px;
    outline: none;
    cursor: pointer;
    color: #fff;
}

#Pop-up-Frame-Modify  #cancel-btn {
    margin-right: 0;
}
#Pop-up-Frame-Modify button:hover{
    opacity: .7;
}

.Mask-modle{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 99;
    opacity: .2;
    /*backdrop-filter: blur(5px);*/
}

.userPage-Right-content-public{
    padding: 30px 30px;
    min-height: 340px;
}
.custom-Comments{}
.custom-Comments-list{
    position: relative;
    top: -18px;
}
.custom-Comments-list ul{}
.custom-Comments-list ul li{
    list-style: none;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
    padding: 20px 0;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.custom-Comments-list ul li:nth-child(1) {
    /* padding-top: 0; */
}
.custom-Comments-list ul li .profile-Picture{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
}
.custom-Comments-list ul li .profile-Picture img{
    display: block;
    width: 100%;
    height: 100%;
}
.custom-Comments-list ul li .content{
    padding: 0 0 0 12px;
    box-sizing: border-box;
    width: 80%;
}
.custom-Comments-list ul li .content .top{
    font-size: 0;
}
.custom-Comments-list ul li .content .top a{
    font-size: 14px;
    color: #222;
}
.custom-Comments-list ul li .content .top .show-parent{
    color: #2196F3;
    display: inline-block;
    margin-left: 16px;
}
.custom-Comments-list ul li .content .top span{
    font-size: 14px;
    display: inline-block;
    padding: 0 4px;
    color: #666;
}
.custom-Comments-list ul li .content .center{
    margin: 10px 0 14px;
    font-size: 15px;
    line-height: 22px;
    color: #5f5f5f;
}
.custom-Comments-list ul li .content .bottom{
    display: -webkit-flex;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}
.custom-Comments-list ul li .content .bottom span{
    font-size: 13px;
    color: #999;
}
.custom-Comments-list ul li .content .bottom .reply-btn{
    margin: 0 7px;
    color: #979797;
    cursor: pointer;
    font-size: 12px;
    background: #f5f5f5;
    border-radius: 4px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    padding: 0 10px;
}
.custom-Comments-list .reply-box{
    padding: 0 0 0 0px;
    box-sizing: border-box;
    width: 80%;
    margin: 14px 0 0 38px;
}
.custom-Comments-list .reply-box textarea{
    width: 100%;
    height: 80px;
    padding: 12px;
    font-size: 14px;
    resize: none;
    box-sizing: border-box;
    font-family: auto;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    color: #222;
    outline: none;
}
.custom-Comments-list .reply-box .submit-btn{
    margin-top: 2px;
    margin-top: 0px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    background: #0560f8;
    color: #fff;
    padding: 0 26px;
    border-radius: 6px;
    box-sizing: border-box;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    border: none;
    cursor: pointer;
}

.custom-Comments-list .article-wrap{
    width: 120px;
    position: absolute;
    right: 0;
    top: 18px;
}
.custom-Comments-list .article-wrap a{
    display: block;
}
.custom-Comments-list .article-wrap a .img-box{
    width: 100%;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
}
.custom-Comments-list .article-wrap a img{
    display: block;
    width: 100%;
}
.custom-Comments-list .parent-reply{
    border: 1px solid #ecf0f1;
    background: #f9f9f9;
    border-radius: 8px;
    margin: 10px 0 12px;
    padding: 15px 16px 20px;
    position: relative;
    display: none;
}
.custom-Comments-list .parent-reply .profile-Picture{
    position: absolute;
    left: 20px;
    top: 15px;
    width: 26px !important;
    height: 26px !important;
}
.custom-Comments-list .parent-reply .profile-Picture img{}
.custom-Comments-list .parent-reply .content{
    padding: 1px 0 0 40px !important;
    width: 94% !important;
}
.custom-Comments-list .parent-reply .content .top{}
.custom-Comments-list .parent-reply .content .top a{
    font-size: 13px !important;
    color: #4f4f4f !important;
    font-weight: normal !important;

}
.custom-Comments-list .parent-reply .content .center{
    font-size: 13px !important;
    color: #222 !important;
    line-height: 20px !important;

}
.custom-Comments-list .parent-reply .content .bottom{}
.custom-Comments-list .parent-reply .content .bottom span{}
.custom-Comments-list ul li .content .bottom .delete-btn{
    margin: 0 2px;
    color: #979797;
    cursor: pointer;
    font-size: 12px;
    border-radius: 4px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    padding: 0 6px;
    display: none;
}
.custom-Comments-list ul li:hover .content .bottom .delete-btn{
    display: block;
}



.order-Management{}
.order-Management table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0px;
    border: 1px solid #f1f4f5;
}

.order-Management thead {
    border: 1px solid #e7edef;
    border-width: 0 1px;
}

.order-Management th, .order-Management td {
    border: 1px solid #f1f4f5;
    padding: 12px;
    text-align: left;
    border-width: 1px 0;
}

.order-Management tr:nth-child(1) td {border: none;}

.order-Management  tr:nth-child(even) {
    background-color: #fdfeff;
}

.order-Management  tr:hover {
    background-color: #f5f7f8b3;
}

.order-Management  th {
    background-color: #f5f7f8;
    color: #000000;
    border: 1px solid #e7edef;
    border-width: 1px 0;
    font-weight: bold;
}
.order-Management .tag{
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 8px 12px;
    font-size: 12px;
    border-radius: 4px;
}
.order-Management .tag-success{
    color: #67c23a;
    background: #f0f9eb;
    border-color: #c2e7b0;
}
.order-Management .tag-error{
    color: #f56c6c;
    background: #fef0f0;
    border-color: #fbc4c4;
}

.profile {
    display: flex;
    align-items: center;
    background: linear-gradient(180deg, #fff6e6, #ffd69e);
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    position: relative;
    border: 1px solid #f2dec3;
}

.profile img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px;
    background: linear-gradient(135deg, #fbe9ce, #eabf83);
    padding: 3px;
}

.profile .profile-text {
    font-size: 14px;
    color: #a77f55;
}

.profile .profile-text .username {
    margin-bottom: 5px;
    font-size: 16px;
    color: #653b16;
}

.profile .badge {
    position: absolute;
    top: 16px;
    right: 10px;
    width: 76px;
    background: none;
    height: auto;
    opacity: 0.8;
}

.membership-options {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.membership-options.interdict{
    pointer-events: none;
    filter: grayscale(100%);
    opacity: .5;
}
.membership-options .membership-card {
    background: linear-gradient(180deg, #fff, #fffbf5);
    border: 1px solid #f2e9de;
    border-radius: 8px;
    padding: 20px 20px 26px;
    flex: 1;
    text-align: center;
    /* box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); */
}

.membership-options .membership-card h3 {
    font-size: 16px;
    margin: 10px 0;
    color: #333;
}

.membership-options .membership-card .price {
    font-size: 24px;
    font-weight: bold;
    color: #ff7f2a;
    margin-bottom: 15px;
}

.membership-options .membership-card button {
    background-color: #ff7f2a;
    color: #fff;
    border: none;
    padding: 6px 20px;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer;
}

.membership-options .membership-card button:hover {
    background-color: #ff9c52;
}



.like-List{
    position: relative;
    top: -24px;
}
.like-List li{
    list-style: none;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
    padding: 24px 0;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: relative;
    align-items: center;
    align-content: center;
}
.like-List li .name-box{
    display: -webkit-flex;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}
.like-List li .name-box .img-box{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
}
.like-List li .name-box .img-box img{
    display: block;
    width: 100%;
    height: 100%;
}
.like-List li .name-box p{
    color: #222;
    font-weight: bold;
    padding-left: 4px;
}
.like-List li .text{
    display: -webkit-flex;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}
.like-List li .text p{
    padding: 0 7px;
}
.like-List li .text p.time{
    padding-right: 30px;
}
.like-List li .text p a{
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
}
.like-List li .text p a:hover{
    color: #222;
}


.like-List li .a-box{
    position: absolute;
    right: 0;
    top: 9px;
    width: 70px;
    height: auto;
    overflow: hidden;
    border-radius: 10px;
    font-size: 0;
}
.like-List li .a-box a{
    display: block;
    width: 100%;
    font-size: 0;

}
.like-List li .a-box img{
    width: 100%;
}



#MessageRemindPage{
    height: 100%;
    background: #fff;
}
.MessageRemindPage-Tab ul {
    list-style: none;
    padding: 0;
    display: flex;
}
.MessageRemindPage-Tab li {
    padding: 0;
    cursor: pointer;
    margin: 0 0px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.MessageRemindPage-Tab .on {
    /* background-color: #ffffff; */
}
.MessageRemindPage-con .MessageRemindPage-item {
    display: none;
}
.MessageRemindPage-con .on {
    display: block;
}
.MessageRemindPage-Tab {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}
.MessageRemindPage-Tab ul {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    background: #ececec;
    padding: 12px 4px;
    FONT-VARIANT: JIS04;
}
.MessageRemindPage-Tab ul li {
    color: #666;
    display: block;
    padding: 5px 20px;
    position: relative;
    background: #ffffff;
    border-radius: 20px;
    margin: 0 5px;
    display: -webkit-flex;
    display: flex;
}
.MessageRemindPage-Tab ul li span {
    position: relative;
    border-radius: 20px;
}

.MessageRemindPage-Tab ul li i {
    background: red;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-style: normal;
    text-align: center;
    line-height: 18px;
    display: block;
    margin-left: 4px;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.MessageRemindPage-Tab ul li span:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    background: #c5c5c5;
    display: none;
}

.MessageRemindPage-Tab ul li.on span:after {
    display: block;
}
.MessageRemindPage-Tab ul li.on {
    color: #ffffff;
    background: #2a7bf9;
}
.MessageRemindPage-con {
    background: #fff;
    padding: 20px;
    padding-top: 80px;
}
.MessageRemindPage-con  .MessageRemindPage-item {}


.userWorks-Box .video-list {
    width: 100%;
    padding: 8px 30px 30px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.userWorks-Box .video-item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.userWorks-Box .video-item:last-child {
    border-bottom: none;
}

.userWorks-Box .img-box {
    width: 138px;
}
.userWorks-Box .img-box a{
    display: block;
    width: 100%;
    height: 0;
    padding-top: 66%;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-color: #f0f0f0;
    background-image: url('../images/lazyLoadImg.jpg');
    transition: background-image 0.3s ease-in-out;
}

.userWorks-Box .video-info {
    padding: 0 50px 0 16px;
    box-sizing: border-box;
    width: calc(100% - 315px);
}

.userWorks-Box .video-info h3 {
    font-size: 16px;
    color: #333;
    margin: 0 0 16px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.userWorks-Box .video-info h3 a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.userWorks-Box .video-info .date {
    font-size: 14px;
    color: #3f3f3f;
    margin-bottom: 11px;
}

.userWorks-Box .stats {
    font-size: 12px;
    color: #999999;
    display: flex;
    gap: 24px;
}

.userWorks-Box .stats p {}

.userWorks-Box .stats p i {
    position: relative;
    top: 1px;
    margin-right: 2px;
}

.userWorks-Box .edit-btn {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 0;
    font-size: 12px;
    border-radius: 4px;
}
.userWorks-Box .delete_article_button{
    padding: 8px;
    margin-left: 6px;
}
.userWorks-Box .edit-btn:hover {
    background: #f7f7f7;
    color: #333;
}

.userWorks-Box .edit-btn a{
    position: relative;
    display: block;
    padding: 8px 12px;
}


.userWorks-Box .tag{
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 8px 12px;
    font-size: 12px;
    border-radius: 4px;
    margin-right: 6px;
}
.userWorks-Box .tag-success{
    color: #67c23a;
    background: #f0f9eb;
    border-color: #c2e7b0;
}
.userWorks-Box .tag-error{
    color: #f56c6c;
    background: #fef0f0;
    border-color: #fbc4c4;
}



@media screen and (max-width: 1380px) {

}

@media screen and (max-width: 1080px) {
    #userPageWarp {
        margin: 10px auto 0;
    }
    .userPage-Left {
        width: 100%;
    }
    .userPage-Right{
        width: 100%;
    }
    .userPage-Right-tab ul{
        padding: 0 15px;
        justify-content: space-between;
    }
    .userPage-Right-tab ul li{
        margin-right: 0;
    }
    .userPage-Right-tab ul li span {
        white-space: nowrap;
    }
    .userPage-Right-tab ul li > a {
        height: 50px;
        line-height: 50px;
    }
    .userWorks-Box .video-list {
        padding: 0px 15px 15px;
    }
    .userWorks-Box .img-box{
        width: 100%;
    }
    .userWorks-Box .video-info{
        width: 100%;
        padding: 14px 0;
    }
    .userWorks-Box .video-info h3{
        margin-bottom: 10px;
    }
    .userWorks-Box .video-info .date{}
    .userWorks-Box .stats{}
    .custom-Comments-list .article-wrap {
        width: 64px;
    }
    .custom-Comments-list .article-wrap a .img-box {
        height: 42px;
    }
    .userPage-Right-content-public,
    .userPage-Right .News-List-01{
        padding: 15px 15px;
    }
    .userPage-Right .News-List-01 ul li {
        padding: 0;
    }
    .custom-Comments-list ul li .content {
        width: 68%;
    }
    .custom-Comments-list ul li .content .bottom {
        width: 120%;
    }
    .profile .badge{
        display: none;
    }
    .membership-options .membership-card{
        width: 100%;
    }
}