diff --git a/projects/Demo/Demo/OnvifPage.xaml.cs b/projects/Demo/Demo/OnvifPage.xaml.cs
index d3af7bc4..ecd637ed 100644
--- a/projects/Demo/Demo/OnvifPage.xaml.cs
+++ b/projects/Demo/Demo/OnvifPage.xaml.cs
@@ -50,9 +50,9 @@ namespace Demo
             if (Device.RuntimePlatform == Device.Android)
             {
                 media.AddOption(new MediaConfiguration().EnableHardwareDecoding());
-                media.AddOption(":network-caching=0");
-                media.AddOption(":clock-jitter=0");
-                media.AddOption(":clock-synchro=0");
+                media.AddOption(":network-caching=100");
+                //media.AddOption(":clock-jitter=0");
+                //media.AddOption(":clock-synchro=0");
             }
             var player = new MediaPlayer(_libvlc);
             player.Volume = 0;
diff --git a/projects/Demo/Demo/wwwroot/css/app.css b/projects/Demo/Demo/wwwroot/css/app.css
index c6ccafb1..c714381d 100644
--- a/projects/Demo/Demo/wwwroot/css/app.css
+++ b/projects/Demo/Demo/wwwroot/css/app.css
@@ -28,6 +28,7 @@ img.shot {
     max-width: 100%;
     max-height: 100%;
     width:100%;
+    height:auto;
 }
 img.shot.zoom {
     width:auto;
@@ -62,11 +63,4 @@ img.shot.zoom {
     }
 .device-desktop.with-modal-dialog .page-content {
     overflow: auto;
-}
-* {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
 }
\ No newline at end of file
diff --git a/projects/Demo/Demo/wwwroot/index.html b/projects/Demo/Demo/wwwroot/index.html
index 29b3d819..c533110c 100644
--- a/projects/Demo/Demo/wwwroot/index.html
+++ b/projects/Demo/Demo/wwwroot/index.html
@@ -26,21 +26,27 @@
         <f7-page>
             <f7-navbar title="登录"></f7-navbar>
             <form v-bind:action="Server+'/Account/AppLogin'" v-on:submit.prevent="OnSubmit" class="login">
-                <div class="list">
+                <div class="list no-hairlines-md">
                     <ul>
-                        <li class="item-content item-input item-input-outline">
+                        <li class="item-content item-input">
+                            <div class="item-media">
+                                <i class="f7-icons">link</i>
+                            </div>
                             <div class="item-inner">
-                                <div class="item-title item-floating-label">服务器</div>
+                                <div class="item-title item-label">服务器</div>
                                 <div class="item-input-wrap">
-                                    <input type="text" name="Server" class="" v-model="Server" data-val="true" data-val-required="请输入服务器地址">
+                                    <input type="text" name="Server" v-model="Server" data-val="true" data-val-required="请输入服务器地址">
                                     <span class="input-clear-button"></span>
                                 </div>
                                 <span class="field-validation-valid text-danger" data-valmsg-for="Server" data-valmsg-replace="true"></span>
                             </div>
                         </li>
-                        <li class="item-content item-input item-input-outline">
+                        <li class="item-content item-input">
+                            <div class="item-media">
+                                <i class="f7-icons">person</i>
+                            </div>
                             <div class="item-inner">
-                                <div class="item-title item-floating-label">用户名</div>
+                                <div class="item-title item-label">用户名</div>
                                 <div class="item-input-wrap">
                                     <input type="text" name="UserName" v-model="UserName" data-val="true" data-val-required="请输入用户名">
                                     <span class="input-clear-button"></span>
@@ -48,9 +54,12 @@
                                 <span class="field-validation-valid text-danger" data-valmsg-for="UserName" data-valmsg-replace="true"></span>
                             </div>
                         </li>
-                        <li class="item-content item-input item-input-outline">
+                        <li class="item-content item-input">
+                            <div class="item-media">
+                                <i class="f7-icons">lock</i>
+                            </div>
                             <div class="item-inner">
-                                <div class="item-title item-floating-label">密码</div>
+                                <div class="item-title item-label">密码</div>
                                 <div class="item-input-wrap">
                                     <input type="password" name="Password" v-model="Password" data-val="true" data-val-required="请输入密码">
                                     <span class="input-clear-button"></span>
@@ -58,24 +67,23 @@
                                 <span class="field-validation-valid text-danger" data-valmsg-for="Password" data-valmsg-replace="true"></span>
                             </div>
                         </li>
-                        <li>
-                            <div class="item-content item-input-outline">
-                                <div class="item-inner">
-                                    <div class="item-title">记住我</div>
-                                    <div class="item-after">
-                                        <label class="toggle toggle-init">
-                                            <input type="checkbox" name="RememberMeToggle" class="" v-model="RememberMe">
-                                            <span class="toggle-icon"></span>
-                                        </label>
-                                    </div>
-                                </div>
+                        <li class="item-content">
+                            <div class="item-media">
+                                <i class="f7-icons">tag</i>
+                            </div>
+                            <div class="item-inner">
+                                <span>记住我</span>
+                                <label class="toggle toggle-init">
+                                    <input type="checkbox" name="RememberMeToggle" class="" v-model="RememberMe">
+                                    <span class="toggle-icon"></span>
+                                </label>
+                                <input type="hidden" name="RememberMe" class="" :value="RememberMe=='on'?true:false">
                             </div>
-                            <input type="hidden" name="RememberMe" class="" :value="RememberMe=='on'?true:false">
                         </li>
                         <li>
                             <div class="item-content">
                                 <div class="item-inner">
-                                    <button type="submit" class="button button-large button-large button-raised button-fill color-lightblue submit">确定</button>
+                                    <button type="submit" class="button button-large button-large button-raised button-fill color-blue submit">确定</button>
                                 </div>
                             </div>
                         </li>
diff --git a/projects/IoT/IoTNode/wwwroot/css/app.css b/projects/IoT/IoTNode/wwwroot/css/app.css
index c6ccafb1..c714381d 100644
--- a/projects/IoT/IoTNode/wwwroot/css/app.css
+++ b/projects/IoT/IoTNode/wwwroot/css/app.css
@@ -28,6 +28,7 @@ img.shot {
     max-width: 100%;
     max-height: 100%;
     width:100%;
+    height:auto;
 }
 img.shot.zoom {
     width:auto;
@@ -62,11 +63,4 @@ img.shot.zoom {
     }
 .device-desktop.with-modal-dialog .page-content {
     overflow: auto;
-}
-* {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
 }
\ No newline at end of file
diff --git a/projects/IoT/IoTNode/wwwroot/index.html b/projects/IoT/IoTNode/wwwroot/index.html
index 29b3d819..c533110c 100644
--- a/projects/IoT/IoTNode/wwwroot/index.html
+++ b/projects/IoT/IoTNode/wwwroot/index.html
@@ -26,21 +26,27 @@
         <f7-page>
             <f7-navbar title="登录"></f7-navbar>
             <form v-bind:action="Server+'/Account/AppLogin'" v-on:submit.prevent="OnSubmit" class="login">
-                <div class="list">
+                <div class="list no-hairlines-md">
                     <ul>
-                        <li class="item-content item-input item-input-outline">
+                        <li class="item-content item-input">
+                            <div class="item-media">
+                                <i class="f7-icons">link</i>
+                            </div>
                             <div class="item-inner">
-                                <div class="item-title item-floating-label">服务器</div>
+                                <div class="item-title item-label">服务器</div>
                                 <div class="item-input-wrap">
-                                    <input type="text" name="Server" class="" v-model="Server" data-val="true" data-val-required="请输入服务器地址">
+                                    <input type="text" name="Server" v-model="Server" data-val="true" data-val-required="请输入服务器地址">
                                     <span class="input-clear-button"></span>
                                 </div>
                                 <span class="field-validation-valid text-danger" data-valmsg-for="Server" data-valmsg-replace="true"></span>
                             </div>
                         </li>
-                        <li class="item-content item-input item-input-outline">
+                        <li class="item-content item-input">
+                            <div class="item-media">
+                                <i class="f7-icons">person</i>
+                            </div>
                             <div class="item-inner">
-                                <div class="item-title item-floating-label">用户名</div>
+                                <div class="item-title item-label">用户名</div>
                                 <div class="item-input-wrap">
                                     <input type="text" name="UserName" v-model="UserName" data-val="true" data-val-required="请输入用户名">
                                     <span class="input-clear-button"></span>
@@ -48,9 +54,12 @@
                                 <span class="field-validation-valid text-danger" data-valmsg-for="UserName" data-valmsg-replace="true"></span>
                             </div>
                         </li>
-                        <li class="item-content item-input item-input-outline">
+                        <li class="item-content item-input">
+                            <div class="item-media">
+                                <i class="f7-icons">lock</i>
+                            </div>
                             <div class="item-inner">
-                                <div class="item-title item-floating-label">密码</div>
+                                <div class="item-title item-label">密码</div>
                                 <div class="item-input-wrap">
                                     <input type="password" name="Password" v-model="Password" data-val="true" data-val-required="请输入密码">
                                     <span class="input-clear-button"></span>
@@ -58,24 +67,23 @@
                                 <span class="field-validation-valid text-danger" data-valmsg-for="Password" data-valmsg-replace="true"></span>
                             </div>
                         </li>
-                        <li>
-                            <div class="item-content item-input-outline">
-                                <div class="item-inner">
-                                    <div class="item-title">记住我</div>
-                                    <div class="item-after">
-                                        <label class="toggle toggle-init">
-                                            <input type="checkbox" name="RememberMeToggle" class="" v-model="RememberMe">
-                                            <span class="toggle-icon"></span>
-                                        </label>
-                                    </div>
-                                </div>
+                        <li class="item-content">
+                            <div class="item-media">
+                                <i class="f7-icons">tag</i>
+                            </div>
+                            <div class="item-inner">
+                                <span>记住我</span>
+                                <label class="toggle toggle-init">
+                                    <input type="checkbox" name="RememberMeToggle" class="" v-model="RememberMe">
+                                    <span class="toggle-icon"></span>
+                                </label>
+                                <input type="hidden" name="RememberMe" class="" :value="RememberMe=='on'?true:false">
                             </div>
-                            <input type="hidden" name="RememberMe" class="" :value="RememberMe=='on'?true:false">
                         </li>
                         <li>
                             <div class="item-content">
                                 <div class="item-inner">
-                                    <button type="submit" class="button button-large button-large button-raised button-fill color-lightblue submit">确定</button>
+                                    <button type="submit" class="button button-large button-large button-raised button-fill color-blue submit">确定</button>
                                 </div>
                             </div>
                         </li>
diff --git a/projects/IoTCenter/wwwroot/css/app.css b/projects/IoTCenter/wwwroot/css/app.css
index c6ccafb1..c714381d 100644
--- a/projects/IoTCenter/wwwroot/css/app.css
+++ b/projects/IoTCenter/wwwroot/css/app.css
@@ -28,6 +28,7 @@ img.shot {
     max-width: 100%;
     max-height: 100%;
     width:100%;
+    height:auto;
 }
 img.shot.zoom {
     width:auto;
@@ -62,11 +63,4 @@ img.shot.zoom {
     }
 .device-desktop.with-modal-dialog .page-content {
     overflow: auto;
-}
-* {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
 }
\ No newline at end of file
diff --git a/projects/IoTCenter/wwwroot/index.html b/projects/IoTCenter/wwwroot/index.html
index 29b3d819..c533110c 100644
--- a/projects/IoTCenter/wwwroot/index.html
+++ b/projects/IoTCenter/wwwroot/index.html
@@ -26,21 +26,27 @@
         <f7-page>
             <f7-navbar title="登录"></f7-navbar>
             <form v-bind:action="Server+'/Account/AppLogin'" v-on:submit.prevent="OnSubmit" class="login">
-                <div class="list">
+                <div class="list no-hairlines-md">
                     <ul>
-                        <li class="item-content item-input item-input-outline">
+                        <li class="item-content item-input">
+                            <div class="item-media">
+                                <i class="f7-icons">link</i>
+                            </div>
                             <div class="item-inner">
-                                <div class="item-title item-floating-label">服务器</div>
+                                <div class="item-title item-label">服务器</div>
                                 <div class="item-input-wrap">
-                                    <input type="text" name="Server" class="" v-model="Server" data-val="true" data-val-required="请输入服务器地址">
+                                    <input type="text" name="Server" v-model="Server" data-val="true" data-val-required="请输入服务器地址">
                                     <span class="input-clear-button"></span>
                                 </div>
                                 <span class="field-validation-valid text-danger" data-valmsg-for="Server" data-valmsg-replace="true"></span>
                             </div>
                         </li>
-                        <li class="item-content item-input item-input-outline">
+                        <li class="item-content item-input">
+                            <div class="item-media">
+                                <i class="f7-icons">person</i>
+                            </div>
                             <div class="item-inner">
-                                <div class="item-title item-floating-label">用户名</div>
+                                <div class="item-title item-label">用户名</div>
                                 <div class="item-input-wrap">
                                     <input type="text" name="UserName" v-model="UserName" data-val="true" data-val-required="请输入用户名">
                                     <span class="input-clear-button"></span>
@@ -48,9 +54,12 @@
                                 <span class="field-validation-valid text-danger" data-valmsg-for="UserName" data-valmsg-replace="true"></span>
                             </div>
                         </li>
-                        <li class="item-content item-input item-input-outline">
+                        <li class="item-content item-input">
+                            <div class="item-media">
+                                <i class="f7-icons">lock</i>
+                            </div>
                             <div class="item-inner">
-                                <div class="item-title item-floating-label">密码</div>
+                                <div class="item-title item-label">密码</div>
                                 <div class="item-input-wrap">
                                     <input type="password" name="Password" v-model="Password" data-val="true" data-val-required="请输入密码">
                                     <span class="input-clear-button"></span>
@@ -58,24 +67,23 @@
                                 <span class="field-validation-valid text-danger" data-valmsg-for="Password" data-valmsg-replace="true"></span>
                             </div>
                         </li>
-                        <li>
-                            <div class="item-content item-input-outline">
-                                <div class="item-inner">
-                                    <div class="item-title">记住我</div>
-                                    <div class="item-after">
-                                        <label class="toggle toggle-init">
-                                            <input type="checkbox" name="RememberMeToggle" class="" v-model="RememberMe">
-                                            <span class="toggle-icon"></span>
-                                        </label>
-                                    </div>
-                                </div>
+                        <li class="item-content">
+                            <div class="item-media">
+                                <i class="f7-icons">tag</i>
+                            </div>
+                            <div class="item-inner">
+                                <span>记住我</span>
+                                <label class="toggle toggle-init">
+                                    <input type="checkbox" name="RememberMeToggle" class="" v-model="RememberMe">
+                                    <span class="toggle-icon"></span>
+                                </label>
+                                <input type="hidden" name="RememberMe" class="" :value="RememberMe=='on'?true:false">
                             </div>
-                            <input type="hidden" name="RememberMe" class="" :value="RememberMe=='on'?true:false">
                         </li>
                         <li>
                             <div class="item-content">
                                 <div class="item-inner">
-                                    <button type="submit" class="button button-large button-large button-raised button-fill color-lightblue submit">确定</button>
+                                    <button type="submit" class="button button-large button-large button-raised button-fill color-blue submit">确定</button>
                                 </div>
                             </div>
                         </li>