反馈交互效果修改

app/home/view/default/base/mall_footer.html

@@ -99,7 +99,7 @@
 		<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="logo"><img src="{$Think.HOME_SITE_ROOT}/new/images/footer-logo.png" alt="Light Course"></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">
 					<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-02.png">

app/home/view/default/mall/brand/index.html

@@ -330,7 +330,7 @@
 					<span>{$value.ke_period} weeks</span>
 					{/if}
 
-					<span class="b c">Course details</span>
+					<span class="b c">Course details<em>></em></span>
 				</div>
 			</a>
 			{/foreach}

app/home/view/default/mall/showpintuan/index.html

@@ -125,6 +125,7 @@
 			<p class="tips-credit"><span class="c1">Key assessment criteria for evaluating whether credit will be transferred include:</span></p>
 			<div class="item-list1">
 				<div class="item" num="01">
+					<img src="{$Think.HOME_SITE_ROOT}/new/images/credit-item-01.jpg">
 					<h6>Student<br />information</h6>
 					<p class="f-regular">
 						The home institution will determine if the student is eligible for credit transfer. Information
@@ -133,6 +134,7 @@
 					</p>
 				</div>
 				<div class="item" num="02">
+					<img src="{$Think.HOME_SITE_ROOT}/new/images/credit-item-02.jpg">
 					<h6>Accreditation<br />of the program<br />/provider</h6>
 					<p class="f-regular">
 						<br />
@@ -142,6 +144,7 @@
 					</p>
 				</div>
 				<div class="item" num="03">
+					<img src="{$Think.HOME_SITE_ROOT}/new/images/credit-item-03.jpg">
 					<h6>Course<br />content</h6>
 					<p class="f-regular">
 						It is important to make sure that the course is equivalent to a class at the student's home

public/static/home/new/css/common.css

@@ -1730,10 +1730,11 @@ p {
 
 .main-QA .t .more-btn>a:hover{
 	background: none;
-	opacity: .65;
+	color: #00db0d;
 }
 .main-QA .t .more-btn>a:hover em{
 	right: -0.3rem;
+	color: #00db0d;
 }
 
 .main-QA .content .accordion li {
@@ -1867,6 +1868,7 @@ p {
 
 .main-other-qa .container h6 {
 	font-size: 1rem;
+	color: #00db6d;
 }
 
 .main-other-qa .container .left>p {
@@ -3095,7 +3097,7 @@ footer .foot .container .copyright p * {
 
 footer .footer {
 	background-color: #ebebeb;
-	padding: 1.6rem 0 0.65rem;
+	padding: 2.8rem 0 0.65rem;
 }
 
 footer .footer>div {
@@ -3147,10 +3149,6 @@ footer .footer .left .icon img:first-child {
 	margin-left: 0;
 }
 
-footer .footer .right {
-	margin-right: 3.5rem;
-}
-
 footer .footer .right ul {
 	display: flex;
 }
@@ -3188,7 +3186,7 @@ footer .footer .copyright {
 	max-width: calc(100% - 3.6rem);
 	display: flex;
 	justify-content: flex-end;
-	margin: 3rem auto 0;
+	margin: 1.9rem auto 0;
 }
 
 footer .footer .copyright * {

public/static/home/new/css/course.css

@@ -202,13 +202,31 @@
 }
 
 .course .main-1 .container .link .label span.c {
-	background-color: #00db6d;
+	background-color: #838383;
+	border: 1px solid #838383;
+	padding-right: 1rem;
 	font-size: 0.8rem;
 	color: #fff !important;
 	transition: all .6s;
+	position: relative;
 }
 .course .main-1 .container .link:hover .label span.c{
-	background-color: #2fe78b;
+	border: 1px solid #838383;
+}
+.course .main-1 .container .link .label span.c>em{
+	font-family: "HarmonyOS_Sans_Regular" !important;
+	position: absolute;
+	top: 50%;
+	right: 0.5rem;
+	transform: scaleY(1.8) translateY(-26%);
+	transition: all .6s;
+}
+.course .main-1 .container .link .label span.c:hover{
+	background-color: #00db6d;
+	border: 1px solid #00db6d;
+}
+.course .main-1 .container .link .label span.c:hover>em{
+	right: 0.2rem;
 }
 
 .fb {
@@ -373,6 +391,7 @@ h4 {
 	padding-right: 1rem;
 	font-size: 0.9rem;
 	position: relative;
+	transition: all .6s;
 }
 .course-details .main-1 .container>.left>div.content1 .more-btn1 em{
 	font-family: "HarmonyOS_Sans_Regular" !important;
@@ -385,10 +404,14 @@ h4 {
 	transform: scaleY(1.8) translateY(-32.5%);
 }
 .course-details .main-1 .container>.left>div.content1 .more-btn1:hover{
-	opacity: .6;
+	border: 0.15rem solid #00db6d;
+}
+.course-details .main-1 .container>.left>div.content1 .more-btn1:hover a{
+	color: #00db6d;
 }
 .course-details .main-1 .container>.left>div.content1 .more-btn1:hover em{
 	right: -0.3rem;
+	color: #00db6d;
 }
 
 .course-details .main-1 .container>.right {
@@ -1063,10 +1086,11 @@ h4 {
 	transition: all .6s;
 }
 .course-details .main-2 .con1 .shadow .more-btn-k:hover a{
-	opacity: 0.65;
+	color: #ffff1b;
 }
 .course-details .main-2 .con1 .shadow .more-btn-k:hover a>em{
 	right: -0.3rem;
+	color: #ffff1b;
 }
 
 
@@ -1298,7 +1322,7 @@ h4 {
 }
 
 .program-info .container p{
-	max-width: 19rem;
+	max-width: 21.2rem;
 	margin: 0 auto !important;
 	line-height: 1.76;
 }

public/static/home/new/css/credit.css

@@ -160,7 +160,16 @@
 	padding: 3.5rem 2rem;
 	background-size: 100%;
 }
-.credit .container .item-list1 .item:nth-of-type(1){
+.credit .container .item-list1 .item>img{
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	left: 0;
+	top: 0;
+	z-index: 0;
+}
+
+/* .credit .container .item-list1 .item:nth-of-type(1){
 	background-image: url(../images/credit-item-01.jpg);
 }
 .credit .container .item-list1 .item:nth-of-type(2){
@@ -168,7 +177,7 @@
 }
 .credit .container .item-list1 .item:nth-of-type(3){
 	background-image: url(../images/credit-item-03.jpg);
-}
+} */
 
 .credit .container .item-list1 h6 {
 	display: flex;
@@ -179,6 +188,8 @@
 	min-height: 5rem;
 	margin-bottom: 1.5rem;
 	color: #ffff1b;
+	position: relative;
+	z-index: 1;
 }
 
 .credit .container .item-list1 p{
@@ -186,12 +197,14 @@
 	line-height: 1.42;
 	text-align: center;
 	color: #fff;
+	position: relative;
+	z-index: 1;
 }
 
 .credit .container .item-list1 .item::after {
 	content: "";
 	display: block;
-	width: 1.5rem;
+	width: 0.8rem;
 	height: 1.5rem;
 	background-image: url(../images/icon-more-2.png);
 	background-repeat: no-repeat;
@@ -201,6 +214,14 @@
 	right: 1rem;
 	font-size: 1.6rem;
 	color: #ffff1b;
+	transition: all .6s;
+}
+.credit .container .item-list1 .item:hover{
+	filter: grayscale(10%);
+}
+
+.credit .container .item-list1 .item:hover::after{
+	right: 0.7rem;
 }
 
 .credit .shadow{
@@ -248,10 +269,11 @@
 }
 .credit .shadow .more-btn>a:hover{
 	background: none;
-	opacity: .65;
+	color: #00db6d;
 }
 .credit .shadow .more-btn>a:hover em{
 	right: -0.3rem;
+	color: #00db6d;
 }
 
 

public/static/home/new/css/index.css

@@ -139,8 +139,7 @@
 	align-items: center;
 	height: 2.6rem;
 	padding: 0 0.9rem;
-	background-color: #00db6d;
+	background-color: #dedede;
-	color: #ffffff;
 	font-size: 0.9rem;
 	border-radius: 0.5rem;
 	position: absolute;
@@ -164,7 +163,7 @@
 	transition: all .6s;
 }
 .index-banner-btn:hover{
-	opacity: 0.65 !important;
+	background-color: #00db6d;
 }
 .index-banner-btn:hover em{
 	right: -0.3rem;
@@ -196,7 +195,7 @@
 }
 .index-banner-info .left span{
 	display: block;
-	font-size: 0.75rem;
+	font-size: 0.85rem;
 	color: #ffff1b;
 	margin-top: .4rem;
 	font-family: "HarmonyOS_Sans_Bold" !important;
@@ -837,10 +836,14 @@ main .main-2 .container .more-btn1 em{
 	transform: scaleY(1.8) translateY(-32.5%);
 }
 main .main-2 .container .more-btn1:hover{
-	opacity: .6;
+	border: 0.15rem solid #ffffff;
+}
+main .main-2 .container .more-btn1:hover a{
+	color: #ffffff;
 }
 main .main-2 .container .more-btn1:hover em{
 	right: -0.3rem;
+	color: #ffffff;
 }
 
 main .main-2 .container .item .text {
@@ -1044,14 +1047,15 @@ main .main-4 .more-btn>a em{
 	top: 50%;
 	right: 0;
 	transform: scaleY(1.8) translateY(-32.5%);
-	transition: all .6s;
+	transition: all .3s;
 }
 main .main-4 .more-btn>a:hover{
 	background: none;
-	opacity: .65;
+	color: #00db6d;
 }
 main .main-4 .more-btn>a:hover em{
 	right: -0.3rem;
+	color: #00db6d;
 }
 
 

public/static/home/new/css/process.css

@@ -203,7 +203,7 @@
 .main-1 .wrap p{
 	font-family: "HarmonyOS_Sans_Bold" !important;
 	font-size: 0.85rem;
-	line-height: 1.8;
+	line-height: 1.42;
 	margin-top: 1rem;
 	margin-bottom: 0 !important;
 	text-align: center;

public/static/home/new/css/program.css

@@ -206,6 +206,11 @@
 .program .swiper-slide img{
 	width: 100%;
 	min-width: 36.4rem;
+	transition: all .4s;
+}
+
+.program .swiper-slide:hover img{
+	filter: grayscale(60%);
 }
 
 .program .swiper-slide>em{