*{
	margin: 0;
	padding: 0;
}
body{
	background-color: #f6f6f6;
}
ul,li{
	list-style: none;
}
a{
	text-decoration: none;
}
.bg{
	margin: 0.5rem;
}
.news{
	margin: 5rem 0 8rem;
}
.news img{
	width: 100%;

}
.news .crumbs{
	margin-top: 0.5rem;
}
.news .crumbs ul{
	display: flex;
	
}
.news .crumbs ul li{
	padding-left: 0.3rem;
	
}
.news .crumbs ul li:nth-child(1){
	padding-left: 0;
}
.news .crumbs ul li a{
	font-size: 14px;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}
.row{
    /* text-align: center; */
	
}
.span{
    float: left;
    
    border-radius: 1px;

}
.span:last-child{
    margin-right: 0px;
}
.timer{
    width: 18px;
    height: 18px;
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 2px #999;
    border-radius: 50%;
    position: relative;
     
 }
.timer:after, .timer:before{
    position: absolute;
    content:"";
    background-color: #999;
}
.timer:after{
    width: 7px;
    height: 1.5px;
    top: 8px;
    left: 8px;
    -webkit-transform-origin: 1px 1px;
       -moz-transform-origin: 1px 1px;
            transform-origin: 1px 1px;
    -webkit-animation: minhand 2s linear infinite;
       -moz-animation: minhand 2s linear infinite;
            animation: minhand 2s linear infinite;
}


.timer:before{
    width: 5px;
    height: 1.5px;
    top: 8px;
    left: 8px;
    -webkit-transform-origin: 1px 1px;
       -moz-transform-origin: 1px 1px;
            transform-origin: 1px 1px;
    -webkit-animation: hrhand 8s linear infinite;
       -moz-animation: hrhand 8s linear infinite;
            animation: hrhand 8s linear infinite;
}

@-webkit-keyframes minhand{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes minhand{
    0%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(360deg)}
}
@keyframes minhand{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}

@-webkit-keyframes hrhand{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes hrhand{
    0%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(360deg)}
}
@keyframes hrhand{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
.news .news_content .news_list{
	margin-top: 1rem;
	background-color: #fff;
	padding: 0.5rem;
}
.news .news_content .news_list a{
	display: flex;
	justify-content: space-between;
	
}
.news .news_content .news_list a .list_left{
	
	width: 62%;
	
}

.news .news_content .news_list a .list_left .date .time{
	margin-left: 1rem;
        margin-top: 0.1rem;
	font-size: 14px;
	color: #999;
}
.news .news_content .news_list a .list_left .news_title{
	font-size: 14px;
	color: #000;
	margin-top: 0.5rem;
	letter-spacing: 2px;
}
.news .news_content .news_list a .list_left .news_p{ 
	margin-top: 0.5rem;
	
}
.news .news_content .news_list a .list_left .news_p p{ 
	font-size: 12px;
	color: #999;
	letter-spacing: 3px;
}
.news .news_content .news_list a .list_right{
	width: 38%;
}
.news .news_content .news_list a .list_right img{
	width: 100%;
}