.chat[data-v-281d4102]{height:100vh;width:100%;overflow:hidden;background-color:#45cc77}.chat-customer[data-v-281d4102]{position:relative;z-index:1;width:100%;height:3.5rem;box-sizing:border-box;padding:.3rem .2rem;background-image:url(../../static/img/board_bg.cc070229.png);background-size:cover;background-repeat:no-repeat}.chat-customer .customer-inner[data-v-281d4102]{width:100%;height:2.5rem;padding:.24rem;box-sizing:border-box;background:linear-gradient(221deg,hsla(0,0%,100%,.98),#fff);box-shadow:0 .02rem .08rem 0 rgba(197,202,213,.15);border-radius:.12rem}.item-content .item-avatar[data-v-281d4102]{position:relative}.item-content .item-avatar>span[data-v-281d4102]{display:inline-block;vertical-align:top}.item-content .item-avatar .item-avatar-img[data-v-281d4102]{width:.8rem;height:.8rem;border-radius:50%;overflow:hidden}.item-content .item-avatar .item-avatar-img img[data-v-281d4102]{width:100%;height:100%;vertical-align:top}.item-content .item-avatar .name[data-v-281d4102]{line-height:.8rem;margin-left:.24rem;color:#000;font-size:.32rem}.item-content .item-msg[data-v-281d4102]{display:flex;flex-wrap:wrap;margin:.24rem auto 0}.item-content .item-msg li[data-v-281d4102]{flex-basis:44%;font-size:.24rem;line-height:.32rem}.item-content .item-msg li[data-v-281d4102]:nth-child(odd){flex-basis:56%}.item-content .item-msg li[data-v-281d4102]:first-child,.item-content .item-msg li[data-v-281d4102]:nth-child(2){margin-bottom:.22rem}.item-content .item-msg li .label[data-v-281d4102]{color:#ccc}.item-content .item-msg li .value[data-v-281d4102]{color:#333}.chat-content[data-v-281d4102]{position:absolute;width:100%;height:calc(100vh - 3.2rem);left:0;bottom:0;z-index:3;background-color:#fff;border-radius:.24rem .24rem 0 0}.chat-content .chat-inner[data-v-281d4102]{padding:.24rem;overflow:hidden;height:100%;box-sizing:border-box}.chat-scroll[data-v-281d4102]{width:100%;height:100%;box-sizing:border-box;padding-bottom:1.24rem;overflow:hidden}.chat-scroll .chat-scroll-inner[data-v-281d4102]{width:100%;height:100%;box-sizing:content-box;padding-right:.3rem;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}.chat-scroll .chat-scroll-inner ul[data-v-281d4102]{display:flex;flex-direction:column}.chat-scroll .chat-scroll-inner ul li[data-v-281d4102]{margin-bottom:.64rem}.message-item[data-v-281d4102]{display:flex}.message-item .news[data-v-281d4102]{display:block;min-height:.42rem;border-radius:.12rem;padding:.2rem .24rem;font-size:.24rem;line-height:.42rem;max-width:5.6rem}.avatar[data-v-281d4102]{width:.88rem;height:.88rem;border-radius:50%;text-align:center;line-height:.88rem;font-size:.38rem;color:#45cc77;background-color:#f3fefa;margin-top:-.16rem}.right[data-v-281d4102]{flex-direction:row-reverse}.right .avatar[data-v-281d4102],.right .news[data-v-281d4102]{background-color:#45cc77;color:#fff}.right .news[data-v-281d4102]{margin-right:.24rem}.left .avatar[data-v-281d4102]{color:#45cc77;background-color:#f3fefa}.left .news[data-v-281d4102]{margin-left:.24rem;color:#333;word-break:break-all;background-color:#f8fafb}.time[data-v-281d4102]{text-align:center;font-size:.22rem;color:#c4c4c6;margin:0 auto .16rem;line-height:1.5}.input-wrap[data-v-281d4102]{position:absolute;left:0;bottom:0;width:100%;height:1.42rem;background:#fff;border-top:1px solid #e2e4ea;z-index:4;box-sizing:border-box;padding:.32rem .24rem .32rem .32rem}.input-inner[data-v-281d4102]{display:flex;justify-content:space-between}.input-inner .input[data-v-281d4102]{flex-basis:5.76rem;height:.8rem;border-radius:.16rem;background:#f8fafb;padding:.2rem .32rem;box-sizing:border-box}.input-inner .input input[data-v-281d4102]{border:none;width:100%;height:100%;line-height:.4rem;height:.4rem;padding:0;outline:none;background:none;color:#333;font-size:.28rem}.input-inner .btn-send[data-v-281d4102]{flex-basis:1.02rem;height:.8rem;line-height:.8rem;color:#fff;text-align:center;font-size:.28rem;background:#324476;border-radius:.16rem .16rem .16rem .12rem}.input-inner .btn-send img[data-v-281d4102]{height:.4rem}.skeleton[data-v-281d4102]{margin-top:0}