@charset "utf-8";





.latest-wrap {width:100%;display: inline-block;}

.latest-wrap ul li {float:left;width: 50%;}

.lat-box {margin:20px 0;display: inline-block; width: 100%;}

.lat-box .date {float:left;width:90px; height:90px;background: #fff;text-align: center;border-radius:30px;border:1px solid #e3e3e3;padding:20px 0;}

.lat-box .date p {font-size: 2em; font-weight: bold;color:#14c1e5;}

.lat-box .date span {font-weight: bold; color:#666;font-size: 0.9em;}



.lat-box .content{float:left;margin:5px 20px; width:75%;max-height: 87px; height: 100px; overflow: hidden;    line-height: 120%;line-height: initial;}

.lat-box .content a { width: 100%; height: 1.6rem; margin-bottom:5px;display:inline-block;font-size: 1.4em;font-weight: 500;line-height: 100%;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

.lat-box .content em.secret {font-size: .9em; color:red; margin-bottom: 10px; display: inline-block;}

.lat-box .content > span {width: 20px; display: inline-block; height: 20px; vertical-align: top; border-radius: 5px; text-align: center; font-size: 0.8em; font-weight: bold;  line-height: 20px;margin-left:10px;}

.lat-box .content > span.new_icon {background: #f06868; color:#fff}

.lat-box .content p {font-weight: 300; color:#6a6a6a; font-size: 1em;height: 45px; line-height: 150%;overflow: hidden;display: -webkit-box;	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical; }



.lat-box .content > span.sound_only {display: none !important;	}

.empty {width: 100% !important; display: block; text-align: center;}





@media screen and (max-width: 1024px) { 

.lat-box .date {width: 20%;max-width: 90px;}

.lat-box .content {width: 75%;margin-left: 5%;margin-right: 0;text-align:left;}

}



@media screen and (max-width: 768px) { 

.lat-box {margin:15px 0;}

.latest-wrap ul li {width:100%;}

}



@media screen and (max-width: 568px) { 

.latest-wrap ul  {border-top:1px solid #777;margin:0 ;}

.latest-wrap ul li{ border-bottom:1px solid #ddd; padding:0 5%;}

.latest-wrap ul li.empty {padding:30px 0; font-size:0.8em;}

.lat-box .date {width: 100%; max-width: initial; height: auto; text-align: left; padding: 0; border: 0; background: none;}

.lat-box .date  p {font-size:1em; display: inline-block; margin-left:10px;}

.lat-box .date span {float:left;}

.lat-box .content {width: 100%; margin:0;    margin-top: 10px;}

.lat-box .content a {font-size: 1.2em; width: 100%; margin:0;}

.lat-box .content {font-size:0.8em;-webkit-line-clamp :1; height:20px;}



}