.content {	display: block;	width: 1100px;	background: none;	overflow: hidden;	margin: 0 auto;}

.container {width: 100%;background: fff;float: left;	display: inline-block;	overflow: hidden;	box-sizing: border-box;	height: 22px;	position: relative;	cursor: pointer;border-radius: 11px;}

.marquee-sibling {	padding: 0;	background: #fff;	width: 10%;	height:22px;	line-height:22px;font-size: 12px;	font-weight: normal;	color: #f90;	float: left;	left: 0;	z-index: 2000;}
.marquee, *[class^="marquee"] {	display: inline-block;	white-space: nowrap;	position:absolute;}

.marquee{ margin-left: 25%;}

.marquee-content-items{  display: inline-block;  margin: 0;  height: 22px;  position: relative;  width:1100px;}

.marquee-content-items li{  display: inline-block;  line-height: 22px;  color: #f90;}

.marquee-content-items li:after{	content: "|";	margin: 0 1em;}
.htmleaf-content{background: #fff;}

.close_notice{position: absolute;right:0px;top:0;z-index: 2100;display: block;width:20px;height:20px;text-align: center;color: #f90;background: #fff;animation:myfirst 1s linear ;animation-iteration-count:infinite ;border-radius: 50%;border:1px solid #f90;font-size: 14px;}
.close_notice:hover{animation-iteration-count:1 ;}

@keyframes myfirst
{
from{transform: rotate(360deg);
-ms-transform: rotate(360deg);		/* IE 9 */
-webkit-transform: rotate(360deg);	/* Safari and Chrome */
-o-transform: rotate(360deg);		/* Opera */
-moz-transform: rotate(360deg);}
to{transform: rotate(0deg);
-ms-transform: rotate(0deg);		/* IE 9 */
-webkit-transform: rotate(0deg);	/* Safari and Chrome */
-o-transform: rotate(0deg);		/* Opera */
-moz-transform: rotate(0deg);}
}
.htmleaf-container{display: none;}  /*是否关闭跑马灯*/