diff --git a/pages.json b/pages.json
index 3fbb5ef..b481792 100644
--- a/pages.json
+++ b/pages.json
@@ -101,7 +101,8 @@
 			"style" : 
 			{
 				"navigationBarTitleText" : "",
-				"enablePullDownRefresh" : false
+				"enablePullDownRefresh" : false,
+				"navigationStyle": "custom"
 			}
 		},
 		{
diff --git a/subpkg/role/role.vue b/subpkg/role/role.vue
index 744e061..448f129 100644
--- a/subpkg/role/role.vue
+++ b/subpkg/role/role.vue
@@ -99,15 +99,27 @@
 </script>
 
 <style lang="scss">
-	
+@import url("@/static/base_css.css");	
+.role-container {
+	width: 100%;
+	height: 100%;	
+}
+.secbar {
+    top: 0;
+    z-index: 1;
+}
+.secbar ._span.back {
+    top: 50px;
+}
 .mainwrap3 {
+	top: 0;
 	height: calc(100% - 70px);
 	overflow: hidden;
 }
 
 .mainwrap3 > img {
 	width: 100%;
-	height: 1000rpx;
+	height: 100%;
 	border-radius: 0;
 }
 
@@ -137,11 +149,11 @@
 }
 
 .more_role {
-	margin: 5% 0;
-	width: 100%;
-	height: 3rem;
-	border-bottom: 1px dotted #7eaafb;
-	text-align: center;
+    margin: 5% 3%;
+    width: 94%;
+    height: 3rem;
+    border-bottom: 1px dotted #96b9fb;
+    text-align: center;
 }
 
 .more_role a {
@@ -182,9 +194,9 @@
 
 .cnote {
 	position: absolute;
-	bottom: 2%;
+	bottom: 3%;
 	width: 100%;
-	color: rgba(255, 255, 255, .6);
+	color: rgba(255, 255, 255, .5);
 	font-size: 0.75rem;
 	text-align: center;
 }