/* .hw-ease{ -moz-transition: width .5s ease-in-out;  -o-transition: width .5s ease-in-out;  -webkit-transition: width .5s ease-in-out;  transition: width .5s ease-in-out;}
.hw-jp-audio{position:relative;height:30px;line-height: 30px;border: 1px solid #d1d1d1;color: #666;   padding-left: 112px;  padding-right: 51px;}
.hw-jp-audio .hw-jp-audio-left{position:absolute;left: 10px;top:-1px;height:100%;}
.hw-jp-audio .hw-jp-audio-left .jp-play{position:relative;cursor:pointer;margin-right: 8px;margin-top:-3px;display: inline-block;vertical-align: middle;width:0;height:0;border-bottom:7px solid transparent;border-top:7px solid transparent;border-right:0px solid transparent;border-left:12px solid #333;}
.hw-jp-audio .hw-jp-audio-left .jp-play:after{position:absolute;top:-12px;left:-20px;width:26px;height:24px;content:"";}
.jp-state-playing .hw-jp-audio .hw-jp-audio-left .jp-play:after{top: -6px;left: -12px;}
.hw-jp-audio .hw-jp-audio-left .jp-title{display: inline-block;vertical-align: top;color:#333}
.hw-jp-audio .jp-progress-wrap{position:relative; padding: 13px 0px 13px;}
.hw-jp-audio .jp-progress-wrap .jp-current-time{position:absolute;left:-45px;width:40px;top: -1px;font-size: 12px;text-align:right}
.hw-jp-audio .jp-progress-wrap .jp-duration{position:absolute;right:-41px;top: -1px;font-size: 12px;text-align:left;}
.hw-jp-audio .jp-progress-wrap .jp-seek-bar{height: 100%;height: 15px;top: -7px;left:0;cursor: pointer;position: absolute;}
.hw-jp-audio .jp-progress-wrap .jp-seek-bar .jp-play-bar{position:absolute;background:#666;top: 7px;height: 2px;box-sizing: content-box;}
.hw-jp-audio .jp-progress-wrap .jp-seek-bar .jp-play-bar:after{position:absolute;border-right:2px solid #666;content:"";top: -3px;height: 8px;width:100%;left:0}
.hw-jp-audio .jp-progress-wrap .jp-progress{position:relative;height:2px;background:#999;}
.jp-state-playing	.hw-jp-audio .hw-jp-audio-left .jp-play{margin: -3px 10px 0 3px;height:10px;width:7px;border-bottom:0 solid transparent;border-top:0 solid transparent;border-right:2px solid #333;border-left:2px solid #333}

.hw-audio-unexpend .jp-current-time{display: none; }
.hw-audio-unexpend .hw-jp-audio .jp-progress-wrap .jp-duration{right:10px;}
.hw-audio-unexpend .jp-progress{display: none}
.hw-audio-unexpend .hw-jp-audio{padding-right: 0px;margin-left:auto;margin-right:auto;padding-left: 116px;padding-right: 0px;}
.hw-audio-unexpend .jp-progress-wrap{padding: 0px;}
.hw-audio-unexpend .jp-audio{display: inline-block;}

.hw-audio-unexpend .jp-audio.hw-ease{width:0;}
.hw-audio-unexpend .jp-current-time.hw-ease,
.hw-audio-unexpend .jp-progress.hw-ease{display: block;opacity:0;width:0;overflow:hidden;}
.jp-no-solution{display: none;word-wrap: break-word;min-width: 300px;}
@media (max-width:1080px) {
    .jp-no-solution{min-width: 200px;}
}
@media (max-width:768px) {
    .jp-no-solution{min-width: 300px;}
} */

