.widget-article-listen.type1{margin:0 0 16px;background-color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.widget-article-listen.type1,.widget-article-listen.type1 .wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.widget-article-listen.type1 .wrapper{-webkit-box-pack:justify;height:40px;background-color:#415f80;border:2px solid #415f80;border-radius:40px;overflow:hidden}.widget-article-listen.type1 .wrapper .listen-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0;flex:0;height:100%;padding:0 10px;position:relative;z-index:1;cursor:pointer}.widget-article-listen.type1 .wrapper .listen-info:after{content:"";width:45px;height:100%;position:absolute;top:0;right:-45px}.widget-article-listen.type1 .wrapper .listen-info.disabled{position:static;pointer-events:none;cursor:pointer}.widget-article-listen.type1 .wrapper .listen-info.disabled:after{display:none}.widget-article-listen.type1 .wrapper .listen-info .fa{font-size:20px;color:#fff}.widget-article-listen.type1 .wrapper .listen-info .listen-title{padding:11px 5px;font-size:14px;line-height:1.3;color:#fff;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;font-weight:400}.widget-article-listen.type1 .wrapper .audio{padding:0 20px 0 10px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#fff}.widget-article-listen.type1 .wrapper .audio .gtm-tracker{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.widget-article-listen.type1 .wrapper .audio .progress{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.widget-article-listen.type1 .wrapper .audio .listen-time{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.widget-article-listen.type1 .wrapper .audio .vol-ctrl{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.widget-article-listen.type1 .wrapper .audio .volume{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.widget-article-listen.type1 .wrapper .audio button{width:35px;height:40px;background-color:transparent;background-repeat:no-repeat;background-position:50%;color:#415f80;border:none;cursor:pointer}.widget-article-listen.type1 .wrapper .audio .gtm-tracker.pause{background-size:50%;background-image:url("../i/icon-listen-pause-black.svg")}.widget-article-listen.type1 .wrapper .audio .gtm-tracker.play{background-size:35%;background-image:url("../i/icon-listen-play-black.svg")}.widget-article-listen.type1 .wrapper .audio .vol-ctrl{border-left:1px solid #415f80}.widget-article-listen.type1 .wrapper .audio .vol-ctrl .fa{display:none;font-size:18px}.widget-article-listen.type1 .wrapper .audio .vol-ctrl.vol-down .fa-volume-down,.widget-article-listen.type1 .wrapper .audio .vol-ctrl.vol-off .fa-volume-off,.widget-article-listen.type1 .wrapper .audio .vol-ctrl.vol-up .fa-volume-up{display:block}.widget-article-listen.type1 .wrapper .audio .progress,.widget-article-listen.type1 .wrapper .audio .volume{position:relative;height:8px;-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#a7b2bd;border-radius:5px;overflow:hidden;cursor:pointer;margin:0;-webkit-box-shadow:none;box-shadow:none}.widget-article-listen.type1 .wrapper .audio .progress{margin-right:10px;-webkit-box-flex:2;-ms-flex:2;flex:2}.widget-article-listen.type1 .wrapper .audio .progress .ui-widget-header,.widget-article-listen.type1 .wrapper .audio .volume .ui-widget-header{background-color:#415f80}.widget-article-listen.type1 .wrapper .audio .listen-time{font-size:11px;color:#415f80;min-width:70px;font-weight:400;line-height:normal}.widget-article-listen.type1 .wrapper .audio .listen-time i{position:relative;display:inline-block;vertical-align:top;font-style:normal;overflow:hidden}.widget-article-listen.type1 .wrapper .audio .listen-time i:first-child{padding-right:8px}.widget-article-listen.type1 .wrapper .audio .listen-time i:first-child:after{content:" /";width:5px;position:absolute;top:0;right:0;text-align:right}.widget-article-listen.type1 .ui-button,.widget-article-listen.type1 .ui-button.ui-state-disabled:active,.widget-article-listen.type1 .ui-button.ui-state-disabled:hover,.widget-article-listen.type1 .ui-state-default,.widget-article-listen.type1 .ui-widget-content .ui-state-default,.widget-article-listen.type1 .ui-widget-header .ui-state-default{height:15px;width:15px;top:-4px;background:#415f80;border-radius:50%;-webkit-box-shadow:none;box-shadow:none;border:1px solid #fff;cursor:pointer}.widget-article-listen.type1 .wrapper .audio .vol-ctrl,.widget-article-listen.type1 .wrapper .audio .volume,.widget-article-listen.type1 .wrapper .listen-info .listen-title{display:none}@media screen and (min-width:992px){.widget-article-listen.type1 .wrapper .audio .vol-ctrl,.widget-article-listen.type1 .wrapper .audio .volume,.widget-article-listen.type1 .wrapper .listen-info .listen-title{display:block}}