#chatbox{
    margin: 200px auto 0px;
    width: 50%;
}
#emoji{
    width: 50px;
    font-size: 2em;
    cursor: pointer;
    float: left;
}
#send{
    width: 50px;
    height: 40px;
    line-height:40px;
    text-align: center;
    background-color: #66f3f1;
    color:#fff;
    float: right;
    cursor: pointer;
    padding: 0px;
    margin-right: -6px;
}

/*下面是表情的一些样式，可自行修改*/
.emoji-box{
    overflow: hidden;
    width: 20%;
    position: absolute;
    border: 1px solid #ccc;
    z-index: 9998;
    background: #fff;
    border-radius: 5px;
}
em.tip{
    content:'';
    width:0px;
    height:0px;
    border-width:10px;
    border-style:solid;
    border-color:transparent  transparent  #ccc transparent ;
    position: absolute;
    z-index: 99999;
}
em.tip2{
    content:'';
    width:0px;
    height:0px;
    border-width:10px;
    border-style:solid;
    border-color:transparent  transparent  #fff transparent ;
    position: absolute;
    z-index: 99999;
}
.emoji-box>.emoji-btn-box{
    border-bottom: 1px solid #ccc;
}
.emoji-box>.emoji-btn-box>span{
    min-width: 50px;
    text-align:center;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    padding:2px 10px;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    color: #ccc;
}
.emoji-box>ul.emoji-ul{
    padding: 0px;
    margin: 0px;
    width: 100%;
}
.emoji-box>ul.emoji-ul>li.emoji-li{
    border: 1px solid #fff;
    list-style: none;
    float: left;
}
.emoji-box>ul.emoji-ul>li.emoji-li:HOVER {
    border: 1px solid blue;
}