.container-box{width:385px}.container-box ul{overflow:hidden;border-top:1px solid #c0bfc5;border-right:1px solid #c0bfc5;background-color:#e7e7eb}.container-box ul li{float:left;width:24px;height:24px;line-height:24px;font-size:0;text-align:center;border-bottom:1px solid #c0bfc5;border-left:1px solid #c0bfc5;background-color:#fff}.container-box ul li span{cursor:pointer;width:20px;height:20px;vertical-align:middle;display:inline-block;background:transparent url(../../static/img/wetchat-emoj.a2f63966.png) no-repeat 0 0;background-size:20px auto}.container-box ul li:hover{background:hsla(0,0%,100%,.75)!important}.selected-box{min-height:400px;width:100%;max-height:600px;overflow:auto}.selected-box .select-header{height:30px;line-height:30px;border-bottom:1px solid hsla(0,0%,89%,.51)}.selected-box .tabs-box{height:30px;width:100%;list-style:none;float:left}.selected-box .tabs-box .tab-item{padding:0 10px 0 10px;text-align:center;float:left}.selected-box .tabs-box .tab-item.selected{color:#3982ff;border-bottom:1px solid #3982ff}.selected-box ul li{list-style:none;float:left;margin:10px}.selected-box ul li .material-item{cursor:pointer;height:80px;width:80px;background:hsla(0,0%,89%,.2);border-radius:2px;border:1px solid hsla(0,0%,89%,.21)}.selected-box ul li .material-item .item-icon{height:40px;width:40px;margin-left:20px;text-align:center;padding-top:20px}.selected-box ul li .material-item .item-icon img{height:20px;width:20px}.selected-box ul li .material-item .item-icon svg{font-size:22px}.selected-box ul li .material-item .item-title{height:40px;width:80px;text-align:center;line-height:40px;overflow:hidden}.selected-box ul li .material-item:hover{background:rgba(57,130,255,.21)}.selected-box ul li .material-item.selected{border:1px solid #3982ff}.selected-box .page-bar{position:absolute;bottom:60px}.wetchat-menu-box{height:100%;width:100%}.wetchat-menu-box .ivu-row{height:calc(100vh - 310px)}.wetchat-menu-box .ivu-row .ivu-col{height:100%}.wetchat-menu-box .ivu-row .ivu-col .menu-view{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box{background-size:cover;-moz-background-size:cover;width:322px;height:100%;background:url(../../static/img/wethcat-bg.1c931282.png) no-repeat 0 0;border:1px solid #e7e7eb;position:relative}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .preview-title{color:#fff;text-align:center;padding-top:35px;font-size:15px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin:0 30px}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box{height:calc(100vh - 370px);width:100%}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list{bottom:0;position:absolute;height:50px;left:0;right:0;border-top:1px solid #e7e7eb;background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAyCAIAAACib5WDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE1NEJCMUE0NzZGNDExRTVBOTBBQTZFOEFEMjc4NTkzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE1NEJCMUE1NzZGNDExRTVBOTBBQTZFOEFEMjc4NTkzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTU0QkIxQTI3NkY0MTFFNUE5MEFBNkU4QUQyNzg1OTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTU0QkIxQTM3NkY0MTFFNUE5MEFBNkU4QUQyNzg1OTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4yWLBJAAABuklEQVR42uzcu0ocURzA4XWxMIWiQhJwtVhxMW0wEkWj+AwWgm9gJfgggpVPoElEUwUCKRNFJaQWsygWXvAKXlBZGw8KIiIJmWFnGPg+pjiryMIffpxzRLemUqnkUlUul0ulUg74f3kjAAEDAgYEDAIGBAwIGBAwCBgQMCBgEHAMlZub8BglJK825s/vHxzOfl4Ii9GR4devXhooZGYHPjo+mfk0f3l5FZ6wCC8NFDKzA+fz+aHB/scvDRQyE3BzU2N4DBEyeYQGBAxU5wi9sbm1+ut3W2shznucnp296Sx1tBeNGxINeG39z+jIcPy3+Tj3RcCQ9BG6ob7+fjE5NR2eaOugtdBi1pD0Dvzg6vo68hpIOeAXdXWR10CV1Pz9c6F/LC4P9PfGf5ufSysf+nqe/ZbPhYZq3YGfiHD7BdI/Qrv9QuYDdvsFd2B3YEjjDgxk+Aidu/sd1T9vueEUPTE+ZrhgBwai7sA7u3tPvhJtaz0/vzBrSDrg7ndvv377/vAX0dFs7+y+7+4ya0g64I72ov8iAndgQMCAgEHAgIABAYOAAQEDAgYEDAIGBAwIGBAwCBhIy60AAwBiy5esmSYLKgAAAABJRU5ErkJggg==) no-repeat 0 0;padding-left:43px}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list li{list-style:none;height:50px;float:left}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list li .submenu-pop{width:100%;height:50px}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list li .submenu-pop .ivu-poptip-rel{width:100%}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list li .submenu-pop .ivu-poptip-popper .ivu-poptip-content .ivu-poptip-inner{border-radius:0;background:#e3e3e3}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list li .submenu-pop .ivu-poptip-popper .ivu-poptip-content .ivu-poptip-inner .ivu-poptip-title{display:none!important}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list li .submenu-pop .ivu-poptip-popper .ivu-poptip-content .ivu-poptip-inner .ivu-poptip-body{padding:0}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list li .submenu-pop .ivu-poptip-popper .ivu-poptip-content .ivu-poptip-inner .ivu-poptip-body ul li{display:block;float:none}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list li .submenu-pop .ivu-poptip-popper .ivu-poptip-content .ivu-poptip-inner .ivu-poptip-body ul li .add-sub-menu{width:100%;height:50px;line-height:50px;cursor:pointer;text-align:center;border:1px solid #d0d0d0}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list li .submenu-pop .ivu-poptip-popper .ivu-poptip-content .ivu-poptip-inner .ivu-poptip-body ul li .sub-menu{width:100%;height:50px;line-height:50px;cursor:pointer;text-align:center;border:1px solid #d0d0d0;border-bottom:none}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list li .submenu-pop .ivu-poptip-popper .ivu-poptip-content .ivu-poptip-inner .ivu-poptip-body ul li .sub-menu.selected{border:1px solid #3982ff;color:#3982ff}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list li .submenu-pop .ivu-poptip-popper .ivu-poptip-content .ivu-poptip-arrow:after{border-top-color:#e3e3e3!important}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list li .submenu-pop.show .ivu-poptip-popper{display:block!important}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list li .add-menu{color:#3982ff;height:50px;line-height:50px;text-align:center;border:1px solid #3982ff;display:block;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-decoration:none}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list li .current-menu{width:100%;color:#3982ff;height:50px;line-height:50px;text-align:center;border:1px solid #3982ff;display:block;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-decoration:none}.wetchat-menu-box .ivu-row .ivu-col .menu-view .preview-box .bottom-box .menus-list li .default-menu{width:100%;height:50px;line-height:50px;text-align:center;display:block;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-decoration:none;color:#616161;border:1px solid #e7e7eb;border-top:none;border-right:none}.wetchat-menu-box .ivu-row .ivu-col .menu-form{height:100%;background:#f4f5f9;border-radius:2px;border:1px solid #e7e7eb}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-header{height:40px;line-height:40px;margin-left:30px;margin-right:30px;color:#353535;border-bottom:1px solid #e7e7eb;padding-left:10px}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-header a{float:right;margin-right:10px}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box{padding:20px}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box{background:#fff;min-height:280px;border:1px solid #e7e7eb}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .message-tabs{height:60px;width:100%;background:#f6f8f9}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .message-tabs ul li{list-style:none;float:left}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .message-tabs ul li .tab-item{height:60px;line-height:60px;text-align:center;padding:0 20px;color:#9a9a9a;cursor:pointer}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .message-tabs ul li .tab-item svg{margin-right:5px;font-size:18px}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .message-tabs ul li .tab-item.selected,.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .message-tabs ul li .tab-item:hover{color:#3982ff}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box{width:100%;min-height:220px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .image-char-content .image-char-item{display:inline-block;width:130px;color:#9a9a9a;margin:0 10px;padding-bottom:34px;cursor:pointer}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .image-char-content .image-char-item svg{margin-top:28px;margin-left:45px;display:inline-block;width:40px;height:40px}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .image-char-content .image-char-item .file{margin-top:28px;margin-left:45px;display:inline-block;width:40px;height:40px;background:url(../../static/img/image-chars.6363eab4.png) 0 -44px no-repeat;background-size:40px auto}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .image-char-content .image-char-item .new{margin-top:28px;margin-left:45px;display:inline-block;width:40px;height:40px;background:url(../../static/img/image-chars.6363eab4.png) 0 0 no-repeat;background-size:40px auto}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .image-char-content .image-char-item .share{margin-top:28px;margin-left:45px;display:inline-block;width:40px;height:40px;background:url(../../static/img/image-chars.6363eab4.png) 0 -88px no-repeat;background-size:40px auto}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .image-char-content .image-char-item .voice{margin-top:28px;margin-left:45px;display:inline-block;width:40px;height:40px;background:url(../../static/img/image-chars.6363eab4.png) 0 -176px no-repeat;background-size:40px auto}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .image-char-content .image-char-item .image{margin-top:28px;margin-left:45px;display:inline-block;width:40px;height:40px;background:url(../../static/img/image-chars.6363eab4.png) 0 -220px no-repeat;background-size:40px auto}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .image-char-content .image-char-item .video{margin-top:28px;margin-left:45px;display:inline-block;width:40px;height:40px;background:url(../../static/img/image-chars.6363eab4.png) 0 -132px no-repeat;background-size:40px auto}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .image-char-content .image-char-item .desc{width:100%;text-align:center;overflow:hidden}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .image-char-content .image-char-item:hover{background-color:#f6f8f9}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .edit-box{height:100%;width:100%}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .edit-box .edit-area{display:inline-block;width:100%;min-height:183px;overflow:hidden auto;padding:14px 20px;outline:0;word-wrap:break-word;word-break:break-all;-webkit-border-top-right-radius:0;background-color:#fff;-webkit-border-top-left-radius:0}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .edit-box .edit-area .emoj{width:20px;height:20px;display:inline-block;background-size:20px auto}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .edit-box .edit-bar{height:37px;width:100%;padding:0 20px;line-height:36px;background-color:#fff;border-top:1px solid #e7e7eb}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .edit-box .edit-bar .emoj-tip-box .ivu-tooltip-popper .ivu-tooltip-content .ivu-tooltip-inner{width:410px!important;max-width:410px!important}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .edit-box .edit-bar .edit-tip{float:right;color:#9a9a9a}.wetchat-menu-box .ivu-row .ivu-col .menu-form .form-box .message-box .image-char-box .edit-box .edit-bar .edit-tip em{font-weight:400;font-style:normal;margin-left:3px;margin-right:3px}.wetchat-menu-box .ivu-row .ivu-col .empty-box{padding:20px;height:100%;background:#f4f5f9;border-radius:2px;border:1px solid #e7e7eb}