li,ul{margin:0;padding:0}.template-container{position:relative;height:100%}.template-container .template-contain-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;min-width:960px;overflow:hidden;padding-top:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.template-container .template-contain-wrapper .template-contain{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;padding:0 10px 10px;background:#f7f7f7;-webkit-box-sizing:border-box;box-sizing:border-box}.template-container .template-contain-wrapper .template-contain .contain-title{-webkit-box-flex:0;-ms-flex:0 0 60px;flex:0 0 60px;height:60px;line-height:40px;text-align:left;padding:10px 0 10px 10px;font-size:18px;color:#1f2d3d;-webkit-box-sizing:border-box;box-sizing:border-box}.template-container .template-contain-wrapper .template-contain .contain-title .title-right{float:right;margin:5px 5px 0}.template-container .template-contain-wrapper .template-contain .contain-chatroom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:0;-ms-flex:0 0 400px;flex:0 0 400px;overflow:auto}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:20px;overflow:hidden;background-color:#fff}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .broadcasting-box{position:absolute;top:0;left:0;width:100%;height:30px;background:rgba(0,0,0,.5);z-index:2}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .broadcasting-box .broadcasting-content{width:343px;height:30px;margin:0 auto;line-height:30px;background-position:0;background-size:16px 16px;background-repeat:no-repeat}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .broadcasting-box .broadcasting-content .broadcasting-inner{height:30px;line-height:30px;white-space:nowrap;font-size:12px;color:#fff;margin-left:29px;overflow:hidden;position:relative}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .broadcasting-box .broadcasting-content .broadcasting-inner .broadcasting-text{position:absolute;top:0;left:0;height:30px;line-height:30px;white-space:nowrap;font-size:12px;color:#fff}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .broadcasting-box .broadcasting-content .broadcasting-inner .broadcasting-text span{min-width:314px;display:inline-block}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .broadcasting-box .broadcasting-content .broadcasting-inner .broadcasting-text .if-long{margin-right:50px}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container,.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker{height:100%;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:#f0f0f0}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker .chat-loading,.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container .chat-loading{display:none;height:30px;display:block}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker .chat-list,.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container .chat-list{padding-bottom:14px;padding-top:20px}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker .chat-list .chat-item,.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container .chat-list .chat-item{position:relative;padding:14px 0 0 16px;font-size:0;white-space:nowrap}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker .chat-list .chat-item .chat-avatar,.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container .chat-list .chat-item .chat-avatar{display:inline-block;vertical-align:top;width:32px;height:32px;border-radius:50%}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker .chat-list .chat-item .chat-content,.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container .chat-list .chat-item .chat-content{display:inline-block;vertical-align:top;width:247.5px;padding-left:7.5px;text-align:left}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker .chat-list .chat-item .chat-content .chat-name,.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container .chat-list .chat-item .chat-content .chat-name{height:15px;line-height:15px;margin-bottom:2.5px;font-size:13px;color:#a6a6a6;overflow:hidden}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker .chat-list .chat-item .chat-content .chat-message,.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container .chat-list .chat-item .chat-content .chat-message{position:relative;display:inline-block;vertical-align:top;max-width:240px;line-height:15px;padding:8px 9px;font-size:13px;color:#333;border-radius:2.5px;background:#fff;word-break:break-all;white-space:pre-line}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker .chat-list .chat-item .chat-content .chat-message:before,.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container .chat-list .chat-item .chat-content .chat-message:before{position:absolute;content:" ";top:6px;width:0;height:0;left:-11px;border:6px solid transparent;border-right-color:#fff}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker .chat-list .chat-item .chat-content .chat-message>img,.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container .chat-list .chat-item .chat-content .chat-message>img{display:block;max-width:225px;margin:1px 0;height:auto}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker .chat-list .chat-item .chat-content .chat-message .em-icon,.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container .chat-list .chat-item .chat-content .chat-message .em-icon{display:inline-block;vertical-align:baseline;width:13px;height:13px;background-size:contain}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker .chat-list .chat-item .chat-delete,.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container .chat-list .chat-item .chat-delete{position:absolute;top:15px;right:15px;font-size:12px;color:#333;z-index:3}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker .chat-list .chat-item-vip:before,.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container .chat-list .chat-item-vip:before{position:absolute;content:"";display:block;left:35px;top:37px;width:12px;height:11px}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker .chat-list .chat-item-strong .chat-content .chat-message,.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container .chat-list .chat-item-strong .chat-content .chat-message{background:#0093ff;color:#fff}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker .chat-list .chat-item-strong .chat-content .chat-message:before,.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container .chat-list .chat-item-strong .chat-content .chat-message:before{border-right-color:#0093ff}.template-container .template-contain-wrapper .template-contain .contain-chatroom .chatroom-container .chat-container-faker{position:absolute;width:375px;top:10000000px;left:1000000000px}.template-container .template-contain-wrapper .template-contain .contain-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;width:calc(100% - 340px)}.template-container .template-contain-wrapper .template-contain .contain-form .form-container{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px;background-color:#fff;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.template-container .template-contain-wrapper .template-contain .contain-form .form-container .image-uploader{position:relative;white-space:nowrap}.template-container .template-contain-wrapper .template-contain .contain-form .form-container .image-uploader .uploader-container{display:inline-block;vertical-align:bottom;width:110px;height:110px}.template-container .template-contain-wrapper .template-contain .contain-form .form-container .image-uploader .uploader-container:hover{opacity:.8}.template-container .template-contain-wrapper .template-contain .contain-form .form-container .image-uploader .uploader-container .image-uploader-icon{position:relative;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;width:100%;height:100%;font-size:28px;color:#8c939d;border:1px dashed #d9d9d9;border-radius:5px;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.template-container .template-contain-wrapper .template-contain .contain-form .form-container .image-uploader .uploader-container .image-uploader-icon:hover{border-color:#409eff}.template-container .template-contain-wrapper .template-contain .contain-form .form-container .image-uploader .uploader-container .image-preview{width:100%;height:100%;display:block;background-position:50%;background-size:cover;border-radius:5px}.template-container .template-contain-wrapper .template-contain .contain-form .form-container .image-uploader .el-upload__tip{display:inline-block;vertical-align:bottom;line-height:20px;margin-left:10px;font-size:12px;white-space:normal}