.container{
    background-color: #FFFFFF;
    width: 1200px;
    height: 100%;
    color: #000000;
}

.container img{
    border:1px solid #e0e0e0;
}

.add-img{
    width: 100%;
    display: block;
    overflow:hidden;
}

.add-img img {
    width: 100%;
    transition: all .3s;
}

.add-img:hover img {
    transform: scale(1.1);
}

.block-container{
    display: flex;
    width: 1200px;
    margin-top: 55px;
}

.delta-header{
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	padding:10px 40px;
	margin-top:18px
}

.delta-header .podcast-logo{
	width:168px;
	height:168px
}

.delta-header .dh-right{
	position:relative;
	padding-left:40px;
	width:100%;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
}

.delta-header .delta-logo{
	height:22px;
	border:none;
}

.delta-header .d-tit{
	font-size:30px;
	font-weight:600;
	color:#000000;
}

.delta-header .d-authors{
	margin-top:0px;
}

.delta-header .d-authors a{
	display:inline-block;
	margin-top: 5px;
}

.d-authors .auth-img{
	width:32px;
	border-radius:50%;
	vertical-align: baseline;
}

.d-authors .ml20{
	margin-left:20px
}

.d-authors .mr20{
	margin-right:20px
}

.d-authors .auth-name{
	color:#000000;
	text-decoration:underline;
	margin-left:10px
}

.delta-header .listen-btn{
	width: 120px;
	height: 30px;
	background: #BA2F2A;
	border-radius: 3px;
	color:#FFFFFF;
	position:absolute;
	right:0px;
	bottom:10px;
	font-size:18px;
	font-weight:600;
	text-align:center;
}

.dd-block{
	width:100%;
	height:232px;
	background:#585757;
	margin-top: 40px;
	border-radius:5px
}

.dd-player{
	width:70%;
	display:inline-block
}
	
.label-left{
    background-color: #585757;
    width: 500px;
    height: 408px;
}

.label-right{
    background-color: #585757;
    width: 700px;
    height: 408px;
}

.label-right img
{
    width:100%;
}

.top-image1 {
    width: 232px;
    height: 410px;
    position: relative;
    border-bottom: solid #DADADA 1px;
}

.top-image1:nth-of-type(n+2) {
    margin-left: 10px;
}

.top-image1:nth-of-type(6n) {
    margin-left: 0px;
}

.img-line3{
    position:relative;
    margin-left: 10px;
    width: 232px;
    height: 280px;
    border-bottom:solid #DADADA 1px;
}

.img-line3:nth-of-type(3n+1) {
    margin-left:20px
}

.img-line3 img
{
    width:232px;
    height:140px;
}

.img-line4 {
    margin-left: 10px;
    width: 232px;
    height: 280px;
}

.text1 {
    display: block;
    font-family: 'Times New Roman', Times, serif;
    font-size: 30px;
    font-weight: bold;
    color: #ffff;
    line-height: 34px;
    width: 440px;
    text-overflow :ellipsis;
    overflow : hidden;
}

.text2{
    display: block;
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    width: 440px;
    height: 20px;
    text-overflow :ellipsis;
    overflow : hidden;
}

.text2 a{
    color:#FFFFFF;
}

