.derun-side-bar{top:calc(50% - 175px);position:fixed;right:8px;z-index:999;border-radius:8px;background:#fff;box-shadow:0 0 15px rgba(1,1,1,0.15);}
.derun-side-bar a{display:block;cursor:pointer;width:100px;height:70px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative;color:#fff;background-color: #C93B3B;flex-direction: column;gap:6px;text-decoration: none;box-sizing: border-box;padding:4px;}
.derun-side-bar a+a{border-top:1px solid rgba(255,255,255,0.2);}
.derun-side-bar a i{display:inline-block;font-size:24px;color:inherit;line-height: 1;max-width: 100%;}
.derun-side-bar a span{font-size:13px;line-height: 1;white-space: nowrap;font-weight: 500;}
.derun-side-bar a:hover{background:var(--color-primary);color:#fff;}

.derun-side-bar .wx-box{width:150px;position:absolute;right:calc(100% + 8px);top:50%;transform: translateY(-50%);display:none;z-index:100;}
.derun-side-bar .wx-box .box img{width:100%;border-radius:4px;}

.derun-side-bar .wx-box .arrowPanel{width:12px;height:20px;position:absolute;right:0;top:50%;transform: translateY(-50%);}
.derun-side-bar .wx-box .arrowPanel .arrow01{width:0;height:0;font-size:0;line-height:0;position:absolute;bottom:0;left:2px;top:0;border-top:10px dashed transparent;border-right:10px dashed transparent;border-bottom:10px dashed transparent;border-left:10px solid #ddd;}
.derun-side-bar .wx-box .arrowPanel .arrow02{width:0;height:0;font-size:0;line-height:0;position:absolute;bottom:0;left:0;top:0;border-top:10px dashed transparent;border-right:10px dashed transparent;border-bottom:10px dashed transparent;border-left:10px solid #fff;}

.derun-side-bar a:hover .wx-box{display:block;}