.sjb-webim { width: 680px; height: 500px; font-family:Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "微软雅黑", Simsun, "宋体", Helvetica, sans-serif; font-size: 12px; color: #333333; position: fixed; right: 50%; bottom: 50%; margin: 0 -340px -250px 0; border: 0px #bdbdbd solid; box-shadow: 0 0 25px rgba(0,0,0,.5); background: #ffffff; border-radius: 10px;  line-height: 20px; }
.sjb-webim input, .sjb-webim button { font-family:Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "微软雅黑", Simsun, "宋体", Helvetica, sans-serif; }
.sjb-webim ul, .sjb-webim ol, .sjb-webim li, .sjb-webim dl, .sjb-webim dt, .sjb-webim dd { margin: 0; padding: 0; list-style: none; }
.sjb-webim a { font-size: 12px; color: #3881ff; text-decoration: none; }
.sjb-webim a:hover { text-decoration: underline; }
.sjb-webim img { display: block; border: 0; }

.sjb-webim-blocker { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); }
.sjb-webim-layout { width: 680px; height: 500px; position: relative; }
.sjb-webim-left { width: 60px; height: 500px; background: #4a5362;border-radius: 10px 0 0 10px; overflow: hidden; }
.sjb-webim-center { width: 160px; height: 500px; background: #f3f3f3; position: absolute; left: 60px; top: 0; overflow: hidden; }
.sjb-webim-right { width: 459px; height: 500px; background: #ffffff; border-left: 1px #cccccc solid; position: absolute; right: 0; top: 0;     border-radius: 0 10px 10px 0;}
.sjb-webim-fly { width: 160px; position: absolute; left: 0; top: 0; }
.sjb-webim-tab-main { width: 160px; height: 500px; overflow: hidden; }

.sjb-webim-icon { display: block; background-image: url(//s2.xcds.com.cn/res/img/webim/icon.png); background-repeat: no-repeat; padding: 0; }

.sjb-webim-center-scrollbar { width: 100%; height: 498px; overflow: hidden; padding: 1px 0; }
.sjb-webim-center-scrollbar .es-scrollbar-container { width: 100%; height: 498px; overflow: hidden; }
.sjb-webim-tab-single .sjb-webim-center-scrollbar { width: 100%; height: 436px; overflow: hidden; padding: 1px 0; }
.sjb-webim-tab-single .sjb-webim-center-scrollbar .es-scrollbar-container { width: 100%; height: 436px; overflow: hidden; }

.sjb-webim-status { width: 12px; height: 12px; display: block; }
.sjb-webim-status i { width: 12px; height: 12px; }
.sjb-webim-status-on i { background-position: -47px -12px; }
.sjb-webim-status-leave i { background-position: -65px -12px; }
.sjb-webim-status-off i { background-position: -83px -12px; }
.sjb-webim-status-off-img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }

.sjb-webim-userhead { width: 34px; height: 34px; display: block; overflow: hidden; position: relative; }
.sjb-webim-head-mask-4a5362, .sjb-webim-head-mask-ddd, .sjb-webim-head-mask-eee, .sjb-webim-head-mask-f3f3f3, .sjb-webim-head-mask-fff { width: 34px; height: 34px; position: absolute; left: 0; top: 0; background-position: -125px -1px; }
.sjb-webim-head-mask-ddd { background-position: -124px -88px; }
.sjb-webim-head-mask-eee { background-position: -176px -88px; }
.sjb-webim-head-mask-f3f3f3 { background-position: -230px -88px; }
.sjb-webim-head-mask-fff { background-position: -283px -88px; }

.sjb-webim-self-info { width: 34px; height: 50px; position: absolute; left: 13px; bottom: 20px; }
.sjb-webim-self-info .sjb-webim-status { position: absolute; left: 12px; bottom: 0; }
.sjb-webim-self-info .sjb-webim-status i { background-position: -47px -30px; }
.sjb-webim-showmyname { position: absolute; left: 35px; top: 0; padding: 0 10px 0 15px; white-space: nowrap; z-index: 2; display: none; }
.sjb-webim-showmyname-l, .sjb-webim-showmyname-r { width: 15px; height: 38px; position: absolute; background-image: url(//s2.xcds.com.cn/res/img/webim/icon.png); background-repeat: no-repeat; }
.sjb-webim-showmyname-l { background-position: 0 -604px; left: 0; top: 0; }
.sjb-webim-showmyname-r { width: 10px; background-position: -270px -604px; right: 0; top: 0; }
.sjb-webim-showmyname-c { line-height: 38px; color: #333333; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat -15px -604px; }
.sjb-webim-self-info a:hover .sjb-webim-showmyname { display: block; }

.sjb-webim-number { display: none; position: absolute; }
.sjb-webim-number-bg { width: 100%; height: 22px; position: absolute; left: 0; top: 0; z-index: 1; }
.sjb-webim-number-l { width: 10px; height: 22px; display: block; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat -54px -62px; float: left; }
.sjb-webim-number-c { height: 22px; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat -64px -62px; display: block; float: left; }
.sjb-webim-number-r { width: 11px; height: 22px; display: block; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat -95px -62px; position: absolute; right: 0; top: 0; }
.sjb-webim-number-t { min-width: 12px; display: block; font-weight: bold; color: #ffffff; position: relative; z-index: 2; padding: 0 4px; line-height: 22px; text-align: center; }

/*nav*/
.sjb-webim-nav { width: 60px; }
.sjb-webim-nav li { text-align: center; height: 87px; }
.sjb-webim-nav li a { width: 60px; height: 30px; padding-top: 57px; position: relative; display: block; color: #ffffff; }
.sjb-webim-nav li a:hover { background-color: #3f4753; text-decoration: none; }
.sjb-webim-nav li.current a { background-color: #343a44; }
.sjb-webim-nav li a i { width: 32px; height: 26px; position: absolute; left: 16px; top: 20px; }
.sjb-webim-nav-1 { background-position: -2px -6px; }
.sjb-webim-nav-2 { background-position: -2px -41px; }
.sjb-webim-nav-3 { background-position: -2px -77px; }
.sjb-webim-nav .sjb-webim-number { right: 4px; top: 10px; }

/*user list*/
.sjb-webim-userlist, .sjb-webim-userlist li.item { width: 100%; }
.sjb-webim-userlist li.item { height: 50px; }
.sjb-webim-userlist li.item-noresult { text-align: center; padding: 6px 0; }
.sjb-webim-userlist li.item-createchat { text-align: center; padding: 6px 0; cursor: pointer; }
.sjb-webim-userlist .sjb-webim-userinfo, .sjb-webim-userlist .sjb-webim-userinfo a { width: 100%; height: 50px; display: block; }
.sjb-webim-userlist .sjb-webim-userinfo a { position: relative; color: #333333; }
.sjb-webim-userlist li.item .item-left { width: 50px; float: left; padding: 8px 0 0 10px; position: relative; }
.sjb-webim-userlist .sjb-webim-status { position: absolute; right: 16px; top: 28px; }
.sjb-webim-userlist li.item .item-right { width: 86px; height: 42px; padding-top: 8px; white-space: nowrap; position: absolute; left: 52px; top: 0; overflow: hidden; }
.sjb-webim-identity { color: #666666; }
.sjb-webim-userlist .sjb-webim-userinfo a:hover { background-color: #eeeeee; }
.sjb-webim-userlist .sjb-webim-userinfo a:hover .sjb-webim-head-mask-f3f3f3 { background-position: -176px -88px; }
.sjb-webim-userlist li.current a, .sjb-webim-userlist li.current a:hover { background: #dddddd; }
.sjb-webim-userlist li.current a .sjb-webim-head-mask-f3f3f3, .sjb-webim-userlist li.current a:hover .sjb-webim-head-mask-f3f3f3 { background-position: -124px -88px; }
.sjb-webim-userlist .sjb-webim-number { right: 10px; top: 5px; }
.sjb-webim-userlist .sjb-webim-number-t { padding: 0 5px; }
.sjb-webim-userlist .sjb-webim-number-l { background-position: -159px -60px; }
.sjb-webim-userlist .sjb-webim-number-c { background-position: -180px -60px; }
.sjb-webim-userlist .sjb-webim-number-r { background-position: -200px -60px; }
.sjb-webim-userlist .sjb-webim-userinfo a:hover .sjb-webim-list-remove { display: block; }
.sjb-webim-userlist .sjb-webim-list-remove { width: 21px; height: 21px; position: absolute; right: 0; bottom: 0; display: none; }
.sjb-webim-userlist .sjb-webim-del { width: 21px; height: 21px; background-position: -297px -14px; }
.sjb-webim-userlist .sjb-webim-list-remove:hover .sjb-webim-del { background-position: -333px -14px; }
.sjb-webim .sjb-webim-groupinfo .sjb-webim-name strong { }
.sjb-webim-groupinfo .img-01, .sjb-webim-groupinfo .img-02, .sjb-webim-groupinfo .img-03, .sjb-webim-groupinfo .img-04 { border: 1px #ffffff solid; }
.sjb-webim-groupinfo .img-02 { position: absolute; right: 0; top: 0; }
.sjb-webim-groupinfo .img-03 { position: absolute; left: 0; bottom: 0; }
.sjb-webim-groupinfo .img-04 { position: absolute; right: 0; bottom: 0; }
.sjb-webim-userlist li.item .item-right .sjb-webim-name { width: 86px; overflow: hidden; text-overflow: ellipsis; }


/*chat list*/
.sjb-webim-talk { width: 100%; height: 442px; position: relative; padding-top: 58px; border-radius: 0 10px 0 0; }
.sjb-webim-talk-header { width: 100%; height: 57px; position: absolute; left: 0; top: 0; border-bottom: 1px #cccccc solid; z-index: 3; }
.sjb-webim-talk-a { padding: 0 20px; }
.sjb-webim-talk-header h2 { display: inline-block; margin: 0; padding: 12px 0 2px; font-size: 20px; color: #333333; font-weight:normal; font-weight:normal; line-height: 20px; cursor: pointer; }
.sjb-webim-talk-a .sjb-webim-identity { display: inline-block; position: relative; padding-left: 20px; color: #666666; }
.sjb-webim-talk-a .sjb-webim-identity .sjb-webim-icon-adviser { position: absolute; left: 0; top: 1px; }
.sjb-webim-remove { width: 24px; height: 24px; position: absolute; right: 15px; top: 10px; z-index: 9; }
.sjb-webim-remove a, .sjb-webim-remove a i { width: 24px; height: 24px; display: block; }
.sjb-webim-remove a i { background-position: -183px -4px; }
.sjb-webim-remove a:hover i { background-position: -218px -4px; }
.sjb-webim-talk-a .sjb-webim-identity img { width: 16px; height: 16px; position: absolute; left: 0; top: 2px; float: left; }
.sjb-webim-group-talk .sjb-webim-talk-a h2 { width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.sjb-webim-group-talk .sjb-webim-group-members { height: 1px; overflow: hidden; }
.sjb-webim-group-talk .sjb-webim-talk-header h2 { padding: 16px 0 0; cursor: default; }
.sjb-webim-group-talk .sjb-webim-talk-header { background: #ffffff; }
.sjb-webim-group-talk .sjb-webim-talk-header .sjb-webim-icon-arrow { position: absolute; left: 50%; bottom: 6px; }
.sjb-webim-group-talk .sjb-webim-talk-header:hover { background: url(//s2.xcds.com.cn/res/img/webim/shadow.png) no-repeat center bottom #ffffff; }
.sjb-webim-group-talk .sjb-webim-talk-header:hover .sjb-webim-icon-arrow { background-position: -392px -572px; }
.sjb-webim-group-talk a.sjb-webim-group-showlink { position: absolute; left: 0; bottom: 0; width: 100%; height: 16px; display: block; }

.sjb-webim-group-talk .sjb-webim-talk-header-block .sjb-webim-icon-arrow { background-position: -430px -572px; }
.sjb-webim-group-talk .sjb-webim-talk-header-block:hover .sjb-webim-icon-arrow { background-position: -412px -572px; }

.sjb-webim-group-members { padding: 10px 10px 0; }
.sjb-webim-group-members .member, .sjb-webim-group-members .show-more { width: 44px; height: 36px; display: inline-block; position: relative; }
.sjb-webim-group-members .sjb-webim-userhead { margin: 5px; }
.sjb-webim-group-members .sjb-webim-status {  position: absolute; right: 5px; bottom: -2px; }
.sjb-webim-group-members .show-more { width: 72px; }
.sjb-webim-group-members .show-more a { display: block; width: 62px; height: 24px; border: 1px #3881ff solid; text-align: center; text-decoration: none; line-height: 24px; border-radius: 20px; position: absolute; left: 10px; top: 10px; }
.sjb-webim-group-members .show-more a:hover { background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat 0 -161px; color: #ffffff; }

.sjb-webim-talk-article { width: 100%; height: 326px; overflow: hidden; padding: 3px 0; }
.sjb-webim-talk-list { width: 96%; padding-right: 20px; height: 326px; overflow: hidden; position: relative; }
.sjb-webim-talk-list .item { width: 100%; float: left; clear: both; position: relative; margin-bottom: 10px; }
.sjb-webim-talk-list .item h3 { margin: 0; padding: 0 0 0 55px; font-weight: normal; font-size: 12px; color: #666666; }
.sjb-webim-talk-list .item h3 span { position: relative; padding-right: 20px; }
.sjb-webim-talk-list .item h3 .sjb-webim-icon-adviser { position: absolute; right: 0; top: -2px; }
.sjb-webim-talk-list .item .sjb-webim-userhead { position: absolute; top: 20px; left: 8px; }
.sjb-webim-talk-list .item .item-content { max-width: 326px; float: left; margin-left: 54px; position: relative; }
.sjb-webim-talk-list .item .item-content a { text-decoration: underline; }
.sjb-webim-talk-list .item .item-content .sjb-webim-icon { position: absolute; overflow: hidden; }
.sjb-webim-talk-list .item-left .item-radius-top { width: 18px; height: 20px; left: -8px; top: 0; background-position: -528px -71px; }
.sjb-webim-talk-list .item-left .item-radius-right { width: 10px; height: 10px; right: 0; top: 0; background-position: -557px -71px; }
.sjb-webim-talk-list .item-left .item-radius-bottom { width: 10px; height: 10px; right: 0; bottom: 0; background-position: -557px -96px; }
.sjb-webim-talk-list .item-left .item-radius-left { width: 10px; height: 10px; left: 0; bottom: 0; background-position: -539px -96px; }
.sjb-webim-talk-list .item-left .item-content-text { max-width: 302px; margin: 0 auto; padding: 5px 12px; background: #eeeeee; word-break: break-all; }
.sjb-webim-talk-list .item-right .item-content { max-width: 326px; float: right; min-width: 50px; margin-right: 30px; position: relative; }
.sjb-webim-talk-list .item-right .item-radius-top { width: 10px; height: 10px; left: 0; top: 0; background-position: -604px -71px; }
.sjb-webim-talk-list .item-right .item-radius-right { width: 18px; height: 20px; right: -8px; top: 0; background-position: -622px -71px; }
.sjb-webim-talk-list .item-right .item-radius-bottom { width: 10px; height: 10px; right: 0; bottom: 0; background-position: -622px -96px; }
.sjb-webim-talk-list .item-right .item-radius-left { width: 10px; height: 10px; left: 0; bottom: 0; background-position: -604px -96px; }
.sjb-webim-talk-list .item-right .item-content-text { max-width: 302px; margin: 0 auto; padding: 5px 12px; background: #dbf1ff; word-break: break-all; }
.sjb-webim-talk-list .item-timer { color: #999999; text-align: center; font-size: 10px; }
.sjb-webim-talk-list .item .item-name-act { position: relative; padding-left: 25px; color: #666666; text-decoration: none; }
.sjb-webim-talk-list .item .item-name-act span { visibility: hidden; }
.sjb-webim-talk-list .item .item-name-act:hover span { visibility: visible; }
.sjb-webim-talk-list .item .item-name-act img { width: 14px; height: 14px; position: absolute; left: 5px; top: 0; }
.sjb-webim-talk-list .item-right .item-loading { width: 19px; height: 19px; padding: 0; display: block; position: absolute; left: -35px; top: 50%; margin-top: -10px; }
.sjb-webim-talk-list .item-right .item-error-inner { position: absolute; left: 0; bottom: -30px; }
.sjb-webim-talk-list .item-right .item-error-inner a { text-decoration: none; }
.sjb-webim-talk-list .item-right .item-error-inner a:hover { color: #1660e0; text-decoration: none; }
.sjb-webim-talk-list .item-statu-error { padding-bottom: 30px; }
.sjb-webim-talk-list .item-statu-error .item-content { min-width: 200px; }
.sjb-webim-talk-list .item-statu-error .item-content .opacity { opacity: 0.6; }
.sjb-webim-talk-list .item-right .item-error-inner.item-stop { width: 202px; left: auto; right: 0; bottom: -38px; }
.sjb-webim-talk-list .item-stop span { width: 202px; height: 33px; display: block; line-height: 33px; background: url(//s2.xcds.com.cn/res/img/webim/stop.png) no-repeat 0 0; text-indent: 0; text-align: center; }

.sjb-webim-talk-footer { width: 100%; height: 100px; border-top: 1px #cccccc solid; position: relative; }
.sjb-webim-editor { padding: 5px 10px; height: 60px; }
.sjb-webim-sendmessage { width: 88px; height: 28px; position: absolute; right: 20px; bottom: 0; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat 0 -161px; border: 1px #1d6bcb solid; border-radius: 3px; overflow: hidden; }
.sjb-webim-sendmessage:hover { background-position: 0 -212px; }
.sjb-webim-sendmessage.disabled, .sjb-webim-sendmessage.disabled:hover { background-position: 0 -318px; color: #a6cbff; }
.sjb-webim-sendmessage button { width: 58px; height: 28px; cursor: pointer; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat -446px -2px; border: 0; color: #ffffff; line-height: 28px; font-size: 12px; }
.sjb-webim-setkey { width: 28px; height: 28px; position: absolute; right: 0; top: 0; }
.sjb-webim-setkey i { width: 28px; height: 28px; background-position: -535px 2px; }
.sjb-webim-setkey-block i { background-position: -570px 2px; }

.sjb-webim-icon-adviser { width: 16px; height: 16px; background-position: -257px -63px; }
.sjb-webim-icon-theuser { width: 0; height: 0; background-position: 0 0; }
.sjb-webim-icon-cservice { width: 18px; height: 18px; background-position: -294px -61px; }
.sjb-webim-icon-seller { width: 16px; height: 16px; background-position: -326px -61px; }
.sjb-webim-icon-tmaster { width: 16px; height: 16px; background-position: -364px -61px; }
.sjb-webim-icon-arrow { width: 9px; height: 5px; background-position: -372px -572px; }
.sjb-webim-icon-error { width: 16px; height: 18px; background-position: -520px -449px; }
.sjb-webim-msg-statu { width: 16px; height: 16px; }
.sjb-webim-msg-loading { width: 19px; height: 19px; position: absolute; background: url(//s2.xcds.com.cn/res/img/webim/loading-dbf1ff.gif) no-repeat; left: 50%; top: 50%; margin: -10px 0 0 -10px; }
.sjb-webim-talk-list .item-left .sjb-webim-msg-loading { background: url(//s2.xcds.com.cn/res/img/webim/loading-eee.gif) no-repeat; }
.sjb-webim-blocker .sjb-webim-msg-loading { background: url(//s2.xcds.com.cn/res/img/webim/loading-fff.gif) no-repeat; }

.sjb-webim-talk-list .item-center .item-content { }
.sjb-webim-talk-list .item-center .item-content-text {  }
.sjb-webim-talk-list .item-center .item-radius-top { width: 10px; height: 20px; left: 0; top: 0; background-position: -536px -71px; }
.sjb-webim-talk-list .item-center a { text-decoration: none; }
.sjb-webim-talk-list .item-center a:hover { color: #1660e0; text-decoration: none; }

.sjb-webim-talk-list .item-more { padding: 10px 0 0; }
.sjb-webim-talk-list .item-more a { width: 113px; height: 24px; display: block; margin: 0 auto; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat -557px -487px; text-align: center; line-height: 24px; }
.sjb-webim-talk-list .item-more a:hover { color: #1660e0; text-decoration: none; }
.sjb-webim-talk-list .item-loading { height: 24px; padding-top: 20px; background: url(//s2.xcds.com.cn/res/img/webim/loading-fff.gif) no-repeat center center; }
.sjb-webim-talk-list .item-loading-center { height: 300px; padding: 0; }
.sjb-webim-talk-list .item-loading-content { display: none; }
.sjb-webim-talk-list .item-loading-msg span { width: 113px; height: 24px; display: block; margin: 0 auto; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat -557px -487px; text-align: left; line-height: 24px; position: relative; text-indent: 34px; color: #666666; }
.sjb-webim-talk-list .item-loading-msg span i { width: 19px; height: 19px; display: block; background: url(//s2.xcds.com.cn/res/img/webim/loading-eee.gif) no-repeat center center; position: absolute; left: 8px; top: 2px; }
.sjb-webim-talk-list .item-error span { width: 173px; height: 24px; display: block; margin: 0 auto; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat -504px -524px; text-align: left; line-height: 24px; position: relative; text-indent: 28px; color: #666666; }
.sjb-webim-talk-list .item-error span i { position: absolute; left: 8px; top: 3px; }
.sjb-webim-talk-list .item-fail span { width: 173px; height: 33px; display: block; margin: 0 auto; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat -504px -558px; text-align: left; line-height: 33px; position: relative; text-indent: 28px; color: #666666; }
.sjb-webim-talk-list .item-fail span i { position: absolute; left: 8px; top: 7px; }

.sjb-webim .btn-blue { height: 36px; line-height: 36px; color: #ffffff; border: 1px #1d6bcb solid; border-radius: 3px; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat 0 -161px; cursor: pointer; padding: 0 28px; overflow: hidden; display: inline; }
.sjb-webim .btn-blue:hover { background-position: 0 -212px; }
.sjb-webim .btn-blue:focus { background-position: 0 -265px; color: #a6cbff; }
.sjb-webim .btn-blue.disabled { background-position: 0 -318px; color: #a6cbff; }

.sjb-webim .btn-orange { height: 36px; line-height: 36px; color: #ffffff; border: 1px #eb5e00 solid; border-radius: 3px; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat -372px -161px; cursor: pointer; padding: 0 28px; overflow: hidden; display: inline; }
.sjb-webim .btn-orange:hover { background-position: -372px -212px; }
.sjb-webim .btn-orange:focus { background-position: -372px -265px; color: #f7cdae; }
.sjb-webim .btn-orange.disabled { background-position: -372px -318px; color: #f7cdae; }

.sjb-webim .btn-gray { height: 36px; line-height: 36px; color: #333333; border: 1px #bfbfbf solid; border-radius: 3px; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat 0 -372px; cursor: pointer; padding: 0 28px; overflow: hidden; display: inline; }
.sjb-webim .btn-gray:hover { background-position: 0 -425px; }
.sjb-webim .btn-gray:focus { background-position: 0 -478px; color: #aaaaaa; }
.sjb-webim .btn-gray.disabled { background-position: 0 -531px; color: #aaaaaa; }

/*webim entry*/
#sjb-webim-entry { width: 50px; height: 50px; position: fixed; right: 50%; bottom: 113px; margin: 0 -555px 0 0; display: none; }
#sjb-webim-entry a { width: 50px; height: 50px; display: block; background: url(//s2.xcds.com.cn/res/img/webim/follow.png) no-repeat 0 0; }
#sjb-webim-entry a:hover { background-position: 0 -50px; }
#sjb-webim-entry a:active { background-position: 0 -227px; }
#sjb-webim-entry a.has-new-msg, #sjb-webim-entry a.has-new-msg:hover, #sjb-webim-entry a.has-new-msg:active { background: url(//s2.xcds.com.cn/res/img/webim/has-new-msg.gif) no-repeat 0 0; }

.sjb-webim-total { position: absolute; right: 55px; top: 0; padding: 0 17px 0 10px; display: none; }
.sjb-webim-total span { float: left; height: 38px; line-height: 38px; color: #ffffff; font-size: 12px; white-space: nowrap; background-image: url(//s2.xcds.com.cn/res/img/webim/follow.png); background-repeat: no-repeat; }
.sjb-webim-total span strong { font-size: 16px; padding: 0 6px; font-weight: normal; }
.sjb-webim-total .sjb-webim-total-l { width: 10px; background-position: 0 -105px; position: absolute; left: 0; top: 0; }
.sjb-webim-total .sjb-webim-total-c { background-position: 0 -186px; background-repeat: repeat-x; position: relative; z-index: 2; }
.sjb-webim-total .sjb-webim-total-r { width: 18px; background-position: right -145px; position: absolute; right: 0; top: 0; }

/*search*/
.sjb-webim-search-user { width: 140px; height: 40px; overflow: hidden; position: relative; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat -362px -361px; padding: 10px; border-bottom: 1px #cccccc solid; }
.sjb-webim-search-user input { width: 86px; height: 40px; border: 0; background: none; line-height: 40px; margin: 0; padding: 0 28px; border-radius: 0; box-shadow: 0 0 0; }
.sjb-webim-search-user button { width: 32px; height: 32px; position: absolute; right: 14px; top: 14px; border: 0; background: none; margin: 0; padding: 0; cursor: pointer; display: none; }
.sjb-webim-search-user i.sjb-webim-icon-del-search { width: 32px; height: 32px; background-position: -364px -415px; left: 10px; top: 13px; position: absolute; }
.sjb-webim-search-user button i { width: 32px; height: 32px; background-position: -600px -444px; }

/*user detail*/
.sjb-webim-user-detail { width: 100%; margin: 0 auto; padding: 80px 0 0 0; }
.sjb-webim-user-detail .sjb-webim-userhead { width: 100px; height: 100px; margin: 0 auto; }
.sjb-webim-user-detail .sjb-webim-head-mask-fff { width: 100px; height: 100px; background-position: -372px -452px; }
.sjb-webim-user-detail .sjb-webim-name, .sjb-webim-user-detail .sjb-webim-shopname { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; text-align: center; padding: 20px 0 10px; }
.sjb-webim-user-detail .sjb-webim-shopname { font-size: 14px; padding: 0; }
.sjb-webim-user-detail .sjb-webim-identity { font-size: 14px; text-align: center; padding-bottom: 25px; }
.sjb-webim-user-detail .sjb-webim-identity span { position: relative; padding: 0 0 0 22px; }
.sjb-webim-user-detail .sjb-webim-identity img { width: 16px; height: 16px; position: absolute; left: 0; top: 0; }
.sjb-webim-user-detail .sjb-webim-user-detail-act { text-align: center; }
.sjb-webim-user-detail .sjb-webim-user-detail-act button { width: 164px; text-align: center; margin-bottom: 10px; clear: both; }
.sjb-webim-inputlabel { width: 164px; height: 36px; line-height: 36px; color: #333333; border: 1px #bfbfbf solid; border-radius: 3px; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat 0 -372px; cursor: pointer; overflow: hidden; margin: 0 auto; position: relative; }
.sjb-webim-inputlabel label { width: 75px; float: left; border-right: 1px #cccccc solid; }
.sjb-webim-inputlabel input { width: 68px; padding: 0 10px; float: left; position: absolute; right: 0; top: 0; border: 0; background: #ffffff; font-size: 14px; height: 36px; }

/*group detail*/
.sjb-webim-group-detail { width: 84%; padding: 50px 8%; }
.sjb-webim-group-detail h3 { font-size: 20px; font-weight: normal; margin: 0; padding: 0 0 20px 0; text-align: center; }
.sjb-webim-group-detail li.item { height: 50px; position: relative; }
.sjb-webim-group-detail li.item-hasbg { background: #f3f3f3; }
.sjb-webim-group-detail .item-right { position: absolute; right: 0; top: 18px; }
.sjb-webim-group-detail .sjb-webim-identity { width: 110px; padding-left: 22px; }
.sjb-webim-group-detail .sjb-webim-identity img { width: 16px; height: 16px; position: absolute; left: 0; top: 2px; }
.sjb-webim-group-detail .item-left { position: relative; padding-left: 54px; line-height: 50px; }
.sjb-webim-group-detail .sjb-webim-userhead { position: absolute; left: 10px; top: 8px; }
.sjb-webim-group-detail .sjb-webim-status { position: absolute; left: 33px; top: 30px; }
.sjb-webim-group-detail .sjb-webim-group-detail-act { text-align: center; padding-top: 30px; }
.sjb-webim-group-detail .sjb-webim-group-detail-act button { width: 164px; text-align: center; clear: both; }

.sjb-webim-footer-wrapper{
    position: absolute;
    bottom: 0;
    right: 110px;
}
.sjb-webim-footer-item{
    position: relative;
    float: right;
    margin-right: 10px;
}
.sjb-webim-fast-reply{ position: relative; }
.sjb-webim-fast-reply-entry { width: 38px; height: 30px; background: transparent url(//s2.xcds.com.cn/res/img/webim/im-fast-more.png) no-repeat 0 0; cursor: pointer;}
.sjb-webim-fast-reply-entry:hover {background-position: -76px 0;}
.sjb-webim-fast-travel{ position: relative; }
.sjb-webim-fast-travel-entry{ width: 38px; height: 30px; background: transparent url(//s2.xcds.com.cn/res/img/webim/im-fast-more.png) no-repeat -38px 0; cursor: pointer; }
.sjb-webim-fast-travel-entry:hover {background-position: -114px 0;}

.sjb-webim-fast-reply-main{ position: absolute; right: -66px; bottom: 50px; max-height: 280px; min-height: 100px; width: 360px; padding: 0; background: #ffffff; box-shadow: #cccccc 0 0 5px 1px; border: 1px solid #cccccc; }

.sjb-webim-fast-reply-main .sjb-webim-fast-reply-list-wrapper{
    height: 100%;
    width: 100%;
    max-height: 260px;
    overflow: auto;
}
.sjb-webim-fast-reply-main .sjb-webim-fast-reply-list{
    max-width: 100%;
    max-height: 100%;
    padding: 10px;
}

.sjb-webim-fast-reply-main .sjb-webim-fast-reply-item{
    font-size: 12px;
    line-height: 18px;
    padding: 3px 7px 4px;
    height: 18px;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sjb-webim-down-arrow{
    width: 46px;
    height: 20px;
    background-color: transparent;
    border: none;
    overflow: hidden;
}

.sjb-webim-down-arrow> ._implementer{
    background: #ffffff;
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: -11px;
    margin-left: -12px;
    box-shadow: #bbbbbb 0 0 10px 1px;
    border: 1px solid #cccccc;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678,sizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678,sizingMethod='auto expand');
    transform: rotate(45deg);
}
.sjb-webim-fast-reply-main .sjb-webim-down-arrow{
    zoom: 1;
    position: absolute;
    left: 252px;
    bottom: -20px;
}
.sjb-webim-fast-travel-main .sjb-webim-down-arrow{
    zoom: 1;
    position: absolute;
    left: 28px;
    bottom: -20px;
}

.sjb-webim-fast-travel-main .sjb-webim-fast-travel-null{
    padding: 20px 0;
    text-align: center;
}
.sjb-webim-fast-reply-main .sjb-webim-fast-reply-item:hover{
    color: #3881ff;
    cursor: pointer;
}

.sjb-webim-fast-travel-main{ position: absolute; right: -46px; bottom: 50px; min-height: 60px; width: 113px; background: #ffffff; box-shadow: #cccccc 0 0 5px 1px; border: 1px solid #cccccc;}


.sjb-webim-fast-travel-main .sjb-webim-fast-travel-list{
    width: 100%;
    padding: 10px 0;
    overflow: auto;
}

.sjb-webim-fast-travel-main .sjb-webim-fast-travel-item{
    font-size: 12px;
    line-height: 18px;
    padding: 3px 7px 4px;
    max-height: 32px;
    overflow: hidden;
}

.sjb-webim-substitute-reg{
    float: right;
    margin-right: 40px;
    margin-top: 12px;
}

.sjb-webim-substitute-reg.has-sem{
    display: inherit;
}

/*tips*/
.sjb-webim-tips { width: 459px; background: #ffdd67; position: absolute; right: 0; top: 58px; }
.sjb-webim-tips a.btn-blue, .sjb-webim-tips a.btn-gray { padding: 5px 20px; margin-left: 5px; text-decoration: none; }
.sjb-webim-tips-con { padding: 10px 20px; }
.sjb-webim-text-red { color: #ff6155; }

/*滚动条*/
.es-scrollbar-container { position: relative; }
.es-scrollbar-main { width: 100%; position: absolute; left: 0; top: 0; }

.es-scrollbar-bar,
.es-scrollbar-top, .es-scrollbar-top span,
.es-scrollbar-center,
.es-scrollbar-bottom, .es-scrollbar-bottom span,
.es-scrollbar-drag,
.es-scrollbar-drag-top, .es-scrollbar-drag-top span,
.es-scrollbar-drag-center,
.es-scrollbar-drag-bottom, .es-scrollbar-drag-bottom span { width: 9px; height: 9px; position: absolute; display: block; left: 0; top: 0; }

.es-scrollbar-top span, .es-scrollbar-drag-top span { border-radius: 9px 9px 0 0; }
.es-scrollbar-bottom span, .es-scrollbar-drag-bottom span { border-radius: 0 0 9px 9px; }

.es-scrollbar-top, .es-scrollbar-bottom { background: #ffffff; }
.sjb-webim-center-scrollbar .es-scrollbar-top, .sjb-webim-center-scrollbar .es-scrollbar-bottom { background: #f3f3f3; }

.es-scrollbar-top span, .es-scrollbar-center, .es-scrollbar-bottom span, .es-scrollbar-drag-top, .es-scrollbar-drag-bottom { background: #e3e3e3; }

.es-scrollbar-drag-top span, .es-scrollbar-drag-center, .es-scrollbar-drag-bottom span { background: #999999; }

.es-scrollbar-bar { left: auto; right: 3px; overflow: hidden; display: none; }
.es-scrollbar-top {}
.es-scrollbar-top span {}
.es-scrollbar-center { top: 9px; }
.es-scrollbar-bottom { top: auto; bottom: 0; }
.es-scrollbar-bottom span {}

.es-scrollbar-drag { overflow: hidden; cursor: pointer; }
.es-scrollbar-drag-top {}
.es-scrollbar-drag-top span {}
.es-scrollbar-drag-center { top: 9px; }
.es-scrollbar-drag-bottom { top: auto; bottom: 0; }
.es-scrollbar-drag-bottom span {}

/*drag*/
.es-drag-control-cursor { cursor: pointer; }

#sjb-webim-editor { width: 100%; height: 58px; overflow-x: hidden; overflow-y: auto; resize: none; border: 0; font-size: 12px; color: #333333; border-radius: 0; box-shadow: 0 0 0; padding: 0; }
#sjb-webim-set-shortcuts { width: 148px; height: 64px; overflow: hidden; border: 1px #cccccc solid; background: #f3f3f3; position: fixed; left: 0; top: 0; z-index: 999; }
#sjb-webim-set-shortcuts li, #sjb-webim-set-shortcuts ul { margin: 0; padding: 0; list-style: none; }
#sjb-webim-set-shortcuts li a { font-size: 12px; text-decoration: none; color: #666666; display: block; line-height: 32px; text-align: right; padding: 0 10px; }
#sjb-webim-set-shortcuts li a:hover { background: #eeeeee; }
#sjb-webim-set-shortcuts li.current a { background: #dddddd; }
#sjb-webim-set-shortcuts li a span { position: relative; padding-left: 25px; white-space: nowrap; }
#sjb-webim-set-shortcuts li a span i { display: none; }
#sjb-webim-set-shortcuts li.current a span i { display: block; }
#sjb-webim-set-shortcuts .sjb-webim-check-mark { width: 13px; height: 11px; background-position: -570px -453px; position: absolute; left: 0; top: 2px; }

/*群组滚动条*/
#sjb-webim-group-srcoll .es-scrollbar-container { width: 100%; height:300px; overflow:hidden; }
#sjb-webim-group-srcoll .es-scrollbar-bar { right: 0; }

.sjb-webim-server-time-content table { width: 380px; background: #ffffff; border-top: 1px #dbf1ff solid; padding: 10px; }
.sjb-webim-server-time-content td, .sjb-webim-server-time-content th { width: 14%; background: #ffffff; text-align: center; }
.sjb-webim-server-time-content td { border-top: 1px #e1e1e1 solid; height: 36px; padding-right: 1px; }
.sjb-webim-server-time-content th { font-weight: normal; }
.sjb-webim-server-time-content td span { width: 100%; height: 36px; display: block; overflow: hidden; margin: 0 auto; line-height: 36px; font-size: 14px; color: #666666; }
.sjb-webim-server-time-content td span i { display: none; }
.sjb-webim-server-time-content .sjb-webim-on span { background: #ffecea; position: relative; }
.sjb-webim-server-time-content .sjb-webim-no span { color: #dddddd; }
.sjb-webim-server-time-content .sjb-webim-on i { width: 14px; height: 14px; display: block; position: absolute; left: 0; top: 0; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat -541px -656px; }
.sjb-webim-server-time-content .sjb-webim-current span { background: #5dc0ff; color: #ffffff; font-size: 13px; }
.sjb-webim-get-server-time { width: 80px; height: 30px; color: #ffffff; border: 0; border-radius: 3px; position: absolute; right: 50px; top: 10px; cursor: pointer; background-image: url(//s2.xcds.com.cn/res/img/webim/icon.png); background-repeat: no-repeat; background-position: -372px -159px; }
.sjb-webim-get-server-time:hover { background-position: -372px -212px; }
.sjb-webim-get-server-time:active { background-position: -372px -265px; }
.sjb-webim-server-time { width: 418px; border: 1px #bebebe solid; background: #f5f5f5; position: absolute; top: 55px; right: 20px; box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.6); z-index: 8; padding: 0 0 10px; border-radius: 5px; }
.sjb-webim-server-time > i { width: 26px; height: 14px; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat -653px -656px; display: block; position: absolute; left: 338px; top: -12px; }
.sjb-webim-server-time-item { width: 100%; float: left; clear: both; border-bottom: 1px #e1e1e1 solid; padding: 15px 0; }
.sjb-webim-server-time-item h3 { width: 385px; font-size: 16px; font-weight: bold; margin: 0 10px; border-left: 3px #fb6a00 solid; padding-left: 10px; position: relative; }
.sjb-webim-server-sale h3 { border-color: #3881ff; }
.sjb-webim-server-time-item h3 .sjb-webim-userhead { position: absolute; right: 5px; top: -5px; }
.sjb-webim-server-time-content { width: 395px; float: left; clear: both; padding: 10px 0 0 23px; font-size: 14px; color: #666666; }
.sjb-webim-server-sale { border-bottom: 0; }
.sjb-webim-server-time-tips { width: 100%; float: left; padding: 0 25px 5px 50px; color: #666666; font-size: 14px; position: relative; clear: both; }
.sjb-webim-server-time-tips > i { width: 14px; height: 14px; background: url(//s2.xcds.com.cn/res/img/webim/icon.png) no-repeat -491px -656px; display: block; position: absolute; left: 25px; top: 2px; }


.sjb-webim-tools-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cfcfcf;
    width: 38px;
    height: 30px;
    background-color: #eee;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
}
.sjb-webim-tools-item:hover {
    background-color: #ddd;
}
.sjb-webim-tools-img-upload {
    background-image: url("//f8.jiejiatech.net/y16/1220/1548/00xmv_o.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.sjb-webim-file-field {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    height: 30px;
}
.sjb-webim-uploaded-show-img {
    max-width: 300px;
}
.sjb-webim-img-upload-form input[type="file"]::-webkit-file-upload-button{
    cursor: pointer;
}
.sjb-webim-card+.sjb-webim-card { margin-top: 8px;}
.sjb-webim-card{ margin:3px 0;position: relative;}
.sjb-webim-card-loading{ background: url("//s2.xcds.com.cn/res/img/webim/loading-dbf1ff.gif") no-repeat center center }
.sjb-webim-card,.sjb-webim-card-loading,.sjb-webim-card-detail{width:260px;height: 75px; overflow: hidden;display: block;text-decoration: none!important;}
.sjb-webim-card-detail img{float: left;margin-right: 10px;}
.sjb-webim-card-detail p{font-size: 14px;color:#333;line-height: 1.5;margin:0;}
.sjb-webim-card-detail .sjb-webim-card-price{font-size: 12px;color:#999;position: absolute;right: 63px; bottom: -3px;}
.sjb-webim-card-detail .sjb-webim-card-price em{font-size: 16px;color:#fb6a00;}



/* glue: 0.9.4 hash: 420aaa6fd5 */
[class^="icon-im-"],
[class*=" icon-im-"] {
    display: inline;
    display: inline-block;
    line-height: 0;
    text-align: left;
    vertical-align: middle;
    text-indent: 0;
    text-decoration: none;
    -webkit-text-size-adjust: none;
    position: relative;
}

.icon-im-emoji-9,.icon-im-emoji-83,.icon-im-emoji-74,.icon-im-emoji-57,.icon-im-emoji-42,.icon-im-emoji-38,.icon-im-emoji-34,.icon-im-emoji-32,.icon-im-emoji-3,.icon-im-emoji-77,.icon-im-emoji-75,.icon-im-emoji-69,.icon-im-emoji-60,.icon-im-emoji-43,.icon-im-emoji-39,.icon-im-emoji-89,.icon-im-emoji-88,.icon-im-emoji-82,.icon-im-emoji-81,.icon-im-emoji-76,.icon-im-emoji-71,.icon-im-emoji-7,.icon-im-emoji-65,.icon-im-emoji-62,.icon-im-emoji-61,.icon-im-emoji-6,.icon-im-emoji-55,.icon-im-emoji-5,.icon-im-emoji-47,.icon-im-emoji-46,.icon-im-emoji-45,.icon-im-emoji-41,.icon-im-emoji-40,.icon-im-emoji-36,.icon-im-emoji-33,.icon-im-emoji-30,.icon-im-emoji-29,.icon-im-emoji-28,.icon-im-emoji-22,.icon-im-emoji-13,.icon-im-emoji-99,.icon-im-emoji-90,.icon-im-emoji-87,.icon-im-emoji-86,.icon-im-emoji-84,.icon-im-emoji-80,.icon-im-emoji-8,.icon-im-emoji-79,.icon-im-emoji-78,.icon-im-emoji-73,.icon-im-emoji-70,.icon-im-emoji-68,.icon-im-emoji-63,.icon-im-emoji-59,.icon-im-emoji-56,.icon-im-emoji-53,.icon-im-emoji-52,.icon-im-emoji-51,.icon-im-emoji-50,.icon-im-emoji-49,.icon-im-emoji-48,.icon-im-emoji-44,.icon-im-emoji-4,.icon-im-emoji-37,.icon-im-emoji-35,.icon-im-emoji-31,.icon-im-emoji-27,.icon-im-emoji-26,.icon-im-emoji-25,.icon-im-emoji-24,.icon-im-emoji-23,.icon-im-emoji-21,.icon-im-emoji-20,.icon-im-emoji-2,.icon-im-emoji-19,.icon-im-emoji-18,.icon-im-emoji-17,.icon-im-emoji-16,.icon-im-emoji-15,.icon-im-emoji-14,.icon-im-emoji-12,.icon-im-emoji-11,.icon-im-emoji-10,.icon-im-emoji-1,.icon-im-emoji-0,.icon-im-emoji-95,.icon-im-emoji-72,.icon-im-emoji-67,.icon-im-emoji-66,.icon-im-emoji-58,.icon-im-emoji-54,.icon-im-emoji-94,.icon-im-emoji-93,.icon-im-emoji-91,.icon-im-emoji-85,.icon-im-emoji-64,.icon-im-emoji-92,.icon-im-emoji-98,.icon-im-emoji-97,.icon-im-emoji-96{
    background-image:url('//f8.jiejiatech.net/y17/0116/1936/00ixf_o.png');
    background-repeat:no-repeat;
}

.icon-im-emoji-9{
    background-position:-10px -10px;
    width:24px;
    height:21px;
}

.icon-im-emoji-83{
    background-position:-10px -51px;
    width:24px;
    height:22px;
}

.icon-im-emoji-74{
    background-position:-54px -10px;
    width:20px;
    height:24px;
}

.icon-im-emoji-57{
    background-position:-94px -10px;
    width:21px;
    height:24px;
}

.icon-im-emoji-42{
    background-position:-10px -93px;
    width:24px;
    height:22px;
}

.icon-im-emoji-38{
    background-position:-54px -93px;
    width:24px;
    height:20px;
}

.icon-im-emoji-34{
    background-position:-135px -10px;
    width:24px;
    height:21px;
}

.icon-im-emoji-32{
    background-position:-135px -51px;
    width:24px;
    height:24px;
}

.icon-im-emoji-3{
    background-position:-10px -135px;
    width:24px;
    height:21px;
}

.icon-im-emoji-77{
    background-position:-179px -10px;
    width:22px;
    height:23px;
}

.icon-im-emoji-75{
    background-position:-54px -135px;
    width:23px;
    height:21px;
}

.icon-im-emoji-69{
    background-position:-179px -53px;
    width:16px;
    height:23px;
}

.icon-im-emoji-60{
    background-position:-10px -176px;
    width:23px;
    height:23px;
}

.icon-im-emoji-43{
    background-position:-97px -135px;
    width:23px;
    height:21px;
}

.icon-im-emoji-39{
    background-position:-179px -96px;
    width:22px;
    height:23px;
}

.icon-im-emoji-89{
    background-position:-53px -176px;
    width:21px;
    height:22px;
}

.icon-im-emoji-88{
    background-position:-94px -176px;
    width:18px;
    height:22px;
}

.icon-im-emoji-82{
    background-position:-132px -176px;
    width:18px;
    height:22px;
}

.icon-im-emoji-81{
    background-position:-179px -139px;
    width:22px;
    height:17px;
}

.icon-im-emoji-76{
    background-position:-170px -176px;
    width:22px;
    height:21px;
}

.icon-im-emoji-71{
    background-position:-221px -10px;
    width:18px;
    height:22px;
}

.icon-im-emoji-7{
    background-position:-259px -10px;
    width:21px;
    height:22px;
}

.icon-im-emoji-65{
    background-position:-135px -95px;
    width:22px;
    height:13px;
}

.icon-im-emoji-62{
    background-position:-10px -219px;
    width:22px;
    height:22px;
}

.icon-im-emoji-61{
    background-position:-52px -219px;
    width:22px;
    height:22px;
}

.icon-im-emoji-6{
    background-position:-94px -219px;
    width:22px;
    height:22px;
}

.icon-im-emoji-55{
    background-position:-136px -219px;
    width:22px;
    height:17px;
}

.icon-im-emoji-5{
    background-position:-259px -52px;
    width:21px;
    height:22px;
}

.icon-im-emoji-47{
    background-position:-300px -10px;
    width:22px;
    height:21px;
}

.icon-im-emoji-46{
    background-position:-300px -51px;
    width:22px;
    height:21px;
}

.icon-im-emoji-45{
    background-position:-300px -92px;
    width:22px;
    height:21px;
}

.icon-im-emoji-41{
    background-position:-300px -133px;
    width:21px;
    height:22px;
}

.icon-im-emoji-40{
    background-position:-300px -175px;
    width:22px;
    height:21px;
}

.icon-im-emoji-36{
    background-position:-300px -216px;
    width:22px;
    height:22px;
}

.icon-im-emoji-33{
    background-position:-259px -94px;
    width:21px;
    height:22px;
}

.icon-im-emoji-30{
    background-position:-259px -136px;
    width:21px;
    height:22px;
}

.icon-im-emoji-29{
    background-position:-10px -261px;
    width:22px;
    height:22px;
}

.icon-im-emoji-28{
    background-position:-52px -261px;
    width:21px;
    height:22px;
}

.icon-im-emoji-22{
    background-position:-93px -261px;
    width:21px;
    height:22px;
}

.icon-im-emoji-13{
    background-position:-134px -261px;
    width:21px;
    height:22px;
}

.icon-im-emoji-99{
    background-position:-259px -178px;
    width:21px;
    height:15px;
}

.icon-im-emoji-90{
    background-position:-175px -261px;
    width:20px;
    height:21px;
}

.icon-im-emoji-87{
    background-position:-215px -261px;
    width:21px;
    height:21px;
}

.icon-im-emoji-86{
    background-position:-221px -52px;
    width:18px;
    height:21px;
}

.icon-im-emoji-84{
    background-position:-94px -54px;
    width:21px;
    height:17px;
}

.icon-im-emoji-80{
    background-position:-256px -261px;
    width:21px;
    height:21px;
}

.icon-im-emoji-8{
    background-position:-297px -261px;
    width:21px;
    height:21px;
}

.icon-im-emoji-79{
    background-position:-342px -10px;
    width:21px;
    height:21px;
}

.icon-im-emoji-78{
    background-position:-342px -51px;
    width:20px;
    height:21px;
}

.icon-im-emoji-73{
    background-position:-342px -92px;
    width:21px;
    height:21px;
}

.icon-im-emoji-70{
    background-position:-342px -133px;
    width:21px;
    height:20px;
}

.icon-im-emoji-68{
    background-position:-342px -173px;
    width:18px;
    height:21px;
}

.icon-im-emoji-63{
    background-position:-342px -214px;
    width:11px;
    height:21px;
}

.icon-im-emoji-59{
    background-position:-342px -255px;
    width:21px;
    height:20px;
}

.icon-im-emoji-56{
    background-position:-10px -303px;
    width:21px;
    height:21px;
}

.icon-im-emoji-53{
    background-position:-51px -303px;
    width:21px;
    height:21px;
}

.icon-im-emoji-52{
    background-position:-92px -303px;
    width:21px;
    height:21px;
}

.icon-im-emoji-51{
    background-position:-133px -303px;
    width:21px;
    height:21px;
}

.icon-im-emoji-50{
    background-position:-174px -303px;
    width:21px;
    height:21px;
}

.icon-im-emoji-49{
    background-position:-215px -303px;
    width:21px;
    height:21px;
}

.icon-im-emoji-48{
    background-position:-256px -303px;
    width:21px;
    height:21px;
}

.icon-im-emoji-44{
    background-position:-297px -303px;
    width:21px;
    height:21px;
}

.icon-im-emoji-4{
    background-position:-338px -303px;
    width:21px;
    height:21px;
}

.icon-im-emoji-37{
    background-position:-383px -10px;
    width:21px;
    height:20px;
}

.icon-im-emoji-35{
    background-position:-383px -50px;
    width:21px;
    height:21px;
}

.icon-im-emoji-31{
    background-position:-383px -91px;
    width:21px;
    height:21px;
}

.icon-im-emoji-27{
    background-position:-383px -132px;
    width:21px;
    height:21px;
}

.icon-im-emoji-26{
    background-position:-383px -173px;
    width:21px;
    height:21px;
}

.icon-im-emoji-25{
    background-position:-383px -214px;
    width:21px;
    height:21px;
}

.icon-im-emoji-24{
    background-position:-383px -255px;
    width:21px;
    height:21px;
}

.icon-im-emoji-23{
    background-position:-383px -296px;
    width:21px;
    height:21px;
}

.icon-im-emoji-21{
    background-position:-10px -344px;
    width:21px;
    height:21px;
}

.icon-im-emoji-20{
    background-position:-51px -344px;
    width:21px;
    height:21px;
}

.icon-im-emoji-2{
    background-position:-92px -344px;
    width:21px;
    height:21px;
}

.icon-im-emoji-19{
    background-position:-133px -344px;
    width:21px;
    height:21px;
}

.icon-im-emoji-18{
    background-position:-174px -344px;
    width:21px;
    height:21px;
}

.icon-im-emoji-17{
    background-position:-215px -344px;
    width:21px;
    height:21px;
}

.icon-im-emoji-16{
    background-position:-256px -344px;
    width:21px;
    height:21px;
}

.icon-im-emoji-15{
    background-position:-297px -344px;
    width:21px;
    height:21px;
}

.icon-im-emoji-14{
    background-position:-338px -344px;
    width:21px;
    height:21px;
}

.icon-im-emoji-12{
    background-position:-379px -344px;
    width:21px;
    height:21px;
}

.icon-im-emoji-11{
    background-position:-424px -10px;
    width:21px;
    height:21px;
}

.icon-im-emoji-10{
    background-position:-424px -51px;
    width:21px;
    height:21px;
}

.icon-im-emoji-1{
    background-position:-424px -92px;
    width:21px;
    height:21px;
}

.icon-im-emoji-0{
    background-position:-424px -133px;
    width:21px;
    height:21px;
}

.icon-im-emoji-95{
    background-position:-424px -174px;
    width:17px;
    height:20px;
}

.icon-im-emoji-72{
    background-position:-424px -214px;
    width:20px;
    height:20px;
}

.icon-im-emoji-67{
    background-position:-424px -254px;
    width:20px;
    height:19px;
}

.icon-im-emoji-66{
    background-position:-424px -293px;
    width:20px;
    height:18px;
}

.icon-im-emoji-58{
    background-position:-424px -331px;
    width:20px;
    height:20px;
}

.icon-im-emoji-54{
    background-position:-10px -385px;
    width:20px;
    height:20px;
}

.icon-im-emoji-94{
    background-position:-221px -93px;
    width:18px;
    height:19px;
}

.icon-im-emoji-93{
    background-position:-54px -54px;
    width:19px;
    height:19px;
}

.icon-im-emoji-91{
    background-position:-221px -132px;
    width:18px;
    height:19px;
}

.icon-im-emoji-85{
    background-position:-140px -135px;
    width:19px;
    height:19px;
}

.icon-im-emoji-64{
    background-position:-221px -171px;
    width:18px;
    height:19px;
}

.icon-im-emoji-92{
    background-position:-178px -219px;
    width:18px;
    height:17px;
}

.icon-im-emoji-98{
    background-position:-98px -93px;
    width:17px;
    height:16px;
}

.icon-im-emoji-97{
    background-position:-216px -219px;
    width:15px;
    height:16px;
}

.icon-im-emoji-96{
    background-position:-251px -219px;
    width:14px;
    height:15px;
}

.reg-emoji {
    margin: 50px;
}
.sjb-webim-talk-list .sjb-im-emoji-icon {
    margin: 0 3px;
    top: -1px;
}
.sjb-webim-tools-img-emoji {
    position: relative;
    background-image: url("//f7.jiejiatech.net/y17/0119/1709/00lqc_o.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.sjb-webim-tools-img-upload {
    overflow: hidden;
}
.sjb-webim-emoji-panel {
    cursor: default;
    position: absolute;
    padding: 5px 5px 0;
    background: #fff;
    -webkit-box-shadow: #ccc 0 0 5px 1px;
    box-shadow: #ccc 0 0 5px 1px;
    border: 1px solid #ccc;
    top: -198px;
    left: -142.5px;
    display: none;
}
.sjb-webim-emoji-panel .sjb-webim-down-arrow {
    position: absolute;
    left: 140px;
    bottom: -20px;
}
.sjb-webim-emoji-table {
    border-collapse: collapse;
    background: #fff;
}
.sjb-webim-emoji-table td {
    border: 1px solid #efefef;
    padding: 0;
}
.sjb-webim-emoji-table .item {
    width: 28px;
    height: 28px;
    text-align: center;
    vertical-align: middle;
}
.sjb-webim-emoji-table i {
    top: 3px;
    cursor: pointer;
}
.sjb-webim-emoji-trigger-list {
    text-align: center;
    padding: 1px 0 3px;
}
.sjb-webim-emoji-trigger-list .sjb-webim-emoji-trigger {
    display: inline-block;
    margin: 0 2px;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #e0e0e0;
}
.sjb-webim-emoji-trigger-list .sjb-webim-emoji-trigger.is-im-emoji-panel-selected {
    background: #999;
}