/*
YUI 3.16.0 (build 76f0e08)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

.emoticons{width: 525px;margin-bottom:20px;}
.emoticons .publisher{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dotted #dbdbdb;}
.emoticons .publisher textarea{width: 500px;height: 140px;padding: 5px 10px;border: 1px solid #dbdbdb;resize: none;}
.emoticons .publisher .trigger{font-size: 24px;font-weight: bold;color: #666;}
.emoticons .publisher .trigger-active{color: #eb7350;}
.emoticons .result{padding: 10px 15px;border: 1px dotted #dbdbdb;margin-top: 10px;height: 150px;line-height: 24px;}
.emoticons .result img{vertical-align: middle;}
.widget-layer{position: relative;width: 400px;margin-top: 8px;background: #fff;border: 1px solid #dbdbdb;border-radius: 2px;}
.widget-layer:before{position: absolute;top: -16px;left: 2px;display: block;content: '';width: 0;height: 0;border: 8px solid transparent;border-bottom-color: #dbdbdb;}
.widget-layer:after{position: absolute;top: -15px;left: 2px;display: block;content: '';width: 0;height: 0;border: 8px solid transparent;border-bottom-color: #f0f0f0;}
.widget-layer .widget-tool{height: 28px;background: #f0f0f0;}
.widget-layer .widget-close{float: right;width: 28px;height: 28px;line-height: 28px;text-align: center;font-family: Arial;}
.widget-layer ul{padding: 15px 5px 20px;display: flex;display:-webkit-flex;flex-wrap: wrap;}
.widget-layer li{position: relative;z-index: 8;float: left;padding: 4px;margin-left: -1px;margin-top: -1px;border: 1px solid #e8e8e8;cursor: pointer;}
.widget-layer li:hover{z-index: 9;border-color: #eb7350;}
@media (max-width:480px){
.widget-layer{width: 96%;left:2%!important;}
}