.suspension{position:fixed;right:20px;bottom:24px;z-index:3}.suspension .item{width:40px;cursor:pointer;position:relative}.suspension .item:hover .iconfont{color:#fff;background-color:#888}.suspension .item:hover .sub{display:block}.suspension .item .iconfont{display:block;height:40px;line-height:40px;margin:6px auto;font-size:24px;text-align:center;border-radius:2px;transition:.25s;box-shadow:0px 1px 20px 0px rgba(0,0,0,.1),inset 0px -1px 0px 0px rgba(0,0,0,.1);color:#ababab;background-color:#fff}.suspension .item .sub{display:none;position:absolute;bottom:0;right:40px;white-space:nowrap;font-size:0}.suspension .item .sub .qrcode{display:inline-block;height:86px;margin-right:6px;position:relative;box-shadow:0 0 3px #ddd}.suspension .item .sub .qrcode img{width:auto;height:86px}.suspension .item .sub .qrcode .label{line-height:16px;position:absolute;top:-16px;left:0;right:0;text-align:center;font-size:12px;color:#fff}.suspension .item .sub .qrcode .label.gray{background-color:#888}.suspension .item .sub .qrcode .label.green{background-color:#10c500}.suspension .item .sub .qrcode .label.blue{background-color:#0191f7}@media(max-width: 768px){.suspension{bottom:20px}}