diff --git a/app/admin/view/admin/view.html b/app/admin/view/admin/view.html
index 2cc152f..f3f3771 100644
--- a/app/admin/view/admin/view.html
+++ b/app/admin/view/admin/view.html
@@ -1,8 +1,13 @@
 {extend name="common/base"/}
 {block name="style"}
 <style>
-.checkbox16 .layui-form-checkbox span{font-size:15px;font-weight:800;}
-.layui-checkbox-disabled span,.layui-checkbox-disabled[lay-skin=primary] span{color: #666666!important;}
+.left-note{font-weight:800; vertical-align:top; padding-top:28px!important; text-align:center}
+.left-note .layui-form-checkbox span{background-color: #bbbbbb!important;}
+.left-note .layui-form-checkbox:hover span{background-color: #808080;}
+
+.layui-form-checked.layui-checkbox-disabled i{background-color:#ababab!important;color: #ffffff!important;border-color:#ababab!important;}
+.layui-form-checked.layui-checkbox-disabled[lay-skin=primary] i{background-color:#ababab!important;}
+.right-note .layui-checkbox-disabled span {color: #808080!important;}
 </style>
 {/block}
 <!-- 主体 -->
@@ -75,11 +80,11 @@
 	<table class="layui-table layui-table-form">
 		{volist name="role_rule" id="vo"}
 		<tr>
-			<td class="layui-td-gray-2" style="font-weight:800">
+			<td class="left-note">
 			  <input type="checkbox" disabled value="{$vo.id}" title="{$vo.title}" {eq name="$vo.checked" value="true" }checked{/eq}>
 			</td>
 			{notempty name="vo.children"}
-				<td>
+				<td class="right-note">
 					<div style="padding:0 0 0 10px;">
 					{volist name="vo.children" key="k" id="voo"}
 						<div class="checkbox16" style="padding:10px 0;">
diff --git a/app/admin/view/role/add.html b/app/admin/view/role/add.html
index b6b2308..a47ab3f 100644
--- a/app/admin/view/role/add.html
+++ b/app/admin/view/role/add.html
@@ -1,8 +1,13 @@
 {extend name="common/base" /}
 {block name="style"}
 <style>
-	.checkbox16 .layui-form-checkbox span{font-size:15px;font-weight:800;}
-	#rule .layui-checkbox-disabled span {color: #666666!important;}
+.left-note{font-weight:800; vertical-align:top; padding-top:28px!important; text-align:center}
+.left-note .layui-form-checkbox span{background-color: #969696;}
+.left-note .layui-form-checkbox:hover span{background-color: #808080;}
+
+.left-note .layui-form-checked span, .left-note .layui-form-checked:hover span { background-color: #5fb878;}
+.checkbox14 .layui-form-checkbox span{font-size:15px;font-weight:800;}
+.right-note .layui-checkbox-disabled span {color: #666666!important;}
 </style>
 {/block}
 <!-- 主体 -->
@@ -32,23 +37,26 @@
 			</td>
 		</tr>
 		<tr>
-			<td class="layui-td-gray" style="vertical-align:top">权限配置<font>*</font></td>
-			<td colspan="3">	
+			<td class="layui-td-gray-2">权限配置说明<font>*</font></td>
+			<td colspan="3"><strong class="red">注意：如果右侧子级权限有节点被勾选了，左侧的顶级权限就必须勾选，否则无法查看右侧的子级菜单。</strong></td>
+		</tr>
+		<tr>
+			<td colspan="4">	
 				<table style="width:100%" id="rule">
 					<tr>
-						<td style="text-align:left; background-color:#f8f8f8; width:160px;">选择可操作的顶级权限 <font style="color:red">↓</font></td>
+						<td style="text-align:center; background-color:#f8f8f8; width:160px;">选择可操作的顶级权限 <font style="color:red">↓</font></td>
 						<td style="text-align:left; background-color:#f8f8f8;">选择可操作的子级权限  <font style="color:red">↓</font></td>
 					</tr>
 					{volist name="role_rule" id="vo"}
 					<tr>
-						<td style="font-weight:800;">
-						  <input type="checkbox" name="rule[]" value="{$vo.id}" title="{$vo.title}" {eq name="$vo.checked" value="true" }checked{/eq}>
+						<td class="left-note">
+						  <input type="checkbox" name="rule[]" value="{$vo.id}" title="{$vo.title}" class="aaa" {eq name="$vo.checked" value="true" }checked{/eq}>
 						</td>
 						{notempty name="vo.children"}
-							<td>
+							<td class="right-note">
 								<div style="padding:0 0 0 10px;">
 								{volist name="vo.children" key="k" id="voo"}
-									<div class="checkbox16" style="padding:10px 0;">
+									<div class="checkbox15" style="padding:10px 0;">
 										<input type="checkbox" lay-filter="rule" name="rule[]" value="{$voo.id}" lay-skin="primary" title="{$voo.title}" {eq name="$voo.checked" value="true" }checked{/eq}>
 									</div>
 									{notempty name="voo.children"}
@@ -70,8 +78,7 @@
 			</td>
 		</tr>
 		<tr>
-			<td class="layui-td-gray" style="vertical-align: top;">备注内容
-			</td>
+			<td class="layui-td-gray" style="vertical-align: top;">备注内容</td>
 			<td colspan="3">
 				<textarea name="desc" placeholder="请输入备注" class="layui-textarea">{notempty name="$role.desc" }{$role.desc}{/notempty}</textarea>
 			</td>