#emotions{left:0;margin-top:-257px;width:480px;height:270px;font-size:12px;background:#fff;border-radius:5px;box-shadow:0 0 8px grey;padding:10px 0;position:absolute;border:1px solid #e8e8e8;z-index:3}#emotions a{color:#9abbc8;padding:2px 7px;text-decoration:none}#emotions img{border:0}#emotions div{margin:5px 10px;padding:1px}#emotions #prev,#emotions #next{margin-left:3px;height:15px;display:block;float:left;background:#eee}#emotions .categorys{color:#ccc;height:26px;color:#9abbc8;overflow:hidden}#emotions .categorys a{border:2px solid #e8e8e8;border-right:none;display:inline-block}#emotions .categorys a:hover{text-decoration:underline}#emotions .categorys a.current{cursor:default;border-bottom:none;border-bottom:2px solid #9c6;background:#f0f0f0}#emotions .container{padding:1px;overflow-y:auto;height:178px}#emotions .container a{display:inline-block;width:26px;height:22px;text-align:center;padding:4px 2px;margin:-1px 0 0 -1px;border:1px solid #e8e8e8}#emotions .container a:hover{z-index:2;position:relative;border:1px solid #0095cd}#emotions .page{text-align:right}#emotions .page a.current{color:#666;background-color:#fff}#emotions .page a{margin-left:3px;color:#0078b6;background-color:#f3f3f3}#emotions .page a:hover{background-color:#e7e7e7}#emotions .faceTab div.item{float:left;padding:0 10px;line-height:24px;border-radius:2px;margin:3px 5px;cursor:pointer}#emotions .faceTab .active{background:#00a0e9;color:#fff}.emoji-box{height:227px}.emoji-box2{display:none}.faceItemTab{margin:5px 10px;padding:1px}.faceItemTab li:first-child{border-left:2px solid #e8e8e8}.faceItemTab li{border:2px solid #e8e8e8;border-left:none;float:left;color:#9abbc8;padding:2px 7px;text-decoration:none;text-align:center;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.faceItemTab li.active{border-bottom:2px solid #9c6;background:#f0f0f0}#emotions .emojiCont .emojiItem{height:166px;overflow-y:auto;overflow:auto;margin:0;display:none}.emojiCont .emojiItem ul{}.emojiCont .emojiItem ul:after{clear:both;content:'';display:block;width:0;height:0;visibility:hidden}#emotions .emojiCont .emojiItem:first-child{display:block}.emojiCont .emojiItem li{float:left;width:52px;height:52px;margin:-1px 0 0 -1px;border:1px solid #ccc;text-align:center;display:flex;justify-content:center;align-items:center;cursor:pointer}.emojiCont .emojiItem li:hover{z-index:2;position:relative;border:1px solid #0095cd}.emojiCont .emojiItem li img{width:80%;height:auto}.swiper-container{height:30px}.emoji-box .swiper-wrapper{width:438px;height:auto}