动效还没处理
parent
6cd1966fa1
commit
2c89384566
|
|
@ -70,17 +70,17 @@
|
|||
</div>
|
||||
</div>
|
||||
</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="content">
|
||||
<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="left">
|
||||
<h6>Help&Support</h6>
|
||||
<p class="f-medium">Need Help?</p>
|
||||
<div class="zx-btn">
|
||||
<a href="javascript:void(0)" onclick="$('.form-wrap9').addClass('show')" class="b"><span>Chat Now</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="right">
|
||||
<div>
|
||||
<p class="f-medium">LightCourse Student Services</p>
|
||||
<a href="mailto:studentservice@lightglobal.org"><strong>studentservice@lightglobal.org</strong></a>
|
||||
|
|
@ -95,9 +95,9 @@
|
|||
</div>
|
||||
</section>
|
||||
<footer>
|
||||
<div class="footer wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="footer">
|
||||
<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="logo"><img src="{$Think.HOME_SITE_ROOT}/new/images/footer-logo.png" alt="Light Course"></div>
|
||||
<div class="icon">
|
||||
|
|
@ -106,7 +106,7 @@
|
|||
<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-foot-03.png">
|
||||
</div>
|
||||
</div>
|
||||
<div class="right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="right">
|
||||
<ul>
|
||||
<li>
|
||||
<a class="f-bold" href="/promotion">About Us</a>
|
||||
|
|
@ -135,7 +135,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="copyright">
|
||||
<span class="f-medium">
|
||||
<script>
|
||||
copyright = new Date();
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 19.4rem;
|
||||
height: 1.5rem;
|
||||
height: 1.8rem;
|
||||
border-radius: 6px;
|
||||
font-size: 1rem;
|
||||
background-color: #18d777;
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
This article provides<br />an overview of<br />online education flexibi
|
||||
</span>
|
||||
<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>
|
||||
<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="">
|
||||
|
|
|
|||
|
|
@ -53,7 +53,7 @@
|
|||
<div class="list-banner">
|
||||
<div class="main-center container">
|
||||
<div class="position">Position：Home > Blog> {$article.article_title}</div>
|
||||
<div class="content con1">
|
||||
<div class="content content-other">
|
||||
<div class="left">
|
||||
<h2>LightCourse Blog</h2>
|
||||
<!-- <h3>博客</h3> -->
|
||||
|
|
|
|||
|
|
@ -124,7 +124,7 @@
|
|||
{if $show_type == 1}
|
||||
<div class="course-banner list-banner">
|
||||
<!-- <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">
|
||||
<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>
|
||||
|
|
@ -134,13 +134,12 @@
|
|||
Join us today to earn college credits in a flexible and saving way.
|
||||
</span>
|
||||
</div>
|
||||
<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>
|
||||
<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>
|
||||
</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">
|
||||
<h5 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Please enter keywords</h5>
|
||||
<div class="inp wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h5>Please enter keywords</h5>
|
||||
<div class="inp">
|
||||
<input type="text" class="homeinputvals" placeholder="Course Code or Title (e.g. ACC 100/Accounting)">
|
||||
<button type="submit" class="submit-btn homesearchs">
|
||||
<i class="iconfont icon-search"></i>
|
||||
|
|
@ -181,9 +180,9 @@
|
|||
{else /}
|
||||
<div class="course-banner list-banner">
|
||||
<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>
|
||||
<div class="content con1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="content con1">
|
||||
<div class="left">
|
||||
<h2>{$header_title_eng}</h2>
|
||||
<!-- <h3>所有课程</h3> -->
|
||||
|
|
@ -205,7 +204,7 @@
|
|||
</div>
|
||||
<div class="img"><img src="{$header_image}" alt=""></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>
|
||||
<div class="inp">
|
||||
<input type="text" placeholder="Course name or ID (e.g. END/100)">
|
||||
|
|
@ -220,7 +219,7 @@
|
|||
</div>-->
|
||||
</div>
|
||||
{/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">
|
||||
{notempty name="attr_array"}
|
||||
{php}$j = 0;{/php}
|
||||
|
|
@ -248,7 +247,7 @@
|
|||
{/foreach}
|
||||
{/notempty}
|
||||
</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) &&
|
||||
is_array($checked_attr))}
|
||||
<div id="selected">
|
||||
|
|
@ -279,7 +278,7 @@
|
|||
<a href="javascript:;">Click on the query</a>
|
||||
</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;">
|
||||
<div class="field inline">
|
||||
<label>Show</label>
|
||||
|
|
@ -299,9 +298,9 @@
|
|||
</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">
|
||||
<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="label">
|
||||
<span>Course Title/Institution</span>
|
||||
|
|
@ -316,7 +315,7 @@
|
|||
</div>
|
||||
<div class="main-center main-center-course container">
|
||||
{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} </h6>
|
||||
<!--<p>{$value.ke_eng}</p>-->
|
||||
<div class="label">
|
||||
|
|
@ -338,17 +337,17 @@
|
|||
</div>
|
||||
<div class="pagination">{$show_page|raw}</div>
|
||||
</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="t wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="t">
|
||||
<h2>FAQ</h2>
|
||||
<div class="more-btn">
|
||||
<a href="/qa">Learn more <em>></em></a>
|
||||
</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">
|
||||
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>01. Registration Procedure </span> <i></i></h5>
|
||||
</div>
|
||||
|
|
@ -359,7 +358,7 @@
|
|||
student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>02. Tuition/Fees</span> <i></i></h5>
|
||||
</div>
|
||||
|
|
@ -380,7 +379,7 @@
|
|||
</div>
|
||||
</li>
|
||||
|
||||
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
|
||||
</div>
|
||||
|
|
@ -401,7 +400,7 @@
|
|||
</div>
|
||||
</li>
|
||||
|
||||
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>04. Complete Course Approval</span> <i></i></h5>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -3,28 +3,28 @@
|
|||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/contact.css">
|
||||
<div class="contact-banner">
|
||||
<div class="main-center container">
|
||||
<h1 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.24s">Contact Us</span>
|
||||
<h1>
|
||||
<span>Contact Us</span>
|
||||
<img src="{$Think.HOME_SITE_ROOT}/new/images/contact-top-bg.png" alt="Contact Us">
|
||||
</h1>
|
||||
<h5 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<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>
|
||||
<h5>
|
||||
<span>If you have any questions,<br />please check below for the fastest way<br />to get in touch with us!</span>
|
||||
</h5>
|
||||
</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-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>
|
||||
<main class="contact-container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<section class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<main class="contact-container">
|
||||
<section>
|
||||
<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 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>
|
||||
<p><strong>If you have questions about:</strong></p>
|
||||
<span>contact</span>
|
||||
<span class="contact-btn">contact</span>
|
||||
</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>Payments</p>
|
||||
<p><em>•</em>Course equivalency</p>
|
||||
|
|
@ -42,16 +42,16 @@
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<section>
|
||||
<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 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>
|
||||
<p><strong>If you are interested in partnerships like:</strong></p>
|
||||
<span>contact</span>
|
||||
<span class="contact-btn">contact</span>
|
||||
</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
|
||||
students worldwide</p>
|
||||
<p><em>•</em>Leveraging the integration effect of the LightCourse platform to increase enrollments
|
||||
|
|
@ -67,16 +67,16 @@
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<section>
|
||||
<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 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>
|
||||
<p><strong>If you are a qualified candidate interested in:</strong></p>
|
||||
<span>contact</span>
|
||||
<span class="contact-btn">contact</span>
|
||||
</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>Interacting with people from different cultures and traveling abroad</p>
|
||||
<p><em></em>... ...</p>
|
||||
|
|
@ -91,18 +91,27 @@
|
|||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<main class="course wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="md-us container-mask">
|
||||
<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="t wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="t">
|
||||
<h2>FAQ</h2>
|
||||
<div class="more-btn">
|
||||
<a href="/qa">Learn more <em>></em></a>
|
||||
</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">
|
||||
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>01. Registration Procedure </span> <i></i></h5>
|
||||
</div>
|
||||
|
|
@ -113,7 +122,7 @@
|
|||
student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>02. Tuition/Fees</span> <i></i></h5>
|
||||
</div>
|
||||
|
|
@ -134,7 +143,7 @@
|
|||
</div>
|
||||
</li>
|
||||
|
||||
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
|
||||
</div>
|
||||
|
|
@ -155,7 +164,7 @@
|
|||
</div>
|
||||
</li>
|
||||
|
||||
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>04. Complete Course Approval</span> <i></i></h5>
|
||||
</div>
|
||||
|
|
@ -172,4 +181,34 @@
|
|||
</section>
|
||||
</main>
|
||||
{/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>
|
||||
|
|
@ -102,6 +102,15 @@
|
|||
}
|
||||
.label span.b{
|
||||
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) {
|
||||
.list-banner .con2 .filter-container {
|
||||
|
|
@ -133,7 +142,7 @@
|
|||
<div class="course-banner list-banner">
|
||||
<div class="main-center container">
|
||||
<!-- <div class="position">当前位置：首页 > 所有课程 </div> -->
|
||||
<div class="content con1">
|
||||
<div class="content con-other">
|
||||
<div class="left">
|
||||
<h2 style="color: #3b52f6;">LightCourse</h2>
|
||||
<h2><span class="c2" style="font: inherit;">7000+ College </span>Course Store</h2>
|
||||
|
|
@ -368,7 +377,7 @@
|
|||
</div>
|
||||
<div class="content">
|
||||
<ul id="accordion1" class="accordion">
|
||||
<li class="open">
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>01. Registration Procedure </span> <i></i></h5>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<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 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="index-banner-txt ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
|
||||
<ins>7000+</ins>
|
||||
|
|
@ -61,46 +61,46 @@
|
|||
</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>
|
||||
<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 class="index-banner-info wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="index-banner-info">
|
||||
<div class="left">
|
||||
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">The Services<br />We Provide</h2>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">7000+ College Courses</span>
|
||||
<h2>The Services<br />We Provide</h2>
|
||||
<span>7000+ College Courses</span>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="item">
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">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>
|
||||
<span>Featured For-Credit Courses</span>
|
||||
<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 class="item">
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">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>
|
||||
<span>Study Abroad Programs</span>
|
||||
<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>
|
||||
<main>
|
||||
<section class="main-1">
|
||||
<div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Featured For-Credit Courses</h2>
|
||||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="main-title">
|
||||
<h2>Featured For-Credit Courses</h2>
|
||||
<p>
|
||||
In collaboration with our global partner institutions, <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.
|
||||
</p>
|
||||
</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"}
|
||||
{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>
|
||||
<ins class="pull-bg"></ins>
|
||||
<div class="icon-more"><img src="{$Think.HOME_SITE_ROOT}/new/images/icon-more.png" alt="查看详情"></div>
|
||||
<div class="text" num="1">
|
||||
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$goods.goods_name}</h3>
|
||||
<div class="par-con wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h3>{$goods.goods_name}</h3>
|
||||
<div class="par-con">
|
||||
<div class="par w100 f-regular">
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-xianshangliuliang"></use>
|
||||
|
|
@ -126,10 +126,10 @@
|
|||
<a href="/brand">View All Courses</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<section class="main-2">
|
||||
<div class="main-title">
|
||||
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Study Abroad Programs</h2>
|
||||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h2>Study Abroad Programs</h2>
|
||||
<p>
|
||||
Credit-bearing LightCourse study abroad programs are hosted by prestigious institutions in several
|
||||
global cities. <br>
|
||||
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).
|
||||
</p>
|
||||
</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-wrapper">
|
||||
{notempty name="program"}
|
||||
|
|
@ -168,29 +168,29 @@
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-3 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<section class="main-3">
|
||||
<div class="main-title">
|
||||
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Our Vision</h2>
|
||||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$wish_en}</p>
|
||||
<h2>Our Vision</h2>
|
||||
<p >{$wish_en}</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-4 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<section class="main-4">
|
||||
<div class="main-title">
|
||||
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">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>
|
||||
<h2>LightCourse Blog</h2>
|
||||
<p>News and live information about light course.</p>
|
||||
</div>
|
||||
<div class="main-center container">
|
||||
{notempty name="article"}
|
||||
{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">
|
||||
<img src="{:ds_get_pic(ATTACH_ARTICLE,$val.article_pic)}" alt="{$val['article_title']}">
|
||||
<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>
|
||||
<span>{$val['article_date']}</span> -->
|
||||
</div>
|
||||
<div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="txt">
|
||||
{$val['article_desc']}
|
||||
</div>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -19,7 +19,9 @@
|
|||
border-bottom: none!important;
|
||||
}
|
||||
.content-title a text{
|
||||
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||
color: #C1BFBF!important;
|
||||
margin-right: 0.2rem;
|
||||
}
|
||||
.text-area{
|
||||
display: flex;
|
||||
|
|
@ -34,7 +36,7 @@
|
|||
}
|
||||
.sendcode{
|
||||
width: 134px;
|
||||
height:2.4rem;
|
||||
height:2.1rem;
|
||||
background: #0055D2;
|
||||
border-radius: 0px 6px 6px 0px;
|
||||
text-align: center;
|
||||
|
|
@ -107,17 +109,15 @@
|
|||
</style>
|
||||
<main class="member-container">
|
||||
<section class="container main-center">
|
||||
<div class="img">
|
||||
<h1><img src="{$Think.HOME_SITE_ROOT}/new/images/logo.png" alt="LIGHT COURSE"></h1>
|
||||
<p>7000+ College Courses <br> Earn Credits In A More Flexible Way</p>
|
||||
</div>
|
||||
<div class="text">
|
||||
|
||||
<div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h2>7000+ </h2>
|
||||
<p>College Courses</p>
|
||||
<span>Earn Credits in a More<br />Flexible Way</span>
|
||||
</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">
|
||||
<a href="/Login/login" class="active"><text><</text> Forget Password</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="content">
|
||||
<!--action="/login/login"-->
|
||||
<div class="con active">
|
||||
|
|
|
|||
|
|
@ -37,6 +37,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 0.75rem;
|
||||
width: calc(25% - 0.45rem);
|
||||
background-color: #dedede;
|
||||
height: 5.1rem;
|
||||
|
|
@ -55,6 +56,11 @@
|
|||
.main-QA .content .left-tabs span.active::before {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.qa-content-ul .accordion{
|
||||
border-radius: 0.75rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media screen and (max-width:768px) {
|
||||
.main-QA .content {
|
||||
|
|
|
|||
|
|
@ -95,8 +95,9 @@
|
|||
}
|
||||
</style>
|
||||
<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">
|
||||
<h1>HOW TO <span>TRANSFER CREDITS</span></h1>
|
||||
<div class="main-center container">
|
||||
<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>
|
||||
<main class="credit wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
|
|
|
|||
|
|
@ -51,7 +51,10 @@
|
|||
}
|
||||
.about-banner{
|
||||
background-color: #00db6d;
|
||||
padding: 2.5rem 0;
|
||||
padding: 4.75rem 0;
|
||||
}
|
||||
.about-banner .main-center{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.about-banner .main-center{
|
||||
|
|
@ -114,10 +117,10 @@
|
|||
}
|
||||
|
||||
.about .main-1{
|
||||
padding: 5.5rem 0 0;
|
||||
padding: 4rem 0 0;
|
||||
background-image: url(../images/about-bg.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 36.9rem;
|
||||
background-size: 100% 31rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
@ -139,12 +142,13 @@
|
|||
.about .main-1 .container p{
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.8;
|
||||
margin-top: 0.6rem;
|
||||
}
|
||||
|
||||
.about .main-1 .our-goal{
|
||||
background-color: #ffff1b;
|
||||
padding: 3.5rem 3rem 5rem;
|
||||
margin-top: 5rem;
|
||||
padding: 2.5rem 3rem 3rem;
|
||||
margin-top: 2.3rem;
|
||||
}
|
||||
|
||||
.about .main-1 .our-goal p{
|
||||
|
|
@ -168,16 +172,16 @@
|
|||
|
||||
.about .main-4 .item{
|
||||
width: calc(50% - 0.75rem);
|
||||
height: 40rem;
|
||||
height: 33rem;
|
||||
background-color: #2847db;
|
||||
padding: 5.5rem;
|
||||
padding: 3rem 5.5rem;
|
||||
color: #ffffff;
|
||||
position: relative;
|
||||
}
|
||||
.about .main-4 .item h3{
|
||||
font-size: 1.9rem;
|
||||
line-height: 1.1;
|
||||
margin-bottom: 4rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.about .main-4 .item h4{
|
||||
font-size: 0.85rem;
|
||||
|
|
@ -218,8 +222,8 @@
|
|||
|
||||
|
||||
.about .main-2 {
|
||||
padding-top: 18.8rem;
|
||||
padding-bottom: 4.3rem;
|
||||
padding-top: 16rem;
|
||||
padding-bottom: 4rem;
|
||||
background-color: #00db6d;
|
||||
margin-top: -12.25rem;
|
||||
position: relative;
|
||||
|
|
@ -242,7 +246,8 @@
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
padding-top: 1.2rem;
|
||||
padding-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.about .main-2 .item{
|
||||
width: calc(50% - 2.5rem);
|
||||
|
|
@ -255,7 +260,7 @@
|
|||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
color: #ffffff;
|
||||
margin-top: 1.8rem;
|
||||
margin-top: 0.6rem;
|
||||
}
|
||||
|
||||
.about .main-2 .item h6:before{
|
||||
|
|
@ -274,7 +279,7 @@
|
|||
}
|
||||
.about-swiper .swiper-slide{
|
||||
position: relative;
|
||||
height: 45.5rem;
|
||||
height: 35rem;
|
||||
}
|
||||
.about-swiper .swiper-slide>img{
|
||||
width: 100%;
|
||||
|
|
@ -333,8 +338,7 @@
|
|||
}
|
||||
.about .main-7 .container .item {
|
||||
width: calc((100% - (5 - 1) * 1.3rem) / 5);
|
||||
margin-right: 1.3rem;
|
||||
margin-bottom: 1.3rem;
|
||||
margin: 1.04rem 1.3rem 1.04rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
.about .main-7 .container .item:nth-of-type(5n) {
|
||||
|
|
@ -347,6 +351,9 @@
|
|||
.about .main-7 .container .item img {
|
||||
margin: auto;
|
||||
}
|
||||
.about .main-QA .main-center{
|
||||
margin-bottom: 1.35rem;
|
||||
}
|
||||
@media screen and (max-width: 1024px) {
|
||||
.about .main-4 .container .img-wrap .img img {
|
||||
max-width: 13rem;
|
||||
|
|
|
|||
|
|
@ -230,12 +230,12 @@
|
|||
|
||||
.blog .main-1 .sec-left .link .text h6{
|
||||
font-size: 1.55rem;
|
||||
line-height: 1.1;
|
||||
line-height: 1;
|
||||
margin: 0.2rem 0 0.5rem;
|
||||
}
|
||||
|
||||
.blog .main-1 .sec-left .link .text p{
|
||||
font-family: "HarmonyOS_Sans_Regular" !important;
|
||||
font-family: "HarmonyOS_Sans_Bold" !important;
|
||||
font-size: 0.7rem;
|
||||
line-height: 0.9rem;
|
||||
display: -webkit-box;
|
||||
|
|
@ -244,6 +244,7 @@
|
|||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
padding-right: 5rem;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
|
|
@ -252,11 +253,12 @@
|
|||
font-size: 0.85rem;
|
||||
color: #333333;
|
||||
position: absolute;
|
||||
bottom: -0.5rem;
|
||||
bottom: 0.2rem;
|
||||
right: -0.2rem;
|
||||
transform: scaleX(1.8);
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.blog .main-1 .sec-left .link:hover .text>div span{
|
||||
opacity: .65;
|
||||
}
|
||||
|
|
@ -502,6 +504,13 @@
|
|||
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) {
|
||||
.social-share .social-share-icon {
|
||||
|
|
|
|||
|
|
@ -1283,14 +1283,14 @@ p {
|
|||
|
||||
.list-banner .container {
|
||||
position: relative;
|
||||
padding: 3.75rem 0 1.77rem;
|
||||
padding: 4rem 0 1.77rem;
|
||||
}
|
||||
|
||||
.list-banner .con1 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 21.9rem;
|
||||
height: 20rem;
|
||||
background-color: #d8d8d8;
|
||||
}
|
||||
.list-banner .con1 .left{
|
||||
|
|
@ -1855,7 +1855,7 @@ p {
|
|||
.main-other-qa {
|
||||
width: 100%;
|
||||
background-color: #dedede;
|
||||
padding: 2.5rem 0;
|
||||
padding: 1.67rem 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
|
|||
|
|
@ -68,22 +68,24 @@
|
|||
}
|
||||
|
||||
.contact-banner h1 {
|
||||
font-family: "HarmonyOS_Sans_Black" !important;
|
||||
background-color: #ffff1b;
|
||||
font-size: 2.4rem;
|
||||
font-size: 2rem;
|
||||
line-height: 1.2;
|
||||
padding: 5.4rem 0;
|
||||
line-height: 3.5rem !important;
|
||||
padding: 5rem 0;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
.contact-banner h1>span{
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.contact-banner h1>img{
|
||||
width: 4.2rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
z-index: -1;
|
||||
z-index: 0;
|
||||
transform: translate(-50%,-50%);
|
||||
animation: scale_name 1s linear alternate infinite;
|
||||
}
|
||||
|
|
@ -99,8 +101,8 @@
|
|||
|
||||
.contact-banner h5 {
|
||||
background-color: #284dfd;
|
||||
padding: 6.5rem 0;
|
||||
height: 46.45rem;
|
||||
padding: 3.5rem 0;
|
||||
height: 39.2rem;
|
||||
font-size: 1.9rem;
|
||||
line-height: 1.45;
|
||||
color: #ffffff;
|
||||
|
|
@ -127,7 +129,7 @@
|
|||
} */
|
||||
.contact-container{
|
||||
padding-bottom: 2rem;
|
||||
margin-top: -27.5rem;
|
||||
margin-top: -24.5rem;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
|
@ -143,7 +145,7 @@
|
|||
|
||||
.contact-container .container .item-bg{
|
||||
width: 100%;
|
||||
height: 17.25rem;
|
||||
height: 15rem;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -175,6 +177,7 @@
|
|||
background-color: #00db6d;
|
||||
margin-top: 1.4rem;
|
||||
border-radius: .4rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
.contact-container section:nth-of-type(even) .container .item h6 {
|
||||
color: #ffff1b !important;
|
||||
|
|
@ -233,6 +236,7 @@
|
|||
}
|
||||
|
||||
.container .item .text p {
|
||||
font-family: "HarmonyOS_Sans_Bold" !important;
|
||||
display: flex;
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.8;
|
||||
|
|
@ -243,6 +247,53 @@
|
|||
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) {
|
||||
.contact-container .container .item.item2 .text img {
|
||||
|
|
|
|||
|
|
@ -86,7 +86,7 @@
|
|||
position: relative;
|
||||
}
|
||||
.page-banner .swiper-slide{
|
||||
height: 33.15rem;
|
||||
height: 25rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.page-banner .swiper-slide img {
|
||||
|
|
@ -98,7 +98,7 @@
|
|||
margin: 0;
|
||||
}
|
||||
.page-banner .swiper-container-horizontal>.swiper-pagination-bullets{
|
||||
bottom: 1.5rem !important;
|
||||
bottom: 1rem !important;
|
||||
}
|
||||
.page-banner .swiper-pagination .swiper-pagination-bullet{
|
||||
width: 0.65rem;
|
||||
|
|
@ -290,10 +290,10 @@ h4 {
|
|||
}
|
||||
.course-details .main-1{
|
||||
padding-bottom: 0;
|
||||
padding-top: 6rem;
|
||||
padding-top: 4.25rem;
|
||||
}
|
||||
.course-details .main-1>div {
|
||||
padding-bottom: 5.8rem;
|
||||
padding-bottom: 4.25rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container {
|
||||
|
|
@ -307,7 +307,7 @@ h4 {
|
|||
}
|
||||
|
||||
.course-details .main-1 .container>.left .basic-information{
|
||||
margin-top: 2.5rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.left h1 {
|
||||
|
|
@ -315,8 +315,7 @@ h4 {
|
|||
}
|
||||
|
||||
.course-details .main-1 .container>.left h4 {
|
||||
margin-top: 0.9rem;
|
||||
margin-bottom: 0.5rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.left h3 {
|
||||
|
|
@ -327,6 +326,7 @@ h4 {
|
|||
font-size: 1.1rem;
|
||||
line-height: 1.5;
|
||||
position: relative;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.left p em {
|
||||
|
|
@ -339,7 +339,7 @@ h4 {
|
|||
}
|
||||
|
||||
.course-details .main-1 .container>.left>div.content1 {
|
||||
margin-top: 3rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.course-details .main-1 .container>.left>div.content1 h2{
|
||||
margin-bottom: 0.5rem;
|
||||
|
|
@ -356,7 +356,7 @@ h4 {
|
|||
padding: 0 0.8rem;
|
||||
border: 0.15rem solid #2e2e2e;
|
||||
border-radius: 0.5rem;
|
||||
margin-top: 3.5rem;
|
||||
margin-top: 2rem;
|
||||
transition: all .6s;
|
||||
}
|
||||
.course-details .main-1 .container>.left h1,
|
||||
|
|
@ -413,8 +413,7 @@ h4 {
|
|||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
height: 13rem;
|
||||
margin-top: 2rem;
|
||||
height: 9rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right .info .t .item {
|
||||
|
|
@ -508,8 +507,8 @@ h4 {
|
|||
}
|
||||
|
||||
.course-details .main-1 .container>.right .time{
|
||||
height: 12.5rem;
|
||||
margin-top: 3.25rem;
|
||||
height: 10.5rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right .btn-wrap {
|
||||
|
|
@ -562,7 +561,7 @@ h4 {
|
|||
.course-details .main-02 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 2.5rem 0;
|
||||
padding: 2.55rem 0;
|
||||
background-color: #ffff1b;
|
||||
text-align: center;
|
||||
|
||||
|
|
@ -611,6 +610,10 @@ h4 {
|
|||
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 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
@ -934,7 +937,7 @@ h4 {
|
|||
.course-details .main-2 .con1 .c2{
|
||||
display: inline-block;
|
||||
font-size: 1rem;
|
||||
margin-top: 1.3rem;
|
||||
margin-top: 2.2rem;
|
||||
color: #00db6d;
|
||||
}
|
||||
|
||||
|
|
@ -1064,7 +1067,7 @@ h4 {
|
|||
|
||||
|
||||
.main-2-3{
|
||||
padding: 4rem 0 6rem;
|
||||
padding: 4.75rem 0 6.5rem;
|
||||
}
|
||||
.main-2-3 h2{
|
||||
font-size: 1.7rem;
|
||||
|
|
@ -1096,7 +1099,7 @@ h4 {
|
|||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: calc(50% - 0.55rem);
|
||||
height: 19.15rem;
|
||||
height: 20rem;
|
||||
background-color: #dedede;
|
||||
padding: 0 4.8rem;
|
||||
}
|
||||
|
|
@ -1152,10 +1155,11 @@ h4 {
|
|||
}
|
||||
|
||||
.qa-titie-info{
|
||||
padding: 5.5rem 0 2.8rem;
|
||||
padding: 4rem 0 2.8rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.qa-titie-info span{
|
||||
font-size: 1.15rem;
|
||||
line-height: 1.5;
|
||||
|
|
@ -1234,7 +1238,7 @@ h4 {
|
|||
}
|
||||
|
||||
.program-details .main-1{
|
||||
padding: 6rem 0 5rem;
|
||||
padding: 4rem 0;
|
||||
}
|
||||
|
||||
.program-details .main-1>div{
|
||||
|
|
@ -1301,7 +1305,7 @@ h4 {
|
|||
}
|
||||
|
||||
.program-details .main-2-1{
|
||||
padding: 6rem 0;
|
||||
padding: 4rem 0;
|
||||
background-color: #00db6d;
|
||||
}
|
||||
.program-details .main-2-1 *{
|
||||
|
|
@ -1326,7 +1330,7 @@ h4 {
|
|||
font-size: 1.1rem;
|
||||
line-height: 1.5;
|
||||
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{
|
||||
margin-top: 2.8rem;
|
||||
|
|
@ -1357,6 +1361,10 @@ h4 {
|
|||
.program-details .main-2-4 .main-center{
|
||||
max-width: 91.14%;
|
||||
}
|
||||
.program-details .main-2-4{
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.program-details .main-2-4 .main-title>p{
|
||||
margin: 1.3rem 0 0 !important;
|
||||
}
|
||||
|
|
@ -1391,6 +1399,9 @@ h4 {
|
|||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.program-details .main-2-5{
|
||||
padding: 2rem 0 4.5rem;
|
||||
}
|
||||
.program-details .main-2-5 .main-center{
|
||||
max-width: 83.33%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -59,18 +59,33 @@
|
|||
|
||||
.see-banner .main-center {
|
||||
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 {
|
||||
font-family: "HarmonyOS_Sans_Black" !important;
|
||||
font-size: 2.4rem;
|
||||
font-size: 2rem;
|
||||
line-height: 1.2;
|
||||
padding: 5.4rem 0;
|
||||
line-height: 3.5rem !important;
|
||||
padding: 5rem 0;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.see-banner h1>span{
|
||||
|
|
@ -109,7 +124,7 @@
|
|||
}
|
||||
|
||||
.credit .main-1 {
|
||||
padding: 5rem 0 5rem;
|
||||
padding: 3.8rem 0 4rem;
|
||||
background-image: url(../images/credit-main1-bg.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
|
|
@ -128,7 +143,7 @@
|
|||
.credit .main-1 .tips-credit{
|
||||
font-size: 0.85rem;
|
||||
text-align: center;
|
||||
margin: 6.5rem 0 1.35rem !important;
|
||||
margin: 3.5rem 0 1.2rem !important;
|
||||
}
|
||||
|
||||
.credit .container .item-list1 {
|
||||
|
|
@ -192,7 +207,7 @@
|
|||
width: 79%;
|
||||
border: 1px solid #5b5b5b;
|
||||
border-radius: 1rem;
|
||||
margin: 5rem auto 0;
|
||||
margin: 3rem auto 0;
|
||||
padding: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -242,7 +257,7 @@
|
|||
|
||||
.credit .con2{
|
||||
background-color: #ffff1b;
|
||||
padding: 4.5rem 0 6rem;
|
||||
padding: 3.8rem 0 4.5rem;
|
||||
}
|
||||
|
||||
.credit .con2 .main-center{
|
||||
|
|
@ -258,7 +273,7 @@
|
|||
.credit .container .item-list2 .item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 5.6rem;
|
||||
margin-top: 3.5rem;
|
||||
}
|
||||
|
||||
.credit .container .item-list2 .item>em{
|
||||
|
|
@ -326,7 +341,8 @@
|
|||
.credit .con4 .main-center{
|
||||
max-width: 82.08%;
|
||||
background-color: #dedede;
|
||||
padding: 3.2rem 10%;
|
||||
border-radius: 0.75rem;
|
||||
padding: 3.1rem 10%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -123,6 +123,7 @@
|
|||
line-height: 1;
|
||||
margin-bottom: 1.2rem;
|
||||
letter-spacing: -0.05em;
|
||||
color: #ffffff;
|
||||
}
|
||||
.index-banner-txt span{
|
||||
width: 100%;
|
||||
|
|
@ -130,6 +131,7 @@
|
|||
line-height: 1.2;
|
||||
text-align: right;
|
||||
text-transform: uppercase;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.index-banner-btn {
|
||||
|
|
@ -194,9 +196,10 @@
|
|||
}
|
||||
.index-banner-info .left span{
|
||||
display: block;
|
||||
font-size: 0.65rem;
|
||||
font-size: 0.75rem;
|
||||
color: #ffff1b;
|
||||
margin-top: .4rem;
|
||||
font-family: "HarmonyOS_Sans_Bold" !important;
|
||||
}
|
||||
.index-banner-info .right{
|
||||
display: flex;
|
||||
|
|
@ -852,6 +855,7 @@ main .main-2 .container .item .text p:first-child {
|
|||
}
|
||||
|
||||
main .main-2 .container .item .text em {
|
||||
font-family: "HarmonyOS_Sans_Bold" !important;
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
color: #ffff1b;
|
||||
|
|
@ -859,6 +863,7 @@ main .main-2 .container .item .text em {
|
|||
}
|
||||
|
||||
main .main-2 .container .item .text span {
|
||||
/* font-family: "HarmonyOS_Sans_Bold" !important; */
|
||||
max-width: 17rem;
|
||||
line-height: 1.3;
|
||||
color: #ffffff;
|
||||
|
|
@ -912,7 +917,7 @@ main .main-3 h2 {
|
|||
|
||||
main .main-3 p{
|
||||
display: block;
|
||||
font-family: "HarmonyOS_Sans_Bold" !important;
|
||||
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||
max-width: 53rem;
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.47;
|
||||
|
|
@ -982,6 +987,7 @@ main .main-4 .container .item:hover .pull-bg{
|
|||
background-color: rgba(0, 0, 0, .6);
|
||||
}
|
||||
main .main-4 .container .item h3{
|
||||
font-family: "HarmonyOS_Sans_Bold" !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: 16.5rem;
|
||||
|
|
|
|||
|
|
@ -134,8 +134,13 @@
|
|||
display: flex;
|
||||
}
|
||||
|
||||
.member-container .container .text .text{
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.member-container .content-title a,
|
||||
.member-container .content-title span {
|
||||
font-family: "HarmonyOS_Sans_Bold" !important;
|
||||
display: inline-block;
|
||||
font-size: 0.9rem;
|
||||
border-bottom: 1px solid transparent;
|
||||
|
|
@ -312,6 +317,7 @@
|
|||
}
|
||||
|
||||
.member-container .form .bt a {
|
||||
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||
color: #00db6d;
|
||||
font-size: 0.9rem;
|
||||
transition: all .6s;
|
||||
|
|
@ -411,6 +417,7 @@
|
|||
}
|
||||
|
||||
.member-container .form input[type="submit"] {
|
||||
font-family: "HarmonyOS_Sans_Bold" !important;
|
||||
background-color: #00db6d;
|
||||
font-size: 0.85rem;
|
||||
height: 2.1rem;
|
||||
|
|
@ -438,7 +445,7 @@
|
|||
}
|
||||
|
||||
.member-container .o .line-tit span {
|
||||
font-size: "HarmonyOS_Sans_Medium" !important;
|
||||
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||
position: relative;
|
||||
color: #999;
|
||||
font-size: 0.85rem;
|
||||
|
|
|
|||
|
|
@ -74,14 +74,11 @@
|
|||
}
|
||||
|
||||
.see-banner h1 {
|
||||
font-family: "HarmonyOS_Sans_Black" !important;
|
||||
font-size: 2.4rem;
|
||||
font-size: 2rem;
|
||||
line-height: 1.2;
|
||||
padding: 5.4rem 0;
|
||||
line-height: 3.5rem !important;
|
||||
padding: 5rem 0;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
color: #ffffff;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
|
|
@ -90,6 +87,8 @@
|
|||
width: 5rem;
|
||||
height: 6.2rem;
|
||||
position: absolute;
|
||||
border-radius: 0.35rem;
|
||||
overflow: hidden;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
z-index: 0;
|
||||
|
|
@ -132,7 +131,7 @@
|
|||
margin-top: 2rem;
|
||||
}
|
||||
.main-4 {
|
||||
padding: 5rem 0 3.9rem;
|
||||
padding: 3.8rem 0 3.9rem;
|
||||
}
|
||||
|
||||
.main-4 .main-center{
|
||||
|
|
@ -173,11 +172,11 @@
|
|||
|
||||
.main-1{
|
||||
position: relative;
|
||||
padding: 0 0 5rem;
|
||||
padding: 0 0 4rem;
|
||||
}
|
||||
|
||||
.main-1>img{
|
||||
width: 24rem;
|
||||
width: 23rem;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 5rem;
|
||||
|
|
@ -187,7 +186,7 @@
|
|||
.main-1 .main-center{
|
||||
max-width: 70.31%;
|
||||
background-color: #00dced;
|
||||
padding: 3.6rem;
|
||||
padding: 2.5rem;
|
||||
}
|
||||
|
||||
.main-1 .main-title{
|
||||
|
|
@ -205,8 +204,9 @@
|
|||
font-family: "HarmonyOS_Sans_Bold" !important;
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.8;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 0;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 0 !important;
|
||||
text-align: center;
|
||||
}
|
||||
.main-1 .wrap p a{
|
||||
color: #ffffff;
|
||||
|
|
|
|||
|
|
@ -72,7 +72,7 @@
|
|||
font-size: 2.4rem;
|
||||
font-size: 2rem;
|
||||
line-height: 1.2;
|
||||
padding: 5.4rem 0;
|
||||
padding: 5.55rem 0;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
|
@ -101,7 +101,7 @@
|
|||
}
|
||||
|
||||
.see-container section.main-0 {
|
||||
padding-top: 5.5rem;
|
||||
padding-top: 3.35rem;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
|
|
@ -168,7 +168,7 @@
|
|||
}
|
||||
|
||||
.see-container .m1 {
|
||||
margin-top: 4rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.see-container .m1 em {
|
||||
|
|
@ -183,7 +183,7 @@
|
|||
}
|
||||
.see-container .main-1-1 .main-center{
|
||||
max-width: 70.31%;
|
||||
padding: 3rem 0 6rem;
|
||||
padding: 1rem 0 2rem;
|
||||
}
|
||||
|
||||
.see-container .main-1-1 .title{
|
||||
|
|
@ -226,7 +226,7 @@
|
|||
.see-container .main-1-1 .item{
|
||||
width: calc(33.33% - 0.5rem);
|
||||
background-color: #dedede;
|
||||
padding: 2.5rem 2rem 3rem 2.6rem;
|
||||
padding: 1.5rem 2rem 2rem 2.6rem;
|
||||
}
|
||||
.see-container .main-1-1 .item h4{
|
||||
font-family: "HarmonyOS_Sans_Black" !important;
|
||||
|
|
@ -236,7 +236,7 @@
|
|||
height: 3.5rem;
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.2;
|
||||
margin: 0 0 1.5rem;
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
.see-container .main-1-1 .item span{
|
||||
|
|
@ -281,12 +281,14 @@
|
|||
margin-top: 0.6rem;
|
||||
}
|
||||
|
||||
|
||||
.see-container .main-1-2 {
|
||||
padding-bottom: 4rem;
|
||||
}
|
||||
.see-container .main-1-2 .main-center{
|
||||
max-width: 100%;
|
||||
}
|
||||
.see-container .main-1-2 .main-title{
|
||||
margin-bottom: 3.75rem;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -295,11 +297,11 @@
|
|||
}
|
||||
.student-programs-swiper .swiper-slide{
|
||||
width: 100%;
|
||||
height: 37.85rem;
|
||||
height: 30rem;
|
||||
}
|
||||
.student-programs-swiper .swiper-slide img{
|
||||
width: 100%;
|
||||
min-height: 37.85rem;
|
||||
min-height: 30rem;
|
||||
}
|
||||
.student-programs-swiper .swiper-container-horizontal>.swiper-pagination-bullets{
|
||||
bottom: 1.25rem !important;
|
||||
|
|
@ -316,6 +318,9 @@
|
|||
width: 3.75rem;
|
||||
background-color: rgba(204, 202, 202, 1);
|
||||
}
|
||||
.main-4{
|
||||
padding-bottom: 4rem;
|
||||
}
|
||||
|
||||
.main-4 .main-center{
|
||||
max-width: 70.31%;
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 587 KiB After Width: | Height: | Size: 907 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 784 KiB After Width: | Height: | Size: 1.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 826 KiB After Width: | Height: | Size: 998 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.5 KiB |
Loading…
Reference in New Issue