.message-page{width:100%;min-height:50vh;border-top:1px solid #eeeeee}.halo-block-loader{position:absolute;left:calc(50% - 24px);top:calc(50% - 24px)}.halo-block-loader:before,.halo-block-loader:after{content:"";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:5px solid var(--color-global-bg);animation:prixClipFix 2s linear infinite}.halo-block-loader:after{border-color:var(--color-global);animation:prixClipFix 2s linear infinite,halo-loader .5s linear infinite reverse;top:6px;right:6px;bottom:6px;left:6px}.has-halo-block-loader{height:50vh}.has-halo-block-loader>*:not(.halo-block-loader){opacity:0}.has-halo-block-loader .halo-block-loader{display:block}.message-login-box{background:#f8f8f8;border:1px solid #000000;padding:22px 18px;font-weight:400;font-size:12px;color:#000;line-height:16px;margin:30px auto 40px;text-align:center;border-radius:var(--theme-btn-border-radius)}.message-login-box a{text-decoration:underline}.message-list{display:flex;min-height:50vh}.message-list .message-left{flex:0 0 238px;width:238px;border-right:1px solid #eeeeee;margin-right:30px}.message-left .message-title{margin:24px 0 25px;font-weight:700;font-size:18px;color:#272727;line-height:18px;text-align:left}.message-left .tab-btn{width:212px;height:40px;line-height:40px;border-radius:4px;background:#fff;border:1px solid #EEEEEE;font-weight:400;font-size:12px;color:#6d6d6d;line-height:16px;text-align:center;margin-bottom:20px;cursor:pointer}.message-left .tab-btn.active{background:#f5f5f5;border:1px solid #F5F5F5;font-weight:700;font-size:12px;color:#272727}.message-list .tab-content{flex:1;margin-top:24px}.tab-content .tab-pane{display:none}.tab-content .tab-pane.active{display:block}.tab-content .mess-empty-box{display:none;align-items:center;justify-content:center;flex-direction:column;margin-top:117px}.tab-content .mess-empty-box img{width:160px;margin-bottom:10px}.tab-content .mess-empty-box .empty-text{font-weight:700;font-size:18px;color:#272727;line-height:22px}.tab-content .mess-list{display:flex;flex-wrap:wrap}.mess-list .card-item{flex:0 0 400px;width:400px;height:162px;background:#f8f8f8;border-radius:8px;margin-right:20px;margin-bottom:20px;cursor:pointer}.mess-list .card-item .card-top{padding:15px;display:flex;justify-content:space-between;align-items:center}.mess-list .card-item .card-top .card-title{font-weight:700;font-size:14px;color:#272727;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mess-list .card-item .card-top .card-read-flag{display:none;position:relative;flex:0 0 6px;margin-left:15px}.mess-list .card-item .card-top .card-read-flag.show-flag{display:block}.mess-list .card-item .card-top .card-read-flag:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-radius:3px;background:#ec5511}.mess-list .card-item .card-introduction{padding:0 15px;font-weight:400;font-size:12px;color:#272727;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;-moz-box-orient:vertical;word-break:break-all;height:54px;margin-bottom:15px}.mess-list .card-item .card-introduction p{margin:0}.mess-list .card-item .card-bottom{padding:15px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eeeeee;font-weight:400;font-size:12px;color:#6d6d6d;line-height:16px}.mess-list .card-item .card-bottom .card-btn{display:flex;align-items:center}.mess-list .card-item .card-bottom .card-btn img{width:12px;margin-left:5px}.message-detail-dialog{position:fixed;z-index:1000000000;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none;justify-content:center;align-items:center}.message-detail-dialog .detail-box{width:540px;height:690px;padding:30px;background:#fff}.detail-box .detail-top{display:flex;justify-content:space-between;margin-bottom:8px}.detail-box .detail-top .detail-title{font-weight:700;font-size:18px;color:#272727;line-height:24px;word-break:break-all}.detail-box .detail-top .detail-close{flex:0 0 24px;width:24px;height:24px;padding:5px;cursor:pointer;margin-left:10px}.detail-box .detail-time{font-weight:400;font-size:12px;color:#6d6d6d;line-height:16px;margin-bottom:20px}.detail-box .mess-detail-item{height:560px;overflow:auto}.detail-box .mess-detail-item::-webkit-scrollbar-track{background-color:#fff}.detail-box .mess-detail-item::-webkit-scrollbar{width:2px;background-color:#fff}.detail-box .mess-detail-item::-webkit-scrollbar-thumb{background-color:#eee}.detail-box .mess-detail-item-x::-webkit-scrollbar{height:5px}.detail-box .mess-detail-item-x::-webkit-scrollbar-track{background-color:#fff}.detail-box .mess-detail-item-x::-webkit-scrollbar-thumb{background-color:#eee}.detail-box .detail-img{width:100%;margin-bottom:20px}.detail-box .detail-content{font-weight:400;font-size:14px;color:#272727;line-height:20px;word-break:break-all}.detail-box .detail-content p{margin:0}.mass-pagination{display:none;align-items:center;justify-content:center;max-width:1240px}.mass-pagination span{margin-right:10px;font-weight:400;font-size:12px;color:#6d6d6d;line-height:16px}.mass-pagination button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #cccccc;cursor:pointer;margin-right:10px;background:#fff;border-radius:4px}.mass-pagination button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.mass-pagination button img{width:12px}@media (max-width: 1600px){.mess-list .card-item{flex:0 0 calc(50% - 10px);width:calc(50% - 10px)}.mess-list .card-item:nth-child(2n){margin-right:0}}@media (max-width: 1024px){.message-list{display:block}.message-list .message-left{width:100vw;margin-left:-15px;margin-right:0;border-right:none;border-bottom:1px solid #eeeeee}.message-list .message-left .message-title{font-weight:400;font-size:16px;color:#272727;line-height:18px;margin-left:15px}.message-list .message-left .tab-buttons{display:flex;align-items:center;justify-content:space-between}.message-left .tab-btn{flex:0 0 50%;width:50%;height:38px;line-height:40px;line-height:38px;text-align:center;margin-bottom:0;cursor:pointer;border:none;background:#fff;font-weight:400;font-size:14px;color:#6d6d6d;position:relative}.message-left .tab-btn.active{font-weight:700;font-size:14px;color:#272727;background:#fff;border:none}.message-left .tab-btn.active:after{content:"";position:absolute;width:82px;height:2px;background:#272727;left:calc(50% - 41px);bottom:0}.message-left .tab-btn:last-child.active:after{width:60px;left:calc(50% - 30px)}.message-list .tab-content{margin-top:15px}.mess-list .card-item{flex:0 0 calc(100vw - 30px);width:calc(100vw - 30px);height:162px;background:#f8f8f8;border-radius:8px;margin-right:15px;margin-bottom:15px;cursor:pointer}.message-detail-dialog .detail-box{width:calc(100vw - 30px);height:calc(100vh - 30px);border-radius:6px;padding:15px}.detail-box .mess-detail-item{height:calc(100vh - 160px)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/page-message.css.map */