.caring-im .ivu-modal-body{padding:0!important}.caring-im .modal-content{display:flex;height:650px;border-radius:6px;overflow:hidden}.caring-im .modal-content .modal-left{width:320px;overflow-y:auto;border-right:1px solid #e8eaec}.caring-im .modal-content .modal-left .message-item{padding:15px;display:flex;position:relative;cursor:pointer}.caring-im .modal-content .modal-left .message-item-active{background-color:#ddd}.caring-im .modal-content .modal-left .message-item .icon-image{width:40px;height:40px;border-radius:5px;margin-top:1px}.caring-im .modal-content .modal-left .message-item .message-title{color:#000;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caring-im .modal-content .modal-left .message-item .message-content{color:#999;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caring-im .modal-content .modal-left .message-item .message-unread{position:absolute;right:10px;top:12px}.caring-im .modal-content .modal-left .message-item+.message-item{border-top:1px solid #e8eaec}.caring-im .modal-content .modal-right{flex:1;display:flex;flex-direction:column}.caring-im .modal-content .modal-right .con-title{line-height:55px;height:55px;border-bottom:1px solid #e8eaec;text-align:center}.caring-im .modal-content .modal-right .last-times-tip{padding:10px 15px;background-color:#fff;color:#f66d6f;line-height:25px;display:flex;flex-direction:row}.caring-im .modal-content .modal-right .last-times-tip .last-times-value{flex:1}.caring-im .modal-content .modal-right .last-times-tip .last-second-tip{line-height:30px;display:flex;flex-direction:row;margin-left:10px}.caring-im .modal-content .modal-right .last-times-tip .last-second-tip .second-icon{display:inline-block;width:10px;height:10px;border-radius:50%;margin-top:10px;background-color:#4286f0;box-sizing:0 0 10rpx rgba(25,190,107,.5)}.caring-im .modal-content .modal-right .last-times-tip .last-second-tip .second-text{font-size:16px;color:#5b5b5b;flex:1;margin-left:10px}.caring-im .modal-content .modal-right .last-times-tip .last-second-tip .second-value{margin-left:10px;font-size:16px;color:#f66d6f}.caring-im .modal-content .modal-right .scroll-view{flex:1;height:0;background-color:#f8f8f8;overflow-y:auto}.caring-im .modal-content .modal-right .scroll-view .message-list{padding:0 12px;margin-top:12px}.caring-im .modal-content .modal-right .scroll-view .message-list .message-time{padding-bottom:7px;text-align:center}.caring-im .modal-content .modal-right .scroll-view .message-list .message-time span{height:15px;line-height:15px;font-size:14px;padding:0 10px;color:#aaa}.caring-im .modal-content .modal-right .scroll-view .message-list .notice-tip{text-align:center}.caring-im .modal-content .modal-right .scroll-view .message-list .notice-tip span{line-height:15px;font-size:13px;padding:0 10px;background-color:#ccc;color:#fff;border-radius:10px}.caring-im .modal-content .modal-right .scroll-view .message-list .custom-message{text-align:center}.caring-im .modal-content .modal-right .scroll-view .message-list .custom-message span{line-height:15px;font-size:13px;padding:3px 15px;color:#aaa;background-color:#ccc;color:#fff;border-radius:10px}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item{display:flex;flex-direction:row}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item .message-avatar{width:35px;height:35px;border-radius:5px;margin-right:10px}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item .message-container .message-author{color:#999;font-size:12px;margin-top:-5px}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item .message-container .message-content{word-break:break-all;max-width:250px;margin-top:5px;background-color:#fff;padding:10px;border-radius:7px;font-size:14px;color:#333;position:relative;margin-left:9px}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item .message-container .message-content .message-image{width:150px;height:100px;cursor:pointer}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item .message-container .message-content .warm-tip{margin-top:7px;border-top:1px solid #ddd;padding-top:7px;font-size:13px;color:#c1c1c1;line-height:15px}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item .message-container .message-content:before{content:"";width:0;height:0;border-top:5px solid transparent;border-right:9px solid #fff;border-bottom:5px solid transparent;position:absolute;top:5px;left:-8px}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item .message-container .primary-card{width:220px;background-color:#fff;margin-top:5px;border-top-top-radius:0;border-top-right-radius:15px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;border:2px solid #2d8cf0;position:relative;overflow:hidden;opacity:.99}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item .message-container .primary-card:active{opacity:.6}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item .message-container .primary-card .card-body{display:flex;flex-direction:row;margin:7px;margin-bottom:0;padding:7px;padding-bottom:10px;border-bottom:1px solid #eee}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item .message-container .primary-card .card-body .card-icon{width:25px;height:25px}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item .message-container .primary-card .card-body .card-title{flex:1;width:0;color:#2d8cf0;font-size:14px;line-height:25px;margin-left:7px}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item .message-container .primary-card .card-foot{text-align:center;color:#2d8cf0;font-size:12px;line-height:20px;padding:5px 0}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item .message-container .primary-card .card-bottom-icon{position:absolute;background-color:#2d8cf0;border-radius:25px;width:50px;height:50px;left:-20px;bottom:-38px;padding-right:10px;transform:rotate(-9deg);text-align:right}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item .message-container .primary-card .card-bottom-icon .u-icon{transform:rotateY(180deg)}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item .send-loading{margin-top:20px;padding:0 10px}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item-right{flex-direction:row-reverse}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item-right .message-avatar{margin-right:0;margin-left:10px}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item-right .message-container .message-author{text-align:right}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item-right .message-container .message-content{background-color:#2d8cf0;color:#fff;margin-left:0;margin-right:9px}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item-right .message-container .message-content:before{content:none}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item-right .message-container .message-content:after{content:"";width:0;height:0;border-top:5px solid transparent;border-left:9px solid #2d8cf0;border-bottom:5px solid transparent;position:absolute;top:5px;right:-8px}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item-right .message-container .primary-card{border-top-right-radius:0;border-top-left-radius:15px;border-bottom-right-radius:15px;border-bottom-left-radius:15px}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item-right .message-container .primary-card .card-bottom-icon{position:absolute;background-color:#2d8cf0;border-radius:25px;width:50px;height:50px;left:auto;right:-20px;bottom:-38px;padding-left:10px;transform:rotate(9deg);text-align:left}.caring-im .modal-content .modal-right .scroll-view .message-list .message-item-right .message-container .primary-card .card-bottom-icon .u-icon{transform:rotateY(0)}.caring-im .modal-content .modal-right .body-container{padding:15px;padding-top:0}.caring-im .modal-content .modal-right .body-container .body-services{padding:10px 0}.caring-im .modal-content .modal-right .body-container .body-services .service-item{display:inline-block;padding:5px;cursor:pointer;position:relative}.caring-im .modal-content .modal-right .body-container .body-services .service-item:hover{background-color:#eee}.caring-im .modal-content .modal-right .body-container .body-services .service-item .file-upload{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.caring-im .modal-content .modal-right .body-container textarea{width:100%;height:60px;border:0;padding:0;margin:0;font-size:15px;line-height:20px;outline:none;resize:none}.v-transfer-dom .ivu-drawer-mask,.v-transfer-dom .ivu-drawer-wrap{z-index:9999!important}