.ipr-content{background:#ebebeb}.main{width:1200px;margin:0 auto;font-size:14px;letter-spacing:1px}.main .container{margin-top:30px}.main .container #tim-vue{margin:0 auto;background-color:#fff;overflow:hidden}.main .container #tim-vue .tim-left{float:left;width:95px;height:686px;background-color:#fbfbfb}.main .container #tim-vue .tim-left .tim-left-img{width:95px;height:95px;background-color:#ef4d4d;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.main .container #tim-vue .tim-left .tim-left-img img{width:52px;height:52px;border-radius:50px;border:1px solid #f8b4b4}.main .container #tim-vue .tim-left .tim-left-item{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:95px;height:64px;background-color:#fff;border-bottom:1px solid #ececec}.main .container #tim-vue .tim-left .tim-left-item .item-icon{width:24px;height:24px;background:url(//as.zbjimg.com/static/nodejs-ipr-compose-web/tim/imgs/mes.5031a6a0.png)}.main .container #tim-vue ::-webkit-scrollbar{width:0;height:3px}.main .container #tim-vue ::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.1)}.main .container #tim-vue ::-webkit-scrollbar-track{border-radius:10px}.main .container #tim-vue .tab-container{float:left;width:204px;height:686px;border-right:1px solid #ececec;background-color:#fff;overflow-y:scroll;overflow-x:hidden}.main .container #tim-vue .tab-container .tab-item{position:relative;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:204px;height:85px;padding:10px 20px;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #ececec;cursor:pointer}.main .container #tim-vue .tab-container .tab-item .unread{position:absolute;top:18px;left:40px;background-color:#f35f5f;border-radius:10px;color:#fff;display:inline-block;font-size:12px;padding:0 6px;height:18px;line-height:18px}.main .container #tim-vue .tab-container .tab-item .tab-item-img{width:35px;height:35px;border-radius:50px;background-color:#eee}.main .container #tim-vue .tab-container .tab-item .tab-item-content{width:130px;margin-left:10px}.main .container #tim-vue .tab-container .tab-item .tab-item-content .tab-item-name{font-size:16px;color:#333}.main .container #tim-vue .tab-container .tab-item .tab-item-content .tab-item-info{font-size:12px;color:#666}.main .container #tim-vue .tab-container .tab-item .tab-item-content .tab-item-info .tab-item-info-text{display:inline-block;vertical-align:middle;width:85px}.main .container #tim-vue .tab-container .tab-item .tab-item-content .tab-item-info .tab-item-info-time{display:inline-block;vertical-align:middle}.main .container #tim-vue .tab-container .tab-item.active{background-color:#fbfbfb}.main .container #tim-vue .tim-right{float:left;width:900px;height:686px}.main .container #tim-vue .tim-right .provider-container{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:86px;padding:20px;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#fbfbfb;border-bottom:1px solid #ececec}.main .container #tim-vue .tim-right .provider-container .provider-img{display:inline-block;width:44px;height:44px;border-radius:50px}.main .container #tim-vue .tim-right .provider-container .provider-name{display:inline-block;font-size:18px;color:#333;margin-left:10px}.main .container #tim-vue .tim-right .info-container{overflow:hidden}.main .container #tim-vue .tim-right .info-container .middle-container{float:left}.main .container #tim-vue .tim-right .info-container .middle-container ::-webkit-scrollbar{width:3px;height:3px}.main .container #tim-vue .tim-right .info-container .middle-container ::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.1)}.main .container #tim-vue .tim-right .info-container .middle-container ::-webkit-scrollbar-track{border-radius:10px}.main .container #tim-vue .tim-right .info-container .middle-container .message-container{width:666px;height:423px;padding:20px;-moz-box-sizing:border-box;box-sizing:border-box;overflow-y:scroll}.main .container #tim-vue .tim-right .info-container .middle-container .message-container .mes-more-container{text-align:center}.main .container #tim-vue .tim-right .info-container .middle-container .message-container .mes-more-container .mes-more{cursor:pointer}.main .container #tim-vue .tim-right .info-container .middle-container .message-container .mes-list{margin-bottom:15px}.main .container #tim-vue .tim-right .info-container .middle-container .message-container .user-img{display:inline-block;vertical-align:top;width:45px;height:45px;border-radius:50px;background-color:#eee}.main .container #tim-vue .tim-right .info-container .middle-container .message-container .user-mes-container{display:inline-block;margin-left:10px}.main .container #tim-vue .tim-right .info-container .middle-container .message-container .user-mes-container .user-mes-time{font-size:12px;color:#999;margin-bottom:5px}.main .container #tim-vue .tim-right .info-container .middle-container .message-container .user-mes{display:inline-block;max-width:470px;vertical-align:top;background-color:#5cadff;padding:10px;border-radius:4px 4px 4px 4px;color:#fff}.main .container #tim-vue .tim-right .info-container .middle-container .message-container .user-mes .user-mes-item{display:inline-block;max-width:470px}.main .container #tim-vue .tim-right .info-container .middle-container .message-container .user-mes .user-mes-item span{word-break:normal;width:auto;white-space:pre-wrap;word-wrap:break-word;overflow:hidden}.main .container #tim-vue .tim-right .info-container .middle-container .message-container .mes-right{text-align:right}.main .container #tim-vue .tim-right .info-container .middle-container .message-container .mes-right .user-mes-container{margin-right:10px}.main .container #tim-vue .tim-right .info-container .middle-container .send-container{width:666px;height:177px;padding:20px;padding-top:10px;text-align:right;-moz-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #ececec}.main .container #tim-vue .tim-right .info-container .middle-container .send-container .send-op{display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px}.main .container #tim-vue .tim-right .info-container .middle-container .send-container .send-op .send-op-item{position:relative;width:20px;height:20px;margin-right:20px;cursor:pointer;background:url(//as.zbjimg.com/static/nodejs-ipr-compose-web/tim/imgs/face.2ea2694c.png)}.main .container #tim-vue .tim-right .info-container .middle-container .send-container .send-op .send-op-item .emojis-container{position:absolute;left:0;bottom:25px;width:400px;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border-radius:4px;padding:10px;border:1px solid #ebeef5;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.main .container #tim-vue .tim-right .info-container .middle-container .send-container .send-op .send-op-item .emojis-container ::-webkit-scrollbar{width:3px;height:3px}.main .container #tim-vue .tim-right .info-container .middle-container .send-container .send-op .send-op-item .emojis-container ::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.1)}.main .container #tim-vue .tim-right .info-container .middle-container .send-container .send-op .send-op-item .emojis-container ::-webkit-scrollbar-track{border-radius:10px}.main .container #tim-vue .tim-right .info-container .middle-container .send-container .send-op .send-op-item .emojis{height:160px;display:-moz-box;display:-ms-flexbox;display:flex;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow-y:scroll}.main .container #tim-vue .tim-right .info-container .middle-container .send-container .send-op .send-op-item .emojis .emoji{height:40px;width:40px;-moz-box-sizing:border-box;box-sizing:border-box}.main .container #tim-vue .tim-right .info-container .middle-container .send-container .send-op .send-op-item .emojis .emoji img{width:30px;height:30px}.main .container #tim-vue .tim-right .info-container .middle-container .send-container textarea{width:626px;-moz-box-sizing:border-box;box-sizing:border-box;border:none;resize:none}.main .container #tim-vue .tim-right .info-container .middle-container .send-container .J-send-message{font-size:12px;color:#fff;border-radius:5px;background-color:#ef4d4d;padding:10px 20px}.main .container #tim-vue .tim-right .info-container .provider-info{float:left;width:233px;height:600px;padding:18px 12px 0 18px;-moz-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #ececec}.main .container #tim-vue .tim-right .info-container .provider-info .icon-content{min-width:117px;vertical-align:text-top;display:-moz-box;display:-ms-flexbox;display:flex;margin:10px 0}.main .container #tim-vue .tim-right .info-container .provider-info .icon-text{color:#fff;font-size:12px;margin-right:5px;border-radius:5px;padding:0 2px;vertical-align:top;margin-right:2px;display:inline-block;height:20px;max-width:30px}.main .container #tim-vue .tim-right .info-container .provider-info .type{background-color:#7ec1e6;padding:0 5px}.main .container #tim-vue .tim-right .info-container .provider-info .is-auth{background-color:#64d2a5;padding:0 5px}.main .container #tim-vue .tim-right .info-container .provider-info .order{background-color:#9e98ed}.main .container #tim-vue .tim-right .info-container .provider-info .year{background-color:#f9b66d;margin-right:0}.main .container #tim-vue .tim-right .info-container .provider-info .provider-name{font-size:18px;color:#333}.main .container #tim-vue .tim-right .info-container .provider-info .provider-data{font-size:12px;margin-bottom:12px;color:#666}.main .container #tim-vue .tim-right .info-container .provider-info .provider-data b{color:#eb0000}.main .container #tim-vue .tim-right .info-container .provider-info .provider-des{font-size:14px;padding:10px 0;color:#333;border-top:1px solid #f3f3f3}.main .container #tim-vue .tim-right .info-container .provider-info .J-to-provider{display:inline-block;font-size:12px;color:#666;padding:8px;background-color:#f9f9f9;border:1px solid #e1e1e1}.main .container #tim-vue .tim-right .info-container .provider-info .J-to-provider:before{display:inline-block;margin-right:5px;vertical-align:middle;content:'';width:14px;height:13px;background:url(//as.zbjimg.com/static/nodejs-ipr-compose-web/tim/imgs/provider.271c0ec1.png)}.main .container #tim-vue .tim-right-provider{width:666px}.main .container .tim-vue-provider{width:966px}