.ImgUpload[data-v-fb8d27c0]{border:1px dashed #d9d9d9;width:104px;height:104px;border-radius:4px;background-color:#fafafa;text-align:center;cursor:pointer;-webkit-transition:border-color .3s ease;transition:border-color .3s ease;vertical-align:top;margin-right:8px;margin-bottom:8px;display:table}.ImgUpload[data-v-fb8d27c0]:hover{border-color:#1890ff}.ImgUpload span[data-v-fb8d27c0]{width:100%;height:100%;display:table-cell;text-align:center;vertical-align:middle;padding:8px 8px 0 8px}.ImgUpload .imgPreview[data-v-fb8d27c0]{width:100%}.container-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container-message{margin:30px 0}.container-message /deep/ .ivu-card-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.container-message .left-body{-webkit-box-flex:5;-ms-flex:5;flex:5;max-width:450px;margin:20px;width:100%}.container-message .left-body .left-content .background{max-width:280px}.container-message .left-body .left-content .background img{padding:10px 10px 0 10px;max-width:280px;max-height:210px}.container-message .left-body .left-content .logo{max-width:80px}.container-message .left-body .left-content .logo img{padding:10px 10px 0 10px;max-width:80px;max-height:80px}.container-message .left-body .left-content .btn{text-align:right;margin-top:10px}.container-message .division{-webkit-box-flex:2;-ms-flex:2;flex:2}.container-message .right-body{-webkit-box-flex:8;-ms-flex:8;flex:8}.container-message .right-body .title{text-align:center}.container-message .right-body .content{border:1px solid #e8e8e8;max-width:800px}.container-message .right-body .content-title{padding:10px 50px 10px 50px;border-bottom:1px solid #e8e8e8}.container-message .right-body .content-body{padding:10px 50px 10px 0}.container-message .right-body .content-body p{padding:10px 50px 10px 50px;line-height:30px}.container-body{margin:30px 0}.container-body /deep/ .ivu-card-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.container-body .left-body{-webkit-box-flex:3;-ms-flex:3;flex:3;max-width:450px;margin:0;width:100%}.container-body .left-body .left-content .background{max-width:280px}.container-body .left-body .left-content .background img{padding:10px 10px 0 10px;max-width:280px;max-height:210px}.container-body .left-body .left-content .logo{max-width:80px}.container-body .left-body .left-content .logo img{padding:10px 10px 0 10px;max-width:80px;max-height:80px}.container-body .left-body .left-content .btn{text-align:right;margin-top:10px}.container-body .right-body{-webkit-box-flex:5;-ms-flex:5;flex:5}.container-body .right-body .switch{text-align:right;margin-bottom:10px}.container-body .right-body .affix .preview{width:100%;height:38vw;position:relative;background-position:50%;background-size:cover;background-repeat:no-repeat;-webkit-box-shadow:4px 4px 10px #e8e8e8;box-shadow:4px 4px 10px #e8e8e8}.container-body .right-body .affix .preview.mobileType{width:375px;height:812px;margin:0 auto}.container-body .right-body .affix .preview .chat{background:#fff}.container-body .right-body .affix .preview .chat *{-webkit-box-sizing:content-box;box-sizing:content-box}.container-body .right-body .affix .preview .chat textarea{resize:none}.container-body .right-body .affix .preview .chat.style1{width:100%;height:100%;top:0;bottom:0;left:0;margin:0;position:absolute}.container-body .right-body .affix .preview .chat.style1.noadbox .chatBody{right:0}.container-body .right-body .affix .preview .chat.style1.noadbox .chatAdbox{display:none}.container-body .right-body .affix .preview .chat.style1.leftadbox .chatBody{right:209px;left:209px}.container-body .right-body .affix .preview .chat.style1.leftadbox .robot-message-box{margin-right:0}.container-body .right-body .affix .preview .chat.style1.leftadbox .chatAdbox{left:0;right:auto;border-left:none;border-right:1px solid #ededed}.container-body .right-body .affix .preview .chat.style1.leftadbox .robot-message-box{float:right;border-left:1px solid #ededed;width:186px;height:460px;padding:10px;right:0;left:auto;overflow-y:auto}.container-body .right-body .affix .preview .chat.style1.leftadbox .robot-message-box a{color:inherit}.container-body .right-body .affix .preview .chat.style1.leftadbox .robot-message-box /deep/ img{width:168px}.container-body .right-body .affix .preview .chat.style1 .chatHeader{height:60px;padding:0 15px 0 15px}.container-body .right-body .affix .preview .chat.style1 .chatHeader .logo{float:left;margin:5px 0;text-align:left;overflow:hidden;border-radius:50%}.container-body .right-body .affix .preview .chat.style1 .chatHeader .logo img{height:50px}.container-body .right-body .affix .preview .chat.style1 .chatHeader .customer{display:none}.container-body .right-body .affix .preview .chat.style1 .chatHeader .customerIcon{width:60px;height:60px;float:right;overflow:hidden}.container-body .right-body .affix .preview .chat.style1 .chatHeader .customerIcon .customerIconImg{height:40px;padding:10px 10px}.container-body .right-body .affix .preview .chat.style1 .chatHeader .customerIcon .customerIconImg .icon-img{height:44px;width:44px}.container-body .right-body .affix .preview .chat.style1 .chatBody{position:absolute;top:60px;bottom:0;left:0;right:468px}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList{position:absolute;top:0;left:0;right:0;bottom:140px;background:#fcfcfc;overflow:auto}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper{padding:14px;text-align:left;margin-bottom:2px;font-size:12px;line-height:14px;color:#b2b2b2}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .listHistory{color:#aaa;text-align:center;line-height:30px;cursor:pointer}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox{margin-bottom:20px;position:relative;overflow:hidden}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox .avatar{width:40px;height:40px;overflow:hidden;border-radius:50%;position:absolute;top:12px;left:0}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox .avatar img{width:100%;height:100%}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox .name{margin:0 50px 2px;font-size:12px;line-height:14px;color:#b2b2b2}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox .name .date{margin-left:4px}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox .notice{color:#aaa;text-align:center;display:block;line-height:30px}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox .bubble{float:left;width:auto;margin-left:50px;margin-right:35px;color:#000;background-color:#fff;border:1px solid #f0f0f0;position:relative;border-radius:3px;padding:8px 12px;font-size:13px;line-height:20px;word-wrap:break-word}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox .bubble .emotion{width:28px}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox .image{float:left;max-width:100%;margin-left:50px;margin-right:35px;overflow:hidden}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox .image img{max-width:100%;max-height:350px;cursor:pointer}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox .image .img{display:none}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox.clientleft .avatar{left:0;right:auto}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox.clientleft .name{text-align:left}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox.clientleft .bubble{float:left;margin-right:50px;margin-left:50px;color:#fff;border:none;position:relative}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox.clientleft .bubble .loading{width:16px;height:16px;position:absolute;left:-22px;top:10px}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox.clientleft .image{float:left;margin-right:50px;margin-left:35px;position:relative}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox.clientleft .image .loading{width:16px;height:16px;position:absolute;left:10px;top:10px}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox.client .avatar{right:0;left:auto}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox.client .name{text-align:right}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox.client .bubble{float:right;margin-right:50px;margin-left:35px;color:#fff;border:none;position:relative}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox.client .bubble .loading{width:16px;height:16px;position:absolute;left:-22px;top:10px}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox.client .image{float:right;margin-right:50px;margin-left:35px;position:relative}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatList .listWrapper .msgBox.client .image .loading{width:16px;height:16px;position:absolute;left:10px;top:10px}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatInput{height:140px;border-top:1px solid #ededed;position:absolute;bottom:0;left:0;right:0}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatInput .inputText{height:44px;margin:8px 10px;position:relative}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatInput .inputText textarea{display:block;height:44px;outline:0;background-color:#fff;width:100%;border:none;font-size:13px}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatInput .inputTools{height:40px;padding-left:14px}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatInput .inputTools label{width:18px;height:18px;line-height:18px;color:#aaa;float:left;margin:10px 10px 0 0;cursor:pointer}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatInput .inputTools label:hover{color:#666}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatInput .inputTools label input{display:none}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatInput .inputTools label i{font-size:18px}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatInput .inputBtn{line-height:40px;height:40px;text-align:right;padding:0 10px}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatInput .inputBtn .inputCount{color:#aaa;float:left;line-height:40px;margin-right:10px}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatInput .inputBtn .dropBtn{width:80px;height:30px;float:right;line-height:30px;margin-top:5px}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatInput .inputBtn .dropBtn a{color:#fff;display:inline-block;height:30px;background-color:#007aff;cursor:pointer}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatInput .inputBtn .dropBtn .dropTitle{float:left;width:60px;text-align:center;border-top-left-radius:3px;border-bottom-left-radius:3px}.container-body .right-body .affix .preview .chat.style1 .chatBody .chatInput .inputBtn .dropBtn .dropMenu{float:left;width:20px;text-align:center;border-top-right-radius:3px;border-bottom-right-radius:3px;position:relative}.container-body .right-body .affix .preview .chat.style1 .chatAdbox{position:absolute;top:60px;bottom:0;border-left:1px solid #ededed;width:186px;padding:10px;right:0;left:auto;overflow-y:auto}.container-body .right-body .affix .preview .chat.style1 .chatAdbox a{color:inherit}.container-body .right-body .affix .preview .chat.style1 .chatAdbox /deep/ img{width:168px}.container-body .right-body .affix .preview .chat.style1 .robot-message-box{float:right;border-left:1px solid #ededed;width:250px;height:600px;padding:10px;margin-right:209px;left:auto;overflow-y:auto;position:relative;z-index:9999;text-align:left}.container-body .right-body .affix .preview .chat.style1 .robot-message-box img{width:168px}.container-body .right-body .affix .preview .chat.style2{width:930;height:540px;position:absolute;top:50%;left:50%;margin:-270px 0 0 -344px;border:1px solid #f0f0f0}.container-body .right-body .affix .preview .chat.style2.noadbox{width:930px;margin:-270px 0 0 -350px}.container-body .right-body .affix .preview .chat.style2.noadbox .chatBody{width:100%;margin-left:0;margin-right:0}.container-body .right-body .affix .preview .chat.style2.noadbox .chatAdbox{display:none}.container-body .right-body .affix .preview .chat.style2.leftadbox .chatBody{margin-left:209px;margin-right:0}.container-body .right-body .affix .preview .chat.style2.leftadbox .chatAdbox{float:left;left:0;right:auto;border-left:none;border-right:1px solid #ededed}.container-body .right-body .affix .preview .chat.style2 .chatHeader{height:60px;padding:0 15px 0 15px}.container-body .right-body .affix .preview .chat.style2 .chatHeader .customer{text-align:left;color:#fff}.container-body .right-body .affix .preview .chat.style2 .chatHeader .customer .customer-img{width:50px;height:50px;border-radius:50%;overflow:hidden;float:left;margin:5px 0}.container-body .right-body .affix .preview .chat.style2 .chatHeader .customer .customer-img img{width:100%;height:100%}.container-body .right-body .affix .preview .chat.style2 .chatHeader .customer .customer-welcome{width:120px;height:55px;float:left;padding:5px 0 0 6px}.container-body .right-body .affix .preview .chat.style2 .chatHeader .customer .customer-welcome .customer-nick{padding-top:4px;font-size:16px}.container-body .right-body .affix .preview .chat.style2 .chatHeader .customerIcon{width:60px;height:60px;float:right}.container-body .right-body .affix .preview .chat.style2 .chatHeader .customerIcon .customerIconImg{height:40px;padding:10px 10px}.container-body .right-body .affix .preview .chat.style2 .chatHeader .customerIcon .customerIconImg .icon-img{height:44px;width:44px}.container-body .right-body .affix .preview .chat.style2 .chatHeader .logo{display:none}.container-body .right-body .affix .preview .chat.style2 .chatBody{margin-right:209px;height:480px;position:relative}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList{height:380px;background:#fcfcfc;overflow:auto}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper{padding:14px;text-align:left;margin-bottom:2px;font-size:12px;line-height:14px;color:#b2b2b2}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .listHistory{color:#aaa;text-align:center;line-height:30px;cursor:pointer}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox{margin-bottom:20px;position:relative;overflow:hidden}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox .avatar{display:none}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox .name{margin-bottom:2px;font-size:12px;line-height:14px;color:#b2b2b2}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox .name .date{margin-left:4px}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox .notice{color:#aaa;text-align:center;display:block;line-height:30px}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox .bubble{float:left;width:auto;max-width:100%;margin-right:35px;color:#000;background-color:#fff;border:1px solid #f0f0f0;position:relative;border-radius:3px;padding:8px 12px;font-size:13px;line-height:20px;word-wrap:break-word}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox .bubble .emotion{width:28px}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox .image{float:left;max-width:100%;margin-right:35px;overflow:hidden}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox .image img{max-width:100%;max-height:350px;cursor:pointer}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox .image .img{display:none}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox.clientleft .name{text-align:left}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox.clientleft .bubble{float:left;margin-right:35px;margin-left:0;color:#fff;border:none}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox.clientleft .bubble .loading{width:16px;height:16px;position:absolute;left:-22px;top:10px}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox.clientleft .image{float:right;margin-right:0;margin-left:35px;position:relative}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox.clientleft .image .loading{width:16px;height:16px;position:absolute;left:10px;top:10px}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox.client .name{text-align:right}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox.client .bubble{float:right;margin-right:0;margin-left:35px;color:#fff;border:none}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox.client .bubble .loading{width:16px;height:16px;position:absolute;left:-22px;top:10px}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox.client .image{float:right;margin-right:0;margin-left:35px;position:relative}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatList .listWrapper .msgBox.client .image .loading{width:16px;height:16px;position:absolute;left:10px;top:10px}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatInput{height:99px;border-top:1px solid #ededed;position:relative;margin-right:209px}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatInput .inputText{width:100%}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatInput .inputText textarea{display:block;height:44px;padding:8px 10px;outline:0;background-color:#fff;width:459px;border:none;font-size:13px}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatInput .inputTools{position:absolute;left:0;bottom:0;width:200px;height:40px;padding-left:14px}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatInput .inputTools label{width:18px;height:18px;line-height:18px;color:#aaa;float:left;margin:10px 10px 0 0;cursor:pointer;position:relative;overflow:hidden}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatInput .inputTools label:hover{color:#666}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatInput .inputTools label input{width:18px;height:18px;opacity:0;z-index:1;position:absolute;top:0;left:0;right:0;margin:0 auto;cursor:pointer}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatInput .inputTools label i{font-size:18px}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatInput .inputBtn{position:absolute;right:0;bottom:0;line-height:40px;height:40px;text-align:right;width:200px;padding-right:10px}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatInput .inputBtn .inputCount{color:#aaa;float:right;line-height:40px;margin-right:10px}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatInput .inputBtn .dropBtn{width:80px;height:30px;float:right;line-height:30px;margin-top:5px}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatInput .inputBtn .dropBtn a{color:#fff;display:inline-block;height:30px;background-color:#007aff;cursor:pointer}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatInput .inputBtn .dropBtn .dropTitle{float:left;width:60px;text-align:center;border-top-left-radius:3px;border-bottom-left-radius:3px}.container-body .right-body .affix .preview .chat.style2 .chatBody .chatInput .inputBtn .dropBtn .dropMenu{float:left;width:20px;text-align:center;border-top-right-radius:3px;border-bottom-right-radius:3px;position:relative}.container-body .right-body .affix .preview .chat.style2 .chatAdbox{float:right;border-left:1px solid #ededed;width:186px;height:460px;padding:10px;right:0;left:auto;overflow-y:auto}.container-body .right-body .affix .preview .chat.style2 .chatAdbox a{color:inherit}.container-body .right-body .affix .preview .chat.style2 .chatAdbox /deep/ img{width:168px}.container-body .right-body .affix .preview .chat.style2 .robot-message-box{float:right;border-left:1px solid #ededed;width:220px;height:460px;padding:10px;right:0;left:auto;overflow-y:scroll;position:relative;z-index:9999;text-align:left}.container-body .right-body .affix .preview .chat.style2 .robot-message-box img{width:168px}.container-body .right-body .affix .preview .chat.mobile{width:100%;height:100%;top:0;bottom:0;left:0;margin:0;position:absolute}.container-body .right-body .affix .preview .chat.mobile .chat-header{height:52px;padding:0 0 0 10px}.container-body .right-body .affix .preview .chat.mobile .chat-header .customer{text-align:left;color:#fff}.container-body .right-body .affix .preview .chat.mobile .chat-header .customer .customer-img{width:50px;height:50px;border-radius:50%;overflow:hidden;float:left;margin:2px 0}.container-body .right-body .affix .preview .chat.mobile .chat-header .customer .customer-img img{width:100%;height:100%}.container-body .right-body .affix .preview .chat.mobile .chat-header .customer .customer-welcome{float:left}.container-body .right-body .affix .preview .chat.mobile .chat-header .customer .customer-welcome .customer-nick{padding-top:8px;font-size:14px}.container-body .right-body .affix .preview .chat.mobile .chat-header .customerIcon{width:40px;float:right;margin:6px 6px 0 0;overflow:hidden;border-radius:50%}.container-body .right-body .affix .preview .chat.mobile .chat-header .customerIcon .customerIconImg .icon-img{height:40px;overflow:hidden;border-radius:36%}.container-body .right-body .affix .preview .chat.mobile .chat-body{position:absolute;top:52px;bottom:0;left:0;right:0;background:#fcfcfc}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list{position:absolute;left:0;right:0;bottom:50px;background:#fcfcfc;overflow:auto;max-height:50%;-webkit-overflow-scrolling:touch}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper{padding:14px;text-align:left;margin-bottom:2px;font-size:12px;line-height:14px;color:#b2b2b2}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .list-history{color:#aaa;text-align:center;visibility:hidden;line-height:30px;cursor:pointer}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box{margin-bottom:20px;position:relative;overflow:hidden}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box .avatar{width:40px;height:40px;overflow:hidden;border-radius:50%;position:absolute;top:12px;left:0}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box .avatar img{width:100%;height:100%}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box .name{margin:0 50px 2px;font-size:12px;line-height:14px;color:#b2b2b2}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box .name .date{margin-left:2px}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box .notice{color:#aaa;text-align:center;display:block;line-height:30px}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box .bubble{float:left;width:auto;margin-left:50px;margin-right:35px;color:#000;background-color:#fff;border:1px solid #f0f0f0;position:relative;border-radius:3px;padding:8px 12px;font-size:12px;line-height:20px;word-wrap:break-word}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box .bubble .text img{max-width:300px!important}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box .image{float:left;max-width:100%;margin-left:50px;margin-right:35px;min-height:40px}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box .image img{max-width:100%;max-height:350px;cursor:pointer}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box .image .img{display:none}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box.clientleft .avatar{left:0;right:auto}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box.clientleft .name{text-align:left}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box.clientleft .bubble{float:left;margin-right:50px;margin-left:50px;color:#fff;border:none;position:relative}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box.clientleft .bubble .loading{width:16px;height:16px;position:absolute;left:-22px;top:10px}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box.clientleft .image{float:left;margin-right:50px;margin-left:35px;position:relative}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box.clientleft .image .loading{width:16px;height:16px;position:absolute;left:10px;top:10px}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box.client .avatar{right:0;left:auto}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box.client .name{text-align:right}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box.client .bubble{float:right;margin-right:50px;margin-left:35px;color:#fff;border:none;font-size:12px}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box.client .bubble .loading{width:16px;height:16px;position:absolute;left:-22px;top:10px}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box.client .image{float:right;margin-right:50px;margin-left:35px;position:relative;min-height:40px}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-list .list-wrapper .msg-box.client .image .loading{width:16px;height:16px;position:absolute;left:-22px;top:10px}.container-body .right-body .affix .preview .chat.mobile .chat-body .emotion-box{display:none;position:absolute;list-style:none;background:hsla(0,0%,100%,.8);border-top:1px solid #ededed;bottom:51px;left:0;right:0}.container-body .right-body .affix .preview .chat.mobile .chat-body .emotion-box ul{list-style:none}.container-body .right-body .affix .preview .chat.mobile .chat-body .emotion-box ul li{float:left;width:34px;height:34px}.container-body .right-body .affix .preview .chat.mobile .chat-body .emotion-box ul li img{margin:2px}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-input{height:50px;border-top:1px solid #ededed;position:absolute;bottom:0;left:0;right:0;background:#fff}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-input .input-text{height:40px;padding:5px;margin-left:80px;margin-right:40px}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-input .input-text textarea{width:100%;background-color:#fff;border:none;font-size:13px;outline:none;line-height:40px;height:40px}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-input .input-tools{height:40px;padding:5px;width:70px;float:left}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-input .input-tools label{width:35px;height:35px;line-height:35px;color:#aaa;float:left;margin-top:2px;cursor:pointer}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-input .input-tools label:active{color:#666}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-input .input-tools label input{display:none}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-input .input-tools label i{font-size:25px}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-input .input-btn{width:40px;height:50px;position:absolute;top:0;right:0}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-input .input-btn .input-count{display:none}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-input .input-btn .drop-btn{width:40px;height:50px;line-height:50px;text-align:center;font-size:12px}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-input .input-btn .drop-btn a{background-color:#fff!important;color:#666;display:inline-block;cursor:pointer}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-input .input-btn .drop-btn .drop-menu{display:none}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-black,.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-disabled{height:50px;line-height:50px;font-size:16px;border-top:1px solid #ededed;position:absolute;bottom:0;left:0;right:0;background:#fff;text-align:center}.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-black a,.container-body .right-body .affix .preview .chat.mobile .chat-body .chat-disabled a{color:#007aff;text-decoration:none;cursor:pointer}.container-body .right-body .affix .preview .chat.mobile .chat-adbox{display:none}.md-list{margin-bottom:12px}.md-list .ivu-card-body{padding:0}.md-list .select-tip{height:46px;line-height:46px;position:relative;color:#009de7;cursor:pointer;padding-left:12px}.md-list .md-list-item{background-color:#f9fafc;border:1px solid #eff0f2;width:100%;height:56px;padding:12px 14px;border-radius:3px;font-size:13px;color:#5a6978;position:relative}.md-list .md-list-item:hover:not(:first-child){background-color:#fff}.md-list .md-list-operator{display:none;float:right;margin-top:-6px;position:absolute;top:18px;right:16px;z-index:2}.md-list .md-list-operator .ivu-form-item{float:right;margin-bottom:0}.md-list .md-list-operator .ivu-form-item-label{width:inherit!important}.md-list .md-list-operator .ivu-form-item-content{margin-left:50px!important}.md-list .md-list-item:first-child .md-list-operator,.md-list .md-list-item:hover .md-list-operator{display:inline-block}.md-list .md-list-operator-item{margin-right:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50px;float:left;height:32px;cursor:pointer}.md-list .md-list-operator-item i{font-size:18px}.md-list .md-list-item-title{position:absolute;top:20px;z-index:1}.md-list .md-list-item-title .ivu-input{top:-9px}.add-md{height:32px;line-height:32px;position:relative;color:#009de7;cursor:pointer}.add-md .ivu-select-selection{opacity:0!important}#preGuide-form{background:#f9fafc;width:60%;margin:auto}#preGuide-form .content{max-width:none}#preGuide-form .content .preGuide-header{background:#af9c0e;height:30px;line-height:30px}#preGuide-form .content .preGuide-header .ivu-icon-md-close{color:#fff;float:right;font-size:20px;margin:6px}#preGuide-form .content p{background-color:#f9fafc;border:1px solid #eff0f2;width:100%;padding:0 14px;border-radius:3px;font-size:13px;color:#5a6978;line-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box}#preGuide-form .md-list{margin-bottom:0}#preGuide-form .md-list .md-list-item{height:36px;line-height:36px;padding:0 14px}#preGuide-form .md-list .md-list-item .md-list-item-title{position:static}#preGuide-form .md-list .md-list-item .md-list-item-title .ivu-input{top:0;width:100%}#preGuide-form .md-list .md-list-item.md-list-item-first{background-color:#d4d0d0}#preGuide-form .ivu-radio-group{display:inline}#preGuide-form .submit-preGuide{text-align:center;padding:24px 12px 48px}#preGuide-form .submit-preGuide .btn-submit{padding:8px 24px;width:98%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:6px;border:none;outline:none;background:#af9c0e;color:#fff}#preGuide-form.phone-view{width:360px;margin:0 auto}#preGuide-form.phone-view .md-list .preGuide-form-item{background-color:#f9fafc;width:100%;padding:0 14px;padding-top:12px;border-radius:3px;font-size:13px;color:#5a6978;line-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:none}#preGuide-form.phone-view .md-list .preGuide-form-item .preGuide-form-item-title{line-height:24px}