.tooltip{position:relative;display:-ms-flexbox;display:flex}.tooltip a{cursor:pointer}.tooltip-content.left{position:absolute;box-sizing:border-box;background-color:#fff;border-bottom-color:#fff;color:#333333;font-size:14px;padding:8px 8px;width:auto;white-space:nowrap;box-sizing:border-box;box-shadow:0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);border-radius:5px;z-index:1;right:110%;top:-4px}.tooltip-content.left::before{content:'';position:absolute;width:0;height:0;top:30%;border-style:solid;border-width:6px;border-color:transparent transparent #fff #fff;box-shadow:-2px 2px 3px 0 #eee}.tooltip-content.left img{max-width:150px;max-height:150px}.tooltip-content.left p{padding:5px}.tooltip-content.left::before{right:-4px;-ms-transform:rotate(225deg);transform:rotate(225deg)}.tooltip-content.left-top{position:absolute;box-sizing:border-box;background-color:#fff;border-bottom-color:#fff;color:#333333;font-size:14px;padding:8px 8px;width:auto;white-space:nowrap;box-sizing:border-box;box-shadow:0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);border-radius:5px;z-index:1;right:154%;top:-4px}.tooltip-content.left-top::before{content:'';position:absolute;width:0;height:0;top:30%;border-style:solid;border-width:6px;border-color:transparent transparent #fff #fff;box-shadow:-2px 2px 3px 0 #eee}.tooltip-content.left-top img{max-width:150px;max-height:150px}.tooltip-content.left-top p{padding:5px}.tooltip-content.left-top::before{right:-4px;top:4%;-ms-transform:rotate(225deg);transform:rotate(225deg)}.tooltip-content.right-top{position:absolute;box-sizing:border-box;background-color:#fff;border-bottom-color:#fff;color:#333333;font-size:14px;padding:8px 8px;width:auto;white-space:nowrap;box-sizing:border-box;box-shadow:0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);border-radius:5px;z-index:1;left:calc(100% + 10px);top:-4px}.tooltip-content.right-top::before{content:'';position:absolute;width:0;height:0;top:30%;border-style:solid;border-width:6px;border-color:transparent transparent #fff #fff;box-shadow:-2px 2px 3px 0 #eee}.tooltip-content.right-top img{max-width:150px;max-height:150px}.tooltip-content.right-top p{padding:5px}.tooltip-content.right-top::before{left:-4px;top:10px;-ms-transform:rotate(45deg);transform:rotate(45deg)}.tooltip-content.top-left{position:absolute;box-sizing:border-box;background-color:#fff;border-bottom-color:#fff;color:#333333;font-size:14px;padding:8px 8px;width:auto;white-space:nowrap;box-sizing:border-box;box-shadow:0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);border-radius:5px;z-index:1;left:-5px;bottom:calc(100% + 15px)}.tooltip-content.top-left::before{content:'';position:absolute;width:0;height:0;top:30%;border-style:solid;border-width:6px;border-color:transparent transparent #fff #fff;box-shadow:-2px 2px 3px 0 #eee}.tooltip-content.top-left img{max-width:150px;max-height:150px}.tooltip-content.top-left p{padding:5px}.tooltip-content.top-left::before{top:calc(100% - 8px);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.tooltip-content.right{position:absolute;box-sizing:border-box;background-color:#fff;border-bottom-color:#fff;color:#333333;font-size:14px;padding:8px 8px;width:auto;white-space:nowrap;box-sizing:border-box;box-shadow:0 3px 6px -4px rgba(0,0,0,0.12),0 6px 16px 0 rgba(0,0,0,0.08),0 9px 28px 8px rgba(0,0,0,0.05);border-radius:5px;z-index:1;left:calc(100% + 10px);top:-4px}.tooltip-content.right::before{content:'';position:absolute;width:0;height:0;top:30%;border-style:solid;border-width:6px;border-color:transparent transparent #fff #fff;box-shadow:-2px 2px 3px 0 #eee}.tooltip-content.right img{max-width:150px;max-height:150px}.tooltip-content.right p{padding:5px}.tooltip-content.right::before{-ms-transform:rotate(45deg);transform:rotate(45deg);left:-4px}.tooltip .qrcode{text-align:center}.tooltip .qrcode img{width:100px;height:100px}.tooltip .qrcode .qrcode-p{font-size:10px !important}