.user-banner{background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;display:flex;grid-gap:0;flex-direction:row;justify-content:flex-end;align-items:flex-end}.user-banner .cover-button{display:flex;justify-content:flex-end;margin-bottom:12px;z-index:12}.user-banner .cover-button input{display:none}.user-banner .cover-button label{padding:6px 20px;display:inline-block}.user-banner .cover-button label>*{display:inline-block;vertical-align:middle}.user-banner .cover-button label .iconfont{font-size:24px;margin-right:6px}.user-banner .bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.user-header{text-align:center;padding-bottom:30px;position:relative;z-index:12}.user-header>.wrapper{display:flex;grid-gap:12px;flex-direction:column;justify-content:center;align-items:center}.user-header .user-avatar{display:inline-block;margin-top:-75px;position:relative;overflow:hidden}.user-header .user-avatar img.avatar{width:150px;height:150px;border-radius:100%;border:8px rgba(255,255,255,0.33) solid;display:block}.user-header .user-avatar:hover .avatar-button{opacity:1;visibility:visible}.user-header .user-avatar .avatar-button{position:absolute;top:8px;right:8px;left:8px;bottom:8px;border-radius:100%;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden}.user-header .user-avatar .avatar-button input{display:none}.user-header .user-avatar .avatar-button label .iconfont{color:#fff;font-size:48px}.user-header h1{font-weight:300}.user-header .user-buttons button{font-size:12px;padding:6px 12px;margin:0 4px}.user-header .user-buttons button.follow-button{color:#fff}.user-header .desc{width:80%;display:inline-block}.user-container{display:flex;grid-gap:20px;align-items:flex-start}.user-container .aside{position:relative;min-width:220px;width:220px}.user-container .aside .sidebar{display:flex;grid-gap:20px;flex-direction:column;justify-content:stretch;align-items:stretch}.user-container .user-menu.color-border{border-width:1px;border-style:solid}.user-container .user-menu>ul>li.color-border{border-bottom-width:1px;border-bottom-style:solid}.user-container .user-menu ul.submenu{padding:0 20px}.user-container .user-menu ul.submenu>li.color-border{border-top-width:1px;border-top-style:solid}.user-container .user-menu ul.submenu a{padding:12px 0;display:flex;grid-gap:6px;flex-direction:row;justify-content:stretch;align-items:center}.user-container .user-menu ul.submenu a .icon{font-size:16px}.user-container .user-menu ul.submenu a .subtitle{flex-grow:1}.user-container .user-menu ul.submenu a .arrow{font-size:8px;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.user-container .user-menu ul.submenu a b{font-weight:300;margin-left:4px}.user-container .user-menu .first-title{padding:12px 20px;display:flex;grid-gap:6px;flex-direction:row;justify-content:space-between;align-items:center}.user-container .user-menu .first-title i.iconfont{font-size:12px}.user-container .user-menu .first-title span.title{display:block;font-size:var(--salong-h3-font-size)}.user-content{flex-grow:1;width:calc(100% - 240px);min-height:600px}.user-content h3.module-title{padding-bottom:20px;margin-bottom:20px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--salong-color-border)}.user-content .author-profile{padding:40px}.user-content .author-profile button .iconfont{display:inline-block;vertical-align:middle;margin:0 4px 2px 0}.user-center{margin-bottom:40px}.user-center>.wrapper{margin-top:20px}.user-center .buttons{white-space:nowrap;text-align:right}.user-center .buttons button{font-size:100%;margin-right:8px}.user-center .buttons button:last-child{margin-right:0}.statistical-list{padding:30px}.statistical-list h3{margin-bottom:20px}.statistical-list .statistical-main{text-align:center}.statistical-list .statistical-main.color-border{border-width:1px;border-style:solid}.statistical-list .statistical-main .main-title{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}.statistical-list .statistical-main .title{display:flex;align-items:center}.statistical-list .statistical-main .title h5{margin:0 4px}.statistical-list .statistical-main .title span{font-weight:300}.statistical-list .statistical-main ul.count-list{white-space:nowrap;padding:20px}.statistical-list .statistical-main ul.count-list li{display:inline-block;vertical-align:middle;min-width:48px;padding:0 12px}.statistical-list .statistical-main ul.count-list li.color-border{border-right-width:1px;border-right-style:dashed}.statistical-list .statistical-main ul.count-list li:last-child.color-border{border-right-width:0}.statistical-list .statistical-main ul.count-list li>*{display:block}.statistical-list .statistical-main ul.count-list li .iconfont{width:36px;height:36px;line-height:36px;margin-bottom:4px}.statistical-list .statistical-main a.button{margin-top:20px;padding:8px;display:block}.post-grid-main .post-status{font-size:12px;display:flex;align-items:center}.post-grid-main .post-status .draft{flex-grow:1}.post-grid-main .post-status button{width:24px;height:24px}.post-grid-main .post-status button .salong-loading:before{width:12px;height:12px}.profile-list ul li{display:flex}.profile-list ul li:not(:last-child){margin-bottom:20px;padding-bottom:20px}.profile-list ul li:not(:last-child).color-border{border-bottom-width:1px;border-bottom-style:solid}.profile-list ul li label{min-width:68px;line-height:40px;height:40px}.profile-list ul li .value{height:40px;line-height:40px;flex-grow:1;overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.profile-list ul li textarea.value,.profile-list ul li select.value{line-height:24px}.profile-list .author-input{flex-grow:1;display:flex;grid-gap:12px}.profile-list .author-input input.value{flex-grow:1}.profile-list button{padding:0 8px;line-height:36px;height:40px;white-space:nowrap}.base-profile .author-input button.save{display:none}.base-profile .author-input.active button.modify{display:none}.base-profile .author-input.active button.save{display:block}.verify-email-phone-content .input .hint,.verify-email-phone-content .input .label{position:absolute;pointer-events:none;z-index:1}.verify-email-phone-content .input .label{left:20px;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.verify-email-phone-content .input .hint{top:8px;right:20px;overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;max-width:72%;text-align:right;opacity:0;visibility:hidden}.verify-email-phone-content .input.active .label{top:8px;opacity:0.6;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.verify-email-phone-content .input .show-password{cursor:pointer;position:absolute;top:50%;right:20px;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.activity-list>div{margin-bottom:12px}.user-action{display:flex;grid-gap:12px;flex-direction:row;justify-content:stretch;align-items:center;flex-wrap:wrap;padding:20px 20px 20px 76px;margin-bottom:12px;position:relative;min-height:88px}.user-action div.avatar{width:48px;min-width:48px;position:absolute;top:20px;left:20px}.user-action time{text-align:right;white-space:nowrap}.user-action .comment-content{padding-top:12px;width:100%;overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.user-action .comment-content.color-border{border-top-width:1px;border-top-style:solid}.user-action.activity-content .hint-profile{flex-grow:1}.user-action .hint-profile .hint-name{display:flex;grid-gap:12px;flex-direction:row;justify-content:flex-start;align-items:center}.user-action .hint-profile .hint-name h3{white-space:nowrap}.user-action .hint-profile .hint{display:flex;align-items:center;flex-wrap:wrap}.user-action .hint-profile .hint a.user{display:flex;align-items:center;margin:0 6px}.user-action .hint-profile .hint a.user img.avatar{margin-right:6px}.user-action .hint-profile .iconfont{margin:0 4px;font-size:14px}.activity-publish{margin-top:12px;padding-top:12px;display:flex;align-items:center;justify-content:space-between;width:100%;grid-gap:12px}.activity-publish.color-border{border-top-width:1px;border-top-style:solid}.activity-publish>a{display:block}.activity-publish img.thumb{width:260px;height:auto;display:block}.activity-publish .post-content{flex-grow:1}.activity-publish .post-content .title{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.activity-publish .post-content .title a{overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.activity-publish .post-content .excerpt{overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.comment-list .comment-default>li{margin-bottom:12px}.comment-body{padding:12px 20px 12px 60px;position:relative}.comment-body .comment-avatar{width:36px;position:absolute;top:12px;left:12px}.comment-body .comment-avatar img{width:100%;display:block;border-radius:100%}.comment-body .comment-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-bottom:6px}.comment-body .comment-info .author-info{display:flex;align-items:center;flex-wrap:wrap}.comment-body .comment-info .author-info h5{margin-right:12px;white-space:nowrap}.comment-body .comment-info time{font-weight:300}.comment-body .comment-content{font-size:13px;padding:12px}.comment-body .comment-buttons{position:relative;min-height:24px}.comment-body .comment-buttons .comment-reply{width:100%}.comment-body .comment-buttons .likes{position:absolute;top:0;right:0}.comment-body .comment-buttons .likes button{padding:2px 4px;margin-left:8px}.comment-body .comment-buttons .likes button>*{display:inline-block;vertical-align:middle}.comment-body .comment-buttons .likes button i{font-size:13px;margin-right:2px}.comment-body .comment-buttons .likes button b{font-weight:300}.comment-body .comment-form{margin-top:20px}.comment-body .comment-form>div{width:100%}.order-filter{padding:20px;margin-bottom:20px;display:flex;grid-gap:8px;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}.order-filter.color-border{border-width:1px;border-style:solid}.order-filter .selects{display:flex}.order-filter .selects select{margin-right:12px;min-width:120px}.order-filter .more{white-space:nowrap}.order-list .order-header,.order-list .order-main{display:grid;align-items:center;white-space:nowrap;justify-content:space-between}.order-list .order-header>div,.order-list .order-main>div{padding:20px}.order-list.data-order .order-header,.order-list.data-order .order-main{grid-template-columns:20% 35% 15% 15% 15%}.order-list.data-order .order-header>div:not(:first-child),.order-list.data-order .order-main>div:not(:first-child){text-align:center}.order-list.shop-order .order-header,.order-list.shop-order .order-main{grid-template-columns:15% 15% 20% 20% 10% 20%}.order-list.shop-order .order-header>div:not(:last-child),.order-list.shop-order .order-main>div:not(:last-child){text-align:center}.order-list.shop-order .order-header>div:first-child,.order-list.shop-order .order-main>div:first-child{text-align:left}.order-list.shop-order .order-header>div:last-child,.order-list.shop-order .order-main>div:last-child{text-align:right}.order-list .order-header{font-size:116%}.order-list .order-header.color-border{border-width:1px;border-style:solid}.order-list .order-main{margin-top:6px}.order-list .order-main button{padding:2px 12px;line-height:24px;display:flex;align-items:center;justify-content:center;grid-gap:4px}.order-list .order-main button.view-details{color:var(--salong-message-info-color);background-color:var(--salong-message-info-bg)}.order-list .order-main button.view-express{color:var(--salong-message-info-color);background-color:var(--salong-message-info-bg)}.order-list .order-main button.cancel-order{color:var(--salong-message-error-color);background-color:var(--salong-message-error-bg)}.order-list .order-main button:hover{background-color:var(--salong-color-hover);color:#fff}.order-list .order-main.color-border{border-width:1px;border-style:solid}.order-list .order-main .type{white-space:nowrap;justify-content:center}.order-list .order-main .type,.order-list .order-main .type .current-user{display:flex;align-items:center}.order-list .order-main .type .current-user{margin-left:6px}.order-list .order-main .state{display:flex;grid-gap:6px;justify-content:center}.order-list .order-main .state.completed{color:var(--salong-message-success-color)}.order-list .order-main .state.pending{color:var(--salong-message-warning-color)}.order-list .order-main .state.cancel{color:var(--salong-message-error-color)}.order-list .order-main .action{display:flex;grid-gap:8px;flex-direction:row;justify-content:flex-end;align-items:center}.setting-list{padding:30px}.setting-main{display:flex;align-items:center}.setting-main:not(:last-child){margin-bottom:20px;padding-bottom:20px}.setting-main:not(:last-child).color-border{border-bottom-width:1px;border-bottom-style:solid}.setting-main h5{flex-grow:1}.setting-main ul{display:flex;grid-gap:20px;flex-direction:row;justify-content:stretch;align-items:center}@media only screen and (max-width: 1024px){.user-banner{height:280px}.statistical-list{padding:12px}.statistical-list ul{grid-template-columns:repeat(2, 1fr)}.user-content .author-address-list,.user-content .author-profile,.user-content .setting-list{padding:20px}.user-content h3.module-title{margin-bottom:12px;padding-bottom:12px}.profile-list ul li:not(:last-child){padding-bottom:12px;margin-bottom:12px}.setting-list .setting-main:not(:last-child){padding-bottom:12px;margin-bottom:12px}}@media only screen and (max-width: 480px){.user-banner{height:160px}.user-banner .cover-button label{padding:4px 12px}.user-header{padding-bottom:12px}.user-header>.wrapper>*{margin-bottom:0px}.user-header .user-avatar{margin-top:-60px}.user-header .user-avatar img.avatar{width:120px;height:120px;border-width:6px}.user-header .user-avatar .avatar-button{top:6px;left:6px;bottom:6px;right:6px}.user-center>.wrapper{margin-top:12px}.user-content .author-address-list,.user-content .author-profile,.user-content .setting-list{padding:12px}.user-container{grid-gap:12px;position:relative}.user-container .aside{position:absolute;left:-232px;top:0;z-index:2;opacity:0;visibility:hidden}.user-container .aside .sidebar{grid-gap:8px}.user-container .aside .sidebar>*{box-shadow:0 0 12px rgba(0,0,0,0.33)}.user-container .aside .close-menu{cursor:pointer;position:absolute;content:'';box-shadow:0 0 12px rgba(0,0,0,0.33);color:#f30;width:32px;height:32px;top:0;right:-40px;display:flex;align-items:center;justify-content:center}.user-container .aside.active{left:0;opacity:1;visibility:visible}.statistical-list ul{grid-template-columns:repeat(1, 1fr)}.user-action{padding:8px 8px 8px 56px;display:block}.user-action div.avatar{top:8px;left:8px}.user-action div.avatar img.avatar{width:36px;height:36px}.user-action.activity-content .hint-profile,.user-action.notification-content .hint-profile{width:100%}.user-action.activity-content .hint-profile .hint-name,.user-action.notification-content .hint-profile .hint-name{flex-wrap:wrap}.user-action .activity-publish{margin-top:4px;padding-top:8px}.user-action .activity-publish>a{display:none}.order-filter{padding:12px;margin-bottom:12px}.order-list .order-header>div,.order-list .order-main>div{padding:8px}.order-list .order-content button{font-size:0;padding:2px 8px}.order-list .order-content .order-main{display:flex;flex-wrap:wrap}.article-list ul{grid-gap:4px}.add-address{padding:12px}}