.lists {
    width: 100%;
    margin-bottom: 80px;
}

.lists li {
	display: block;
	width: 48%;
	height:35px;
	padding:0 0 0 25px ;
	font-size:15px;
	line-height: 35px;
	box-sizing: border-box;
	margin:30px 0 0 0;
	float: left;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lists li:nth-child(odd) {
    margin-right: 4%;
}
.longname-brk {
	display: block;
	width:300px;
	line-height: 17px !important;
	float:left;
}
.lists li a {
	display: inline-block;
	width: 123px;
	height: 35px;
	line-height:35px;
	text-align: center;
	background: #C82527;
	color: #fff;
	float:right;
	position: relative;
    right: 10px;
    transition: .3s;
}
.lists li a:hover {
    background: #a02829;    
}

@media screen and (max-width:768px) {
    .lists {
    width: 100%;
    margin-bottom: 0;
    }   
    .lists li {
        width: 95%;
        height:35px;
        margin:20px auto 0 auto;
        padding: 0;
        font-size:13px;
        float: none;
        letter-spacing:-.08em;
    }
    .lists li:nth-child(odd) {
        margin-right: auto;
    }
    .lists li a {
        width: 80px;
        font-size:12px;
        color: #fff !important;
        right: 0;
    }
}
@media screen and (max-width: 374px) {
    .lists li {
        width: 95%;
        height:35px;
        margin:20px auto 0 auto;
        padding: 0;
        font-size:12px;
        float: none;
        letter-spacing:-.09em;
    }
}