.emoticon-box[data-v-0691826c]{z-index:2;background-image:linear-gradient(90deg,#1a82ff 0,transparent 40%,transparent 60%,#1a7bf2);padding:1px;border-radius:5px}.emoticon-box.left[data-v-0691826c]{left:-10px;top:35px}.emoticon-box.middle[data-v-0691826c]{left:-100px;top:35px}.emoticon-box.middle .emoticon-box-bg .direction[data-v-0691826c]{top:-10px;left:98px}.emoticon-box.right[data-v-0691826c]{left:-293px;top:35px}.emoticon-box.right .emoticon-box-bg .direction[data-v-0691826c]{top:-10px;left:auto;right:52px}.emoticon-box .emoticon-box-bg[data-v-0691826c]{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:365px;height:146px;background:#000;border-radius:5px;position:relative;display:flex;justify-content:center;align-items:center}.emoticon-box .emoticon-box-bg .direction[data-v-0691826c]{width:20px;height:20px;background:#000;border-top:1px solid #1a82ff;border-left:1px solid #1a82ff;-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%);transform:rotate(45deg);position:absolute;top:-10px;left:10px}.emoticon-box .emoticon-box-bg .pre-page-box[data-v-0691826c]{width:30px;height:30px;font-size:30px;position:absolute;left:0;top:58px;display:flex;justify-content:center;align-items:center}.emoticon-box .emoticon-box-bg .next-page-box[data-v-0691826c]{width:30px;height:30px;font-size:30px;position:absolute;right:0;top:58px;display:flex;justify-content:center;align-items:center}.emoticon-box .emoticon-box-bg .emoticon-ul[data-v-0691826c]{width:100%;height:100%;display:flex;flex-wrap:wrap;overflow:hidden}.emoticon-box .emoticon-box-bg .emoticon-ul .emoticon-li[data-v-0691826c]{margin:4px;cursor:pointer;flex-shrink:0;width:65px;height:65px;padding:5px;background:#fff;box-sizing:border-box;border-radius:4px;display:flex;justify-content:center;align-items:center;overflow:hidden}.emoticon-box .emoticon-box-bg .emoticon-ul .emoticon-li:hover .emoticon-img[data-v-0691826c]{transform:scale(1.2)}.emoticon-box .emoticon-box-bg .emoticon-ul .emoticon-li .emoticon-img[data-v-0691826c]{width:100%;height:100%}.emoticon-box .emoticon-box-bg .none-box[data-v-0691826c]{font-size:12px}@media (max-width:800px){.emoticon-box .emoticon-box-bg[data-v-0691826c]{width:270px;height:115px}.emoticon-box .emoticon-box-bg .emoticon-ul .emoticon-li[data-v-0691826c]{margin:2px;width:50px;height:50px}.emoticon-box.right[data-v-0691826c]{left:-200px;top:35px}.emoticon-box.right .emoticon-box-bg .direction[data-v-0691826c]{top:-10px;left:auto;right:52px}}.audio-box[data-v-3b238df0]{z-index:1;background-image:linear-gradient(90deg,#1a82ff 0,transparent 40%,transparent 60%,#1a7bf2);padding:1px;border-radius:5px}.audio-box.left[data-v-3b238df0]{left:-10px;top:35px}.audio-box.middle[data-v-3b238df0]{left:-98px;top:35px}.audio-box.middle .audio-box-bg .direction[data-v-3b238df0]{top:-10px;left:98px}.audio-box.right[data-v-3b238df0]{left:-128px;top:35px}.audio-box.right .audio-box-bg .direction[data-v-3b238df0]{top:-10px;left:auto;right:52px}.audio-box .audio-box-bg[data-v-3b238df0]{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:200px;min-height:40px;background:#000;border-radius:5px;position:relative;display:flex;justify-content:center;align-items:center}.audio-box .audio-box-bg .direction[data-v-3b238df0]{width:20px;height:20px;background:#000;border-top:1px solid #1a82ff;border-left:1px solid #1a82ff;-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%);transform:rotate(45deg);position:absolute;top:-10px;left:10px}.audio-box .audio-box-bg .pre-page-box[data-v-3b238df0]{left:0}.audio-box .audio-box-bg .next-page-box[data-v-3b238df0],.audio-box .audio-box-bg .pre-page-box[data-v-3b238df0]{width:30px;height:30px;font-size:30px;position:absolute;top:58px;display:flex;justify-content:center;align-items:center}.audio-box .audio-box-bg .next-page-box[data-v-3b238df0]{right:0}.audio-box .audio-box-bg .audio-ul[data-v-3b238df0]{width:100%;height:100%;display:flex;flex-wrap:wrap;overflow:hidden}.audio-box .audio-box-bg .audio-ul .audio-li[data-v-3b238df0]{cursor:pointer;padding:0 10px;width:100%;height:30px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.audio-box .audio-box-bg .audio-ul .audio-li[data-v-3b238df0]:hover{background-color:#424242}.audio-box .audio-box-bg .none-box[data-v-3b238df0]{font-size:12px}@media (max-width:800px){.audio-box .audio-box-bg[data-v-3b238df0]{width:170px;min-height:40px}.audio-box .audio-box-bg .audio-ul .audio-li[data-v-3b238df0]{width:100%;margin:2px}.audio-box.left[data-v-3b238df0]{left:-85px;top:35px}.audio-box.left .audio-box-bg .direction[data-v-3b238df0]{top:-10px;left:83px}.audio-box.middle[data-v-3b238df0]{left:-135px;top:35px}.audio-box.middle .audio-box-bg .direction[data-v-3b238df0]{top:-10px;left:133px}.audio-box.right[data-v-3b238df0]{left:-140px;top:35px}.audio-box.right .audio-box-bg .direction[data-v-3b238df0]{top:-10px;left:auto;right:10px}}