:host,:root{--van-sticky-z-index:99}.van-sticky--fixed{position:fixed;z-index:var(--van-sticky-z-index)}:host,:root{--van-nav-bar-height:46px;--van-nav-bar-background:var(--van-background-2);--van-nav-bar-arrow-size:16px;--van-nav-bar-icon-color:var(--van-primary-color);--van-nav-bar-text-color:var(--van-primary-color);--van-nav-bar-title-font-size:var(--van-font-size-lg);--van-nav-bar-title-text-color:var(--van-text-color);--van-nav-bar-z-index:1;--van-nav-bar-disabled-opacity:var(--van-disabled-opacity)}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background:var(--van-nav-bar-background);-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md)}.van-nav-bar__left--disabled,.van-nav-bar__right--disabled{cursor:not-allowed;opacity:var(--van-nav-bar-disabled-opacity)}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}.chatroom-page{width:100%;height:calc(100vh - 46px - constant(safe-area-inset-bottom));height:calc(100vh - 46px - env(safe-area-inset-bottom));position:relative}.chatroom-page .chat-area{width:100%;height:calc(100vh - 115px - constant(safe-area-inset-bottom));height:calc(100vh - 115px - env(safe-area-inset-bottom));overflow:hidden auto}.chatroom-page .chat-area .message-list{width:100%;height:auto;padding:0 10px;display:flex;flex-direction:column}.chatroom-page .chat-area .message-list .message-wrapper{width:100%;height:auto;margin-bottom:24px}.chatroom-page .chat-area .message-list .message-wrapper .message-time{font-size:var(--small-size);color:var(--notobvious-color);text-align:center;margin-bottom:12px}.chatroom-page .chat-area .message-list .message-wrapper .message-left,.chatroom-page .chat-area .message-list .message-wrapper .message-right{width:100%;display:flex;align-items:flex-start}.chatroom-page .chat-area .message-list .message-wrapper .message-left .avatar,.chatroom-page .chat-area .message-list .message-wrapper .message-right .avatar{width:40px;height:40px;display:flex;margin:0 12px 0 0;cursor:pointer}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info{max-width:calc(100% - 104px);height:auto}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .user_name,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .user_name{width:100%;font-size:var(--small-size);color:#9797a2;margin-bottom:8px;display:none}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content{width:100%;height:auto;display:flex}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content .text,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .text{max-width:100%;padding:10px 12px;font-size:16px;line-height:21px;border-radius:2px 10px 10px 10px;white-space:pre-wrap;word-wrap:break-word;background-color:#ececec;text-align:justify}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content .goods-panel,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .goods-panel{width:100%;display:flex;flex-direction:column;border-radius:10px;background-color:var(--background-color)}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content .goods-panel .goods-column,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .goods-panel .goods-column{padding:12px;display:flex;flex-direction:row;align-items:center;cursor:pointer}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content .goods-panel .goods-column .goods-img,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .goods-panel .goods-column .goods-img{width:80px;height:80px;margin-right:8px;border-radius:6px;overflow:hidden}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content .goods-panel .goods-column .goods-info,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .goods-panel .goods-column .goods-info{width:calc(100% - 88px);height:80px}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content .goods-panel .goods-column .goods-info .name,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .goods-panel .goods-column .goods-info .name{width:100%;height:40px;color:var(--primary-color);font-weight:600;font-size:var(--primary-size);line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:12px;word-break:break-all;word-wrap:break-word}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content .goods-panel .goods-column .goods-info .price,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .goods-panel .goods-column .goods-info .price{font-size:var(--primary-size);color:var(--striking-color)}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content .goods-panel .source-row,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .goods-panel .source-row{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 12px}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content .goods-panel .source-row .info,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .goods-panel .source-row .info{width:calc(100% - 52px);max-width:calc(100% - 52px);display:flex;flex-direction:row;align-items:center}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content .goods-panel .source-row .info .avatar,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .goods-panel .source-row .info .avatar{width:20px;height:20px;border-radius:50%;overflow:hidden;margin:0 4px 0 0}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content .goods-panel .source-row .info .source-name,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .goods-panel .source-row .info .source-name{flex:1;padding:12px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--small-size);color:var(--notobvious-color)}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content .goods-panel .source-row .tag,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .goods-panel .source-row .tag{width:40px;font-size:var(--small-size);height:20px;line-height:20px;text-align:center;color:var(--success-color);border-radius:10px;background:rgba(227,191,124,.39)}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content .goods-panel .remind-wrapper,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .goods-panel .remind-wrapper{width:100%;padding:0 12px 12px 12px}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content .img-wrapper,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .img-wrapper{width:140px;height:auto;border-radius:2px 10px 10px 10px;overflow:hidden;cursor:pointer}.chatroom-page .chat-area .message-list .message-wrapper .message-left .info .content .img-wrapper img,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .img-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chatroom-page .chat-area .message-list .message-wrapper .message-right{margin:0 0 0 auto;justify-content:flex-end}.chatroom-page .chat-area .message-list .message-wrapper .message-right .withdraw{color:var(--notobvious-color);font-size:var(--small-size);white-space:nowrap;margin:auto 8px 0 0;cursor:pointer}.chatroom-page .chat-area .message-list .message-wrapper .message-right .withdraw.hide{width:0;height:0;opacity:0;overflow:hidden;display:none}.chatroom-page .chat-area .message-list .message-wrapper .message-right .avatar{margin:0 0 0 12px}.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .user_name{text-align:right}.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content{justify-content:flex-end}.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .img-wrapper,.chatroom-page .chat-area .message-list .message-wrapper .message-right .info .content .text{border-radius:10px 2px 10px 10px;background-color:#dce8fc}.chatroom-page .goods-column-float{position:absolute;left:10px;bottom:79px;z-index:99;width:calc(100% - 20px);height:78px;padding:8px;display:flex;flex-direction:row;align-items:center;border-radius:6px;background-color:var(--background-color)}.chatroom-page .goods-column-float .goods-img{width:62px;height:62px;border-radius:6px;overflow:hidden;margin-right:8px}.chatroom-page .goods-column-float .goods-info{width:calc(100% - 70px);height:62px;display:flex;flex-direction:column;align-content:space-between;justify-content:space-between}.chatroom-page .goods-column-float .goods-info .name-row{width:100%;display:flex;align-items:center;justify-content:space-between}.chatroom-page .goods-column-float .goods-info .name-row .name{width:calc(100% - 78px);font-size:var(--primary-size);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatroom-page .goods-column-float .goods-info .name-row .close{font-size:var(--primary-size);color:var(--notobvious-color);margin-right:12px}.chatroom-page .goods-column-float .goods-info .price-row{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.chatroom-page .goods-column-float .goods-info .price-row .price{font-size:var(--primary-size);color:var(--striking-color)}.chatroom-page .goods-column-float .goods-info .price-row button{width:72px;height:26px;padding:0}.chatroom-page .chat-input-wrapper{position:absolute;bottom:0;left:0;z-index:99;width:100%;height:69px;padding:14px 10px;background-color:#fff;border-top:1px solid var(--border-color)}.chatroom-page .chat-input-wrapper .chat-input{width:100%;height:auto;min-height:40px;padding:8px 12px;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;border-radius:20px;background-color:var(--background-color)}.chatroom-page .chat-input-wrapper .chat-input .message-input{width:calc(100% - 36px);height:auto;min-height:24px;line-height:24px;padding:0;font-size:var(--primary-size);background-color:var(--background-color)}.chatroom-page .chat-input-wrapper .chat-input .message-input .van-field__body,.chatroom-page .chat-input-wrapper .chat-input .message-input .van-field__control{line-height:24px}.chatroom-page .chat-input-wrapper .chat-input .chat-img{width:24px;height:24px;font-size:24px;cursor:pointer}