还剩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> <em> College Courses</em>
<span>Earn Credits in<br />a More Flexible Way</span> <span>Earn Credits in<br />a More Flexible Way</span>
</div> </div>
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em>></em></span></a> <a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em class="f-regular">></em></span></a>
<div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div> <div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
@ -39,7 +39,7 @@
<em> College Courses</em> <em> College Courses</em>
<span>Earn Credits in<br />a More Flexible Way</span> <span>Earn Credits in<br />a More Flexible Way</span>
</div> </div>
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em>></em></span></a> <a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em class="f-regular">></em></span></a>
<div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div> <div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
@ -49,7 +49,7 @@
<em> College Courses</em> <em> College Courses</em>
<span>Earn Credits in<br />a More Flexible Way</span> <span>Earn Credits in<br />a More Flexible Way</span>
</div> </div>
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em>></em></span></a> <a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em class="f-regular">></em></span></a>
<div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div> <div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div>
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
@ -59,7 +59,7 @@
<em> College Courses</em> <em> College Courses</em>
<span>Earn Credits in<br />a More Flexible Way</span> <span>Earn Credits in<br />a More Flexible Way</span>
</div> </div>
<a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em>></em></span></a> <a class="index-banner-btn ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.2s" href="/document" target="_blank"><span>See how LightCourse works<em class="f-regular">></em></span></a>
<div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div> <div class="index-banner-float ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/banner-float.png" alt="图案"></div>
</div> </div>
</div> </div>
@ -72,11 +72,11 @@
<div class="right"> <div class="right">
<div class="item"> <div class="item">
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Featured For-Credit Courses</span> <span 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>
<div class="item"> <div class="item">
<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Study Abroad Programs</span> <span 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> </div>
</div> </div>
@ -101,20 +101,20 @@
<div class="text" num="1"> <div class="text" num="1">
<h3 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">{$goods.goods_name}</h3> <h3 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-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"> <svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xianshangliuliang"></use> <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>
<div class="par w100"> <div class="par w100 f-regular">
<svg class="icon" aria-hidden="true"> <svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shijian"></use> <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>
<div class="par w100"> <div class="par w100 f-regular">
<svg class="icon" aria-hidden="true"> <svg class="icon" aria-hidden="true">
<use xlink:href="#icon-rili"></use> <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> </div>
</div> </div>
@ -161,7 +161,7 @@
{/notempty} {/notempty}
</div> </div>
<div class="more-btn1"> <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>
<div class="swiper-button swiper-button-prev"></div> <div class="swiper-button swiper-button-prev"></div>
<div class="swiper-button swiper-button-next"></div> <div class="swiper-button swiper-button-next"></div>
@ -202,7 +202,7 @@
{/notempty} {/notempty}
</div> </div>
<div class="more-btn"> <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> </div>
</section> </section>
</main> </main>

View File

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

View File

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

View File

