.audio-list[data-v-3fdd5d47]{width:100%;height:100%;background:#fff;padding-top:30px;-webkit-box-sizing:border-box;box-sizing:border-box}.audio-list .audio-spin[data-v-3fdd5d47]{width:100%;height:100%}.audio-list .audio-content[data-v-3fdd5d47]{width:1200px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.audio-list .audio-content .content-title[data-v-3fdd5d47]{padding-bottom:20px;border-bottom:1px solid #ededed}.audio-list .audio-content .content-title .icon[data-v-3fdd5d47]{font-size:16px}.audio-list .audio-content .content-title .text[data-v-3fdd5d47]{font-size:18px;font-weight:400;font-stretch:normal;line-height:25px;letter-spacing:0;color:#333;font-weight:700;display:inline-block;margin-left:10px}.audio-list .list-conten[data-v-3fdd5d47]{margin-top:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:scroll}.audio-list .list-conten[data-v-3fdd5d47]::-webkit-scrollbar{width:8px}.audio-list .list-conten[data-v-3fdd5d47]::-webkit-scrollbar-track{border-radius:4px;background-color:#f1f3f4}.audio-list .list-conten[data-v-3fdd5d47]::-webkit-scrollbar-thumb{border-radius:4px;background-color:#ccc}.audio-list .list-conten .list-item[data-v-3fdd5d47]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;height:120px}.audio-list .list-conten .list-item .left[data-v-3fdd5d47]{width:62px;text-align:center;margin-right:18px;padding-top:20px}.audio-list .list-conten .list-item .left .date[data-v-3fdd5d47]{font-size:32px;font-weight:400;font-stretch:normal;line-height:38px;letter-spacing:0;color:#1a1a1a;font-weight:700;margin-bottom:2px}.audio-list .list-conten .list-item .left .border[data-v-3fdd5d47]{width:62px;height:1px;margin:auto;background:#1a1a1a}.audio-list .list-conten .list-item .left .startDate[data-v-3fdd5d47]{margin-top:4px;font-size:14px;font-weight:400;font-stretch:normal;line-height:21px;letter-spacing:0;color:#999}.audio-list .list-conten .list-item .line[data-v-3fdd5d47]{width:42px;padding:0 20px 0 20px;position:relative}.audio-list .list-conten .list-item .line .vertical-line[data-v-3fdd5d47]{width:1px;height:35%;width:2px;background-color:#d8d8d8}.audio-list .list-conten .list-item .line .bottom-line[data-v-3fdd5d47]{padding-bottom:20px;height:65%}.audio-list .list-conten .list-item .line .whlie[data-v-3fdd5d47]{background-color:#fff}.audio-list .list-conten .list-item .line .circular[data-v-3fdd5d47]{position:absolute;top:35px;left:15px;width:12px;height:12px;border-radius:50%;background-color:#d8d8d8;z-index:20}.audio-list .list-conten .list-item .line .big-circular[data-v-3fdd5d47]{width:34px;height:34px;background-color:#fff;border:8px solid #1d76f1;position:absolute;border-radius:50%;top:25px;left:3px;z-index:20}.audio-list .list-conten .list-item .content-item[data-v-3fdd5d47]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:16px;height:100px;background-color:#fafafa;cursor:pointer;position:relative}.audio-list .list-conten .list-item .content-item .cover-box[data-v-3fdd5d47]{width:160px;height:100px;border:1px solid #ededed;position:relative}.audio-list .list-conten .list-item .content-item .cover-box .cover[data-v-3fdd5d47]{width:100%;height:100%;background:#fff}.audio-list .list-conten .list-item .content-item .cover-box .play-icon[data-v-3fdd5d47]{width:36px;height:36px;background-color:rgba(0,0,0,.3);position:absolute;padding-top:7px;border-radius:50%;padding-left:1px;text-align:center;left:0;right:0;top:0;bottom:0;z-index:10;margin:auto}.audio-list .list-conten .list-item .content-item .cover-box .play-icon .icon[data-v-3fdd5d47]{width:14px;height:14px}.audio-list .list-conten .list-item .content-item .cover-box .play-icon .hoverIcon[data-v-3fdd5d47]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABHNCSVQICAgIfAhkiAAAAgdJREFUWEfVmDsvBUEUx23LFyBRqfgGeo1KrxHcxiseLToJhUat8CrkIhoaBKVWofABJES8I1Fav5NYuSZ7987snt3ZO8nJnbtz9sxv/3NmZ2aDFqOEYdjBpXWsF2vDLrC1IAjk11sJansGsp3/15j8muWQC+MAP/mgNUF3gRhMAHmjbQpY8Su0mKB39N5pQXCETwXgZwtfFRcTNHSI+oLvdFHq/oGSn1L/dgCNXAtRVwNUgF+xYdQ9TvGgVrdogUadHVAZA1jAVYs2qMDJ60smmqq6eYBGSu5Tkfeuirp5gqqqmzeomrpFgWZWt0jQSN09KhOuuesDNJW6vkAjdatUJm3U9Q1qrW6WTYnqykMwyd1R1P2KC1wmUOE7BbS/GUCFcSBu+S1DjpoCLgO6YF4sI+gKoPPNANoH6GVdUGlgl+9yFNGe9RKvCmTs4bJMs34DyEq9py9Djj4CJ8eYk6Qh8g26A9wMkO+N8sgXqJWKtfA+QK1V9AXqrKIP0G06nbXJRV+zPpOKRSmaWcW8Qe/pYEj7w6/2rN8CUr7wfTZ6L7q2a4HmoqL20G/+ri7qKsaCptg9iYojDPOZ6zCm8Td3T7cE6bYIVIiKSYou0biYAPpAm5wUE3c6Fg/q7GIq2kqEG6wrJpLMaFldPpx7UbjhH2gUj43+HHXZafdg59gqgFcK/aUO8QNZsPUrRl1HsQAAAABJRU5ErkJggg==);background-size:14px auto;margin-left:11px;margin-top:5px}.audio-list .list-conten .list-item .content-item .cover-box:hover .hoverIcon[data-v-3fdd5d47]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAABHNCSVQICAgIfAhkiAAAAnxJREFUWEfNmTFT1EAUgN+70xkGJKHQGVRorPQf2NtY2dM4CI2oA2dxV6gFM87IkJwjtYWCBQMyNtqoI5a2Fhb+gAtRB4SLhzAjl32u46BJuLvsJptNrrvkZd+XL283uxuEyO9k5efpvuPtx/zwRQAaAMB1wvLChnViPRqr8z8Gk52q7g73gf8REIajEET0on2sPPV1bnBTJ+BhrhDoSNVbRoSx7iC0QwxvOXVzWTdsGLTWbCDgiADES9/HSfehsSUQqyQkBDpa80i0VR74HRhM67IbACUcrf1goqCBOC12VYACEWwzwnG3brxKcKNClygB/ZeJaI3aeN15ZG4LZZcIUgvKE/Pa3WSMdzTFdpWDBiQ9pwOYUmU3S1CldjMFVWlXF2hqu9pA/48MsEptuCFbu/pBE44MuYAGaneFjww3RezmDSpcu4knJRIvFbFQglV/wJhwZ3Gv0wXFAf1bu28cy7xceNA/gD7DK51ev7nX6BF7hA8atnE3erx4oIBzDcu4U3hQxkqXNuqD73uAAsgsRcS6snTUSsMyOy4uC9Pr+XL8iWMPTXa7tSLU6De+lBl3bPN1L//5ghI8ax0YM80FbMYVSV6gQhaD8PpBJSzmBSptMQ/QpdYvoyJSi3n1+lQWdRlNbTFrUJdB+arqjV+1vZ5gcR+N6S0LW3Hjoux5VaCZWFT86OnpPpgzWVjsAio9e3L5fuO1hj30VvYxJomP7uF/5nv45+Mb0mOxq9GzVe9+CeFeD9AvfKYzETfTib9R+YiQ0TOz1F/e8z7xb0vnjq5lYHG3ZFR25tGTT5P+ihDoYXPc7G1+YgyQLvBj7xiWbHfe+JA+XfIWfgPL33A62s2+QQAAAABJRU5ErkJggg==);background-size:14px auto;margin-left:11px;margin-top:5px}.audio-list .list-conten .list-item .content-item .content[data-v-3fdd5d47]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:12px 16px}.audio-list .list-conten .list-item .content-item .content .title[data-v-3fdd5d47]{font-size:18px;font-weight:400;font-stretch:normal;line-height:27px;letter-spacing:0;color:#333;height:56px}.audio-list .list-conten .list-item .content-item .content .audio-mess .icon[data-v-3fdd5d47]{width:14px;height:14px;display:inline-block}.audio-list .list-conten .list-item .content-item .content .audio-mess .duration[data-v-3fdd5d47]{width:90px;margin-left:6px}.audio-list .list-conten .list-item .content-item .content .audio-mess .audio-date[data-v-3fdd5d47],.audio-list .list-conten .list-item .content-item .content .audio-mess .duration[data-v-3fdd5d47]{height:20px;font-size:14px;font-weight:400;font-stretch:normal;line-height:20px;letter-spacing:0;color:#999;display:inline-block}.audio-list .list-conten .list-item .content-item[data-v-3fdd5d47]:hover{background-color:rgba(0,0,0,.05)}.audio-list .page-box[data-v-3fdd5d47]{padding-top:20px;padding-bottom:30px}.audio-spin .ant-spin-container{width:100%;height:100%}