.nav-avatar{width:34px;height:34px;background:transparent;margin-left:22px;position:relative;transition-duration:.2s;flex-shrink:0}.nav-avatar img{width:34px;height:34px;border-radius:30px;transition-duration:.2s;left:0;top:0;position:absolute;object-fit:cover}.nav-avatar:hover img{z-index:10}.nav-user-slide{display:none;position:absolute;left:0;z-index:9;transform:translate(-50%)}.nav-avatar:hover .nav-user-slide{animation:navUserFadeIn .3s ease-in-out both;display:block;top:27px;right:0;left:auto;transform:translate(0)}@keyframes navUserFadeIn{0%{opacity:0}to{opacity:1}}.nav-user-box{margin-top:30px;width:285px;padding:20px 28px 12px;background:#fff;box-shadow:0 0 4px 4px #9292920d;border-radius:12px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.nav-user-name{height:24px;font-size:16px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:500;color:#333;line-height:24px;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;text-align:center}.nav-user-vip{display:flex;align-items:center;height:28px}.nav-user-vip .vip-cur{font-size:12px;font-family:DIN Alternate,Arial,sans-serif;font-weight:700;color:#000000d9;line-height:20px}.nav-user-vip .vip-bar{width:172px;height:4px;background:#ebf0f4;margin:0 4px;border-radius:2px;overflow:hidden}.nav-user-vip .vip-bar-in{height:4px;background:linear-gradient(315deg,#ff9234,#fa3a3a);border-radius:2px}.nav-user-vip .vip-next{font-size:12px;font-family:DIN Alternate,Arial,sans-serif;font-weight:700;color:#bbbbbc;line-height:20px}.nav-user-nums{height:70px;display:flex;justify-content:space-between}.nav-user-num{width:75px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none}.nav-user-num b{white-space:nowrap;font-size:16px;font-family:DIN Alternate,Arial,sans-serif;font-weight:700;color:#333;height:24px;line-height:24px}.nav-user-num span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:24px;font-size:12px;color:#999;line-height:24px}.nav-user-lnk{height:38px;border-radius:8px;padding:0 10px 0 16px;color:#333;text-decoration:none;display:flex;align-items:center;justify-content:space-between;font-size:14px;cursor:pointer}.nav-user-lnk:hover{background-color:#f6f8fa}.nav-user-lnk.is-arrow:after{content:"";width:20px;height:20px;background:url(../assets/img/user/arrow-right.png) center / 20px 20px no-repeat}.nav-user-sline{height:1px;background-color:#f1f5f9;margin:4px 0}.user-page body,body.user-page{background:#f7f8fb}.user-center{width:1200px;margin:20px auto 0;display:flex;align-items:stretch}.leftmenu{width:206px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;flex-shrink:0;margin-right:16px;padding:24px 0}.leftmenu__link{height:60px;padding:18px 0 18px 24px;color:#000000d9;font-size:16px;text-decoration:none;display:block;box-sizing:border-box}.leftmenu__link:hover{color:#e60000}.leftmenu__link.is-active{background:linear-gradient(90deg,#ffece8 1%,#fff);border-left:3px solid #e60000;color:#e60000;padding-left:21px}.leftmenu__divide{background:#ececec;height:1px;margin:16px 24px}.user-main{flex:1 1 0%;min-width:0}.user-info{background:#fff;border-radius:10px;padding:32px 24px}.user-info__top{display:flex;align-items:center}.user-info__avatar{width:90px;height:90px;border-radius:50%;display:block;object-fit:cover;background:#c0c4cc;flex-shrink:0}.user-info__col{display:flex;flex-direction:column;margin-left:24px;flex:1;min-width:0}.user-info__row{display:flex;align-items:center}.user-info__nick{margin-right:8px;font-size:22px;font-weight:600;color:#000000d9;line-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info__home{margin-left:auto;font-size:16px;color:#000;text-decoration:none;padding-right:17px;background:url(../assets/img/user/icon-home-arrow.png) 100% 50% / 14px 13px no-repeat;flex-shrink:0}.user-info__home:hover{color:#e60000}.user-info__stats{display:flex;align-items:center;margin:24px 0 0;padding:0;list-style:none}.user-info__stats li{display:flex;align-items:center;line-height:15px}.user-info__stats .stat-text{font-size:12px;color:#8d8e91;margin-right:8px;line-height:12px}.user-info__stats .stat-count{font-size:15px;font-weight:500;color:#2d3035;line-height:15px}.user-info__stats .stat-divider{width:1px;height:12px;margin:0 24px;background:#d8d8d8}.user-info__desc{margin:46px 0 0;font-size:14px;line-height:21px;color:#000}.agg-data{margin:16px 0;display:flex}.agg-item{flex:1;padding:12px 10px;border:1px solid #ececec;border-radius:10px;margin-right:16px;box-sizing:border-box}.agg-item:last-child{margin-right:0}.agg-item--balance{background:linear-gradient(#fff5ec,#fffcf9 21%,#fff 45%)}.agg-item--wallet{background:linear-gradient(#effbff,#f9fcff 16%,#fff 45%)}.agg-item--dynamic{background:linear-gradient(#ffefef,#fff8f8 15%,#fff 45%)}.agg-item--message{background:linear-gradient(#f1fcff,#f7fdff 13%,#fff 45%)}.agg-head{display:flex;align-items:center}.agg-head img{width:24px;height:24px;margin-right:4px}.agg-head h4{font-size:18px;font-weight:500;color:#000000d9;line-height:27px;margin:0}.agg-more{margin-left:auto;font-size:13px;color:#999;text-decoration:none}.agg-more:hover{color:#e60000}.agg-top{margin:16px 0 0;display:flex;flex-direction:column}.agg-top .agg-count{font-size:28px;font-weight:700;color:#000000d9;line-height:42px}.agg-top .agg-label{font-size:12px;color:#999;line-height:16px}.agg-bottom{margin:8px 0 16px;display:flex;justify-content:center;align-items:center}.agg-sub{flex:1;display:flex;flex-direction:column;text-align:start}.agg-sub .agg-count{font-size:16px;font-weight:500;color:#000000d9;line-height:22px}.agg-sub .agg-count:hover{color:#e60000}.agg-sub .agg-label{font-size:12px;color:#999;line-height:16px}.agg-divider{width:1px;height:20px;background:#c5c5c5;margin:0;flex-shrink:0}.agg-foot{display:flex;justify-content:center}.agg-btn{width:150px;height:32px;border-radius:20px;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;padding:0 15px;transition:all .2s}.agg-btn--solid{background:#e60000;border:1px solid #e60000;color:#fff}.agg-btn--solid:hover{background:#c00000;border-color:#c00000}.agg-btn--plain{background:#fff;border:1px solid #e60000;color:#e60000}.agg-btn--plain:hover{background:#fff5f5}.user-bookshelf{background:#fff;border-radius:10px;padding:8px 24px}.book-tabs{display:flex;height:56px}.book-table{margin-top:16px}.book-tab{padding:0 4px;margin-right:18px;font-size:16px;font-weight:400;color:#666;line-height:56px;position:relative;cursor:pointer}.book-tab:hover{color:#e60000}.book-tab.is-active{color:#e60000;font-weight:500}.book-tab.is-active:after{content:"";position:absolute;left:4px;width:64px;height:2px;background:#e60000;border-radius:2px;bottom:0}.book-table{width:100%;border-collapse:collapse;table-layout:fixed}.book-table th{height:40px;background:#f7f8fb;font-size:14px;font-weight:400;color:#666;text-align:left;padding:8px 0;line-height:21px}.book-table th:first-child{padding-left:32px}.book-table th:last-child{padding-right:32px}.book-table td{font-size:14px;color:#333;line-height:21px;padding:15px 0;border-bottom:1px solid #f1f5f9;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.book-table td:first-child{padding-left:32px}.book-table td:last-child{padding-right:32px}.book-table tbody tr{transition:background .2s}.book-table tbody tr:hover{background:#f7f8fb}.book-empty{height:459px;display:flex;flex-direction:column;align-items:center;justify-content:center}.book-empty img{width:154px;display:block}.book-empty p{margin:12px 0 0;padding:12px 0;font-size:14px;color:#909399;line-height:normal}.book-record{font-size:12px;color:#999;line-height:18px;padding:16px 0 12px 40px}.book-pager{display:flex;justify-content:center;align-items:center;margin:68px 0 42px}.book-pager .pager-btn{width:58px;height:32px;font-size:14px;background:#f7f8fb;color:#999;border:none;border-radius:4px;cursor:not-allowed;padding:0}.book-pager .pager-list{display:flex;list-style:none;margin:0 4px;padding:0}.book-pager .pager-list li{width:32px;height:32px;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:4px;margin:0 4px;cursor:pointer}.book-pager .pager-list li.is-active{background:#e60000;color:#fff}.book-table col.c1{width:120px}.book-table col.c2{width:180px}.book-table col.c3{width:190px}.book-table col.c4{width:125px}.book-table col.c5{width:75px}.book-table col.c6{width:112px}.book-table col.c7{width:128px}.book-table a{color:#333;text-decoration:none}.book-table a:hover{color:#e60000}.book-table .op-link{color:#e60000;margin-right:16px}.book-table .op-link:hover{text-decoration:underline}.book-table .op-link--del{color:#999}.book-table .op-link--del:hover{color:#e60000}.vip-tag{display:inline-block;height:16px;line-height:16px;padding:0 3px;margin-left:6px;font-size:12px;font-style:normal;font-weight:400;color:#ff9234;border:1px solid currentColor;border-radius:2px;vertical-align:1px}.book-pager .pager-btn:not(:disabled){background:#fff;border:1px solid #ddd;color:#333;cursor:pointer}.book-pager .pager-btn:not(:disabled):hover{color:#e60000;border-color:#e60000}.book-pager .pager-list li:not(.is-active):hover{color:#e60000}.book-pager .pager-list li.pager-ellipsis{cursor:default;color:#999}.user-view{display:none}.user-view.is-active{display:block}.panel-white{background:#fff;border-radius:10px;padding:8px 24px}.view-title{font-size:22px;font-weight:600;color:#000000d9;line-height:34px;height:34px;margin:16px 0}.stab-pane{display:block}.stab-pane[hidden]{display:none}.shelf-condition{height:72px;display:flex;align-items:center;justify-content:space-between}.shelf-filters,.shelf-groups{display:flex;align-items:center}.shelf-btn{height:32px;padding:0 12px;margin-right:8px;font-size:14px;color:#666;background:transparent;border:none;border-radius:16px;cursor:pointer}.shelf-btn:hover{color:#e60000}.shelf-btn.is-active{color:#e60000;font-weight:500}.shelf-table col.s0{width:32px}.shelf-table col.s1{width:88px}.shelf-table col.s2{width:180px}.shelf-table col.s3{width:190px}.shelf-table col.s4{width:125px}.shelf-table col.s5{width:75px}.shelf-table col.s6{width:112px}.shelf-table col.s7{width:128px}.shelf-table th:first-child,.shelf-table td:first-child{padding-left:0;padding-right:0;text-align:center}.shelf-table input[type=checkbox]{width:16px;height:16px;cursor:pointer;vertical-align:middle}.shelf-actions{height:74px;display:flex;align-items:center}.shelf-checkall{display:flex;align-items:center;font-size:14px;color:#333;cursor:pointer}.shelf-checkall input{width:16px;height:16px;margin-right:8px;cursor:pointer}.shelf-batch{display:flex;align-items:center;margin-left:48px}.shelf-move{width:112px;height:32px;padding:0 8px;font-size:14px;color:#333;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;outline:none}.shelf-delete{margin-left:32px;font-size:15px;color:#333;text-decoration:none}.shelf-delete:hover{color:#e60000}.sub-table col.a0{width:32px}.sub-table col.a1{width:178px}.sub-table col.a2{width:320px}.sub-table col.a3,.sub-table col.a4{width:200px}.sub-table th:first-child,.sub-table td:first-child{padding-left:0;padding-right:0;text-align:center}.wallet-tips{display:flex}.wallet-tip{width:457px;height:106px;padding:12px 16px;border-radius:10px;box-sizing:border-box}.wallet-tip--month{background:#f7fcff}.wallet-tip--rec{background:#fffbf7;margin-left:16px}.wallet-tip__top{height:52px;display:flex;align-items:center;justify-content:space-between}.wallet-tip__name{font-size:16px;font-weight:600;color:#000000d9}.wallet-tip__link{font-size:12px;color:#999;text-decoration:none}.wallet-tip__link:hover{color:#e60000}.wallet-tip__bottom{margin:0;height:30px;font-size:14px;color:#333;line-height:30px}.wallet-tip__bottom b{font-size:20px;font-weight:700;color:#000000d9;margin-right:4px}.wallet-table col.w1,.wallet-table col.w2,.wallet-table col.w3{width:310px}.account-head{display:flex;align-items:center;justify-content:space-between}.account-head .view-title{margin:16px 0}.account-pay{width:140px;height:42px;border-radius:21px;background:#e60000;color:#fff;font-size:16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;transition:background .2s}.account-pay:hover{background:#c00000}.account-count{height:105px;display:flex;align-items:center}.ac-label{font-size:14px;color:#666;margin-right:12px}.ac-num{font-size:33px;font-weight:700;color:#000000d9;line-height:48px;font-family:DIN Alternate,Arial,sans-serif}.ac-gift{font-size:14px;color:#999;margin-left:12px}.ac-gift b{font-weight:500;color:#666}.ac-tip{width:16px;height:16px;line-height:16px;margin-left:8px;font-size:12px;font-style:normal;text-align:center;color:#999;background:#f0f1f5;border-radius:50%;cursor:help;align-self:center;margin-top:4px}.account-table col.t1{width:280px}.account-table col.t2{width:290px}.account-table col.t3,.account-table col.t4{width:180px}.dyn-pane{min-height:500px}.dyn-empty{height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center}.dyn-empty img{width:154px;display:block}.dyn-empty p{margin:12px 0 0;padding:12px 0;font-size:14px;color:#909399}.dyn-item{padding:20px 0;border-bottom:1px solid #f1f5f9}.dyn-item__title{margin:0;font-size:16px;font-weight:600;color:#000000d9;line-height:24px}.dyn-item__content{margin:8px 0 0;font-size:14px;color:#666;line-height:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dyn-item__bottom{margin-top:12px;display:flex;align-items:center;font-size:12px;color:#999}.dyn-item__bottom span+span{margin-left:24px}.dyn-item--collect{display:flex}.dyn-book__cover{width:60px;height:80px;border-radius:4px;flex-shrink:0}.dyn-book__info{margin-left:16px;min-width:0;flex:1}.dyn-book__meta{margin:6px 0 0;font-size:12px;color:#999;line-height:18px}.dyn-book__desc{margin:8px 0 0;font-size:14px;color:#666;line-height:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dyn-item--follow{display:flex;align-items:center}.dyn-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.dyn-follow__info{margin-left:16px;flex:1;min-width:0}.dyn-follow__name{font-size:16px;font-weight:500;color:#000000d9;line-height:24px}.dyn-follow__sign{margin-top:2px;font-size:12px;color:#999;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dyn-unfollow{width:78px;height:32px;border-radius:16px;border:1px solid #ddd;background:#fff;color:#666;font-size:14px;cursor:pointer;flex-shrink:0;transition:all .2s}.dyn-unfollow:hover{color:#e60000;border-color:#e60000}.msg-handle{height:57px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9}.msg-tabs{display:flex;height:56px}.msg-tab{width:64px;height:56px;line-height:56px;text-align:center;font-size:14px;color:#666;position:relative;cursor:pointer}.msg-tab:hover{color:#e60000}.msg-tab.is-active{color:#e60000;font-weight:500}.msg-tab.is-active:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:2px;background:#e60000;border-radius:2px}.msg-btns{display:flex;align-items:center}.msg-tool{display:flex;align-items:center;font-size:14px;color:#666;text-decoration:none;cursor:pointer}.msg-tool:hover{color:#e60000}.msg-tool+.msg-tool{margin-left:32px}.msg-tool svg{flex-shrink:0}.msg-tool span{margin-left:4px}.sysMsg-item{padding:16px 0;border-bottom:1px solid #f1f5f9}.sysMsg-title{margin:0;height:24px;font-size:16px;font-weight:600;color:#000000d9;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sysMsg-content{margin:8px 0 0;height:78px;font-size:16px;color:#666;line-height:26px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.sysMsg-bottom{margin-top:12px;display:flex;align-items:center;justify-content:space-between}.sysMsg-time{font-size:14px;color:#999}.sysMsg-del{display:flex;align-items:center;font-size:14px;color:#999;text-decoration:none;cursor:pointer}.sysMsg-del:hover{color:#e60000}.sysMsg-del span{margin-left:4px}.msg-more{height:110px;display:flex;align-items:center;justify-content:center}.msg-more__btn{width:120px;height:32px;border:1px solid #ddd;border-radius:16px;background:#fff;color:#666;font-size:14px;cursor:pointer;transition:all .2s}.msg-more__btn:hover{color:#e60000;border-color:#e60000}.setting-pane{display:block}.setting-pane[hidden]{display:none}.set-form{padding:24px 0 48px}.set-row{display:flex;align-items:flex-start;margin-bottom:24px}.set-label{width:82px;flex-shrink:0;font-size:14px;color:#666;line-height:40px}.set-cell{display:flex;align-items:center;flex-wrap:wrap;min-height:40px;flex:1;min-width:0}.set-txt{font-size:14px;color:#333;line-height:40px}.set-change{display:inline-flex;align-items:center;height:36px;margin-left:16px;font-size:14px;color:#333;text-decoration:none;cursor:pointer}.set-change:hover{color:#e60000}.set-change__ico{width:16px;height:16px;margin-right:4px;border:1px solid currentColor;border-radius:50%;font-size:12px;font-style:normal;line-height:14px;text-align:center;color:#999}.set-change:hover .set-change__ico{color:#e60000}.set-input{width:352px;height:40px;padding:0 12px;font-size:14px;color:#333;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;outline:none}.set-input:focus{border-color:#e60000}.set-input--date{width:177px}.set-tip{margin-left:12px;font-size:12px;color:#999}.set-radio{display:inline-flex;align-items:center;margin-right:40px;font-size:14px;color:#333;cursor:pointer;height:40px}.set-radio input{display:none}.set-radio i{width:14px;height:14px;border:1px solid #ddd;border-radius:50%;margin-right:8px;position:relative;box-sizing:border-box}.set-radio input:checked+i{border-color:#e60000}.set-radio input:checked+i:after{content:"";position:absolute;left:2px;top:2px;width:8px;height:8px;background:#e60000;border-radius:50%}.set-textarea{width:352px;height:102px;padding:10px 12px;font-size:14px;color:#333;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;resize:none;outline:none;font-family:inherit}.set-textarea:focus{border-color:#e60000}.set-count{display:block;width:100%;margin-top:8px;font-size:12px;color:#999}.set-count b{font-weight:500;color:#666}.set-btn{width:114px;height:42px;border-radius:21px;font-size:16px;cursor:pointer;box-sizing:border-box;transition:all .2s}.set-btn--cancel{background:#fff;border:1px solid #ddd;color:#666;margin-right:24px}.set-btn--cancel:hover{color:#e60000;border-color:#e60000}.set-btn--save{background:#e60000;border:1px solid #e60000;color:#fff}.set-btn--save:hover{background:#c00000;border-color:#c00000}.avatar-edit{display:flex;align-items:center;padding:72px 0 72px 122px}.avatar-edit__img{width:90px;height:90px;border-radius:50%;object-fit:cover;background:#c0c4cc;flex-shrink:0}.avatar-edit__ops{margin-left:40px;display:flex;flex-direction:column;align-items:flex-start}.avatar-edit__tip{margin:0 0 24px;font-size:14px;color:#999;line-height:22px}