@media only screen and (min-width: 561px){.profile-header{display:block}.profile-header .black-bar{position:absolute;width:100%;height:40px;margin-top:247px;background-color:rgba(0,0,0,0.5);border-color:#707070;z-index:5}.profile-header .black-bar .slider{position:absolute;right:398px;margin-top:16px;-webkit-appearance:none;width:160px;height:8px;border-radius:10px}.profile-header .black-bar .slider::-webkit-slider-thumb{-webkit-appearance:none;-webkit-appearance:none;height:18px;width:18px;margin-top:-5px;background:#FFFFFF;border-radius:50%;border:1px solid rgba(238,62,117,0.5);box-shadow:0 .125em .125em #3b4547}.profile-header .black-bar .slider::-webkit-slider-runnable-track{width:160px;height:8px;border-radius:10px;background-color:rgba(0,0,0,0.5);box-shadow:0 1px 1px #707070, inset 0 .125em .125em #707070}.profile-header .black-bar .slider:focus{outline:none}.profile-header .black-bar .btn-cover-upload{font-size:10px;height:14px;color:#FFFFFF;position:absolute;right:574px;margin-top:12px}.profile-header .black-bar .btn-cover-cancel{position:absolute;min-width:100px;height:32px;background-color:rgba(0,0,0,0.1);border-radius:4px;border:1px solid #FFFFFF;right:258px;margin-top:4px}.profile-header .black-bar .btn-cover-submit{position:absolute;min-width:100px;height:32px;background:#fa0079 0% 0% no-repeat padding-box;border-radius:4px;border:1px solid #fa0079;right:150px;margin-top:4px}.profile-header .black-bar .btn-cover-submit span{color:#FFFFFF;height:16px;font-size:12px;text-align:center}.profile-header .black-bar .btn-cover-text{color:#FFFFFF;height:16px;font-size:12px;text-align:center}.profile-header .cover-container{height:287px;overflow:hidden;position:relative}.profile-header .user-info-sp{display:none}.profile-header .thumbnail{width:100%;height:400px;-o-object-fit:cover;object-fit:cover;display:none}.profile-header .header-container{margin-top:20px}.profile-header .header-container .user-info{width:100%;height:116px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.profile-header .header-container .user-info .change-cover-img{width:148px;height:32px;background:#fa0079 0% 0% no-repeat padding-box;border-radius:4px;border:1px solid #fa0079;color:#FFFFFF;float:right;margin-left:20px !important}.profile-header .header-container .user-info .change-cover-img:hover{background:#e80171 0% 0% no-repeat padding-box}.profile-header .header-container .user-info a.change-cover-img{width:148px;height:auto;text-align:center;padding:0.6rem 0;font-size:12px;background:#fa0079 0% 0% no-repeat padding-box;border-radius:4px;border:1px solid #fa0079;color:#FFFFFF;float:right;margin-left:20px !important}.profile-header .header-container .user-info .edit-profile{width:148px;height:32px;background:#FFFFFF 0% 0% no-repeat padding-box;border-radius:4px;border:1px solid #fa0079;color:#fa0079;margin-top:0;float:right}.profile-header .header-container .user-info .edit-profile:hover{background:#e80171 0% 0% no-repeat padding-box}.profile-header .header-container .user-info .avatar{width:100px;height:116px;float:left;position:relative}.profile-header .header-container .user-info .avatar .profile-thumbnail{width:100px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:50%;cursor:pointer}.profile-header .header-container .user-info .avatar .profile-thumbnail:hover{background:#FFFFFF 0% 0% no-repeat padding-box;opacity:0.8}.profile-header .header-container .user-info .avatar .flag{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;border-radius:50%;position:absolute;right:0px;bottom:10px;margin-top:-37px;margin-left:87px;overflow:hidden}.profile-header .header-container .user-info .avatar .flag:hover{background:#FFFFFF 0% 0% no-repeat padding-box;opacity:0.8}.profile-header .header-container .user-info .avatar .flag img{width:39px;height:39px;margin-top:-3px;margin-left:-3px}.profile-header .header-container .user-info .club-infos{width:70%}.profile-header .header-container .user-info .club-infos .info{margin-top:15px;margin-left:32px}.profile-header .header-container .user-info .club-infos .info .name{font-weight:bold;font-size:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:25px}.profile-header .header-container .user-info .club-infos .info .subscription{margin-top:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.profile-header .header-container .user-info .buttons{margin-left:auto;padding-top:15px;padding-right:20px}.profile-header .header-container .user-info .buttons .btn-list-plan,.profile-header .header-container .user-info .buttons .btn-follow-user,.profile-header .header-container .user-info .buttons .btn-edit-cover,.profile-header .header-container .user-info .buttons .btn-setting-club{width:145px;height:50px;margin-top:5px;margin-left:5px;float:right;cursor:pointer}.profile-header .header-container .user-info .buttons .btn-follow-user{background:#aaaaaa 0% 0% no-repeat padding-box;border:1px solid #aaaaaa}.profile-header .header-container .navigation-bar{height:35px}.profile-header .header-container .navigation-bar .active span{border-bottom:3px solid #fa0079}.profile-header .header-container .navigation-bar .active span:hover{border-bottom:3px solid #e80171}.profile-header .header-container .navigation-bar .active span{color:#131313}.profile-header .header-container .navigation-bar li{width:100px;background:#FFFFFF 0% 0% no-repeat padding-box;text-align:center;color:#131313;padding:5px 0;list-style:none;float:left;font-weight:bold}.profile-header .header-container .navigation-bar li:hover{cursor:pointer;background-color:#ee3e7547}.profile-header .header-container .navigation-bar li span{padding:5px 0;border-bottom:3px solid #dee2e6}.profile-header .header-container .navigation-bar .mini-nav-bar{height:59px}.uploadIconModal .edit-cover-modal-content-window{position:fixed;left:35%;top:10%;padding:0;z-index:100;overflow:hidden;width:480px;height:371px;background:#FFFFFF 0% 0% no-repeat padding-box;margin:120px auto;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.1)}.uploadIconModal .edit-cover-modal-content-window h3{margin:32px 0 0 32px}.uploadIconModal .edit-cover-modal-content-window .desc{font-size:12px;color:#4A4A4A;margin-left:32px}.uploadIconModal .edit-cover-modal-content-window .photo{width:416px;height:200px;border:1px dashed #8E8E8E;margin:12px 0 0 32px;float:left}.uploadIconModal .edit-cover-modal-content-window .thumbnail{width:416px;height:200px}.uploadIconModal .edit-cover-modal-content-window input{width:416px;height:200px;opacity:0;background:#FFFFFF 0% 0% no-repeat padding-box;border:1px dashed #8E8E8E;border-radius:4px;display:block}.uploadIconModal .edit-cover-modal-content-window input::-webkit-input-placeholder{position:relative;left:20px}.uploadIconModal .edit-cover-modal-content-window .no-img{position:absolute;width:56px;height:56px;margin-top:-160px;margin-left:170px;-o-object-fit:cover;object-fit:cover;z-index:-30}.uploadIconModal .edit-cover-modal-content-window .upload-tip-desc{width:272px;height:28px;font-size:12px;text-align:left;margin:-90px auto 0;text-align:center}.uploadIconModal .edit-cover-modal-content-window .edit-btn-container{position:absolute;width:480px;height:64px;background:#ffffff 0% 0% no-repeat padding-box;top:80%;border-top:1px solid #C4C4C4;margin-left:-32px;margin-top:10px}.uploadIconModal .edit-cover-modal-content-window .edit-btn-container .edit-btn-close{width:100px;height:32px;border:1px solid #8E8E8E;border-radius:4px;color:#8E8E8E;background-color:#ffffff;margin:16px 0 0 32px}.uploadIconModal .edit-cover-modal-content-window .edit-btn-container .edit-btn-close:hover{background-color:#f4f4f4}.uploadIconModal .edit-cover-modal-content-window .edit-btn-container .edit-btn-edit{width:100px;height:32px;border:1px solid #fa0079;border-radius:4px;margin:16px 0 0 216px;background:#fa0079 0% 0% no-repeat padding-box;color:#FFFFFF}.uploadIconModal .edit-cover-modal-content-window .edit-btn-container .edit-btn-edit:hover{background-color:#e80171;color:#ffffff}.uploadCoverModalSp{display:none}.uploadCoverModal .modal-content-window{position:fixed;left:35%;top:10%;padding:0;z-index:100;overflow:hidden;width:480px;height:371px;background:#FFFFFF 0% 0% no-repeat padding-box;margin:120px auto;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.1)}.uploadCoverModal .modal-content-window h3{margin:32px 0 0 32px}.uploadCoverModal .modal-content-window .photo{width:416px;height:200px;border:1px dashed #8E8E8E;margin:12px 0 0 32px;float:left}.uploadCoverModal .modal-content-window .photo .is_sp{display:none}.uploadCoverModal .modal-content-window .thumbnail{width:416px;height:200px;-o-object-fit:cover;object-fit:cover}.uploadCoverModal .modal-content-window input{width:416px;height:200px;opacity:0;background:#FFFFFF 0% 0% no-repeat padding-box;border:1px dashed #8E8E8E;border-radius:4px}.uploadCoverModal .modal-content-window input::-webkit-input-placeholder{position:relative;left:20px}.uploadCoverModal .modal-content-window .no-img{position:absolute;width:56px;height:56px;margin-top:-160px;margin-left:170px;z-index:-30}.uploadCoverModal .modal-content-window .upload-tip-desc{width:272px;height:28px;font-size:12px;text-align:left;margin:-90px auto 0}.uploadCoverModal .modal-content-window .btn-container{position:absolute;width:480px;height:64px;background:#ffffff 0% 0% no-repeat padding-box;top:80%;border-top:1px solid #C4C4C4;margin-left:-32px;margin-top:10px}.uploadCoverModal .modal-content-window .btn-container .btn-close{width:100px;height:32px;border:1px solid #8E8E8E;border-radius:4px;color:#8E8E8E;background-color:#ffffff;margin:16px 0 0 32px}.uploadCoverModal .modal-content-window .btn-container .btn-close:hover{background-color:#f4f4f4}}@media only screen and (max-width: 560px){.header-container{padding-top:80px}.header-container .user-infos{width:100%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.header-container .user-infos .avatar{width:70px;height:86px;float:left;position:relative}.header-container .user-infos .avatar .profile-thumbnail{width:70px;height:70px;-o-object-fit:cover;object-fit:cover;border-radius:50%;cursor:pointer}.header-container .user-infos .avatar .profile-thumbnail:hover{background:#FFFFFF 0% 0% no-repeat padding-box;opacity:0.8}.header-container .user-infos .avatar .flag{width:24px;height:24px;-o-object-fit:cover;object-fit:cover;border-radius:50%;position:absolute;right:0px;bottom:10px;margin-top:-37px;margin-left:87px;overflow:hidden}.header-container .user-infos .avatar .flag:hover{background:#FFFFFF 0% 0% no-repeat padding-box;opacity:0.8}.header-container .user-infos .avatar .flag img{width:39px;height:39px;margin-top:-7px;margin-left:-7px}.header-container .right-infos .info{margin-top:15px;margin-left:10px}.header-container .right-infos .info .name{font-weight:bold;font-size:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:25px}.header-container .right-infos .info .followers{margin-top:5px;color:#C4C4C4}.header-container .club-infos .short-text{max-height:60px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.header-container .club-infos .toogle-show{text-align:center}.header-container .club-infos .toogle-show span{text-decoration:underline;cursor:pointer;color:#fa0079}.header-container .buttons{margin-top:10px}.header-container .buttons .btn-list-plan,.header-container .buttons .btn-follow-user,.header-container .buttons .btn-followed-user,.header-container .buttons .btn-edit-cover,.header-container .buttons .btn-setting-club{width:145px;height:38px;margin-right:5px;font-size:12px}.header-container .buttons .btn-followed-user{margin-right:10px}.header-container .buttons .follow-icon img{padding-top:5px;width:18px;height:15px}.navigation-bar{margin-top:20px;height:30px}.navigation-bar .active{border-bottom:3px solid #fa0079}.navigation-bar .active:hover{border-bottom:3px solid #e80171}.navigation-bar .active span{color:#131313}.navigation-bar ul{height:32px;border-bottom:1px solid #f4f4f4;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:justify;align-content:space-between}.navigation-bar ul>a{-webkit-box-flex:1;-ms-flex:auto;flex:auto}.navigation-bar li{width:100%;background:#FFFFFF 0% 0% no-repeat padding-box;text-align:center;font-size:14px;color:#131313;padding:5px 0;list-style:none;float:left;height:32px;border-bottom:1px solid #f4f4f4}.navigation-bar li:hover{cursor:pointer;background-color:#ee3e7547}.navigation-bar li span{padding:5px 0}.navigation-bar .mini-nav-bar{height:59px}.navigation-bar .nav-icon img{width:15px;height:15px}.navigation-bar .nav-icon2 img{width:18px;height:15px}.padding-lr-10{padding-left:10px;padding-right:10px}.uploadIconModal .edit-cover-modal-content-window{position:fixed;left:6%;top:0;padding:0;z-index:100;overflow:hidden;width:88%;height:371px;background:#FFFFFF 0% 0% no-repeat padding-box;margin:120px auto;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.1)}.uploadIconModal .edit-cover-modal-content-window h3{margin:32px 0 0 32px}.uploadIconModal .edit-cover-modal-content-window .desc{font-size:12px;color:#4A4A4A;margin-left:32px}.uploadIconModal .edit-cover-modal-content-window .photo{width:80%;height:200px;border:1px dashed #8E8E8E;margin-top:2%;margin-left:9%;float:left}.uploadIconModal .edit-cover-modal-content-window .thumbnail{width:72%;height:200px}.uploadIconModal .edit-cover-modal-content-window input{width:100%;height:200px;opacity:0;background:#FFFFFF 0% 0% no-repeat padding-box;border:1px dashed #8E8E8E;border-radius:4px;display:block}.uploadIconModal .edit-cover-modal-content-window input::-webkit-input-placeholder{position:relative;left:20px}.uploadIconModal .edit-cover-modal-content-window .no-img{position:absolute;width:56px;height:56px;margin-top:-160px;left:42%;-o-object-fit:cover;object-fit:cover;z-index:-30}.uploadIconModal .edit-cover-modal-content-window .upload-tip-desc{width:90%;height:28px;font-size:12px;text-align:left;margin:-90px auto 0;text-align:center}.uploadIconModal .edit-cover-modal-content-window .edit-btn-container{position:absolute;width:88%;height:64px;background:#ffffff 0% 0% no-repeat padding-box;top:80%;border-top:1px solid #C4C4C4;margin-left:-4.5%;margin-top:10px}.uploadIconModal .edit-cover-modal-content-window .edit-btn-container .edit-btn-close{width:100px;height:32px;border:1px solid #8E8E8E;border-radius:4px;color:#8E8E8E;background-color:#ffffff;position:absolute;top:25%}.uploadIconModal .edit-cover-modal-content-window .edit-btn-container .edit-btn-edit{width:100px;height:32px;border:1px solid #fa0079;border-radius:4px;background:#fa0079 0% 0% no-repeat padding-box;color:#FFFFFF;position:absolute;top:25%;right:0%}.uploadIconModal .edit-cover-modal-content-window .edit-btn-container .edit-btn-edit:hover{background:#e80171}.uploadCoverModalSp{display:none}}