/* 侧边栏样式 */
.wyz { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 9999; display: flex; flex-direction: column; }
.wyz .wyz-item-block { position: relative; width: 70px; height: 70px; margin-bottom: 3px; cursor: pointer; }
.wyz .wyz-item-block a { display: block; width: 100%; height: 100%; text-decoration: none; }
.wyz .wyz-item { width: 70px; height: 70px; background: #707070; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s ease; }
.wyz .wyz-item-block:hover > a > .wyz-item { opacity: 0; }
.wyz .wyz-item-block.wyz-in.cur > a > .wyz-item { opacity: 0; }
.wyz .wyz-top .wyz-item { background: #707070; transition: background 0.3s; }
/* .wyz .wyz-top:hover .wyz-item { background: #ff6600; } */
.wyz .wyz-item-in { display: none; position: absolute; right: 0px; top: 0; height: 70px; border-radius: 4px 0 0 4px; z-index: 10001; white-space: nowrap; padding: 0 15px; align-items: center; justify-content: center; opacity: 0; transition: all 0.3s ease; }
.wyz .wyz-item-block:hover .wyz-item-in { display: flex; opacity: 1; }
.wyz .wyz-item-block.wyz-in.cur .wyz-item-in { display: flex; opacity: 1; }
.wyz .wyz-qr-show { display: none; position: absolute; right: 170px; top: -30px; z-index: 10000; padding: 8px; background: transparent; }
.wyz .wyz-item-block.wyz-wx.cur .wyz-qr-show { display: block; }
.wyz .wyz-qr-show img { width: 100px; height: 100px; }
.wyz .wyz-top { display: none; width: 70px; height: 70px; cursor: pointer; margin-bottom: 3px; }
.wyz .wyz-item-p { color: #fff; font-size: 12px; text-align: center; margin: 2px 0 0 0; line-height: 1; }
.wyz .wyz-item-in-p { color: #fff; font-size: 12px; margin: 0; line-height: 70px; text-align: center; display: block; }
.wyz .wyz-item .img-block { width: 27px; height: 27px; display: flex; justify-content: center; align-items: center; }
.wyz .wyz-item .img-block svg { width: 100%; height: 100%; }
.wyz .transition { transition: all 0.3s ease; }
.wyz .flex-col { display: flex; flex-direction: column; align-items: center; justify-content: center; }