第三部分完成二分之一
parent
86edec4d01
commit
cde4f5a2f9
|
|
@ -71,17 +71,17 @@
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="main-other-qa">
|
||||
<section class="main-other-qa wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="main-center container">
|
||||
<div class="content">
|
||||
<div class="left">
|
||||
<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h6>Help&Support</h6>
|
||||
<p>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">
|
||||
<div class="right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div>
|
||||
<p>LightCourse Student Services</p>
|
||||
<a href="mailto:studentservice@lightglobal.org"><strong>studentservice@lightglobal.org</strong></a>
|
||||
|
|
@ -98,7 +98,7 @@
|
|||
<footer>
|
||||
<div class="footer wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="main-center">
|
||||
<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
|
||||
<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="info">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">
|
||||
|
|
@ -107,7 +107,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.3s">
|
||||
<div class="right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/promotion">About Us</a>
|
||||
|
|
@ -136,7 +136,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
|
||||
<div class="copyright wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>
|
||||
<script>
|
||||
copyright = new Date();
|
||||
|
|
|
|||
|
|
@ -16,10 +16,10 @@
|
|||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/animate.css" />
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/semantic.min.css">
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/common.css" />
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/font_3136242_62t986otkc6.css">
|
||||
<script src="{$Think.HOME_SITE_ROOT}/new/js/jquery-2.1.1.min.js"></script>
|
||||
<script src="{$Think.HOME_SITE_ROOT}/new/js/jquery.cookie.js"></script>
|
||||
<script src="{$Think.HOME_SITE_ROOT}/new/js/common.js"></script>
|
||||
|
||||
<script>
|
||||
var BASESITEROOT = "{$Think.BASE_SITE_ROOT}";
|
||||
var HOMESITEROOT = "{$Think.HOME_SITE_ROOT}";
|
||||
|
|
@ -31,8 +31,7 @@
|
|||
<script src="{$Think.PLUGINS_SITE_ROOT}/jquery.validate.min.js"></script>
|
||||
<script src="{$Think.PLUGINS_SITE_ROOT}/layer/layer.js"></script>
|
||||
<script src="{$Think.PLUGINS_SITE_ROOT}/layer/laydate.js"></script>
|
||||
<link rel="stylesheet" href="//at.alicdn.com/t/font_3136242_62t986otkc6.css">
|
||||
<script src="//at.alicdn.com/t/font_3136242_11ioew7dvwo.js"></script>
|
||||
<script src="{$Think.HOME_SITE_ROOT}/new/js/font_3136242_11ioew7dvwo.js"></script>
|
||||
<!-- light -->
|
||||
<!-- <link type="text/css" rel="stylesheet" href="https://webfont.hellofont.cn/webfont/puhuiti-2?weight=45&family=puhuiti-2-45"> -->
|
||||
<!-- regular -->
|
||||
|
|
|
|||
|
|
@ -19,6 +19,10 @@
|
|||
margin-right: 4rem;
|
||||
}
|
||||
|
||||
.label span {
|
||||
font-size: .85rem;
|
||||
}
|
||||
|
||||
.label span:nth-of-type(3) {
|
||||
width: 5rem;
|
||||
}
|
||||
|
|
@ -122,20 +126,21 @@
|
|||
<!-- <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="left">
|
||||
<h2 class="wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.3s">7000+</h2>
|
||||
<h3 class="wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.3s">Featured For-Credit Courses</h3>
|
||||
<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>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s">
|
||||
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.
|
||||
</span>
|
||||
</div>
|
||||
<div class="img wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.3s"><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 action="" class="search-con1" id="filter">
|
||||
<h5 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">Please enter keywords</h5>
|
||||
<div class="inp wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
|
||||
<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">
|
||||
<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>
|
||||
|
|
@ -166,8 +171,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.3s">Position：Home > {$header_title_eng} </div>
|
||||
<div class="content con1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
|
||||
<div class="positionwow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Position：Home >
|
||||
{$header_title_eng} </div>
|
||||
<div class="content con1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="left">
|
||||
<h2>{$header_title_eng}</h2>
|
||||
<!-- <h3>所有课程</h3> -->
|
||||
|
|
@ -233,7 +239,7 @@
|
|||
{/foreach}
|
||||
{/notempty}
|
||||
</div>
|
||||
<div class="select-wrap wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
|
||||
<div class="select-wrap wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
{if (isset($checked_brand) && is_array($checked_brand)) || (isset($checked_attr) &&
|
||||
is_array($checked_attr))}
|
||||
<div id="selected">
|
||||
|
|
@ -259,14 +265,13 @@
|
|||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/if}
|
||||
|
||||
<!-- <div class="submit-btn">
|
||||
<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" style="display: flex;justify-content: flex-end;margin-top: 1rem;">
|
||||
<div class="show-num ui form wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0"
|
||||
style="display: flex;justify-content: flex-end;margin-top: 1rem;">
|
||||
<div class="field inline">
|
||||
<label>Show</label>
|
||||
<div class="ui selection dropdown">
|
||||
|
|
@ -283,13 +288,12 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main class="course wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<section class="main-1">
|
||||
<div class="main-center main-center-course container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
|
||||
<div class="main-center main-center-course container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="link linknone">
|
||||
<div class="label">
|
||||
<span>Course Title/Institution</span>
|
||||
|
|
@ -328,15 +332,15 @@
|
|||
</section>
|
||||
<section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="main-center container">
|
||||
<div class="t">
|
||||
<div class="t wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h2>FAQ</h2>
|
||||
<div class="more-btn">
|
||||
<a href="/qa">Learn more <em>></em></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="content wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<ul id="accordion1" class="accordion">
|
||||
<li>
|
||||
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<div class="link">
|
||||
<h5><span>01. Registration Procedure </span> <i></i></h5>
|
||||
</div>
|
||||
|
|
@ -347,7 +351,7 @@
|
|||
student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<div class="link">
|
||||
<h5><span>02. Tuition/Fees</span> <i></i></h5>
|
||||
</div>
|
||||
|
|
@ -368,7 +372,7 @@
|
|||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<div class="link">
|
||||
<h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
|
||||
</div>
|
||||
|
|
@ -389,7 +393,7 @@
|
|||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<li class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
|
||||
<div class="link">
|
||||
<h5><span>04. Complete Course Approval</span> <i></i></h5>
|
||||
</div>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -66,17 +66,17 @@
|
|||
</div>
|
||||
<div class="index-banner-info wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="left">
|
||||
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">The Services<br />We Provide</h2>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">7000+ College Courses</span>
|
||||
<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>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="item">
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">Featured For-Credit Courses</span>
|
||||
<em class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">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 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Featured For-Credit Courses</span>
|
||||
<em class="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>
|
||||
</div>
|
||||
<div class="item">
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">Study Abroad Programs</span>
|
||||
<em class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">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 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Study Abroad Programs</span>
|
||||
<em class="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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -84,8 +84,8 @@
|
|||
<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.3s">Featured For-Credit Courses</h2>
|
||||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
|
||||
<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">
|
||||
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.
|
||||
|
|
@ -94,13 +94,13 @@
|
|||
<div class="main-center container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
{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.3s">
|
||||
<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">
|
||||
<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.3s">{$goods.goods_name}</h3>
|
||||
<div class="par-con wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
|
||||
<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">
|
||||
<div class="par w100">
|
||||
<svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-xianshangliuliang"></use>
|
||||
|
|
@ -128,8 +128,8 @@
|
|||
</section>
|
||||
<section class="main-2 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.3s">Study Abroad Programs</h2>
|
||||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">
|
||||
<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">
|
||||
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.3s">
|
||||
<div class="main-center container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
{notempty name="program"}
|
||||
|
|
@ -170,8 +170,8 @@
|
|||
</section>
|
||||
<section class="main-3 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.3s">Our Vision</h2>
|
||||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">{$wish_en}</p>
|
||||
<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>
|
||||
</div>
|
||||
<div class="more-btn1">
|
||||
<a href="/promotion">Learn More</a>
|
||||
|
|
@ -180,21 +180,21 @@
|
|||
|
||||
<section class="main-4 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.3s">LightCourse Blog</h2>
|
||||
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.3s">News and live information about light course.</p>
|
||||
<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>
|
||||
</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.3s">
|
||||
<a href="/article/show?article_id={$val.article_id}" class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<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.3s">{$val['article_title']}</h3>
|
||||
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$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.3s">
|
||||
<div class="txt wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
{$val['article_desc']}
|
||||
</div>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -1,292 +1,352 @@
|
|||
{extend name="default/base/base_home" /}
|
||||
|
||||
{block name="mall_main"}
|
||||
<style>
|
||||
.partner-login{
|
||||
display: none;
|
||||
}
|
||||
.quick-login .mc .text{
|
||||
height: 100%;
|
||||
line-height: 1;
|
||||
}
|
||||
.dialog_title{
|
||||
height: 40px;
|
||||
}
|
||||
.clk{
|
||||
cursor: pointer;
|
||||
}
|
||||
.quick-login .mc dl dd{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.quick-login .mc dl dd::after{
|
||||
display: none;
|
||||
}
|
||||
.quick-login .mc dl dd input{
|
||||
width: auto !important;
|
||||
flex: 1;
|
||||
}
|
||||
.quick-login .mc dl dd img{
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/common.css">
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/semantic.min.css">
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/common.css" />
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/program.css">
|
||||
<style>
|
||||
.list-banner .con2 .filter-container{
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.list-banner .con2 .filter-container > div{
|
||||
flex: none;
|
||||
width: calc((100% - .5rem * 3) / 4);
|
||||
}
|
||||
@media screen and (max-width:768px){
|
||||
.list-banner .con2 .filter-container{
|
||||
justify-content: space-between;
|
||||
}
|
||||
.list-banner .con1 .img{
|
||||
display: none;
|
||||
}
|
||||
.list-banner .con1 .left{
|
||||
padding: 2rem 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.list-banner .con1 .left h2{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.list-banner .con2{
|
||||
padding-top: 1rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
if($(".select-wrap #selected div").text() == ""){
|
||||
sessionStorage.removeItem("flag")
|
||||
}
|
||||
$(".ui.dropdown").dropdown();
|
||||
})
|
||||
</script>
|
||||
<div class="list-banner">
|
||||
<div class="main-center container">
|
||||
<div class="position">Position: <a href="/">Home</a> > Programs </div>
|
||||
<div class="content con1">
|
||||
<div class="left">
|
||||
<h2>All Programs</h2>
|
||||
<!-- <h3>所有学校</h3> -->
|
||||
<p class="mb-block" style="text-align: center;">Study abroad summer programs</p>
|
||||
</div>
|
||||
<div class="img"><img src="{$Think.HOME_SITE_ROOT}/new/images/program.png" alt="program"></div>
|
||||
</div>
|
||||
|
||||
<hr style="height:0.5px;border:none;border-top:1px solid #E6E6FA"/>
|
||||
<!-- <div class="content con2" id="filter">
|
||||
<div class="filter-container ui form">
|
||||
{notempty name="attr_array"}
|
||||
{php}$j = 0;{/php}
|
||||
{foreach name="attr_array" item="val" key="key" }
|
||||
{php}$j++;{/php}
|
||||
{if !isset($checked_attr[$key]) && !empty($val['value']) && is_array($val['value'])}
|
||||
<div class="field">
|
||||
<label>{$val.name}</label>
|
||||
<div class="ui selection dropdown">
|
||||
<input type="hidden" name="gender">
|
||||
<i class="dropdown icon"></i>
|
||||
<div class="default text">{$val.name}</div>
|
||||
<div class="menu">
|
||||
{php}$i = 0;{/php}
|
||||
{foreach name="$val.value" item="v" key="k" }
|
||||
{php}$i++;{/php}
|
||||
<div value="{$v.attrvalue_id}" class="item" data-value="1" >
|
||||
{$v.attrvalue_name}
|
||||
</div>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
{/foreach}
|
||||
{/notempty}
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>-->
|
||||
<!--<div class="select-wrap">
|
||||
{if (isset($checked_brand) && is_array($checked_brand)) || (isset($checked_attr) && is_array($checked_attr))}
|
||||
<div id="selected">
|
||||
<p>You have selected:</p>
|
||||
<div>
|
||||
{notempty name="checked_brand"}
|
||||
|
||||
{foreach name="checked_brand" item="val" key="key" }
|
||||
<a href="{:removeParam(array('b_id' => $key))}"><span>{$Think.lang.ds_brand}:</span>{$val.brand_name}<i
|
||||
data-uri="{:removeParam(array('b_id' => $key))}">X</i></a>
|
||||
{/foreach}
|
||||
|
||||
{/notempty}
|
||||
|
||||
{notempty name="checked_attr"}
|
||||
|
||||
{foreach name="checked_attr" item="val"}
|
||||
<a href="{:removeParam(array('a_id' => $val['attrvalue_id']))}"><span>{$val.attr_name}:</span>{$val.attrvalue_name}<i
|
||||
data-uri="{:removeParam(array('b_id' => $key))}">X</i></a>
|
||||
{/foreach}
|
||||
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="submit-btn">
|
||||
<a href="javascript:;">Click on the query</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>-->
|
||||
</div>
|
||||
|
||||
<main class="program">
|
||||
<section class="main-1">
|
||||
<div class="main-center container">
|
||||
|
||||
{foreach name="class" item="value"}
|
||||
<div class="link">
|
||||
<div class="con">
|
||||
<a class="img" href="/Goods/program?gc_id={$value.gc_id}" target="_blank"><img src="/uploads/home/common/{$value.gc_image}" alt=""></a>
|
||||
<div class="text">
|
||||
<a href="/Goods/program?gc_id={$value.gc_id}" target="_blank"><h3><span>Program Name:</span> {$value.gc_name}</h3></a>
|
||||
<a href="/Goods/program?gc_id={$value.gc_id}" target="_blank"><h3><span>Partner Institution:</span> {$value.pro_college}</h3></a>
|
||||
<div class="field">
|
||||
<div>Time: <span>{$value.pro_period}</span></div>
|
||||
<div>Location: <span>{$value.pro_locate}</span></div>
|
||||
<div>Type: <span>Study abroad</span></div>
|
||||
<div>No. of courses: <span>{$value.pro_course}</span></div>
|
||||
<div>Length: <span>{$value.pro_duration}</span></div>
|
||||
<div>Popularity: <div class="icon-start">
|
||||
<div class="i-start">
|
||||
<div class="i">
|
||||
<svg class="iconf" aria-hidden="true">
|
||||
<use xlink:href="#icon-icon"></use>
|
||||
</svg>
|
||||
<svg class="iconf" aria-hidden="true">
|
||||
<use xlink:href="#icon-icon"></use>
|
||||
</svg>
|
||||
<svg class="iconf" aria-hidden="true">
|
||||
<use xlink:href="#icon-icon"></use>
|
||||
</svg>
|
||||
<svg class="iconf" aria-hidden="true">
|
||||
<use xlink:href="#icon-icon"></use>
|
||||
</svg>
|
||||
<svg class="iconf" aria-hidden="true">
|
||||
<use xlink:href="#icon-icon"></use>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<object class="link-btn">
|
||||
<a href="/Goods/program?gc_id={$value.gc_id}" class="b">Learn more</a>
|
||||
</object>
|
||||
</div>
|
||||
{/foreach}
|
||||
|
||||
</div>
|
||||
</section>
|
||||
<div class="pagination">{$show_page|raw}</div>
|
||||
</main>
|
||||
<script>
|
||||
|
||||
if(sessionStorage.getItem("flag")){
|
||||
$(window).scrollTop($("#filter").offset().top)
|
||||
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
// 获取参数
|
||||
function getQueryString(name) {
|
||||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
||||
var r = window.location.search.substr(1).match(reg);
|
||||
if (r != null) {
|
||||
return unescape(r[2]);
|
||||
};
|
||||
return null;
|
||||
}
|
||||
// 参数修改 目标url,替换参数名,替换参数值
|
||||
function changeURLArg(url,arg,arg_val){
|
||||
var pattern=arg+'=([^&]*)';
|
||||
var replaceText=arg+'='+arg_val;
|
||||
if(url.match(pattern)){
|
||||
var tmp='/('+ arg+'=)([^&]*)/gi';
|
||||
tmp=url.replace(eval(tmp),replaceText);
|
||||
return tmp;
|
||||
}else{
|
||||
if(url.match('[\?]')){
|
||||
return url+'&'+replaceText;
|
||||
}else{
|
||||
return url+'?'+replaceText;
|
||||
}
|
||||
}
|
||||
}
|
||||
var arr = []
|
||||
$(".filter-container .menu > .item").on("click", function () {
|
||||
sessionStorage.setItem("flag", 1)
|
||||
if ($(this).attr("value") != undefined) {
|
||||
arr.push($(this).attr("value"))
|
||||
}
|
||||
$.each($(".filter-container .field"), function () {
|
||||
if ($(".filter-container .field").find(".active").length == $(".filter-container .field").length) {
|
||||
var str;
|
||||
if (getQueryString("a_id") == '0') {
|
||||
var url = window.location.href
|
||||
var str = ""
|
||||
arr.forEach((item, index) => {
|
||||
if (index === 0) {
|
||||
str += item
|
||||
} else {
|
||||
str += "_"
|
||||
str += item
|
||||
}
|
||||
});
|
||||
window.location.href = changeURLArg(url, "a_id", str)
|
||||
} else {
|
||||
if (window.location.search.indexOf("a_id") !== -1) {
|
||||
var url = window.location.href
|
||||
var str = getQueryString("a_id")
|
||||
arr.forEach((item, index) => {
|
||||
str += "_"
|
||||
str += item
|
||||
});
|
||||
window.location.href = changeURLArg(url, "a_id", str)
|
||||
} else {
|
||||
if (window.location.search == "") {
|
||||
str = "/program?a_id="
|
||||
} else {
|
||||
str = window.location.search + "&a_id="
|
||||
}
|
||||
arr.forEach((item, index) => {
|
||||
if (index === 0) {
|
||||
str += item
|
||||
} else {
|
||||
str += "_"
|
||||
str += item
|
||||
}
|
||||
});
|
||||
window.location.href = str
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
</script>
|
||||
{extend name="default/base/base_home" /}
|
||||
|
||||
{block name="mall_main"}
|
||||
<style>
|
||||
.partner-login {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.quick-login .mc .text {
|
||||
height: 100%;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.dialog_title {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.clk {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.quick-login .mc dl dd {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.quick-login .mc dl dd::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.quick-login .mc dl dd input {
|
||||
width: auto !important;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.quick-login .mc dl dd img {
|
||||
height: 36px;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/program.css">
|
||||
<style>
|
||||
.list-banner .con2 .filter-container {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.list-banner .con2 .filter-container>div {
|
||||
flex: none;
|
||||
width: calc((100% - .5rem * 3) / 4);
|
||||
}
|
||||
|
||||
@media screen and (max-width:768px) {
|
||||
.list-banner .con2 .filter-container {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.list-banner .con1 .img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.list-banner .con1 .left {
|
||||
padding: 2rem 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.list-banner .con1 .left h2 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.list-banner .con2 {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
if ($(".select-wrap #selected div").text() == "") {
|
||||
sessionStorage.removeItem("flag")
|
||||
}
|
||||
$(".ui.dropdown").dropdown();
|
||||
})
|
||||
</script>
|
||||
<div class="program-top">
|
||||
<div class="main-center container">
|
||||
<h2>STUDY ABROAD<br />PROGRAMS</h2>
|
||||
<span>
|
||||
In collaboration with our global partner institutions, <br />
LightCourse offers 7000+ accredited college courses<br />
encompassing 300+ majors and disciplines. <br />
Join us today to earn college credits in a flexible and saving way.
|
||||
</span>
|
||||
<div class="program-btn">
|
||||
<a href="">All Programs<em>></em></a>
|
||||
</div>
|
||||
</div>
|
||||
<img src="{$Think.HOME_SITE_ROOT}/new/images/program-top-bg.png" alt="背景">
|
||||
</div>
|
||||
<div class="list-banner">
|
||||
<div class="main-center container" style="display: none;">
|
||||
<div class="position">Position: <a href="/">Home</a> > Programs </div>
|
||||
<div class="content con1">
|
||||
<div class="left">
|
||||
<h2>All Programs</h2>
|
||||
<p class="mb-block" style="text-align: center;">Study abroad summer programs</p>
|
||||
</div>
|
||||
<div class="img"><img src="{$Think.HOME_SITE_ROOT}/new/images/program.png" alt="program"></div>
|
||||
</div>
|
||||
<hr style="height:0.5px;border:none;border-top:1px solid #E6E6FA" />
|
||||
<!-- <div class="content con2" id="filter">
|
||||
<div class="filter-container ui form">
|
||||
{notempty name="attr_array"}
|
||||
{php}$j = 0;{/php}
|
||||
{foreach name="attr_array" item="val" key="key" }
|
||||
{php}$j++;{/php}
|
||||
{if !isset($checked_attr[$key]) && !empty($val['value']) && is_array($val['value'])}
|
||||
<div class="field">
|
||||
<label>{$val.name}</label>
|
||||
<div class="ui selection dropdown">
|
||||
<input type="hidden" name="gender">
|
||||
<i class="dropdown icon"></i>
|
||||
<div class="default text">{$val.name}</div>
|
||||
<div class="menu">
|
||||
{php}$i = 0;{/php}
|
||||
{foreach name="$val.value" item="v" key="k" }
|
||||
{php}$i++;{/php}
|
||||
<div value="{$v.attrvalue_id}" class="item" data-value="1" >
|
||||
{$v.attrvalue_name}
|
||||
</div>
|
||||
{/foreach}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
{/foreach}
|
||||
{/notempty}
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>-->
|
||||
<!--<div class="select-wrap">
|
||||
{if (isset($checked_brand) && is_array($checked_brand)) || (isset($checked_attr) && is_array($checked_attr))}
|
||||
<div id="selected">
|
||||
<p>You have selected:</p>
|
||||
<div>
|
||||
{notempty name="checked_brand"}
|
||||
|
||||
{foreach name="checked_brand" item="val" key="key" }
|
||||
<a href="{:removeParam(array('b_id' => $key))}"><span>{$Think.lang.ds_brand}:</span>{$val.brand_name}<i
|
||||
data-uri="{:removeParam(array('b_id' => $key))}">X</i></a>
|
||||
{/foreach}
|
||||
|
||||
{/notempty}
|
||||
|
||||
{notempty name="checked_attr"}
|
||||
|
||||
{foreach name="checked_attr" item="val"}
|
||||
<a href="{:removeParam(array('a_id' => $val['attrvalue_id']))}"><span>{$val.attr_name}:</span>{$val.attrvalue_name}<i
|
||||
data-uri="{:removeParam(array('b_id' => $key))}">X</i></a>
|
||||
{/foreach}
|
||||
|
||||
{/notempty}
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
<div class="submit-btn">
|
||||
<a href="javascript:;">Click on the query</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>-->
|
||||
</div>
|
||||
</div>
|
||||
<main class="program">
|
||||
<img src="{$Think.HOME_SITE_ROOT}/new/images/program-swiper-bg.png" alt="背景">
|
||||
<section class="main-1">
|
||||
<div class="main-center container">
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
{foreach name="class" item="value" key="index"}
|
||||
<a href="/Goods/program?gc_id={$value.gc_id}" target="_blank" class="swiper-slide">
|
||||
<em class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0">{if $index>=9}{$index + 1}{else}0{$index + 1}{/if}</em>
|
||||
<img src="/uploads/home/common/{$value.gc_image}" alt="">
|
||||
<div class="program-txt">
|
||||
<span class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0">Program Name</span>
|
||||
<em class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">{$value.gc_name}</em>
|
||||
</div>
|
||||
</a>
|
||||
{/foreach}
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
|
||||
{foreach name="class" item="value"}
|
||||
<div class="link" style="display: none;">
|
||||
<div class="con">
|
||||
<a class="img" href="/Goods/program?gc_id={$value.gc_id}" target="_blank"><img
|
||||
src="/uploads/home/common/{$value.gc_image}" alt=""></a>
|
||||
<div class="text">
|
||||
<a href="/Goods/program?gc_id={$value.gc_id}" target="_blank">
|
||||
<h3><span>Program Name:</span> {$value.gc_name}</h3>
|
||||
</a>
|
||||
<a href="/Goods/program?gc_id={$value.gc_id}" target="_blank">
|
||||
<h3><span>Partner Institution:</span> {$value.pro_college}</h3>
|
||||
</a>
|
||||
<div class="field">
|
||||
<div>Time: <span>{$value.pro_period}</span></div>
|
||||
<div>Location: <span>{$value.pro_locate}</span></div>
|
||||
<div>Type: <span>Study abroad</span></div>
|
||||
<div>No. of courses: <span>{$value.pro_course}</span></div>
|
||||
<div>Length: <span>{$value.pro_duration}</span></div>
|
||||
<div>Popularity: <div class="icon-start">
|
||||
<div class="i-start">
|
||||
<div class="i">
|
||||
<svg class="iconf" aria-hidden="true">
|
||||
<use xlink:href="#icon-icon"></use>
|
||||
</svg>
|
||||
<svg class="iconf" aria-hidden="true">
|
||||
<use xlink:href="#icon-icon"></use>
|
||||
</svg>
|
||||
<svg class="iconf" aria-hidden="true">
|
||||
<use xlink:href="#icon-icon"></use>
|
||||
</svg>
|
||||
<svg class="iconf" aria-hidden="true">
|
||||
<use xlink:href="#icon-icon"></use>
|
||||
</svg>
|
||||
<svg class="iconf" aria-hidden="true">
|
||||
<use xlink:href="#icon-icon"></use>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<object class="link-btn">
|
||||
<a href="/Goods/program?gc_id={$value.gc_id}" class="b">Learn more</a>
|
||||
</object>
|
||||
</div>
|
||||
{/foreach}
|
||||
</div>
|
||||
</section>
|
||||
<div class="pagination">{$show_page|raw}</div>
|
||||
</main>
|
||||
<script>
|
||||
if (sessionStorage.getItem("flag")) {
|
||||
$(window).scrollTop($("#filter").offset().top)
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
// 获取参数
|
||||
function getQueryString(name) {
|
||||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
||||
var r = window.location.search.substr(1).match(reg);
|
||||
if (r != null) {
|
||||
return unescape(r[2]);
|
||||
};
|
||||
return null;
|
||||
}
|
||||
// 参数修改 目标url,替换参数名,替换参数值
|
||||
function changeURLArg(url, arg, arg_val) {
|
||||
var pattern = arg + '=([^&]*)';
|
||||
var replaceText = arg + '=' + arg_val;
|
||||
if (url.match(pattern)) {
|
||||
var tmp = '/(' + arg + '=)([^&]*)/gi';
|
||||
tmp = url.replace(eval(tmp), replaceText);
|
||||
return tmp;
|
||||
} else {
|
||||
if (url.match('[\?]')) {
|
||||
return url + '&' + replaceText;
|
||||
} else {
|
||||
return url + '?' + replaceText;
|
||||
}
|
||||
}
|
||||
}
|
||||
var arr = []
|
||||
$(".filter-container .menu > .item").on("click", function() {
|
||||
sessionStorage.setItem("flag", 1)
|
||||
if ($(this).attr("value") != undefined) {
|
||||
arr.push($(this).attr("value"))
|
||||
}
|
||||
$.each($(".filter-container .field"), function() {
|
||||
if ($(".filter-container .field").find(".active").length == $(".filter-container .field")
|
||||
.length) {
|
||||
var str;
|
||||
if (getQueryString("a_id") == '0') {
|
||||
var url = window.location.href
|
||||
var str = ""
|
||||
arr.forEach((item, index) => {
|
||||
if (index === 0) {
|
||||
str += item
|
||||
} else {
|
||||
str += "_"
|
||||
str += item
|
||||
}
|
||||
});
|
||||
window.location.href = changeURLArg(url, "a_id", str)
|
||||
} else {
|
||||
if (window.location.search.indexOf("a_id") !== -1) {
|
||||
var url = window.location.href
|
||||
var str = getQueryString("a_id")
|
||||
arr.forEach((item, index) => {
|
||||
str += "_"
|
||||
str += item
|
||||
});
|
||||
window.location.href = changeURLArg(url, "a_id", str)
|
||||
} else {
|
||||
if (window.location.search == "") {
|
||||
str = "/program?a_id="
|
||||
} else {
|
||||
str = window.location.search + "&a_id="
|
||||
}
|
||||
arr.forEach((item, index) => {
|
||||
if (index === 0) {
|
||||
str += item
|
||||
} else {
|
||||
str += "_"
|
||||
str += item
|
||||
}
|
||||
});
|
||||
window.location.href = str
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<script>
|
||||
$(function(){
|
||||
var programSwiper = new Swiper('.program .swiper-container',{
|
||||
loop:false,//开启循环播放
|
||||
autoplay: true, //自动播放
|
||||
effect : 'slide',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。
|
||||
pagination: {
|
||||
el: '.program .swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
on:{
|
||||
init: function(){
|
||||
swiperAnimateCache(this); // 隐藏动画元素
|
||||
swiperAnimate(this); // 初始化完成开始动画
|
||||
},
|
||||
slideChangeTransitionEnd: function(){
|
||||
swiperAnimate(this); // 每个slide切换结束时也运行当前slide动画
|
||||
// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
|
||||
},
|
||||
}
|
||||
});
|
||||
})
|
||||
</script>
|
||||
{/block}
|
||||
|
|
@ -2,120 +2,127 @@
|
|||
|
||||
|
||||
{block name="mall_main"}
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/semantic.min.css">
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/common.css" />
|
||||
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/course.css">
|
||||
<style>
|
||||
#mb-header .accordion{
|
||||
display: block;
|
||||
}
|
||||
.content-ul {
|
||||
flex: 1;
|
||||
}
|
||||
#mb-header .accordion {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.accordion {
|
||||
flex: 1;
|
||||
display: none;
|
||||
}
|
||||
.content-ul {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.accordion.active {
|
||||
display: block;
|
||||
}
|
||||
.accordion {
|
||||
flex: 1;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-QA .content {
|
||||
display: flex;
|
||||
}
|
||||
.accordion.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main-QA .content .left-tabs span {
|
||||
display: block;
|
||||
font-size: .9rem;
|
||||
font-weight: bold;
|
||||
position: relative;
|
||||
padding: 1rem 0;
|
||||
min-width: 12rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
.main-QA .content {
|
||||
max-width: 76.4rem;
|
||||
}
|
||||
|
||||
.main-QA .content .left-tabs{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 3.3rem;
|
||||
}
|
||||
|
||||
.main-QA .content .left-tabs span::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 104%;
|
||||
width: 3rem;
|
||||
border-bottom: 3px solid #3b52f6;
|
||||
display: none;
|
||||
}
|
||||
.main-QA .content .left-tabs span {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: calc(25% - 0.45rem);
|
||||
background-color: #dedede;
|
||||
height: 5.1rem;
|
||||
font-size: 1rem;
|
||||
margin-top: 0.4rem;
|
||||
text-align: center;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.main-QA .content .left-tabs span.active {
|
||||
color: #3b52f6;
|
||||
}
|
||||
.main-QA .content .left-tabs span.active {
|
||||
background-color: #3b52f6;
|
||||
color: #ffff1b;
|
||||
}
|
||||
|
||||
.main-QA .content .left-tabs span.active::before {
|
||||
display: block;
|
||||
}
|
||||
.main-QA .content .left-tabs span.active::before {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media screen and (max-width:768px) {
|
||||
.main-QA .content {
|
||||
flex-direction: column;
|
||||
}
|
||||
@media screen and (max-width:768px) {
|
||||
.main-QA .content {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.main-QA .content .left-tabs {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.main-QA .content .left-tabs {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.main-QA .content .left-tabs span {
|
||||
min-width: initial;
|
||||
margin-right: 1rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.main-QA .content .left-tabs span {
|
||||
min-width: initial;
|
||||
margin-right: 1rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.main-QA .content .left-tabs span::before {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
}
|
||||
.main-QA .content .left-tabs span::before {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$('.main-QA .content .left-tabs span').on('click', function () {
|
||||
$(this).addClass("active").siblings().removeClass("active")
|
||||
$(".content-ul > ul").eq($(this).index()).addClass("active").siblings().removeClass("active")
|
||||
})
|
||||
$(document).ready(function() {
|
||||
$('.main-QA .content .left-tabs span').on('click', function() {
|
||||
$(this).addClass("active").siblings().removeClass("active")
|
||||
$(".content-ul > ul").eq($(this).index()).addClass("active").siblings().removeClass("active")
|
||||
})
|
||||
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<div class="list-banner">
|
||||
<div class="main-center container">
|
||||
<div class="position">Position：Home > Questions </div>
|
||||
<div class="content con1">
|
||||
<div class="left">
|
||||
<h2>Frequently Asked<br>Questions</h2>
|
||||
<!-- <h3>常见问题</h3> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="qa-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="main-center wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<h1>FAQ</h1>
|
||||
<span>Solve your confusion</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="qa-titie-info wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="main-center container">
|
||||
<!-- <div class="position">Position：Home > Questions </div> -->
|
||||
<div class="content con1">
|
||||
<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
|
||||
<span>FAQ</span>
|
||||
<h2>Frequently Asked Questions</h2>
|
||||
<h3>"Credit transfer" refers to the process by which educational institutions evaluate and accept credits earned elsewhere. The accep-<br />tance of transfer credits is determined by the student's home institution.</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<main class="course">
|
||||
<section class="main-QA">
|
||||
<div class="main-center container">
|
||||
<div class="content">
|
||||
<div class="left-tabs">
|
||||
<span class="active">Registration Procedure </span>
|
||||
<span>Tuition/Fees</span>
|
||||
<span >Select the Right Course(s) for You</span>
|
||||
<span>Complete Course Approval</span>
|
||||
<span >Registration for the selected program/course</span>
|
||||
<span>Obtain student manual</span>
|
||||
<span>In-person course check-in</span>
|
||||
<span >Begin Classes</span>
|
||||
<span >Grades</span>
|
||||
<span >Transcripts</span>
|
||||
<span >Credit Transfer Procedure</span>
|
||||
<span >Can I transfer credits?</span>
|
||||
</div>
|
||||
<!-- <div class="content-ul">
|
||||
<section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
|
||||
<div class="main-center container">
|
||||
<div class="content">
|
||||
<div class="left-tabs">
|
||||
<span class="active wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Registration Procedure </span>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Tuition/Fees</span>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Select the Right Course(s) for You</span>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Complete Course Approval</span>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Registration for the<br />selected program/course</span>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Obtain student manual</span>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">In-person course check-in</span>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Begin Classes</span>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Grades</span>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Transcripts</span>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Credit Transfer Procedure</span>
|
||||
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Can I transfer credits?</span>
|
||||
</div>
|
||||
<!-- <div class="content-ul">
|
||||
<ul id="accordion1" class="accordion active">
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
|
|
@ -242,219 +249,256 @@
|
|||
|
||||
</ul>
|
||||
</div> -->
|
||||
<div class="content-ul">
|
||||
<ul id="accordion1" class="accordion active">
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>Registration Procedure </span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<h6>Online registration process</h6>
|
||||
<p>Pay tuition - Select course - Course approval - Course registration - Sign the agreement - Receive student manual- Begin classes - Get grades - Send transcripts - Transfer credits</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="accordion2" class="accordion">
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>01. Pricing</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>All courses offered on LightCourse are priced individually based on the institution offering the course. Please check the top right of the course page for specific prices or contact your advisor for a one-on-one consultation.</p>
|
||||
</div>
|
||||
</li>
|
||||
<div class="content-ul qa-content-ul">
|
||||
<ul id="accordion1" class="accordion active">
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>Online registration process</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>Pay tuition - Select course - Course approval - Course registration - Sign the
|
||||
agreement - Receive student manual- Begin classes - Get grades - Send transcripts -
|
||||
Transfer credits</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="accordion2" class="accordion">
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>01. Pricing</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>All courses offered on LightCourse are priced individually based on the institution
|
||||
offering the course. Please check the top right of the course page for specific
|
||||
prices or contact your advisor for a one-on-one consultation.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>02. Payment</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>LightCourse offers a variety of payment methods. Tuition can be paid in USD or RMB,
|
||||
WeChat, Alipay, bank transfer, and PayPal transfer are all accepted.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>03. Fees</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>The course price, application fee, and file management charge are included in the
|
||||
pricing. However, other fees—such as those covering course materials, third-party
|
||||
platforms such as Cengage, Labster, and other course-related costs such as VPN,
|
||||
accommodation, etc.—may apply. Contact your advisor for a one-on-one consultation.
|
||||
</p>
|
||||
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>02. Payment</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>LightCourse offers a variety of payment methods. Tuition can be paid in USD or RMB, WeChat, Alipay, bank transfer, and PayPal transfer are all accepted.</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>03. Fees</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>The course price, application fee, and file management charge are included in the pricing. However, other fees—such as those covering course materials, third-party platforms such as Cengage, Labster, and other course-related costs such as VPN, accommodation, etc.—may apply. Contact your advisor for a one-on-one consultation.</p>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<ul id="accordion3" class="accordion">
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>Choosing the best program/course for your needs</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>
|
||||
Throughout the year, LightCourse offers programs and courses from institutions around the world in a variety of disciplines, including engineering, business, natural sciences, social sciences, humanities, and arts. These courses are intended to meet the needs of a wide range of students seeking major, elective, and general education courses. There are a variety of study alternatives available, including online for-credit courses (live/recorded/self-paced) and in-person courses, as well as study abroad programs.
|
||||
</p>
|
||||
<p>LightCourse will provide you with an advisor who will work directly with you to help determine the best options for your needs.</p>
|
||||
<p>(Note: Since all courses have limited capacity, we recommend registering as soon as possible to ensure a spot.)</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="accordion4" class="accordion">
|
||||
|
||||
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>Does my home school approve these courses?</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>LightCourse will provide you with an advisor who will provide you with one-on-one support throughout the transfer process according to your university's transfer credit policy to ensure that you can complete the credit transfer successfully.</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<ul id="accordion5" class="accordion">
|
||||
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>01. How do I register for a program/course?</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>After selecting a course and completing the course approval, you will need to submit the required documents for registration to LightCourse. We will then assist you in completing your course registration.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>02. What information is required to register for a program/course?</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>The information needed for registration varies from program to program, but it always includes basic personal information and educational background. You may be asked to provide your transcripts from your home institution as well as the front page of your passport, depending on the program. (Please note that any personal information provided by students is used solely for course registration.)</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
<ul id="accordion6" class="accordion">
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>About student manual</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>The Student Manual, which contains the student account, password, and procedures for the online course system, will be emailed to each student before the start of the course. <br>
|
||||
If you do not receive the manual on time, check the spam folder of the personal email address you provided at registration. Please notify your adviser if you do not find it there, and we will resend the manual.</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
<ul id="accordion7" class="accordion">
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>About In-person check-in</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>
|
||||
LightCourse will notify students of the specific time and location of in-person course check-in via email in advance. Please check the group message or mailbox to ensure that you arrive on time. If you are unable to report on time, please notify your adviser as soon as possible. You will be given another check-in date by the school.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<ul id="accordion8" class="accordion">
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>About the use of online learning system/platform</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>Online courses generally use the online learning system/platform of each school. It is recommended that students use Chrome or Firefox browsers (with high browser compatibility) to log in to the class platform to avoid webpage malfunctions that may prevent the class from running smoothly. <br>
|
||||
To log in and use the online learning system/platform, follow the instructions in the Student Manual. You will see the Syllabus/assignments/exams and other course details once you have successfully logged into the system/platform. <br>
|
||||
If the course information is not displayed in the system/platform, it is possible that the course has not yet begun and that the information has not yet been synchronized to the system. You can recheck it after 9:00 a.m. on the day the course begins (refer to the standard time in the location where the course begins). Please contact your advisor if the information has not yet been shown.</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<ul id="accordion9" class="accordion">
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>About grades</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>
|
||||
Final grades are generally available one week after the end of class, and some programs will post grades at the end of the entire semester. The actual time will be determined by the instructor's/institution's announcement. When grades are available, LightCourse advisors will send text messages to students informing them how to access them. <br>
|
||||
The general transfer credit standard at North American institutions requires a grade of C or better. Please verify your school's transfer credit policy for specific transfer credit requirements. Students can look for grade requirements and related grade classification in the course syllabus. If a student's grade isn't satisfactory, they can choose to re-enroll in the course based on their circumstances.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
<ul id="accordion10" class="accordion">
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>01. How to send transcripts to my school after completing classes?</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>
|
||||
Transcripts will be given out within 1-2 weeks of the final grades being posted. The actual delivery time is determined by the school's availability. You can view and request your transcript on the official website of the institution offering the course and have it sent to your school. Or you can also contact your LightCourse advisor for assistance in requesting and delivering transcripts. If you do not receive your transcript, please contact LightCourse, and we will help you request another transcript.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>02. How do I request transcripts if I need them in the future?</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>
|
||||
You can reapply for transcripts on the official website of the institution offering the course if you need them in the future (e.g., school transfer, graduate school application, academic certification, etc.). Please contact us at studentservice@lightglobal.org if you have any questions during the process.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
<ul id="accordion11" class="accordion">
|
||||
|
||||
|
||||
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>About credit transfer</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>
|
||||
The Transfer Credit Office of your school will transfer credits according to its protocols and standards once the transcripts have been received. You can email the office to inquire about your transfer credits' status. You can check the status of your credits in your student system once the credits have been transferred. Contact your LightCourse advisor at studentservice@lightglobal.org if you need help with the credit transfer process.
|
||||
</p>
|
||||
<p>Note: Each school's standards on GPA for off-campus courses and precise grade requirements for transfer credits vary.</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
|
||||
|
||||
</ul>
|
||||
<ul id="accordion12" class="accordion">
|
||||
<li>
|
||||
<div class="link">
|
||||
<h5><span>Can these credits be transferred back to my school?</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>LightCourse will provide you with a professional course advisor who will provide you with one-on-one support throughout the transfer process according to your university's transfer credit policy to ensure that you can complete the transfer effectively.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="accordion3" class="accordion">
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>Choosing the best program/course for your needs</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>
|
||||
Throughout the year, LightCourse offers programs and courses from institutions
|
||||
around the world in a variety of disciplines, including engineering, business,
|
||||
natural sciences, social sciences, humanities, and arts. These courses are intended
|
||||
to meet the needs of a wide range of students seeking major, elective, and general
|
||||
education courses. There are a variety of study alternatives available, including
|
||||
online for-credit courses (live/recorded/self-paced) and in-person courses, as well
|
||||
as study abroad programs.
|
||||
</p>
|
||||
<p>LightCourse will provide you with an advisor who will work directly with you to help
|
||||
determine the best options for your needs.</p>
|
||||
<p>(Note: Since all courses have limited capacity, we recommend registering as soon as
|
||||
possible to ensure a spot.)</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="accordion4" class="accordion">
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>Does my home school approve these courses?</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>LightCourse will provide you with an advisor who will provide you with one-on-one
|
||||
support throughout the transfer process according to your university's transfer
|
||||
credit policy to ensure that you can complete the credit transfer successfully.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="accordion5" class="accordion">
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>01. How do I register for a program/course?</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>After selecting a course and completing the course approval, you will need to submit
|
||||
the required documents for registration to LightCourse. We will then assist you in
|
||||
completing your course registration.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>02. What information is required to register for a program/course?</span>
|
||||
<i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>The information needed for registration varies from program to program, but it always
|
||||
includes basic personal information and educational background. You may be asked to
|
||||
provide your transcripts from your home institution as well as the front page of
|
||||
your passport, depending on the program. (Please note that any personal information
|
||||
provided by students is used solely for course registration.)</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="accordion6" class="accordion">
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>About student manual</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>The Student Manual, which contains the student account, password, and procedures for
|
||||
the online course system, will be emailed to each student before the start of the
|
||||
course. <br>
|
||||
If you do not receive the manual on time, check the spam folder of the personal
|
||||
email address you provided at registration. Please notify your adviser if you do not
|
||||
find it there, and we will resend the manual.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="accordion7" class="accordion">
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>About In-person check-in</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>
|
||||
LightCourse will notify students of the specific time and location of in-person
|
||||
course check-in via email in advance. Please check the group message or mailbox to
|
||||
ensure that you arrive on time. If you are unable to report on time, please notify
|
||||
your adviser as soon as possible. You will be given another check-in date by the
|
||||
school.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="accordion8" class="accordion">
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>About the use of online learning system/platform</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>Online courses generally use the online learning system/platform of each school. It
|
||||
is recommended that students use Chrome or Firefox browsers (with high browser
|
||||
compatibility) to log in to the class platform to avoid webpage malfunctions that
|
||||
may prevent the class from running smoothly. <br>
|
||||
To log in and use the online learning system/platform, follow the instructions in
|
||||
the Student Manual. You will see the Syllabus/assignments/exams and other course
|
||||
details once you have successfully logged into the system/platform. <br>
|
||||
If the course information is not displayed in the system/platform, it is possible
|
||||
that the course has not yet begun and that the information has not yet been
|
||||
synchronized to the system. You can recheck it after 9:00 a.m. on the day the course
|
||||
begins (refer to the standard time in the location where the course begins). Please
|
||||
contact your advisor if the information has not yet been shown.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="accordion9" class="accordion">
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>About grades</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>
|
||||
Final grades are generally available one week after the end of class, and some
|
||||
programs will post grades at the end of the entire semester. The actual time will be
|
||||
determined by the instructor's/institution's announcement. When grades are
|
||||
available, LightCourse advisors will send text messages to students informing them
|
||||
how to access them. <br>
|
||||
The general transfer credit standard at North American institutions requires a grade
|
||||
of C or better. Please verify your school's transfer credit policy for specific
|
||||
transfer credit requirements. Students can look for grade requirements and related
|
||||
grade classification in the course syllabus. If a student's grade isn't
|
||||
satisfactory, they can choose to re-enroll in the course based on their
|
||||
circumstances.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="accordion10" class="accordion">
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>01. How to send transcripts to my school after completing classes?</span>
|
||||
<i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>
|
||||
Transcripts will be given out within 1-2 weeks of the final grades being posted. The
|
||||
actual delivery time is determined by the school's availability. You can view and
|
||||
request your transcript on the official website of the institution offering the
|
||||
course and have it sent to your school. Or you can also contact your LightCourse
|
||||
advisor for assistance in requesting and delivering transcripts. If you do not
|
||||
receive your transcript, please contact LightCourse, and we will help you request
|
||||
another transcript.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>02. How do I request transcripts if I need them in the future?</span> <i></i>
|
||||
</h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>
|
||||
You can reapply for transcripts on the official website of the institution offering
|
||||
the course if you need them in the future (e.g., school transfer, graduate school
|
||||
application, academic certification, etc.). Please contact us at
|
||||
studentservice@lightglobal.org if you have any questions during the process.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="accordion11" class="accordion">
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>About credit transfer</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>
|
||||
The Transfer Credit Office of your school will transfer credits according to its
|
||||
protocols and standards once the transcripts have been received. You can email the
|
||||
office to inquire about your transfer credits' status. You can check the status of
|
||||
your credits in your student system once the credits have been transferred. Contact
|
||||
your LightCourse advisor at studentservice@lightglobal.org if you need help with the
|
||||
credit transfer process.
|
||||
</p>
|
||||
<p>Note: Each school's standards on GPA for off-campus courses and precise grade
|
||||
requirements for transfer credits vary.</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul id="accordion12" class="accordion">
|
||||
<li class="open">
|
||||
<div class="link">
|
||||
<h5><span>Can these credits be transferred back to my school?</span> <i></i></h5>
|
||||
</div>
|
||||
<div class="submenu">
|
||||
<p>LightCourse will provide you with a professional course advisor who will provide you
|
||||
with one-on-one support throughout the transfer process according to your
|
||||
university's transfer credit policy to ensure that you can complete the transfer
|
||||
effectively.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
{/block}
|
||||
|
|
|
|||
|
|
@ -18,10 +18,26 @@
|
|||
src: url("../fonts/Roboto-Black-webfont.woff") format("woff");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "HarmonyOS_Sans_Light";
|
||||
src: url("../fonts/HarmonyOS_Sans_Light.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "HarmonyOS_Sans_Regular";
|
||||
src: url("../fonts/HarmonyOS_Sans_Regular.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "HarmonyOS_Sans_Medium";
|
||||
src: url("../fonts/HarmonyOS_Sans_Medium.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "HarmonyOS_Sans_Bold";
|
||||
src: url("../fonts/HarmonyOS_Sans_Bold.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "HarmonyOS_Sans_Black";
|
||||
src: url("../fonts/HarmonyOS_Sans_Black.ttf");
|
||||
}
|
||||
|
||||
header #pc-header>div @media screen and (min-width: 1920px) and (max-width: 2560px) {
|
||||
html {
|
||||
|
|
@ -91,18 +107,89 @@ header #pc-header>div @media screen and (min-width: 1920px) and (max-width: 2560
|
|||
src: url('/static/plugins/font/Roboto-Regular-14.ttf');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "HarmonyOS_Sans_Light";
|
||||
src: url('/static/fonts/HarmonyOS_Sans_Light.ttf');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "HarmonyOS_Sans_Regular";
|
||||
src: url('/static/fonts/HarmonyOS_Sans_Regular.ttf');
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: "HarmonyOS_Sans_Regular" !important;
|
||||
body,
|
||||
div,
|
||||
span,
|
||||
applet,
|
||||
object,
|
||||
iframe,
|
||||
blockquote,
|
||||
pre,
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
big,
|
||||
cite,
|
||||
code,
|
||||
del,
|
||||
dfn,
|
||||
em,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
q,
|
||||
s,
|
||||
samp,
|
||||
small,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
sup,
|
||||
tt,
|
||||
var,
|
||||
b,
|
||||
u,
|
||||
center,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ol,
|
||||
ul,
|
||||
li,
|
||||
fieldset,
|
||||
form,
|
||||
label,
|
||||
legend,
|
||||
table,
|
||||
caption,
|
||||
tbody,
|
||||
tfoot,
|
||||
thead,
|
||||
tr,
|
||||
th,
|
||||
td,
|
||||
article,
|
||||
aside,
|
||||
canvas,
|
||||
details,
|
||||
embed,
|
||||
figure,
|
||||
figcaption,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
output,
|
||||
ruby,
|
||||
section,
|
||||
summary,
|
||||
time,
|
||||
mark,
|
||||
audio,
|
||||
video,
|
||||
select,
|
||||
input,
|
||||
button,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
input::placeholder{
|
||||
font-family: "HarmonyOS_Sans_Bold" !important;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
|
|
@ -111,7 +198,6 @@ header #pc-header>div @media screen and (min-width: 1920px) and (max-width: 2560
|
|||
outline: none;
|
||||
box-sizing: border-box;
|
||||
word-break: break-word;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
body {
|
||||
|
|
@ -640,6 +726,7 @@ div[data-sidebar-main="mask"] {
|
|||
max-width: 70rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.main-center-course{
|
||||
max-width: 60rem;
|
||||
}
|
||||
|
|
@ -923,18 +1010,28 @@ p {
|
|||
|
||||
.i-start .i i,
|
||||
.i-start .i .iconf {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
border-radius: 100%;
|
||||
background-color: #d8d8d8;
|
||||
color: #f7d408;
|
||||
margin: 0 0.2rem;
|
||||
margin: 0 0.55rem 0 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.i-start .i .iconf>img{
|
||||
width: 100%;
|
||||
}
|
||||
.i-start .i .iconf:nth-of-type(5)>img{
|
||||
transform: translateX(-0.2rem);
|
||||
}
|
||||
|
||||
.i-start span {
|
||||
color: #f7d408;
|
||||
margin-left: 0.9rem;
|
||||
font-size: 1.1rem;
|
||||
margin-left: 0.7rem;
|
||||
}
|
||||
|
||||
.ui.selection.dropdown .menu>.item {
|
||||
font-size: 0.8rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
|
|
@ -956,12 +1053,18 @@ p {
|
|||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 0.75rem;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.pagination li.active {
|
||||
background-color: #3b52f6;
|
||||
border: 1px solid #3b52f6;
|
||||
transition: all .6s;
|
||||
}
|
||||
.pagination:hover li.active{
|
||||
background-color: #00db6d;
|
||||
border: 1px solid #00db6d;
|
||||
}
|
||||
|
||||
.pagination li.active a,
|
||||
|
|
@ -1140,6 +1243,7 @@ p {
|
|||
background-color: #d8d8d8;
|
||||
}
|
||||
.list-banner .con1 .left{
|
||||
font-family: "HarmonyOS_Sans_Black" !important;
|
||||
margin-left: 6.6rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
|
@ -1278,8 +1382,13 @@ p {
|
|||
border-radius: 0.2rem;
|
||||
background-color: #fff;
|
||||
border-radius: 0.5rem;
|
||||
border: 0.04rem solid #95a1fa;
|
||||
border: 0.1rem solid #95a1fa;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
transition: all .6s;
|
||||
}
|
||||
.list-banner .search-con1 .inp:hover{
|
||||
border: 0.1rem solid #00db6d;
|
||||
}
|
||||
|
||||
.list-banner .search-con1 .inp .submit-btn {
|
||||
|
|
@ -1289,7 +1398,11 @@ p {
|
|||
width: 7rem;
|
||||
height: 100%;
|
||||
background-image: linear-gradient(256deg, #00cdff 0%, #1b97ff 36%, #3660ff 100%), linear-gradient(#0536f9, #0536f9);
|
||||
border-radius: 0.5rem;
|
||||
border-radius: 0.5rem 0 0 0.5rem;
|
||||
transition: all .6s;
|
||||
}
|
||||
.list-banner .search-con1 .inp:hover .submit-btn{
|
||||
background-image: linear-gradient(256deg, #aaf8d1 0%, #42ea96 36%, #00db6d 100%), linear-gradient(#00db6d, #00db6d);
|
||||
}
|
||||
|
||||
.list-banner .search-con1 .inp i {
|
||||
|
|
@ -1544,12 +1657,13 @@ p {
|
|||
position: relative;
|
||||
}
|
||||
.main-QA .t .more-btn a>em{
|
||||
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||
display: inline-block;
|
||||
margin-left: 0.4rem;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: scaleY(1.8) translateY(-30.5%);
|
||||
transform: scaleY(1.8) translateY(-23.5%);
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
|
|
@ -1565,6 +1679,14 @@ p {
|
|||
cursor: pointer;
|
||||
margin-bottom: 0.9rem;
|
||||
border: 1px solid #5b5b5b;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.main-QA .content .accordion li:hover .link{
|
||||
opacity: .8;
|
||||
}
|
||||
.main-QA .content .accordion li:hover .submenu{
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.main-QA .content .accordion li:last-of-type {
|
||||
|
|
@ -1573,10 +1695,12 @@ p {
|
|||
|
||||
.main-QA .content .accordion li .link {
|
||||
padding: 0.9rem;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.main-QA .content .accordion li.open .submenu {
|
||||
display: block;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.main-QA .content .accordion li.open h5 span {
|
||||
|
|
@ -1682,15 +1806,16 @@ p {
|
|||
}
|
||||
|
||||
.main-other-qa .container {
|
||||
|
||||
color: #838383;
|
||||
}
|
||||
|
||||
.main-other-qa .container h6 {
|
||||
color: #00db6d;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.main-other-qa .container .left>p {
|
||||
font-size: 0.9rem;
|
||||
font-size: 0.75rem;
|
||||
color: #838383;
|
||||
}
|
||||
|
||||
.main-other-qa .container .right p {
|
||||
|
|
@ -1713,32 +1838,28 @@ p {
|
|||
|
||||
.main-other-qa .container .content .left {
|
||||
position: relative;
|
||||
padding-right: 2rem;
|
||||
padding-right: 8rem;
|
||||
}
|
||||
|
||||
.main-other-qa .container .content .left::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
height: 80%;
|
||||
border-left: 1px solid #ebebeb;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.main-other-qa .container .content .left .zx-btn {
|
||||
text-align: center;
|
||||
padding: 0.9rem 0;
|
||||
padding: 0.5rem 0 0;
|
||||
}
|
||||
|
||||
.main-other-qa .container .content .left .zx-btn a {
|
||||
position: relative;
|
||||
padding-bottom: 0.3rem;
|
||||
background-color: #00db6d;
|
||||
padding: 0.6rem;
|
||||
background-color: #838383;
|
||||
padding: 0.5rem;
|
||||
color: #fff;
|
||||
border-radius: 0.2rem;
|
||||
font-size: 0.75rem;
|
||||
letter-spacing: -0.02rem;
|
||||
line-height: 1;
|
||||
transition: all .6s;
|
||||
}
|
||||
.main-other-qa .container .content .left .zx-btn a:hover{
|
||||
background-color: #00db6d;
|
||||
}
|
||||
|
||||
.main-other-qa .container .content .left .zx-btn a::after {
|
||||
|
|
@ -1753,20 +1874,22 @@ p {
|
|||
|
||||
.main-other-qa .container .content .left .zx-btn a span {
|
||||
font-size: 0.9rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.main-other-qa .container .content .right {
|
||||
padding-left: 2rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 28rem;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.main-other-qa .container .content .right>div {
|
||||
margin-bottom: 0.5rem;
|
||||
.main-other-qa .container .content .right>div p{
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.main-other-qa .container .content .right>div:last-of-type {
|
||||
margin-bottom: 0;
|
||||
.main-other-qa .container .content .right>div a{
|
||||
font-size: 0.8rem;
|
||||
color: #838383;
|
||||
}
|
||||
|
||||
.container-mask {
|
||||
|
|
@ -2169,7 +2292,7 @@ header #pc-header>div>ul {
|
|||
header #pc-header>div>ul li>a {
|
||||
display: inline-block;
|
||||
height: 5rem;
|
||||
font-size: 0.85rem;
|
||||
font-size: 0.8rem;
|
||||
margin-left: 0.9rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -2200,12 +2323,12 @@ header #pc-header .map>div {
|
|||
}
|
||||
|
||||
header #pc-header .map>div a {
|
||||
font-family: "HarmonyOS_Sans_Regular" !important;
|
||||
height: 2rem;
|
||||
line-height: 2rem;
|
||||
margin-left: 0.9rem;
|
||||
font-size: 0.65rem;
|
||||
color: #555555;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
header #pc-header .map>div a:hover {
|
||||
|
|
@ -2230,7 +2353,7 @@ header #pc-header .search-form .h-btn {
|
|||
background-color: #00db6d;
|
||||
color: #fff;
|
||||
border-radius: 0.2rem;
|
||||
font-size: 0.8rem;
|
||||
font-size: 0.85rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
|
@ -2254,7 +2377,6 @@ header #pc-header .search-form>div input {
|
|||
width: 14rem;
|
||||
height: 2rem;
|
||||
font-size: 0.8rem;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
header #pc-header .search-form>div input::placeholder {
|
||||
|
|
@ -2409,7 +2531,6 @@ header #pc-header .search-form .content aside .courses-wrap ol h5 em {
|
|||
border-radius: 2rem;
|
||||
margin-left: 0.5rem;
|
||||
white-space: nowrap;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
header #pc-header .search-form .content aside .courses-wrap ol p span {
|
||||
|
|
@ -2603,7 +2724,7 @@ header #pc-header .right .member p{
|
|||
}
|
||||
header #pc-header .right .member p a {
|
||||
margin: 0 0.3rem;
|
||||
font-size: 0.8rem;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
header #pc-header .right .member p a:hover {
|
||||
|
|
@ -2915,6 +3036,7 @@ footer .cookie .container a {
|
|||
.select-wrap #selected p {
|
||||
white-space: nowrap;
|
||||
margin-right: 0.9rem;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.select-wrap #selected div a {
|
||||
|
|
@ -2933,7 +3055,7 @@ footer .cookie .container a {
|
|||
}
|
||||
|
||||
.select-wrap #selected div a span {
|
||||
font-size: 0.8rem;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.select-wrap #selected div a i {
|
||||
|
|
@ -2941,6 +3063,10 @@ footer .cookie .container a {
|
|||
margin-left: 0.5rem;
|
||||
font-size: 0.75rem;
|
||||
transform: scaleX(1.25);
|
||||
font-style: normal;
|
||||
}
|
||||
.ui.dropdown>.text{
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.select-wrap .submit-btn {
|
||||
|
|
|
|||
|
|
@ -85,9 +85,35 @@
|
|||
.page-banner {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.page-banner .swiper-container{
|
||||
height: 36.4rem;
|
||||
}
|
||||
.page-banner .swiper-slide{
|
||||
height: 36.4rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.page-banner img {
|
||||
width: 100%;
|
||||
min-height: 36.4rem;
|
||||
}
|
||||
|
||||
.page-banner .pagination{
|
||||
margin: 0;
|
||||
}
|
||||
.page-banner .swiper-container-horizontal>.swiper-pagination-bullets{
|
||||
bottom: 3rem !important;
|
||||
}
|
||||
.page-banner .swiper-pagination .swiper-pagination-bullet{
|
||||
width: 0.65rem;
|
||||
height: 0.65rem;
|
||||
border-radius: 0.325rem;
|
||||
background-color: rgba(204, 202, 202, .3);
|
||||
margin: 0 .45rem;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
|
||||
width: 3.75rem;
|
||||
background-color: rgba(204, 202, 202, 1);
|
||||
}
|
||||
|
||||
.page-banner .text {
|
||||
|
|
@ -125,10 +151,15 @@
|
|||
display: block;
|
||||
padding: 2rem 0;
|
||||
border-bottom: 1px solid #3b52f6;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.course .main-1 .container .link:hover {
|
||||
border-bottom: 1px solid #00db6d;
|
||||
}
|
||||
|
||||
.course .main-1 .container .link:hover h6 {
|
||||
color: #3b52f6;
|
||||
color: #00db6d;
|
||||
}
|
||||
|
||||
.course .main-1 .container .link:last-of-type {
|
||||
|
|
@ -136,8 +167,9 @@
|
|||
}
|
||||
|
||||
.course .main-1 .container .link>h6 {
|
||||
font-size: 0.8rem;
|
||||
font-size: 0.9rem;
|
||||
margin-bottom: 0.2rem;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.course .main-1 .container .link>p {
|
||||
|
|
@ -153,6 +185,7 @@
|
|||
|
||||
.course .main-1 .container .link .label span:first-of-type {
|
||||
width: 13rem;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.course .main-1 .container .link .label span.b {
|
||||
|
|
@ -161,12 +194,21 @@
|
|||
border-radius: 0.2rem;
|
||||
color: #3b52f6;
|
||||
text-transform: capitalize;
|
||||
transition: all .6s;
|
||||
}
|
||||
.course .main-1 .container .link:hover .label span.b{
|
||||
border: 1px solid #00db6d;
|
||||
color: #00db6d;
|
||||
}
|
||||
|
||||
.course .main-1 .container .link .label span.c {
|
||||
background-color: #3b52f6;
|
||||
font-size: 0.8rem;
|
||||
color: #fff !important;
|
||||
transition: all .6s;
|
||||
}
|
||||
.course .main-1 .container .link:hover .label span.c{
|
||||
background-color: #00db6d;
|
||||
}
|
||||
|
||||
.fb {
|
||||
|
|
@ -229,7 +271,6 @@ h4 {
|
|||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.course-details .f-btn {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -244,21 +285,29 @@ h4 {
|
|||
padding: 0.3rem 0.9rem;
|
||||
}
|
||||
|
||||
.course-details .main-center-detail01{
|
||||
max-width: 78.7rem;
|
||||
}
|
||||
.course-details .main-1{
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.course-details .main-1>div {
|
||||
padding-bottom: 2rem;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
padding-bottom: 5.8rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.left {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.left .basic-information{
|
||||
margin-top: 4rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.left h1 {
|
||||
word-break: break-word;
|
||||
}
|
||||
|
|
@ -273,88 +322,112 @@ h4 {
|
|||
}
|
||||
|
||||
.course-details .main-1 .container>.left p {
|
||||
line-height: 3.5;
|
||||
padding-left: 0.9rem;
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.5;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.left p::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: 0.3rem;
|
||||
height: 0.3rem;
|
||||
border-radius: 50%;
|
||||
background-color: #000;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.left p em {
|
||||
display: inline-block;
|
||||
text-align-last: justify;
|
||||
text-align: justify;
|
||||
font-weight: bold;
|
||||
width: 13.5rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.left p span {
|
||||
color: #666;
|
||||
margin-left: 0.5rem;
|
||||
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.left>div:last-of-type {
|
||||
margin-top: 2rem;
|
||||
.course-details .main-1 .container>.left>div.content1 {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
.course-details .main-1 .container>.left>div.content1 h2{
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.course-details .main-1 .container>.left>div.content1 .des{
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.35;
|
||||
max-width: 80%;
|
||||
}
|
||||
.course-details .main-1 .container>.left>div.content1 {
|
||||
|
||||
}
|
||||
.course-details .main-1 .container>.left>div.content1 .more-btn1{
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
height: 2.4rem;
|
||||
padding: 0 0.8rem;
|
||||
border: 0.15rem solid #2e2e2e;
|
||||
border-radius: 0.5rem;
|
||||
margin-top: 3.5rem;
|
||||
transition: all .6s;
|
||||
}
|
||||
.course-details .main-1 .container>.left h1,
|
||||
.course-details .main-1 .container>.left h2,
|
||||
.course-details .main-1 .container>.left h3{
|
||||
font-size: 1.9rem;
|
||||
}
|
||||
.course-details .main-1 .container>.left>div.content1 .more-btn1 a{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: 0;
|
||||
height: 100%;
|
||||
color: #2e2e2e;
|
||||
padding-right: 1rem;
|
||||
font-size: 0.9rem;
|
||||
position: relative;
|
||||
}
|
||||
.course-details .main-1 .container>.left>div.content1 .more-btn1 em{
|
||||
font-family: "HarmonyOS_Sans_Regular" !important;
|
||||
margin-left: 0.3rem;
|
||||
margin-top: 0.1rem;
|
||||
transition: all .6s;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: scaleY(1.8) translateY(-32.5%);
|
||||
}
|
||||
.course-details .main-1 .container>.left>div.content1 .more-btn1:hover{
|
||||
opacity: .6;
|
||||
}
|
||||
.course-details .main-1 .container>.left>div.content1 .more-btn1:hover em{
|
||||
right: -0.3rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right {
|
||||
width: 28.5rem;
|
||||
padding: 2.4rem;
|
||||
box-shadow: 0 0 0.3rem #ebebeb;
|
||||
box-sizing: border-box;
|
||||
width: 39.25rem;
|
||||
padding: 2.8rem;
|
||||
border: 0.7rem solid #4ce699;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 3rem;
|
||||
background-color: #3b52f6;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right .info .t {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: 14rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right .info .t .item {
|
||||
flex: 1;
|
||||
margin-bottom: 0.9rem;
|
||||
width: 50%;
|
||||
}
|
||||
.course-details .main-1 .container>.right .info .t .item:nth-child(even){
|
||||
width: 10rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right .info .t .item strong {
|
||||
font-size: 2rem;
|
||||
color: #3b52f6;
|
||||
min-height: 2.4rem;
|
||||
display: inline-block;
|
||||
font-size: 1.9rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right .info .t .item strong em {
|
||||
font-size: 1.3rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right .info .t .item strong span {
|
||||
font-size: 0.9rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right .info .t .item p {
|
||||
color: #999;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 0.7rem !important;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right .info .t .item p.clk {
|
||||
|
|
@ -371,12 +444,15 @@ h4 {
|
|||
|
||||
.course-details .main-1 .container>.right .time .collect-btn {
|
||||
color: #3b52f6;
|
||||
margin-right: 0.5rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
.course-details .main-1 .container>.right .time .collect-btn img{
|
||||
height: 2.5rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right .time>p,
|
||||
.course-details .main-1 .container>.right .time label {
|
||||
color: #999;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right .time th,
|
||||
|
|
@ -397,16 +473,47 @@ h4 {
|
|||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .ui.form .field>.selection.dropdown{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 5rem;
|
||||
border: 0.3rem solid #313131;
|
||||
border-radius:0.75rem;
|
||||
}
|
||||
.course-details .main-1 .ui.form .field>.selection.dropdown .dropdown.icon{
|
||||
top: auto;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
.course-details .main-1 .ui.form .field>.selection.dropdown .dropdown.icon::before{
|
||||
content: "";
|
||||
display: block;
|
||||
width: 1.85rem;
|
||||
height: 1.1rem;
|
||||
background-image: url(../images/icon-arrow-down.png) !important;
|
||||
background-size:100% !important;
|
||||
}
|
||||
|
||||
|
||||
.course-details .main-1 .ui.selection.dropdown .menu>.item{
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right .time .btn-wrap {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 4rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right .time .btn-wrap .btn {
|
||||
text-align: center;
|
||||
margin: 0 0.2rem;
|
||||
line-height: initial;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 13rem;
|
||||
height: 4rem;
|
||||
background-color: #00db6d;
|
||||
font-size: 1.5rem;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.course-details .main-1 .container>.right .time .btn-wrap .btn .icon {
|
||||
|
|
@ -426,12 +533,44 @@ h4 {
|
|||
background-color: #ccc;
|
||||
}
|
||||
|
||||
.course-details .main-2 {
|
||||
padding-top: 0;
|
||||
.course-details .main-02 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 4rem 0;
|
||||
background-color: #ffff1b;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.course-details .main-02 h2{
|
||||
font-size: 1.9rem;
|
||||
}
|
||||
.course-details .main-02 h5{
|
||||
font-size: 1.25rem;
|
||||
margin: 1.2rem 0;
|
||||
}
|
||||
.course-details .main-02 strong,
|
||||
.course-details .main-02 p{
|
||||
display: inline-block;
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.course-details .main-02 p{
|
||||
font-family: "HarmonyOS_Sans_Medium";
|
||||
margin-top: 1.2rem;
|
||||
}
|
||||
.course-details .main-2{
|
||||
padding: 4rem 0;
|
||||
background-color: #dedede;
|
||||
}
|
||||
|
||||
.course-details .main-2 * {
|
||||
line-height: 2;
|
||||
line-height: 1.5;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.course-details .main-2 h5{
|
||||
font-size: 1.25rem;
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
|
||||
.course-details .main-2 .f-btn1 {
|
||||
|
|
@ -748,76 +887,81 @@ h4 {
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.course-details .main-2 .con1,
|
||||
.course-details .main-2 .con2 {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.course-details .main-2 .con1 h4,
|
||||
.course-details .main-2 .con2 h4 {
|
||||
font-size: 2rem;
|
||||
font-family: "robotoMedium";
|
||||
}
|
||||
|
||||
.course-details .main-2 .con1 strong,
|
||||
.course-details .main-2 .con2 strong {
|
||||
font-weight: bold;
|
||||
.course-details .main-2 .con1 .rem5>p {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.course-details .main-2 .con1 p,
|
||||
.course-details .main-2 .con2 p {
|
||||
margin-top: 0.9rem;
|
||||
.course-details .main-2 .con1 .item p {
|
||||
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||
font-size: 0.85rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.course-details .main-2 .con1 em,
|
||||
.course-details .main-2 .con2 em {
|
||||
.course-details .main-2 .con1 .c2{
|
||||
display: inline-block;
|
||||
font-size: 1rem;
|
||||
margin-top: 3.6rem;
|
||||
color: #00db6d;
|
||||
}
|
||||
|
||||
.course-details .main-2 .con1 em {
|
||||
font-weight: bold;
|
||||
font-family: "robotoMedium";
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.course-details .main-2 .con1 .f-img img,
|
||||
.course-details .main-2 .con2 .f-img img {
|
||||
.course-details .main-2 .con1 .f-img img {
|
||||
float: right;
|
||||
max-width: 20.9rem;
|
||||
}
|
||||
|
||||
.course-details .main-2 .con1 .item-list1,
|
||||
.course-details .main-2 .con2 .item-list1 {
|
||||
.course-details .main-2 .con1 .item-list1 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.course-details .main-2 .con1 .item-list1 h6,
|
||||
.course-details .main-2 .con2 .item-list1 h6 {
|
||||
.course-details .main-2 .con1 .item-list1 h6{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 5.5rem;
|
||||
text-align: center;
|
||||
line-height: 1.4;
|
||||
min-height: 3.2rem;
|
||||
margin-bottom: 0.9rem;
|
||||
margin: 1rem 0 3rem;
|
||||
}
|
||||
.course-details .main-2 .con1 .item-list1 h6>span{
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.course-details .main-2 .con1 .item-list1 .item,
|
||||
.course-details .main-2 .con2 .item-list1 .item {
|
||||
width: 30%;
|
||||
.course-details .main-2 .con1 .item-list1 .item{
|
||||
width: calc(33.33% - 1rem);
|
||||
background-color: #ffffff;
|
||||
position: relative;
|
||||
border: 1px solid #000;
|
||||
margin-top: 0.9rem;
|
||||
padding: 0.9rem;
|
||||
padding: 2.35rem;
|
||||
}
|
||||
|
||||
.course-details .main-2 .con1 .item-list1 .item::after,
|
||||
.course-details .main-2 .con2 .item-list1 .item::after {
|
||||
content: attr(num);
|
||||
.course-details .main-2 .con1 .item-list1 .item::after{
|
||||
content: "";
|
||||
display: block;
|
||||
width: 1.7rem;
|
||||
height: 1.7rem;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0.9rem;
|
||||
font-size: 1.3rem;
|
||||
color: #3b52f6;
|
||||
font-family: "robotoMedium";
|
||||
top: 0;
|
||||
right: 0;
|
||||
background-image: url(../images/icon-triangle-top.png);
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.course-details .main-2 .con1 .item-list2 .item,
|
||||
.course-details .main-2 .con2 .item-list2 .item {
|
||||
.course-details .main-2 .con1 .item-list2 .item{
|
||||
position: relative;
|
||||
margin-top: 2rem;
|
||||
box-shadow: 0rem 0.15rem 0.9rem 0rem rgba(32, 30, 29, 0.35);
|
||||
|
|
@ -826,8 +970,7 @@ h4 {
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
.course-details .main-2 .con1 .item-list2 .item::before,
|
||||
.course-details .main-2 .con2 .item-list2 .item::before {
|
||||
.course-details .main-2 .con1 .item-list2 .item::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: calc(100% + 0.9rem);
|
||||
|
|
@ -836,6 +979,104 @@ h4 {
|
|||
height: 0.9rem;
|
||||
background-color: #3b52f6;
|
||||
}
|
||||
.course-details .main-2 .con1 .shadow{
|
||||
width: 53rem;
|
||||
background-color: #00db6d;
|
||||
border-radius: 1rem;
|
||||
margin: 4.2rem auto 0;
|
||||
padding: 1.1rem;
|
||||
}
|
||||
.course-details .main-2 .con1 .shadow p{
|
||||
font-size: 1rem;
|
||||
line-height: 1.4;
|
||||
color: #ffffff;
|
||||
}
|
||||
.course-details .main-2 .con1 .shadow p>strong{
|
||||
display: block;
|
||||
color: #ffff1b !important;
|
||||
}
|
||||
|
||||
.course-details .main-2 .con1 .shadow .more-btn-k{
|
||||
font-size: 1rem;
|
||||
line-height: 1.4;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.course-details .main-2 .con1 .shadow .more-btn-k a{
|
||||
color: #ffffff;
|
||||
padding-right: 1rem;
|
||||
position: relative;
|
||||
transition: all .6s;
|
||||
}
|
||||
.course-details .main-2 .con1 .shadow .more-btn-k a em{
|
||||
font-family: "HarmonyOS_Sans_Regular" !important;
|
||||
display: inline-block;
|
||||
transform: scaleY(1.6) translateY(-26%);
|
||||
margin-left: 0.5rem;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transition: all .6s;
|
||||
}
|
||||
.course-details .main-2 .con1 .shadow .more-btn-k:hover a{
|
||||
opacity: 0.65;
|
||||
}
|
||||
.course-details .main-2 .con1 .shadow .more-btn-k:hover a>em{
|
||||
right: -0.3rem;
|
||||
}
|
||||
|
||||
|
||||
.main-2-3{
|
||||
padding: 4rem 0 6rem;
|
||||
}
|
||||
.main-2-3 h2{
|
||||
font-size: 1.7rem;
|
||||
text-align: center;
|
||||
}
|
||||
.main-2-3 .con2>div:nth-of-type(1){
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.5;
|
||||
margin-top: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
.main-2-3 .con2>span{
|
||||
display: block;
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.5;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.main-2-3 .item-list2{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.main-2-3 .item-list2 .item{
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: calc(50% - 0.55rem);
|
||||
height: 20rem;
|
||||
background-color: #dedede;
|
||||
padding: 0 4.8rem;
|
||||
}
|
||||
|
||||
.main-2-3 .item-list2 .item em{
|
||||
width: 44%;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.main-2-3 .item-list2 .item span{
|
||||
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||
width: 56%;
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.main-2-3 .main-center{
|
||||
max-width: 83.6rem;
|
||||
}
|
||||
|
||||
.course-details .main-QA {
|
||||
padding-bottom: 2rem;
|
||||
|
|
@ -854,6 +1095,46 @@ h4 {
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
.qa-banner{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 13.5rem;
|
||||
background-color: #ffff1b;
|
||||
text-align: center;
|
||||
}
|
||||
.qa-banner h1{
|
||||
font-size: 2rem;
|
||||
}
|
||||
.qa-banner span{
|
||||
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||
display: inline-block;
|
||||
font-size: 1rem;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
|
||||
.qa-titie-info{
|
||||
padding: 5.5rem 0 2.8rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.qa-titie-info span{
|
||||
font-size: 1.15rem;
|
||||
line-height: 1.5;
|
||||
color: #284dfd;
|
||||
}
|
||||
|
||||
.qa-titie-info h2{
|
||||
font-size: 1.9rem;
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
|
||||
.qa-titie-info h3{
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
|
||||
.course-details .main-FAQ {
|
||||
padding: 0;
|
||||
padding-bottom: 2rem;
|
||||
|
|
@ -877,6 +1158,107 @@ h4 {
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
.qa-content-ul .accordion li{
|
||||
border: 0 !important;
|
||||
background-color: #284dfd;
|
||||
border-radius: 0 !important;
|
||||
padding: 3.9rem 7.5rem;
|
||||
}
|
||||
.qa-content-ul .accordion .submenu{
|
||||
padding: 0 !important;
|
||||
}
|
||||
.qa-content-ul .accordion li .link{
|
||||
padding: 0 !important;
|
||||
}
|
||||
.qa-content-ul .accordion li h5{
|
||||
display: inline-block !important;
|
||||
background-color: #ffff1b;
|
||||
padding: 0 1.4rem !important;
|
||||
line-height: 2.3rem;
|
||||
}
|
||||
.qa-content-ul .accordion li h5 span{
|
||||
font-size: 1.5rem !important;
|
||||
color: #284dfd !important;
|
||||
}
|
||||
|
||||
.qa-content-ul .accordion li p{
|
||||
margin-bottom: 0 !important;
|
||||
font-size: 0.85rem !important;
|
||||
line-height: 1.5 !important;
|
||||
margin-top: 1.2rem;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
.program-details .main-center{
|
||||
max-width: 77.5rem;
|
||||
}
|
||||
|
||||
.program-details .main-1{
|
||||
padding: 6rem 0 5rem;
|
||||
}
|
||||
|
||||
.program-details .main-1>div{
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.program-title{
|
||||
text-align: center;
|
||||
}
|
||||
.program-title span{
|
||||
display: block;
|
||||
font-size: 1.1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.program-title h2{
|
||||
font-size: 1.9rem;
|
||||
line-height: 1.4;
|
||||
max-width: 41rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.program-info{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 3.2rem;
|
||||
}
|
||||
|
||||
.program-info .container,
|
||||
.program-info .content{
|
||||
width: calc(50% - 0.8rem);
|
||||
padding: 4.2rem;
|
||||
border: 1px solid #222;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
.program-info .container>div{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.program-info .container h2,
|
||||
.program-info .content h4{
|
||||
font-size: 2.4rem;
|
||||
text-align: center;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
.program-info .container p>em,
|
||||
.program-info .container p>span,
|
||||
.program-info .content p{
|
||||
font-family: "HarmonyOS_Sans_Regular" !important;
|
||||
font-size: 0.85rem;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.program-info .container p{
|
||||
max-width: 19rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.program-info .container p>em{
|
||||
display: inline-block;
|
||||
width: 8.7rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.course-details .main-2 .content1.contact-content .txt img {
|
||||
max-width: 16rem;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,142 @@
|
|||
@font-face {
|
||||
font-family: "iconfont"; /* Project id 3136242 */
|
||||
src: url('//at.alicdn.com/t/font_3136242_62t986otkc6.woff2?t=1645584614095') format('woff2'),
|
||||
url('//at.alicdn.com/t/font_3136242_62t986otkc6.woff?t=1645584614095') format('woff'),
|
||||
url('//at.alicdn.com/t/font_3136242_62t986otkc6.ttf?t=1645584614095') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-gouwuche1:before {
|
||||
content: "\e63f";
|
||||
}
|
||||
|
||||
.icon-instagram:before {
|
||||
content: "\e904";
|
||||
}
|
||||
|
||||
.icon-instagram-fill:before {
|
||||
content: "\e88f";
|
||||
}
|
||||
|
||||
.icon-facebook:before {
|
||||
content: "\e8e7";
|
||||
}
|
||||
|
||||
.icon-shejiaotubiao-14:before {
|
||||
content: "\e642";
|
||||
}
|
||||
|
||||
.icon-iconfontfenxiang:before {
|
||||
content: "\e626";
|
||||
}
|
||||
|
||||
.icon-pinglun:before {
|
||||
content: "\e60d";
|
||||
}
|
||||
|
||||
.icon-guwen:before {
|
||||
content: "\e61d";
|
||||
}
|
||||
|
||||
.icon-shijianduan:before {
|
||||
content: "\e6f9";
|
||||
}
|
||||
|
||||
.icon-yunhangxianzhipingtai--erjijicaidan-dongtaixianzhi:before {
|
||||
content: "\e643";
|
||||
}
|
||||
|
||||
.icon-icon34:before {
|
||||
content: "\e61e";
|
||||
}
|
||||
|
||||
.icon-shijian1:before {
|
||||
content: "\e714";
|
||||
}
|
||||
|
||||
.icon-youxiang:before {
|
||||
content: "\e667";
|
||||
}
|
||||
|
||||
.icon-changjiantou:before {
|
||||
content: "\e666";
|
||||
}
|
||||
|
||||
.icon-register:before {
|
||||
content: "\e601";
|
||||
}
|
||||
|
||||
.icon-xinxi:before {
|
||||
content: "\e609";
|
||||
}
|
||||
|
||||
.icon-jiarushoucang:before {
|
||||
content: "\e60b";
|
||||
}
|
||||
|
||||
.icon-position:before {
|
||||
content: "\e608";
|
||||
}
|
||||
|
||||
.icon-icon:before {
|
||||
content: "\e668";
|
||||
}
|
||||
|
||||
.icon-xueke:before {
|
||||
content: "\e72d";
|
||||
}
|
||||
|
||||
.icon-xianshangliuliang:before {
|
||||
content: "\e616";
|
||||
}
|
||||
|
||||
.icon-search:before {
|
||||
content: "\e60c";
|
||||
}
|
||||
|
||||
.icon-down:before {
|
||||
content: "\e61a";
|
||||
}
|
||||
|
||||
.icon-shijian:before {
|
||||
content: "\e8c5";
|
||||
}
|
||||
|
||||
.icon-renqun:before {
|
||||
content: "\e610";
|
||||
}
|
||||
|
||||
.icon-rili:before {
|
||||
content: "\e879";
|
||||
}
|
||||
|
||||
.icon-yuanxiao:before {
|
||||
content: "\e63d";
|
||||
}
|
||||
|
||||
.icon-hot:before {
|
||||
content: "\e6eb";
|
||||
}
|
||||
|
||||
.icon-close:before {
|
||||
content: "\e602";
|
||||
}
|
||||
|
||||
.icon-facebook2:before {
|
||||
content: "\e60f";
|
||||
}
|
||||
|
||||
.icon-google:before {
|
||||
content: "\ea0c";
|
||||
}
|
||||
|
||||
.icon-gouwuche:before {
|
||||
content: "\e607";
|
||||
}
|
||||
|
|
@ -86,12 +86,16 @@
|
|||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.index-banner .swiper-container .swiper-slide>.imgg img{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.index-banner-txt {
|
||||
font-family: "HarmonyOS_Sans_Black" !important;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-start;
|
||||
font-weight: bold;
|
||||
color: #2e2e2e;
|
||||
position: absolute;
|
||||
right: 3.4rem;
|
||||
|
|
@ -116,13 +120,12 @@
|
|||
.index-banner-txt span{
|
||||
width: 100%;
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.ex;
|
||||
line-height: 1.2;
|
||||
text-align: right;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.index-banner-btn {
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 2.6rem;
|
||||
|
|
@ -143,7 +146,7 @@
|
|||
}
|
||||
|
||||
.index-banner-btn em{
|
||||
font-weight: normal;
|
||||
font-family: "HarmonyOS_Sans_Regular" !important;
|
||||
margin-left: 0.3rem;
|
||||
margin-top: 0.1rem;
|
||||
position: absolute;
|
||||
|
|
@ -160,7 +163,7 @@
|
|||
}
|
||||
|
||||
.index-banner-float{
|
||||
width: 52.18%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 2.7rem;
|
||||
|
|
@ -182,7 +185,6 @@
|
|||
font-size: 1.9rem;
|
||||
line-height: 1.1;
|
||||
color: #ffffff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.index-banner-info .left span{
|
||||
display: block;
|
||||
|
|
@ -204,7 +206,6 @@
|
|||
align-items: center;
|
||||
font-size: 1.2rem;
|
||||
color: #ffff1b;
|
||||
font-weight: bold;
|
||||
}
|
||||
.index-banner-info .right span:before{
|
||||
content: "";
|
||||
|
|
@ -489,7 +490,6 @@
|
|||
|
||||
.index-banner .container .search-con .content aside .program-wrap ol>li .field .list label {
|
||||
font-size: 0.9rem;
|
||||
font-weight: bold;
|
||||
margin: 0 0.3rem;
|
||||
}
|
||||
|
||||
|
|
@ -708,7 +708,6 @@ main .main-1 .container .item .text .par-con {
|
|||
}
|
||||
|
||||
main .main-1 .container .item .text .par-con .icon {
|
||||
font-weight: bold;
|
||||
margin-right: 0.2rem;
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -786,7 +785,6 @@ main .main-2 .container .more-btn1{
|
|||
transition: all .6s;
|
||||
}
|
||||
main .main-2 .container .more-btn1 a{
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border: 0;
|
||||
|
|
@ -797,7 +795,7 @@ main .main-2 .container .more-btn1 a{
|
|||
position: relative;
|
||||
}
|
||||
main .main-2 .container .more-btn1 em{
|
||||
font-weight: normal;
|
||||
font-family: "HarmonyOS_Sans_Regular" !important;
|
||||
margin-left: 0.3rem;
|
||||
margin-top: 0.1rem;
|
||||
transition: all .6s;
|
||||
|
|
@ -850,7 +848,6 @@ main .main-2 .container .item .text span {
|
|||
width: 100%;
|
||||
height: 20.5rem;
|
||||
background-color: #00db6d;
|
||||
font-weight: bold;
|
||||
}
|
||||
.our-vision h3{
|
||||
font-size: 1.9rem;
|
||||
|
|
@ -871,7 +868,6 @@ main .main-3 {
|
|||
width: 100%;
|
||||
height: 20.5rem;
|
||||
background-color: #00db6d;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
main .main-3 .main-title{
|
||||
|
|
@ -953,7 +949,6 @@ main .main-4 .container .item h3{
|
|||
left: 2.6rem;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
font-weight: bold;
|
||||
transition: all .6s;
|
||||
}
|
||||
main .main-4 .container .item:hover h3{
|
||||
|
|
@ -971,7 +966,6 @@ main .main-4 .container .item .txt{
|
|||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-box-orient: vertical;
|
||||
font-weight: bold;
|
||||
}
|
||||
main .main-4 .container .item:nth-child(even) .txt{
|
||||
padding: 1rem 3rem 1rem 0;
|
||||
|
|
@ -994,6 +988,7 @@ main .main-4 .more-btn>a{
|
|||
position: relative;
|
||||
}
|
||||
main .main-4 .more-btn>a em{
|
||||
font-family: "HarmonyOS_Sans_Medium" !important;
|
||||
display: inline-block;
|
||||
margin-left: 0.4rem;
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -115,6 +115,142 @@
|
|||
background-color: #3b52f6;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.program-top{
|
||||
width: 100%;
|
||||
height: 49.15rem;
|
||||
background-color: #284dfd;
|
||||
position: relative;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.program-top .main-center{
|
||||
max-width: 86.25rem;
|
||||
text-align: right;
|
||||
}
|
||||
.program-top>img{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 51.35rem;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.program-top h2{
|
||||
font-size: 2.25rem;
|
||||
padding-top: 6rem;
|
||||
}
|
||||
|
||||
.program-top span{
|
||||
font-family: "HarmonyOS_Sans_Regular" !important;
|
||||
display: block;
|
||||
font-size: 0.85rem;
|
||||
line-height: 1.9;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.program-top .program-btn{
|
||||
display: inline-block;
|
||||
margin-top: 8rem;
|
||||
border-top: 0.1rem solid #fff;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.program-top .program-btn a{
|
||||
font-size: 1.1rem;
|
||||
line-height: 2;
|
||||
color: #fff;
|
||||
transition: all .6s;
|
||||
}
|
||||
|
||||
.program-top .program-btn a em{
|
||||
font-family: "HarmonyOS_Sans_Regular" !important;
|
||||
display: inline-block;
|
||||
margin-left: 0.8rem;
|
||||
transform: scaleX(1.85) rotate(90deg);
|
||||
}
|
||||
.program-top .program-btn:hover{
|
||||
border-top: 0.1rem solid #00db6d;
|
||||
}
|
||||
.program-top .program-btn:hover a{
|
||||
color: #00db6d;
|
||||
}
|
||||
|
||||
.program .main-center{
|
||||
max-width: 86.25rem;
|
||||
}
|
||||
.program{
|
||||
margin-top: -19.2rem;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.program>img{
|
||||
position: absolute;
|
||||
bottom: 7rem;
|
||||
right: 0;
|
||||
width: 19.15rem;
|
||||
z-index: 9;
|
||||
}
|
||||
.program .swiper-container{
|
||||
height: 36.4rem;
|
||||
}
|
||||
.program .swiper-slide{
|
||||
width: 100%;
|
||||
height: 36.4rem;
|
||||
position: relative;
|
||||
}
|
||||
.program .swiper-slide img{
|
||||
width: 100%;
|
||||
min-width: 36.4rem;
|
||||
}
|
||||
|
||||
.program .swiper-slide>em{
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 1.8rem;
|
||||
right: 2.1rem;
|
||||
font-size: 3.5rem;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.program .program-txt{
|
||||
position: absolute;
|
||||
left: 4.5rem;
|
||||
bottom: 4rem;
|
||||
max-width: 26.5rem;
|
||||
}
|
||||
.program .program-txt>span{
|
||||
display: block;
|
||||
font-size: 1.3rem;
|
||||
color: #00db6d;
|
||||
margin-bottom: 1.4rem;
|
||||
}
|
||||
.program .program-txt>em{
|
||||
display: block;
|
||||
font-size: 1.9rem;
|
||||
color: #ffffff;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.program .pagination{
|
||||
margin: 0;
|
||||
}
|
||||
.program .swiper-container-horizontal>.swiper-pagination-bullets{
|
||||
bottom: 1.1rem !important;
|
||||
}
|
||||
.program .swiper-pagination .swiper-pagination-bullet{
|
||||
width: 0.65rem;
|
||||
height: 0.65rem;
|
||||
border-radius: 0.325rem;
|
||||
background-color: rgba(204, 202, 202, .3);
|
||||
margin: 0 .45rem;
|
||||
opacity: 1;
|
||||
}
|
||||
.program .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
|
||||
width: 3.75rem;
|
||||
background-color: rgba(204, 202, 202, 1);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 820px) {
|
||||
.program .main-1 .container .link .img {
|
||||
width: 18rem;
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
|
|
@ -460,7 +460,7 @@ $(".homeinputval").val(secret);
|
|||
var wow = new WOW({
|
||||
boxClass: 'wow', /* 执行动画的元素 class */
|
||||
animateClass: 'animated', /* animate.css 动画的 class */
|
||||
offset: 10, /* 距离可视区域多少开始执行动画 */
|
||||
offset: 5, /* 距离可视区域多少开始执行动画 */
|
||||
mobile: true, /* 是否在移动设备执行动画 */
|
||||
live: true /* 异步加载的内容是否有效 */
|
||||
});
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue