.boxTop[data-v-3c894556]{background:#fff;border-radius:2px 0 0 2px;box-shadow:-2px 1px 5px rgba(0,0,0,.06);position:fixed;right:0;top:256px;transition:all .3s}.boxItem[data-v-3c894556]{color:#999;cursor:pointer;height:64px;padding-top:8px;position:relative;width:48px}.boxItem[data-v-3c894556]:hover{background:#0084ff;color:#fff!important}.boxItem:hover .boxTitle[data-v-3c894556]{color:#fff;margin-top:10px}.boxItem:hover .boxContent[data-v-3c894556]{height:162px;left:-190px;opacity:1;transition:left .4s ease,opacity .6s ease-in;width:162px}.boxIcon[data-v-3c894556]{height:34px;line-height:30px;text-align:center;width:48px}.boxLists-pan[data-v-3c894556]{font-size:24px;height:24px;width:24px}.boxTitle[data-v-3c894556]{color:#333;line-height:1;width:48px}.boxContent[data-v-3c894556],.boxTitle[data-v-3c894556]{font-size:12px;text-align:center}.boxContent[data-v-3c894556]{background:#fff;border-radius:6px;box-shadow:0 5px 20px 0 rgba(0,0,0,.1);color:#666;height:0;left:-240px;opacity:0;pointer-events:none;position:absolute;top:-49px;width:0;z-index:111100}.boxImg[data-v-3c894556]{height:150px;margin:6px;width:150px}.boxContent[data-v-3c894556]:after{background:#fff;border-color:rgba(0,0,0,.2) transparent transparent rgba(0,0,0,.2);box-shadow:-2px -2px 4px -2px rgba(0,0,0,.2);content:"";display:block;height:20px;position:absolute;right:-10px;top:71px;transform:rotate(135deg);transform-origin:center center;width:20px}.boxBottom[data-v-3c894556]{background-color:#fff;border-radius:2px 0 0 2px;bottom:5%;box-shadow:-2px 1px 5px rgba(0,0,0,.06);opacity:0;position:fixed;right:0;z-index:500}.boxBottomBottomShow[data-v-3c894556]{opacity:1}