.text3{
    margin-top: 37px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 22px;
    width: 440px;
	text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.text4 {
    margin-top: 10px;
    color: #000000;
    font-size: 18px;
    font-family: Times-Bold;
    line-height: 20px;
    font-weight: bold;
    width: 232px;
    text-overflow: ellipsis;
    overflow: hidden;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.text5{
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    width: 232px;
    text-overflow :ellipsis;
    overflow : hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.text6 {
    display: table;
    font-size: 14px;
    line-height: 20px;
    height: 26px;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #BA2F2A;
    padding: 3px 6px;
    color: #ffffff;
    margin-bottom:5px;
}

.text7 {
    width: fit-content;
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
    height: 26px;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #BA2F2A;
    padding: 3px 6px;
    color: #ffffff;
}


.author {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    /*font-weight: 600;*/
    max-width: 120px;
  height: 20px;
  text-overflow :ellipsis;
  overflow : hidden;
    white-space: nowrap;
    vertical-align: bottom;
}

.author a{
    color:#666666
}

.author2 {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin-top: 4px;
	max-width:325px;
	height:20px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	vertical-align:bottom;
	color:#FFFFFF;
}

.author2 a {
    color: #FFFFFF;
    font-size: 14px;
}

.Vertical-line {
    color: #CCCCCC;
    /* margin-left: 35px */
}

.date {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    width: 80px;
    color: #666666;
}

.greyLine{
    height: 1px;
    border-top: solid #DADADA 1px;
    margin-top: 20px;
}

.blackLine2{
    display: block;
    width: 100%;
    height: 1px;
    border-top: solid #000000 1px;
    margin-top: 9px
}

.blackLine{
    display: block;
    width: 100%;
    height: 1px;
    border-top: solid #000000 1px;
    margin-top: 9px
}

.community {
    display: flex;
    width: 1200px;
    flex-wrap: wrap;
}

.community a{
	margin-right:20px;
}
.community a:nth-of-type(4n) {
    margin-right: 0;
}

.community a:nth-of-type(n+3) .blackLine {
    display:none;
}


.splitLine{
    height: 1px;
    border-top: solid #000000 5px;
    margin-top: 60px;
}

.splitLine-title{
    display: inline-block;
    margin-top: 7px;
}

.title{
    font-size: 24px;
    font-weight: bold;
    line-height: 33px;
    margin-top: 7px;
    color: #000000;
}

.arror{
    display: inline-block;
    overflow: hidden;
    margin: 0px 0 -1px 14px;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}
.ty3 a{
	margin-right:0px;
}

.ty3 .top-image1{
	width:24%;
	height:520px
}

.ty3 .top-image1:nth-of-type(3n-2){
	width:50%;
}

.ty3 .text5{
	-webkit-line-clamp: 8;
}

.ty3 .top-image1:nth-of-type(3n-2) .text5{
	-webkit-line-clamp: 2;
}

.favorites-box {
    width: 33.3%;
}

.favorites-box:nth-of-type(3n) {
    margin-bottom:20px;
}

.favorites-box:nth-of-type(3n) {
    padding-left:12px;
}

.favorites-box:nth-of-type(3n+1) {
    padding-right:12px;
}

.favorites-box:nth-of-type(3n+2) {
	padding-left:6px;
    padding-right:6px;
}

.fav-line{
	width:37px;
	height:1px;
	margin-top:5px;
	border-top:1px solid #CCCCCC;
}


.top-image1.favorites{
	height:auto;
	width:auto;
	border:none;
}

.top-image1.favorites:nth-of-type(n+2) {
    margin-left: 0px;
}
.top-image1.favorites:nth-of-type(n+1)>:nth-child(2){
	display:block;
}
.top-image1.favorites:nth-of-type(n+2)>:nth-child(2){
	display:none;
}

.top-image1.favorites .hidd{
	display:none;
}

.top-image1.favorites:nth-of-type(8n+1) .hidd{
	display:block;
}

.top-image1.favorites a.hidd {
	margin-bottom: 25px;
}

.favorites-box a{
	margin-right:0;
}



.Community-block{
    display: block;
    margin-left: 38px;
    height: 126px;
    width: 425px;
    color: #000000;
}

.Community-name{
    display: block;
    font-size: 20px;
    line-height: 33px;
    font-weight: bold;
	color: #000000;
}

.Community-describe{
    font-size: 14px;
    line-height: 20px;
    width:425px;
    text-overflow :ellipsis;
    overflow : hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 10px;
}

.Community-image{
    height: 104px;
    width: 104px;
    border-radius:50%;
    border: 1px solid #e0e0e0;
}

.acad {
    background: url(../img/academic-c-tip.png) no-repeat center/cover;
    position: absolute;
    width: 124px;
    height: 108px;
    left: 81px;
	top:0
}

.community_more {
    font-size: 16px;
    color: #D04237;
    float: right;
    margin-top: 15px;
    margin-right: 5px;
}

.top-left-m {
    margin: 40px 50px 15px 30px;
}
.foot-box {
    margin: 11px 0 45px 0;
}
.authorBlock {
    width: 100%;
    text-align: center;
}
.blackLine3 {
    display: none
}
.w464{
    width:464px
}
.type-box {
    margin-top: 11px;
    display: flex;
}
.h299 {
    height: 299px;
    background-color: #585757;
    position: relative
}
.sub-type-list {
    display: flex;
    width: 100%;
    height: 580px;
    flex-wrap: wrap
}
.text3w {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    color: #FFFFFF;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
.tag-box {
    position: absolute;
    bottom: 7px
}

.community.fav{
	padding-bottom: 35px;
	border-bottom: 1px solid #cccccc;
}

.top-image1.favorites .text5{
	display:none;
}

.top-image1.favorites .text4{
	font-family: inherit;
    width: auto;
    min-height: 45px;
    font-size: 16px;
}

.donateBtn{
	width: 160px;
	height: 30px;
	background: transparent;
	border-radius: 3px;
	color: #BA2F2A;
	position: absolute;
	left: 30px;
	bottom: 20px;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	border:1px solid #BA2F2A
}

.donateBtn:hover{
	background: #BA2F2A;
	color: #FFFFFF;
}

@media only screen and (max-width: 1043px){
	.mb-hid {
		display: none;
	}
}


@media only screen and (max-width: 768px) {
    .container{
        width:100%;
    }
    .block-container {
        margin-top: 25px;
        flex-direction: column-reverse;
        width: 100%;
    }
	.delta-header{
		flex-direction: row;
		margin-top:20px;
		padding:20px 10px;
		margin-bottom:20px;
	}
	
	.delta-header .podcast-logo{
		width:140px;
		height:140px
	}
	
	.delta-header .dh-right{
		padding-left:10px;
	}
	
	.delta-header .delta-logo{
		margin-top:0
	}
	
	.delta-header .d-tit{
		font-size:18px;
		margin-top:10px;
		line-height:1
	}
	
	.delta-header .d-authors{
		margin-top:5px;
	}
	
	.d-authors .auth-img{
		width:25px;
	}
	
	.d-authors .ml20{
		margin-left:0px
	}
	
	.d-authors .mr20{
		margin-right:0px
	}

	.d-authors .auth-name{
		margin-top:5px;
		font-size:12px;
		margin-left:0;
		margin-right:15px;
		display: inline-block;
	}
	
	.delta-header .listen-btn{
		width: 85px;
		height: 25px;
		border-radius: 3px;
		bottom:-10px;
		font-size:14px;
		line-height:25px;
	}
	
	.dd-block{
		margin: 15px 0 40px;
		background: transparent;
		padding: 0 20px;
	}

	.dd-player{
		width:100%;
	}
	
	.mb-hid {
		display: none;
	}
    .label-right {
        width: 100%;
        height: auto;
    }
    .label-left {
        width: 100%;
        height: auto;
    }
    .top-left-m {
        margin: 20px 20px 10px 20px;
    }
    .text1 {
        font-size: 20px;
        color: #ffff;
        line-height: 26px;
        width: 100%;
        height: auto;
    }
    .text3 {
        margin-top: 15px;
        font-size: 16px;
        line-height: 20px;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .top-image1 {
        width: 100%;
        height: auto;
        padding-bottom: 75px;
    }
	.top-image1:nth-of-type(n+2) {
		margin-left: 0;
	}
	.top-image1 .text4 {
        margin-left:20px;
		margin-right:20px;
    }
	.top-image1 .text5 {
        margin-left:20px;
		margin-right:20px;
    }
	.top-image1 .text6 {
        margin-left:20px;
    }
	.top-image1 .author {
        margin-left:20px;
    }
	.community a:nth-of-type(2n){
		margin-left:0;
	}
	.splitLine-title{
		margin-left:20px;
	}
    .text4 {
        -webkit-line-clamp: 2;
        font-size: 16px;
        width: auto;
    }
    .text5 {
        font-size: 12px;
        width: auto;
        -webkit-line-clamp: 2;
    }
    .foot-box {
       margin: 11px 0 30px 0;
    }
	.foot-box.yfav{
	   margin: 0 0 20px 0;
	}
    .community {
        width: 100%;
    }
    .authorBlock {
        width: 100%;
    }
    .Community-block {
        margin-left: 15px;
        width: calc(100% - 158px);
    }
    .Community-describe{
        width:100%;
		height:60px;
    }
    .blackLine{
        display:none
    }
    .blackLine3 {
        display: block;
        width: 100%;
        height: 1px;
        background: #000000;
        margin-top: 10px;
    }
    .w464 {
        width: 100%
    }
    .type-box {
        flex-direction: column;
    }
    .h299 {
        height: auto;
        padding-bottom:70px
    }
    .img-line3:nth-of-type(3n+1){
        margin-left:0
    }
    .sub-type-list {
        height: auto;
    }
    .text3w {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .img-line3 {
        width: 100%;
        height: auto;
        padding-bottom: 15px;
        margin-top: 15px;
        margin-left: 0
    }
	.img-line3 img {
		width: 100%;
		height: auto
	}
	.img-line3 .add-img {
		display: inline-block;
		width: calc(40% - 30px);
		height: auto;
		margin-left:15px;
	}
	.img-line3 .text7{
		color:#666666;
		background:transparent;
		padding:0;
		display:none;
    }
    .tag-box {
        position: absolute;
        bottom: 15px;
        left:40%;
    }
    .img-line3 .add-tit {
        width: 60%;
        float:right
    }
    .img-line3 .add-tit span{
        margin-top:0
    }
	.community.fav{
		padding-bottom: 0px;
		border-bottom: none;
	}
	.top-image1.favorites:nth-of-type(8n+1) .hidd{
		display: none;
	}
	
	.top-image1.favorites{
		padding-top:15px;
		padding-bottom: 15px;
	}
	.favorites-box{
		width:100%;
	}
	.fav-line{
		width:100%;
	}
	.favorites-box .fav-line{
		display:none;
	}
	.favorites-box .fav-line:nth-of-type(2){
		display:block;
	}
	.favorites-box .favorites{
		display:none;
	}
	.favorites-box .favorites:nth-of-type(1){
		display:block;
	}
	.top-image1.favorites:nth-of-type(n+1)>:nth-child(2){
		display:unset;
	}
	
	.favorites-box:nth-of-type(3n+2) {
		padding-left: 0;
		padding-right: 0;
	}
	.favorites-box:nth-of-type(3n+1){
		padding-right:0
	}
	.favorites-box:nth-of-type(3n) {
		padding-left: 0;
		margin-bottom:0;
	}
	.favorites-box .title{
		margin-left: 20px;
		font-size: 14px;
		line-height: 20px;
		height: 26px;
		text-overflow: ellipsis;
		overflow: hidden;
		background: #BA2F2A;
		padding: 3px 6px;
		color: #ffffff;
		width: fit-content;
	}
	.top-image1.favorites .text4{
		min-height: auto;
	}
	.top-image1.favorites .text5{
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		margin-top: 5px;
		margin-bottom: 5px;
	}
}