.tppdil_description{color:#000;font-size:12px;width:100%;display:inline-block;margin:10px 0;text-align:center}.tppdil-tooltip{display:inline-block;position:relative;text-align:left}.tppdil-tooltip .top{min-width:300px;top:-20px;left:50%;transform:translate(-50%,-100%);padding:10px 20px;font-weight:400;font-size:13px;border-radius:8px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgba(0,0,0,.5);visibility:hidden;opacity:0;transition:opacity .8s}.tppdil-tooltip:hover .top{visibility:visible;opacity:1}.tppdil-tooltip .top i{position:absolute;top:100%;left:50%;margin-left:-12px;width:24px;height:12px;overflow:hidden}.tppdil-tooltip .top i:after{content:'';position:absolute;width:12px;height:12px;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:#eee;box-shadow:0 1px 8px rgba(0,0,0,.5)}.tppdil-tooltip .right{min-width:300px;top:50%;left:100%;margin-left:20px;transform:translate(0,-50%);padding:10px 20px;font-weight:400;font-size:13px;border-radius:8px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgba(0,0,0,.5);visibility:hidden;opacity:0;transition:opacity .8s}.tppdil-tooltip:hover .right{visibility:visible;opacity:1}.tppdil-tooltip .right i{position:absolute;top:50%;right:100%;margin-top:-12px;width:12px;height:24px;overflow:hidden}.tppdil-tooltip .right i:after{content:'';position:absolute;width:12px;height:12px;left:0;top:50%;transform:translate(50%,-50%) rotate(-45deg);background-color:#eee;box-shadow:0 1px 8px rgba(0,0,0,.5)}.tppdil-tooltip .bottom{min-width:300px;top:40px;left:50%;transform:translate(-50%,0);padding:10px 20px;font-weight:400;font-size:13px;border-radius:8px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgba(0,0,0,.5);visibility:hidden;opacity:0;transition:opacity .8s}.tppdil-tooltip:hover .bottom{visibility:visible;opacity:1}.tppdil-tooltip .bottom i{position:absolute;bottom:100%;left:50%;margin-left:-12px;width:24px;height:12px;overflow:hidden}.tppdil-tooltip .bottom i:after{content:'';position:absolute;width:12px;height:12px;left:50%;transform:translate(-50%,50%) rotate(45deg);background-color:#eee;box-shadow:0 1px 8px rgba(0,0,0,.5)}.tppdil-tooltip .left{min-width:300px;top:50%;right:100%;margin-right:20px;transform:translate(0,-50%);padding:10px 20px;font-weight:400;font-size:13px;border-radius:8px;position:absolute;z-index:99999999;box-sizing:border-box;box-shadow:0 1px 8px rgba(0,0,0,.5);visibility:hidden;opacity:0;transition:opacity .8s}.tppdil-tooltip:hover .left{visibility:visible;opacity:1}.tppdil-tooltip .left i{position:absolute;top:50%;left:100%;margin-top:-12px;width:12px;height:24px;overflow:hidden}.tppdil-tooltip .left i:after{content:'';position:absolute;width:12px;height:12px;left:0;top:50%;transform:translate(-50%,-50%) rotate(-45deg);background-color:#eee;box-shadow:0 1px 8px rgba(0,0,0,.5)}