还剩3个弹窗未写

master
Lee 2022-10-31 20:32:28 +08:00
parent b87ac8cd88
commit 4b5824b895
14 changed files with 1526 additions and 1643 deletions

File diff suppressed because it is too large Load Diff

View File

@ -29,7 +29,7 @@
<em> College Courses</em>
<span>Earn Credits in<br />a More Flexible Way</span>
</div>
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em>></em></span></a>
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em class="f-regular">></em></span></a>
<div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div>
</div>
<div class="swiper-slide">
@ -39,7 +39,7 @@
<em> College Courses</em>
<span>Earn Credits in<br />a More Flexible Way</span>
</div>
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em>></em></span></a>
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em class="f-regular">></em></span></a>
<div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div>
</div>
<div class="swiper-slide">
@ -49,7 +49,7 @@
<em> College Courses</em>
<span>Earn Credits in<br />a More Flexible Way</span>
</div>
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em>></em></span></a>
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em class="f-regular">></em></span></a>
<div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div>
</div>
<div class="swiper-slide">
@ -59,7 +59,7 @@
<em> College Courses</em>
<span>Earn Credits in<br />a More Flexible Way</span>
</div>
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em>></em></span></a>
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em class="f-regular">></em></span></a>
<div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div>
</div>
</div>
@ -72,11 +72,11 @@
<div class="right">
<div class="item">
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Featured For-Credit Courses</span>
<em class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">In collaboration with our global partner institutions, LightCourse offers 7000+ accredited college courses encompassing 300+ majors and disciplines. Join us today to earn college credits in a flexible and saving way.</em>
<em class="f-medium wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">In collaboration with our global partner institutions, LightCourse offers 7000+ accredited college courses encompassing 300+ majors and disciplines. Join us today to earn college credits in a flexible and saving way.</em>
</div>
<div class="item">
<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>
<em class="f-medium wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">In collaboration with our global partner institutions, LightCourse offers 7000+ accredited college courses encompassing 300+ majors and disciplines. Join us today to earn college credits in a flexible and saving way.</em>
</div>
</div>
</div>
@ -101,20 +101,20 @@
<div class="text" num="1">
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$goods.goods_name}</h3>
<div class="par-con wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="par w100">
<div class="par w100 f-regular">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xianshangliuliang"></use>
</svg>Institution: &nbsp;<span>{$goods.ke_simple_college}</span>
</svg>Institution: &nbsp;<span class="f-regular">{$goods.ke_simple_college}</span>
</div>
<div class="par w100">
<div class="par w100 f-regular">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shijian"></use>
</svg>Credit(s): &nbsp;<span>{$goods.ke_credit}</span>
</svg>Credit(s): &nbsp;<span class="f-regular">{$goods.ke_credit}</span>
</div>
<div class="par w100">
<div class="par w100 f-regular">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-rili"></use>
</svg>Start Date: &nbsp;<span>{$goods.ke_start_time}</span>
</svg>Start Date: &nbsp;<span class="f-regular">{$goods.ke_start_time}</span>
</div>
</div>
</div>
@ -161,7 +161,7 @@
{/notempty}
</div>
<div class="more-btn1">
<a href="/program">View All Programs<em>></em></a>
<a href="/program">View All Programs<em class="f-regular">></em></a>
</div>
<div class="swiper-button swiper-button-prev"></div>
<div class="swiper-button swiper-button-next"></div>
@ -202,7 +202,7 @@
{/notempty}
</div>
<div class="more-btn">
<a href="/Article?ac_id=8" target="_blank">Learn More<em>></em></a>
<a href="/Article?ac_id=8" target="_blank">Learn More<em class="f-regular">></em></a>
</div>
</section>
</main>

View File

