Talk to a LightCourse advisor
diff --git a/public/static/home/new/css/about.css b/public/static/home/new/css/about.css
index 23d28254..7ac07e94 100644
--- a/public/static/home/new/css/about.css
+++ b/public/static/home/new/css/about.css
@@ -50,7 +50,7 @@
position: relative;
}
.about-banner{
- background-color: #07cd6a;
+ background-color: #00db6d;
padding: 2.5rem 0;
}
@@ -220,7 +220,7 @@
.about .main-2 {
padding-top: 18.8rem;
padding-bottom: 4.3rem;
- background-color: #07cd6a;
+ background-color: #00db6d;
margin-top: -12.25rem;
position: relative;
z-index: -1;
diff --git a/public/static/home/new/css/common.css b/public/static/home/new/css/common.css
index 8d7f40d1..da43ede6 100644
--- a/public/static/home/new/css/common.css
+++ b/public/static/home/new/css/common.css
@@ -235,7 +235,6 @@ input::placeholder{
outline: none;
box-sizing: border-box;
word-break: break-word;
- letter-spacing: -0.025em;
}
body {
@@ -245,6 +244,7 @@ body {
min-width: 300px;
padding-top: 7rem;
padding-bottom: 4rem;
+ letter-spacing: -0.025em;
}
.f-light{
@@ -968,7 +968,7 @@ div[data-sidebar-main="mask"] {
}
p {
- line-height: 2;
+ line-height: 1.5;
}
.a-hover:hover {
@@ -977,7 +977,7 @@ p {
}
.main-title {
- margin-bottom: 4.8rem;
+ margin-bottom: 3.6rem;
}
.main-title h2 {
@@ -1743,30 +1743,24 @@ p {
border-radius: 0.5rem;
}
-.main-QA .content .accordion li:hover .link{
- opacity: .8;
-}
-.main-QA .content .accordion li:hover .submenu{
- opacity: .7;
-}
-
.main-QA .content .accordion li:last-of-type {
margin-bottom: 0;
}
.main-QA .content .accordion li .link {
padding: 0.9rem;
- transition: all .6s;
}
.main-QA .content .accordion li.open .submenu {
display: block;
- transition: all .6s;
}
.main-QA .content .accordion li.open h5 span {
font-size: 1.3rem;
- /*color: #00db6d;*/
+ transition: all .6s;
+}
+.main-QA .content .accordion li:hover .link h5 span{
+ color: #00db6d;
}
.main-QA .content .accordion li.open h5 i::after {
@@ -1817,7 +1811,8 @@ p {
.main-QA .content .accordion li h6 {
font-size: 0.8rem;
- color: #00db6d;
+ font-size: 0.9rem;
+ color: #505050;
margin-top: 0.9rem;
margin-bottom: 0.5rem;
}
@@ -1825,7 +1820,7 @@ p {
.main-QA .content .accordion li p {
line-height: 1.8;
color: #000;
- font-size: 0.8rem;
+ font-size: 0.75rem;
color: #505050;
}
@@ -2441,6 +2436,7 @@ p {
.hint-search-content .item .link span {
margin-right: 0.5rem;
+ font-size: 0.8rem;
}
.hint-search-content .item .link em {
@@ -2478,6 +2474,7 @@ header #pc-header>div>ul {
}
header #pc-header>div>ul li>a {
+ font-family: "HarmonyOS_Sans_Bold" !important;
display: inline-block;
height: 5rem;
font-size: 0.8rem;
@@ -2561,16 +2558,21 @@ header #pc-header .search-form>div {
margin-left: 0.5rem;
height: 2rem;
}
+header #pc-header .search-form>div span{
+ font-family: "HarmonyOS_Sans_Bold" !important;
+}
header #pc-header .search-form>div input {
width: 14rem;
height: 2rem;
font-size: 0.8rem;
+ font-family: "HarmonyOS_Sans_Bold" !important;
}
header #pc-header .search-form>div input::placeholder {
font-size: 0.8rem;
color: #999;
+ font-family: "HarmonyOS_Sans_Bold" !important;
}
header #pc-header .search-form>div .i {
@@ -2914,6 +2916,7 @@ header #pc-header .right .member p{
header #pc-header .right .member p a {
margin: 0 0.3rem;
font-size: 0.75rem;
+ font-family: "HarmonyOS_Sans_Bold" !important;
}
header #pc-header .right .member p a:hover {
@@ -2922,12 +2925,21 @@ header #pc-header .right .member p a:hover {
header #pc-header .right .member .member-on {
position: relative;
+ display: flex;
+ align-items: center;
+ margin-top: 0.2rem;
}
header #pc-header .right .member .member-on:hover .second {
display: block;
}
+header #pc-header .right .member .member-on a{
+ font-family: "HarmonyOS_Sans_Bold" !important;
+ font-size: 0.75rem;
+ margin-right: 0.2rem;
+}
+
header #pc-header .right .member .member-on .second {
position: absolute;
top: 100%;
@@ -3082,7 +3094,7 @@ footer .foot .container .copyright p * {
footer .footer {
background-color: #ebebeb;
- padding: 4rem 0 1.25rem;
+ padding: 2.7rem 0 0.65rem;
}
footer .footer>div {
@@ -3093,6 +3105,7 @@ footer .footer>div {
footer .footer .main-center{
max-width: 71.875%;
+ align-items: flex-end;
}
footer .footer .left {
@@ -3100,6 +3113,7 @@ footer .footer .left {
flex-direction: column;
justify-content: space-between;
margin-left: 1.3rem;
+ height: 9rem;
}
footer .footer .left * {
@@ -3107,7 +3121,7 @@ footer .footer .left * {
}
footer .footer .left .info {
- font-size: 0.7rem;
+ font-size: 0.65rem;
margin-left: 0.4rem;
line-height: 1.5;
}
@@ -3161,18 +3175,19 @@ footer .footer .right ul span {
footer .footer .right ul a {
display: block;
transition: all .6s;
- line-height: 2.2;
+ line-height: 1.67;
+ color: #424242;
}
footer .footer .right ul a:hover {
- opacity: .65;
+ color: #00db6d;
}
footer .footer .copyright {
max-width: calc(100% - 3.6rem);
display: flex;
justify-content: flex-end;
- margin: 3.5rem auto 0;
+ margin: 3rem auto 0;
}
footer .footer .copyright * {
diff --git a/public/static/home/new/css/course.css b/public/static/home/new/css/course.css
index 98257cb5..d774fea9 100644
--- a/public/static/home/new/css/course.css
+++ b/public/static/home/new/css/course.css
@@ -85,23 +85,20 @@
.page-banner {
position: relative;
}
-.page-banner .swiper-container{
- height: 36.4rem;
-}
.page-banner .swiper-slide{
- height: 36.4rem;
+ height: 33.15rem;
overflow: hidden;
}
-.page-banner img {
+.page-banner .swiper-slide img {
width: 100%;
- min-height: 36.4rem;
+ min-height: 100%;
}
.page-banner .pagination{
margin: 0;
}
.page-banner .swiper-container-horizontal>.swiper-pagination-bullets{
- bottom: 3rem !important;
+ bottom: 1.5rem !important;
}
.page-banner .swiper-pagination .swiper-pagination-bullet{
width: 0.65rem;
@@ -290,6 +287,7 @@ h4 {
}
.course-details .main-1{
padding-bottom: 0;
+ padding-top: 6rem;
}
.course-details .main-1>div {
padding-bottom: 5.8rem;
@@ -298,6 +296,7 @@ h4 {
.course-details .main-1 .container {
display: flex;
justify-content: space-between;
+ align-items: center;
}
.course-details .main-1 .container>.left {
@@ -305,7 +304,7 @@ h4 {
}
.course-details .main-1 .container>.left .basic-information{
- margin-top: 4rem;
+ margin-top: 2.5rem;
}
.course-details .main-1 .container>.left h1 {
@@ -337,7 +336,7 @@ h4 {
}
.course-details .main-1 .container>.left>div.content1 {
- margin-top: 4rem;
+ margin-top: 3rem;
}
.course-details .main-1 .container>.left>div.content1 h2{
margin-bottom: 0.5rem;
@@ -346,9 +345,6 @@ h4 {
font-size: 1.1rem;
line-height: 1.35;
max-width: 80%;
-}
-.course-details .main-1 .container>.left>div.content1 {
-
}
.course-details .main-1 .container>.left>div.content1 .more-btn1{
box-sizing: border-box;
@@ -395,7 +391,7 @@ h4 {
.course-details .main-1 .container>.right {
box-sizing: border-box;
width: 39.25rem;
- padding: 2.8rem;
+ padding: 2.2rem 2.8rem;
border: 0.7rem solid #4ce699;
position: relative;
}
@@ -414,7 +410,7 @@ h4 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
- height: 14rem;
+ height: 13rem;
margin-top: 2rem;
}
@@ -437,7 +433,7 @@ h4 {
.course-details .main-1 .container>.right .info .t .item p {
font-size: 1rem;
line-height: 1.5;
- margin-bottom: 0.7rem !important;
+ margin-bottom: 0.1rem !important;
}
.course-details .main-1 .container>.right .info .t .item p.clk {
@@ -509,7 +505,8 @@ h4 {
}
.course-details .main-1 .container>.right .time{
- height: 14.3rem;
+ height: 12.5rem;
+ margin-top: 3.25rem;
}
.course-details .main-1 .container>.right .btn-wrap {
@@ -562,7 +559,7 @@ h4 {
.course-details .main-02 {
display: flex;
align-items: center;
- padding: 4rem 0;
+ padding: 2.5rem 0;
background-color: #ffff1b;
text-align: center;
@@ -585,7 +582,7 @@ h4 {
margin-top: 1.2rem;
}
.course-details .main-2{
- padding: 4rem 0;
+ padding: 3.5rem 0 4.5rem;
background-color: #dedede;
}
@@ -928,12 +925,13 @@ h4 {
font-family: "HarmonyOS_Sans_Medium" !important;
font-size: 0.85rem;
text-align: left;
+ color: #ffffff;
}
.course-details .main-2 .con1 .c2{
display: inline-block;
font-size: 1rem;
- margin-top: 3.6rem;
+ margin-top: 1.3rem;
color: #00db6d;
}
@@ -957,11 +955,12 @@ h4 {
display: flex;
justify-content: center;
align-items: center;
+ color: #00db6d;
height: 5.5rem;
text-align: center;
line-height: 1.4;
min-height: 3.2rem;
- margin: 1rem 0 3rem;
+ margin: 0.5rem 0 1.75rem;
}
.course-details .main-2 .con1 .item-list1 h6>span{
font-size: 1.5rem;
@@ -970,11 +969,20 @@ h4 {
.course-details .main-2 .con1 .item-list1 .item{
width: calc(33.33% - 1rem);
- background-color: #ffffff;
+ background-size: cover;
position: relative;
margin-top: 0.9rem;
padding: 2.35rem;
}
+.course-details .main-2 .con1 .item-list1 .item:nth-of-type(1){
+ background-image: url('../images/transfe-bg01.jpg');
+}
+.course-details .main-2 .con1 .item-list1 .item:nth-of-type(2){
+ background-image: url('../images/transfe-bg02.jpg');
+}
+.course-details .main-2 .con1 .item-list1 .item:nth-of-type(3){
+ background-image: url('../images/transfe-bg03.jpg');
+}
.course-details .main-2 .con1 .item-list1 .item::after{
content: "";
@@ -1010,7 +1018,7 @@ h4 {
width: 53rem;
background-color: #00db6d;
border-radius: 1rem;
- margin: 4.2rem auto 0;
+ margin: 2.2rem auto 0;
padding: 1.1rem;
}
.course-details .main-2 .con1 .shadow p{
@@ -1085,7 +1093,7 @@ h4 {
justify-content: space-between;
align-items: center;
width: calc(50% - 0.55rem);
- height: 20rem;
+ height: 19.15rem;
background-color: #dedede;
padding: 0 4.8rem;
}
@@ -1254,7 +1262,7 @@ h4 {
.program-info .container,
.program-info .content{
width: calc(50% - 0.8rem);
- padding: 4.2rem;
+ padding: 2.7rem 4.2rem;
border: 1px solid #222;
border-radius: 0.5rem;
}
@@ -1274,11 +1282,14 @@ h4 {
font-family: "HarmonyOS_Sans_Regular" !important;
font-size: 0.85rem;
margin-bottom: 2.5rem;
+ line-height: 1.76;
+ margin-bottom: 0 !important;
}
.program-info .container p{
max-width: 19rem;
- margin: 0 auto;
+ margin: 0 auto !important;
+ line-height: 1.76;
}
.program-info .container p>em{
display: inline-block;
@@ -1296,7 +1307,7 @@ h4 {
.program-details .main-2-1 .des{
display: flex;
justify-content: space-between;
- align-items: flex-end;
+ align-items: center;
}
.program-details .main-2-1 .content1 .des .d-left{
width: 42%;
@@ -1326,7 +1337,8 @@ h4 {
}
.program-details .main-2-1 .d-right{
- width: 40%;
+ width: 32.25%;
+ margin-right: 7.25%;
}
.program-details .main-2-1 .d-right img{
width: 100%;
@@ -1359,7 +1371,7 @@ h4 {
flex-direction: column;
align-items: center;
width: calc(25% - 0.825rem) !important;
- height: 16.7rem;
+ height: 13.2rem;
background-color: #ffff1b;
border-radius: 0.5rem;
margin-top: 1rem;
diff --git a/public/static/home/new/css/credit.css b/public/static/home/new/css/credit.css
index 11953f50..2243cfe2 100644
--- a/public/static/home/new/css/credit.css
+++ b/public/static/home/new/css/credit.css
@@ -59,7 +59,7 @@
.see-banner .main-center {
max-width: 100%;
- background-color: #18d777;
+ background-color: #00db6d;
}
.see-banner h1 {
diff --git a/public/static/home/new/css/index.css b/public/static/home/new/css/index.css
index 679318f7..c1e9a665 100644
--- a/public/static/home/new/css/index.css
+++ b/public/static/home/new/css/index.css
@@ -76,8 +76,13 @@
display: block;
}
+.index-banner{
+ overflow: hidden;
+}
+
.index-banner .swiper-container .swiper-slide {
background-color: #fff;
+ height: 39rem;
position: relative;
}
@@ -88,6 +93,7 @@
.index-banner .swiper-container .swiper-slide>.imgg img{
width: 100%;
+ min-height: 100%;
}
.index-banner-txt {
@@ -109,12 +115,14 @@
margin-bottom: 0 !important;
color: #00db6d;
text-align: right;
+ letter-spacing: 0;
}
.index-banner-txt em {
font-size: 3.6rem;
line-height: 1;
margin-bottom: 1.2rem;
+ letter-spacing: -0.05em;
}
.index-banner-txt span{
width: 100%;
@@ -172,7 +180,7 @@
justify-content: center;
align-items: center;
width: 100%;
- height: 18rem;
+ height: 14rem;
background-color: #03d068;
}
.index-banner-info .left{
@@ -614,7 +622,8 @@
}
main .main-1{
- padding-bottom: 7.5rem;
+ padding-top: 4.5rem;
+ padding-bottom: 5.2rem;
}
main .main-1 .container {
@@ -679,14 +688,19 @@ main .main-1 .container .item .icon-more{
right: 0.9rem;
z-index: 2;
transform: translateY(-50%);
+ transition: all .6s;
}
main .main-1 .container .item .icon-more img{
width: 100%;
height: 100%;
}
+main .main-1 .container .item:hover .icon-more{
+ right: 0.6rem;
+ opacity: 0.65;
+}
main .main-1 .container .item .text {
- width: 7rem;
+ width: calc(100% - 4.6rem);
position: absolute;
left: 2.3rem;
bottom: 1.8rem;
@@ -731,21 +745,21 @@ main .main-1 .more-btn1{
}
main .main-2 {
- padding: 4.5rem 0 0;
+ padding: 3.9rem 0 0;
background-color: #dedede;
}
main .main-2 .main-center{
max-width: 100%;
- padding-top: 0.75rem;
+ padding-top: 0;
}
main .main-2 .swiper-wrapper {
- height: 32rem;
+ height: 26rem;
}
main .main-2 .container .item {
display: flex;
width: 100%;
- height: 32rem;
+ height: 26rem;
overflow: hidden;
}
@@ -826,7 +840,7 @@ main .main-2 .container .item .text {
}
main .main-2 .container .item .text p:first-child {
- margin-bottom: 4rem !important;
+ margin-bottom: 2.5rem !important;
}
main .main-2 .container .item .text em {
@@ -873,7 +887,7 @@ main .main-3 {
justify-content: center;
align-items: center;
width: 100%;
- height: 20.5rem;
+ padding: 3.1rem 0 3.8rem;
background-color: #00db6d;
}
@@ -884,12 +898,13 @@ main .main-3 .main-title{
main .main-3 h2 {
font-size: 1.9rem;
color: #ffff1b;
- margin-bottom: 2rem;
+ margin-bottom: 0.8rem;
text-align: left;
}
main .main-3 p{
display: block;
+ font-family: "HarmonyOS_Sans_Bold" !important;
max-width: 53rem;
font-size: 0.85rem;
line-height: 1.47;
@@ -904,7 +919,7 @@ main .main-3 more-btn1{
main .main-4{
- padding: 6.4rem 0 4.5rem;
+ padding: 4.6rem 0 7rem;
}
main .main-4 .main-center{
diff --git a/public/static/home/new/css/member.css b/public/static/home/new/css/member.css
index 7b38d368..316a7776 100644
--- a/public/static/home/new/css/member.css
+++ b/public/static/home/new/css/member.css
@@ -449,7 +449,7 @@
content: "";
position: absolute;
top: 50%;
- width: 4rem;
+ width: 1.8rem;
border-bottom: 1px solid #ebebeb;
}
diff --git a/public/static/home/new/css/process.css b/public/static/home/new/css/process.css
index 35fd54a6..b1ddbeeb 100644
--- a/public/static/home/new/css/process.css
+++ b/public/static/home/new/css/process.css
@@ -63,7 +63,7 @@
.see-banner .main-center {
max-width: 100%;
- background-color: #18d777;
+ background-color: #00dced;
}
.see-banner>img{
@@ -81,6 +81,7 @@
padding: 5.4rem 0;
text-align: center;
position: relative;
+ color: #ffffff;
z-index: 2;
}
@@ -93,7 +94,7 @@
top: 50%;
z-index: 0;
transform: translate(-50%,-50%);
- animation: bg_name 0.8s infinite;
+ /* animation: bg_name 0.8s infinite; */
}
.see-banner em>img{
width: 100%;
@@ -185,7 +186,7 @@
.main-1 .main-center{
max-width: 70.31%;
- background-color: #18d777;
+ background-color: #00dced;
padding: 3.6rem;
}
@@ -201,6 +202,7 @@
color: #ffffff;
}
.main-1 .wrap p{
+ font-family: "HarmonyOS_Sans_Bold" !important;
font-size: 0.85rem;
line-height: 1.8;
margin-top: 1.5rem;
diff --git a/public/static/home/new/css/see.css b/public/static/home/new/css/see.css
index 192fc830..0a30c886 100644
--- a/public/static/home/new/css/see.css
+++ b/public/static/home/new/css/see.css
@@ -64,7 +64,7 @@
.see-banner .main-center {
max-width: 100%;
- background-color: #18d777;
+ background-color: #00db6d;
}
.see-banner h1 {
@@ -187,19 +187,23 @@
}
.see-container .main-1-1 .title{
- background-color: #00db6d;
+ background-image: url(../images/who-bg-01.jpg);
+ background-size: cover;
padding: 1rem 5.5rem;
}
.see-container .main-1-1 .title-2{
+ background-image: url(../images/who-bg-02.jpg);
padding: 0.75rem 5.5rem;
}
.see-container .main-1-1 .title h3{
font-family: "HarmonyOS_Sans_Black" !important;
font-size: 1.5rem;
line-height: 1.5;
+ color: #ffff1b;
margin: 0;
}
.see-container .main-1-1 .title p{
+ color: #ffff1b;
font-size: 1.1rem;
line-height: 1.2;
}
@@ -245,11 +249,17 @@
}
.see-container .main-1-1 .list-last .item{
- background-color: #00db6d;
+ background-image: url(../images/who-bg-04.jpg);
+ background-size: cover;
}
.see-container .main-1-1 .list-last .item:first-child{
width: calc(66.66% - 0.25rem);
padding-left: 5.5rem;
+ background-image: url(../images/who-bg-03.jpg);
+}
+
+.see-container .main-1-1 .list-last .item h4{
+ color: #ffff1b;
}
.see-container .main-1-1 .list-last .item:first-child h4{
@@ -275,7 +285,9 @@
.see-container .main-1-2 .main-center{
max-width: 100%;
}
-
+.see-container .main-1-2 .main-title{
+ margin-bottom: 3.75rem;
+}
.student-programs-swiper .pagination{
diff --git a/public/static/home/new/images/footer-logo.png b/public/static/home/new/images/footer-logo.png
index 431e4b59..97134351 100644
Binary files a/public/static/home/new/images/footer-logo.png and b/public/static/home/new/images/footer-logo.png differ
diff --git a/public/static/home/new/images/icon-triangle-top.png b/public/static/home/new/images/icon-triangle-top.png
index 4d1150f4..e38e858c 100644
Binary files a/public/static/home/new/images/icon-triangle-top.png and b/public/static/home/new/images/icon-triangle-top.png differ
diff --git a/public/static/home/new/images/icon-white-stars.png b/public/static/home/new/images/icon-white-stars.png
new file mode 100644
index 00000000..13e4bca7
Binary files /dev/null and b/public/static/home/new/images/icon-white-stars.png differ
diff --git a/public/static/home/new/images/logo.png b/public/static/home/new/images/logo.png
index d7975442..74388e70 100644
Binary files a/public/static/home/new/images/logo.png and b/public/static/home/new/images/logo.png differ
diff --git a/public/static/home/new/images/process-top-bg.png b/public/static/home/new/images/process-top-bg.png
index 94348349..1c3033d7 100644
Binary files a/public/static/home/new/images/process-top-bg.png and b/public/static/home/new/images/process-top-bg.png differ
diff --git a/public/static/home/new/images/transfe-bg01.jpg b/public/static/home/new/images/transfe-bg01.jpg
new file mode 100644
index 00000000..0b24b943
Binary files /dev/null and b/public/static/home/new/images/transfe-bg01.jpg differ
diff --git a/public/static/home/new/images/transfe-bg02.jpg b/public/static/home/new/images/transfe-bg02.jpg
new file mode 100644
index 00000000..d8aaf43a
Binary files /dev/null and b/public/static/home/new/images/transfe-bg02.jpg differ
diff --git a/public/static/home/new/images/transfe-bg03.jpg b/public/static/home/new/images/transfe-bg03.jpg
new file mode 100644
index 00000000..caab2e6f
Binary files /dev/null and b/public/static/home/new/images/transfe-bg03.jpg differ
diff --git a/public/static/home/new/images/who-bg-01.jpg b/public/static/home/new/images/who-bg-01.jpg
new file mode 100644
index 00000000..44c7f293
Binary files /dev/null and b/public/static/home/new/images/who-bg-01.jpg differ
diff --git a/public/static/home/new/images/who-bg-02.jpg b/public/static/home/new/images/who-bg-02.jpg
new file mode 100644
index 00000000..341adb17
Binary files /dev/null and b/public/static/home/new/images/who-bg-02.jpg differ
diff --git a/public/static/home/new/images/who-bg-03.jpg b/public/static/home/new/images/who-bg-03.jpg
new file mode 100644
index 00000000..ec4f91ea
Binary files /dev/null and b/public/static/home/new/images/who-bg-03.jpg differ
diff --git a/public/static/home/new/images/who-bg-04.jpg b/public/static/home/new/images/who-bg-04.jpg
new file mode 100644
index 00000000..cc7ecc2b
Binary files /dev/null and b/public/static/home/new/images/who-bg-04.jpg differ