diff --git a/app/home/view/default/base/mall_footer.html b/app/home/view/default/base/mall_footer.html
index d87c4e6b..2e199bcc 100644
--- a/app/home/view/default/base/mall_footer.html
+++ b/app/home/view/default/base/mall_footer.html
@@ -61,15 +61,19 @@
 </style>
 <section class="container-mask form-wrap9">
 	<!-- show -->
-	<div class="container form-mask" style="width:500px;">
+	<div class="container form-mask" style="width:25rem;">
 		<div action="" onsubmit="return false" class="wrap7p">
 			<!--<h2 class="c1">Apply for a course syllabus</h2>-->
-			<p style="font-size:20px; text-align: justify; line-height: 26px; font-weight: 600; color: #000">Please scan
-				the WeChat QR Code to add our academic advisor.</p>
-			<img style="width:200px; display:block; margin: 0 auto" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
+			<div class="iconf close-iconf"></div>
+			<img style="width:10.6rem; display:block; margin: 1.8rem auto 0" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
+			<p style="font-size:0.9rem; text-align: center; line-height: 1.23; color: #1b1b1b;">
+				Please <span class="c1">scan the WeChat QR Code</span> to<br />add our academic advisor<br />and receive additional details.
+			</p>
+			<div class="oks oks-wrap9" style="margin: 1.5rem auto 2.5rem; cursor: pointer;">Back</div>
 		</div>
 	</div>
 </section>
+
 <section class="main-other-qa">
 	<div class="main-center container">
 		<div class="content">
@@ -98,7 +102,7 @@
 	<div class="footer">
 		<div class="main-center">
 			<div class="left">
-				<div class="info f-bold">Earn Credits in a More Flexible Way<br />A global higher education o</div>
+				<div class="info f-bold">Earn Credits in a More Flexible Way<br />A global higher education opportunity provider</div>
 				<div class="logo"><img src="{$Think.HOME_SITE_ROOT}/new/images/logo.png" alt="Light Course"></div>
 				<div class="icon">
 					<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-01.png">
@@ -237,6 +241,11 @@
 		$($("#pc-header .content aside .item")[i]).addClass('active')
 		$("#pc-header .content aside > div").eq(par).addClass('active').siblings().removeClass("active")
 	})