.hw-ease{-moz-transition:width .5s ease-in-out;-o-transition:width .5s ease-in-out;-webkit-transition:width .5s ease-in-out;transition:width .5s ease-in-out}
.hw-jp-audio{position:relative;height:30px;line-height:30px;color:#cecece;padding-left:82px;padding-right:151px}
.hw-jp-audio .hw-jp-audio-left{position:absolute;left:10px;top:-1px;height:100%}
.hw-jp-audio .hw-jp-audio-left .jp-play{position:relative;cursor:pointer;display:inline-block;vertical-align:middle}
.hw-jp-audio .hw-jp-audio-left .jp-play .iconfont{font-size:26px;color: #F26F6A}
.jp-state-playing .hw-jp-audio .hw-jp-audio-left .jp-play:after{top:-6px;left:-12px}
.hw-jp-audio .hw-jp-audio-left .jp-title{display:inline-block;vertical-align:top;color:#333;padding-left: 6px;}
.hw-jp-audio .jp-volume-controls{position:absolute;padding:13px 0px 13px 30px;right:0;top:0}
.hw-jp-audio .jp-volume-controls .jp-mute{position:absolute;left:0;top:0;height:100%;width:30px}
.jp-state-muted .jp-volume-controls .jp-mute .icon-gonggao:before{content: "\e7ad"}
.hw-jp-audio .jp-volume-controls .jp-mute .iconfont{font-size:26px}
.hw-jp-audio .jp-progress-wrap{position:relative;padding:13px 0px 13px}
.hw-jp-audio .jp-progress-wrap .jp-current-time{position:absolute;left:-50px;width:40px;top:-1px;font-size:12px;text-align:right}
:focus{outline:none}
.hw-jp-audio .jp-progress-wrap .jp-duration{position:absolute;right:-41px;top:-1px;font-size:12px;text-align:left}
.hw-jp-audio .jp-volume-controls .jp-volume-bar,.hw-jp-audio .jp-progress-wrap .jp-seek-bar{height:15px;width:100%;top:-7px;cursor:pointer;position:absolute}
.hw-jp-audio .jp-volume-controls .jp-volume-bar-value,.hw-jp-audio .jp-progress-wrap .jp-seek-bar .jp-play-bar{position:absolute;background:#F26F6A;top:7px;height:2px;box-sizing:content-box}
.hw-jp-audio .jp-volume-controls .jp-volume-bar-value:after,.hw-jp-audio .jp-progress-wrap .jp-seek-bar .jp-play-bar:after{position:absolute;content:"";background-color:#F26F6A;border-radius:50%;top:-3px;height:8px;width:8px;right:-4px}
.hw-jp-audio .jp-progress{position:relative;height:2px;background:#cecece;width:100%}
.hw-jp-audio .jp-progress-wrap .jp-progress{min-width:100px}
.hw-jp-audio .hw-jp-audio-left .jp-play .iconfont:after{content:"\e7a4"}
.jp-state-playing .hw-jp-audio .hw-jp-audio-left .jp-play .iconfont:after{content:"\e7a6"}
.hw-audio-unexpend .jp-current-time{display:none}
.hw-audio-unexpend .hw-jp-audio .jp-progress-wrap .jp-duration{right:10px}
.hw-audio-unexpend .jp-progress{display:none}
.hw-audio-unexpend .hw-jp-audio{padding-right:0px;margin-left:auto;margin-right:auto;padding-left:116px;padding-right:0px}
.hw-audio-unexpend .jp-progress-wrap{padding:0px}
.hw-audio-unexpend .jp-audio{display:inline-block}
.hw-audio-unexpend .jp-audio.hw-ease{width:0}
.hw-audio-unexpend .jp-current-time.hw-ease,.hw-audio-unexpend .jp-progress.hw-ease{display:block;opacity:0;width:0;overflow:hidden}
.jp-no-solution{display:none;word-wrap:break-word;min-width:300px}
.jp-volume-controls{display:inline-block;width:100px}
@media (max-width:1080px){.jp-no-solution{min-width:200px}
}@media (max-width:768px){.jp-no-solution{min-width:300px}
.hw-jp-audio{padding-right: 52px;}
}
.ict-article-banner .hw-jp-audio{padding-left: 132px;padding-right: 121px;}
.ict-article-banner .jp-volume-controls{width: 78px;}
.jp-state-no-volume .jp-volume-controls{display: none;}