.hw-audio-wrap{min-width:280px}
.hw-audio-wrap .hw-ease{-moz-transition:border-color .5s ease-in-out;-o-transition:border-color .5s ease-in-out;-webkit-transition:border-color .5s ease-in-out;transition:border-color .5s ease-in-out}
.hw-audio-wrap .hw-ease-opacity{-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}
.hw-audio-wrap .hw-ease-bottom{-moz-transition:bottom .5s ease-in-out;-o-transition:bottom .5s ease-in-out;-webkit-transition:bottom .5s ease-in-out;transition:bottom .5s ease-in-out}
.hw-audio-wrap .config-person,.hw-audio-wrap .config-speed,.hw-audio-wrap .jp-audio{display:inline-block;font-size:14px;color:#333;line-height:1.428}
.hw-audio-wrap .jp-audio{border:1px solid #e0e0e0;border-radius:50px;margin-left:136px;padding:8px 22px}
.hw-audio-wrap .config-person{padding:8px 22px}
.hw-audio-wrap .config-speed{padding:8px 22px 8px 0}
@media (max-width:992px){.ict-article-banner .ict-insights-share-icon{display:none}
    .hw-audio-wrap .jp-audio{margin-left:0;margin-top:20px}
}
.hw-audio-wrap .jp_audio .hw-jp-audio{margin-top:-1px}
.hw-audio-wrap .jp-audio .hw-jp-audio .hw-jp-audio-left{display:inline-block;vertical-align:middle;margin-top:-3px}
.hw-audio-wrap .jp-audio .hw-jp-audio .hw-jp-audio-left .jp-play{display:inline-block;color:#999;width:22px;text-align:center;margin-left:-5px;height:100%;cursor:pointer;vertical-align:middle;position:relative}
.hw-audio-wrap .jp-audio .hw-jp-audio .hw-jp-audio-left .jp-play em{display:inline-block;font-style:inherit}
.hw-audio-wrap .jp-audio .hw-jp-audio .hw-jp-audio-left .jp-play em:before{font-size:25px;height:25px;line-height:1;position:absolute;left:50%;top:50%;margin:-12px 0 0 -12.5px;-moz-transition:color .5s ease-in-out;-o-transition:color .5s ease-in-out;-webkit-transition:color .5s ease-in-out;transition:color .5s ease-in-out}
.hw-audio-wrap .jp-audio.jp-state-playing{border:1px solid #333}
.hw-audio-wrap .jp-audio.jp-state-playing .hw-jp-audio-left .jp-play em:before{content:"\e7a8";color:#333}
.hw-audio-wrap .jp-audio .hw-jp-audio .hw-jp-audio-left .jp-title{display:inline-block;margin-right:5px;vertical-align:middle}
.hw-audio-wrap .jp-audio .hw-jp-audio .jp-progress-wrap{display:inline-block;color:#999;font-size:12px;vertical-align:middle}
.hw-audio-wrap .jp-audio .hw-jp-audio .jp-progress-wrap .jp-current-time{display:none}
.hw-audio-wrap .jp-audio .hw-jp-audio .jp-progress-wrap .jp-progress,.hw-audio-wrap .jp-audio .hw-jp-audio .jp-progress-wrap .jp-progress .jp-seek-bar,.hw-audio-wrap .jp-audio .hw-jp-audio .jp-progress-wrap .jp-progress .jp-seek-bar .jp-play-bar,.hw-audio-wrap .jp-audio .jp-no-solution{display:none}
@media (min-width:768px){.hw-audio-wrap .jp-audio:hover{cursor:pointer;border:1px solid #333}
    .hw-audio-wrap .jp-audio:hover .hw-jp-audio .hw-jp-audio-left .jp-play{color:#333}
}
.hw-audio-wrap .ipt-text::-ms-clear{display:none}
.hw-audio-wrap .ipt-text::-webkit-input-placeholder{color:#ccc;font-size:inherit;font-family:inherit}
.hw-audio-wrap .ipt-text:-moz-placeholder{color:#ccc;font-size:inherit;font-family:inherit}
.hw-audio-wrap .ipt-text::-moz-placeholder{color:#ccc;font-size:inherit;font-family:inherit}
.hw-audio-wrap .ipt-text:-ms-input-placeholder{color:#ccc;font-size:inherit;font-family:inherit}
.hw-audio-wrap .ipt-text{font-family:inherit;font-size:inherit;cursor:pointer;margin-left:-8px;outline:0;display:inline-block;color:#000;line-height:32px\9;position:relative;z-index:2;display:block\9;outline:0}
.hw-audio-wrap .ipt-select{position:relative;text-align:center;cursor:pointer;min-width:70px}
.hw-audio-wrap .ipt-select .minisite-icon-down{position:absolute;top:0;color:#999;right:-16px}
.hw-audio-wrap .ipt-select-option{position:absolute;height:0;max-height:200px;z-index:11;top:30px;left:-20px;right:-20px;cursor:pointer;background:#fff}
.hw-audio-wrap .ipt-select-option li{font-size:14px;padding:3px 10px;color:#333;line-height:1.62857143}
@media (min-width:768px){.hw-audio-wrap .ipt-select-option li:hover{color:#e50000}
}
.hw-audio-wrap .ipt-select-option:before{content:"";position:absolute;top:-21px;right:-10px;left:-10px;height:100%;z-index:-1}
.hw-audio-wrap .ipt-select-option:after{content:"\e617";font-family:iconfont!important;position:absolute;top:-21px;font-size:28px;color:#fff;left:50%;margin-left:-14px}
.hw-audio-wrap .J-select-option{display:none}
.hw-audio-wrap .J-select.current .J-select-option{display:block;height:auto;padding:19px 0;border-radius:5px;box-shadow:0 0 22px rgba(0,0,0,.1)}
.hw-audio-wrap .J-audio-group-item{display:inline-block;margin-left:-4px}
.hw-audio-wrap .J-audio-group-item .config-speed,
.hw-audio-wrap .J-audio-group-item .config-person,
.hw-audio-wrap .J-audio-group-item .J-text2audio{display:none}
.ipt-selected-dialog{display:none}
@media (max-width:768px){.hw-audio-wrap.mask:after{content:"";position:absolute;width:100%;height:100%;background:#fff;left:0;top:0;opacity:.6;z-index:2}
    .hw-audio-wrap{position:fixed;background:#282828;background:rgba(40,40,40,.96);bottom:0;width:100%;left:0;z-index:1002;font-size: 0;}
    .hw-audio-wrap.scrollDown{bottom:-100%}
    .ict-insights-con img{width:100%!important}
    .hw-audio-wrap .jp-audio{border:none;border-radius:0;margin-left:10px;margin-top:0;padding:10px 20px}
    .hw-audio-wrap .jp-audio .hw-jp-audio .hw-jp-audio-left .jp-title{display:none}
    .hw-audio-wrap .jp-audio .hw-jp-audio .hw-jp-audio-left .jp-play{width:40px;height:40px}
    .hw-audio-wrap .jp-audio .hw-jp-audio .hw-jp-audio-left{margin-top:1px}
    .hw-audio-wrap .jp-audio .hw-jp-audio .hw-jp-audio-left .jp-play em:before{content:"\e7a4";font-size:40px;height:40px;margin:-19px 0 0 -20px}
    .hw-audio-wrap .jp-audio.jp-state-playing .hw-jp-audio-left .jp-play em:before{content:"\e7a6";color:#fff}
    .hw-audio-wrap .jp-audio.jp-state-playing{border:none}
    .hw-audio-wrap .jp-audio .hw-jp-audio .jp-progress-wrap{padding:12px 0;margin-left:10px}
    .hw-audio-wrap .config-speed{position:absolute;right:20px;top:50%;font-size:12px;margin-top:-17px;padding:8px}
    .hw-audio-wrap .config-person{position:absolute;right:100px;top:50%;font-size:12px;margin-top:-17px;padding:8px 12px}
    .hw-audio-wrap .ipt-text{color:#999}
    #top{bottom:70px}
    #top.scrollDown{bottom:20px}
    #top.hw-ease-bottom{-moz-transition:bottom .5s ease-in-out;-o-transition:bottom .5s ease-in-out;-webkit-transition:bottom .5s ease-in-out;transition:bottom .5s ease-in-out}
    .hw-audio-wrap .J-select.current .J-select-option{padding:4px 0}
    .hw-audio-wrap .ipt-select-option{position:fixed;top:50%;width:174px;margin:0 auto;background:#333}
    .hw-audio-wrap .ipt-select-option:after{display:none}
    .hw-audio-wrap .ipt-select-option li{color:#fff;padding:13px 10px;text-align:center}
    .hw-audio-wrap .ipt-select-option li+li{border-top:1px #5b5b5b dashed}
    .hw-audio-wrap .ipt-select{text-align:right}
    .ipt-selected-dialog{display:block;text-align:center;width:100%;top:50%;margin-top:-45px;position:fixed;opacity:0}
    .ipt-selected-dialog>span{display:inline-block;padding:14px 18px;color:#fff;border-radius:5px;background:#282828}
    .ipt-selected-dialog.show{opacity:1}
    .ipt-selected-dialog-mask{position:fixed;width:100%;height:100%;background:#fff;left:0;top:0;opacity:0;z-index:1001}
    .ipt-selected-dialog-mask.show{opacity:.6}
    .ipt-selected-dialog-mask.hw-ease-opacity{display: none;}
}
@media (max-width:768px) and (min-width:360px){.hw-audio-wrap .jp-audio .hw-jp-audio .jp-progress-wrap .jp-current-time{display:inline-block!important}
    .hw-audio-wrap .jp-audio .hw-jp-audio .jp-progress-wrap .jp-duration{display:inline-block!important;position:absolute;margin-left:11px}
    .hw-audio-wrap .jp-audio .hw-jp-audio .jp-progress-wrap .jp-duration:before{position:absolute;content:"/";left:-8px;margin-top:-1px}
}
@media (max-width:360px){.hw-audio-wrap .jp-audio{padding:10px 10px}
    .hw-audio-wrap .config-person,.hw-audio-wrap .config-speed,.hw-audio-wrap .jp-audio{padding:8px 10px}
    .hw-audio-wrap .config-person{right:94px}
    .hw-audio-wrap .jp-audio .hw-jp-audio .jp-progress-wrap{margin-left:7px}
}
