@font-face {font-family: "iconfont"; /* Project id 3294165 */src: url('iconfont.woff2?t=1677832406646') format('woff2'),url('iconfont.woff?t=1677832406646') format('woff'),url('iconfont.ttf?t=1677832406646') format('truetype');}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-sousuo:before {content: "\e62f";}
.icon-goods:before {content: "\e601"}
.icon-biaoqing:before {content: "\e600";}
.icon-liaotian:before {content: "\e63c";}
.icon-zhuanjie:before {content: "\e63e";}
.icon-tupian:before {content: "\e8ba";}
input[type=file] {display: none;}
input[type=file] {display: none;}
.el-more{text-align: center;color: #409EFF;font-size: 14px;height: 40px;line-height: 40px;cursor: pointer;}
.el-user-record{width: -webkit-calc(100% - 520px);}
.el-user-record .el-chat-record{height: -webkit-calc(100% - 200px);padding: 0px 15px;overflow: auto;}
.el-user-record .el-chat-record::-webkit-scrollbar{width:8px}
.el-user-record .el-chat-record::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}
.el-user-record .el-chat-record:hover::-webkit-scrollbar-thumb{background-color:#ccc}
.el-user-record .el-chat-item{padding:20px 0;line-height: 20px}
.el-user-record .el-chat-item .el-chat-time{color: #999;padding-bottom:20px;text-align: center;}
.el-user-record .el-chat-item .el-chat-warpper{display: inline-block;position: relative;}
.el-user-record .el-chat-item .el-chat-warpper .icon{color: rgb(160, 207, 255);font-size: 25px;font-weight: 700;position: absolute;left: -30px;top: 8px;}
.el-user-record .el-chat-item .el-chat-content{padding: 12px 10px;display: inline-block;color: #333;border-radius: 5px;vertical-align: top;max-width: 300px;text-align: left;}
.el-user-record .el-chat-item .el-chat-content .el-image{display:none}
.el-user-record .el-chat-item .el-chat-content img{max-width: 100%;vertical-align: middle;cursor: pointer;}
.el-user-record .el-chat-item .el-chat-cover{height: 40px;width: 40px;border-radius: 40px;}
.el-user-record .el-chat-to .el-chat-content{background-color: rgb(160, 207, 255);margin-left: 12px;text-align: left;}
.el-user-record .el-chat-my{text-align: right;}
.el-user-record .el-chat-my .el-chat-cover{float: right;}
.el-user-record .el-chat-my .el-chat-content{background-color: #eee;margin-right: 12px;}
.el-user-record .el-chat-send{height: 170px}
.el-user-record .el-chat-send .el-chat-head{border-top: 1px solid #eee;padding: 15px;background-color: #fff}
.el-user-record .el-chat-send .el-chat-head i{font-size: 20px;color: #333;margin:0 10px;cursor: pointer;}
.el-user-record .el-chat-send .el-chat-conent{position: relative;height: 137px;font-size: 14px}
.el-user-record .el-chat-send .el-textarea__inner{height: 137px;border: 0px;}
.el-user-record .el-chat-search{padding: 10px;position: fixed;width: -webkit-calc(100% - 540px);background: #fff;z-index:9}
.el-chat-transfer{color: #999;text-align: center;font-size: 14px;}
.el-chat{position: fixed;right: 10px;bottom: 5px;z-index: 1000;color: #fff}
.el-chat .el-user-record{position: relative;width: 450px;height: 70vh;}
.el-chat .el-user-record .el-chat-record{height: -webkit-calc(100% - 240px);background: #fff;}
.el-chat .el-user-record .el-chat-search{width: 100%;box-sizing: border-box;position: absolute;top: 0;}
.el-chat .el-user-record .el-chat-send .el-chat-head div{display: inline-block;}
.el-chat .el-admin-info{border-top-left-radius: 5px;border-top-right-radius: 5px;height: 50px;line-height: 50px;position: relative;background-color: #007aff;display: flex;padding:0 15px;box-sizing: border-box;}
.el-chat .el-admin-left{text-align: left;width: -webkit-calc(100% - 20px);}
.el-chat .el-admin-cover img{width: 40px;height: 40px;border-radius: 30px;margin-top: 5px;margin-right: 10px;float: left;}
.el-chat .el-admin-title{font-size: 16px;}
.el-chat .el-admin-left .qq{display:inline-block;float: right;width: 30px;height: 30px;margin-top: 10px;margin-right: 10px;}
.el-chat .el-admin-left .qq img{vertical-align:top;width:100%}
.el-chat .el-admin-right{width: 20px}
.el-chat .el-admin-right i{color: #fff;font-size: 20px;font-weight: 600;cursor: pointer;}
.el-face{height: 150px;overflow: auto;}
.el-face img{width:30px;height: 30px;cursor: pointer;}
.el-face::-webkit-scrollbar{width:2px}
.el-face::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}
.el-face:hover::-webkit-scrollbar-thumb{background-color:#ccc}
.el-face-icon{width: 30px;height: 30px}
@keyframes myfirst {0% {transform: translate(0px, 0px);}50% {transform: translate(0px, -10px);}100% {transform: translate(0px, 0px);}}
@media screen and (max-width:968px){
	.el-chat{position: fixed;right: 0;bottom: 0;top: auto;color: #fff;width: 100%;}
	.el-chat-open{height: 100%}
	.el-chat .el-user-record{position: relative;width: 100%;height: 100%;}
}