@ -1,443 +1,469 @@
{extend name="default/base/base_home" /}
{block name="mall_main"}
<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/course.css">
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/credit.css">
<style>
.credit .main-2 .c-tit h2{
font-weight: bold;
}
.credit .main-2 .item .text {
width: 100%;
}
.credit .main-2 .item .text {
width: 100%;
}
.credit .main-2 .item .text h4 {
display: flex;
align-items: center;
}
.credit .main-2 .item .text h4 {
display: flex;
align-items: center;
}
.credit .main-2 .item .text h4 strong {
width: 3rem;
margin-right: 0;
}
.credit .main-2 .item .text h4 strong {
width: 3rem;
margin-right: 0;
}
.credit .main-2 .item .text div {
padding-left: 3rem;
}
.credit .main-2 .item .text div {
padding-left: 3rem;
}
.credit .main-2 .item .text div::before,
.credit .main-2 .item .text div::after {
display: none;
}
.credit .main-2 .item .text div::before,
.credit .main-2 .item .text div::after {
display: none;
}
.credit .main-2 .item:nth-of-type(even) {
flex-direction: row;
}
.credit .main-2 .item:nth-of-type(even) {
flex-direction: row;
}
.credit .main-2 .school {
margin-bottom: 3rem;
}
@media screen and (max-width: 1600px) {
.form-container{
max-height:18rem;
overflow-x: hidden;
margin-top: 20px;
}
}
.f-light{
color: #000;
}
.credit .main-2 .school {
margin-bottom: 3rem;
}
@media screen and (max-width: 1600px) {
.form-container {
max-height: 18rem;
overflow-x: hidden;
margin-top: 20px;
}
}
.course-details .main-2 .con2 .item-list2 .item {
position: relative;
overflow: unset !important;
}
.course-details .main-2 .con2 .item-list2 .item::before {
content: "";
position: absolute;
right: calc(100% + 1rem);
top: 0;
width: 1rem;
height: 1rem;
background-color: #3b52f6;
}
.right .time label {
font-size: 0.9rem !important;
}
.ui.primary.button {
font-size: 0.9rem;
}
.main-QA {
padding-top: 1rem;
}
.shadow{
max-width: 80%;
margin:auto;
box-shadow: 0rem 0.15rem 0.8rem 0rem rgb(32 30 29 / 35%);
text-align: center;
padding: 1rem;
border-radius: .2rem;
}
.shadow .more-btn{
margin-top: 1rem;
}
.course-details .main-2 .con2 .item-list2 .item {
position: relative;
overflow: unset !important;
.m-box {
margin-top: 20px;
}
}
.course-details .main-2 .con2 .item-list2 .item::before{
content: "";
position: absolute;
right: calc(100% + 1rem);
top: 0;
width: 1rem;
height: 1rem;
background-color: #3b52f6;
}
.right .time label{
font-size:0.9rem!important;
}
.ui.primary.button {
font-size: 0.9rem;
}
.m-item {
width: 50%;
}
.m-box .line {
margin: 0 10px;
display: block;
width: 1px;
;
height: 200px;
background: #3b52f6;
}
.main-QA{
padding-top: 1rem;
}
.m-box {
margin-top: 20px;
}
.m-item {
width: 50% ;
}
.m-box .line {
margin: 0 10px;
display: block;
width: 1px;;
height: 200px;
background: #3b52f6;
}
.m-item h5{
text-align: left;
font-size: 22px !important;
}
.m-item h5 {
text-align: left;
font-size: 22px !important;
}
</style>
<div class="list-banner">
<div class="main-center container">
<div class="content con1">
<!-- <div class="img"><img src="{$Think.HOME_SITE_ROOT}/new/images/credit.png" alt="如何转学分"></div> -->
<div class="left">
<p>Transfer Credits</p>
<h2>HOW TO TRANSFER CREDITS</h2>
<!-- <h3>如何转学分</h3> -->
</div>
</div>
</div>
<div class="see-banner wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h1>HOW TO <span>TRANSFER CREDITS</span></h1>
</div>
</div>
<main class="credit">
<section class="main-1">
<div class="main-center container con1">
<div class="main-title">
<h2>What is Credit Transfer?</h2>
<p><strong>"Credit transfer" refers to the process by which educational institutions evaluate and accept credits earned elsewhere. The acceptance of transfer credits is determined by the student's home institution.</strong></p>
</div>
<div class="f-img">
<img src="{$Think.HOME_SITE_ROOT}/new/images/zxflc.png" alt="What is Credit Transfer?">
<p class="f-light">Transfer credit policies may differ from institution to institution. Accordingly,
our expert advisors work with students one-on-one to guide them in seeking
approval for courses, thereby making credit transfer as smooth and efficient
as possible.</p>
<p class="f-light">When approving a course, a home institution will consider a number of factors.
Often, for example, students are asked to give information regarding a host/provider
institution's program, such as a link to the official website, course syllabus, class hours, location, etc.
The home institution
will decide whether or not to accept transfer credits based on the information provided.</p>
</div>
<p><strong class="c2">Key assessment criteria for evaluating whether credit will be transferred include:</strong></p>
<div class="item-list1">
<div class="item" num="01">
<h6>Student information</h6>
<p>The home institution will determine if the student is eligible for credit transfer. Information collected and evaluated typically includes such info as school year, GPA, number of credits earned, and whether the student has taken prerequisite courses, among others.</p>
</div>
<div class="item" num="02">
<h6>Accreditation of the
program host/provider</h6>
<p>The home institution will consider program host/provider accreditation to assess that institution's qualifications and whether the quality of instruction meets the home institution's requirements.</p>
</div>
<div class="item" num="03">
<h6>Course content</h6>
<p>It is important to make sure that the course is equivalent to a class at the student's home institution and meets the school's course requirements. This information is crucial when a student needs to transfer credits for a specific curriculum since it determines whether the course will be covered.</p>
</div>
</div>
</div>
</section>
<section class="main-center container con5">
<div class="shadow">
<p><strong class="c1">Speak to a LightCourse advisor</strong> to consult with your questions or problems regarding credit transfer.</p>
<div class="more-btn">
<a href="javascript:;" class="form-clk">Schedule an appointment</a>
</div>
</div>
</section>
<section class="main-center container con2">
<div class="main-title">
<h2>Course Approval</h2>
<p><strong>-Course approval is a key component of credit transfer.</strong></p>
</div>
<span>Pre-course and post-course approval are the two types of course approval procedures:</span>
<div class="item-list2">
<div class="item">
<em>Course Pre-Approval </em>refers to a home institution assessing before you enroll in an external course whether the potential
transfer credits you will earn are likely to be accepted. The course will be evaluated to see if it meets your home institutions transfer
credit requirements. If the course receives pre-approval, you can take the course with more confidence that you will be able to
successfully transfer the credits after completing it.
</div>
<div class="item">
<em>Course Post-Approval </em>refers to a home institution assessing after receiving an official transcript from the institution where
the course was taken whether or not to accept the transfer credits for an already-completed course. With Post-Approval, you do not
know in advance whether a potential external course matches your intended course at your home institution, or whether your home
institution will accept transfer credits. Thus, with Post-Approval, there is a higher risk of failing to transfer credits.
</div>
</div>
</section>
<section class="main-center container con3">
<div class="main-title">
<h2>Receive Grades</h2>
</div>
<div class="f-img">
<img src="{$Think.HOME_SITE_ROOT}/new/images/4123.png" alt="Receive Grades" style="float: right;">
<p >When you finish your chosen course with your hard work, wait patiently for the result.
Final grades are usually released one week following the last day of class, and some
programs will post grades at the end of the semester. The exact time will be determined
by the notification made by the instructor or institution.</p>
<p >The general transfer credit standard at North American institutions <strong>requires a grade of C
or better</strong>. Some schools, however, will accept a C- or even a D. Please check your school's
transfer credit policy for precise transfer credit requirements since each school's precise grade requirements for transfer credits vary.
</p>
<p >Once you have reviewed your grade and it meets your expectations, you can request a transcript to be sent to your school. On the
other hand, if you are unhappy with the result, you can choose whether to invalidate the grade or re-enroll in the course based on
your situation.</p>
</div>
</section>
<section class="main-center container con4">
<div class="main-title">
<h2>Transcript Delivery</h2>
<p><strong>-The course offering institution will send the requested transcripts directly to your school's transfer credit office.</strong></p>
</div>
<div class="bor"><p>In general, transcripts will be given out <em>within 1-2 weeks</em>, but the actual delivery time depends on the school's
availability.</p>
</div>
<p>Once your transcript is received, your school's transfer credit office will transfer credits according to its protocols and requirements.
The processing period varies from one week to several months, depending on your home institution. You can email the office to inquire
about your credit transfer status.</p>
<h2>We Are Here to Help</h2>
<strong>-We hope that with the support of LightCourse, every student will find the process of transferring credits to be simple and convenient.</strong>
<p>Our expert transfer credit professionals, who have up-to-date data on transfer credit policies at over 4000 colleges and universities, are always ready to help and guide you in determining and adhering to all relevant university policies and deadlines, obtaining and delivering transcripts, and resolving other concerns. </p>
</section>
<!--<section class="main-center container con5">-->
<!-- <div class="main-title">-->
<!-- <h2>We Are Here to Help</h2>-->
<!-- <p><strong>-We hope that with the support of LightCourse, every student will find the process of transferring credits to be simple and convenient.</strong></p>-->
<!-- </div>-->
<!-- <p>Our expert transfer credit professionals, who have up-to-date data on transfer credit policies at over <strong>4000 colleges and universities, </strong>are always ready to help and guide you in determining and adhering to all relevant university policies and deadlines, obtaining and-->
<!-- delivering transcripts, and resolving other concerns. </p>-->
<!--</section>-->
<section class="main-center container con5">
<div class="shadow">
<p><strong class="c1">Speak to a LightCourse advisor</strong> to consult with your questions or problems regarding credit transfer.</p>
<div class="more-btn">
<a href="javascript:;" class="form-clk">Schedule an appointment</a>
</div>
</div>
</section>
<!-- <section class="main-center container con6">
<h2 class="c1" style="text-align: center;">Contact your LightCourse advisor </h2>
<p>if you have any questions or problems regarding credit transfer.</p>
</section>-->
<section class="main-QA">
<div class="main-center container">
<div class="t">
<h2>FAQ</h2>
<div class="more-btn">
<a href="/qa">Learn more</a>
</div>
</div>
<div class="content">
<ul id="accordion1" class="accordion">
<li class="open">
<div class="link">
<h5><span>01. Registration Procedure </span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Online Registration Procedure </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>
<li>
<div class="link">
<h5><span>02. Tuition/Fees</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Pricing</h6>
<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>
<h6>2. Payment</h6>
<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>
<h6>3. Fees</h6>
<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>
<li>
<div class="link">
<h5><span>03. Select the Right Course(s) for You</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Choosing the best program/course for your needs</h6>
<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>
<li>
<div class="link">
<h5><span>04. Complete Course Approval</span> <i></i></h5>
</div>
<div class="submenu">
<h6>1. Does my home school approve these courses?</h6>
<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>
</div>
</div>
</section>
<section class="container-mask no hint-mask">
<div class="container hint">
<i class="iconfont close">1</i>
<div class="item">
<div class="i"><i class="iconfont"></i></div>
<p>Live chat</p>
<span>start chatting now</span>
</div>
<div class="item">
<div class="i"><i class="iconfont"></i></div>
<p>Onlin message</p>
<span>please leave the following information,we will get back to you in 36hours</span>
</div>
<div class="item">
<div class="i"><i class="iconfont"></i></div>
<p>register</p>
<span>please register and add this course to the chart ,our student success advisor will get in tough
with you
in 36 hours</span>
</div>
</div>
</section>
<section class="container-mask no apply-mask">
<i class="iconfont close">2</i>
<div class="container">
<h5>Online</h5>
<div class="content apply">
<input type="text" placeholder="First Name">
<input type="text" placeholder="Last Name">
<input type="text" placeholder="Home Tnsitution">
<input type="text" placeholder="Email">
<textarea name="" id="" placeholder="Online"></textarea>
<button type="submit" class="btn">Submit</button>
</div>
</div>
</section>
<main class="credit wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<section class="main-1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container con1">
<div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<span class="c1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Transfer Credits</span>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">What is Credit Transfer?</h2>
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
"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.
</p>
</div>
<div class="f-img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<p class="f-medium wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
Transfer credit policies may differ from institution to institution. Accordingly, our expert advisors work with students one-on-one to guide<br />
them in seeking approval for courses, thereby making credit transfer as smooth and efficient as possible.
</p>
<p class="f-medium wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
When approving a course, a home institution will consider a number of factors. Often, for example, students are asked to give information<br />
regarding a host/provider institution's program, such as a link to the official website, course syllabus, class hours, location, etc. The home<br />
nstitution will decide whether or not to accept transfer credits based on the information provided.
</p>
</div>
<p class="tips-credit wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><span class="c1">Key assessment criteria for evaluating whether credit will be transferred include:</span></p>
<div class="item-list1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="item" num="01">
<h6 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Student<br />information</h6>
<p class="f-regular wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
The home institution will determine if the student is eligible for credit transfer. Information
collected and evaluated typically includes such info as school year, GPA, number of credits
earned, and whether the student has taken prerequisite courses, among others.
</p>
</div>
<div class="item" num="02">
<h6 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Accreditation<br />of the program<br />/provider</h6>
<p class="f-regular wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<br />
The home institution will consider program host/provider accreditation to assess that
institution's qualifications and whether the quality of instruction meets the home institution's
requirements.
</p>
</div>
<div class="item" num="03">
<h6 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Course<br />content</h6>
<p class="f-regular wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
It is important to make sure that the course is equivalent to a class at the student's home
institution and meets the school's course requirements. This information is crucial when a
student needs to transfer credits for a specific curriculum since it determines whether the
course will be covered.
</p>
</div>
</div>
<div class="shadow wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<span>Speak to a LightCourse advisor</span>
to consult with your questions or problems regarding credit transfer.
</p>
<div class="more-btn wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<a href="javascript:;" class="form-clk">Schedule an appointment<em class="f-light">></em></a>
</div>
</div>
</div>
</section>
<section class="con2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container">
<div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<span class="c1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Transfer Credits</span>
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Course Approval</h2>
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Course approval is a key component of credit transfer.</p>
<span class="f-medium wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Pre-course and post-course approval are the two types of course approval procedures:</span>
</div>
<div class="item-list2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<em>Course Pre-Approval</em>
<span class="f-medium">
refers to a home institution assessing before you enroll in an external course whether the potential transfer<br />
credits you will earn are likely to be accepted. The course will be evaluated to see if it meets your home insti-<br />
tutions transfer credit requirements. If the course receives pre-approval, you can take the course with more<br />
confidence that you will be able to successfully transfer the credits after completing it.
</span>
</div>
<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<em>Course Post-Approval </em>
<span class="f-medium">
refers to a home institution assessing after receiving an official transcript from the institution where the course<br />
was taken whether or not to accept the transfer credits for an already-completed course. With Post-Approval,<br />
you do not know in advance whether a potential external course matches your intended course at your home<br />
institution, or whether your home institution will accept transfer credits. Thus, with Post-Approval, there is a<br />
higher risk of failing to transfer credits.
</span>
</div>
</div>
</div>
</section>
<section class="con3 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container">
<div class="txt">
<div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h2>Receive Grades</h2>
</div>
<div class="f-img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<div class="bor">
<p class="f-medium">
When you finish your chosen course with your hard work, wait patiently for the result.
Final grades are usually released one week following the last day of class, and some
programs will post grades at the end of the semester. The exact time will be determined
by the notification made by the instructor or institution.
</p>
</div>
<p>
The general transfer credit standard at North American institutions <span class="c1">requires a grade of C
or better</span>. Some schools, however, will accept a C- or even a D. Please check your school's
transfer credit policy for precise transfer credit requirements since each school's precise grade
requirements for transfer credits vary.
</p>
<p>Once you have reviewed your grade and it meets your expectations, you can request a transcript to be sent
to your school. On the
other hand, if you are unhappy with the result, you can choose whether to invalidate the grade or
re-enroll in the course based on
your situation.</p>
</div>
<div class="main-title wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<h2>Transcript Delivery</h2>
</div>
<div class="bor wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<p>The course offering institution will send the requested transcripts directly to your school's transfer credit office.</p>
<p>
<span class="c1">*In general, transcripts will be given out <em>within 1-2 weeks</em>, but the actual delivery time depends
on the school's availability.</span>
</p>
</div>
<p class="f-medium wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
Once your transcript is received, your school's transfer credit office will transfer credits according to its
protocols and requirements.
The processing period varies from one week to several months, depending on your home institution. You can
email the office to inquire
about your credit transfer status.
</p>
</div>
<div class="img c1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/icon-a.png" alt="A"></div>
</div>
</section>
<section class="con4 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container">
<h2 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">We Are Here to Help</h2>
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">We hope that with the support of LightCourse, every student will find the process of transferring credits to be simple and convenient.</span>
<p class="f-medium wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
Our expert transfer credit professionals, who have up-to-date data on transfer credit policies at over 4000 colleges and universities, are always<br />
ready to help and guide you in determining and adhering to all relevant university policies and deadlines, obtaining and delivering transcripts,<br />
and resolving other concerns.
</p>
<div class="shadow wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
Speak to a LightCourse advisor<br />
to consult with your questions or problems regarding credit transfer.
</p>
<div class="more-btn wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
<a href="javascript:;" class="form-clk">Schedule an appointment <em class="f-regular">></em></a>
</div>
</div>
</div>
</section>
<section class="main-QA wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
<div class="main-center container">
<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">
<ul id="accordion1" class="accordion">
<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>
<div class="submenu">
<h6>1. Online Registration Procedure </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>
<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>
<div class="submenu">
<h6>1. Pricing</h6>
<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>
<h6>2. Payment</h6>
<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>
<h6>3. Fees</h6>
<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>
<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>
<div class="submenu">
<h6>1. Choosing the best program/course for your needs</h6>
<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>
<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>
<div class="submenu">
<h6>1. Does my home school approve these courses?</h6>
<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>
</div>
</div>
</section>
<section class="container-mask no hint-mask">
<div class="container hint">
<i class="iconfont close">1</i>
<div class="item">
<div class="i"><i class="iconfont"></i></div>
<p>Live chat</p>
<span>start chatting now</span>
</div>
<div class="item">
<div class="i"><i class="iconfont"></i></div>
<p>Onlin message</p>
<span>please leave the following information,we will get back to you in 36hours</span>
</div>
<div class="item">
<div class="i"><i class="iconfont"></i></div>
<p>register</p>
<span>please register and add this course to the chart ,our student success advisor will get in tough with you in 36 hours</span>
</div>
</div>
</section>
<section class="container-mask no apply-mask">
<i class="iconfont close">2</i>
<div class="container">
<h5>Online</h5>
<div class="content apply">
<input type="text" placeholder="First Name">
<input type="text" placeholder="Last Name">
<input type="text" placeholder="Home Tnsitution">
<input type="text" placeholder="Email">
<textarea name="" id="" placeholder="Online"></textarea>
<button type="submit" class="btn">Submit</button>
</div>
</div>
</section>
</main>
<section class="container-mask form-wrap">
<div class="container form-mask" style="max-width: 50rem">
<div class="iconf close-iconf"></div>
<div action="" onsubmit="return false" class="form-container form ui ">
<h2 class="c1" style="text-align: center">Talk to a LightCourse advisor</h2>
<div class="m-box" style="display: flex">
<div class="m-item">
<h5>Option 1</h5>
<p>Please scan the WeChat QR Code to add our academic advisor and receive additional details.</p>
<img style="width:100px; display:block; margin: 0 auto" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
</div>
<div class="line"></div>
<div class="m-item">
<h5>Option 2</h5>
<p>LightCourse has extensive transfer credit experience and can help students understand their home institutions transfer credit policies. However, the acceptance of transfer credits is determined by the sutdents home institution.</p>
<p>Your LightCourse advisor will contact you via email within 24 hours.</p>
<form action="">
<div class="field">
<input type="text" name="school" id="school" placeholder="Please enter the name of your school*">
</div>
<input type="hidden" name="fb_code" id="fb_code" value="{$goods.goods_serial}">
<input type="hidden" name="fb_course" id="fb_course" value="{$goods.goods_name}">
<input type="hidden" name="fb_school" id="fb_school" value="{$goods.ke_college}">
<p>Please tell us your name</p>
<div class="fields two">
<div class="field">
<input type="text" name="fname" id="fname" placeholder="First name*">
</div>
<div class="field">
<input type="text" name="lname" id="lname" placeholder="Last name*">
</div>
</div>
<div class="field">
<input type="text" name="email" id="email" placeholder="What email address can we reach you at?">
</div>
<div class="c">
<p>If you require immediate assistance, please contact us at <a href="mailto:studentservice@lightglobal.org"><strong class="c1">studentservice@lightglobal.org</strong></a></p>
</div>
<div class="sub">
<button type="submit" class="ui primary button onsubmitfromss">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<div class="container form-mask" style="max-width: 50rem">
<div class="iconf close-iconf"></div>
<div action="" onsubmit="return false" class="form-container form ui ">
<h2 class="c1" style="text-align: center">Talk to a LightCourse advisor</h2>
<div class="m-box" style="display: flex">
<div class="m-item">
<h5>Option 1</h5>
<p>Please scan the WeChat QR Code to add our academic advisor and receive additional details.</p>
<img style="width:100px; display:block; margin: 0 auto" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
</div>
<div class="line"></div>
<div class="m-item">
<h5>Option 2</h5>
<p>LightCourse has extensive transfer credit experience and can help students understand their home
institutions transfer credit policies. However, the acceptance of transfer credits is
determined by the sutdents home institution.</p>
<p>Your LightCourse advisor will contact you via email within 24 hours.</p>
<form action="">
<div class="field">
<input type="text" name="school" id="school" placeholder="Please enter the name of your school*">
</div>
<input type="hidden" name="fb_code" id="fb_code" value="{$goods.goods_serial}">
<input type="hidden" name="fb_course" id="fb_course" value="{$goods.goods_name}">
<input type="hidden" name="fb_school" id="fb_school" value="{$goods.ke_college}">
<p>Please tell us your name</p>
<div class="fields two">
<div class="field">
<input type="text" name="fname" id="fname" placeholder="First name*">
</div>
<div class="field">
<input type="text" name="lname" id="lname" placeholder="Last name*">
</div>
</div>
<div class="field">
<input type="text" name="email" id="email" placeholder="What email address can we reach you at?">
</div>
<div class="c">
<p>If you require immediate assistance, please contact us at
<a href="mailto:studentservice@lightglobal.org"><strong class="c1">studentservice@lightglobal.org</strong></a>
</p>
</div>
<div class="sub">
<button type="submit" class="ui primary button onsubmitfromss">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<script>
$(".form-clk").click(function(){
$(".form-wrap").addClass("show")
})
//Talk to a LightCourse advisor
$('.onsubmitfromss').click(function(){
let data = {
email:$("#email").val(),
fname:$("#fname").val(),
lname:$("#lname").val(),
school:$("#school").val(),
fb_code:$("#fb_code").val(),
fb_course:$("#fb_course").val(),
fb_school:$("#fb_school").val(),
type:2,
}
$.ajax({
url:"/Memberfeedback/add",
type:'post',
data:data,
success: function (res) {
var res = JSON.parse(res);
if(res.code==10001){
layer.msg(res.message);
}
if(res.code==10000){
$(".form-wrap").removeClass("show")
}
},
});
})
$(".form-clk").click(function() {
$(".form-wrap").addClass("show")
})
//Talk to a LightCourse advisor
$('.onsubmitfromss').click(function() {
let data = {
email: $("#email").val(),
fname: $("#fname").val(),
lname: $("#lname").val(),
school: $("#school").val(),
fb_code: $("#fb_code").val(),
fb_course: $("#fb_course").val(),
fb_school: $("#fb_school").val(),
type: 2,
}
$.ajax({
url: "/Memberfeedback/add",
type: 'post',
data: data,
success: function(res) {
var res = JSON.parse(res);
if (res.code == 10001) {
layer.msg(res.message);
}
if (res.code == 10000) {
$(".form-wrap").removeClass("show")
}
},
});
})
</script>
{/block}
{/block}

