.SmileButton {display: none;width: 26px;height: 24px;float: right;outline: none;cursor: pointer;position: relative;border: 0px;background: url(/template/icons/smileButton.svg?v=2) no-repeat;top: 8px;opacity: .7;}.SmileButton:hover {opacity: 1;}#toolbar {position: relative;display: none;text-align: center;}.s-links, .bb_opt {cursor: pointer;padding: 4px;margin-right: 4px;word-wrap: break-word;position: relative;width: 15px;height: 15px;max-width: 20px;max-height: 20px;display: inline-block;background: no-repeat center;}.bb_opt {display: inline-block;}.s-links:hover {background: rgba(0, 0, 0, 0.2) no-repeat center;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}.bb_hide {background-color: #d9d9d9;padding: 5px;border-radius: 3px;border: 1px solid #708090;display: none;overflow: auto;max-width: 300px;max-height: 350px;position: absolute;right: -40px;z-index: 2;}.bb_opt:hover .bb_hide {display: block;}.bb_color span {float: left;width: 9px;height: 9px;margin: 1px;border: 1px solid black;padding: 0 !important;}.smile_panel {border-bottom: 1px solid #e0e4e9;position: relative;margin-top: -1px;}.sp_tabs {background-color: #dce1e6;overflow: hidden;zoom: 1;}.sp_tab {cursor: pointer;display: block;padding: 6px 10px;white-space: nowrap;float: left;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.sp_close {padding: 6px;float: right;}.sp_tab:hover {background-color: #e5e9ed;}.sp_icon {background: url(/template/icons/smile_icons.png?2) no-repeat 30px 0;width: 30px;height: 30px;vertical-align: top;}.sp_icon.i_delete {background-position: -30px 0;}.sp_smile_tabs {overflow: hidden;}.scroller_wrap {overflow: auto;white-space: normal;padding-bottom: 20px;margin-bottom: -20px;-o-overflow-scrolling: touch;-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;overflow-scrolling: touch;position: relative;}.scroller_wrap:after, .scroller_wrap:before {position: absolute;content: '';height: 100%;z-index: 1;top: 0;width: 0;-o-transition: width .1s;-webkit-transition: width .1s;-moz-transition: width .1s;transition: width .1s;}.scroller_wrap:before {background-image: -o-linear-gradient(left, #dce1e6, rgba(220, 225, 230, 0));background-image: -webkit-linear-gradient(left, #dce1e6, rgba(220, 225, 230, 0));background-image: -moz-linear-gradient(left, #dce1e6, rgba(220, 225, 230, 0));background-image: linear-gradient(left, #dce1e6, rgba(220, 225, 230, 0));left: 0;}.scroller_wrap:after {background-image: -o-linear-gradient(left, rgba(220, 225, 230, 0), #dce1e6);background-image: -webkit-linear-gradient(left, rgba(220, 225, 230, 0), #dce1e6);background-image: -moz-linear-gradient(left, rgba(220, 225, 230, 0), #dce1e6);background-image: linear-gradient(left, rgba(220, 225, 230, 0), #dce1e6);right: 0;}.sp_smile_cont {white-space: nowrap;float: left;}.scroller_cont {-webkit-transform: none !important;-ms-transform: none !important;-o-transform: none !important;transform: none !important;}.sp_body, .sp_tab_selected {background-color: #ebeef2;}.sp_emojis_cont .sp_tab {display: inline-block;float: none;}.sp_icon {background: url(/template/icons/smile_icons.png?2) no-repeat 30px 0;width: 30px;height: 30px;vertical-align: top;}.sp_tab_inactive .sp_icon {opacity: .6;}.sp_body {height: 216px;padding-bottom: 20px;overflow-y: auto;-webkit-overflow-scrolling: touch;}.sp_body > * {-webkit-transform: translateZ(0px);transform: translateZ(0px);}.sp_page {display: inline-block;vertical-align: top;white-space: normal;width: 100%;}.sp_cont .smile_list {padding: 6px 6px 15px;min-height: 150px;border: 0;}.smile_list {border-bottom: 1px solid #dfe3e8;padding: 4px;}.smile_item {display: inline-block;vertical-align: top;text-align: center;padding: 4px;border-bottom: 1px solid #efefef;}.sp_cont .smile_item {cursor: pointer;padding: 11px 0 0;}.smilebtn {display: inline-block;zoom: 1;padding: 3px 2px;}.smilebtn img {vertical-align: top;}.smilebtn:hover, .smile_item:hover .smilebtn {background: #d5dde5;text-decoration: none;border-radius: 2px;}.sp_smile_cont .sp_tab {display: inline-block;float: none;}
@media screen{.smile_list{padding:4px 4px 10px}.smile_item{padding:7px 0 0}.smile_thumb{width:32px;height:32px}.smile_item .th_img{height:32px}}
@media screen and (min-width:128px){.smile_item{width:33.3%}}
@media screen and (min-width:177px){.smile_thumb{width:64px;height:64px}.smile_item .th_img{height:64px}}
@media screen and (min-width:240px){.smile_list{padding:6px 6px 14px}.smile_item{width:33.3%;padding:10px 0 0}}
@media screen and (min-width:316px){.smile_item{width:25%}}
@media screen and (min-width:404px){.smile_list{padding:7px 7px 16px}.smile_item{width:20%;padding:12px 0 0}}
@media screen and (min-width:482px){.smile_item{width:16.6%}}
@media screen and (min-width:560px){.smile_item{width:14.25%}}