Lee
/
www.lightcourse.com
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

动效还没处理

master
Lee 2022-11-08 18:43:31 +08:00
parent 6cd1966fa1
commit 2c89384566
26 changed files with 352 additions and 186 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/home/view/default/base/mall_footer.html
View File

@ -70,17 +70,17 @@
</div> </div>
</div> </div>
</section> </section>
<section class="main-other-qa wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <section class="main-other-qa">
<div class="main-center container"> <div class="main-center container">
<div class="content"> <div class="content">
<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="left">
<h6>Help&Support</h6> <h6>Help&Support</h6>
<p class="f-medium">Need Help?</p> <p class="f-medium">Need Help?</p>
<div class="zx-btn"> <div class="zx-btn">
<a href="javascript:void(0)" onclick="$('.form-wrap9').addClass('show')" class="b"><span>Chat Now</span></a> <a href="javascript:void(0)" onclick="$('.form-wrap9').addClass('show')" class="b"><span>Chat Now</span></a>
</div> </div>
</div> </div>
<div class="right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="right">
<div> <div>
<p class="f-medium">LightCourse Student Services</p> <p class="f-medium">LightCourse Student Services</p>
<a href="mailto:studentservice@lightglobal.org"><strong>studentservice@lightglobal.org</strong></a> <a href="mailto:studentservice@lightglobal.org"><strong>studentservice@lightglobal.org</strong></a>
@ -95,9 +95,9 @@
</div> </div>
</section> </section>
<footer> <footer>
<div class="footer wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="footer">
<div class="main-center"> <div class="main-center">
<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <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 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/footer-logo.png" alt="Light Course"></div>
<div class="icon"> <div class="icon">
@ -106,7 +106,7 @@
<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-03.png"> <img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-03.png">
</div> </div>
</div> </div>
<div class="right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="right">
<ul> <ul>
<li> <li>
<a class="f-bold" href="/promotion">About Us</a> <a class="f-bold" href="/promotion">About Us</a>
@ -135,7 +135,7 @@
</ul> </ul>
</div> </div>
</div> </div>
<div class="copyright wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="copyright">
<span class="f-medium"> <span class="f-medium">
<script> <script>
copyright = new Date(); copyright = new Date();

2
app/home/view/default/mall/activity/activity_index.html
View File

@ -79,7 +79,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 19.4rem; width: 19.4rem;
height: 1.5rem; height: 1.8rem;
border-radius: 6px; border-radius: 6px;
font-size: 1rem; font-size: 1rem;
background-color: #18d777; background-color: #18d777;

2
app/home/view/default/mall/article/article_list.html
View File

@ -23,7 +23,7 @@
This article provides<br />an overview of<br />online education flexibi This article provides<br />an overview of<br />online education flexibi
</span> </span>
<div class="more-btn1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"> <div class="more-btn1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<a href="">Click To Enter<em>></em></a> <a href="/article/show?article_id=69">Click To Enter<em>></em></a>
</div> </div>
</div> </div>
<img class="blog-img wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.2s" src="{$Think.HOME_SITE_ROOT}/new/images/blog-img.png" alt=""> <img class="blog-img wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.2s" src="{$Think.HOME_SITE_ROOT}/new/images/blog-img.png" alt="">

2
app/home/view/default/mall/article/article_show.html
View File

@ -53,7 +53,7 @@
<div class="list-banner"> <div class="list-banner">
<div class="main-center container"> <div class="main-center container">
<div class="position">Position：Home > Blog> {$article.article_title}</div> <div class="position">Position：Home > Blog> {$article.article_title}</div>
<div class="content con1"> <div class="content content-other">
<div class="left"> <div class="left">
<h2>LightCourse Blog</h2> <h2>LightCourse Blog</h2>
<!-- <h3>博客</h3> --> <!-- <h3>博客</h3> -->

43
app/home/view/default/mall/brand/index.html
View File

@ -124,7 +124,7 @@
{if $show_type == 1} {if $show_type == 1}
<div class="course-banner list-banner"> <div class="course-banner list-banner">
<!-- <div class="position">Position: <a href="/">Home</a> > Courses </div> --> <!-- <div class="position">Position: <a href="/">Home</a> > Courses </div> -->
<div class="content con1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="content con1">
<div class="left"> <div class="left">
<h2 class="wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.2s">7000+</h2> <h2 class="wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.2s">7000+</h2>
<h3 class="wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.2s">Featured For-Credit Courses</h3> <h3 class="wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.2s">Featured For-Credit Courses</h3>
@ -134,13 +134,12 @@
Join us today to earn college credits in a flexible and saving way. Join us today to earn college credits in a flexible and saving way.
</span> </span>
</div> </div>
<div class="img wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.2s"><img <div class="img wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/courses-top-bg.png" alt=""></div>
src="{$Think.HOME_SITE_ROOT}/new/images/courses-top-bg.png" alt=""></div>
</div> </div>
<div class="main-center main-center-course container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="main-center main-center-course container">
<div action="" class="search-con1" id="filter"> <div action="" class="search-con1" id="filter">
<h5 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Please enter keywords</h5> <h5>Please enter keywords</h5>
<div class="inp wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="inp">
<input type="text" class="homeinputvals" placeholder="Course Code or Title (e.g. ACC 100/Accounting)"> <input type="text" class="homeinputvals" placeholder="Course Code or Title (e.g. ACC 100/Accounting)">
<button type="submit" class="submit-btn homesearchs"> <button type="submit" class="submit-btn homesearchs">
<i class="iconfont icon-search"></i> <i class="iconfont icon-search"></i>
@ -181,9 +180,9 @@
{else /} {else /}
<div class="course-banner list-banner"> <div class="course-banner list-banner">
<div class="main-center main-center-course container"> <div class="main-center main-center-course container">
<div class="positionwow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Position：Home > <div class="position">Position：Home >
{$header_title_eng} </div> {$header_title_eng} </div>
<div class="content con1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="content con1">
<div class="left"> <div class="left">
<h2>{$header_title_eng}</h2> <h2>{$header_title_eng}</h2>
<!-- <h3>所有课程</h3> --> <!-- <h3>所有课程</h3> -->
@ -205,7 +204,7 @@
</div> </div>
<div class="img"><img src="{$header_image}" alt=""></div> <div class="img"><img src="{$header_image}" alt=""></div>
</div> </div>
<div class="search-con wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="search-con">
<h5>Please enter keywords</h5> <h5>Please enter keywords</h5>
<div class="inp"> <div class="inp">
<input type="text" placeholder="Course name or ID (e.g. END/100)"> <input type="text" placeholder="Course name or ID (e.g. END/100)">
@ -220,7 +219,7 @@
</div>--> </div>-->
</div> </div>
{/if} {/if}
<div class="content con2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="content con2">
<div class="filter-container ui form" id="filter"> <div class="filter-container ui form" id="filter">
{notempty name="attr_array"} {notempty name="attr_array"}
{php}$j = 0;{/php} {php}$j = 0;{/php}
@ -248,7 +247,7 @@
{/foreach} {/foreach}
{/notempty} {/notempty}
</div> </div>
<div class="select-wrap wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="select-wrap">
{if (isset($checked_brand) && is_array($checked_brand)) || (isset($checked_attr) && {if (isset($checked_brand) && is_array($checked_brand)) || (isset($checked_attr) &&
is_array($checked_attr))} is_array($checked_attr))}
<div id="selected"> <div id="selected">
@ -279,7 +278,7 @@
<a href="javascript:;">Click on the query</a> <a href="javascript:;">Click on the query</a>
</div> --> </div> -->
</div> </div>
<div class="show-num ui form wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0" <div class="show-num ui form"
style="display: flex;justify-content: flex-end;margin-top: 1rem;"> style="display: flex;justify-content: flex-end;margin-top: 1rem;">
<div class="field inline"> <div class="field inline">
<label>Show</label> <label>Show</label>
@ -299,9 +298,9 @@
</div> </div>
</div> </div>
</div> </div>
<main class="course wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0" style="position: relative; z-index: -1;"> <main class="course" style="position: relative; z-index: -1;">
<section class="main-1"> <section class="main-1">
<div class="main-center main-center-course container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="main-center main-center-course container">
<div class="link linknone"> <div class="link linknone">
<div class="label"> <div class="label">
<span>Course Title/Institution</span> <span>Course Title/Institution</span>
@ -316,7 +315,7 @@
</div> </div>
<div class="main-center main-center-course container"> <div class="main-center main-center-course container">
{foreach name="goods_list" item="value"} {foreach name="goods_list" item="value"}
<a href="/Goods?goods_id={$value.goods_id}" class="link wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"> <a href="/Goods?goods_id={$value.goods_id}" class="link">
<h6>{$value.goods_name}&nbsp;</h6> <h6>{$value.goods_name}&nbsp;</h6>
<!--<p>{$value.ke_eng}</p>--> <!--<p>{$value.ke_eng}</p>-->
<div class="label"> <div class="label">
@ -338,17 +337,17 @@
</div> </div>
<div class="pagination">{$show_page|raw}</div> <div class="pagination">{$show_page|raw}</div>
</section> </section>
<section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <section class="main-QA">
<div class="main-center container"> <div class="main-center container">
<div class="t wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="t">
<h2>FAQ</h2> <h2>FAQ</h2>
<div class="more-btn"> <div class="more-btn">
<a href="/qa">Learn more <em>></em></a> <a href="/qa">Learn more <em>></em></a>
</div> </div>
</div> </div>
<div class="content wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="content">
<ul id="accordion1" class="accordion"> <ul id="accordion1" class="accordion">
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"> <li>
<div class="link"> <div class="link">
<h5><span>01. Registration Procedure </span> <i></i></h5> <h5><span>01. Registration Procedure </span> <i></i></h5>
</div> </div>
@ -359,7 +358,7 @@
student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p> student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
</div> </div>
</li> </li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"> <li>
<div class="link"> <div class="link">
<h5><span>02. Tuition/Fees</span> <i></i></h5> <h5><span>02. Tuition/Fees</span> <i></i></h5>
</div> </div>
@ -380,7 +379,7 @@
</div> </div>
</li> </li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"> <li>
<div class="link"> <div class="link">
<h5><span>03. Select the Right Course(s) for You</span> <i></i></h5> <h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
</div> </div>
@ -401,7 +400,7 @@
</div> </div>
</li> </li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"> <li>
<div class="link"> <div class="link">
<h5><span>04. Complete Course Approval</span> <i></i></h5> <h5><span>04. Complete Course Approval</span> <i></i></h5>
</div> </div>

