@charset "UTF-8";.play-container{width:100%;height:62.5vh;background:url(../../image/component/audio_bg.png) no-repeat;background-size:100% auto;margin:auto}.audio-bg img{width:100%;height:100%}.audio-bg .icon-btn{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:40px;height:40px;background:url(../../image/component/video_play.png) no-repeat;background-size:100% auto}.playing .icon-btn{background:url(../../image/component/video_pause.png) no-repeat;background-size:100% auto}.circleBtn:atfet{width:7px;height:7px;content:'';position:absolute;top:0;left:0;background:green;border-radius:100%}.progress-bar{position:absolute;background-color:#d8d8d8;top:50%;height:2px;margin-top:-1px;width:calc(100% - 152px);left:46px}.progress-bar::before{content:'';position:absolute;left:0;width:100%;height:18.75px;margin-top:-9px}.progress-bar .progress{position:absolute;background-color:#f54d42;left:0;top:50%;height:2px;margin-top:-1px}.progress-bar .progress::after{content:'';position:absolute;right:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background-color:#f54d42}.progress-bar .slider{position:absolute;margin-left:-6px;top:-3.5px;width:13px;height:13px;border-radius:13px;background:#fff}.progress-bar .time{position:absolute;top:17px;color:#fff;font-size:14px}.progress-bar .time.total-time{right:0}.audio-title{font-size:22px;line-height:34px;color:#222;margin:9px 12px 0}.extend-audio-p .audio_area,.weixinAudio .audio_area{width:100%;font-size:0;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;position:relative;font-weight:400}.download-fade{max-width:none}@media screen and (min-width:1000px){[data-dpr='1'] .play-container{max-width:750px}[data-dpr='1'] .audio-title{max-width:750px;margin:9px auto 0}[data-dpr='1'] .download-fade{max-width:750px}}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){.play-container{height:47.5vh}}.article-content .audio_area *,.audio_area *{padding-bottom:0!important;box-sizing:border-box;-webkit-box-sizing:border-box}.db{display:block}.weixinAudio{line-height:1.5;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent}.extend-audio-p .audio_area{display:block;margin:0 1px 0 0;text-decoration:none;margin-bottom:0!important;padding-bottom:0!important;text-align:left;border-radius:26.5px;background-color:#f6f6f6}.extend-audio-p .audio_area.have-title{border-radius:8px}.extend-audio-p .audio_area .audio_wrp{position:relative;overflow:hidden;padding:15px!important;height:53px;-webkit-box-sizing:border-box;box-sizing:border-box}.weixinAudio .audio_area{display:inline-block;vertical-align:top;margin:0 1px 0 0;text-decoration:none;margin-bottom:0!important;padding-bottom:0!important}.weixinAudio .audio_area .audio_wrp{border:1px solid #ebebeb;background-color:#fcfcfc;overflow:hidden;padding:12px 20px 12px 12px!important}.audio_play_area{float:left;height:100%}.audio_play_area .icon_audio_default,.audio_play_area .icon_audio_playing{background-repeat:no-repeat;background-position:center;background-size:contain;width:23px;height:23px}.audio_play_area .icon_audio_default{background-image:url(../../image/component/icon-audio-pause.png);display:block}.audio_play_area .icon_audio_playing{background-image:url(../../image/component/icon-audio-play.png);display:none}.audio_area .pic_audio_default{display:none;width:18px}.audio_area .tips_global{font-size:14px;color:#8c8c8c;position:relative;top:10px}.audio_area .audio_length{float:right;font-size:14px;margin-left:1em}.audio_info_area{overflow:hidden}.audio_area .audio_title{font-weight:400;font-size:17px;margin-top:-2px;margin-bottom:-3px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.audio_area .audio_source{font-size:14px}.playing .audio_play_area .icon_audio_default{display:none}.playing .audio_play_area .icon_audio_playing{display:block}@-webkit-keyframes audio_playing{30%{background-position:0 center}31%,61%{background-position:-18px center}100%,61.5%{background-position:-36px center}}.article-content .audio_area .audio-time-pack{float:right;font-size:12px!important;line-height:23px!important;color:#8c8c8c}.article-content .audio_area .tips_global{position:static;top:unset;font-size:12px!important;line-height:23px!important;display:inline}.article-content .audio_area .audio_length{margin-left:0;float:none;font-size:12px!important;line-height:23px!important;display:inline}.article-content .audio_area .audio-pack-title{color:#222!important;padding:15px 15px 0!important;font-size:16px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}