@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 .record{height: -webkit-calc(100% - 200px);padding: 0px 15px;overflow: auto;}
.el-user-record .record::-webkit-scrollbar{width:8px}
.el-user-record .record::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0)}
.el-user-record .record:hover::-webkit-scrollbar-thumb{background-color:#ccc}
.el-user-record .item{padding:20px 0;}
.el-user-record .item .time{color: #999;padding-bottom:20px;text-align: center;}
.el-user-record .item .warpper{display: inline-block;position: relative;}
.el-user-record .item .warpper .icon{color: rgb(160, 207, 255);font-size: 25px;font-weight: 700;position: absolute;left: -30px;top: 8px;}
.el-user-record .item .content{padding: 12px 10px;display: inline-block;color: #333;border-radius: 5px;vertical-align: top;max-width: 300px;text-align: left;}
.el-user-record .item .content .el-image{display:none}
.el-user-record .item .content img{max-width: 100%;vertical-align: middle;cursor: pointer;}
.el-user-record .item .cover{height: 40px;width: 40px;border-radius: 40px;}
.el-user-record .to .content{background-color: rgb(160, 207, 255);margin-left: 12px;text-align: left;}
.el-user-record .my{text-align: right;}
.el-user-record .my .cover{float: right;}
.el-user-record .my .content{background-color: #eee;margin-right: 12px;}
.el-user-record .send{height: 170px}
.el-user-record .send .head{border-top: 1px solid #eee;padding: 15px;background-color: #fff}
.el-user-record .send .head i{font-size: 20px;color: #333;margin:0 10px;cursor: pointer;}
.el-user-record .send .conent{position: relative;height: 137px;font-size: 14px}
.el-user-record .send .el-textarea__inner{height: 137px;border: 0px;}
.el-user-record .search{padding: 10px;position: fixed;width: -webkit-calc(100% - 540px);background: #fff;z-index:9}
.transfer{color: #999;text-align: center;font-size: 14px;}
.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}
.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 .record{height: -webkit-calc(100% - 240px);background: #fff;}
.el-chat .el-user-record .search{width: 100%;box-sizing: border-box;position: absolute;top: 0;}
.el-chat .el-user-record .send .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-info .left{text-align: left;width: -webkit-calc(100% - 20px);}
.el-chat .el-admin-info .left .cover img{width: 40px;height: 40px;border-radius: 30px;margin-top: 5px;margin-right: 10px;float: left;}
.el-chat .el-admin-info .left .title{font-size: 16px;}
.el-chat .el-admin-info .left .qq{display:inline-block;float: right;width: 30px;height: 30px;margin-top: 10px;margin-right: 10px;}
.el-chat .el-admin-info .left .qq img{vertical-align:top;width:100%}
.el-chat .el-admin-info .right{width: 20px}
.el-chat .el-admin-info .right i{color: #fff;font-size: 20px;font-weight: 600;cursor: pointer;}
@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%;}
}