.max-width_con[data-v-f27916bc]{max-width:600px}
.max-width_advertisement[data-v-f27916bc]{max-width:840px}
.pc_customerServer_container[data-v-f27916bc]{width:100%;height:100%;max-height:654px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-box-shadow:1px 1px 15px 0 rgba(0,0,0,.3);box-shadow:1px 1px 15px 0 rgba(0,0,0,.3);border-radius:8px;overflow:hidden}
.pc_customerServer_container[data-v-f27916bc],.pc_customerServer_container_header[data-v-f27916bc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.pc_customerServer_container_header[data-v-f27916bc]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:-webkit-gradient(linear,right top,left top,from(#1890ff),to(#3875ea));background:linear-gradient(270deg,#1890ff,#3875ea);padding:14px 14px;-webkit-box-sizing:border-box;box-sizing:border-box;height:56px;font-size:16px;color:#fff}
.pc_customerServer_container_header_title[data-v-f27916bc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.pc_customerServer_container_header_title img[data-v-f27916bc]{width:30px;height:30px;border-radius:50%;margin-right:10px}
.pc_customerServer_container_header_handle[data-v-f27916bc]{cursor:pointer}
.pc_customerServer_container_content[data-v-f27916bc]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}
.pc_customerServer_container_content .scroll_content[data-v-f27916bc]{width:100%;height:100%;overflow-y:auto;padding-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}
.pc_customerServer_container_content .scroll_content .chart_list_item_content[data-v-f27916bc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box}
.pc_customerServer_container_content .scroll_content .chart_list_item_avatar[data-v-f27916bc]{width:33px;height:33px;border-radius:50%;overflow:hidden;margin-right:10px;-ms-flex-item-align:start;align-self:flex-start}
.pc_customerServer_container_content .scroll_content .chart_list_item_avatar img[data-v-f27916bc]{width:100%;height:100%}
.pc_customerServer_container_content .scroll_content .chart_list_item_text[data-v-f27916bc]{white-space:pre-wrap;max-width:60%;word-wrap:break-word;background:#f5f5f5;padding:7px 14px;font-size:15px;border-radius:4px}
.pc_customerServer_container_content .scroll_content .chart_list_item_img[data-v-f27916bc]{max-width:60%}
.pc_customerServer_container_content .scroll_content .chart_list_item_img img[data-v-f27916bc]{width:100%;height:auto}
.pc_customerServer_container_content .scroll_content .chart_list_item .chart_list_item_imgOrText[data-v-f27916bc]{background:#ccc;padding:4px 10px;border-radius:8px;width:226px;-webkit-box-sizing:border-box;box-sizing:border-box}
.pc_customerServer_container_content .scroll_content .chart_list_item .chart_list_item_imgOrText .order-wrapper .img-box[data-v-f27916bc]{width:100%}
.pc_customerServer_container_content .scroll_content .chart_list_item .chart_list_item_imgOrText .order-wrapper .img-box img[data-v-f27916bc]{width:100%;height:auto}
.pc_customerServer_container_content .scroll_content .chart_list_item .chart_list_item_imgOrText .order-wrapper .order-info .price-box[data-v-f27916bc]{color:red;font-size:18px}
.pc_customerServer_container_content .scroll_content .chart_list_item .chart_list_item_imgOrText .order-wrapper .order-info .name[data-v-f27916bc]{font-size:14px}
.pc_customerServer_container_content .scroll_content .chart_list_item_time[data-v-f27916bc]{text-align:center;margin:10px auto}
.pc_customerServer_container_content .scroll_content .chart_list_item .right-box[data-v-f27916bc]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.pc_customerServer_container_content .scroll_content .chart_list_item .right-box .chart_list_item_avatar[data-v-f27916bc]{margin-left:10px}
.pc_customerServer_container_content .scroll_content .chart_list_item .right-box .chart_list_item_text[data-v-f27916bc]{text-align:left;background:#cde0ff;color:#000}
.pc_customerServer_container_content .scroll_content .chart_list_item .right-box .chart_list_item_img[data-v-f27916bc]{text-align:right;background:#fff}
.pc_customerServer_container_content .scroll_content .chart_list_item .right-box .chart_list_item_img img[data-v-f27916bc]{width:100%;height:auto}
.pc_customerServer_container_content .scroll_content .chart_list_item .right-box .chart_list_item_imgOrText[data-v-f27916bc]{background:#fff;padding:10px;border-radius:8px;width:226px;-webkit-box-sizing:border-box;box-sizing:border-box}
.pc_customerServer_container_content .scroll_content .chart_list_item .right-box .chart_list_item_imgOrText .order-wrapper .img-box[data-v-f27916bc]{width:100%}
.pc_customerServer_container_content .scroll_content .chart_list_item .right-box .chart_list_item_imgOrText .order-wrapper .img-box img[data-v-f27916bc]{width:100%;height:auto}
.pc_customerServer_container_content .scroll_content .chart_list_item .right-box .chart_list_item_imgOrText .order-wrapper .order-info .price-box[data-v-f27916bc]{color:red;font-size:18px}
.pc_customerServer_container_content .scroll_content .chart_list_item .right-box .chart_list_item_imgOrText .order-wrapper .order-info .name[data-v-f27916bc]{font-size:14px}
.pc_customerServer_container_footer[data-v-f27916bc]{background:#fff;padding:14px 18px;min-height:180px;border-top:1px solid #ececec}
.pc_customerServer_container_footer_header[data-v-f27916bc]{position:relative}
.pc_customerServer_container_footer_header_handle[data-v-f27916bc]{display:-webkit-box;display:-ms-flexbox;display:flex}
.pc_customerServer_container_footer_header_handle>div[data-v-f27916bc]{margin-right:19px;position:relative}
.pc_customerServer_container_footer_header_handle>div img[data-v-f27916bc]{width:18px;height:18px}
.pc_customerServer_container_footer_header_handle>div .type_file[data-v-f27916bc]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0}
.pc_customerServer_container_footer_input-textarea[data-v-f27916bc]{width:100%;height:100%;border:none;outline:none;padding-top:4px;font-size:14px;line-height:16px}
.pc_customerServer_container_footer_input>div[data-v-f27916bc]{height:90px;max-height:90px;overflow:auto}
.pc_customerServer_container_footer_input .opacity0[data-v-f27916bc]{opacity:0}
.pc_customerServer_container_footer_input .readyEmojiHeight[data-v-f27916bc]{height:90px}
.pc_customerServer_container_footer_emoji[data-v-f27916bc]{max-width:420px;display:grid;grid-template-columns:repeat(9,1fr);padding-top:10px;max-height:150px;overflow-y:auto;background:#fff;position:absolute;bottom:50px;left:0}
.pc_customerServer_container_footer_emoji .emoji-item[data-v-f27916bc]{padding:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.pc_customerServer_container_footer_handle[data-v-f27916bc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:10px}
.pc_customerServer_container_footer_handle_send[data-v-f27916bc]{width:56px;height:26px;background:#3875ea;border-radius:3px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;position:relative;z-index:100;margin:0 20px 20px 0}
.pc_customerServer_container_footer_copyright[data-v-f27916bc]{position:absolute;left:-8%;width:110%;display:block;text-align:center;bottom:0;color:#bbb;padding:5px 10px}
.layout_content .layout_customerServer_content[data-v-f27916bc],.layout_content[data-v-f27916bc]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}
.layout_content .layout_customerServer_content[data-v-f27916bc]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-right:1px solid #ececec}
.layout_content .pc_customerServer_container_advertisement[data-v-f27916bc]{width:260px;background:#fff}
.layout_content .pc_customerServer_container_advertisement .advertisement[data-v-f27916bc]{padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;height:550px;overflow-y:auto}
.layout_content .pc_customerServer_container_advertisement .advertisement img[data-v-f27916bc]{max-width:100%!important}
.layout_content .pc_customerServer_container_advertisement .copyright[data-v-f27916bc]{position:fixed;bottom:20px;text-align:center;width:230px;-webkit-transition:.3s;transition:.3s;z-index:99;cursor:pointer}
.layout_content .pc_customerServer_container_advertisement .copyright span[data-v-f27916bc]{color:#ccc}
.layout_content .pc_customerServer_container_advertisement .copyright span[data-v-f27916bc]:hover{color:#007aff}
.demo-spin-icon-load[data-v-f27916bc]{-webkit-animation:ani-demo-spin-data-v-f27916bc 1s linear infinite;animation:ani-demo-spin-data-v-f27916bc 1s linear infinite}
.productMessage_container[data-v-f27916bc]{height:94px;width:100%;padding:12px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.productMessage_container_image[data-v-f27916bc]{margin-right:12px}
.productMessage_container_image img[data-v-f27916bc]{width:77px;height:77px}
.productMessage_container_content[data-v-f27916bc]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.productMessage_container_content_title[data-v-f27916bc]{font-size:14px;color:#333;height:42px;font-weight:800;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:left!important}
.productMessage_container_content_priceOrHandle[data-v-f27916bc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.productMessage_container_content_priceOrHandle>div[data-v-f27916bc]:first-child{font-size:18px;color:#e93323;text-align:left}
.productMessage_container_content_priceOrHandle>div[data-v-f27916bc]:nth-child(2){width:65px;height:25px;background:#e83323;opacity:1;border-radius:62px;color:#fff;font-size:12px;text-align:center;line-height:25px;cursor:pointer}
.fixed[data-v-f27916bc]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7)}
.pt140[data-v-f27916bc]{padding-bottom:140px!important}
@-webkit-keyframes ani-demo-spin-data-v-f27916bc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
@keyframes ani-demo-spin-data-v-f27916bc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
}
[data-v-f27916bc] .happy-scroll-content{width:100%!important;-webkit-box-sizing:border-box;box-sizing:border-box}
.advertisement div,.advertisement img,.advertisement p,.advertisement span{max-width:100%}
.happy-scroll-container{width:100%!important}
.advertisement{overflow:auto!important}
.advertisement::-webkit-scrollbar{width:1px;height:1px}
.advertisement::-webkit-scrollbar-thumb{border-radius:10px;background-color:#87ceeb;background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.2) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.2) 0,hsla(0,0%,100%,.2) 75%,transparent 0,transparent)}
.advertisement::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#ededed;border-radius:10px}

/* Flex children must be allowed to shrink; otherwise long greetings push the editor off screen. */
.pc_customerServer_container,.layout_content,.layout_customerServer_content,.pc_customerServer_container_content{min-height:0}
.layout_content{overflow:hidden}
.layout_customerServer_content{min-width:0;overflow:hidden}
.pc_customerServer_container_header,.pc_customerServer_container_footer{flex:0 0 auto}
.pc_customerServer_container_content{flex:1 1 auto}
.pc_customerServer_container_content>.happy-scroll,
.pc_customerServer_container_content>.happy-scroll>.happy-scroll-container,
.pc_customerServer_container_content>.happy-scroll>.happy-scroll-container>.happy-scroll-content{height:100%!important;min-height:0!important}
.pc_customerServer_container_content .scroll_content{height:100%!important;overflow-y:auto!important;padding-bottom:24px!important}
.chart_list_item_avatar img{display:block;width:100%;height:100%;object-fit:cover;opacity:1!important}

@media (max-width:700px),(max-height:720px){
  html,body,#app,.pc_customerServer{height:100%;height:100dvh;min-height:0;overflow:hidden}
  .pc_customerServer_container{top:0;left:0;transform:none;width:100%;height:100%;height:100dvh;max-height:none;border-radius:0;box-shadow:none}
  .max-width_con,.max-width_advertisement{max-width:none}
  .layout_content .pc_customerServer_container_advertisement{display:none}
  .pc_customerServer_container_footer{min-height:118px;padding:9px 12px calc(9px + env(safe-area-inset-bottom))}
  .pc_customerServer_container_footer_input>div{height:48px;max-height:72px;min-height:42px;overflow-y:auto}
  .pc_customerServer_container_footer_input-textarea{box-sizing:border-box;min-height:42px;padding:10px 12px;font-size:16px;line-height:22px;border:1px solid #e5e7eb;border-radius:12px}
  .pc_customerServer_container_footer_handle{margin-bottom:0}
  .pc_customerServer_container_footer_handle_send{margin:0;width:64px;height:34px;border-radius:17px}
  .pc_customerServer_container_content .scroll_content .chart_list_item_text{max-width:calc(100vw - 100px);line-height:1.55;text-align:left!important}
}