.lat .lat_title {

    border-bottom: 2px solid #42abfe;

    position: relative;
}

.lat.best .lat_title {

    border-bottom: 2px solid var(--color-orange);

    position: relative;
}

.lat .lat_title a:after {
    background: none;
}

.lat.best .lat_title::after {
    position: absolute;
    bottom: -5px;
    right: 0;
    width: 10px;
    height: 10px;
    background: var(--color-orange);
    content: '';
}

.lat .lat_title::after {
    position: absolute;
    bottom: -5px;
    right: 0;
    width: 10px;
    height: 10px;
    background: #42abfe;
    content: '';
}

.lat ul {
    padding: 3px 0px;
}

.lat li {
    border-bottom: 2px solid #d2d2d2;
    padding-left: 0;
		display: flex;
		align-items: center;
}

.lat li:before {
    background: none;
}


.lat span.num {
    padding-right: 10px;
    font-weight: 600;
}

.lat.best li.num0 span.num {
    color: var(--color-orange);
}

.lat li.num0 span.num {
    color: #42abfe;
}

.lat li span,
.lat li a {
    color: #666;
}

.lat li.num0 a,
.lat li.num0 span {
    color: black;
    font-weight: 500;
}

.lat li a {
	max-width: 68%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}

.lat .lt_more {
    font-size: 16px;
}

.lat .lt_more::after {
	content: "\e914";
  font-family: 'xeicon';
  font-weight: 400;
	font-size: 22px;
  color: var(--color-orange);
  position: absolute;
	top: 1px;
}

@media screen and (max-width: 768px) { 
	.lat li a {max-width: 55%;}
}

@media screen and (max-width: 500px) { 
	.lat li a {max-width: 70%;}
}