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