.tool{display:inline;position:relative;z-index:999}.tool-item{cursor:pointer;display:inline-block;font-weight:700;padding:0 10px}.tool-item:after{content:'';position:absolute;width:360px;height:20px;bottom:100%;left:50%;pointer-events:none;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tool:hover .tool-item:after{pointer-events:auto}.tool-content{position:absolute;z-index:9999;width:360px;left:50%;margin:0 0 20px -180px;bottom:100%;text-align:left;font-size:.765em;line-height:1.4;box-shadow:-5px -5px 15px rgba(48,54,61,.2);background:#f0f0f0;opacity:0;cursor:default;pointer-events:none}.tool-effect-1 .tool-content{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s}.tool-effect-2 .tool-content{-webkit-transform-origin:50% calc(100% + 10px);transform-origin:50% calc(100% + 10px);-webkit-transform:perspective(1000px) rotate3d(1,0,0,45deg);transform:perspective(1000px) rotate3d(1,0,0,45deg);-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s}.tool-effect-3 .tool-content{-webkit-transform:translate3d(0,10px,0) rotate3d(1,1,0,25deg);transform:translate3d(0,10px,0) rotate3d(1,1,0,25deg);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s}.tool-effect-4 .tool-content{-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transform:scale3d(.7,.3,1);transform:scale3d(.7,.3,1);-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s}.tool-effect-5 .tool-content{width:180px;margin-left:-90px;-webkit-transform-origin:50% calc(100% + 6em);transform-origin:50% calc(100% + 6em);-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;-webkit-transition-timing-function:ease,cubic-bezier(.17,.67,.4,1.39);transition-timing-function:ease,cubic-bezier(.17,.67,.4,1.39)}.tool:hover .tool-content{pointer-events:auto;opacity:1;-webkit-transform:translate3d(0,0,0) rotate3d(0,0,0,0);transform:translate3d(0,0,0) rotate3d(0,0,0,0)}.tool.tool-effect-2:hover .tool-content{-webkit-transform:perspective(1000px) rotate3d(1,0,0,0deg);transform:perspective(1000px) rotate3d(1,0,0,0deg)}.tool-content:after{content:'';top:100%;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-width:10px;margin-left:-10px}.tool-content img{position:relative;height:170px;display:block;float:left;margin-right:1em}.tool-text{font-size:16px;line-height:1.35;display:block;padding:1.31em 1.21em 1.21em 0;color:#000}.tool-effect-5 .tool-text{padding:1.4em}.tool-text a{font-weight:700;margin-left:15px}