#app{font-family:Microsoft Yahei,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;color:#2c3e50}img{width:100%;height:auto}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.home[data-v-1abc8120]{display:-webkit-box;display:-ms-flexbox;display:flex}.home .left[data-v-1abc8120]{height:100vh;border-right:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box}.home .left p[data-v-1abc8120]{line-height:1.55rem;padding:10px 20px;background-color:#f9f9f9;-webkit-box-sizing:border-box;box-sizing:border-box;border-left:4px solid #09f}.home .left ul li[data-v-1abc8120]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-top:-1px}.home .left ul .choose[data-v-1abc8120],.home .left ul li[data-v-1abc8120]:hover{background-color:rgba(0,132,255,.1)}.home .right[data-v-1abc8120]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#eee}.home .right .chat_name[data-v-1abc8120]{line-height:1.55rem;font-style:1.4em;font-weight:600;padding:10px 20px;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-shadow:2px 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.home .right .top[data-v-1abc8120]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.home .right .top .msg_box.is_my[data-v-1abc8120]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding-right:0;padding-left:60px}.home .right .top .msg_box.is_my .content[data-v-1abc8120],.home .right .top .msg_box.is_my .title[data-v-1abc8120]{text-align:right}.home .right .top .msg_box.is_my .__content[data-v-1abc8120]{width:auto}.home .right .top .msg_box[data-v-1abc8120]{padding-right:60px;display:-webkit-box;display:-ms-flexbox;display:flex}.home .right .top .msg_box .img[data-v-1abc8120]{text-align:center;line-height:40px;display:inline-block;min-width:40px;height:40px;background-color:#fff;border-radius:50%;margin:10px;margin-top:40px}.home .right .top .msg_box .content[data-v-1abc8120]{margin:10px}.home .right .top .msg_box .content .title[data-v-1abc8120]{line-height:30px;font-size:.9em}.home .right .top .msg_box .content .__content[data-v-1abc8120]{display:inline-block;padding:10px;line-height:1.4em;background-color:#fff;height:auto;border-radius:8px}.home .right .bottom[data-v-1abc8120]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;position:relative;padding:4px;background-color:#fff}.home .right .bottom .emoji[data-v-1abc8120]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%!important}.home .right .bottom .input[data-v-1abc8120]{display:-webkit-box;display:-ms-flexbox;display:flex}.home .right .bottom .input a[data-v-1abc8120]{padding:8px 12px;line-height:1.5rem;max-height:calc(1.5rem + 16px);-webkit-box-sizing:border-box;box-sizing:border-box}.home .right .bottom .input a[data-v-1abc8120]:active{background-color:#09f;color:#fff}.home .right .bottom .input .input_div[data-v-1abc8120]{-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:1.4em;padding:10px;background-color:#fff;border:1px solid #f9f9f9}.home .right .bottom .input .input_div>[data-v-1abc8120]{min-height:1.4em}.home .right .bottom .input .input_div img[data-v-1abc8120]{width:100%;height:auto}@media (min-width:700px){.left[data-v-1abc8120]{width:400px!important}.right[data-v-1abc8120]{width:calc(100vw - 100px)!important}}@media (max-width:699px){.left[data-v-1abc8120]{width:100px!important}.right[data-v-1abc8120]{width:calc(100vw - 100px)!important}}.center[data-v-1abc8120]{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}h3[data-v-b0ac64da]{margin:40px 0 0}ul[data-v-b0ac64da]{list-style-type:none;padding:0}li[data-v-b0ac64da]{display:inline-block;margin:0 10px}a[data-v-b0ac64da]{color:#42b983}.box[data-v-315d1d8d]{position:absolute;top:20%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.box .toast[data-v-315d1d8d]{margin:20px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);margin:8px 0}.box .toast>div[data-v-315d1d8d],.box .toast[data-v-315d1d8d]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;position:relative;background-color:#fff;overflow:hidden;opacity:1;-webkit-transition:opacity 1s;transition:opacity 1s}.box .toast>div[data-v-315d1d8d]{padding:8px 16px;margin:0}.box .toast .info[data-v-315d1d8d]{background-color:#f4f4f5;color:#909399}.toast .success[data-v-315d1d8d]{background-color:#f0f9eb;color:#67c23a}.box .toast .warning[data-v-315d1d8d]{background-color:#fdf6ec;color:#e6a23c}.box .toast .error[data-v-315d1d8d]{background-color:#fef0f0;color:#f56c6c}.box .toast .is-bold[data-v-315d1d8d]{font-weight:700}.box .toast .title[data-v-315d1d8d]{text-align:left;padding:4px 0}.loading[data-v-0757a8f6]{width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:rgba(0,0,0,.3);font-size:14px}.loading .animation[data-v-0757a8f6]{position:absolute;right:50%;bottom:50%;-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.loading .animation div[data-v-0757a8f6]{display:-webkit-box;display:-ms-flexbox;display:flex;width:3.5em;height:3.5em;border:3px solid transparent;border-top-color:#3cefff;border-bottom-color:#3cefff;border-radius:50%;-webkit-animation:spin-data-v-0757a8f6 1.5s linear infinite;animation:spin-data-v-0757a8f6 1.5s linear infinite}.loading .animation div[data-v-0757a8f6]:before{content:"";display:block;margin:auto;width:.75em;height:.75em;border:3px solid #3cefff;border-radius:50%;-webkit-animation:pulse-data-v-0757a8f6 1s ease-in-out infinite alternate;animation:pulse-data-v-0757a8f6 1s ease-in-out infinite alternate}@-webkit-keyframes spin-data-v-0757a8f6{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-0757a8f6{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes pulse-data-v-0757a8f6{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse-data-v-0757a8f6{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}