diff --git a/templates/base/head.tmpl b/templates/base/head.tmpl
index 7a2fce2aa..11a31f302 100755
--- a/templates/base/head.tmpl
+++ b/templates/base/head.tmpl
@@ -201,19 +201,24 @@ var _hmt = _hmt || [];
 				{{template "base/head_navbar" .}}
 			</div><!-- end bar -->
 			<!-- {{if not .IsCourse}} -->
-				<div  class="notic_content" id ="notic_content"  style="display: block;">
-					
+				<div  class="notic_content" id ="notic_content"  style="display: block; position: relative">
+					<diV class="ui container">
 						<marquee behavior="scroll" direction="left">
-							<a  href={{.notice.Link}} class="a_width">
 								{{range .notices.Notices}}
-									<i class="ri-arrow-right-s-line"></i>
-									{{.Title}}
+									<a  href={{.Link}} class="a_width">
+								 		{{if eq .Visible 1}}
+											<i class="ri-arrow-right-s-line"></i>
+											{{.Title}}
+										{{end}}
+									</a>
 								{{end}}
 								
-							</a>
 						</marquee>
+						<div class="item right" style="position:absolute;right: 1px;top:0px;">
+							<i class="ri-close-fill x_icon" onclick="closeNoice()"></i>
+						</div>
+					</diV>
 					
-					<i class="ri-close-fill x_icon" onclick="closeNoice()"></i>
 				</div>
 			<!-- {{end}} -->
 		{{end}}
diff --git a/web_src/less/openi.less b/web_src/less/openi.less
index fd047ab30..a4a812cce 100644
--- a/web_src/less/openi.less
+++ b/web_src/less/openi.less
@@ -606,10 +606,10 @@ display: block;
 .a_width{
 	// width: 50% !important;
 	margin-right: 20em;
-	display:inline-block !important;
+	// display:inline-block !important;
 }
 .a_width i{
-	vertical-align:middle;
+	vertical-align:middle!important;
 }
 .footer_icon{
 	display: inline-block !important;