@ -400,6 +400,16 @@ h4 {
position: relative; 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 { .course-details .main-1 .container>.right .info .t {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -498,14 +508,17 @@ h4 {
font-size: 1.25rem; 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; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; 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; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -516,7 +529,7 @@ h4 {
border-radius: 0.5rem; 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; font-size: 0.9rem;
} }

View File

@ -1,217 +1,457 @@
.dot { .dot {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.setBetween { .setBetween {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.setRowCenter { .setRowCenter {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.setColumnCenter { .setColumnCenter {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.setCenter { .setCenter {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.ra { .ra {
border-radius: 0.2rem; border-radius: 0.2rem;
overflow: hidden; overflow: hidden;
} }
.bs { .bs {
box-shadow: 0 0 0.5rem #ebebeb; box-shadow: 0 0 0.5rem #ebebeb;
} }
.box-shadow { .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 { .btn {
padding: 0.3rem 0.9rem; padding: 0.3rem 0.9rem;
background-color: #3b52f6; background-color: #3b52f6;
color: #fff; color: #fff;
border-radius: 2rem; border-radius: 2rem;
font-size: 0.9rem; font-size: 0.9rem;
} }
.btn.s1 { .btn.s1 {
background-color: transparent; background-color: transparent;
border: 1px solid #3b52f6; border: 1px solid #3b52f6;
color: #3b52f6; color: #3b52f6;
} }
.a-hover:hover { .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; .see-banner h1 {
color: #3b52f6; 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 { .main-title {
margin-bottom: 2rem; margin-bottom: 1.2rem;
} }
.main-title * { .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 { .main-title h2 {
margin-bottom: 0; font-family: "HarmonyOS_Sans_Black" !important;
line-height: 1.4 !important; font-size: 1.9rem;
margin-bottom: 0;
line-height: 1.4 !important;
text-align: center;
} }
.main-title p { .main-title p {
color: #000; font-size: 0.85rem;
max-width: 100%; max-width: 100%;
margin-top: 0 !important; text-align: center;
line-height: 1.8;
margin-top: 1.8rem !important;
} }
.credit .main-1 { .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) { .credit .main-1 .main-center{
padding-top: 0; 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; .credit .main-1 .tips-credit{
font-family:'robotoLight'!important; font-size: 0.85rem;
margin-top: 0.9rem; text-align: center;
} margin: 6.5rem 0 1.35rem !important;
.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 .container .item-list1 { .credit .container .item-list1 {
display: flex; display: flex;
justify-content: space-between; 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;
} }
.credit .container .item-list1 .item { .credit .container .item-list1 .item {
width: 30%; width: calc(33.33% - 0.9rem);
position: relative; height: 26.5rem;
border: 1px solid #000; position: relative;
margin-top: 0.9rem; margin-top: 0.9rem;
padding: 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 { .credit .container .item-list1 .item::after {
content: attr(num); content: "";
position: absolute; display: block;
bottom: 0; width: 1.5rem;
right: 0.9rem; height: 1.5rem;
font-size: 1.3rem; background-image: url(../images/icon-more-2.png);
color: #3b52f6; background-repeat: no-repeat;
font-family: "robotoMedium"; 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 { .credit .container .item-list2 .item {
position: relative; display: flex;
margin-top: 2rem; justify-content: space-between;
box-shadow: 0rem 0.15rem 0.9rem 0rem rgba(32, 30, 29, 0.35); margin-top: 5.6rem;
padding: 0.9rem;
color: #000;
font-family:'robotoLight'!important;
} }
.credit .container .item-list2 .item::before {
content: ""; .credit .container .item-list2 .item>em{
position: absolute; width: 15.2rem;
right: calc(100% + 0.9rem); border-right: 2px solid #323232;
top: 0;
width: 0.9rem;
height: 0.9rem;
background-color: #3b52f6;
} }
.credit .con3 .f-img p {
color: #000; .credit .container .item-list2 .item>span{
font-family:'robotoLight'!important; width: calc(100% - 17.9rem);
margin-bottom: 0.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 { .credit .con4 .bor {
border-radius: 0.25rem; border-radius: 0.25rem;
padding: 2rem; padding: 2rem;
font-size: 1.3rem; font-size: 1.3rem;
font-weight: bold; font-weight: bold;
max-width: 66rem; max-width: 66rem;
margin: 2rem auto; margin: 2rem auto;
background-image: url(../images/4623.png); background-image: url(../images/4623.png);
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.credit .con4 .bor p { .credit .con4 .bor p {
margin-top: 0; margin-top: 0;
font-size: 0.9rem; font-size: 0.9rem;
} }
.credit .con6 * { .credit .con6 * {
text-align: center; text-align: center;
} }
.credit .con6 h4 { .credit .con6 h4 {
color: #3b52f6; color: #3b52f6;
line-height: 1.2; line-height: 1.2;
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.credit .container .f-img img { .credit .container .f-img img {
display: none; display: none;
} }
.credit .con4 .bor {
background-image: none; .credit .con4 .bor {
box-shadow: 0 0 0.5rem #ebebeb; 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 * {
} font-size: 0.9rem;
.credit .main-1 .container h4 { line-height: 1.6;
font-size: 1.3rem; }
}
.credit .main-1 .container strong { .credit .main-1 .container h4 {
font-size: 0.9rem; font-size: 1.3rem;
} }
.credit .main-1 .container .f-img img {
display: none; .credit .main-1 .container strong {
} font-size: 0.9rem;
.credit .main-1 .container .item-list1 { }
flex-wrap: nowrap;
overflow-x: scroll; .credit .main-1 .container .f-img img {
} display: none;
.credit .main-1 .container .item-list1 .item { }
flex-shrink: 0;
width: 15rem; .credit .main-1 .container .item-list1 {
margin-right: 0.9rem; flex-wrap: nowrap;
} overflow-x: scroll;
.credit .main-1 .container .item-list1 .item:last-of-type { }
margin-right: 0;
} .credit .main-1 .container .item-list1 .item {
.credit .main-2 .c-tit h2 { flex-shrink: 0;
font-size: 1.3rem; width: 15rem;
} margin-right: 0.9rem;
.credit .main-2 .school h3 { }
margin-bottom: 0.9rem;
font-size: 1.3rem; .credit .main-1 .container .item-list1 .item:last-of-type {
} margin-right: 0;
.credit .main-2 .item > div { }
width: 100% !important;
} .credit .main-2 .c-tit h2 {
.credit .main-2 .item .img { font-size: 1.3rem;
display: none; }
}
.credit .main-2 .item .text { .credit .main-2 .school h3 {
padding-top: 0.9rem; margin-bottom: 0.9rem;
} font-size: 1.3rem;
.credit .main-2 .item .text div { }
padding-bottom: 0.9rem;
} .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 { .index-banner-txt {
font-family: "HarmonyOS_Sans_Black" !important;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-end; justify-content: flex-end;
@ -146,7 +145,6 @@
} }
.index-banner-btn em{ .index-banner-btn em{
font-family: "HarmonyOS_Sans_Regular" !important;
margin-left: 0.3rem; margin-left: 0.3rem;
margin-top: 0.1rem; margin-top: 0.1rem;
position: absolute; position: absolute;
@ -796,7 +794,6 @@ main .main-2 .container .more-btn1 a{
transition: all .6s; transition: all .6s;
} }
main .main-2 .container .more-btn1 em{ main .main-2 .container .more-btn1 em{
font-family: "HarmonyOS_Sans_Regular" !important;
margin-left: 0.3rem; margin-left: 0.3rem;
margin-top: 0.1rem; margin-top: 0.1rem;
transition: all .6s; transition: all .6s;
@ -990,7 +987,6 @@ main .main-4 .more-btn>a{
position: relative; position: relative;
} }
main .main-4 .more-btn>a em{ main .main-4 .more-btn>a em{
font-family: "HarmonyOS_Sans_Medium" !important;
display: inline-block; display: inline-block;
margin-left: 0.4rem; margin-left: 0.4rem;
position: absolute; position: absolute;

View File

@ -57,10 +57,6 @@
color: #3b52f6; color: #3b52f6;
} }
.fb {
font-family: "robotoMedium";
}
.see-banner{ .see-banner{
position: relative; 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