#navlink{
    position: relative;
    margin-bottom: 30px;
    margin-top: 15px;
}
#navlink .titlebar{
    display: flex;
}
.roow{
    display: flex;
    position: relative;
    padding: 10px 0;
    align-items: center;
}
a.maskk{
    position: absolute;
    width: 100%;
    height: 100%;
}
.roow:before{
	content:"";
	background: linear-gradient(87deg, #cc531c 1%, #3180b1 50%, #3392db 54%, #0d4b7a 88%);
	width: 100%;
	height: 2px;
	bottom: 0;
	position: absolute;
}
.roow:last-child:before{
    display: none;
}
.roow .time{
    width: 35%;
}
#navlink .roow .time p{
    font-size: 24px;
}
.roow .name{
    width: 39%;
}

.roow .place{
    width: 25%;
}
#navlink .roow p, #navlink .name>p>a{
    font-size: 23px;
    color: #236da0;
    padding: 9px 5px;
    font-weight: 500;
}
#navlink .titlebar .nowimg:nth-child(1){
    width: 35%;
}
#navlink .titlebar .nowimg img{
    width: 170px;
}
#navlink .titlebar .nowimg:nth-child(2){
    width: 38%;
}
#navlink .titlebar .nowimg:nth-child(3){
    width: 27%;
}
@media screen and (max-width: 480px) {
	#navlink .titlebar .nowimg img{
	    width: 166px;
	}
	.roow p{
	    font-size: 17px;
	    word-break: break-word;
	}
	#navlink .roow .time p, #navlink .name>p>a{
	    font-size: 22px;
	}
	.roow .time{
	    width: 26%;
	}
	.roow .name{
	    width: 37%;
	}
	.roow .place{
	    width: 37%;
	}
	#navlink .titlebar .nowimg:nth-child(1){
	    width: 33.3%;
	}
	#navlink .titlebar .nowimg:nth-child(2){
	    width: 33.3%;
	    margin-left: -82px;
	}
	#navlink .titlebar .nowimg:nth-child(3){
	    width: 33.3%;
	    margin-left: 28px;
	}
	.roow .name p{
		overflow: hidden;
		margin: 10px 0;
		height: 27px;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.JJlistban{
    overflow: scroll;
}
	#navlink{
	    width: 1090px;
	}
	
}