.searchContainer {
    padding-top: 0
}
.search-input {
    width:200px;
    margin-right: 10px;
    margin-top: 10px;
}
.imContact {
    width: 100%;
    height: 400px;
    overflow-y: auto;
    padding-right: 10px;
}
.imContact .imContactLi {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.imContact .imContactSpan {
    max-width: 400px;
    border-radius: 10px;
    padding: 10px;
}
.imContact .imContactSpan img {
    width: 50px;
    height: auto;
    cursor: pointer;
}
.imContact .imContactLeft {
    background: #ddd;
    float: left;
}
.imContact .imContactRight {
    /* color: #fff; */
    background: rgba(0, 82,204, 0.5);
    float: right;
}
.imContact .imContactImg {
    float: left;
    margin-right: 10px;
    background: #ddd;
    padding: 6px;
    border-radius: 5px;
}
.imContact .imContactImg i {
    font-size: 25px;
}
.imContact .imContactImg1 {
    color: #fff;
    background: rgba(0, 82,204, 0.5);
    float: right;
    margin-left: 10px;
    margin-right: 0;
}
.imTextarea {
    height: 100px;
    margin-top: 10px;
}
.imTextarea textarea{
    height: 100px;
}
.bg {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAYCAYAAAB+zTpYAAAEjUlEQVRogc3ZT0gjVxwH8G8mWY3ZaY0hKhUM6aJlBbHWFC2pIqQ1EKxZsWqJ4L9Q3qHHvZUubZf20lMvSw/T3VjRBhoXoSESiIGi2UPJkkWzHqqRoK6oq3GUWGySGtPLRoLEmJlkpvu7JLyX+fx4v5m8efNGotPp8H8GIYRiGOZcKN9qtTaGQqFfKyoqAk6n0yq2Lyt2Qh5BARCswNFo9DOfz9cEoMlsNqPYRb7Ol9bU1BQzH+cIBAKCFRcA2tvbfWVlZZ9ubW1Vra6uvmexWA5WVlaeiuVLxJ4iCCGy4+Pju0ql8gHDMKdi+U1NTfvBYLCypKQEY2NjN/nm5upTPJPwOg4ANjY23A6H4weXy3VECKH5Olz9YDBYRdN0KpFIYGlp6blYPq9CMQxzzrfIarXaLpVKsbOzU+L1evcy+wo5cfn4JpPpPgD4/f5bo6OjeoH9doBngV8Fr2PtdvuExWIZAIBwOHzTaDTOp/uKsZrI5c/MzNzXaDRxAAiFQg8F9n8GAMpgMDxRqVTJ7u7u3zjmyqsY2fzp6enHJpPJCQAej+djq9Vam+7jehVz9ZubmycBIBAINBBCrl1FFeDfJoTIqLOzMwXLstTc3NzgwMDAt/kOLN+r7Srf7XbfUalU5wCwvb39KN+8hfpqtfprAIjH44hGo58L7VOLi4stra2tGwDgdDq/IYTI+Q42W+TyW1pangDA+vr6h+k2rtMEV99ms73UarX/AMDR0dEnQvsUAPj9/rflcjni8Tgikcj3XAaYT1zlq9XqxwCwubmpIISo0u1cpwmuflVV1Q4AnJyc3BLavxhIQ0PDLgBEIhEDl8HlG9n80tLSZQBIJpOIxWLviuUrFAoWAGKx2JtC+xcFlkql/wJAKpUqeKmULa7wM6eDgvJy9FOvPiVC+xeNa2trtQCgUqkuHvPyucvmG9n8RCLRkP4uk8lWxPJjsVgFAMjl8r+F9ikA6OzsfBqNRiUAUF1d/WWGW5Qb3lU+y7K9AKDRaOI2m+2lWP7h4eFbAEDT9KbQPmU0Gj0LCwvvA4DZbJ5gGCaSYSc4j/ZS5PKXl5e7AKCuru5Zuo3rDY6HT4fDYRoAlEqlV2ifOj09rZFIJDAYDH9mbrURQpQMwxRc4Kv83t7eB3t7ezcAQKvVfpFxCM1lqcbVj0Qi95LJJCiKglKp/EloX6LT6TA+Pv7OxMTEWvpHxd4Ev+xbrdbGycnJ58lkEh0dHcs+n685I7eC604XF7++vj4aCoXe0Ol0LwKBgEZoX/TtypGRkY9cLpeHZVmqsrLy7ODg4Ea6jxCiBBAt5OTm8oeGhkbtdvsvADA8PNw7NTX1u9C+IEuyXLG7u/sVy7IUTdOpnp6ey2c3Vug/J5fv9XofAkBjY2OET3H5+KIXuLa2dthsNj/q7+/X2Wy2YLqdEFLCMExMKF+v1/+1v78vA4C2trYPxPJFnyKyhdAvPo1Go8fj8XQBQF9f34+zs7N3xfJfiwILGYODg/ccDsd3ANDV1fXH/Px8UbcCrvNfh7fKgoZcLvfp9frV8vLyVbfbfUds/z+K7PVPNVfuAQAAAABJRU5ErkJggg==) right 0 no-repeat;
    width: 20px;
    height: 20px;
    background-size: 400%;
    cursor: pointer;
    display: inline-block;
}
.voicePlay {-webkit-animation-name: voicePlay;animation-name: voicePlay;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: steps(3);animation-timing-function: steps(3);}
@-webkit-keyframes voicePlay {0% {background-position: 0;}100% {background-position: 100%;}}
@keyframes voicePlay {0% {background-position: 0;}100% {background-position: 100%;}}
.imContact::-webkit-scrollbar {
    width:8px;
}
/* 滚动槽 */
.imContact::-webkit-scrollbar-track {
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
    border-radius:10px;
}
/* 滚动条滑块 */
.imContact::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:rgba(0,0,0,0.1);
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.imContact::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(0,0,0,0.4);
}
.upload-demo {
    position: absolute;
    right: 0;
    top: 10px;
    opacity: 0;
    z-index: 9;
}