91
app/home/view/default/mall/contact/index.html
View File

@ -3,28 +3,28 @@
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/contact.css"> <link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/contact.css">
<div class="contact-banner"> <div class="contact-banner">
<div class="main-center container"> <div class="main-center container">
<h1 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <h1>
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.24s">Contact Us</span> <span>Contact Us</span>
<img src="{$Think.HOME_SITE_ROOT}/new/images/contact-top-bg.png" alt="Contact Us"> <img src="{$Think.HOME_SITE_ROOT}/new/images/contact-top-bg.png" alt="Contact Us">
</h1> </h1>
<h5 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <h5>
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">If you have any questions,<br />please check below for the fastest way<br />to get in touch with us!</span> <span>If you have any questions,<br />please check below for the fastest way<br />to get in touch with us!</span>
</h5> </h5>
</div> </div>
<img class="contact-right-bg wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.3s" src="{$Think.HOME_SITE_ROOT}/new/images/contact-right-bg.png"> <img class="contact-right-bg wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.3s" src="{$Think.HOME_SITE_ROOT}/new/images/contact-right-bg.png">
<img class="contact-left-bg wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.3s" src="{$Think.HOME_SITE_ROOT}/new/images/contact-left-bg.png"> <img class="contact-left-bg wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.3s" src="{$Think.HOME_SITE_ROOT}/new/images/contact-left-bg.png">
</div> </div>
<main class="contact-container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <main class="contact-container">
<section class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <section>
<div class="main-center container"> <div class="main-center container">
<div class="item-bg" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/contact-01.jpg);"> <div class="item-bg" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/contact-01.jpg);">
<div class="item item1"> <div class="item item1">
<div class="left wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.4s"> <div class="left">
<h6 class="c1">For Students:</h6> <h6 class="c1">For Students:</h6>
<p><strong>If you have questions about:</strong></p> <p><strong>If you have questions about:</strong></p>
<span>contact</span> <span class="contact-btn">contact</span>
</div> </div>
<div class="text wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.4s"> <div class="text">
<p><em>•</em>Registration</p> <p><em>•</em>Registration</p>
<p><em>•</em>Payments</p> <p><em>•</em>Payments</p>
<p><em>•</em>Course equivalency</p> <p><em>•</em>Course equivalency</p>
@ -42,16 +42,16 @@
</div> </div>
</div> </div>
</section> </section>
<section class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <section>
<div class="main-center container"> <div class="main-center container">
<div class="item-bg" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/contact-02.jpg);"> <div class="item-bg" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/contact-02.jpg);">
<div class="item item2"> <div class="item item2">
<div class="left wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.4s"> <div class="left">
<h6 class="c1">For Universities:</h6> <h6 class="c1">For Universities:</h6>
<p><strong>If you are interested in partnerships like:</strong></p> <p><strong>If you are interested in partnerships like:</strong></p>
<span>contact</span> <span class="contact-btn">contact</span>
</div> </div>
<div class="text wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.4s"> <div class="text">
<p><em>•</em>Delivering more convenient, flexible, and diversified higher education options to <p><em>•</em>Delivering more convenient, flexible, and diversified higher education options to
students worldwide</p> students worldwide</p>
<p><em>•</em>Leveraging the integration effect of the LightCourse platform to increase enrollments <p><em>•</em>Leveraging the integration effect of the LightCourse platform to increase enrollments
@ -67,16 +67,16 @@
</div> </div>
</div> </div>
</section> </section>
<section class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <section>
<div class="main-center container"> <div class="main-center container">
<div class="item-bg" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/contact-03.jpg);"> <div class="item-bg" style="background-image: url({$Think.HOME_SITE_ROOT}/new/images/contact-03.jpg);">
<div class="item item3"> <div class="item item3">
<div class="left wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.4s"> <div class="left">
<h6 class="c1">For Faculty:</h6> <h6 class="c1">For Faculty:</h6>
<p><strong>If you are a qualified candidate interested in:</strong></p> <p><strong>If you are a qualified candidate interested in:</strong></p>
<span>contact</span> <span class="contact-btn">contact</span>
</div> </div>
<div class="text wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.4s"> <div class="text">
<p><em>•</em>Working with students from all over the world</p> <p><em>•</em>Working with students from all over the world</p>
<p><em>•</em>Interacting with people from different cultures and traveling abroad</p> <p><em>•</em>Interacting with people from different cultures and traveling abroad</p>
<p><em></em>... ...</p> <p><em></em>... ...</p>
@ -91,18 +91,27 @@
</div> </div>
</section> </section>
</main> </main>
<main class="course wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="md-us container-mask">
<section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="md-us-content">
<div class="md-m-content ">
<div class="iconf close-iconf btnclose"></div>
<div class="me-text">Contact Us<span>partnerships@lightglobal.org</span></div>
<div class="me-btn btnCopy">Copy</div>
</div>
</div>
</div>
<main class="course0">
<section class="main-QA">
<div class="main-center container"> <div class="main-center container">
<div class="t wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="t">
<h2>FAQ</h2> <h2>FAQ</h2>
<div class="more-btn"> <div class="more-btn">
<a href="/qa">Learn more <em>></em></a> <a href="/qa">Learn more <em>></em></a>
</div> </div>
</div> </div>
<div class="content wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="content">
<ul id="accordion1" class="accordion"> <ul id="accordion1" class="accordion">
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"> <li>
<div class="link"> <div class="link">
<h5><span>01. Registration Procedure </span> <i></i></h5> <h5><span>01. Registration Procedure </span> <i></i></h5>
</div> </div>
@ -113,7 +122,7 @@
student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p> student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
</div> </div>
</li> </li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"> <li>
<div class="link"> <div class="link">
<h5><span>02. Tuition/Fees</span> <i></i></h5> <h5><span>02. Tuition/Fees</span> <i></i></h5>
</div> </div>
@ -134,7 +143,7 @@
</div> </div>
</li> </li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"> <li>
<div class="link"> <div class="link">
<h5><span>03. Select the Right Course(s) for You</span> <i></i></h5> <h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
</div> </div>
@ -155,7 +164,7 @@
</div> </div>
</li> </li>
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"> <li>
<div class="link"> <div class="link">
<h5><span>04. Complete Course Approval</span> <i></i></h5> <h5><span>04. Complete Course Approval</span> <i></i></h5>
</div> </div>
@ -172,4 +181,34 @@
</section> </section>
</main> </main>
{/block} {/block}
{include file='default/base/mall_footer'/} {include file='default/base/mall_footer'/}
<script>
//联系我们
$('.contact-btn').click(function(){
if(0==0){
$(".md-us").addClass("show");
}
})
$(".btnclose").click(function() {
$(".md-us").hide();
})
$(".btnCopy").click(function () {
var copy_text = $(".me-text>span").text(); //需要复制的内容
var y = $(this).offset().top - 32,
x = $(this).offset().left + 45;
copyText(copy_text);
//复制成功后提示文字
layer.msg("Copy Succeeded");
});
function copyText(text) {
var oInput = document.createElement('input');
oInput.value = text;
document.body.appendChild(oInput);
oInput.select();
document.execCommand("Copy");
oInput.className = 'oInput';
oInput.style.display = 'none';
}
</script>

