diff --git a/app/pages/Category.js b/app/pages/Category.js
index 81ad372..dc36d59 100644
--- a/app/pages/Category.js
+++ b/app/pages/Category.js
@@ -205,7 +205,7 @@ class Category extends React.Component {
       return (
         <View style={styles.container}>
           <View style={styles.header}>
-            <Text style={[styles.btnText, { color: 'black' }]}>
+            <Text style={[styles.btnText, { color: 'black', padding: 5, fontSize: 18 }]}>
               初次见面，请选择您感兴趣的1-5个类别
             </Text>
           </View>
@@ -267,7 +267,7 @@ const styles = StyleSheet.create({
     margin: 10,
     padding: 10,
     borderRadius: 10,
-    backgroundColor: 'green'
+    backgroundColor: '#3e9ce9'
   },
   btnText: {
     fontSize: 16,
diff --git a/app/pages/WebViewPage.js b/app/pages/WebViewPage.js
index afdd1a9..0c83df9 100644
--- a/app/pages/WebViewPage.js
+++ b/app/pages/WebViewPage.js
@@ -45,14 +45,6 @@ const toolbarActions = [
 let canGoBack = false;
 
 class WebViewPage extends React.Component {
-  static onNavigationStateChange(navState) {
-    canGoBack = navState.canGoBack;
-  }
-
-  static renderLoading() {
-    return <LoadingView />;
-  }
-
   constructor(props) {
     super(props);
     this.state = {
@@ -76,6 +68,10 @@ class WebViewPage extends React.Component {
     });
   }
 
+  onNavigationStateChange(navState) {
+    canGoBack = navState.canGoBack;
+  }
+
   goBack() {
     if (this.state.isShareModal) {
       this.setState({
@@ -89,6 +85,10 @@ class WebViewPage extends React.Component {
     return naviGoBack(this.props.navigator);
   }
 
+  renderLoading() {
+    return <LoadingView />;
+  }
+
   renderSpinner() {
     const { route } = this.props;
     return (