.im-emotion {
  left: 2px;
  width: 332px;
  z-index: 9999999999;
}
.emoji-panel {
  -webkit-box-shadow: 1px 1px 5px #ddd;
  box-shadow: 1px 1px 5px #ddd;
  display: flex;
  height: 180px;
  padding: 16px 0 !important;
}
.emoji-panel a {
  margin-bottom: 12px;
  padding-left: 16px;
}
.emoji-panel a i:focus,
.emoji-panel a i:hover {
  background-color: #eaeaea;
}
.udesk_im_client_emoji {
  background-image: url(../../images/im-emoji-big-2.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-background-size: 840px 60px;
  -moz-background-size: 840px 60px;
  -o-background-size: 840px 60px;
  background-size: 840px 60px;
  height: 30px;
  width: 30px;
}
.udesk_im_client_emoji,
.udesk_im_client_wechat-emoji {
  zoom: 1;
  display: inline-block;
  *display: inline;
  *vertical-align: top;
}
.udesk_im_client_wechat-emoji {
  background: url(../../images/wechat-emoji-2.png) 0 0 no-repeat;
  background-size: 546px 250px;
  height: 28px;
  margin: 0 2px;
  vertical-align: middle;
  width: 28px;
}
.udesk_im_client_wechat-emoji.udesk_twemoji {
  background: none;
}
.udesk_im_client_wechat-emoji.twemoji {
  background: none;
  margin: 0;
}
.udesk_im_client_wechat-emoji.twemoji img {
  height: 28px;
  padding: 2px;
  width: 28px;
}
.udesk_im_client_emoji001 {
  background-position: 0 0;
}
.udesk_im_client_emoji002 {
  background-position: -30px 0;
}
.udesk_im_client_emoji003 {
  background-position: -60px 0;
}
.udesk_im_client_emoji004 {
  background-position: -90px 0;
}
.udesk_im_client_emoji005 {
  background-position: -120px 0;
}
.udesk_im_client_emoji006 {
  background-position: -150px 0;
}
.udesk_im_client_emoji007 {
  background-position: -180px 0;
}
.udesk_im_client_emoji008 {
  background-position: -210px 0;
}
.udesk_im_client_emoji009 {
  background-position: -240px 0;
}
.udesk_im_client_emoji010 {
  background-position: -270px 0;
}
.udesk_im_client_emoji011 {
  background-position: -300px 0;
}
.udesk_im_client_emoji012 {
  background-position: -330px 0;
}
.udesk_im_client_emoji013 {
  background-position: -360px 0;
}
.udesk_im_client_emoji014 {
  background-position: -390px 0;
}
.udesk_im_client_emoji015 {
  background-position: -420px 0;
}
.udesk_im_client_emoji016 {
  background-position: -450px 0;
}
.udesk_im_client_emoji017 {
  background-position: -480px 0;
}
.udesk_im_client_emoji018 {
  background-position: -510px 0;
}
.udesk_im_client_emoji019 {
  background-position: -540px 0;
}
.udesk_im_client_emoji020 {
  background-position: -570px 0;
}
.udesk_im_client_emoji021 {
  background-position: -600px 0;
}
.udesk_im_client_emoji022 {
  background-position: -630px 0;
}
.udesk_im_client_emoji023 {
  background-position: -660px 0;
}
.udesk_im_client_emoji024 {
  background-position: -690px 0;
}
.udesk_im_client_emoji025 {
  background-position: -720px 0;
}
.udesk_im_client_emoji026 {
  background-position: -750px 0;
}
.udesk_im_client_emoji027 {
  background-position: -780px 0;
}
.udesk_im_client_emoji028 {
  background-position: -810px 0;
}
.udesk_im_client_emoji029 {
  background-position: 0 -30px;
}
.udesk_im_client_emoji030 {
  background-position: -30px -30px;
}
.udesk_im_client_emoji031 {
  background-position: -60px -30px;
}
.udesk_im_client_emoji032 {
  background-position: -90px -30px;
}
.udesk_im_client_emoji033 {
  background-position: -120px -30px;
}
.udesk_im_client_emoji034 {
  background-position: -150px -30px;
}
.udesk_im_client_emoji035 {
  background-position: -180px -30px;
}
.udesk_im_client_emoji036 {
  background-position: -210px -30px;
}
.udesk_im_client_emoji037 {
  background-position: -240px -30px;
}
.udesk_im_client_emoji038 {
  background-position: -270px -30px;
}
.udesk_im_client_emoji039 {
  background-position: -300px -30px;
}
.udesk_im_client_emoji040 {
  background-position: -330px -30px;
}
.udesk_im_client_emoji041 {
  background-position: -360px -30px;
}
.udesk_im_client_emoji042 {
  background-position: -390px -30px;
}
.udesk_im_client_emoji043 {
  background-position: -420px -30px;
}
.udesk_im_client_emoji044 {
  background-position: -450px -30px;
}
.udesk_im_client_emoji045 {
  background-position: -480px -30px;
}
.udesk_im_client_emoji046 {
  background-position: -510px -30px;
}
.udesk_im_client_emoji047 {
  background-position: -540px -30px;
}
.udesk_im_client_emoji048 {
  background-position: -570px -30px;
}
.udesk_im_client_emoji049 {
  background-position: -600px -30px;
}
.udesk_im_client_emoji050 {
  background-position: -630px -30px;
}
.udesk_im_client_emoji051 {
  background-position: -660px -30px;
}
.udesk_im_client_emoji052 {
  background-position: -690px -30px;
}
.udesk_im_client_emoji053 {
  background-position: -720px -30px;
}
.udesk_im_client_emoji054 {
  background-position: -750px -30px;
}
.udesk_im_client_emoji055 {
  background-position: -780px -30px;
}
.udesk_im_client_emoji056 {
  background-position: -810px -30px;
}
.mob .emoji-panel {
  width: 100%;
}
.udesk_im_client_emoji0 {
  background-position: 0 0;
}
.udesk_im_client_wechat-emoji1 {
  background-position: -38px 0;
}
.udesk_im_client_wechat-emoji2 {
  background-position: -75px -1px;
}
.udesk_im_client_wechat-emoji3 {
  background-position: -112px -1px;
}
.udesk_im_client_wechat-emoji4 {
  background-position: -149px -1px;
}
.udesk_im_client_wechat-emoji5 {
  background-position: -186px 0;
}
.udesk_im_client_wechat-emoji6 {
  background-position: -223px -1px;
}
.udesk_im_client_wechat-emoji7 {
  background-position: -260px 0;
}
.udesk_im_client_wechat-emoji8 {
  background-position: -297px -1px;
}
.udesk_im_client_wechat-emoji9 {
  background-position: -333px -1px;
}
.udesk_im_client_wechat-emoji10 {
  background-position: -371px -1px;
}
.udesk_im_client_wechat-emoji11 {
  background-position: -408px -1px;
}
.udesk_im_client_wechat-emoji12 {
  background-position: -445px -1px;
}
.udesk_im_client_wechat-emoji13 {
  background-position: -482px 0;
}
.udesk_im_client_wechat-emoji14 {
  background-position: -519px 0;
}
.udesk_im_client_wechat-emoji15 {
  background-position: -1px -38px;
}
.udesk_im_client_wechat-emoji16 {
  background-position: -37px -37px;
}
.udesk_im_client_wechat-emoji17 {
  background-position: -75px -38px;
}
.udesk_im_client_wechat-emoji18 {
  background-position: -112px -37px;
}
.udesk_im_client_wechat-emoji19 {
  background-position: -149px -38px;
}
.udesk_im_client_wechat-emoji20 {
  background-position: -186px -38px;
}
.udesk_im_client_wechat-emoji21 {
  background-position: -223px -38px;
}
.udesk_im_client_wechat-emoji22 {
  background-position: -260px -37px;
}
.udesk_im_client_wechat-emoji23 {
  background-position: -297px -38px;
}
.udesk_im_client_wechat-emoji24 {
  background-position: -334px -38px;
}
.udesk_im_client_wechat-emoji25 {
  background-position: -371px -38px;
}
.udesk_im_client_wechat-emoji26 {
  background-position: -407px -38px;
}
.udesk_im_client_wechat-emoji27 {
  background-position: -445px -39px;
}
.udesk_im_client_wechat-emoji28 {
  background-position: -482px -38px;
}
.udesk_im_client_wechat-emoji29 {
  background-position: -518px -39px;
}
.udesk_im_client_wechat-emoji30 {
  background-position: -1px -76px;
}
.udesk_im_client_wechat-emoji31 {
  background-position: -38px -76px;
}
.udesk_im_client_wechat-emoji32 {
  background-position: -74px -74px;
}
.udesk_im_client_wechat-emoji33 {
  background-position: -112px -74px;
}
.udesk_im_client_wechat-emoji34 {
  background-position: -149px -75px;
}
.udesk_im_client_wechat-emoji35 {
  background-position: -185px -74px;
}
.udesk_im_client_wechat-emoji36 {
  background-position: -223px -74px;
}
.udesk_im_client_wechat-emoji37 {
  background-position: -261px -75px;
}
.udesk_im_client_wechat-emoji38 {
  background-position: -296px -75px;
}
.udesk_im_client_wechat-emoji39 {
  background-position: -333px -74px;
}
.udesk_im_client_wechat-emoji40 {
  background-position: -370px -75px;
}
.udesk_im_client_wechat-emoji41 {
  background-position: -408px -75px;
}
.udesk_im_client_wechat-emoji42 {
  background-position: -444px -74px;
}
.udesk_im_client_wechat-emoji43 {
  background-position: -482px -75px;
}
.udesk_im_client_wechat-emoji44 {
  background-position: -519px -75px;
}
.udesk_im_client_wechat-emoji45 {
  background-position: -1px -112px;
}
.udesk_im_client_wechat-emoji46 {
  background-position: -38px -112px;
}
.udesk_im_client_wechat-emoji47 {
  background-position: -75px -112px;
}
.udesk_im_client_wechat-emoji48 {
  background-position: -112px -111px;
}
.udesk_im_client_wechat-emoji49 {
  background-position: -149px -112px;
}
.udesk_im_client_wechat-emoji50 {
  background-position: -186px -112px;
}
.udesk_im_client_wechat-emoji51 {
  background-position: -223px -112px;
}
.udesk_im_client_wechat-emoji52 {
  background-position: -260px -112px;
}
.udesk_im_client_wechat-emoji53 {
  background-position: -296px -112px;
}
.udesk_im_client_wechat-emoji54 {
  background-position: -334px -112px;
}
.udesk_im_client_wechat-emoji55 {
  background-position: -370px -115px;
}
.udesk_im_client_wechat-emoji56 {
  background-position: -408px -111px;
}
.udesk_im_client_wechat-emoji57 {
  background-position: -445px -112px;
}
.udesk_im_client_wechat-emoji58 {
  background-position: -481px -112px;
}
.udesk_im_client_wechat-emoji59 {
  background-position: -519px -111px;
}
.udesk_im_client_wechat-emoji60 {
  background-position: 0 -148px;
}
.udesk_im_client_wechat-emoji61 {
  background-position: -38px -148px;
}
.udesk_im_client_wechat-emoji62 {
  background-position: -74px -149px;
}
.udesk_im_client_wechat-emoji63 {
  background-position: -110px -149px;
}
.udesk_im_client_wechat-emoji64 {
  background-position: -149px -148px;
}
.udesk_im_client_wechat-emoji65 {
  background-position: -185px -148px;
}
.udesk_im_client_wechat-emoji66 {
  background-position: -222px -148px;
}
.udesk_im_client_wechat-emoji67 {
  background-position: -259px -148px;
}
.udesk_im_client_wechat-emoji68 {
  background-position: -296px -148px;
}
.udesk_im_client_wechat-emoji69 {
  background-position: -335px -148px;
}
.udesk_im_client_wechat-emoji70 {
  background-position: -370px -148px;
}
.udesk_im_client_wechat-emoji71 {
  background-position: -409px -148px;
}
.udesk_im_client_wechat-emoji72 {
  background-position: -445px -149px;
}
.udesk_im_client_wechat-emoji73 {
  background-position: -482px -148px;
}
.udesk_im_client_wechat-emoji74 {
  background-position: -518px -149px;
}
.udesk_im_client_wechat-emoji75 {
  background-position: -1px -186px;
}
.udesk_im_client_wechat-emoji76 {
  background-position: -37px -185px;
}
.udesk_im_client_wechat-emoji77 {
  background-position: -75px -185px;
}
.udesk_im_client_wechat-emoji78 {
  background-position: -112px -186px;
}
.udesk_im_client_wechat-emoji79 {
  background-position: -149px -187px;
}
.udesk_im_client_wechat-emoji80 {
  background-position: -186px -183px;
}
.udesk_im_client_wechat-emoji81 {
  background-position: -222px -184px;
}
.udesk_im_client_wechat-emoji82 {
  background-position: -260px -186px;
}
.udesk_im_client_wechat-emoji83 {
  background-position: -297px -187px;
}
.udesk_im_client_wechat-emoji84 {
  background-position: -334px -186px;
}
.udesk_im_client_wechat-emoji85 {
  background-position: -371px -184px;
}
.udesk_im_client_wechat-emoji86 {
  background-position: -409px -185px;
}
.udesk_im_client_wechat-emoji87 {
  background-position: -446px -185px;
}
.udesk_im_client_wechat-emoji88 {
  background-position: -483px -185px;
}
.udesk_im_client_wechat-emoji89 {
  background-position: -519px -185px;
}
.udesk_im_client_wechat-emoji90 {
  background-position: 0 -223px;
}
.udesk_im_client_wechat-emoji91 {
  background-position: -36px -222px;
}
.udesk_im_client_wechat-emoji92 {
  background-position: -75px -224px;
}
.udesk_im_client_wechat-emoji93 {
  background-position: -112px -223px;
}
.udesk_im_client_wechat-emoji94 {
  background-position: -147px -223px;
}
.udesk_im_client_wechat-emoji95 {
  background-position: -184px -223px;
}
.udesk_im_client_wechat-emoji96 {
  background-position: -224px -223px;
}
.udesk_im_client_wechat-emoji97 {
  background-position: -259px -223px;
}
.udesk_im_client_wechat-emoji98 {
  background-position: -296px -224px;
}
.udesk_im_client_wechat-emoji99 {
  background-position: -332px -224px;
}
.udesk_im_client_wechat-emoji100 {
  background-position: -371px -223px;
}
.udesk_im_client_wechat-emoji101 {
  background-position: -408px -224px;
}
.udesk_im_client_wechat-emoji102 {
  background-position: -445px -223px;
}
.udesk_im_client_wechat-emoji104 {
  background-position: -518px -223px;
}
.udesk_im_client_new-wechat-emoji {
  zoom: 1;
  display: inline-block;
  height: 28px;
  vertical-align: middle;
  width: 28px;
}
.udesk_im_client_new-wechat-emoji0 {
  background: url(../../images/wechat-emoji-firecracker.png) 0 0 no-repeat;
}
.udesk_im_client_new-wechat-emoji1 {
  background: url(../../images/wechat-emoji-worship.png) 0 0 no-repeat;
}
.emoji-wrapper {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  height: 100%;
  padding-right: 16px;
}
.emoji-btn {
  display: flex;
  flex-direction: column;
  width: 41px;
}
.emoji-btn > div {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex: 1;
  justify-content: center;
}
.emoji-btn .delete {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 8px;
}
.emoji-btn .delete .icon {
  color: #666;
  font-size: 24px;
}
.emoji-btn .send {
  background: #1a6eff;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.emoji-btn {
  display: none;
}