13
app/home/view/default/mall/goods/consulting_list.html
View File

@ -102,6 +102,15 @@
} }
.label span.b{ .label span.b{
font-size: 0.9rem; font-size: 0.9rem;
}
.con-other{
margin-bottom: 4rem;
}
.con-other h2{
font-size: 2.4rem;
}
.con-other h2:nth-of-type(1){
margin-bottom: 1rem;
} }
@media screen and (max-width:768px) { @media screen and (max-width:768px) {
.list-banner .con2 .filter-container { .list-banner .con2 .filter-container {
@ -133,7 +142,7 @@
<div class="course-banner list-banner"> <div class="course-banner list-banner">
<div class="main-center container"> <div class="main-center container">
<!-- <div class="position">当前位置：首页 > 所有课程 </div> --> <!-- <div class="position">当前位置：首页 > 所有课程 </div> -->
<div class="content con1"> <div class="content con-other">
<div class="left"> <div class="left">
<h2 style="color: #3b52f6;">LightCourse</h2> <h2 style="color: #3b52f6;">LightCourse</h2>
<h2><span class="c2" style="font: inherit;">7000+ College </span>Course Store</h2> <h2><span class="c2" style="font: inherit;">7000+ College </span>Course Store</h2>
@ -368,7 +377,7 @@
</div> </div>
<div class="content"> <div class="content">
<ul id="accordion1" class="accordion"> <ul id="accordion1" class="accordion">
<li class="open"> <li>
<div class="link"> <div class="link">
<h5><span>01. Registration Procedure </span> <i></i></h5> <h5><span>01. Registration Procedure </span> <i></i></h5>
</div> </div>

58
app/home/view/default/mall/index/index.html
View File

@ -52,7 +52,7 @@
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em class="f-regular">></em></span></a> <a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em class="f-regular">></em></span></a>
<div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div> <div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div>
</div> </div>
<div class="swiper-slide"> <!-- <div class="swiper-slide">
<div class="imgg"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-04.jpg" alt="See how LightCourse works"></div> <div class="imgg"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-04.jpg" alt="See how LightCourse works"></div>
<div class="index-banner-txt ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s"> <div class="index-banner-txt ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
<ins>7000+</ins> <ins>7000+</ins>
@ -61,46 +61,46 @@
</div> </div>
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em class="f-regular">></em></span></a> <a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em class="f-regular">></em></span></a>
<div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div> <div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div>
</div> </div> -->
</div> </div>
</div> </div>
<div class="index-banner-info wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="index-banner-info">
<div class="left"> <div class="left">
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">The Services<br />We Provide</h2> <h2>The Services<br />We Provide</h2>
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">7000+ College Courses</span> <span>7000+ College Courses</span>
</div> </div>
<div class="right"> <div class="right">
<div class="item"> <div class="item">
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Featured For-Credit Courses</span> <span>Featured For-Credit Courses</span>
<em class="f-medium wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">In collaboration with our global partner institutions, LightCourse offers 7000+ accredited college courses encompassing 300+ majors and disciplines. Join us today to earn college credits in a flexible and saving way.</em> <em>In collaboration with our global partner institutions, LightCourse offers 7000+ accredited college courses encompassing 300+ majors and disciplines. Join us today to earn college credits in a flexible and saving way.</em>
</div> </div>
<div class="item"> <div class="item">
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Study Abroad Programs</span> <span>Study Abroad Programs</span>
<em class="f-medium wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">In collaboration with our global partner institutions, LightCourse offers 7000+ accredited college courses encompassing 300+ majors and disciplines. Join us today to earn college credits in a flexible and saving way.</em> <em>In collaboration with our global partner institutions, LightCourse offers 7000+ accredited college courses encompassing 300+ majors and disciplines. Join us today to earn college credits in a flexible and saving way.</em>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<main> <main>
<section class="main-1"> <section class="main-1">
<div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="main-title">
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Featured For-Credit Courses</h2> <h2>Featured For-Credit Courses</h2>
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <p>
In collaboration with our global partner institutions, <br /> In collaboration with our global partner institutions, <br />
LightCourse offers 7000+ accredited college courses encompassing 300+ majors and disciplines. <br /> LightCourse offers 7000+ accredited college courses encompassing 300+ majors and disciplines. <br />
Join us today to earn college credits in a flexible and saving way. Join us today to earn college credits in a flexible and saving way.
</p> </p>
</div> </div>
<div class="main-center container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="main-center container">
{notempty name="recommend"} {notempty name="recommend"}
{foreach name="recommend" key="goods_key" item="goods"} {foreach name="recommend" key="goods_key" item="goods"}
<a href="{:url('/Goods/index',['goods_id'=>$goods.goods_id])}" target="_blank" class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <a href="{:url('/Goods/index',['goods_id'=>$goods.goods_id])}" target="_blank" class="item">
<div class="img imgggg"><img src="{:goods_cthumb($goods.goods_image)}" alt="{$goods.goods_name}"></div> <div class="img imgggg"><img src="{:goods_cthumb($goods.goods_image)}" alt="{$goods.goods_name}"></div>
<ins class="pull-bg"></ins> <ins class="pull-bg"></ins>
<div class="icon-more"><img src="{$Think.HOME_SITE_ROOT}/new/images/icon-more.png" alt="查看详情"></div> <div class="icon-more"><img src="{$Think.HOME_SITE_ROOT}/new/images/icon-more.png" alt="查看详情"></div>
<div class="text" num="1"> <div class="text" num="1">
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$goods.goods_name}</h3> <h3>{$goods.goods_name}</h3>
<div class="par-con wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="par-con">
<div class="par w100 f-regular"> <div class="par w100 f-regular">
<svg class="icon" aria-hidden="true"> <svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xianshangliuliang"></use> <use xlink:href="#icon-xianshangliuliang"></use>
@ -126,10 +126,10 @@
<a href="/brand">View All Courses</a> <a href="/brand">View All Courses</a>
</div> </div>
</section> </section>
<section class="main-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <section class="main-2">
<div class="main-title"> <div class="main-title">
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Study Abroad Programs</h2> <h2>Study Abroad Programs</h2>
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <p>
Credit-bearing LightCourse study abroad programs are hosted by prestigious institutions in several Credit-bearing LightCourse study abroad programs are hosted by prestigious institutions in several
global cities. <br> global cities. <br>
Students can gain unique cultural experiences studying abroad throughout the summer in cities like San Students can gain unique cultural experiences studying abroad throughout the summer in cities like San
@ -137,7 +137,7 @@
Florence (Italy), Seoul (South Korea), Tokyo (Japan), Shanghai (China), and Beijing (China). Florence (Italy), Seoul (South Korea), Tokyo (Japan), Shanghai (China), and Beijing (China).
</p> </p>
</div> </div>
<div class="main-center container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="main-center container">
<div class="swiper-container"> <div class="swiper-container">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{notempty name="program"} {notempty name="program"}
@ -168,29 +168,29 @@
</div> </div>
</div> </div>
</section> </section>
<section class="main-3 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <section class="main-3">
<div class="main-title"> <div class="main-title">
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Our Vision</h2> <h2>Our Vision</h2>
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$wish_en}</p> <p >{$wish_en}</p>
</div> </div>
</section> </section>
<section class="main-4 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <section class="main-4">
<div class="main-title"> <div class="main-title">
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">LightCourse Blog</h2> <h2>LightCourse Blog</h2>
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">News and live information about light course.</p> <p>News and live information about light course.</p>
</div> </div>
<div class="main-center container"> <div class="main-center container">
{notempty name="article"} {notempty name="article"}
{foreach name="article" item="val" key="key" } {foreach name="article" item="val" key="key" }
<a href="/article/show?article_id={$val.article_id}" class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <a href="/article/show?article_id={$val.article_id}" class="item">
<div class="img"> <div class="img">
<img src="{:ds_get_pic(ATTACH_ARTICLE,$val.article_pic)}" alt="{$val['article_title']}"> <img src="{:ds_get_pic(ATTACH_ARTICLE,$val.article_pic)}" alt="{$val['article_title']}">
<ins class="pull-bg"></ins> <ins class="pull-bg"></ins>
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$val['article_title']}</h3> <h3>{$val['article_title']}</h3>
<!-- <em>NEWS</em> <!-- <em>NEWS</em>
<span>{$val['article_date']}</span> --> <span>{$val['article_date']}</span> -->
</div> </div>
<div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="txt">
{$val['article_desc']} {$val['article_desc']}
</div> </div>
</a> </a>

18
app/home/view/default/mall/login/find_password.html
View File

@ -19,7 +19,9 @@
border-bottom: none!important; border-bottom: none!important;
} }
.content-title a text{ .content-title a text{
font-family: "HarmonyOS_Sans_Medium" !important;
color: #C1BFBF!important; color: #C1BFBF!important;
margin-right: 0.2rem;
} }
.text-area{ .text-area{
display: flex; display: flex;
@ -34,7 +36,7 @@
} }
.sendcode{ .sendcode{
width: 134px; width: 134px;
height:2.4rem; height:2.1rem;
background: #0055D2; background: #0055D2;
border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px;
text-align: center; text-align: center;
@ -107,17 +109,15 @@
</style> </style>
<main class="member-container"> <main class="member-container">
<section class="container main-center"> <section class="container main-center">
<div class="img"> <div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h1><img src="{$Think.HOME_SITE_ROOT}/new/images/logo.png" alt="LIGHT COURSE"></h1> <h2>7000+ </h2>
<p>7000+ College Courses <br> Earn Credits In A More Flexible Way</p> <p>College Courses</p>
</div> <span>Earn Credits in a More<br />Flexible Way</span>
<div class="text"> </div>
<div class="text wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s" style="margin-top: 2.7rem;">
<div class="content-title"> <div class="content-title">
<a href="/Login/login" class="active"><text><</text> Forget Password</a> <a href="/Login/login" class="active"><text><</text> Forget Password</a>
</div> </div>
<div class="content"> <div class="content">
<!--action="/login/login"--> <!--action="/login/login"-->
<div class="con active"> <div class="con active">

6
app/home/view/default/mall/qa/index.html
View File

@ -37,6 +37,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 0.75rem;
width: calc(25% - 0.45rem); width: calc(25% - 0.45rem);
background-color: #dedede; background-color: #dedede;
height: 5.1rem; height: 5.1rem;
@ -55,6 +56,11 @@
.main-QA .content .left-tabs span.active::before { .main-QA .content .left-tabs span.active::before {
display: block; display: block;
} }
.qa-content-ul .accordion{
border-radius: 0.75rem;
overflow: hidden;
}
@media screen and (max-width:768px) { @media screen and (max-width:768px) {
.main-QA .content { .main-QA .content {

5
app/home/view/default/mall/showpintuan/index.html
View File

@ -95,8 +95,9 @@
} }
</style> </style>
<div class="see-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <div class="see-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"> <div class="main-center container">
<h1>HOW TO <span>TRANSFER CREDITS</span></h1> <h1 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">How to <span>Transfer Credits ?</span></h1>
<img class="wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.2" src="{$Think.HOME_SITE_ROOT}/new/images/credits-top-bg.png" alt="How to Transfer Credits ?">
</div> </div>
</div> </div>
<main class="credit wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"> <main class="credit wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">

37
public/static/home/new/css/about.css
View File

@ -51,7 +51,10 @@
} }
.about-banner{ .about-banner{
background-color: #00db6d; background-color: #00db6d;
padding: 2.5rem 0; padding: 4.75rem 0;
}
.about-banner .main-center{
padding: 0;
} }
.about-banner .main-center{ .about-banner .main-center{
@ -114,10 +117,10 @@
} }
.about .main-1{ .about .main-1{
padding: 5.5rem 0 0; padding: 4rem 0 0;
background-image: url(../images/about-bg.jpg); background-image: url(../images/about-bg.jpg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 36.9rem; background-size: 100% 31rem;
text-align: center; text-align: center;
} }
@ -139,12 +142,13 @@
.about .main-1 .container p{ .about .main-1 .container p{
font-size: 0.85rem; font-size: 0.85rem;
line-height: 1.8; line-height: 1.8;
margin-top: 0.6rem;
} }
.about .main-1 .our-goal{ .about .main-1 .our-goal{
background-color: #ffff1b; background-color: #ffff1b;
padding: 3.5rem 3rem 5rem; padding: 2.5rem 3rem 3rem;
margin-top: 5rem; margin-top: 2.3rem;
} }
.about .main-1 .our-goal p{ .about .main-1 .our-goal p{
@ -168,16 +172,16 @@
.about .main-4 .item{ .about .main-4 .item{
width: calc(50% - 0.75rem); width: calc(50% - 0.75rem);
height: 40rem; height: 33rem;
background-color: #2847db; background-color: #2847db;
padding: 5.5rem; padding: 3rem 5.5rem;
color: #ffffff; color: #ffffff;
position: relative; position: relative;
} }
.about .main-4 .item h3{ .about .main-4 .item h3{
font-size: 1.9rem; font-size: 1.9rem;
line-height: 1.1; line-height: 1.1;
margin-bottom: 4rem; margin-bottom: 2rem;
} }
.about .main-4 .item h4{ .about .main-4 .item h4{
font-size: 0.85rem; font-size: 0.85rem;
@ -218,8 +222,8 @@
.about .main-2 { .about .main-2 {
padding-top: 18.8rem; padding-top: 16rem;
padding-bottom: 4.3rem; padding-bottom: 4rem;
background-color: #00db6d; background-color: #00db6d;
margin-top: -12.25rem; margin-top: -12.25rem;
position: relative; position: relative;
@ -242,7 +246,8 @@
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
padding-top: 1.2rem; padding-top: 0;
margin-bottom: 0;
} }
.about .main-2 .item{ .about .main-2 .item{
width: calc(50% - 2.5rem); width: calc(50% - 2.5rem);
@ -255,7 +260,7 @@
font-size: 1rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
color: #ffffff; color: #ffffff;
margin-top: 1.8rem; margin-top: 0.6rem;
} }
.about .main-2 .item h6:before{ .about .main-2 .item h6:before{
@ -274,7 +279,7 @@
} }
.about-swiper .swiper-slide{ .about-swiper .swiper-slide{
position: relative; position: relative;
height: 45.5rem; height: 35rem;
} }
.about-swiper .swiper-slide>img{ .about-swiper .swiper-slide>img{
width: 100%; width: 100%;
@ -333,8 +338,7 @@
} }
.about .main-7 .container .item { .about .main-7 .container .item {
width: calc((100% - (5 - 1) * 1.3rem) / 5); width: calc((100% - (5 - 1) * 1.3rem) / 5);
margin-right: 1.3rem; margin: 1.04rem 1.3rem 1.04rem 0;
margin-bottom: 1.3rem;
text-align: center; text-align: center;
} }
.about .main-7 .container .item:nth-of-type(5n) { .about .main-7 .container .item:nth-of-type(5n) {
@ -347,6 +351,9 @@
.about .main-7 .container .item img { .about .main-7 .container .item img {
margin: auto; margin: auto;
} }
.about .main-QA .main-center{
margin-bottom: 1.35rem;
}
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
.about .main-4 .container .img-wrap .img img { .about .main-4 .container .img-wrap .img img {
max-width: 13rem; max-width: 13rem;

15
public/static/home/new/css/blog.css
View File

@ -230,12 +230,12 @@
.blog .main-1 .sec-left .link .text h6{ .blog .main-1 .sec-left .link .text h6{
font-size: 1.55rem; font-size: 1.55rem;
line-height: 1.1; line-height: 1;
margin: 0.2rem 0 0.5rem; margin: 0.2rem 0 0.5rem;
} }
.blog .main-1 .sec-left .link .text p{ .blog .main-1 .sec-left .link .text p{
font-family: "HarmonyOS_Sans_Regular" !important; font-family: "HarmonyOS_Sans_Bold" !important;
font-size: 0.7rem; font-size: 0.7rem;
line-height: 0.9rem; line-height: 0.9rem;
display: -webkit-box; display: -webkit-box;
@ -244,6 +244,7 @@
word-break: break-all; word-break: break-all;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
padding-right: 5rem;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
@ -252,11 +253,12 @@
font-size: 0.85rem; font-size: 0.85rem;
color: #333333; color: #333333;
position: absolute; position: absolute;
bottom: -0.5rem; bottom: 0.2rem;
right: -0.2rem; right: -0.2rem;
transform: scaleX(1.8); transform: scaleX(1.8);
transition: all .6s; transition: all .6s;
} }
.blog .main-1 .sec-left .link:hover .text>div span{ .blog .main-1 .sec-left .link:hover .text>div span{
opacity: .65; opacity: .65;
} }
@ -502,6 +504,13 @@
right: -0.3rem; right: -0.3rem;
} }
.blog-details .main-1{
padding-top: 4rem;
}
.list-banner .content-other h2{
font-size: 2.4rem;
}
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
.social-share .social-share-icon { .social-share .social-share-icon {

6
public/static/home/new/css/common.css
View File

@ -1283,14 +1283,14 @@ p {
.list-banner .container { .list-banner .container {
position: relative; position: relative;
padding: 3.75rem 0 1.77rem; padding: 4rem 0 1.77rem;
} }
.list-banner .con1 { .list-banner .con1 {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
height: 21.9rem; height: 20rem;
background-color: #d8d8d8; background-color: #d8d8d8;
} }
.list-banner .con1 .left{ .list-banner .con1 .left{
@ -1855,7 +1855,7 @@ p {
.main-other-qa { .main-other-qa {
width: 100%; width: 100%;
background-color: #dedede; background-color: #dedede;
padding: 2.5rem 0; padding: 1.67rem 0;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;

69
public/static/home/new/css/contact.css
View File

@ -68,22 +68,24 @@
} }
.contact-banner h1 { .contact-banner h1 {
font-family: "HarmonyOS_Sans_Black" !important;
background-color: #ffff1b; background-color: #ffff1b;
font-size: 2.4rem;
font-size: 2rem; font-size: 2rem;
line-height: 1.2; line-height: 3.5rem !important;
padding: 5.4rem 0; padding: 5rem 0;
text-align: center; text-align: center;
position: relative; position: relative;
} }
.contact-banner h1>span{
position: relative;
z-index: 1;
}
.contact-banner h1>img{ .contact-banner h1>img{
width: 4.2rem; width: 4.2rem;
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 50%;
z-index: -1; z-index: 0;
transform: translate(-50%,-50%); transform: translate(-50%,-50%);
animation: scale_name 1s linear alternate infinite; animation: scale_name 1s linear alternate infinite;
} }
@ -99,8 +101,8 @@
.contact-banner h5 { .contact-banner h5 {
background-color: #284dfd; background-color: #284dfd;
padding: 6.5rem 0; padding: 3.5rem 0;
height: 46.45rem; height: 39.2rem;
font-size: 1.9rem; font-size: 1.9rem;
line-height: 1.45; line-height: 1.45;
color: #ffffff; color: #ffffff;
@ -127,7 +129,7 @@
} */ } */
.contact-container{ .contact-container{
padding-bottom: 2rem; padding-bottom: 2rem;
margin-top: -27.5rem; margin-top: -24.5rem;
position: relative; position: relative;
z-index: 1; z-index: 1;
} }
@ -143,7 +145,7 @@
.contact-container .container .item-bg{ .contact-container .container .item-bg{
width: 100%; width: 100%;
height: 17.25rem; height: 15rem;
background-size: 100%; background-size: 100%;
} }
@ -175,6 +177,7 @@
background-color: #00db6d; background-color: #00db6d;
margin-top: 1.4rem; margin-top: 1.4rem;
border-radius: .4rem; border-radius: .4rem;
cursor: pointer;
} }
.contact-container section:nth-of-type(even) .container .item h6 { .contact-container section:nth-of-type(even) .container .item h6 {
color: #ffff1b !important; color: #ffff1b !important;
@ -233,6 +236,7 @@
} }
.container .item .text p { .container .item .text p {
font-family: "HarmonyOS_Sans_Bold" !important;
display: flex; display: flex;
font-size: 0.85rem; font-size: 0.85rem;
line-height: 1.8; line-height: 1.8;
@ -243,6 +247,53 @@
width: 1rem; width: 1rem;
} }
.md-m-content {
width: 28.4rem;
padding: 2.5rem;
background: #FFFFFF;
box-shadow: 0px 3px 16px 0px rgba(32, 30, 29, 0.35);
border-radius: 0.75rem;
position: relative;
background: white;
}
.md-m-content img {
width: 6.5rem;
position: absolute;
top: -0.8rem;
left: -2rem;
}
.me-text {
font-size: 1rem;
color: #1b1b1b;
text-align: center;
line-height: 1.3;
}
.me-text span {
display: block;
font-size: 0.95rem;
font-family: "HarmonyOS_Sans_Medium" !important;
margin-top: 0.5rem;
}
.me-btn {
display: flex;
justify-content: center;
align-items: center;
width: 19.4rem;
height: 1.8rem;
border-radius: 6px;
font-size: 1rem;
background-color: #18d777;
color: #ffffff;
text-align: center;
margin: 0.8rem auto 0;
cursor: pointer;
}
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
.contact-container .container .item.item2 .text img { .contact-container .container .item.item2 .text img {

53
public/static/home/new/css/course.css
View File

@ -86,7 +86,7 @@
position: relative; position: relative;
} }
.page-banner .swiper-slide{ .page-banner .swiper-slide{
height: 33.15rem; height: 25rem;
overflow: hidden; overflow: hidden;
} }
.page-banner .swiper-slide img { .page-banner .swiper-slide img {
@ -98,7 +98,7 @@
margin: 0; margin: 0;
} }
.page-banner .swiper-container-horizontal>.swiper-pagination-bullets{ .page-banner .swiper-container-horizontal>.swiper-pagination-bullets{
bottom: 1.5rem !important; bottom: 1rem !important;
} }
.page-banner .swiper-pagination .swiper-pagination-bullet{ .page-banner .swiper-pagination .swiper-pagination-bullet{
width: 0.65rem; width: 0.65rem;
@ -290,10 +290,10 @@ h4 {
} }
.course-details .main-1{ .course-details .main-1{
padding-bottom: 0; padding-bottom: 0;
padding-top: 6rem; padding-top: 4.25rem;
} }
.course-details .main-1>div { .course-details .main-1>div {
padding-bottom: 5.8rem; padding-bottom: 4.25rem;
} }
.course-details .main-1 .container { .course-details .main-1 .container {
@ -307,7 +307,7 @@ h4 {
} }
.course-details .main-1 .container>.left .basic-information{ .course-details .main-1 .container>.left .basic-information{
margin-top: 2.5rem; margin-top: 2rem;
} }
.course-details .main-1 .container>.left h1 { .course-details .main-1 .container>.left h1 {
@ -315,8 +315,7 @@ h4 {
} }
.course-details .main-1 .container>.left h4 { .course-details .main-1 .container>.left h4 {
margin-top: 0.9rem; margin: 0;
margin-bottom: 0.5rem;
} }
.course-details .main-1 .container>.left h3 { .course-details .main-1 .container>.left h3 {
@ -327,6 +326,7 @@ h4 {
font-size: 1.1rem; font-size: 1.1rem;
line-height: 1.5; line-height: 1.5;
position: relative; position: relative;
margin-bottom: 0 !important;
} }
.course-details .main-1 .container>.left p em { .course-details .main-1 .container>.left p em {
@ -339,7 +339,7 @@ h4 {
} }
.course-details .main-1 .container>.left>div.content1 { .course-details .main-1 .container>.left>div.content1 {
margin-top: 3rem; margin-top: 2rem;
} }
.course-details .main-1 .container>.left>div.content1 h2{ .course-details .main-1 .container>.left>div.content1 h2{
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
@ -356,7 +356,7 @@ h4 {
padding: 0 0.8rem; padding: 0 0.8rem;
border: 0.15rem solid #2e2e2e; border: 0.15rem solid #2e2e2e;
border-radius: 0.5rem; border-radius: 0.5rem;
margin-top: 3.5rem; margin-top: 2rem;
transition: all .6s; transition: all .6s;
} }
.course-details .main-1 .container>.left h1, .course-details .main-1 .container>.left h1,
@ -413,8 +413,7 @@ h4 {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
height: 13rem; height: 9rem;
margin-top: 2rem;
} }
.course-details .main-1 .container>.right .info .t .item { .course-details .main-1 .container>.right .info .t .item {
@ -508,8 +507,8 @@ h4 {
} }
.course-details .main-1 .container>.right .time{ .course-details .main-1 .container>.right .time{
height: 12.5rem; height: 10.5rem;
margin-top: 3.25rem; margin-top: 2rem;
} }
.course-details .main-1 .container>.right .btn-wrap { .course-details .main-1 .container>.right .btn-wrap {
@ -562,7 +561,7 @@ h4 {
.course-details .main-02 { .course-details .main-02 {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 2.5rem 0; padding: 2.55rem 0;
background-color: #ffff1b; background-color: #ffff1b;
text-align: center; text-align: center;
@ -611,6 +610,10 @@ h4 {
box-shadow: 0 0.3rem 0.5rem rgba(54, 81, 214, 0.4); box-shadow: 0 0.3rem 0.5rem rgba(54, 81, 214, 0.4);
} }
.course-details .main-2 .add-f-btn-con{
margin-top: 1.5rem;
}
.course-details .main-2 .content1 .des { .course-details .main-2 .content1 .des {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -934,7 +937,7 @@ h4 {
.course-details .main-2 .con1 .c2{ .course-details .main-2 .con1 .c2{
display: inline-block; display: inline-block;
font-size: 1rem; font-size: 1rem;
margin-top: 1.3rem; margin-top: 2.2rem;
color: #00db6d; color: #00db6d;
} }
@ -1064,7 +1067,7 @@ h4 {
.main-2-3{ .main-2-3{
padding: 4rem 0 6rem; padding: 4.75rem 0 6.5rem;
} }
.main-2-3 h2{ .main-2-3 h2{
font-size: 1.7rem; font-size: 1.7rem;
@ -1096,7 +1099,7 @@ h4 {
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
width: calc(50% - 0.55rem); width: calc(50% - 0.55rem);
height: 19.15rem; height: 20rem;
background-color: #dedede; background-color: #dedede;
padding: 0 4.8rem; padding: 0 4.8rem;
} }
@ -1152,10 +1155,11 @@ h4 {
} }
.qa-titie-info{ .qa-titie-info{
padding: 5.5rem 0 2.8rem; padding: 4rem 0 2.8rem;
text-align: center; text-align: center;
} }
.qa-titie-info span{ .qa-titie-info span{
font-size: 1.15rem; font-size: 1.15rem;
line-height: 1.5; line-height: 1.5;
@ -1234,7 +1238,7 @@ h4 {
} }
.program-details .main-1{ .program-details .main-1{
padding: 6rem 0 5rem; padding: 4rem 0;
} }
.program-details .main-1>div{ .program-details .main-1>div{
@ -1301,7 +1305,7 @@ h4 {
} }
.program-details .main-2-1{ .program-details .main-2-1{
padding: 6rem 0; padding: 4rem 0;
background-color: #00db6d; background-color: #00db6d;
} }
.program-details .main-2-1 *{ .program-details .main-2-1 *{
@ -1326,7 +1330,7 @@ h4 {
font-size: 1.1rem; font-size: 1.1rem;
line-height: 1.5; line-height: 1.5;
color: #ffff1b; color: #ffff1b;
margin: 4.2rem 0 0.5rem; margin: 2.32rem 0 0.5rem;
} }
.program-details .main-2-1 .d-left>div:nth-of-type(1) h4{ .program-details .main-2-1 .d-left>div:nth-of-type(1) h4{
margin-top: 2.8rem; margin-top: 2.8rem;
@ -1357,6 +1361,10 @@ h4 {
.program-details .main-2-4 .main-center{ .program-details .main-2-4 .main-center{
max-width: 91.14%; max-width: 91.14%;
} }
.program-details .main-2-4{
padding-top: 0;
}
.program-details .main-2-4 .main-title>p{ .program-details .main-2-4 .main-title>p{
margin: 1.3rem 0 0 !important; margin: 1.3rem 0 0 !important;
} }
@ -1391,6 +1399,9 @@ h4 {
line-height: 1.55; line-height: 1.55;
} }
.program-details .main-2-5{
padding: 2rem 0 4.5rem;
}
.program-details .main-2-5 .main-center{ .program-details .main-2-5 .main-center{
max-width: 83.33%; max-width: 83.33%;
} }

38
public/static/home/new/css/credit.css
View File

@ -59,18 +59,33 @@
.see-banner .main-center { .see-banner .main-center {
max-width: 100%; max-width: 100%;
background-color: #00db6d; background-color: #284dfd;
}
.see-banner{
position: relative;
}
.see-banner .main-center{
position: relative;
}
.see-banner .main-center>img{
width: 9rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
} }
.see-banner h1 { .see-banner h1 {
font-family: "HarmonyOS_Sans_Black" !important;
font-size: 2.4rem;
font-size: 2rem; font-size: 2rem;
line-height: 1.2; line-height: 3.5rem !important;
padding: 5.4rem 0; padding: 5rem 0;
text-align: center; text-align: center;
position: relative; position: relative;
z-index: 2; z-index: 2;
color: #ffffff;
} }
.see-banner h1>span{ .see-banner h1>span{
@ -109,7 +124,7 @@
} }
.credit .main-1 { .credit .main-1 {
padding: 5rem 0 5rem; padding: 3.8rem 0 4rem;
background-image: url(../images/credit-main1-bg.jpg); background-image: url(../images/credit-main1-bg.jpg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% auto; background-size: 100% auto;
@ -128,7 +143,7 @@
.credit .main-1 .tips-credit{ .credit .main-1 .tips-credit{
font-size: 0.85rem; font-size: 0.85rem;
text-align: center; text-align: center;
margin: 6.5rem 0 1.35rem !important; margin: 3.5rem 0 1.2rem !important;
} }
.credit .container .item-list1 { .credit .container .item-list1 {
@ -192,7 +207,7 @@
width: 79%; width: 79%;
border: 1px solid #5b5b5b; border: 1px solid #5b5b5b;
border-radius: 1rem; border-radius: 1rem;
margin: 5rem auto 0; margin: 3rem auto 0;
padding: 1rem; padding: 1rem;
text-align: center; text-align: center;
} }
@ -242,7 +257,7 @@
.credit .con2{ .credit .con2{
background-color: #ffff1b; background-color: #ffff1b;
padding: 4.5rem 0 6rem; padding: 3.8rem 0 4.5rem;
} }
.credit .con2 .main-center{ .credit .con2 .main-center{
@ -258,7 +273,7 @@
.credit .container .item-list2 .item { .credit .container .item-list2 .item {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-top: 5.6rem; margin-top: 3.5rem;
} }
.credit .container .item-list2 .item>em{ .credit .container .item-list2 .item>em{
@ -326,7 +341,8 @@
.credit .con4 .main-center{ .credit .con4 .main-center{
max-width: 82.08%; max-width: 82.08%;
background-color: #dedede; background-color: #dedede;
padding: 3.2rem 10%; border-radius: 0.75rem;
padding: 3.1rem 10%;
text-align: center; text-align: center;
} }

10
public/static/home/new/css/index.css
View File

@ -123,6 +123,7 @@
line-height: 1; line-height: 1;
margin-bottom: 1.2rem; margin-bottom: 1.2rem;
letter-spacing: -0.05em; letter-spacing: -0.05em;
color: #ffffff;
} }
.index-banner-txt span{ .index-banner-txt span{
width: 100%; width: 100%;
@ -130,6 +131,7 @@
line-height: 1.2; line-height: 1.2;
text-align: right; text-align: right;
text-transform: uppercase; text-transform: uppercase;
color: #ffffff;
} }
.index-banner-btn { .index-banner-btn {
@ -194,9 +196,10 @@
} }
.index-banner-info .left span{ .index-banner-info .left span{
display: block; display: block;
font-size: 0.65rem; font-size: 0.75rem;
color: #ffff1b; color: #ffff1b;
margin-top: .4rem; margin-top: .4rem;
font-family: "HarmonyOS_Sans_Bold" !important;
} }
.index-banner-info .right{ .index-banner-info .right{
display: flex; display: flex;
@ -852,6 +855,7 @@ main .main-2 .container .item .text p:first-child {
} }
main .main-2 .container .item .text em { main .main-2 .container .item .text em {
font-family: "HarmonyOS_Sans_Bold" !important;
display: block; display: block;
font-size: 1rem; font-size: 1rem;
color: #ffff1b; color: #ffff1b;
@ -859,6 +863,7 @@ main .main-2 .container .item .text em {
} }
main .main-2 .container .item .text span { main .main-2 .container .item .text span {
/* font-family: "HarmonyOS_Sans_Bold" !important; */
max-width: 17rem; max-width: 17rem;
line-height: 1.3; line-height: 1.3;
color: #ffffff; color: #ffffff;
@ -912,7 +917,7 @@ main .main-3 h2 {
main .main-3 p{ main .main-3 p{
display: block; display: block;
font-family: "HarmonyOS_Sans_Bold" !important; font-family: "HarmonyOS_Sans_Medium" !important;
max-width: 53rem; max-width: 53rem;
font-size: 0.85rem; font-size: 0.85rem;
line-height: 1.47; line-height: 1.47;
@ -982,6 +987,7 @@ main .main-4 .container .item:hover .pull-bg{
background-color: rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, .6);
} }
main .main-4 .container .item h3{ main .main-4 .container .item h3{
font-family: "HarmonyOS_Sans_Bold" !important;
display: flex; display: flex;
align-items: center; align-items: center;
max-width: 16.5rem; max-width: 16.5rem;

9
public/static/home/new/css/member.css
View File

@ -134,8 +134,13 @@
display: flex; display: flex;
} }
.member-container .container .text .text{
margin-top: 0;
}
.member-container .content-title a, .member-container .content-title a,
.member-container .content-title span { .member-container .content-title span {
font-family: "HarmonyOS_Sans_Bold" !important;
display: inline-block; display: inline-block;
font-size: 0.9rem; font-size: 0.9rem;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
@ -312,6 +317,7 @@
} }
.member-container .form .bt a { .member-container .form .bt a {
font-family: "HarmonyOS_Sans_Medium" !important;
color: #00db6d; color: #00db6d;
font-size: 0.9rem; font-size: 0.9rem;
transition: all .6s; transition: all .6s;
@ -411,6 +417,7 @@
} }
.member-container .form input[type="submit"] { .member-container .form input[type="submit"] {
font-family: "HarmonyOS_Sans_Bold" !important;
background-color: #00db6d; background-color: #00db6d;
font-size: 0.85rem; font-size: 0.85rem;
height: 2.1rem; height: 2.1rem;
@ -438,7 +445,7 @@
} }
.member-container .o .line-tit span { .member-container .o .line-tit span {
font-size: "HarmonyOS_Sans_Medium" !important; font-family: "HarmonyOS_Sans_Medium" !important;
position: relative; position: relative;
color: #999; color: #999;
font-size: 0.85rem; font-size: 0.85rem;

22
public/static/home/new/css/process.css
View File

@ -74,14 +74,11 @@
} }
.see-banner h1 { .see-banner h1 {
font-family: "HarmonyOS_Sans_Black" !important;
font-size: 2.4rem;
font-size: 2rem; font-size: 2rem;
line-height: 1.2; line-height: 3.5rem !important;
padding: 5.4rem 0; padding: 5rem 0;
text-align: center; text-align: center;
position: relative; position: relative;
color: #ffffff;
z-index: 2; z-index: 2;
} }
@ -90,6 +87,8 @@
width: 5rem; width: 5rem;
height: 6.2rem; height: 6.2rem;
position: absolute; position: absolute;
border-radius: 0.35rem;
overflow: hidden;
left: 50%; left: 50%;
top: 50%; top: 50%;
z-index: 0; z-index: 0;
@ -132,7 +131,7 @@
margin-top: 2rem; margin-top: 2rem;
} }
.main-4 { .main-4 {
padding: 5rem 0 3.9rem; padding: 3.8rem 0 3.9rem;
} }
.main-4 .main-center{ .main-4 .main-center{
@ -173,11 +172,11 @@
.main-1{ .main-1{
position: relative; position: relative;
padding: 0 0 5rem; padding: 0 0 4rem;
} }
.main-1>img{ .main-1>img{
width: 24rem; width: 23rem;
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 5rem; bottom: 5rem;
@ -187,7 +186,7 @@
.main-1 .main-center{ .main-1 .main-center{
max-width: 70.31%; max-width: 70.31%;
background-color: #00dced; background-color: #00dced;
padding: 3.6rem; padding: 2.5rem;
} }
.main-1 .main-title{ .main-1 .main-title{
@ -205,8 +204,9 @@
font-family: "HarmonyOS_Sans_Bold" !important; font-family: "HarmonyOS_Sans_Bold" !important;
font-size: 0.85rem; font-size: 0.85rem;
line-height: 1.8; line-height: 1.8;
margin-top: 1.5rem; margin-top: 1rem;
margin-bottom: 0; margin-bottom: 0 !important;
text-align: center;
} }
.main-1 .wrap p a{ .main-1 .wrap p a{
color: #ffffff; color: #ffffff;

25
public/static/home/new/css/see.css
View File

@ -72,7 +72,7 @@
font-size: 2.4rem; font-size: 2.4rem;
font-size: 2rem; font-size: 2rem;
line-height: 1.2; line-height: 1.2;
padding: 5.4rem 0; padding: 5.55rem 0;
text-align: center; text-align: center;
position: relative; position: relative;
z-index: 2; z-index: 2;
@ -101,7 +101,7 @@
} }
.see-container section.main-0 { .see-container section.main-0 {
padding-top: 5.5rem; padding-top: 3.35rem;
padding-bottom: 0; padding-bottom: 0;
} }
@ -168,7 +168,7 @@
} }
.see-container .m1 { .see-container .m1 {
margin-top: 4rem; margin-top: 2rem;
} }
.see-container .m1 em { .see-container .m1 em {
@ -183,7 +183,7 @@
} }
.see-container .main-1-1 .main-center{ .see-container .main-1-1 .main-center{
max-width: 70.31%; max-width: 70.31%;
padding: 3rem 0 6rem; padding: 1rem 0 2rem;
} }
.see-container .main-1-1 .title{ .see-container .main-1-1 .title{
@ -226,7 +226,7 @@
.see-container .main-1-1 .item{ .see-container .main-1-1 .item{
width: calc(33.33% - 0.5rem); width: calc(33.33% - 0.5rem);
background-color: #dedede; background-color: #dedede;
padding: 2.5rem 2rem 3rem 2.6rem; padding: 1.5rem 2rem 2rem 2.6rem;
} }
.see-container .main-1-1 .item h4{ .see-container .main-1-1 .item h4{
font-family: "HarmonyOS_Sans_Black" !important; font-family: "HarmonyOS_Sans_Black" !important;
@ -236,7 +236,7 @@
height: 3.5rem; height: 3.5rem;
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1.2; line-height: 1.2;
margin: 0 0 1.5rem; margin: 0 0 1rem;
} }
.see-container .main-1-1 .item span{ .see-container .main-1-1 .item span{
@ -281,12 +281,14 @@
margin-top: 0.6rem; margin-top: 0.6rem;
} }
.see-container .main-1-2 {
padding-bottom: 4rem;
}
.see-container .main-1-2 .main-center{ .see-container .main-1-2 .main-center{
max-width: 100%; max-width: 100%;
} }
.see-container .main-1-2 .main-title{ .see-container .main-1-2 .main-title{
margin-bottom: 3.75rem; margin-bottom: 3rem;
} }
@ -295,11 +297,11 @@
} }
.student-programs-swiper .swiper-slide{ .student-programs-swiper .swiper-slide{
width: 100%; width: 100%;
height: 37.85rem; height: 30rem;
} }
.student-programs-swiper .swiper-slide img{ .student-programs-swiper .swiper-slide img{
width: 100%; width: 100%;
min-height: 37.85rem; min-height: 30rem;
} }
.student-programs-swiper .swiper-container-horizontal>.swiper-pagination-bullets{ .student-programs-swiper .swiper-container-horizontal>.swiper-pagination-bullets{
bottom: 1.25rem !important; bottom: 1.25rem !important;
@ -316,6 +318,9 @@
width: 3.75rem; width: 3.75rem;
background-color: rgba(204, 202, 202, 1); background-color: rgba(204, 202, 202, 1);
} }
.main-4{
padding-bottom: 4rem;
}
.main-4 .main-center{ .main-4 .main-center{
max-width: 70.31%; max-width: 70.31%;

BIN
public/static/home/new/images/banner-01.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 587 KiB

After

Width:  |  Height:  |  Size: 907 KiB

BIN
public/static/home/new/images/banner-02.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 784 KiB

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
public/static/home/new/images/banner-03.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 826 KiB

After

Width:  |  Height:  |  Size: 998 KiB

BIN
public/static/home/new/images/credits-top-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
public/static/home/new/images/process-top-bg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB