.bx-post-image {
    width: 100%;
    display: block;
    position: relative;
    background: url(../../images/ldcd/images.jpg) center center no-repeat;
    background-size: cover;
    overflow: hidden;
}
.bx-post-image::before{content: '';display: block;padding-top: 56.25%;}
.bx-post-image img{width: 100%;position: absolute;top: 0;right:0;left: 0;min-height: 100%;object-fit: cover; -o-object-fit: cover;border: 1px solid #cdcdcd;}
.post-desc {
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.bx-post-cate-date {font-size: 12px;color: #999;margin-bottom: 5px;}
.bx-post-cate {color: #3e4095;text-transform: uppercase;}
.post-title{font-size: 16px;font-weight: 700;font-family: 'Inter', sans-serif;line-height: 1.4;}
.bx-post-link,.bxCatVideoTitleLink,.bxTopicTitle h2 a,.bxCatTitle h2 span,.bxSpotlightTitle h2 a{color: #333;}
.col-780 {width: 780px;}
.w595 {width: 595px;float: right;}
.col-155 {width: 155px;float: left;margin-right: 30px;}
.mb25 {margin-bottom: 25px;}
.sticky {
    position: sticky;
    left: 0;
    top: 70px;
}
.bt-10 {
    border-top: 1px solid #ababab;
    float: left;
    margin-bottom: 20px;
}
.bt-10 .view-title {
    padding: 12px 0;
}

.view-title .view-more {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    float: right;
    color: #be2a2a;
    margin-top: 5px;
    font-weight: 400;
}
.view-title .view-more:hover,
.view-title .author-detail:hover {
    text-decoration: underline;
}
.col-300 {width: 300px;float: right;}
.view-title {
    border-top: 1px solid #ababab;
    margin-top: 30px;
    padding: 20px 0;
}
h2.view-title span,
h2.view-title a {
    color: #3e4095;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-size: 20px;
}

.bx-read-more-cafe .view-title {
    margin-bottom: 10px;
}
.item-cafe-topic {
    display: block;
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 1.5;
    margin: 18px 0 0 0;  
    color: inherit;
}
.topic-cafe {
    border: 1px solid #e5e5e5;
    padding: 15px;
    margin-bottom: 30px;
}
a.author-item {
    display: block;
    font-size: 16px;
    margin: 18px 0px;
    color: #222;
}
.bx-list-authors .bx-post,
.bx-both-item .bx-post {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #e5e5e5;
    float: left;
    width: 100%;
}
.bx-list-authors .bx-post:first-child,
.bx-both-item .bx-post:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.bx-both-item .post-title {
    margin-bottom: 10px;
    font-size: 20px;
    margin-bottom: 10px;
    font-family: 'Roboto-Bold', sans-serif;
}
.bx-both-item .post-desc {-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.bx-list-cafe .post-meta {
    margin-top: 10px;
}

.bx-both-item .post-title {
    margin-bottom: 10px;
    font-size: 20px;
    margin-bottom: 10px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
}
.bx-both-item .post-desc {-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}

.bx-list-cafe .bx-post-image {
    width: 80px;
    height: 80px;
    float: right;
    margin-left: 20px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 0;
}
.bx-list-cafe .bx-post-image::before {
    padding-top: 100%;
}
.bx-list-cafe .bx-post-cate {
    display: none;
}
.bx-list-cafe .post-meta {
    margin-top: 12px;
    float: right;
    clear: both;
}
.bx-read-more-cafe .post-title {
    font-size: 18px;
}
.post-author{
    display: block;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #757575;
}
.post-detail-author, 
.bx-authors .post-author {
    font-family: "Inter", sana-serif;
    font-weight: 500;
    color: #222;
}

.bx-authors .post-author:hover {
    text-decoration: underline;
}
.post-signature,
.bx-authors .post-desc {
    margin-top: 10px;
    font-size: 16px;
    color: #757575;
}

.info-author .bx-post-image, 
.bx-authors .bx-post-image {
    float: left;
    width: 96px;
    height: auto;
    margin-right: 12px;
    border-radius: 50%;
    overflow: hidden;
}
.info-author .bx-post-image::before,
.bx-authors .bx-post-image::before {
    padding-top: 100%;
}
.mt20 {
    margin-top: 20px;
}
.mb20 {
    margin-bottom: 20px;
}
.post-signature,
.bx-authors .post-desc {
    margin-top: 10px;
    font-size: 16px;
    color: #666;
}

.info-author .bx-post-image, 
.bx-authors .bx-post-image {
    float: right;
    width: 72px;
    height: 72px;
    margin-left: 12px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 0;
}
.info-author .bx-post-image::before,
.bx-authors .bx-post-image::before {
    padding-top: 100%;
}
.bx-list-authors .bx-post {
    width: 100%;
    float: left;
    clear: both;
}
.bx-list-authors .post-author {
    font-size: 24px;
    margin-top: 16px;
}
.post-detail-author {
    font-size: 28px;
    margin-top: 16px;
}
.post-detail-info {
    clear: both;
    margin-top: 30px;
    float: left;
    font-size: 20px;
    line-height: 1.8;
}

.bx-post-authors .bx-post {
    background: #f7f7f7;
    padding: 17px 20px 20px 20px;
    margin-bottom: 20px;
}
bx-post-authors .post-desc {
    font-size: 18px;
    margin-top: 12px;
    line-height: 1.5;
}
.bx-post-authors .post-title {
    font-size: 24px;
    font-weight: 700;
}
.bx-post-authors .post-desc {
    font-size: 18px;
    margin-top: 12px;
    line-height: 1.5;
}
.bx-post-authors .post-meta {
    margin-top: 10px;
}
.bxCatGrid .bx-post {width: calc((100% - 15px) / 2);margin-left: 15px;margin-top: 15px;float: left;}
.bxCatGrid .bx-post:nth-child(2n+1) {margin-left: 0;clear: both;}
.bxCatGrid .post-date {display: none;}
/* video-index */
.video-homepage-container .bx-post-image {margin-bottom: 10px;}
.cover-post-left .post::before,.bx-cat-top .post::before{content: '';display: block;padding-top: 56.25%;}
.cover-post-left .post-image img,.bx-cat-top .post-image img{position: absolute;top: 0;right: 0;left: 0;width: 100%;border: 1px solid #cdcdcd;}
.video-index,.video-homepage,.video-listing{background: #eee;padding: 25px 0;margin-bottom: 30px;}
.video-index-title{margin-bottom: 25px;border-bottom: 1px solid #ddd;}
.video-title-link{font-size: 24px;color: #333;line-height: 36px;padding-bottom: 2px;border-bottom: 3px solid #3e4095;font-family: 'Inter', sans-serif;font-weight: 700;}
.media-title-link i,.video-title-link i{font-size: 14px;float: left;line-height: 36px;margin-right: 5px;}
.video-more{color: #3e4095;line-height: 36px;}.video-more i{font-size: 10px;margin-left: 5px;}
.video-index-container{position: relative;}
.video-index .bx-viewport{margin-bottom: 25px;}
.video-index-container ul li{width: 350px;}
.video-index .bx-post{background: #fff;}
.video-index .bx-post .post-title{padding: 10px;}
.video-index .bx-pager{text-align: center;}
.video-index .bx-pager-item{display: inline-block;margin: 5px;}
.video-index .bx-pager-item .bx-pager-link{display: block;width: 8px;height: 8px;background: #ccc;text-indent: -9999px;border-radius: 8px;}
.video-index .bx-pager-item .bx-pager-link.active{background: #3e4095;}
.ico-player, .ico-play{display: block;position: absolute;z-index: 2;width: 50px;height: 50px;line-height: 50px;text-align: center;border-radius: 50px;background: #00000060 url(../../images/ldcd/video-player-w.png) center center no-repeat;top:calc(50% - 25px);left:calc(50% - 25px);}
.podcasts-list,.video-cat {margin-bottom: 25px;}
.ico-player {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: url(../../images/ico-player.png) center center no-repeat;
    width: 25px;
    height: 25px;
    background-size: cover;
    left: unset;
    top: unset;
}
.ico-player[title="Podcast"] {
    background-image: url(../../images/ico-podcaster.png);
}
.bxCatVideo .bxCatTop .ico-player{
    width: 58px;
    height: 58px;
    background-image: url(../../images/play.svg);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    right: unset;
    bottom: unset;
}

/* bxCatVideo */
.bxCatMedia,.bxTopic,.bxSpotlight{background: #eee;padding: 10px 0;}
.bxCatMediaTitleLink i,.bxTopicTitle i,.bxSpotlightTitle i,.bxCatSpecial .bxCatTitle i,.bxMostRead .bxCatTitle i {font-size: 14px;margin-right: 5px;vertical-align: 1px;}
.bxCatMediaTitleMore {color: #3e4095;line-height: 36px;font-size: 14px;}
.bxCatMediaTitleMore i {font-size: 10px;margin-left: 5px;}
.bxCatTop .ico-play{width: 50px;height: 50px;}
.bxCatTop .ico-play i{line-height: 50px;font-size: 18px;}
.bxCatTop .post-title,.bx-cat-left .post-title{font-size: 20px;word-break: break-word;}
.video-play, ._MB_VIDEO_DETAIL .bx-post-desc, ._MB_VIDEO_DETAIL .videoWrapper,._MB_VIDEO_DETAIL h1.post-title,._MB_VIDEO_DETAIL .bx-post-cate-date {margin-bottom: 10px;}
.bx-cat-left .post-title {margin-bottom: 10px;}
.ldcd-portrait {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}
.ldcd-portrait > div {
    aspect-ratio: 9/16;
}
.bx-post-image, .bxCatVideoTitle, .bxTopicTitle, ._MB_ARTICLE .bx-post-title, ._MB_ARTICLE .bx-post-cate-date, ._MB_ARTICLE .bx-desc {
    margin-bottom: 10px;
}
.bx-cat-top .ico-player,
.media-index .ico-player{width: 81px;height: 81px;background-image: url(../../images/ico-big-player.png);transform: translate(-50%,-50%);left: 50%;top: 50%;right: unset;bottom: unset;}
._PC_VIDEO .bx-cat-top .ico-player,
.media-index .ico-player {background-image: url(../../images/play.svg);}
/* bx-item */
.bxCatMedia {background-color: #f9f9f9;border: 1px solid #eee;overflow: hidden;position: relative;padding-bottom: 40px;}
/* border-radius: 5px;border-top: 3px solid #3e4095; */
.post-thumb {position: relative;}
.media-cover .post-subcat {
    font-size: 14px;
    color: #3e4095;
    margin-top: 12px;
    display: block;
}
.media-cover .post-title {
    font-size: 20px;
    margin-top: 10px;
}
.media-cover .post-desc {
    display: block;
    margin-top: 10px;
}
/* bxSpotlight */
.bxSpotlight ul li {width: 100%;float: left;border-top: 1px solid #fff;padding: 10px 10px;}
.bxSpotlight ul li{border-top: 0;}
.bxSpotlight ul li a{position: relative;display: block;padding-left: 15px;}
.bxSpotlight ul li a i {font-size: 6px;top: 6px;position: absolute;left: 0;}
.bx-post-image,.bxCatVideoTitle{margin-bottom: 10px;}
.bxCatVideoTitleLink, .bxTopicTitle h2, .bxSpotlightTitle h2 {
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 2px solid #3e4095;
    display: inline-block;
    margin-bottom: -1px;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
}
.ico-headphone,
.ico-player[title="Podcast"] {
    display: block;
    width: 28px;
    height: 28px;
    text-align: center;
    position: absolute;
    left: 5px;
    bottom: 5px;
    top: unset;
    right: unset;
    background: #3e40958c url(../../images/ldcd/ico-podcaster-w.png) center center no-repeat;
    background-size: 20px 20px;
    border-radius: unset;
}
.bxCatVideo .bxCatTop .ico-player {
    width: 58px;
    height: 58px;
    background: url(../../images/play.svg) center center no-repeat;
    background-size: contain;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    right: unset;
    bottom: unset;
}

.post-social{padding: 10px 0;position: relative;z-index: 2;}
.post-social > span{line-height: 20px;font-weight: 700;margin-right: 10px;}
.link-share-f {height: 20px;line-height: 21px;background: #1877f2;color: #fff !important;font-size: 11px;padding: 0 8px;border-radius: 3px;margin-left: 4px;}
.link-share-f i{margin-right: 4px;}
/* bx-spotlight */
.bx-spotlight {background: #eee;padding: 10px 10px;}
.bx-spotlight ul li{width: 100%;float: left;border-top: 1px solid #fff;padding: 10px 10px;}
.bx-spotlight ul li:first-child{border-top: 0;padding-top: 0;}
.bx-spotlight ul li a{color: #3e4095;position: relative;padding-left: 12px;font-family: 'Inter', sans-serif;font-weight: 700;}
.bx-spotlight ul li a::before {content: '';background-color: #3e4095;border-radius: 50%;left: 0;top: 7px;position: absolute;width: 5px;height: 5px;}
/* podcasts-list */
.podcasts-list .bx-post{width: 253px;float: left;margin: 0 0 30px 30px;}
.podcasts-list .bx-post:nth-child(3n+1){clear: both;margin-left: 0;}
.podcasts-list .bx-post-image{margin-bottom: 10px;}
.podcasts-list .bx-post .post-title{font-size: 18px;margin-bottom: 10px;}
.podcasts-list .post-desc {-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}

/* bx-podcast-item  */
.bx-podcast-item{
    background: #f2f2f2;
    margin-bottom: 15px;
    position: relative;
}
.bx-podcast-image{
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}
.bx-podcast-image::before{
    content: '';
    display: block;
    padding-top: 56.25%;
}
.bx-podcast-image img{
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
}
.bx-podcast-body{
    width: 100%;
    position: relative;
    height: 120px;
    overflow: hidden;
}
.bx-podcast-content{
    padding: 5px 10px 0 10px;
}
.bx-podcast-content .bx-post-title{
    font-size: 16px;
    margin-bottom: 10px;
    font-family: 'Roboto-Bold', sans-serif;
    font-weight: 700;
}
.bx-podcast-content .bx-post-cate-date{
    margin-bottom: 10px;
}
.bx-podcasts-player{
    position: absolute;
    left: 0;
    bottom: 0;
}
.pcast-play {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    right: 80px;
    bottom: 15px;
    border-radius: 100%;
    background: #00000080;
    border: 0;
    font-size: 24px;
    color: #3e4095;
    outline: none;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    background: #bfbfbf url(../../images/ldcd/pod-play.png) center center no-repeat;
    background-size: 20px;
}
.pcast-pause{
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    right: 80px;
    bottom: 15px;
    border-radius: 100%;
    background: #00000080;
    border: 0;
    font-size: 24px;
    color: #3e4095;
    outline: none;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    background: #bfbfbf url(../../images/ldcd/pod-pause.png) center center no-repeat;
    background-size: 20px;
}
._MB_PODCASTS_STATISTICS{
    display: none;
}
.pcast-rewind{
    display: none;
}
.pcast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-shadow: none;
    outline: none;
    vertical-align: unset;
    height: 6px;
    z-index: 9;
    line-height: 0;
    border-radius: 0;
}
.pcast-progress::-webkit-progress-bar{
    background: #ebebeb;
}
.pcast-progress::-webkit-progress-value{
    background: #3e4095;
}
.pcast-currenttime {
    color: #c3c3c3;
    position: absolute;
    left: 20px;
    bottom: 10px;
    font-size: 14px;
}
.pcast-duration{
    color: #c3c3c3;
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 14px;
}

.hna-post-title{
    font-size: 20px;
    margin-bottom: 10px;
}
.pcast-mute {display: block;position: absolute;right: 20px;bottom: 36px;border: 0;outline: none;cursor: pointer;font-size: 16px;color: #c3c3c3;background: none;width: 24px;height: 24px;}
.pcast-mute-on {background: url(../../images/ldcd/pod-mute-on.png) center center no-repeat;background-size: 20px;}
.pcast-mute-off {background: url(../../images/ldcd/pod-mute-off.png) center center no-repeat;background-size: 20px;}
.pcast-speed {display: block;position: absolute;right: 50px;bottom: 40px;border: 0;outline: none;cursor: pointer;color: #c3c3c3;background: none;}
.svg-player-background{position: absolute;bottom: 0;left: 0;width: 100%;}
/* hna-podcast */
.hna-podcast-image {width: 200px;height: 200px;float: left;overflow: hidden;position: relative;}
.hna-podcast-image img {width: 100%;min-height: 100%;position: absolute;top: 0;object-fit: cover;}
.hna-podcast-body {width: calc(100% - 200px);position: relative;height: 200px;overflow: hidden;}
.hna-podcast-play {width: 60px;height: 60px;display: block;position: absolute;left: 70px;bottom: 70px;border-radius: 100%;background: #00000080;border: 0;font-size: 24px;color: #3e4095;outline: none;text-align: center;line-height: 60px;cursor: pointer;}
.hna-podcast-play i{line-height: 60px;}
.hna-podcast-content {padding: 20px 20px 0 20px;position: relative;z-index: 10;}
.hna-podcast-title{font-size: 20px;margin-bottom: 10px;font-family: 'Inter', Arial, sans-serif;font-weight: 700;}
.hna-podcast-content .bx-post-cate-date{margin-bottom: 10px;}
.post-content-detail p {margin: 10px 0;}