.nav-account{margin-left:15px}.nav-account .nav-home{margin-right:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.nav-account .nav-home .nav-home-btn{height:16px;font-size:16px;font-weight:500;line-height:1;color:#a1a1a6;margin-left:4px}.nav-account .nav-home:hover .nav-home-btn{color:#575759}.nav-account .nav-account-item a{color:#252526}.nav-account .item-avatar{padding-right:13px}.nav-account .item-avatar .avatar-wrapper{position:relative;width:34px;height:34px}.nav-account .item-avatar .avatar-wrapper .avatar img{position:absolute;z-index:107;top:0;left:0;width:34px;height:34px;border-radius:50%;-webkit-transition-property:left,width,height;transition-property:left,width,height;-webkit-transition-duration:.3s;transition-duration:.3s}.nav-account .item-avatar:hover .avatar img{left:-17px;width:64px;height:64px}.nav-account .item-avatar:hover .user-dropdown{display:block;height:265px}.nav-account .notification-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-account .notification-box .notification{height:24px;position:relative}.nav-account .notification-box .notification .notification-dot{position:absolute;top:-2px;right:0;display:inline-block;width:14px;height:14px;border-radius:50%;background-color:#fa5757;font-size:11px;font-weight:700;line-height:1.09;text-align:center;color:#fff}.nav-account .notification-box .notification .notification-dot.more{right:-8px;width:21px;height:14px;border-radius:7px}.nav-account .notification-box .notification-txt{padding-left:4px;font-size:16px;font-weight:500;line-height:1;-webkit-transition:color .12s linear;transition:color .12s linear}.nav-account .notice-list{position:absolute;display:none;width:200px;top:50px;padding:15px 22px 10px 15px;background-color:#42404c;border-bottom-left-radius:4px;border-bottom-right-radius:4px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.nav-account .notice-list.show{display:block}.nav-account .notice-list .notice-list-close{position:absolute;top:10px;right:10px;width:12px;height:12px;cursor:pointer}.nav-account .notice-list .notice-list-close .iconfont{font-size:12px;line-height:1;vertical-align:text-top;color:#a1a1a6}.nav-account .notice-list p{white-space:nowrap;font-size:12px;line-height:1.8;color:#fff}.nav-account .notice-list p a{color:#fa4b8b;cursor:pointer}.nav-account .notification-dropdown{position:absolute;top:50px;left:50%;width:300px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;-webkit-box-shadow:0 1px 5px 0 hsla(0,0%,72.2%,.5);box-shadow:0 1px 5px 0 hsla(0,0%,72.2%,.5);z-index:100}.nav-account .notification-dropdown .notifi-tab{width:100%}.nav-account .notification-dropdown .notifi-tab .notifi-tab-header{line-height:36px;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.25);box-shadow:0 1px 3px 0 rgba(0,0,0,.25);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.nav-account .notification-dropdown .notifi-tab .notifi-tab-header .title{width:72px;text-align:center;cursor:pointer;position:relative}.nav-account .notification-dropdown .notifi-tab .notifi-tab-header .title.selected{border-bottom:3px solid #fa4b8b}.nav-account .notification-dropdown .notifi-tab .notifi-tab-header .divide{width:1px;height:18px;margin:0 -35px;background-color:#e9e9f0}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content{border-bottom:1px solid #f0f0f0}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content.notifi-group .group-content{max-height:337px;overflow-y:scroll}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content.notifi-group .imgtip{margin:15px auto 6px}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content.notifi-group .texttip{color:#366cd9;margin-bottom:20px}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content.notifi-group .center{display:block;text-align:center}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content.notifi-group footer{border-top:1px solid #f0f0f0;line-height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding-right:15px}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content.notifi-group footer a{font-size:14px;color:#a1a1a6}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content.notifi-group li{list-style:none}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content.notifi-group li a{height:42px;font-size:12px;line-height:42px}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content.notifi-group li span.text{color:#252526;max-width:230px;overflow:hidden;display:inline-block;height:42px;text-overflow:ellipsis;white-space:nowrap}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content.notifi-group li span{color:#fa4b8b}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content.notifi-group li:last-child{border:0!important}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content li{cursor:pointer;margin:0 15px;border-bottom:1px solid #f0f0f0}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content li:last-child{border-bottom-color:transparent}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content li a{height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content li a .iconfont{color:#858585;margin-right:10px}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content li a .comment{display:inline-block;min-width:16px;padding:0 5px;background-color:#fa4b8b;border-radius:8px;line-height:16px;color:#fff;font-size:12px}.nav-account .notification-dropdown .notifi-tab .notifi-tab-content li a:hover .name{color:#fa4b8b}.nav-account .user-dropdown{position:absolute;display:none;overflow:hidden;height:0;top:50px;left:-114px;z-index:100;width:260px;background-color:#fff;-webkit-transition-property:height;transition-property:height;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-box-shadow:0 0 6px 1px hsla(0,0%,73%,.5);box-shadow:0 0 6px 1px hsla(0,0%,73%,.5)}.nav-account .user-dropdown .user-dropdown-wrapper{width:100%;height:100%;border:1px solid #e0e0e0}.nav-account .user-dropdown .username{padding:33px 20px 0}.nav-account .user-dropdown .username p{padding-bottom:12px;border-bottom:1px solid #e0e0e0}.nav-account .user-dropdown .channels{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:25px 20px 6px}.nav-account .user-dropdown .channels a{display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;height:22px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;line-height:22px;cursor:pointer}.nav-account .user-dropdown .channels a:nth-child(2n){padding-left:15px}.nav-account .user-dropdown .channels a .iconfont{color:#575759;margin-right:8px;width:20px;height:20px;font-size:20px}.nav-account .user-dropdown .channels a svg{margin-right:8px}.nav-account .user-dropdown .channels a span{color:#575759}.nav-account .user-dropdown .channels a:hover .fill{fill:#fa4b8b}.nav-account .user-dropdown .channels a:hover .iconfont,.nav-account .user-dropdown .channels a:hover span{color:#fa4b8b}.nav-account .user-dropdown .logout{line-height:1;padding:8px 0;background-color:#f5f5fa;border-top:1px solid #e0e0e0;cursor:pointer}.nav-account .user-dropdown .logout a{color:#575759}.nav-account .user-dropdown .logout:hover a{color:#fa4b8b}.nav-account-logout .nav-account-item:hover a{color:#fa4b8b}.nav-account{height:50px;-ms-flex-pack:distribute;justify-content:space-around}.nav-account,.nav-account .nav-account-item{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 12px}.nav-account .nav-account-item{color:#252526;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;cursor:pointer}.nav-account .nav-account-item .nav-txt{font-size:16px;color:#252526}.nav-account .nav-account-item a:hover{color:#fa4b8b}
/*# sourceMappingURL=src_common_components_pc_Header_Account_js-src_pages_pc_common_css-src_common_asset_images_po-0a4268.1fdd2b0c9b65de2c2f48.css.map*/