.table-item{
	display:flex;
	width:100%;
	position: relative;
	&:active{
		background-color:#e4ebf0;
	}

	.checkbox-container{
		width: .28rem;
		display: flex;
	    align-items: center;
	    justify-content: flex-end;
	    &.checked{
	    	color:#349af6;
	    }
	}

	.media-container{
		width: .52rem;
		display: flex;
		padding-top: .12rem;
		justify-content: flex-end;
	}

	.info-container{
		flex:auto;
		padding-left: .12rem;
		box-sizing: border-box;
	}

	.title-container{
		margin: .12rem .12rem .08rem 0;
		display: flex;
	}

	.titile-info{
		flex:auto
	}
	
	.main-title{
		font-size: .16rem;
		line-height: .2rem;
		font-weight: 600;
		color: #36434d;
		margin-bottom: .04rem;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display: block;
	}
	.submain-title{
		font-size: .14rem;
		line-height: .16rem;
		color: #667580;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display: block;
	}
	a.submain-title{
		color: #007ed9;
	}

	.title-media{
		width:.56rem;
	}

	ul{
		margin: 0 .12rem .12rem 0;
		padding: .06rem .08rem;
		color: #667580;
		background-color: #f7f8f9;
	}
	li{
		line-height: .16rem;
		font-size: .14rem;
		padding:.02rem 0;
		display: flex;
		.item-right{
			flex: auto;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			text-align: right;
			font-size: .14rem;
		}
		.sep-con{
			width: .18rem;
		}
		.sub-title{
			max-width: 1rem;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
		.avatar-small{
			margin-left: 4px;
		}
	}

}
.icon-radio{
	display:inline-block;
	height: .16rem;
	width: .16rem;
	border-radius:.08rem;
	border: 1px solid #acb7bf;
	box-sizing: border-box;
}
.icon-radio-active{
	display:inline-block;
	height: .16rem;
	width: .16rem;
	border-radius:.08rem;
	border: 1px solid #007ed9;
	box-sizing: border-box;
	&:after{
		width: .06rem;
		height: .06rem;
		background-color: #007ed9;
		border-radius:.03rem;
		content:' ';
		position: absolute;
		margin:.04rem;
	}
}