@charset "utf-8";
/* CSS Document */
.yxf{position: fixed; right: 0px;z-index: 20000;top:50%;transform:translateY(-50%);background: #1b7ad1;padding: 2px;border-radius: 4px;}
.yxf ul{border: 1px solid #fff;border-radius: 4px;padding: 4px;text-align: center;}
.yxf ul li{position: relative;padding-top: 8px;cursor: pointer;width: 60px;opacity: 1;}
.yxf ul li:nth-child(n + 2){border-top: 1px solid #fff;}
.yxf ul li i{width: 100%;display: block;font-size: 12px;color: #fff;line-height: 16px;margin-bottom: 6px; font-style:normal;}
.yxf ul li i img{display:block;margin: 0 auto;max-width: 60%;margin-bottom: 6px;}
.yxf ul p{display:block;background:#1b7ad1;text-align: left;position: absolute;right: calc(100% + 6px);top:-4px;border-radius: 4px;width: 140px;font-size: 14px;color: #fff;line-height: 26px;overflow: hidden;transition: all 0.2s;padding: 14px;transform: scale(0);height: 0;}
.yxf ul a{color: #fff;display: inline-block;border: 1px solid #fff;line-height: 27px;height: 30px;text-align: center;border-radius: 4px;margin-top: 6px;padding: 0 14px;transition: all 0.3s;margin-bottom: 4px;}
.yxf ul a:hover{background: #fff;color: #333;border-color: #fff;transition: all 0.3s;}
.yxf ul p img{max-width: 100%;display: block;margin: 0 auto;padding:2px;background:#fff;}
.yxf ul li.active{}
.yxf ul p.active{height: auto;transition: all 0.2s;transform: scale(1);}