diff --git a/src/desktop/commander_form.html b/src/desktop/commander_form.html
index 4211d77..9c75a38 100644
--- a/src/desktop/commander_form.html
+++ b/src/desktop/commander_form.html
@@ -22,16 +22,16 @@
 
 							<form class="cmxform" id="signupForm" method="get" action="#">
 								<div>
-									<p for="firstname"><strong>Nickname</strong></p>
-									<input id="firstname" class="text" name="firstname" type="text" autocomplete="off">
+									<p for="nickname"><strong>Nickname</strong></p>
+									<input id="nickname" class="text" name="nickname" type="text" maxlength=20 autocomplete="off">
 								</div>
 								<div>
-									<p for="lastname"><strong>E-mail</strong></p>
-									<input id="lastname" class="text" name="lastname" type="text" autocomplete="off">
+									<p for="email"><strong>E-mail</strong></p>
+									<input id="email" class="text" name="email" type="text" autocomplete="off">
 								</div>
 								<div>
-									<p for="username"><strong>From</strong></p>
-									<input id="username" class="text" name="username" type="text" autocomplete="off">
+									<p for="location"><strong>From</strong></p>
+									<input id="location" class="text" name="location" type="text" autocomplete="off">
 								</div>
 								<p class="checkbox-wrap">
 									<input type="checkbox" class="checkbox" id="ever" name="ever">
@@ -62,33 +62,33 @@
 		</section>
 		<%- include('../comp/walletModal.html') %> <%- include('../comp/jslib.html')
     %>
-		<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js" crossorigin="anonymous"></script>
+		<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js" integrity="sha256-JwUksNJ6/R07ZiLRoXbGeNrtlFZMFDKX4hemPiHOmCA=" crossorigin="anonymous"></script>
 		<script>
 			$().ready(function() {
 				// 在键盘按下并释放及提交后验证提交表单
 				$("#signupForm").validate({
 					success:"valid",
 					rules: {
-						firstname: "required",
-						lastname: "required",
-						username: "required"
+						nickname: {required: true, rangelength: [3, 20]},
+						email: {required: true, email: true},
+						location: {required: true, minlength: 2}
 
 					},
 					messages: {
-						firstname: "Enter at least 3 words. Enter a maximum of 16 words.",
-						lastname: "Please enter your correct email address.",
-						username: "This field cannot be empty. Please enter your country of residence."
+						nickname: "Enter at least 3 words. Enter a maximum of 20 words.",
+						email: "Please enter your correct email address.",
+						location: "This field cannot be empty. Please enter your country of residence."
 					},
 					submitHandler: function(form) {
-						alert("提交事件!");
-						form.submit();
+						// form.submit();
+						showSuccess();
 					}
 				});
 				function showSuccess(){
 					$('#success_tip').show()
 					$('#form_layer').hide()
 				}
-				showSuccess();
+				// showSuccess();
 			});
 		</script>	
 	</body>
diff --git a/src/desktop/img/applyother/s01.png b/src/desktop/img/applyother/s01.png
new file mode 100755
index 0000000..366641e
Binary files /dev/null and b/src/desktop/img/applyother/s01.png differ
diff --git a/src/desktop/img/applyother/s02.png b/src/desktop/img/applyother/s02.png
new file mode 100755
index 0000000..ff93dc1
Binary files /dev/null and b/src/desktop/img/applyother/s02.png differ
diff --git a/src/desktop/img/applyother/s03.png b/src/desktop/img/applyother/s03.png
new file mode 100755
index 0000000..f677f3f
Binary files /dev/null and b/src/desktop/img/applyother/s03.png differ
diff --git a/src/desktop/img/applyother/s04.png b/src/desktop/img/applyother/s04.png
new file mode 100755
index 0000000..7299935
Binary files /dev/null and b/src/desktop/img/applyother/s04.png differ
diff --git a/src/desktop/recruit.html b/src/desktop/recruit.html
index 43d467f..380375d 100644
--- a/src/desktop/recruit.html
+++ b/src/desktop/recruit.html
@@ -36,9 +36,6 @@
 								<div class="swiper-slide">
 									<img src="img/applyother/p1.jpg" />
 								</div>
-								<div class="swiper-slide">
-									<img src="img/applyother/p1.jpg" />
-								</div>
 							</div>							
 						</div>
 					</div>
@@ -46,19 +43,16 @@
 						<div class="swiper-container gallery-thumbs">
 							<div class="swiper-wrapper">
 								<div class="swiper-slide">
-									<img src="img/applyother/ps1.jpg" />
+									<img src="img/applyother/s01.png" />
 								</div>
 								<div class="swiper-slide">
-									<img src="img/applyother/ps1.jpg" />
+									<img src="img/applyother/s02.png" />
 								</div>
 								<div class="swiper-slide">
-									<img src="img/applyother/ps1.jpg" />
+									<img src="img/applyother/s03.png" />
 								</div>
 								<div class="swiper-slide">
-									<img src="img/applyother/ps1.jpg" />
-								</div>
-								<div class="swiper-slide">
-									<img src="img/applyother/ps1.jpg" />
+									<img src="img/applyother/s04.png" />
 								</div>
 							</div>							
 						</div>
@@ -92,9 +86,10 @@
 			});
 			var galleryThumbs = new Swiper('.gallery-thumbs', {
 				spaceBetween: 20,
-				centeredSlides: true,
-				slidesPerView: 'auto',
 				touchRatio: 0.2,
+				initialSlide: 1,
+				slidesPerView: 'auto',
+				centeredSlides: true,
 				slideToClickedSlide: true
 			});
 			galleryTop.params.control = galleryThumbs;