body {
	margin: 0px;
	padding: 0px;
}

.idle-body {
	padding-top: 0px !important;
}

.idle-bg{
	display: none;
	width: 100%;
    height: 100%;
    backdrop-filter: brightness(50%) blur(10px);
    position: fixed;
    z-index: 4005;
}

.idle-content{
	max-width:970px;
	height: 700px;
	position: relative;
	margin: 69px auto 0;
	/*text-align: center;*/
	display: block;
}
.idle-list{
	list-style: none;
}
.idle-item{
	width: 46%;
	max-width: 446px;
	min-width: 260px;
	height: 125px;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 35px;
	position: relative;
	display: inline-block;
    margin: 5px;
}
.idle-thumb{
	width: 125px;
	height: 125px;
	position: absolute;
	object-position: 50% 50%;
    object-fit: cover;
	left: 0px;
	top: 0px;
	border-radius: 33px 0 0 33px;
}
a.idle-link{
    float: left;
    margin: 12px 0 0 138px;
    max-width: 283px;
    display: inline-block;
    height: 100%;
    max-height: 80px;
    font-size: 19px;
    line-height: 137%;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    color: #444;
    transition: all 0.3s ease-in-out;
    padding-right: 11px;
    word-break: break-all;
}
a.idle-link:hover{
	color:#666;
	filter: brightness(1.2);

}

.idle-data{
	position: absolute;
	left: 138px;
	bottom: 3px;
	font-size: 16px; 
	color: #777;
}
.idle-author{
    border-right: 1px solid #999;
    padding-right: 5px;
    max-width: 146px;
    text-overflow: ellipsis;
    display: inline-block;
    height: 23px;
    overflow: hidden;
    text-align: left;
    word-break: break-all;
	vertical-align: middle;
}
.idle-time{
	/*vertical-align: middle;*/
	margin-left: 6px;
}

.idle-close{
	position: absolute;
	right: -8px;
	top :-60px;
}
.idle-close:hover{
	filter: brightness(1.2);
	transition: all 0.3s ease-in-out;
}
.idle-hint
{
	position: absolute;
	right: 65px;
	top :-42px;
}

@media screen and  (max-width: 991px) {
	.idle-bg{
		display: none !important;
	}
	.idle-content{
		margin-top :66px;
	}
	.idle-list{
		padding: 0px;

	}
	.idle-item{
		width: 97%;
		max-width: 991px;

	}
	.idle-thumb{
		display: none;
	}	
	.idle-link{
	    margin: 16px 0 0 20px;
	    max-width: 985px;
	    padding-right: 16px;
		text-align: center;
		font-size: 24px;
		max-height: 95px;
	}	
	.idle-data{
		left: 20px;
		bottom: 10px;
		width: 95%;
	}
	.idle-author{
	    max-width: 250px;

	}
	.idle-close{
		position: absolute;
		right: 6px;
		top :-60px;
	}
	.idle-hint{
		display: none;
	}
}

@media screen and  (max-width: 400px) {
	.idle-list li:nth-child(even){
		display: none;
	}
}

.ad_banner_1 {
	display: inline-flex;
}