+	$(".oks-wrap9").click(function() {
+		setTimeout(function() {
+			$(".form-wrap9").removeClass('show');
+		}, 100);
+	})
 </script>
 <script>
 	$("#login_normal_form .sub").click(function(){
diff --git a/app/home/view/default/mall/article/article_list.html b/app/home/view/default/mall/article/article_list.html
index 6563cfeb..e1ae1847 100644
--- a/app/home/view/default/mall/article/article_list.html
+++ b/app/home/view/default/mall/article/article_list.html
@@ -20,7 +20,7 @@
 		<div class="blog-txt">
 			<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Flexibility <em>:</em> How Does it Benefits Students <em>?</em></h2>
 			<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
-				This article provides<br />an overview of<br />online education flexibi
+				This article provides<br />an overview of<br />online education flexibility
 			</span>
 			<div class="more-btn1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
 				<a href="/article/show?article_id=69">Click To Enter<em>></em></a>
diff --git a/app/home/view/default/mall/goods/goods.html b/app/home/view/default/mall/goods/goods.html
index 416b38e4..7733cfbc 100644
--- a/app/home/view/default/mall/goods/goods.html
+++ b/app/home/view/default/mall/goods/goods.html
@@ -119,6 +119,10 @@
 		float: left;
 		width: 120px;
 	}
+	
+	.input-abcd::placeholder{
+		font-family: 'HarmonyOS_Sans_Medium' !important;
+	}
 
 	.mian-left>div {
 		height: 60px;
@@ -271,7 +275,8 @@
 
 	.m-item h5 {
 		text-align: left;
-		font-size: 22px !important;
+		font-size: 1.1rem !important;
+		margin-bottom: 0.5rem;
 	}
 
 
@@ -342,7 +347,6 @@
 			<div class="container">
 				<div class="left">
 					<div>
-						<!-- {$goods.goods_id}-->
 						<h1>{$goods.goods_name}</h1>
 						<h4 class="f-medium">{$goods.ke_college}</h4>
 						<div class="i-start">
@@ -372,7 +376,6 @@
 						<p><em class="f-medium">Credit(s) : </em><span class="f-medium">{$goods.ke_credit}</span></p>
 						<p><em class="f-medium">Enrollment start date : </em><span class="f-medium">{$goods.enroll_start_date}</span></p>
 						<p><em class="f-medium">Enrollment deadline : </em><span class="f-medium">{$goods.enroll_end_date}</span></p>
-						<!-- <p><em>Prerequisite(s) </em>：<span>empty</span></p>-->
 					</div>
 					<div class="content1">
 						<h2>Course Description</h2>
@@ -396,7 +399,6 @@
 								<strong>{$goods.ke_credit}<span> credits</span></strong>
 								
 							</div>
-							<!--<div class="item clk">-->
 							<div class="item itemnum pricebox" style="cursor:pointer;">
 								<p>Estimated Price</p>
 								<strong>Price Calculator<span></span></strong>
@@ -442,7 +444,6 @@
 								<i class="dropdown icon"></i>
 								<div class="default text"><!-- Select Date --></div>
 								<div class="menu">
-									<!--<div class="item" data-value="1">{$goods.ke_start_time}-{$goods.ke_end_time}</div>-->
 									<div class="item" data-value="1">{$goods.ke_start_time}
 										{if $goods.ke_end_time != 'Self-paced'}
 										- {$goods.ke_end_time}
@@ -494,9 +495,6 @@
 					Transfer credit policies may differ from institution to institution. Accordingly, our expert advisors work with students one-on-one to<br />
 					guide them in seeking approval for courses, thereby making credit transfer as smooth and efficient as possible.
 				</p>
-				<!-- <div class="more-btn">
-					<a href="javascript:;" class="form-clk2">Find an equivalent course</a>
-				</div> -->
 			</div>
 		</div>
 	</section>
@@ -510,7 +508,7 @@
 						such as a link to the official website, course syllabus, class hours, location, etc.<br />
 						The home institution will decide whether or not to accept transfer credits based on the information provided.
 					</p>
-					<span class="c2 f-medium">Key assessment criteria for evaluating whether credit will be transferred
+					<span class="c2 f-bold">Key assessment criteria for evaluating whether credit will be transferred
 						include:</span>
 					<div class="item-list1">
 						<div class="item" num="01">
@@ -583,102 +581,6 @@
 			</div>
 		</div>
 	</section>
-
-	<!--<section class="main-QA">-->
-	<!--  <div class="main-center container">-->
-	<!--    <div class="t">-->
-	<!--      <h2>Enrollment Process</h2>-->
-	<!--    </div>-->
-	<!--    <div class="content">-->
-	<!--      <ul id="accordion1" class="accordion">-->
-	<!--        <li class="open">-->
-	<!--          <div class="link">-->
-	<!--            <h5><span><strong>Step1</strong> Fill out the pre-registration information</span> <i></i></h5>-->
-	<!--          </div>-->
-	<!--          <div class="submenu">-->
-	<!--            <h6>01. Scan the WeChat QR code to enter the mini-program</h6>-->
-	<!--            <p>Through the WeChat mini-program, you can easily obtain program information, course selection,-->
-	<!--              payment, course registration, transcript delivery information, and other inquiries</p>-->
-	<!--            <h6>02. Click on the upper right corner of the website to register</h6>-->
-	<!--            <p>Fill in your personal cell phone number and email address to register, and start the follow-up course-->
-	<!--              selection process after registration</p>-->
-	<!--            <h6>03. Add the consultant's WeChat</h6>-->
-	<!--            <p>Who will help and guide you one-on-one throughout the registration and learning process</p>-->
-	<!--          </div>-->
-	<!--        </li>-->
-	<!--        <li>-->
-	<!--          <div class="link">-->
-	<!--            <h5><span><strong>Step 2</strong> With the help of our expert academic advisors </span> <i></i></h5>-->
-	<!--          </div>-->
-	<!--          <div class="submenu">-->
-	<!--            <p>Choose a program/course and obtain your school's course equivalence form</p>-->
-	<!--          </div>-->
-	<!--        </li>-->
-	<!--        <li>-->
-	<!--          <div class="link">-->
-	<!--            <h5><span><strong>Step 3</strong> Receive course syllabus and complete course approval from your school under-->
-	<!--              our advisor's guidance to enroll in the course</span> <i></i></h5>-->
-	<!--          </div>-->
-	<!--          <div class="submenu">-->
-	<!--            <p></p>-->
-	<!--          </div>-->
-	<!--        </li>-->
-	<!--        <li>-->
-	<!--          <div class="link">-->
-	<!--            <h5><span><strong>Step 4</strong> Registration: success/failure	</span> <i></i></h5>-->
-	<!--          </div>-->
-	<!--          <div class="submenu">-->
-	<!--            <p></p>-->
-	<!--          </div>-->
-	<!--        </li>-->
-	<!--        <li>-->
-	<!--          <div class="link">-->
-	<!--            <h5><span><strong>Step 5</strong> Send the transcript after passing the course</span> <i></i></h5>-->
-	<!--          </div>-->
-	<!--          <div class="submenu">-->
-	<!--            <p></p>-->
-	<!--          </div>-->
-	<!--        </li>-->
-	<!--        <li>-->
-	<!--          <div class="link">-->
-	<!--            <h5><span><strong>Step 6</strong> Follow-up services after credit transfer</span> <i></i></h5>-->
-	<!--          </div>-->
-	<!--          <div class="submenu">-->
-	<!--            <p></p>-->
-	<!--          </div>-->
-	<!--        </li>-->
-	<!--      </ul>-->
-	<!--    </div>-->
-	<!--  </div>-->
-	<!--</section>-->
-
-	<!--<section class="main-4">
-      <div class="main-center container">
-          <div class="main-title">Enrollment Process</div>
-          <div class="main-content">
-              <div class="mian-left">
-                  <div>Step1</div>
-                  <div>Step2</div>
-                  <div>Step3</div>
-                  <div>Step4</div>
-                  <div>Step5</div>
-                  <div>Step6</div>
-              </div>
-              <div class="main-right">
-                  <div>Fill out the pre-registration information</div>
-                  <div>With the help of our expert academic advisors</div>
-                  <div>Receive course syllabus and complete course approval from your school under our advisor's guidance to enroll in the course</div>
-                  <div>Registration: success/failure</div>
-                  <div>Send the transcript after passing the course</div>
-                  <div class="boder-none">Follow-up services after credit transfer</div>
-              </div>
-              
-          </div>
-      </div>
-      
-  </section>-->
-
-
 	<section class="rec-course" style="display: none;">
 		<div class="main-title main-center">
 			<h2>Recommended Course</h2>
@@ -704,119 +606,11 @@
 								<use xlink:href="#icon-xianshangliuliang"></use>
 							</svg>Start Date：<span>{$goods.ke_start_time}</span>
 						</div>
-						<!-- <div class="par">
-              <svg class="icon" aria-hidden="true">
-                <use xlink:href="#icon-xueke"></use>
-              </svg><strong>Category：</strong><span>{$goods.gc_name}</span>
-            </div>
-            <div class="par">
-              <svg class="icon" aria-hidden="true">
-                <use xlink:href="#icon-icon"></use>
-              </svg><strong>Credit：</strong><span>{$goods.ke_credit}</span>
-            </div>-->
 					</div>
-					<!-- <div class="i-start">
-            <p style="margin-right: 1rem;">Recommend Star</p>
-            <div class="i">
-              <svg class="iconf" aria-hidden="true">
-                <use xlink:href="#icon-icon"></use>
-              </svg>
-              <svg class="iconf" aria-hidden="true">
-                <use xlink:href="#icon-icon"></use>
-              </svg>
-              <svg class="iconf" aria-hidden="true">
-                <use xlink:href="#icon-icon"></use>
-              </svg>
-              <svg class="iconf" aria-hidden="true">
-                <use xlink:href="#icon-icon"></use>
-              </svg>
-              <svg class="iconf" aria-hidden="true">
-                <use xlink:href="#icon-icon"></use>
-              </svg>
-            </div>
-          </div>-->
 				</div>
 			</a>
-
 		</div>
 	</section>
-	<!-- <section class="main-3 comment-container">
-    <div class="main-center">
-      <div class="comment">
-
-
-        <div class="comment-list">
-          <h5>List (2)</h5>
-          <div class="content">
-
-            <div class="item">
-              <div>
-                <h6>The Wig Experts</h6>
-                <div class="des">
-                  We would love to help you find your perfect style and color. To better assist you, we would recommend a virtual consultation. We know shopping online and wondering if it's right can be challenging.and based on the part of the process you are on, you would be thie perfect candidate for a virtual consultation. This free premier service that we now offer will help us better serve your needs! Virtual consultations give you the option of doing a one-on-one zoom with one of our experts. This then allows us the opportunity to show you how to measure, go over styles, and color options; as well as answer any questions you may have. If this is something you are interested in, let us know and we will gladly set up a time to meet with you.
-                </div>
-                <div class="time">
-                  <span>
-                    <i class="iconfont icon-shijian"></i>
-                    2021-12-15 15:17:51
-                  </span>
-                  <span>
-                    <i class="iconfont icon-eye"></i>
-                    Reply
-                  </span>
-                </div>
-              </div>
-            </div>
-            <div class="item">
-              <div>
-                <h6>The Wig Experts</h6>
-                <div class="des">
-                  We would love to help you find your perfect style and color. To better assist you, we would recommend a virtual consultation. We know shopping online and wondering if it's right can be challenging.and based on the part of the process you are on, you would be thie perfect candidate for a virtual consultation. This free premier service that we now offer will help us better serve your needs! Virtual consultations give you the option of doing a one-on-one zoom with one of our experts. This then allows us the opportunity to show you how to measure, go over styles, and color options; as well as answer any questions you may have. If this is something you are interested in, let us know and we will gladly set up a time to meet with you.
-                </div>
-                <div class="time">
-                  <span>
-                    <i class="iconfont icon-shijian"></i>
-                    2021-12-15 15:17:51
-                  </span>
-                  <span>
-                    <i class="iconfont icon-eye"></i>
-                    Reply
-                  </span>
-                </div>
-              </div>
-            </div>
-
-          </div>
-        </div>
-        <div class="comment-right">
-          <h6>Leave a comment</h6>
-          <form action="javascript:return false" class="form">
-            <div>
-              <label for="">Name</label>
-              <input type="text" placeholder="Please enter name">
-            </div>
-            <div>
-              <label for="">Email</label>
-              <input type="text" placeholder="Please enter email">
-            </div>
-            <div>
-              <label for="">Message</label>
-            <textarea name="comment" id="comment" required="" placeholder="Please Leave A Comment"></textarea>
-            </div>
-            <div class="code-img">
-              <!--  <input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
-              <div class="img">
-                <img title="点击刷新" class="codeimg" src="" />
-              </div>-->
-	<!--     </div>
-            <div class="submit-btn">
-              <input type="submit" value="SUBMIT">
-            </div>
-          </form>
-        </div>
-      </div>
-    </div>
-  </section> -->
 	<section class="container-mask price-mask">
 		<div class="container price-container ui form">
 			<div class="iconf close-iconf"></div>
@@ -868,8 +662,6 @@
 	<section class="container-mask no hint-mask">
 		<div class="container hint">
 			<div class="iconf close-iconf"></div>
-
-
 			<a href="" class="item">
 				<div class="i"><svg class="iconf" aria-hidden="true">
 						<use xlink:href="#icon-xinxi"></use>
@@ -1016,42 +808,45 @@
 		</div>
 	</section>
 	<section class="container-mask form-wrap3">
-		<div class="container form-mask" style="max-width:44rem">
+		<div class="container form-mask" style="max-width:44rem;padding: 1rem 2rem;">
 			<div class="iconf close-iconf"></div>
 			<div action="" onsubmit="return false" class="form-container form ui ">
-				<h2 class="c1" style="text-align:center">Apply for a course syllabus</h2>
-				<div class="m-box" style="display: flex">
-					<div class="m-item">
-						<h5>Option 1</h5>
-						<p style="line-height: 1.5; font-size: 1rem;">Please scan the WeChat QR Code to add our academic advisor and receive additional details.
-						</p>
-						<img style="width:100px; display:block; margin: 0 auto"
-							src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
+				<h2 class="c1" style="font-size: 1.6rem;margin-bottom: 2rem;">Apply for a course syllabus</h2>
+				<div class="m-box" style="display: flex;  justify-content: space-between;">
+					<div class="m-item" style="width: 22rem; margin-right: 3rem;">
+						<h5 style="color: #1b1b1b; font-size: 1.1rem;">Option 1</h5>
+						<div class="left-txt" style="display: flex;">
+							<p class="f-medium" style="line-height: 1.24; font-size: 0.95rem;">Please scan the<br/>WeChat QR Code to<br/>add academic advisor<br/>and receive additional<br/>details.</p>
+							<img style="width:9rem; margin: -0.5rem 0 0 0.3rem;" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
+						</div>
 					</div>
-					<div class="line"></div>
-					<div class="m-item">
-						<h5>Option 2</h5>
-						<p style="line-height: 1.5; font-size: 1rem;">You advisor will send the syllabus to you via email within 24 hours.</p>
-						<form action="" method="">
-							<div class="field">
-								<input type="text" name="fname" id="email"
-									placeholder="What email address can we reach you at?">
+					<div class="m-item" style="width: 17.6rem;">
+						<h5 style="color: #1b1b1b; font-size: 1.1rem;">Option 2</h5>
+						<p class="f-medium" style="line-height: 1.2; font-size: 1rem;">You advisor will send the syllabus to<br/>you via email within 24 hours.</p>
+						<form action="" method="" style="margin-top: 0.8rem;">
+							<div class="field" style="margin-bottom: 0.8rem !important;">
+								<input class="f-medium input-abcd" style="width: 17.6rem; font-size: 0.85rem; color: #c2c2c2; border: 1px solid #333333; padding: 0.5rem; font-weight: normal;" type="text" name="fname" id="email" placeholder="What email address can we reach you at?">
 								<input type="hidden" name="fb_code" id="fb_code" value="{$goods.goods_serial}">
 								<input type="hidden" name="fb_course" id="fb_course" value="{$goods.goods_name}">
 								<input type="hidden" name="fb_school" id="fb_school" value="{$goods.ke_college}">
 							</div>
-							<div class="sub">
-								<button type="submit" class="ui primary button onsubmitfrom">Submit</button>
+							<div class="sub" style="justify-content: flex-start;margin-top: 0.8rem;">
+								<button style="display: block; width: 7.75rem; font-size: 1rem; height: 1.5rem; padding: 0;" type="submit" class="ui primary button onsubmitfrom onsubmitfrom-01">Submit</button>
 							</div>
 						</form>
 					</div>
-
 				</div>
-
-
 			</div>
 		</div>
 	</section>
+	<style>
+		.container-mask .form-mask .onsubmitfrom-01{
+			transition: all .6s;
+		}
+		.container-mask .form-mask .onsubmitfrom-01:hover{
+			background-color: #2fe78b !important;
+		}
+	</style>
 
 	<section class="container-mask form-wrap4">
 		<div class="container form-mask">
@@ -1140,7 +935,7 @@
 				<div class="iconf close-iconf"></div>
 				<img style="width:10.6rem; display:block; margin: 1.8rem auto 0" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
 				<p style="font-size:0.9rem; text-align: center; line-height: 1.23; color: #1b1b1b;">
-					Please <span class="c1">scan the WeChat QR Code</span><br />to add our academic advisor<br />and receive your registration information.
+					Please <span class="c1">scan the WeChat QR Code</span> to<br />add our academic advisor<br />and receive additional details.
 				</p>
 				<div class="oks" style="margin: 1.5rem auto 2.5rem; cursor: pointer;">Back</div>
 			</div>
diff --git a/app/home/view/default/mall/goods/goods_program.html b/app/home/view/default/mall/goods/goods_program.html
index b8b68e99..83c54bb9 100644
--- a/app/home/view/default/mall/goods/goods_program.html
+++ b/app/home/view/default/mall/goods/goods_program.html
@@ -510,7 +510,7 @@
 					</div>
 					<div class="program-txt-04">
 						<p>Application Instructions:</p>
-						<a class="applynow" href="javascript:void(0)">Apply now</a>
+						<a class="applynow f-Bold" href="javascript:void(0)">Apply now</a>
 					</div>
 				</div>
 			</div>
@@ -525,7 +525,7 @@
 					</div>
 					<div class="col-12">
 						<p>E-mail：</p>
-						<p><a href="mailto:pengl@scu.edu.cn">pengl@scu.edu.cn</a> <em class="copy-btn f-medium">复制</em></p>
+						<p><a href="mailto:pengl@scu.edu.cn">pengl@scu.edu.cn</a> <em class="copy-btn f-Bold">Copy</em></p>
 					</div>
 					<div class="col-12">
 						<p>Tel：</p>
@@ -552,7 +552,7 @@
 				<p style="font-size:0.9rem; text-align: center; line-height: 1.23; color: #1b1b1b;">
 					Please <span class="c1">scan the WeChat QR Code</span><br />to add our academic advisor<br />and receive your registration information.
 				</p>
-				<div class="oks" style="margin: 1.5rem auto 2.5rem;">Back</div>
+				<div class="oks" style="margin: 1.5rem auto 2.5rem; cursor: pointer;">Back</div>
 			</div>
 		</div>
 	</section>
@@ -612,6 +612,12 @@
 	$(".add-f-btn-con,.applynow").click(function() {
 		$(".form-wrap8").addClass('show');
 	})
+	$(".oks").click(function() {
+		setTimeout(function() {
+			$(".form-wrap7").removeClass('show');
+			$(".form-wrap8").removeClass('show');
+		}, 100);
+	})
 	$(".program-details .copy-btn").click(function () {
 		var copy_text = 'pengl@scu.edu.cn'; //需要复制的内容
 		var y = $(this).offset().top - 32,
diff --git a/app/home/view/default/mall/promotion/index.html b/app/home/view/default/mall/promotion/index.html
index 6ccd8d4d..cf3eaafe 100644
--- a/app/home/view/default/mall/promotion/index.html
+++ b/app/home/view/default/mall/promotion/index.html
@@ -252,10 +252,6 @@
 			<div class="swiper-wrapper">
 				<div class="swiper-slide">
 					<img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper-01.jpg" alt="">
-					<!-- <div class="about-swiper-txt ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
-						<img src="{$Think.HOME_SITE_ROOT}/new/images/Berkeley.png" alt="">
-						<span>From a group of academic pioneers in 1868 to the Free Speech Movement in 1964, Berkeley is a place where the brightest minds from across the globe come together to explore, ask questions and improve the world.</span>
-					</div> -->
 				</div>
 				<div class="swiper-slide">
 					<img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper-02.jpg" alt="">
@@ -270,6 +266,7 @@
 					<img src="{$Think.HOME_SITE_ROOT}/new/images/about-swiper-05.jpg" alt="">
 				</div>
 			</div>
+			<div class="swiper-pagination"></div>
 		</div>
 	</section>
 	<section class="main-QA">
@@ -368,6 +365,10 @@
 			loop:true,//开启循环播放
 			autoplay: true, //自动播放
 			effect : 'slide',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。
+			pagination: {
+				el: '.about-swiper .swiper-pagination',
+				clickable :true,
+			},
 			on:{
 				init: function(){
 					swiperAnimateCache(this); // 隐藏动画元素 
diff --git a/public/static/home/new/css/about.css b/public/static/home/new/css/about.css
index 0923fa3a..a4920e8d 100644
--- a/public/static/home/new/css/about.css
+++ b/public/static/home/new/css/about.css
@@ -175,7 +175,7 @@
 
 .about .main-4 .item{
 	width: calc(50% - 0.75rem);
-	height: 33rem;
+	min-height: 33rem;
 	background-color: #00db6d;
 	padding: 3rem 5.5rem;
 	color: #ffffff;
@@ -310,6 +310,22 @@
 	color: #ffffff;
 }
 
+.about-swiper .swiper-container-horizontal>.swiper-pagination-bullets{
+	bottom: 1rem !important;
+}
+.about-swiper .swiper-pagination .swiper-pagination-bullet{
+	width: 0.65rem;
+	height: 0.65rem;
+	border-radius: 0.325rem;
+	background-color: rgba(204, 202, 202, .3);
+	margin: 0 .45rem;
+	opacity: 1;
+}
+.about-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
+	width: 3.75rem;
+	background-color: rgba(204, 202, 202, 1);
+}
+
 
 .about .main-3 {
   background-color: #3b52f6;
diff --git a/public/static/home/new/css/course.css b/public/static/home/new/css/course.css
index e4be3a95..5a181d5e 100644
--- a/public/static/home/new/css/course.css
+++ b/public/static/home/new/css/course.css
@@ -1488,17 +1488,26 @@ h4 {
 .program-details .program-txt-03 p:nth-of-type(2){
 	text-indent: 1.9rem;
 }
-.program-details .program-txt-04 a{
-	font-family: "HarmonyOS_Sans_Medium" !important;
-	text-indent: 1.25rem;
-	height: auto;
-	transition: all 0.6s;
+.program-details .program-txt-04 .applynow{
+	display: inline-block;
+	width: 6.2rem;
+	height: 2rem;
+	line-height: 1.9rem !important;
+	border-radius: 0.3rem;
+	background-color: #838383;
+	color: #ffffff;
+	font-size: 0.9rem;
+	margin: 1rem 0 0 1.5rem;
+	cursor: pointer;
+	transition: all .6s;
+	text-align: center;
 }
 
 .program-details .program-txt-04 .applynow:hover{
-	color: #00db6d;
+	background-color: #00db6d;
 }
 
+
 .program-details .main-2 .content1:nth-of-type(2) .txt>div{
 	margin-left: 0 !important;
 }
@@ -1511,12 +1520,13 @@ h4 {
 
 .program-details .copy-btn{
 	display: inline-block;
-	line-height: 1.2rem;
+	height: 2rem;
+	line-height: 1.9rem;
 	padding: 0 1rem;
-	border-radius: 0.75rem;
+	border-radius: 0.3rem;
 	background-color: #838383;
 	color: #ffffff;
-	font-size: 0.7rem;
+	font-size: 0.9rem;
 	margin-left: 1rem;
 	cursor: pointer;
 	transition: all .6s;
diff --git a/public/static/home/new/css/index.css b/public/static/home/new/css/index.css
index 77068e16..44c83150 100644
--- a/public/static/home/new/css/index.css
+++ b/public/static/home/new/css/index.css
@@ -993,7 +993,7 @@ main .main-4 .container .item .img img{
 main .main-4 .container .item .pull-bg{
 	width: 100%;
 	height: 100%;
-	background-color: rgba(0, 0, 0, .4);
+	background-color: rgba(22, 22, 22, .4);
 	position: absolute;
 	left: 0;
 	top: 0;
@@ -1001,7 +1001,7 @@ main .main-4 .container .item .pull-bg{
 	transition: all .6s;
 }
 main .main-4 .container .item:hover .pull-bg{
-	background-color: rgba(0, 0, 0, .5);
+	background-color: rgba(22, 22, 22, .65);
 }
 main .main-4 .container .item h3{
 	font-family: "HarmonyOS_Sans_Bold" !important;