.listen-container{background:#fff;padding:16px}.listen-container h1{font-weight:500;font-size:18px;line-height:21px}.tn-icon-live{background:#ff2d2d;border-radius:4px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:33px;height:14px;padding:4px}.tn-icon-live:before{content:"LIVE";font-size:12px;line-height:14px;text-align:center;color:#fff}.listen-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px}.listen-grid.listen-grid-5{grid-template-columns:repeat(5,1fr)}@media (max-width:640px){.listen-grid,.listen-grid.listen-grid-5{grid-template-columns:100%}}.listen-grid .listen-item{font-size:16px;line-height:19px;color:#000;padding:20px;cursor:pointer}@media (max-width:640px){.listen-grid .listen-item{display:grid;grid-template-columns:80px auto;grid-gap:5px 15px}.listen-grid .listen-item.radio{grid-template-columns:80px auto 25px}.listen-grid .listen-item.radio i.tn-icon-play{width:32px;height:32px}}.listen-grid .listen-item img{-webkit-filter:drop-shadow(0 0 4px rgba(0,0,0,.25));filter:drop-shadow(0 0 4px rgba(0,0,0,.25))}@media (max-width:640px){.listen-grid .listen-item img{grid-row-start:1;grid-row-end:3}}.listen-grid .listen-item .title{position:relative;display:block;margin-top:10px;font-size:16px;line-height:19px}@media (max-width:640px){.listen-grid .listen-item .title{margin-top:0}}.listen-grid .listen-item .title .tn-icon-live{position:absolute;right:0}.listen-grid .listen-item .sub-title{margin-top:10px;display:-webkit-box;font-size:12px;line-height:14px;color:#828282;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}@media (max-width:640px){.listen-grid .listen-item .sub-title{grid-column-start:2;grid-column-end:3}}.listen-grid-single{margin-bottom:15px}.listen-grid-single .listen-item{position:relative;display:grid;grid-template-columns:200px auto;grid-gap:20px}@media (max-width:640px){.listen-grid-single .listen-item{grid-template-columns:100%}}.listen-grid-single .listen-item .title{position:relative;display:block;margin-top:10px;font-size:18px;line-height:1.2;margin-bottom:10px}@media (max-width:640px){.listen-grid-single .listen-item .title{margin-top:0}}.listen-grid-single .listen-item .title .tn-icon-live{position:absolute;right:0}.listen-grid-single .listen-item .sub-title{margin-top:10px;display:block;font-size:16px;line-height:19px;color:#000;margin-bottom:15px}.listen-grid-single .listen-item .date{font-size:16px;line-height:19px;color:#828282;margin-bottom:15px}.listen-podcast-grid .listen-item{position:relative;display:grid;grid-template-columns:40px auto 40px;grid-gap:16px;padding:25px 0;cursor:pointer}.listen-podcast-grid .listen-item .tn-icon-play{position:absolute;left:0;top:50%;z-index:5;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);background-color:#fff;border-radius:50%}.listen-podcast-grid .listen-item img{border-radius:4px}.listen-podcast-grid .listen-item img:before{content:"123";display:block}.listen-podcast-grid .listen-item .title{font-size:16px;line-height:19px;color:#000;max-width:356px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.listen-podcast-grid .listen-item .sub-title{font-size:12px;line-height:14px;color:#575757}.tn-tape-listen{background:var(--white)}.tn-tape-listen .tn-tape-header{padding:15px;display:grid;grid-template-columns:120px auto;grid-gap:15px}@media (max-width:640px){.tn-tape-listen .tn-tape-header{grid-template-columns:100%;text-align:center}.tn-tape-listen .tn-tape-header img{max-width:160px;margin:0 auto}}.tn-tape-listen .tn-tape-header .category-title{font-size:12px;line-height:14px;color:#828282;-webkit-box-shadow:0 0 2px rgba(0,0,0,.25);box-shadow:0 0 2px rgba(0,0,0,.25);padding:4px 8px}@media (max-width:640px){.tn-tape-listen .tn-tape-header .category-title{display:none}}.tn-tape-listen .tn-tape-header .title{margin-top:10px;display:block;font-size:32px;line-height:37px;color:#000}.tn-tape-listen .tn-tape-header .sub-title{font-size:12px;line-height:14px;color:#828282;margin-top:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.tn-tape-listen .tn-button-group{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:640px){.tn-tape-listen .tn-button-group{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.tn-tape-listen .tn-button{margin:0 15px 0 0;padding:7px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:640px){.tn-tape-listen .tn-button{padding:5px 15px}.tn-tape-listen .tn-button:last-child{margin:0}}.tn-tape-listen .tn-button:after{margin-left:10px;content:"";background:url("/img/listen-play.svg") no-repeat 50%/contain;width:18px;height:18px;display:inline-block}.tn-tape-listen .tn-button[data-action=true]:after{background-image:url("/img/listen-pause.svg")}.tn-tape-listen .tn-button-default{border:1px solid var(--green)}.tn-tape-listen .tn-button-default:after{background-image:url("/img/listen-share.svg")}.tn-tape-listen .tn-tape-listen-grid{padding:10px;max-height:909px;overflow:hidden;overflow-y:auto}@media (max-width:640px){.tn-tape-listen .tn-tape-listen-grid{overflow:inherit}}.tn-tape-listen .tn-tape-listen-grid .tn-tape-item{padding:7px 0;margin:8px 0;display:grid;grid-template-columns:40px auto 40px;grid-gap:8px;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tn-tape-listen .tn-tape-listen-grid .tn-tape-item.single{grid-template-columns:120px auto}.tn-tape-listen .tn-tape-listen-grid .tn-tape-item .tn-icon-play{position:absolute;top:0;left:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);background-color:#fff;border-radius:50%}.tn-tape-listen .tn-tape-listen-grid .tn-tape-item .tn-image-container img{border-radius:4px}.tn-tape-listen .tn-tape-listen-grid .tn-tape-item .tn-active .tn-icon-play{background-image:url("/img/pause.svg");cursor:pointer;-webkit-animation-name:play_;animation-name:play_;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.tn-tape-listen .tn-tape-listen-grid .tn-tape-item .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#000}.tn-tape-listen .tn-tape-listen-grid::-webkit-scrollbar{width:7px}.tn-tape-listen .tn-tape-listen-grid::-webkit-scrollbar-track{background:var(--white_3);-webkit-box-shadow:0 -1px 20px var(--green_4);box-shadow:0 -1px 20px var(--green_4)}.tn-tape-listen .tn-tape-listen-grid::-webkit-scrollbar-thumb{background:var(--green);-webkit-box-shadow:0 -1px 20px var(--green_4);box-shadow:0 -1px 20px var(--green_4)}.tn-main-news-container{grid-template-columns:100%}@media (min-width:1200px){.tn-main-news-container{grid-template-columns:795px auto}}[data-source]{cursor:pointer}[data-source].tn-button.tn-active:after{background-image:url("/img/listen-pause.svg")}@-webkit-keyframes play_{0%{-webkit-transform:translate(50%,50%) perspective(20px) translateZ(0);transform:translate(50%,50%) perspective(20px) translateZ(0)}50%{-webkit-transform:translate(50%,50%) perspective(20px) translateZ(-2px);transform:translate(50%,50%) perspective(20px) translateZ(-2px)}to{-webkit-transform:translate(50%,50%) perspective(20px) translateZ(0);transform:translate(50%,50%) perspective(20px) translateZ(0)}}@keyframes play_{0%{-webkit-transform:translate(50%,50%) perspective(20px) translateZ(0);transform:translate(50%,50%) perspective(20px) translateZ(0)}50%{-webkit-transform:translate(50%,50%) perspective(20px) translateZ(-2px);transform:translate(50%,50%) perspective(20px) translateZ(-2px)}to{-webkit-transform:translate(50%,50%) perspective(20px) translateZ(0);transform:translate(50%,50%) perspective(20px) translateZ(0)}}input[type=range]{-webkit-appearance:none;width:100%;height:8px;border-radius:5px;background:#32a801;outline:none;opacity:.7;-webkit-transition:.2s;-webkit-transition:opacity .2s;transition:opacity .2s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;-webkit-box-shadow:0 0 8px rgba(0,0,0,.7);box-shadow:0 0 8px rgba(0,0,0,.7)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 8px rgba(0,0,0,.7)}.tn-progress-container{padding:0 10px}img{width:100%;height:auto}[data-radio].tn-active{-webkit-box-shadow:0 0 15px 5px rgba(0,0,0,.3);box-shadow:0 0 15px 5px rgba(0,0,0,.3)}.tn-image-container{position:relative}.tn-comment-accordion{position:relative;background:var(--white);padding:20px;margin-bottom:50px;-webkit-box-shadow:0 0 30px -8px rgba(0,0,0,.3);box-shadow:0 0 30px -8px rgba(0,0,0,.3)}@media (min-width:1025px){.tn-comment-accordion{padding:20px 15px!important}}@media (max-width:640px){.tn-comment-accordion{margin:15px 0!important}}.tn-button-group{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:640px){.tn-button-group{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.tn-button-group .tn-button{margin:0 15px 0 0;padding:7px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:640px){.tn-button-group .tn-button{padding:5px 15px}.tn-button-group .tn-button:last-child{margin:0}}.tn-button-group .tn-button:after{margin-left:10px;content:"";background:url("/img/listen-play.svg") no-repeat 50%/contain;width:18px;height:18px;display:inline-block}.tn-button-group .tn-button[data-action=true]:after{background-image:url("/img/listen-pause.svg")}.tn-button-group .tn-button-default{border:1px solid var(--green)}.tn-button-group .tn-button-default:after{background-image:url("/img/listen-share.svg")}.tn-player-container{position:fixed;bottom:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%;max-width:1200px;background:#fff;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10}.tn-player-container .tn-player-data{display:grid;grid-template-columns:40px auto 200px;grid-gap:10px}@media (max-width:640px){.tn-player-container .tn-player-data{grid-template-columns:40px auto;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}}.tn-player-container .tn-action-container{display:grid;grid-template-columns:180px auto}@media (max-width:640px){.tn-player-container .tn-action-container{grid-template-columns:170px auto}}.tn-player-container .tn-action-container [data-player-title]{font-size:16px;line-height:19px;color:#333;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.tn-player-container .tn-action-container [data-player-subtitle]{font-size:12px;line-height:14px;color:#828282}.tn-button-prev{background:transparent url("/img/icon_skip_previous.svg") no-repeat 50%}.tn-button-next,.tn-button-prev{border:none;width:40px;height:40px}.tn-button-next{background:transparent url("/img/icon_skip_next.svg") no-repeat 50%}.tn-button-play{border:none;width:40px;height:40px;background:transparent url("/img/icon_play_arrow.svg") no-repeat 50%}.tn-button-play[data-action=true]{background-image:url("/img/icon_pause.svg")}[data-player_speed]{border:none;margin-right:10px;background:transparent}.tn-player-volume-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:640px){.tn-player-volume-container{display:none}}.tn-player-volume-container .tn-button-mute{border:none;width:40px;height:40px;background:transparent url("/img/icon_volume_down.svg") no-repeat 50%}.tn-player-volume-container .tn-button-mute[data-player_mute=true]{background-image:url("/img/icon_volume_down_mute.svg")}.tn-player-volume-container input[type=range]{height:4px}.tn-player-volume-container input[type=range]::-webkit-slider-thumb{width:10px;height:10px}.tn-player-volume-container input[type=range]::-moz-range-thumb{width:10px;height:10px}.tn-data-list.columns{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tn-data-list.columns li:after{display:none!important}