.CommonProblemDetail-wrapper .CommonProblemDetail-content[data-v-f9309ba6]{width:100%;background:#fff;padding:4px 10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left[data-v-f9309ba6]{width:40%;margin-right:4px}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre[data-v-f9309ba6]{width:100%;height:calc(100vh - 140px);overflow-y:auto;background:#eff3ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-header[data-v-f9309ba6]{position:relative;z-index:1000;width:100%;height:36px;background:#2c8ff3;line-height:36px;color:#fff;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-header .headerLeft[data-v-f9309ba6]{width:70%;height:100%;line-height:36px}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-header .headerRight[data-v-f9309ba6]{width:30%;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}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-con[data-v-f9309ba6]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;width:100%;border-right:1px solid #e8e8e8;border-left:1px solid #e8e8e8}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-con .message-row-left[data-v-f9309ba6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-con .message-row-right[data-v-f9309ba6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-con .chatPartner[data-v-f9309ba6]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:calc(100% - 36px)}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-con .avatar[data-v-f9309ba6]{position:relative;top:10px;min-width:36px;height:36px;margin:0 10px;background:#2c8ff3;text-align:center;color:#fff;line-height:36px;border-radius:5px;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-con div.speech[data-v-f9309ba6]{float:left;margin:10px 0;padding:8px;table-layout:fixed;word-break:break-all;position:relative;background:-webkit-gradient(linear,50% 0,50% 100%,from(#fff),color-stop(.1,#ececec),color-stop(.5,#dbdbdb),color-stop(.9,#dcdcdc),to(#8c8c8c));border-radius:8px}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-con div.speech[data-v-f9309ba6]:before{content:"";position:absolute;width:0;height:0;left:15px;top:-20px;border-color:transparent transparent #fff transparent}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-con div.speech[data-v-f9309ba6]:after{content:"";position:absolute;width:0;height:0;left:17px;top:-16px;border:8px solid;border-color:transparent transparent #fff transparent}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-con div.speech.right[data-v-f9309ba6]{width:auto;height:auto;max-width:75%;float:right;color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,from(#2c8ff3),color-stop(.1,#2c8ff3),color-stop(.4,#2c8ff3),color-stop(.8,#2c8ff3),to(#2c8ff3))}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-con div.speech.right[data-v-f9309ba6]:before{content:"";position:absolute;width:0;height:0;top:9px;bottom:auto;left:auto;right:-10px;border-width:9px 0 9px 10px;border-color:transparent #2c8ff3}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-con div.speech.right[data-v-f9309ba6]:after{content:"";position:absolute;width:0;height:0;top:10px;bottom:auto;left:auto;right:-8px;border-width:8px 0 8px 9px;border-color:transparent #2c8ff3}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-con div .left[data-v-f9309ba6]{display:inline-block;-webkit-box-shadow:2px 2px 2px #ccc;box-shadow:2px 2px 2px #ccc;width:auto;height:auto;max-width:100%;position:relative;background:-webkit-gradient(linear,50% 0,50% 100%,from(#e8e8e8),color-stop(.1,#e8e8e8),color-stop(.4,#e8e8e8),color-stop(.8,#e8e8e8),to(#e8e8e8))}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-con div .left[data-v-f9309ba6]:before{content:"";position:absolute;width:0;height:0;top:9px;bottom:auto;left:-10px;border-width:9px 10px 9px 0;border-color:transparent #989898}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-con div .left[data-v-f9309ba6]:after{content:"";position:absolute;width:0;height:0;top:10px;bottom:auto;left:-8px;border-width:8px 9px 8px 0;border-color:transparent #e8e8e8}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-footer[data-v-f9309ba6]{width:100%;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:6px 10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #e8e8e8;border-top:1px solid #2c8ff3}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-left .chat-body-pre .chat-footer .chat-input-pre[data-v-f9309ba6]{margin:0 10px}.CommonProblemDetail-wrapper .CommonProblemDetail-content .content-right[data-v-f9309ba6]{width:60%}[data-v-f9309ba6] .previewContent img,[data-v-f9309ba6] .previewContent p img{width:100px!important;height:100px!important}[data-v-f9309ba6] .autoReply img,[data-v-f9309ba6] .autoReply p img{max-width:100%!important;text-align:center!important;background:transparent!important}