.header{height:80px;width:100%;background:#051e33;font-size:14px;color:#fff;padding:0 8px;position:relative;top:0;left:0;z-index:99;-webkit-transition:.28s;transition:.28s}.header .chat-direction1 img{position:absolute;top:-38px;left:28px}.header .chat-direction1 span{position:absolute;left:4px;top:-70px;color:#303133}.header .chat-direction2 img{position:absolute;left:88px;top:-36px}.header .chat-direction2 span{position:absolute;left:231px;top:-65px;color:#303133}.header .chat-direction3 span{position:absolute;left:-123px;top:26px;color:#303133}.header .chat-direction3 img{position:absolute;top:31px;left:-58px}.header .chat-direction4 span{position:absolute;left:-126px;top:102px;color:#303133}.header .chat-direction4 img{position:absolute;left:-59px;top:68px}.header .headimg{float:left;height:80px;width:56px;line-height:80px}.header .header-right{width:90px;height:100%;float:right;padding-top:8px;position:absolute;right:0}.header .header-right img.nation-flag{height:32px;width:32px}.header .header-right img:first-child{margin-right:8px}.header .person-info .time{display:none}.header .person-info .signature,.header .person-info .time{text-align:left;font-size:12px;margin-top:4px}.header .person-info .origin{text-align:left;margin-top:5px;position:absolute;z-index:10}.header .person-info .origin i{margin-right:24px;font-size:13px}.header .headimg img.avator{display:inline-block;vertical-align:middle;width:56px;height:56px;border-radius:8px}.header .hz-icon-moon{position:absolute;left:53px;top:5px;display:inline;height:18px;width:18px;line-height:18px;font-size:14px;color:#ff0}.header .person-info{float:left;font-size:14px;height:56px;margin-top:12px;margin-left:18px;width:219px;line-height:17px}.header .person-info .name{text-align:left}.header .online{margin-left:20px;margin-right:20px}.header .hz-icon-time{font-size:12px}.header .ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-content{height:56px;width:100%;border-top:1px solid #e7e7e7;position:absolute;bottom:0;left:0;background:#fff}.edit-content .chat-area{width:100%;position:relative}.edit-content .other-edit{height:56px;line-height:56px;position:absolute;right:0;bottom:0;top:0;width:105px}.edit-content .other-edit button{margin:0;padding:0;border:1px solid transparent;background:none;outline:none;display:inline}.edit-content .edit-icon{color:#90959e;margin-right:16px;cursor:pointer;font-size:18px}.edit-content .text:empty:before{font-size:14px;content:attr(placeholder);color:#bbb}.edit-content div[contenteditable=true]{height:56px;outline:none;width:100%;text-align:center;padding:10px;text-align:left;overflow-y:auto;float:left;padding-right:105px;padding-top:15px}.edit-content div[contenteditable=true] img{margin-right:5px}.edit-content .text:focus{content:none}.edit-content input[type=file]{display:none}.edit-content .emoji_box{position:absolute;height:120px;width:280px;border:1px solid #f1f0f0;z-index:9999;margin-top:-115px;right:27px;background:#fff;overflow-y:auto}.edit-content .emoji_box:after{position:absolute;left:200px;bottom:-8px;content:"";width:0;height:0;border:8px solid red;border-left-color:transparent;border-bottom:none;border-right-color:transparent;border-top-color:#f1f0f0}.chat-list{width:100%;overflow-y:auto;padding:14px;padding-top:0;position:relative;left:0;right:0;margin-top:10px;overflow-x:hidden;height:calc(100% - 136px)}.chat-list .other{float:left;width:100%;text-align:left;bottom:10px;margin-top:24px}.chat-list .other-img{display:inline-block;vertical-align:bottom}.chat-list .other-text{background:#e6eaf2;padding:8px;max-width:60%;display:inline-block;vertical-align:top;margin-left:8px;border-radius:5px;position:relative;border-radius:6px 6px 6px 0;font-size:14px;line-height:19px;background:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.2);box-shadow:0 0 15px 0 rgba(0,0,0,.2);text-align:left;word-break:break-all}.chat-list .avator{height:32px;width:32px;border-radius:50%}.chat-list-form{width:100%;overflow-y:auto;padding:14px;padding-top:0;position:relative;left:0;right:0;margin-top:10px;overflow-x:hidden;padding-top:14px;height:calc(100% - 82px)}.chat-list-form .other{float:left;width:100%;text-align:left}.chat-list-form .chat-from{padding:16px 0}.chat-list-form .chat-from .chat-items{margin-bottom:8px}.chat-list-form .chat-from .text-style{background:#e6eaf2;-webkit-box-shadow:none;box-shadow:none}.chat-list-form .other-form{width:302px;height:auto;background:#fff;border-radius:3px;border:1px solid #e9e9e9;display:inline-block;margin-left:8px;-webkit-box-shadow:0 4px 15px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1),inset 0 2px 0 0 rgba(48,71,236,.5);box-shadow:0 4px 15px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1),inset 0 2px 0 0 rgba(48,71,236,.5)}.chat-list-form .avator{height:32px;width:32px;border-radius:50%}.chat-list-form .form-des{margin:11px auto}.chat-list-form .form-des,.chat-list-form .form-mark{width:268px;font-size:14px;font-weight:400;color:#030f1e;line-height:20px}.chat-list-form .form-mark{text-align:left;margin:0 auto}.chat-list-form .custom-input{width:262px;height:40px;background:#fff;-webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,.1);box-shadow:2px 2px 3px 0 rgba(0,0,0,.1);border-radius:4px;border:1px solid #d9d9d9;padding:0 5px}.chat-list-form .must-input{margin:8px auto 12px;text-align:center;position:relative}.chat-list-form .must-input .custom-input{padding-left:15px}.chat-list-form .must-input:after{position:absolute;right:10px;top:0;content:"*";color:#ff4d4f;font-size:30px;display:inline-block;height:40px;width:40px;line-height:51px;margin-left:1px;vertical-align:top}.chat-list-form .choose-input{width:262px;height:42px;background:#fff;-webkit-box-shadow:2px 2px 3px 0 rgba(0,0,0,.1);box-shadow:2px 2px 3px 0 rgba(0,0,0,.1);border-radius:4px;border:1px solid #d9d9d9;margin:0 auto;margin-bottom:8px}.chat-list-form .choose-input input{height:40px;line-height:40px;border:none;outline:none;vertical-align:top}.chat-list-form .chooseItem{width:300px;padding:2px 0 8px;background:hsla(0,0%,84.7%,.5)}.chat-list-form .choose-title{width:268px;font-size:14px;font-weight:400;color:#030f1e;line-height:20px;margin:11px auto}.chat-list-form .random-input{text-align:center;margin:12px 0 12px;margin-right:15px;width:100%}.chat-list-form .form-submit{width:262px;margin:0 auto;text-align:right;padding-bottom:12px}.chat-list-form .choose-input .el-radio__input{vertical-align:middle;margin-top:12px;margin-left:10px}.chat-list-form .other-form .el-radio-group{margin:0 auto;display:block}.chat-list-form .other-img{display:inline-block;vertical-align:bottom}.chat-list-form .other-text{background:#e6eaf2;padding:8px;max-width:60%;display:inline-block;vertical-align:top;margin-left:8px;border-radius:5px;position:relative;border-radius:6px 6px 6px 0;font-size:14px;line-height:19px;background:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.2);box-shadow:0 0 15px 0 rgba(0,0,0,.2);text-align:left;word-break:break-all}.form-edit{height:calc(100% - 82px);margin-top:10px;padding:8px;position:relative}.form-edit .form-desc{margin-bottom:16px}.form-edit .form-edit-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px;padding:0 8px}.form-edit .form-edit-item .label-name{width:15%}.form-edit .form-edit-item .el-input__inner{width:100%}.form-edit .form-edit-item .danger-text{width:10%;content:"*";color:#fa5555;display:inline-block;font-size:22px;margin-left:6px;height:32px;line-height:40px;vertical-align:middle}.form-edit .border{border:1px dashed #e4e7ed}.form-edit .form-edit-button{position:absolute;bottom:30px;width:80%;left:10%}.chat-dialog{width:100%;overflow-y:auto;padding:14px;padding-top:0;position:relative;left:0;right:0;margin-top:10px;overflow-x:hidden;height:calc(100% - 136px);padding-top:16px}.chat-dialog .other{float:left;width:100%;position:relative;text-align:left}.chat-dialog .other-text{background:#e6eaf2;padding:8px;max-width:60%;display:inline-block;vertical-align:top;margin-left:8px;border-radius:5px;position:relative;border-radius:6px 6px 6px 0;font-size:14px;line-height:19px;text-align:left}.chat-dialog .mine{float:right;width:100%;padding-right:0}.chat-dialog .mine-uploadimg{margin-right:11px;float:right;position:relative}.chat-dialog .mine-text{background:#428bca;padding:8px;max-width:60%;float:right;display:inline-block;vertical-align:top;border-radius:5px;position:relative;border-radius:6px 0 6px 6px;color:#fff;font-size:14px;text-align:left}.chat-dialog .chat-items{margin-bottom:16px}.chat-dialog .other-img{display:inline-block;vertical-align:bottom}.chat-dialog .avator{height:32px;width:32px;border-radius:50%}.wechat{height:460px;width:376px;right:0;bottom:50px;max-height:650px;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .5s .2s,-webkit-transform .28s;transition:opacity .5s .2s,-webkit-transform .28s;transition:transform .28s,opacity .5s .2s;transition:transform .28s,opacity .5s .2s,-webkit-transform .28s;border-radius:8px 8px 8px 8px;opacity:1;background:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.2);box-shadow:0 0 15px 0 rgba(0,0,0,.2)}.wechat input{outline:none}.chat-page-offline{width:35%}.chat-page-offline .line-feed .el-form-item__content{clear:both;margin-left:0!important}.chat-page-offline .line-feed .el-select{width:100%}.chat-page-offline .button-tabs{margin-bottom:15px}