diff --git a/common/src/main/resources/static/adminlte/css/skins/skin-black-light2.css b/common/src/main/resources/static/adminlte/css/skins/skin-black-light2.css
new file mode 100644
index 00000000..db1ee505
--- /dev/null
+++ b/common/src/main/resources/static/adminlte/css/skins/skin-black-light2.css
@@ -0,0 +1,163 @@
+/*
+ * Skin: Black
+ * ----------
+ */
+.main-header .navbar {
+  background-color: #303643;
+}
+.main-header .navbar .nav > li > a {
+  color: #ffffff;
+}
+.main-header .navbar .nav > li > a:hover,
+.main-header .navbar .nav > li > a:active,
+.main-header .navbar .nav > li > a:focus,
+.main-header .navbar .nav .open > a,
+.main-header .navbar .nav .open > a:hover,
+.main-header .navbar .nav .open > a:focus,
+.main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.1);
+  color: #f6f6f6;
+}
+.main-header .navbar .sidebar-toggle {
+  color: #ffffff;
+}
+.main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.1);
+}
+.main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.main-header .navbar .sidebar-toggle:hover {
+  background-color: #367fa9;
+}
+@media (max-width: 767px) {
+  .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .main-header .navbar .dropdown-menu li a:hover {
+    background: #367fa9;
+  }
+}
+.main-header .logo {
+/*   background-color: #2A579A; */
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.main-header .logo:hover {
+/*   background-color: #204F93; */
+  background: rgba(0, 0, 0, 0.2);
+}
+.main-header li.user-header {
+  background-color: #2A579A;
+}
+.content-header {
+  background: transparent;
+}
+.sidebar,
+.left-side {
+  background-color: #E3E7EC;
+}
+.content-wrapper,
+.main-footer {
+  border-left: 1px solid #d2d6de;
+}
+.user-panel > .info,
+.user-panel > .info > a {
+  color: #555;
+}
+.sidebar-menu > li {
+  -webkit-transition: border-left-color 0.3s ease;
+  -o-transition: border-left-color 0.3s ease;
+  transition: border-left-color 0.3s ease;
+}
+.sidebar-menu > li.header {
+  color: #848484;
+  background: #E3E7EC;
+}
+.sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+  font-weight: 600;
+}
+.sidebar-menu > li:hover > a,
+.sidebar-menu > li.active > a {
+  color: #000;
+  background: #EAEDF1;
+}
+.sidebar-menu > li.active {
+  border-left-color: #2A579A;
+}
+.sidebar-menu > li.active > a {
+  font-weight: 600;
+}
+.sidebar-menu > li > .treeview-menu {
+  background: #EAEDF1;
+}
+.sidebar a {
+  color: #555;
+}
+.sidebar a:hover {
+  text-decoration: none;
+}
+.treeview-menu > li > a {
+  color: #555;
+}
+.treeview-menu > li.active > a,
+.treeview-menu > li > a:hover {
+  color: #000;
+}
+.sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #d2d6de;
+  margin: 10px 10px;
+}
+.sidebar-form input[type="text"],
+.sidebar-form .btn {
+  box-shadow: none;
+  background-color: #fff;
+  border: 1px solid transparent;
+  height: 35px;
+}
+.sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.sidebar-form input[type="text"]:focus,
+.sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+@media (min-width: 768px) {
+  .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
+    border-left: 1px solid #d2d6de;
+  }
+}
+.main-footer {
+  border-top-color: #d2d6de;
+}
+.skin-blue.layout-top-nav .main-header > .logo {
+  background-color: #2A579A;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-blue.layout-top-nav .main-header > .logo:hover {
+  background-color: #3b8ab8;
+}
+
+.sidebar-menu .treeview-item.active > a {color:#000;background-color:#fff;}
diff --git a/common/src/main/resources/static/adminlte/css/skins/skin-black2.css b/common/src/main/resources/static/adminlte/css/skins/skin-black2.css
new file mode 100644
index 00000000..e6519ca1
--- /dev/null
+++ b/common/src/main/resources/static/adminlte/css/skins/skin-black2.css
@@ -0,0 +1,143 @@
+/*
+ * Skin: Black
+ * ----------
+ */
+.main-header .navbar {
+  background-color: #263238;
+}
+.main-header .navbar .nav > li > a {
+  color: #ffffff;
+}
+.main-header .navbar .nav > li > a:hover,
+.main-header .navbar .nav > li > a:active,
+.main-header .navbar .nav > li > a:focus,
+.main-header .navbar .nav .open > a,
+.main-header .navbar .nav .open > a:hover,
+.main-header .navbar .nav .open > a:focus,
+.main-header .navbar .nav > .active > a {
+  background: rgba(0, 0, 0, 0.2);
+  color: #f6f6f6;
+}
+.main-header .navbar .sidebar-toggle {
+  color: #ffffff;
+}
+.main-header .navbar .sidebar-toggle:hover {
+  color: #f6f6f6;
+  background: rgba(0, 0, 0, 0.2);
+}
+.main-header .navbar .sidebar-toggle {
+  color: #fff;
+}
+.main-header .navbar .sidebar-toggle:hover {
+  background-color: #367fa9;
+}
+@media (max-width: 767px) {
+  .main-header .navbar .dropdown-menu li.divider {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .main-header .navbar .dropdown-menu li a {
+    color: #fff;
+  }
+  .main-header .navbar .dropdown-menu li a:hover {
+    background: #367fa9;
+  }
+}
+.main-header .logo {
+/*   background-color: #367fa9; */
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.main-header .logo:hover {
+/*   background-color: #357ca5; */
+  background: rgba(0, 0, 0, 0.2);
+}
+.main-header li.user-header {
+  background-color: #3c8dbc;
+}
+.content-header {
+  background: transparent;
+}
+.sidebar,
+.left-side {
+  background-color: #263238;
+}
+.user-panel > .info,
+.user-panel > .info > a {
+  color: #fff;
+}
+.sidebar-menu > li.header {
+  color: #4b646f;
+  background: #1a2226;
+}
+.sidebar-menu > li > a {
+  border-left: 3px solid transparent;
+}
+.sidebar-menu > li:hover > a,
+.sidebar-menu > li.active > a {
+  color: #ffffff;
+  background: #2c3b41;
+/*   border-left-color: #3c8dbc; */
+}
+.sidebar-menu > li > .treeview-menu {
+  margin: 0 1px;
+  background: #2c3b41;
+}
+.sidebar a {
+  color: #b8c7ce;
+}
+.sidebar a:hover {
+  text-decoration: none;
+}
+.treeview-menu > li > a {
+  color: #abb1b7;
+}
+.treeview-menu > li.active > a,
+.treeview-menu > li > a:hover {
+  color: #ffffff;
+}
+.sidebar-form {
+  border-radius: 3px;
+  border: 1px solid #374850;
+  margin: 10px 10px;
+}
+.sidebar-form input[type="text"],
+.sidebar-form .btn {
+  box-shadow: none;
+  background-color: #374850;
+  border: 1px solid transparent;
+  height: 35px;
+}
+.sidebar-form input[type="text"] {
+  color: #666;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 2px;
+}
+.sidebar-form input[type="text"]:focus,
+.sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  background-color: #fff;
+  color: #666;
+}
+.sidebar-form input[type="text"]:focus + .input-group-btn .btn {
+  border-left-color: #fff;
+}
+.sidebar-form .btn {
+  color: #999;
+  border-top-left-radius: 0;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 0;
+}
+.skin-blue.layout-top-nav .main-header > .logo {
+  background-color: #3c8dbc;
+  color: #ffffff;
+  border-bottom: 0 solid transparent;
+}
+.skin-blue.layout-top-nav .main-header > .logo:hover {
+  background-color: #3b8ab8;
+}
+
+.sidebar-menu .treeview-item.active > a {color:#fff;background-color:#3c8dbc;}
+
+
diff --git a/modules/core/src/main/resources/views/modules/sys/sysSwitchSkin.html b/modules/core/src/main/resources/views/modules/sys/sysSwitchSkin.html
index 21dda5aa..103c7c97 100644
--- a/modules/core/src/main/resources/views/modules/sys/sysSwitchSkin.html
+++ b/modules/core/src/main/resources/views/modules/sys/sysSwitchSkin.html
@@ -1,4 +1,4 @@
-<% layout('/layouts/default.html', {title: '切换主题风格'}){ %>
+<% layout('/layouts/default.html', {title:'切换主题风格'}){ %>
 <link rel="stylesheet" href="${ctxStatic}/icheck/1.0/square/blue.css?${_version}">
 <style>
 	.list-unstyled{margin:10px;}
@@ -6,105 +6,143 @@
 	.full-opacity-hover:hover{border:1px solid #f00;}
 </style>
 <ul class="list-unstyled clearfix">
-	<li style="float:left; width: 33.33333%; padding: 5px;">
-		<a href="javascript:" data-skin="skin-blue" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
-			<span style="display:block; width: 20%; float: left; height: 13px; background: #367fa9"></span>
-			<span class="bg-light-blue" style="display:block; width: 80%; float: left; height: 13px;"></span>
-			<span style="display:block; width: 20%; float: left; height: 30px; background: #222d32"></span>
-			<span style="display:block; width: 80%; float: left; height: 30px; background: #f4f5f7"></span>
+	<li style="float:left;width:33.33333%;padding:5px;">
+		<a href="javascript:" data-skin="skin-blue" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
+			<span style="display:block;width:20%;float:left;height:13px;" class="bg-light-blue-active"></span>
+			<span style="display:block;width:80%;float:left;height:13px;" class="bg-light-blue"></span>
+			<span style="display:block;width:20%;float:left;height:30px;background:#222d32"></span>
+			<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
 		</a>
 		<p class="text-center no-margin">蓝</p>
 	</li>
-	<li style="float:left; width: 33.33333%; padding: 5px;">
-		<a href="javascript:" data-skin="skin-black" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
-			<span style="display:block; width: 20%; float: left; height: 13px; background: #fefefe"></span>
-			<span style="display:block; width: 80%; float: left; height: 13px; background: #fefefe"></span>
-			<span style="display:block; width: 20%; float: left; height: 30px; background: #222"></span>
-			<span style="display:block; width: 80%; float: left; height: 30px; background: #f4f5f7"></span>
+	<li style="float:left;width:33.33333%;padding:5px;display:none;">
+		<a href="javascript:" data-skin="skin-black" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
+			<span style="display:block;width:20%;float:left;height:13px;background:#fefefe"></span>
+			<span style="display:block;width:80%;float:left;height:13px;background:#fefefe"></span>
+			<span style="display:block;width:20%;float:left;height:30px;background:#222d32"></span>
+			<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
 		</a>
 		<p class="text-center no-margin">白</p>
 	</li>
-	<li style="float:left; width: 33.33333%; padding: 5px;">
-		<a href="javascript:" data-skin="skin-purple" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
-			<span style="display:block; width: 20%; float: left; height: 13px;" class="bg-purple-active"></span>
-			<span class="bg-purple" style="display:block; width: 80%; float: left; height: 13px;"></span>
-			<span style="display:block; width: 20%; float: left; height: 30px; background: #222d32"></span>
-			<span style="display:block; width: 80%; float: left; height: 30px; background: #f4f5f7"></span>
+	<li style="float:left;width:33.33333%;padding:5px;">
+		<a href="javascript:" data-skin="skin-black2" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
+			<span style="display:block;width:20%;float:left;height:13px;background:#303643"></span>
+			<span style="display:block;width:80%;float:left;height:13px;background:#303643"></span>
+			<span style="display:block;width:20%;float:left;height:30px;background:#222d32"></span>
+			<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
+		</a>
+		<p class="text-center no-margin">黑</p>
+	</li>
+	<li style="float:left;width:33.33333%;padding:5px;">
+		<a href="javascript:" data-skin="skin-purple" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
+			<span style="display:block;width:20%;float:left;height:13px;" class="bg-purple-active"></span>
+			<span style="display:block;width:80%;float:left;height:13px;" class="bg-purple"></span>
+			<span style="display:block;width:20%;float:left;height:30px;background:#222d32"></span>
+			<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
 		</a>
 		<p class="text-center no-margin">紫</p>
 	</li>
-	<li style="float:left; width: 33.33333%; padding: 5px;">
-		<a href="javascript:" data-skin="skin-green" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
-			<span style="display:block; width: 20%; float: left; height: 13px;" class="bg-green-active"></span><span class="bg-green" style="display:block; width: 80%; float: left; height: 13px;"></span>
-			<span style="display:block; width: 20%; float: left; height: 30px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 30px; background: #f4f5f7"></span>
+	<li style="float:left;width:33.33333%;padding:5px;">
+		<a href="javascript:" data-skin="skin-green" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
+			<span style="display:block;width:20%;float:left;height:13px;" class="bg-green-active"></span>
+			<span style="display:block;width:80%;float:left;height:13px;" class="bg-green"></span>
+			<span style="display:block;width:20%;float:left;height:30px;background:#222d32"></span>
+			<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
 		</a>
 		<p class="text-center no-margin">绿</p>
 	</li>
-	<li style="float:left; width: 33.33333%; padding: 5px;">
-		<a href="javascript:" data-skin="skin-red" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
-			<span style="display:block; width: 20%; float: left; height: 13px;" class="bg-red-active"></span><span class="bg-red" style="display:block; width: 80%; float: left; height: 13px;"></span>
-			<span style="display:block; width: 20%; float: left; height: 30px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 30px; background: #f4f5f7"></span>
+	<li style="float:left;width:33.33333%;padding:5px;">
+		<a href="javascript:" data-skin="skin-red" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
+			<span style="display:block;width:20%;float:left;height:13px;" class="bg-red-active"></span>
+			<span style="display:block;width:80%;float:left;height:13px;" class="bg-red"></span>
+			<span style="display:block;width:20%;float:left;height:30px;background:#222d32"></span>
+			<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
 		</a>
 		<p class="text-center no-margin">红</p>
 	</li>
-	<li style="float:left; width: 33.33333%; padding: 5px;">
-		<a href="javascript:" data-skin="skin-yellow" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
-			<span style="display:block; width: 20%; float: left; height: 13px;" class="bg-yellow-active"></span><span class="bg-yellow" style="display:block; width: 80%; float: left; height: 13px;"></span>
-			<span style="display:block; width: 20%; float: left; height: 30px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 30px; background: #f4f5f7"></span>
+	<li style="float:left;width:33.33333%;padding:5px;">
+		<a href="javascript:" data-skin="skin-yellow" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
+			<span style="display:block;width:20%;float:left;height:13px;" class="bg-yellow-active"></span>
+			<span style="display:block;width:80%;float:left;height:13px;" class="bg-yellow"></span>
+			<span style="display:block;width:20%;float:left;height:30px;background:#222d32"></span>
+			<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
 		</a>
 		<p class="text-center no-margin">黄</p>
 	</li>
-	<li style="float:left; width: 33.33333%; padding: 5px;">
-		<a href="javascript:" data-skin="skin-blue-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
-			<span style="display:block; width: 20%; float: left; height: 13px; background: #367fa9"></span><span class="bg-light-blue" style="display:block; width: 80%; float: left; height: 13px;"></span>
-			<span style="display:block; width: 20%; float: left; height: 30px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 30px; background: #f4f5f7"></span>
+	<li style="float:left;width:33.33333%;padding:5px;">
+		<a href="javascript:" data-skin="skin-blue-light" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
+			<span style="display:block;width:20%;float:left;height:13px;background:#254b83;"></span>
+			<span style="display:block;width:80%;float:left;height:13px;background:#2a579a;"></span>
+			<span style="display:block;width:20%;float:left;height:30px;background:#f9fafc"></span>
+			<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
 		</a>
 		<p class="text-center no-margin">蓝灰（经典）</p>
 	</li>
-	<li style="float:left; width: 33.33333%; padding: 5px;">
-		<a href="javascript:" data-skin="skin-black-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
-			<span style="display:block; width: 20%; float: left; height: 13px; background: #fefefe"></span><span style="display:block; width: 80%; float: left; height: 13px; background: #fefefe"></span>
-			<span style="display:block; width: 20%; float: left; height: 30px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 30px; background: #f4f5f7"></span>
+	<li style="float:left;width:33.33333%;padding:5px;display:none;">
+		<a href="javascript:" data-skin="skin-black-light" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
+			<span style="display:block;width:20%;float:left;height:13px;background:#fefefe"></span>
+			<span style="display:block;width:80%;float:left;height:13px;background:#fefefe"></span>
+			<span style="display:block;width:20%;float:left;height:30px;background:#f9fafc"></span>
+			<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
 		</a>
 		<p class="text-center no-margin">白灰</p>
 	</li>
-	<li style="float:left; width: 33.33333%; padding: 5px;">
-		<a href="javascript:" data-skin="skin-purple-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
-			<span style="display:block; width: 20%; float: left; height: 13px;" class="bg-purple-active"></span><span class="bg-purple" style="display:block; width: 80%; float: left; height: 13px;"></span>
-			<span style="display:block; width: 20%; float: left; height: 30px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 30px; background: #f4f5f7"></span>
+	<li style="float:left;width:33.33333%;padding:5px;">
+		<a href="javascript:" data-skin="skin-black-light2" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
+			<span style="display:block;width:20%;float:left;height:13px;background:#303643"></span>
+			<span style="display:block;width:80%;float:left;height:13px;background:#303643"></span>
+			<span style="display:block;width:20%;float:left;height:30px;background:#f9fafc"></span>
+			<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
+		</a>
+		<p class="text-center no-margin">黑灰</p>
+	</li>
+	<li style="float:left;width:33.33333%;padding:5px;">
+		<a href="javascript:" data-skin="skin-purple-light" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
+			<span style="display:block;width:20%;float:left;height:13px;" class="bg-purple-active"></span>
+			<span style="display:block;width:80%;float:left;height:13px;" class="bg-purple"></span>
+			<span style="display:block;width:20%;float:left;height:30px;background:#f9fafc"></span>
+			<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
 		</a>
 		<p class="text-center no-margin">紫灰</p>
 	</li>
-	<li style="float:left; width: 33.33333%; padding: 5px;">
-		<a href="javascript:" data-skin="skin-green-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
-			<span style="display:block; width: 20%; float: left; height: 13px;" class="bg-green-active"></span><span class="bg-green" style="display:block; width: 80%; float: left; height: 13px;"></span>
-			<span style="display:block; width: 20%; float: left; height: 30px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 30px; background: #f4f5f7"></span>
+	<li style="float:left;width:33.33333%;padding:5px;">
+		<a href="javascript:" data-skin="skin-green-light" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
+			<span style="display:block;width:20%;float:left;height:13px;" class="bg-green-active"></span>
+			<span style="display:block;width:80%;float:left;height:13px;" class="bg-green"></span>
+			<span style="display:block;width:20%;float:left;height:30px;background:#f9fafc"></span>
+			<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
 		</a>
 		<p class="text-center no-margin">绿灰</p>
 	</li>
-	<li style="float:left; width: 33.33333%; padding: 5px;">
-		<a href="javascript:" data-skin="skin-red-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
-			<span style="display:block; width: 20%; float: left; height: 13px;" class="bg-red-active"></span><span class="bg-red" style="display:block; width: 80%; float: left; height: 13px;"></span>
-			<span style="display:block; width: 20%; float: left; height: 30px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 30px; background: #f4f5f7"></span>
+	<li style="float:left;width:33.33333%;padding:5px;">
+		<a href="javascript:" data-skin="skin-red-light" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
+			<span style="display:block;width:20%;float:left;height:13px;" class="bg-red-active"></span>
+			<span style="display:block;width:80%;float:left;height:13px;" class="bg-red"></span>
+			<span style="display:block;width:20%;float:left;height:30px;background:#f9fafc"></span>
+			<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
 		</a>
 		<p class="text-center no-margin">红灰</p>
 	</li>
-	<li style="float:left; width: 33.33333%; padding: 5px;">
-		<a href="javascript:" data-skin="skin-yellow-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
-			<span style="display:block; width: 20%; float: left; height: 13px;" class="bg-yellow-active"></span><span class="bg-yellow" style="display:block; width: 80%; float: left; height: 13px;"></span>
-			<span style="display:block; width: 20%; float: left; height: 30px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 30px; background: #f4f5f7"></span>
+	<li style="float:left;width:33.33333%;padding:5px;">
+		<a href="javascript:" data-skin="skin-yellow-light" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
+			<span style="display:block;width:20%;float:left;height:13px;" class="bg-yellow-active"></span>
+			<span style="display:block;width:80%;float:left;height:13px;" class="bg-yellow"></span>
+			<span style="display:block;width:20%;float:left;height:30px;background:#f9fafc"></span>
+			<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
 		</a>
 		<p class="text-center no-margin">黄灰</p>
 	</li>
-	<li style="float:left; width: 33.33333%; padding: 5px;">
-		<a href="javascript:" data-skin="skin-blue-light2" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
-			<span style="display:block; width: 20%; float: left; height: 13px; background: #1681e5"></span><span style="display:block; width: 80%; float: left; height: 13px; background: #1890ff"></span>
-			<span style="display:block; width: 20%; float: left; height: 30px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 30px; background: #f4f5f7"></span>
+	<li style="float:left;width:33.33333%;padding:5px;">
+		<a href="javascript:" data-skin="skin-blue-light2" style="display:block;box-shadow:0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
+			<span style="display:block;width:20%;float:left;height:13px;background:#1681e5"></span>
+			<span style="display:block;width:80%;float:left;height:13px;background:#1890ff"></span>
+			<span style="display:block;width:20%;float:left;height:30px;background:#f9fafc"></span>
+			<span style="display:block;width:80%;float:left;height:30px;background:#f4f5f7"></span>
 		</a>
 		<p class="text-center no-margin">浅蓝（新）</p>
 	</li>
-	<li style="float:left; padding: 20px 0 0 45px;">
-		<#form:checkbox name="formLayerModel" label="表单弹窗模式" class="form-control" data-style="square-blue"/> &nbsp; &nbsp; &nbsp;
+	<li style="float:left;padding:18px 0 0 45px;">
+		<#form:checkbox name="formLayerModel" label="表单弹窗模式" class="form-control" data-style="square-blue" style="margin-right:20px"/>
 		<#form:checkbox name="tabPageModel" label="取消页签模式" class="form-control" data-style="square-blue"/>
 	</li>
 </ul>