View File

@ -189,7 +189,7 @@ h4,
h5,
h6,
input::placeholder{
font-family: "HarmonyOS_Sans_Bold" !important;
font-family: "HarmonyOS_Sans_Black" !important;
margin: 0;
padding: 0;
border: 0;
@ -209,13 +209,21 @@ body {
padding-bottom: 4rem;
}
.f-light,
.f-regular,
.f-medium,
.f-bold,
.f-black {
.f-light{
font-family: "HarmonyOS_Sans_Light" !important;
}
.f-regular{
font-family: "HarmonyOS_Sans_Regular" !important;
}
.f-medium{
font-family: "HarmonyOS_Sans_Medium" !important;
}
.f-bold{
font-family: "HarmonyOS_Sans_Bold" !important;
}
.f-black {
font-family: "HarmonyOS_Sans_Black" !important;
}
.border,
.border tr th,
@ -1243,7 +1251,6 @@ p {
background-color: #d8d8d8;
}
.list-banner .con1 .left{
font-family: "HarmonyOS_Sans_Black" !important;
margin-left: 6.6rem;
line-height: 1;
}
@ -3092,6 +3099,13 @@ footer .cookie .container a {
display: none;
}
@media screen and (max-width: 1680px){
.main-center{
max-width: 90% !important;
}
}
@media screen and (max-width: 1024px) {
header #pc-header>div {
max-width: 60rem;

View File

@ -400,6 +400,16 @@ h4 {
position: relative;
}
.ui.form .field>label{
font-size: 1.25rem !important;
}
.setBetween .item h2{
font-size: 1.9rem;
}
.setBetween .item p{
font-size: 0.85rem;
}
.course-details .main-1 .container>.right .info .t {
display: flex;
flex-wrap: wrap;
@ -498,14 +508,17 @@ h4 {
font-size: 1.25rem;
}
.course-details .main-1 .container>.right .time .btn-wrap {
.course-details .main-1 .container>.right .time{
height: 14.3rem;
}
.course-details .main-1 .container>.right .btn-wrap {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 4rem;
}
.course-details .main-1 .container>.right .time .btn-wrap .btn {
.course-details .main-1 .container>.right .btn-wrap .btn {
display: flex;
justify-content: center;
align-items: center;
@ -516,7 +529,7 @@ h4 {
border-radius: 0.5rem;
}
.course-details .main-1 .container>.right .time .btn-wrap .btn .icon {
.course-details .main-1 .container>.right .btn-wrap .btn .icon {
font-size: 0.9rem;
}

View File

@ -1,217 +1,457 @@
.dot {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.setBetween {
display: flex;
justify-content: space-between;
display: flex;
justify-content: space-between;
}
.setRowCenter {
display: flex;
justify-content: center;
display: flex;
justify-content: center;
}
.setColumnCenter {
display: flex;
align-items: center;
display: flex;
align-items: center;
}
.setCenter {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ra {
border-radius: 0.2rem;
overflow: hidden;
border-radius: 0.2rem;
overflow: hidden;
}
.bs {
box-shadow: 0 0 0.5rem #ebebeb;
box-shadow: 0 0 0.5rem #ebebeb;
}
.box-shadow {
box-shadow: 0rem 0.3rem 0.5rem 0rem rgba(36, 65, 116, 0.1);
box-shadow: 0rem 0.3rem 0.5rem 0rem rgba(36, 65, 116, 0.1);
}
.btn {
padding: 0.3rem 0.9rem;
background-color: #3b52f6;
color: #fff;
border-radius: 2rem;
font-size: 0.9rem;
padding: 0.3rem 0.9rem;
background-color: #3b52f6;
color: #fff;
border-radius: 2rem;
font-size: 0.9rem;
}
.btn.s1 {
background-color: transparent;
border: 1px solid #3b52f6;
color: #3b52f6;
background-color: transparent;
border: 1px solid #3b52f6;
color: #3b52f6;
}
.a-hover:hover {
color: #3b52f6;
color: #3b52f6;
}
.fb {
font-family: "robotoMedium";
.see-banner .main-center {
max-width: 100%;
background-color: #18d777;
}
.list-banner .left p {
font-size: 1.3rem;
color: #3b52f6;
.see-banner h1 {
font-family: "HarmonyOS_Sans_Black" !important;
font-size: 2.4rem;
font-size: 2rem;
line-height: 1.2;
padding: 5.4rem 0;
text-align: center;
position: relative;
z-index: 2;
}
.see-banner h1>span{
color: #ffff1b;
}
.main-title {
margin-bottom: 2rem;
margin-bottom: 1.2rem;
}
.main-title * {
text-align: left;
text-align: left;
}
.main-title>span{
display: block;
font-size: 1.15rem;
line-height: 1.5;
text-align: center;
}
.main-title h2 {
margin-bottom: 0;
line-height: 1.4 !important;
font-family: "HarmonyOS_Sans_Black" !important;
font-size: 1.9rem;
margin-bottom: 0;
line-height: 1.4 !important;
text-align: center;
}
.main-title p {
color: #000;
max-width: 100%;
margin-top: 0 !important;
font-size: 0.85rem;
max-width: 100%;
text-align: center;
line-height: 1.8;
margin-top: 1.8rem !important;
}
.credit .main-1 {
padding-top: 0;
padding: 5rem 0 5rem;
background-image: url(../images/credit-main1-bg.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
}
.credit section:not(:first-of-type) {
padding-top: 0;
.credit .main-1 .main-center{
max-width: 66.75rem;
}
.credit .container * {
line-height: 2;
.credit .main-1 .f-img>p{
font-size: 0.85rem;
text-align: center;
line-height: 1.8;
margin-bottom: 0 !important;
}
.credit .container p {
color: #000;
font-family:'robotoLight'!important;
margin-top: 0.9rem;
}
.credit .container em {
font-weight: bold;
font-family: "robotoMedium";
font-size: 0.9rem;
}
.credit .container .f-img img {
float: right;
max-width: 20.9rem;
.credit .main-1 .tips-credit{
font-size: 0.85rem;
text-align: center;
margin: 6.5rem 0 1.35rem !important;
}
.credit .container .item-list1 {
display: flex;
justify-content: space-between;
}
.credit .container .item-list1 h6 {
font-family: "robotoMedium";
text-align: center;
line-height: 1.4;
min-height: 3.2rem;
margin-bottom: 0.9rem;
display: flex;
justify-content: space-between;
}
.credit .container .item-list1 .item {
width: 30%;
position: relative;
border: 1px solid #000;
margin-top: 0.9rem;
padding: 0.9rem;
width: calc(33.33% - 0.9rem);
height: 26.5rem;
position: relative;
margin-top: 0.9rem;
padding: 3.5rem 2rem;
background-size: 100%;
}
.credit .container .item-list1 .item:nth-of-type(1){
background-image: url(../images/credit-item-01.jpg);
}
.credit .container .item-list1 .item:nth-of-type(2){
background-image: url(../images/credit-item-02.jpg);
}
.credit .container .item-list1 .item:nth-of-type(3){
background-image: url(../images/credit-item-03.jpg);
}
.credit .container .item-list1 h6 {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.25rem;
line-height: 1.32;
min-height: 5rem;
margin-bottom: 1.5rem;
color: #ffff1b;
}
.credit .container .item-list1 p{
font-size: 0.85rem;
line-height: 1.42;
text-align: center;
color: #fff;
}
.credit .container .item-list1 .item::after {
content: attr(num);
position: absolute;
bottom: 0;
right: 0.9rem;
font-size: 1.3rem;
color: #3b52f6;
font-family: "robotoMedium";
content: "";
display: block;
width: 1.5rem;
height: 1.5rem;
background-image: url(../images/icon-more-2.png);
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
bottom: 1.3rem;
right: 1rem;
font-size: 1.6rem;
color: #ffff1b;
}
.credit .shadow{
width: 79%;
border: 1px solid #5b5b5b;
border-radius: 1rem;
margin: 5rem auto 0;
padding: 1rem;
text-align: center;
}
.credit .shadow p{
font-size: 1rem;
line-height: 1.4;
}
.credit.shadow span{
display: block;
color: #3456fd;
}
.credit .shadow .more-btn{
display: flex;
justify-content: center;
max-width: 70rem;
height: 1rem;
margin: 1rem auto 0;
}
.credit .shadow .more-btn>a{
border: 0;
color: #838383;
font-size: 0.85rem;
padding: 0 1rem 0 0;
text-align: left;
transition: all .6s;
position: relative;
}
.credit .shadow .more-btn>a em{
display: inline-block;
margin-left: 0.4rem;
position: absolute;
top: 50%;
right: 0;
transform: scaleY(1.8) translateY(-30.5%);
transition: all .6s;
}
.credit .shadow .more-btn>a:hover{
background: none;
opacity: .65;
}
.credit .shadow .more-btn>a:hover em{
right: -0.3rem;
}
.credit .con2{
background-color: #ffff1b;
padding: 4.5rem 0 6rem;
}
.credit .con2 .main-center{
max-width: 61.4rem;
}
.credit .con2 .main-title>span:nth-of-type(2){
font-size: 0.85rem;
color: #505050;
margin-top: -0.5rem;
}
.credit .container .item-list2 .item {
position: relative;
margin-top: 2rem;
box-shadow: 0rem 0.15rem 0.9rem 0rem rgba(32, 30, 29, 0.35);
padding: 0.9rem;
color: #000;
font-family:'robotoLight'!important;
display: flex;
justify-content: space-between;
margin-top: 5.6rem;
}
.credit .container .item-list2 .item::before {
content: "";
position: absolute;
right: calc(100% + 0.9rem);
top: 0;
width: 0.9rem;
height: 0.9rem;
background-color: #3b52f6;
.credit .container .item-list2 .item>em{
width: 15.2rem;
border-right: 2px solid #323232;
}
.credit .con3 .f-img p {
color: #000;
font-family:'robotoLight'!important;
margin-bottom: 0.9rem;
.credit .container .item-list2 .item>span{
width: calc(100% - 17.9rem);
font-size: 0.85rem;
line-height: 1.45;
}
.credit .con3{
padding: 6rem 0;
}
.credit .con3 .main-center{
max-width: 78.8rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.credit .con3 .main-title h2{
display: flex;
align-items: center;
height: 2.5rem;
padding: 0 1.5rem;
background-color: #00db6d;
font-size: 1.9rem;
}
.credit .con3 .f-img{
margin-bottom: 5rem;
}
.credit .con3 .txt {
width: 52%;
}
.credit .con3 .txt p{
font-size: 0.85rem;
line-height: 1.45;
margin-bottom: 0 !important;
color: #505050;
}
.credit .con3 .img {
display: flex;
justify-content: flex-end;
width: 48%;
}
.credit .con3 .bor{
margin-bottom: 1.5rem;
padding-top: 0.8rem;
}
.credit .con3 .img img{
height: 32.3rem;
}
.credit .con4{
padding: 0 0 5rem;
}
.credit .con4 .main-center{
max-width: 78.8rem;
background-color: #dedede;
padding: 3.2rem 10%;
text-align: center;
}
.credit .con4 h2{
font-size: 1.9rem;
line-height: 1.2;
color: #3456fd;
}
.credit .con4 span{
display: block;
font-size: 0.85rem;
line-height: 1.4;
margin: 1.5rem 0 1.2rem;
color: #3456fd;
}
.credit .con4 p{
font-size: 0.85rem;
line-height: 1.4;
margin-bottom: 0 !important;
color: #505050;
}
.credit .con4 .shadow{
margin-top: 2.5rem;
background-color: #3456fd;
width: 100%;
}
.credit .con4 .shadow p{
color: #ffffff;
}
.credit .con4 .shadow .more-btn a{
color: #00db6d;
}
.credit .con4 .bor {
border-radius: 0.25rem;
padding: 2rem;
font-size: 1.3rem;
font-weight: bold;
max-width: 66rem;
margin: 2rem auto;
background-image: url(../images/4623.png);
background-size: 100% 100%;
background-repeat: no-repeat;
border-radius: 0.25rem;
padding: 2rem;
font-size: 1.3rem;
font-weight: bold;
max-width: 66rem;
margin: 2rem auto;
background-image: url(../images/4623.png);
background-size: 100% 100%;
background-repeat: no-repeat;
}
.credit .con4 .bor p {
margin-top: 0;
font-size: 0.9rem;
margin-top: 0;
font-size: 0.9rem;
}
.credit .con6 * {
text-align: center;
text-align: center;
}
.credit .con6 h4 {
color: #3b52f6;
line-height: 1.2;
color: #3b52f6;
line-height: 1.2;
}
@media screen and (max-width: 768px) {
.credit .container .f-img img {
display: none;
}
.credit .con4 .bor {
background-image: none;
box-shadow: 0 0 0.5rem #ebebeb;
}
.credit .main-1 .container * {
font-size: 0.9rem;
line-height: 1.6;
}
.credit .main-1 .container h4 {
font-size: 1.3rem;
}
.credit .main-1 .container strong {
font-size: 0.9rem;
}
.credit .main-1 .container .f-img img {
display: none;
}
.credit .main-1 .container .item-list1 {
flex-wrap: nowrap;
overflow-x: scroll;
}
.credit .main-1 .container .item-list1 .item {
flex-shrink: 0;
width: 15rem;
margin-right: 0.9rem;
}
.credit .main-1 .container .item-list1 .item:last-of-type {
margin-right: 0;
}
.credit .main-2 .c-tit h2 {
font-size: 1.3rem;
}
.credit .main-2 .school h3 {
margin-bottom: 0.9rem;
font-size: 1.3rem;
}
.credit .main-2 .item > div {
width: 100% !important;
}
.credit .main-2 .item .img {
display: none;
}
.credit .main-2 .item .text {
padding-top: 0.9rem;
}
.credit .main-2 .item .text div {
padding-bottom: 0.9rem;
}
.credit .container .f-img img {
display: none;
}
.credit .con4 .bor {
background-image: none;
box-shadow: 0 0 0.5rem #ebebeb;
}
.credit .main-1 .container * {
font-size: 0.9rem;
line-height: 1.6;
}
.credit .main-1 .container h4 {
font-size: 1.3rem;
}
.credit .main-1 .container strong {
font-size: 0.9rem;
}
.credit .main-1 .container .f-img img {
display: none;
}
.credit .main-1 .container .item-list1 {
flex-wrap: nowrap;
overflow-x: scroll;
}
.credit .main-1 .container .item-list1 .item {
flex-shrink: 0;
width: 15rem;
margin-right: 0.9rem;
}
.credit .main-1 .container .item-list1 .item:last-of-type {
margin-right: 0;
}
.credit .main-2 .c-tit h2 {
font-size: 1.3rem;
}
.credit .main-2 .school h3 {
margin-bottom: 0.9rem;
font-size: 1.3rem;
}
.credit .main-2 .item>div {
width: 100% !important;
}
.credit .main-2 .item .img {
display: none;
}
.credit .main-2 .item .text {
padding-top: 0.9rem;
}
.credit .main-2 .item .text div {
padding-bottom: 0.9rem;
}
}

View File

@ -91,7 +91,6 @@
}
.index-banner-txt {
font-family: "HarmonyOS_Sans_Black" !important;
display: flex;
flex-direction: column;
justify-content: flex-end;
@ -146,7 +145,6 @@
}
.index-banner-btn em{
font-family: "HarmonyOS_Sans_Regular" !important;
margin-left: 0.3rem;
margin-top: 0.1rem;
position: absolute;
@ -796,7 +794,6 @@ main .main-2 .container .more-btn1 a{
transition: all .6s;
}
main .main-2 .container .more-btn1 em{
font-family: "HarmonyOS_Sans_Regular" !important;
margin-left: 0.3rem;
margin-top: 0.1rem;
transition: all .6s;
@ -990,7 +987,6 @@ 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;

View File

@ -57,10 +57,6 @@
color: #3b52f6;
}
.fb {
font-family: "robotoMedium";
}
.see-banner{
position: relative;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB