/* 音频 */
.articleAudio { width: 100px; height: 100px; cursor: pointer; padding-top: 5px; border-radius: 100px; border: #ffffff 1px solid; position: fixed; bottom: 50px; right: 30px; z-index: 1000; background: #eaeaea url(../images/audio.png) no-repeat center center; background-size: 80px 80px;  overflow: hidden;  transform: scale(.7);}
.articleAudio:hover { background-color: #eeeeee;}
.articleAudio audio { display: none;}
@keyframes radius-animation { 100% { height: 10px; filter: contrast(2); }}
.articleAudio .audioWave {  width: 100px; height: 100px; justify-content: center; align-items: center; display: flex; transform: scale(.56);}
.audioWave .item { width: 4px; border-radius: 4px; margin-left: 4px; margin-right: 4px; display: flex;/* position: absolute;  top: 25px; left: 50%; top: 50%;*/}
.audioWave .item1 { height: 18px;  }
.audioWave .item2 { height: 33px; }
.audioWave .item3 { height: 53px; }
.audioWave .item4 { height: 33px; }
.audioWave .item5 { height: 18px; }
.audioWavePlaying .item1 {animation: radius-animation .3s ease; }
.audioWavePlaying .item2 { animation: radius-animation .57s ease;  }
.audioWavePlaying .item3 { animation: radius-animation .52s ease;  }
.audioWavePlaying .item4 { animation: radius-animation .3s ease; }
.audioWavePlaying .item5 { animation: radius-animation .62s ease; }
.audioWave .item { background-color: #354e6b; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; }