{include file='default/base/mall_top'/}
{block name="mall_main"}
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/course.css">
<style>
	.par.w100 {
		width: 100% !important;
	}

	.i-start p {
		font-size: .7rem;
	}

	.par {
		width: 100%;
		display: flex;
	}

	.ui.form{
	    max-height: 20rem;
	    overflow-x: hidden;
	    padding-bottom:1rem;
	}

	@font-face {
		font-family: "Icons";
		src: url({$Think.HOME_SITE_ROOT}/new/css/icons.woff2);
	}
</style>
<style>
	.partner-login {
		display: none;
	}

	.quick-login .mc .text {
		height: 100%;
		line-height: 1;
	}

	.dialog_title {
		height: 40px;
	}

	.clk {
		cursor: pointer;
	}

	.quick-login .mc dl dd {
		display: flex;
		align-items: center;
	}

	.quick-login .mc dl dd::after {
		display: none;
	}

	.quick-login .mc dl dd input {
		width: auto !important;
		flex: 1;
	}

	.quick-login .mc dl dd img {
		height: 36px;
	}

	.container-mask .price-container .sb>div {
		flex: 1;
		margin-right: .5rem;
	}

	.ui.dropdown>.text {
		font-size: 1.25rem;
		white-space: nowrap;
		line-height: 100%;
	}

	.ui.form .field>label {
		margin-bottom: 1rem;
	}

	.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-4 {
		padding: 1rem 0;
	}

	.main-4 .main-title {
		font-size: 2rem;
		margin-bottom: 0;
		font-family: 'robotobold';
	}

	.main-4 .main-content {
		padding: 3rem 3rem 0 3rem;
	}

	.mian-left {
		float: left;
		width: 120px;
	}

	.mian-left>div {
		height: 60px;
		font-size: 0.9rem;
		font-family: 'robotobold';
		position: relative;
		line-height: 60px !important;
		padding-left: 50px;
	}

	.mian-left>div:before {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #0536f9;
		position: absolute;
		top: 25px;
		left: 25px;
	}

	.main-right {
		float: right;
		width: calc(100% - 125px);
		box-shadow: 0rem 0.15rem 0.9rem 0rem rgb(32 30 29 / 35%);
		border-radius: 0.25rem 0.25rem 0rem;
		padding: 0 2rem 0 2rem;
	}

	.main-right>div {
		height: 60px;
		font-size: 0.9rem;
		font-family: 'robotoLight';
		position: relative;
		line-height: 60px !important;
		color: #282828;
		border-bottom: 1px solid #eee;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.boder-none {
		border-bottom: none !important;
	}

	.main-content:after {
		content: '';
		display: block;
		clear: both;
		width: 0;
		height: 0;
		overflow: hidden;
	}

	.form-wrap4 .form-mask {
		width: calc(100% - 125px);
	}

	.fm-4-list {
		margin-top: 2rem !important;
		margin-bottom: 2rem !important;
		color: #3b52f6;
	}

	.fm-4-list .qustitle {
		margin-bottom: 1rem;
		color: #3b52f6;

	}

	.fm-4-title {
		font-size: 0.9rem;
	}

	.ok {
		width: 120px;
		height: 50px;
		font-size: 1rem;
		text-align: center;
		line-height: 50px;
		color: #3b52f6;
		border-radius: 10px;
		border: 1px solid #3b52f6;
		margin: 20px auto;
	}

	.wrap7p {
		font-size: 0.9rem;
		color: #3b52f6;
		text-align: center;
	}

	.oks {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 10.3rem;
		height: 1.5rem;
		border-radius: 0.35rem;
		background-color: #18d777;
		font-size: 1rem;
		color: #ffffff;
	}

	.cuucess {
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #0536F9;
	}

	.cuucess>div:nth-of-type(1) {

		font-size: 3rem;
	}

	.cuucess>div:nth-of-type(2) {

		font-size: 2rem;
		font-weight: 900;
	}

	.form-wrap6 .form-mask {
		width: 600px;
	}

	.sssss {
		text-align: center;
	}

	.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;
	}


	@media(max-width: 768px) {
		.addcart {
			display: none;
		}

		.course-details .main-1 .container>.right .info .t .item strong {
			font-size: 1.5rem;
		}

		.course-details .main-1 .container>.right {
			padding: 20px;
		}

		.course-details .main-1 .container>.right .info .t .item p {
			font-size: 12px;
		}
	}
</style>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
		function HTMLDecode(text) {
			var temp = document.createElement("div");
			temp.innerHTML = text;
			var output = temp.innerText || temp.textContent;
			temp = null;
			return output;
		}
		var str = $(".course-details .main-1 .content1 .des").html()
		console.log(str)
		var html = HTMLDecode(str)
		$(".course-details .main-1 .content1 .des").html(html)

		function setPos() {
			$(".addcart-ico").css({
				top: $(".addcart")[0].getBoundingClientRect().top,
				left: $(".addcart")[0].getBoundingClientRect().left,
			})
		}
		setPos()
		$(window).scroll(function() {
			setPos()
		})

	})
</script>
<div class="course-banner goods-banner list-banner">
	<!-- <div class="position">Position: <a href="/">Home</a> > Courses </div> -->
	<div class="content con1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
		<div class="left">
			<h2 class="wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.2s">7000+</h2>
			<h3 class="wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.2s">Featured For-Credit Courses</h3>
			<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.6s">
				In collaboration with our global partner institutions, <br />
				LightCourse offers 7000+ accredited college courses encompassing 300+ majors and disciplines. <br />
				Join us today to earn college credits in a flexible and saving way.
			</span>
		</div>
		<div class="img wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.2s"><img src="{$Think.HOME_SITE_ROOT}/new/images/courses-top-bg.png" alt=""></div>
	</div>
</div>
<main class="course-details">
	<section class="main-1">
		<div class="main-center main-center-detail01">
			<!-- <div class="position">Position: <a href="/">Home</a> > <a href="/brand">Courses</a> > Course Details </div> -->
			<div class="container">
				<div class="left wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
					<div class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
						<!-- {$goods.goods_id}-->
						<h1>{$goods.goods_name}</h1>
						<h4 class="f-medium">{$goods.ke_college}</h4>
						<div class="i-start">
							<div class="i">
								<span class="iconf">
									<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-stars.png" alt="星">
								</span>
								<span class="iconf">
									<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-stars.png" alt="星">
								</span>
								<span class="iconf">
									<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-stars.png" alt="星">
								</span>
								<span class="iconf">
									<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-stars.png" alt="星">
								</span>
								<span class="iconf">
									<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-stars.png" alt="星">
								</span>
							</div>
							<span>4.8 points</span>
						</div>
					</div>
					<div class="basic-information wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
						<h3>Basic Information</h3>
						<p><em class="f-medium">Category : </em><span class="f-medium">{$goods.gc_name}</span></p>
						<p><em class="f-medium">Credit(s) : </em><span class="f-medium">{$goods.ke_credit}</span></p>
						<p><em class="f-medium">Enrollment start date : </em><span class="f-medium">{$goods.enroll_start_date}</span></p>
						<p><em class="f-medium">Enrollment deadline : </em><span class="f-medium">{$goods.enroll_end_date}</span></p>
						<!-- <p><em>Prerequisite(s) </em>：<span>empty</span></p>-->
					</div>
					<div class="content1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
						<h2>Course Description</h2>
						<div class="des f-medium">
							{$goods.goods_body}
						</div>
						<div class="more-btn1 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
							<a href="javascript:;" class="form-clk3">View syllabus<em>></em></a>
						</div>
					</div>
				</div>
				<div class="right wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
					<div class="info">
						<div class="t">
							<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
								<p>Mode of Instruction</p>
								<strong>{$goods.ke_online}</strong>
							</div>
							<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
								<p>Course Credits</p>
								<strong>{$goods.ke_credit}<span> credits</span></strong>
								
							</div>
							<!--<div class="item clk">-->
							<div class="item itemnum pricebox wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s" style="cursor:pointer;">
								<p>Estimated Price</p>
								<strong>Price Calculator<span></span></strong>
							</div>
							<div class="item wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
								<p>Program Duration</p>
								<strong>{$goods.ke_period}
									{if $goods.ke_period != 'Self-paced'}
									<span>weeks</span>
									{/if}
								</strong>
							</div>
						</div>
					</div>
					<div class="time ui form">
						<div class="field">
							<label>{$goods.ke_zone}</label>
							{if $goods.ke_zone=="Self-paced"}
							<label>Select Date</label>
							<div class="ui form">
								<div class="two fields">
									<div class="field">
										<div class="ui calendar" id="rangestart">
											<div class="ui input left icon">
												<i class="calendar icon"></i>
												<input type="text" placeholder="The start time">
											</div>
										</div>
									</div>
									<div class="field">
										<div class="ui calendar" id="rangeend">
											<div class="ui input left icon">
												<i class="calendar icon"></i>
												<input type="text" placeholder="The end of time">
											</div>
										</div>
									</div>
								</div>
							</div>
							{else/}
							<div class="ui selection dropdown">
								<input type="hidden" name="gender">
								<i class="dropdown icon"></i>
								<div class="default text"><!-- Select Date --></div>
								<div class="menu">
									<!--<div class="item" data-value="1">{$goods.ke_start_time}-{$goods.ke_end_time}</div>-->
									<div class="item" data-value="1">{$goods.ke_start_time}
										{if $goods.ke_end_time != 'Self-paced'}
										- {$goods.ke_end_time}
										{/if}
									</div>
								</div>
							</div>
							{/if}

						</div>
					</div>
					<div class="btn-wrap wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
						<a href="javascript:collect_goods('{$goods.goods_id}','count','goods_collect');" class="collect-btn">
							{if $is_collected}
							<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-red-stars.png" alt="收藏">
							{else}
							<img src="{$Think.HOME_SITE_ROOT}/new/images/icon-white-stars.png" alt="收藏">
							{/if}
						</a>
						{if $IsHaveBuy=="0"}
						<!-- 加入购物车-->
						{if $goods.cart == true}
						<a href="javascript:void(0);" dstype="addcart_submit"
							class="btn addcart {if $goods['goods_state'] == 0 || $goods['goods_storage'] <= 0}no-addcart{/if}"
							title="{$Think.lang.goods_index_add_to_cart}">Add to{$is_collected}
							Cart <i class="addcart-ico">1</i></a>
						{/if}
						<a href="javascript:void(0);" dstype="buynow_submit"
							class="btn buynow <?php if ($goods['goods_state'] == 0 || $goods['goods_storage'] <= 0 || ($goods['is_virtual'] == 1 && $goods['virtual_indate'] < TIMESTAMP)) {?>no-buynow<?php }?>"
							title="{$goods.buynow_text}">Purchase Now
						</a>
						{/if}
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="main-02 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">How to Transfer Credits</h2>
			<h5 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">1. What is Credit Transfer?</h5>
			<strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
				Credit transfer refers to the process(es) by which educational institutions assess incoming credits<br />
				earned elsewhere and determine whether or not to accept them. <br />
				It is important to note that the acceptance of transfer credits is determined by the home institution of the student.
			</strong>
			<div class="f-img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
				<p>
					Transfer credit policies may differ from institution to institution. Accordingly, our expert advisors work with students one-on-one to<br />
					guide them in seeking approval for courses, thereby making credit transfer as smooth and efficient as possible.
				</p>
				<!-- <div class="more-btn">
					<a href="javascript:;" class="form-clk2">Find an equivalent course</a>
				</div> -->
			</div>
		</div>
	</section>
	<section class="main-2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
		<div class="main-center container">
			<div class="con1">
				<div class="rem5">
					<h5 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">2. Credit Transfer Requirements</h5>
					<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">When approving a course, a home institution will consider a number of factors.<br />
						Often, for example, students are asked to give information regarding a host/provider institution's program, <br />
						such as a link to the official website, course syllabus, class hours, location, etc.<br />
						The home institution will decide whether or not to accept transfer credits based on the information provided.
					</p>
					<span class="c2 f-medium wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">Key assessment criteria for evaluating whether credit will be transferred
						include:</span>
					<div class="item-list1">
						<div class="item" num="01">
							<h6 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><span>Student<br />information</span></h6>
							<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
								Students join live video conference classrooms during scheduled class hours.
								<br /><br />
								Professors teach face-to-face classes while also live-streaming to online students who attend virtually via the internet.
							</p>
						</div>
						<div class="item" num="02">
							<h6 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><span>Accreditation<br />of the program<br />host/provider</span></h6>
							<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
								Professors pre-record lectures, and students watch the recordings before specific deadlines. Professors record lectures during synchronous/live classes, and students who are unable to attend the class live can instead view the recorded lecture later.
							</p>
						</div>
						<div class="item" num="03">
							<h6 class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s"><span>Course<br />content</span></h6>
							<p class="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>
				<div class="shadow wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
					<p class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
						<strong class="c1">Speak to a LightCourse advisor</strong> 
						to consult with your home institution credit transfer policy
					</p>
					<div class="more-btn-k wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
						<a href="javascript:;" class="form-clk">Schedule an appointment<em>></em></a>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="main-2-3 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
		<div class="main-center container">
			<div class="con2">
				<h2>Course Approval</h2>
				<div><strong>Course approval is a key component of credit transfer.</strong></div>
				<span class="c1">Pre-course and post-course approval are the two types of course approval procedures:</span>
				<div class="item-list2 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">
					<div class="item">
						<em class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Course<br />Pre-Approval </em>
						<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
							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 institution’s 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.
						</span>
					</div>
					<div class="item">
						<em class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">Course<br />Post-Approval </em>
						<span class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
							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.
						</span>
					</div>
				</div>
			</div>
		</div>
	</section>

	<!--<section class="main-QA">-->
	<!--  <div class="main-center container">-->
	<!--    <div class="t">-->
	<!--      <h2>Enrollment Process</h2>-->
	<!--    </div>-->
	<!--    <div class="content">-->
	<!--      <ul id="accordion1" class="accordion">-->
	<!--        <li class="open">-->
	<!--          <div class="link">-->
	<!--            <h5><span><strong>Step1</strong> Fill out the pre-registration information</span> <i></i></h5>-->
	<!--          </div>-->
	<!--          <div class="submenu">-->
	<!--            <h6>01. Scan the WeChat QR code to enter the mini-program</h6>-->
	<!--            <p>Through the WeChat mini-program, you can easily obtain program information, course selection,-->
	<!--              payment, course registration, transcript delivery information, and other inquiries</p>-->
	<!--            <h6>02. Click on the upper right corner of the website to register</h6>-->
	<!--            <p>Fill in your personal cell phone number and email address to register, and start the follow-up course-->
	<!--              selection process after registration</p>-->
	<!--            <h6>03. Add the consultant's WeChat</h6>-->
	<!--            <p>Who will help and guide you one-on-one throughout the registration and learning process</p>-->
	<!--          </div>-->
	<!--        </li>-->
	<!--        <li>-->
	<!--          <div class="link">-->
	<!--            <h5><span><strong>Step 2</strong> With the help of our expert academic advisors </span> <i></i></h5>-->
	<!--          </div>-->
	<!--          <div class="submenu">-->
	<!--            <p>Choose a program/course and obtain your school's course equivalence form</p>-->
	<!--          </div>-->
	<!--        </li>-->
	<!--        <li>-->
	<!--          <div class="link">-->
	<!--            <h5><span><strong>Step 3</strong> Receive course syllabus and complete course approval from your school under-->
	<!--              our advisor's guidance to enroll in the course</span> <i></i></h5>-->
	<!--          </div>-->
	<!--          <div class="submenu">-->
	<!--            <p></p>-->
	<!--          </div>-->
	<!--        </li>-->
	<!--        <li>-->
	<!--          <div class="link">-->
	<!--            <h5><span><strong>Step 4</strong> Registration: success/failure	</span> <i></i></h5>-->
	<!--          </div>-->
	<!--          <div class="submenu">-->
	<!--            <p></p>-->
	<!--          </div>-->
	<!--        </li>-->
	<!--        <li>-->
	<!--          <div class="link">-->
	<!--            <h5><span><strong>Step 5</strong> Send the transcript after passing the course</span> <i></i></h5>-->
	<!--          </div>-->
	<!--          <div class="submenu">-->
	<!--            <p></p>-->
	<!--          </div>-->
	<!--        </li>-->
	<!--        <li>-->
	<!--          <div class="link">-->
	<!--            <h5><span><strong>Step 6</strong> Follow-up services after credit transfer</span> <i></i></h5>-->
	<!--          </div>-->
	<!--          <div class="submenu">-->
	<!--            <p></p>-->
	<!--          </div>-->
	<!--        </li>-->
	<!--      </ul>-->
	<!--    </div>-->
	<!--  </div>-->
	<!--</section>-->

	<!--<section class="main-4">
      <div class="main-center container">
          <div class="main-title">Enrollment Process</div>
          <div class="main-content">
              <div class="mian-left">
                  <div>Step1</div>
                  <div>Step2</div>
                  <div>Step3</div>
                  <div>Step4</div>
                  <div>Step5</div>
                  <div>Step6</div>
              </div>
              <div class="main-right">
                  <div>Fill out the pre-registration information</div>
                  <div>With the help of our expert academic advisors</div>
                  <div>Receive course syllabus and complete course approval from your school under our advisor's guidance to enroll in the course</div>
                  <div>Registration: success/failure</div>
                  <div>Send the transcript after passing the course</div>
                  <div class="boder-none">Follow-up services after credit transfer</div>
              </div>
              
          </div>
      </div>
      
  </section>-->


	<section class="rec-course" style="display: none;">
		<div class="main-title main-center">
			<h2>Recommended Course</h2>
		</div>
		<div class="main-center container">
			<a href="{:url('/Goods/index',['goods_id'=>$goods.goods_id])}" target="_blank" class="item">
				<div class="img"><img src="{:goods_cthumb($goods.goods_image)}" alt="{$goods.goods_name}"></div>
				<div class="text" num="1">
					<h6>{$goods.goods_name}</h6>
					<div class="par-con">
						<div class="par w100">
							<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-rili"></use>
							</svg>Institution：<span>{$goods.ke_simple_college}</span>
						</div>
						<div class="par w100">
							<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-shijian"></use>
							</svg>Credit(s)：<span>{$goods.ke_credit}</span>
						</div>
						<div class="par">
							<svg class="icon" aria-hidden="true">
								<use xlink:href="#icon-xianshangliuliang"></use>
							</svg>Start Date：<span>{$goods.ke_start_time}</span>
						</div>
						<!-- <div class="par">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-xueke"></use>
              </svg><strong>Category：</strong><span>{$goods.gc_name}</span>
            </div>
            <div class="par">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-icon"></use>
              </svg><strong>Credit：</strong><span>{$goods.ke_credit}</span>
            </div>-->
					</div>
					<!-- <div class="i-start">
            <p style="margin-right: 1rem;">Recommend Star</p>
            <div class="i">
              <svg class="iconf" aria-hidden="true">
                <use xlink:href="#icon-icon"></use>
              </svg>
              <svg class="iconf" aria-hidden="true">
                <use xlink:href="#icon-icon"></use>
              </svg>
              <svg class="iconf" aria-hidden="true">
                <use xlink:href="#icon-icon"></use>
              </svg>
              <svg class="iconf" aria-hidden="true">
                <use xlink:href="#icon-icon"></use>
              </svg>
              <svg class="iconf" aria-hidden="true">
                <use xlink:href="#icon-icon"></use>
              </svg>
            </div>
          </div>-->
				</div>
			</a>

		</div>
	</section>
	<!-- <section class="main-3 comment-container">
    <div class="main-center">
      <div class="comment">


        <div class="comment-list">
          <h5>List (2)</h5>
          <div class="content">

            <div class="item">
              <div>
                <h6>The Wig Experts</h6>
                <div class="des">
                  We would love to help you find your perfect style and color. To better assist you, we would recommend a virtual consultation. We know shopping online and wondering if it's right can be challenging.and based on the part of the process you are on, you would be thie perfect candidate for a virtual consultation. This free premier service that we now offer will help us better serve your needs! Virtual consultations give you the option of doing a one-on-one zoom with one of our experts. This then allows us the opportunity to show you how to measure, go over styles, and color options; as well as answer any questions you may have. If this is something you are interested in, let us know and we will gladly set up a time to meet with you.
                </div>
                <div class="time">
                  <span>
                    <i class="iconfont icon-shijian"></i>
                    2021-12-15 15:17:51
                  </span>
                  <span>
                    <i class="iconfont icon-eye"></i>
                    Reply
                  </span>
                </div>
              </div>
            </div>
            <div class="item">
              <div>
                <h6>The Wig Experts</h6>
                <div class="des">
                  We would love to help you find your perfect style and color. To better assist you, we would recommend a virtual consultation. We know shopping online and wondering if it's right can be challenging.and based on the part of the process you are on, you would be thie perfect candidate for a virtual consultation. This free premier service that we now offer will help us better serve your needs! Virtual consultations give you the option of doing a one-on-one zoom with one of our experts. This then allows us the opportunity to show you how to measure, go over styles, and color options; as well as answer any questions you may have. If this is something you are interested in, let us know and we will gladly set up a time to meet with you.
                </div>
                <div class="time">
                  <span>
                    <i class="iconfont icon-shijian"></i>
                    2021-12-15 15:17:51
                  </span>
                  <span>
                    <i class="iconfont icon-eye"></i>
                    Reply
                  </span>
                </div>
              </div>
            </div>

          </div>
        </div>
        <div class="comment-right">
          <h6>Leave a comment</h6>
          <form action="javascript:return false" class="form">
            <div>
              <label for="">Name</label>
              <input type="text" placeholder="Please enter name">
            </div>
            <div>
              <label for="">Email</label>
              <input type="text" placeholder="Please enter email">
            </div>
            <div>
              <label for="">Message</label>
            <textarea name="comment" id="comment" required="" placeholder="Please Leave A Comment"></textarea>
            </div>
            <div class="code-img">
              <!--  <input type="text" name="checkcode" required id="checkcode" class="form-control" placeholder="请输入验证码">
              <div class="img">
                <img title="点击刷新" class="codeimg" src="" />
              </div>-->
	<!--     </div>
            <div class="submit-btn">
              <input type="submit" value="SUBMIT">
            </div>
          </form>
        </div>
      </div>
    </div>
  </section> -->
	<section class="container-mask price-mask">
		<div class="container price-container ui form">
			<div class="iconf close-iconf"></div>
			<h5>Estimated cost of current course</h5>
			<div class="inline fields">
				<label>Choice of teaching style?</label>
				<div class="field">
					<div class="ui radio checkbox">
						<input type="radio" name="fruit" tabindex="0" class="hidden">
						<label>OnLine</label>
					</div>
				</div>
				<div class="field">
					<div class="ui radio checkbox">
						<input type="radio" name="fruit" tabindex="0" class="hidden">
						<label>Offline</label>
					</div>
				</div>
			</div>
			<div class="sb">
				<div class="field">
					<label>Tuition type：</label>
					<div class="ui selection dropdown">
						<input type="hidden" name="gender">
						<i class="dropdown icon"></i>
						<div class="default text">Tuition type</div>
						<div class="menu">
							<div class="item" data-value="1">data1</div>
							<div class="item" data-value="0">data2</div>
						</div>
					</div>
				</div>
				<div class="field">
					<label>Teaching Method：</label>
					<div class="ui selection dropdown">
						<input type="hidden" name="gender">
						<i class="dropdown icon"></i>
						<div class="default text">Teaching Method</div>
						<div class="menu">
							<div class="item" data-value="1">data1</div>
							<div class="item" data-value="0">data2</div>
						</div>
					</div>
				</div>
			</div>
			<p>Fill in the form above to get current course prices</p>
		</div>
	</section>
	<section class="container-mask no hint-mask">
		<div class="container hint">
			<div class="iconf close-iconf"></div>


			<a href="" class="item">
				<div class="i"><svg class="iconf" aria-hidden="true">
						<use xlink:href="#icon-xinxi"></use>
					</svg></div>
				<p>Live chat</p>
				<span>start chatting now</span>
			</a>
			<a href="" class="item">
				<div class="i"><svg class="iconf" aria-hidden="true">
						<use xlink:href="#icon-youxiang"></use>
					</svg></div>
				<p>Onlin message</p>
				<span>please leave the following information,we will get back to you in 36hours</span>
			</a>
			<a href="" class="item">
				<div class="i"><svg class="iconf" aria-hidden="true">
						<use xlink:href="#icon-register"></use>
					</svg></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>
			</a>
		</div>
	</section>
	<section class="container-mask form-wrap">
		<div class="container form-mask" style="max-width:45rem">
			<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 institution’s transfer credit policies. However, the acceptance of transfer credits is
							determined by the sutdent’s 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" class="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" class="fname" placeholder="First name*">
								</div>
								<div class="field">
									<input type="text" name="lname" id="lname" class="lname" placeholder="Last name*">
								</div>
							</div>
							<div class="field">
								<input type="text" name="fname" id="fname" class="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>
	<section class="container-mask form-wrap2">
		<div class="container form-mask" style="max-width:45rem">
			<div class="iconf close-iconf"></div>
			<div action="" onsubmit="return false" class="form-container form ui ">
				<h2 class="c1" style="text-align: center">Find an equivalent course</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>Do you have the course information at your home institution? Your LightCourse advisor will
							find the equivalent course on LightCourse and send it to you via email within 24 hours. </p>
						<p>To target the course you are looking for, please enter:</p>
						<form action="">
							<div class="field">
								<input type="text" name="school" id="schools"
									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="fnames" placeholder="First name*">
								</div>
								<div class="field">
									<input type="text" name="lname" id="lnames" placeholder="Last name*">
								</div>
							</div>
							<div class="field">
								<input type="text" name="fname" id="emails"
									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 onsubmitfroms">Submit</button>
							</div>
						</form>
					</div>
				</div>


			</div>
		</div>
	</section>
	<section class="container-mask form-wrap3">
		<div class="container form-mask" style="max-width:44rem">
			<div class="iconf close-iconf"></div>
			<div action="" onsubmit="return false" class="form-container form ui ">
				<h2 class="c1" style="text-align:center">Apply for a course syllabus</h2>
				<div class="m-box" style="display: flex">
					<div class="m-item">
						<h5>Option 1</h5>
						<p style="line-height: 1.5; font-size: 1rem;">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 style="line-height: 1.5; font-size: 1rem;">You advisor will send the syllabus to you via email within 24 hours.</p>
						<form action="" method="">
							<div class="field">
								<input type="text" name="fname" id="email"
									placeholder="What email address can we reach you at?">
								<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}">
							</div>
							<div class="sub">
								<button type="submit" class="ui primary button onsubmitfrom">Submit</button>
							</div>
						</form>
					</div>

				</div>


			</div>
		</div>
	</section>

	<section class="container-mask form-wrap4">
		<div class="container form-mask">
			<div class="iconf close-iconf"></div>
			<div action="" onsubmit="return false" class="form-container form ui ">
				<h2 class="c1 fm-4-title">Please select the tags that best describe your actual circumstances. The
					pricing of your course will be affected by the tags you select</h2>
				<!--<p>You advisor will send the syllabus to you via email within 24 hours.</p>-->

				<form action="" method="">
					<div class="field fm-4-list">
						<div class="qustitle">1.question</div>
						<!--<input type="text" name="fname" id="email" placeholder="What email address can we reach you at?">-->
						<select style="width:200px;">
							<option value="volvo">Yes</option>
							<option value="saab">No</option>
						</select>
					</div>
					<div class="field fm-4-list">
						<div class="qustitle">2.question</div>
						<!--<input type="text" name="fname" id="email" placeholder="What email address can we reach you at?">-->
						<select style="width:200px;">
							<option value="volvo">Yes</option>
							<option value="saab">No</option>
						</select>
					</div>
					<div class="sub">
						<button type="submit" class="ui primary button onsubmitfrom onsubmitfrom4">Submit</button>
					</div>
				</form>

			</div>
		</div>
	</section>
	<section class="container-mask form-wrap5 ">
		<!-- show -->
		<div class="container form-mask">
			<div class="iconf close-iconf"></div>
			<div action="" onsubmit="return false" class="form-container form ui " style="margin-top:30px;">
				<!--<h2 class="c1">Apply for a course syllabus</h2>-->
				<p>Please select the tags that best describe your actual circumstances. The pricing of your course will
					be affected by the tags you select</p>
			</div>
			<div class="ok">OK</div>
		</div>
	</section>
	<section class="container-mask form-wrap6">
		<!-- show -->
		<div class="container form-mask">
			<div class="iconf close-iconf"></div>
			<div class="cuucess">
				<div>✔</div>
				<div>RECEIVED</div>
			</div>
			<div action="" onsubmit="return false" class="form-container form ui sssss" style="margin-top:-10px;">
				<!--<h2 class="c1">Apply for a course syllabus</h2>-->
				<p>Your LightCourse advisor has successfully received your syllabus request and will sendt it to you via
					email
					within 24 hours.</p>


			</div>

		</div>
	</section>
	
	<section class="container-mask form-wrap7">
		<!-- show -->
		<div class="container form-mask" style="width:25.33rem;">
			<div action="" onsubmit="return false" class="wrap7p">
				<!--<h2 class="c1">Apply for a course syllabus</h2>-->
				<div class="iconf close-iconf"></div>
				<p style="line-height: 1.1; font-size: 0.9rem; margin-top: 1.7rem; color: #1b1b1b;">This course's enrollment deadline has passed.</p>
				<p style="line-height: 1.1; font-family: 'HarmonyOS_Sans_Medium' !important; color: #1b1b1b; font-size: 0.9rem;">Please choose <span class="c1">other courses</span></p>
			</div>
			<div class="oks" style="width: 19.3rem; margin: 1rem auto 1.2rem;">Back</div>
		</div>
	</section>


	<section class="container-mask form-wrap8">
		<!-- show -->
		<div class="container form-mask" style="width:25rem;">
			<div action="" onsubmit="return false" class="wrap7p">
				<!--<h2 class="c1">Apply for a course syllabus</h2>-->
				<div class="iconf close-iconf"></div>
				<img style="width:10.6rem; display:block; margin: 1.8rem auto 0" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
				<p style="font-size:0.9rem; text-align: center; line-height: 1.23; color: #1b1b1b;">
					Please <span class="c1">scan the WeChat QR Code</span><br />to add our academic advisor<br />and receive your registration information.
				</p>
				<div class="oks" style="margin: 1.5rem auto 2.5rem;">Back</div>
			</div>
		</div>
	</section>


	<section class="container-mask form-wrap10">
		<!-- show -->
		<div class="container form-mask" style="width:500px;">
			<div action="" onsubmit="return false" class="wrap7p">
				<!--<h2 class="c1">Apply for a course syllabus</h2>-->
				<p style="font-size:20px; text-align: justify; line-height: 26px; font-weight: 600; color: #000">Please
					scan the WeChat QR Code to add our academic advisor .</p>
				<img style="width:200px; display:block; margin: 0 auto"
					src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
			</div>
		</div>
	</section>

</main>
{/block}
{include file='default/base/mall_footer'/}
<form id="buynow_form" method="post" action="/Buy/buy_step1">
	<input id="cart_id" name="cart_id[]" type="hidden" />
</form>
</div>

<script>
	$(".pricebox").click(function() {
		$(".form-wrap10").addClass('show');
	})
	$(document).ready(function() {
		//$(".onsubmitfrom4").click(function(){
		// layer.msg("Success");
		//setTimeout(function(){
		//     $(".form-wrap4").removeClass('show');
		//    },100);
		// })
		$(".ok").click(function() {
			setTimeout(function() {
				$(".form-wrap5").removeClass('show');
			}, 100);
		})
		$(".oks").click(function() {
			setTimeout(function() {
				$(".form-wrap7").removeClass('show');
			}, 100);
		})
		$('#memberfeedback_form').validate({
			submitHandler: function(form) {
				ds_ajaxpost('memberfeedback_form', 'url', "{:url('Memberfeedback/add')}");
			},
			rules: {
				fb_content: {
					required: true
				}
			},
			messages: {
				fb_content: {
					required: '{$Think.lang.memberfeedback_content_tip}'
				}
			}
		});
	});
</script>


<script src="{$Think.PLUGINS_SITE_ROOT}/jquery.SuperSlide.2.1.1.js"></script>
<script>
	jQuery(".intro_r").slide({
		titCell: ".mb ul",
		mainCell: ".mc ul",
		autoPage: true,
		effect: "top",
		vis: 2,
		trigger: "click"
	});
</script>
<script type="text/javascript" src="{$Think.PLUGINS_SITE_ROOT}/jquery.lazyload.min.js"></script>
<script src="{$Think.HOME_SITE_ROOT}/js/jquery.jqzoom.js"></script>
<script src="{$Think.PLUGINS_SITE_ROOT}/jquery.ajaxContent.pack.js"></script>
<script>
	$("img.lazyload").lazyload({
		effect: "fadeIn",
		placeholder: "{$Think.HOME_SITE_ROOT}/images/loading.gif"
	});
	$(function() {
		/*商品缩略图放大镜*/
		$(".jqzoom").jqueryzoom({
			xzoom: 450,
			yzoom: 450,
			offset: 1,
			position: "right",
			preload: 1,
			lens: 1
		});
		//初始化对比按钮
		initCompare()
	});
	//收藏分享处下拉操作
	jQuery.divselect = function(divselectid, inputselectid) {
		var inputselect = $(inputselectid);
		$(divselectid).mouseover(function() {
			var ul = $(divselectid + " ul");
			ul.slideDown("fast");
			if (ul.css("display") == "none") {
				ul.slideDown("fast");
			}
		});
		$(divselectid).on('mouseleave', function() {
			$(divselectid + " ul").hide();
		});
	};
	$(function(){
	//     // 加入购物车
	  $('a[dstype="addcart_submit"]').click(function(){
	      if(0==0){
	           $(".form-wrap7").addClass("show");
	           return false;
	      }
	    $(".addcart-ico").addClass("move-ico");
	          $(".addcart-ico").css({
	            top:$("header #pc-header .right .h-btn .addcart-goods-num")[0].getBoundingClientRect().top,
	            left:$("header #pc-header .right .h-btn .addcart-goods-num")[0].getBoundingClientRect().left,
	            transition:"all ease-out 1s"
	          })
	          $(".addcart-ico").one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
	            $(".addcart-goods-num").text(parseInt($(".addcart-goods-num").text())  + 1 )
	          });
	    if (typeof(allow_buy) != 'undefined' && allow_buy === false) return ;
	      addcart(14918, checkQuantity(),'addcart_callback');
	
	  });
	            // 立即购买
	      $('a[dstype="buynow_submit"]').click(function(){
	           $(".form-wrap8").addClass('show')
	       // if (typeof(allow_buy) != 'undefined' && allow_buy === false) return ;
	         // buynow(14918,checkQuantity());
	      });
	      //     // 到货通知
	    // 规格选择
	  $('dl[dstype="ds-spec"]').find('a').each(function(){
	      $(this).click(function(){
	          if ($(this).hasClass('hovered') || $(this).hasClass('disable')) {
	              return false;
	          }
	          $(this).parents('ul:first').find('a').removeClass('hovered');
	          $(this).addClass('hovered');
	          checkSpec();
	      });
	  });
	});
	var spec_param = [{"stock":992,"sign":"","url":"\/home\/Goods\/index.html?goods_id=14918"}];
	function checkStock(){
	  var spec = new Array();
	  $('ul[nctyle="ul_sign"]').find('.hovered').each(function(){
	      var data_str = ''; eval('data_str =' + $(this).attr('data-param'));
	      spec.push(data_str.valid);
	  });
	  var spec2=new Array()
	  var spec3=new Array()
	  for(var i in spec){
	      spec2[i]=new Array()
	      for(var j in spec){
	          if(i!=j){
	              spec2[i].push(spec[j])
	          }
	      }
	      $('*[data-param="{valid:'+spec[i]+'}"]').parents('ul[nctyle="ul_sign"]').find('a:not(.hovered)').each(function(){
	          var data_str = ''; eval('data_str =' + $(this).attr('data-param'));
	          var spec4=spec2[i].concat([data_str.valid])
	          spec3.push(spec4.sort(function(a,b){
	              return a-b;
	          }).join('|'))
	      })
	  }
	  $.each(spec_param, function(i, n){
	      var i=spec3.indexOf(n.sign)
	      if (i>-1 && n.stock<=0) {
	          var spec4=spec3[i].split('|')
	          console.log(spec4)
	          for(var j in spec4){
	              $('*[data-param="{valid:'+spec4[j]+'}"]:not(.hovered)').addClass('disable')
	          }
	      }
	  });
	}
	checkStock()
	function checkSpec() {
	  var spec = new Array();
	  $('ul[nctyle="ul_sign"]').find('.hovered').each(function(){
	      var data_str = ''; eval('data_str =' + $(this).attr('data-param'));
	      spec.push(data_str.valid);
	  });
	  spec1 = spec.sort(function(a,b){
	      return a-b;
	  });
	  var spec_sign = spec1.join('|');
	  $.each(spec_param, function(i, n){
	      if (n.sign == spec_sign) {
	          window.location.href = n.url;
	      }
	  });
	}
	// 验证购买数量
	function checkQuantity(){
	  var quantity = parseInt($("#quantity").val());
	  var quantity = 1;
	  if (quantity < 1) {
	      layer.msg("请填写购买数量");
	      $("#quantity").val('1');
	      return false;
	  }
	  max = parseInt($('[dstype="goods_stock"]').text());
	    if(quantity > max){
	      layer.msg("库存不足");
	      return false;
	  }
	  return quantity;
	}
	// 立即购买js
	function buynow(goods_id,quantity){
	    $(".tips-wrap").addClass("show")
	// login_dialog();
	
	  }
	$(".tips-wrap .close-iconf").click(function(){
	     $(".tips-wrap").removeClass("show")
	})
	
	$(function(){
	  //选择地区查看运费
	  $('#transport_pannel>a').click(function(){
	    var id = $(this).attr('dstype');
	    if (id=='undefined') return false;
	    var _self = this,tpl_id = '0';
	    var url = HOMESITEURL+'/Goods/calc.html?rand='+Math.random();
	    $('#transport_price').css('display','none');
	    $('#loading_price').css('display','');
	    $.getJSON(url, {'id':id,'tid':tpl_id}, function(data){
	      if (data == null) return false;
	        if(data != 'undefined') {$('#nc_kd').html('运费$Think.lang.ds_colon}<em>' + data + '</em>元');}else{'平台承担运费';}
	        $('#transport_price').css('display','');
	      $('#loading_price').css('display','none');
	        $('#ncrecive').html($(_self).html());
	    });
	  });
	  $("#ds-bundling").load("/home/Goods/get_bundling.html?goods_id=14918", function(){
	      if($(this).html() != '') {
	          $(this).show();
	      }
	  });
	  $("#salelog_demo").load("/home/Goods/salelog.html?goods_id=14918&vr=0", function(){
	  });
	$("#consulting_demo").load("/home/Goods/consulting.html?goods_id=14918", function(){
	});
	/** goods.php **/
	// 商品详情默认情况下显示全部
	$('#tabGoodsIntro').click(function(){
	  $('.bd').css('display','none');
	  $('#dsGoodsIntro').css('display','');
	  $('.hd').css('display','none');
	});
	// 点击评价隐藏其他以及其标题栏
	$('#tabGoodsRate').click(function(){
	  $('.bd').css('display','none');
	  $('#dsGoodsRate').css('display','');
	  $('.hd').css('display','none');
	});
	// 点击成交隐藏其他以及其标题
	$('#tabGoodsTraded').click(function(){
	  $('.bd').css('display','none');
	  $('#dsGoodsTraded').css('display','');
	  $('.hd').css('display','none');
	});
	// 点击咨询隐藏其他以及其标题
	$('#tabGuestbook').click(function(){
	  $('.bd').css('display','none');
	  $('#dsGuestbook').css('display','');
	  $('.hd').css('display','none');
	});
	//商品排行Tab切换
	$(".dss-top-tab > li > a").mouseover(function(e) {
	  if (e.target == this) {
	    var tabs = $(this).parent().parent().children("li");
	    var panels = $(this).parent().parent().parent().children(".dss-top-panel");
	    var index = $.inArray(this, $(this).parent().parent().find("a"));
	    if (panels.eq(index)[0]) {
	      tabs.removeClass("current ").eq(index).addClass("current ");
	      panels.addClass("hide").eq(index).removeClass("hide");
	    }
	  }
	});
	
	
	
	//触及显示缩略图
	$('.goods-pic > .thumb').hover(
	  function(){
	    $(this).next().css('display','block');
	  },
	  function(){
	    $(this).next().css('display','none');
	  }
	);
	/* 商品购买数量增减js */
	// 增加
	$('a[dstype="increase"]').click(function(){
	          num = parseInt($('#quantity').val());
	            max = parseInt($('[dstype="goods_stock"]').text());
	  if(num < max){
	    $('#quantity').val(num+1);
	  }
	});
	//减少
	$('a[dstype="decrease"]').click(function(){
	  num = parseInt($('#quantity').val());
	  if(num > 1){
	    $('#quantity').val(num-1);
	  }
	});
	  $('#categorymenu').on('click', 'li', function() {
	      $('#categorymenu li').removeClass('current');
	      $(this).addClass('current');
	  });
	  //评价列表
	  $('#comment_tab').on('click', 'li', function() {
	      $('#comment_tab li').removeClass('current');
	      $(this).addClass('current');
	      load_goodseval($(this).attr('data-type'));
	  });
	  load_goodseval('all');
	  function load_goodseval(type) {
	      var url = "/home/Goods/comments.html?goods_id=14918";
	      url += '&type=' + type;
	      $("#goodseval").load(url, function(){
	      });
	  }
	  //记录浏览历史
	$.get("/Goods/addbrowse.html?gid=14918");
	  // 满即送、加价购显示隐藏
	  $('[dstype="show-rule"]').click(function(){
	      $(this).parent().find('[dstype="rule-content"]').show();
	  });
	  $('[dstype="hide-rule"]').click(function(){
	      $(this).parents('[dstype="rule-content"]:first').hide()
	  });
	  $('.dss-buy').bind({
	      mouseover:function(){$(".dss-point").show();},
	      mouseout:function(){$(".dss-point").hide();}
	  });
	});
	/* 加入购物车后的效果函数 */
	function addcart_callback(data){
	if(data.state=='true'){
	$('#bold_num').html(data.num);
	  $('#bold_mly').html(price_format(data.amount));
	  $('.dss-cart-popup').fadeIn('fast');
	}else{
	layer.msg(data.message)
	}
	}
	var $cur_area_list,$cur_tab,next_tab_id = 0,cur_select_area = [],calc_area_id = '',calced_area = [],cur_select_area_ids = [];
	$(document).ready(function(){
	$("#dss-freight-selector").hover(function() {
	  //如果店铺没有设置默认显示区域，马上异步请求
	  if (typeof ds_a === "undefined") {
	     $.getJSON(HOMESITEURL + "/Goods/json_area?callback=?", function(data) {
	       ds_a = data;
	       $cur_tab = $('#dss-stock').find('li[data-index="0"]');
	       _loadArea(0);
	     });
	  }
	  $(this).addClass("hover");
	  $(this).on('mouseleave',function(){
	    $(this).removeClass("hover");
	  });
	});
	$('ul[class="area-list"]').on('click','a',function(){
	  $('#dss-freight-selector').unbind('mouseleave');
	  var tab_id = parseInt($(this).parents('div[data-widget="tab-content"]:first').attr('data-area'));
	  if (tab_id == 0) {cur_select_area = [];cur_select_area_ids = []};
	  if (tab_id == 1 && cur_select_area.length > 1) {
	    cur_select_area.pop();
	    cur_select_area_ids.pop();
	    if (cur_select_area.length > 1) {
	      cur_select_area.pop();
	      cur_select_area_ids.pop();
	    }
	  }
	  next_tab_id = tab_id + 1;
	  var area_id = $(this).attr('data-value');
	  $cur_tab = $('#dss-stock').find('li[data-index="'+tab_id+'"]');
	  $cur_tab.find('em').html($(this).html());
	  $cur_tab.find('i').html('');
	  if (tab_id < 2) {
	    calc_area_id = area_id;
	    cur_select_area.push($(this).html());
	    cur_select_area_ids.push(area_id);
	    $cur_tab.find('a').removeClass('hover');
	    $cur_tab.nextAll().remove();
	    if (typeof ds_a === "undefined") {
	         $.getJSON(HOMESITEURL + "/Goods/json_area?callback=?", function(data) {
	           ds_a = data;
	           _loadArea(area_id);
	         });
	    } else {
	      _loadArea(area_id);
	    }
	  } else {
	    //点击第三级，不需要显示子分类
	    if (cur_select_area.length == 3) {
	      cur_select_area.pop();
	      cur_select_area_ids.pop();
	    }
	    cur_select_area.push($(this).html());
	    cur_select_area_ids.push(area_id);
	    $('#dss-freight-selector > div[class="text"] > div').html(cur_select_area.join(''));
	    $('#dss-freight-selector').removeClass("hover");
	    _calc();
	  }
	  $('#dss-stock').find('li[data-widget="tab-item"]').on('click','a',function(){
	    var tab_id = parseInt($(this).parent().attr('data-index'));
	    if (tab_id < 2) {
	      $(this).parent().nextAll().remove();
	      $(this).addClass('hover');
	      $('#dss-stock').find('div[data-widget="tab-content"]').each(function(){
	        if ($(this).attr("data-area") == tab_id) {
	          $(this).show();
	        } else {
	          $(this).hide();
	        }
	      });
	    }
	  });
	});
	function _loadArea(area_id){
	  if (ds_a[area_id] && ds_a[area_id].length > 0) {
	    $('#dss-stock').find('div[data-widget="tab-content"]').each(function(){
	      if ($(this).attr("data-area") == next_tab_id) {
	        $(this).show();
	        $cur_area_list = $(this).find('ul');
	        $cur_area_list.html('');
	      } else {
	        $(this).hide();
	      }
	    });
	    var areas = [];
	    areas = ds_a[area_id];
	    for (i = 0; i < areas.length; i++) {
	      if (areas[i][1].length > 8) {
	        $cur_area_list.append("<li class='longer-area'><a data-value='" + areas[i][0] + "' href='#none'>" + areas[i][1] + "</a></li>");
	      } else {
	          $cur_area_list.append("<li><a data-value='" + areas[i][0] + "' href='#none'>" + areas[i][1] + "</a></li>");
	      }
	    }
	    if (area_id > 0){
	      $cur_tab.after('<li data-index="' + (next_tab_id) + '" data-widget="tab-item"><a class="hover" href="#none" ><em>请选择...</em><i class="iconfont">&#xe689;</i></a></li>');
	    }
	  } else {
	    //点击第一二级时，已经到了最后一级
	    $cur_tab.find('a').addClass('hover');
	    $('#dss-freight-selector > div[class="text"] > div').html(cur_select_area);
	    $('#dss-freight-selector').removeClass("hover");
	    _calc();
	  }
	}
	//计算运费，是否配送
	function _calc() {
	  $.cookie('dregion', cur_select_area_ids.join(' ')+'|'+cur_select_area.join(' '), { expires: 30 });
	    return;
	    var _args = '';
	  _args += "&tid=0";
	  if (_args != '') {
	    _args += '&area_id=' + calc_area_id ;
	    if (typeof calced_area[calc_area_id] == 'undefined') {
	      //需要请求配送区域设置
	      $.getJSON(HOMESITEURL + "/Goods/calc.html?" + _args + "&callback=?", function(data){
	        allow_buy = data.total ? true : false;
	        calced_area[calc_area_id] = data.total;
	        if (data.total === false) {
	          $('#dss-freight-prompt > strong').html('无货').next().remove();
	          $('a[dstype="buynow_submit"]').addClass('no-buynow');
	          $('a[dstype="addcart_submit"]').addClass('no-buynow');
	          $('#free-time').hide();
	        } else {
	          $('#dss-freight-prompt > strong').html('有货 ').next().remove();
	          $('#dss-freight-prompt > strong').after('<span>' + data.total + '</span>');
	          $('a[dstype="buynow_submit"]').removeClass('no-buynow');
	          $('a[dstype="addcart_submit"]').removeClass('no-buynow');
	          $('#free-time').show();
	        }
	      });
	    } else {
	      if (calced_area[calc_area_id] === false) {
	        $('#dss-freight-prompt > strong').html('无货').next().remove();
	        $('a[dstype="buynow_submit"]').addClass('no-buynow');
	        $('a[dstype="addcart_submit"]').addClass('no-buynow');
	        $('#free-time').hide();
	      } else {
	        $('#dss-freight-prompt > strong').html('有货').next().remove();
	        $('#dss-freight-prompt > strong').after('<span>' + calced_area[calc_area_id] + '</span>');
	        $('a[dstype="buynow_submit"]').removeClass('no-buynow');
	        $('a[dstype="addcart_submit"]').removeClass('no-buynow');
	        $('#free-time').show();
	      }
	    }
	  }
	}
	});
	                              //缩略图切换
	                              $('.small-pic-li').each(function(i, o) {
	                                  var lilength = $('.small-pic-li').length;
	                                  $(o).hover(function() {
	                                      $(o).siblings().removeClass('active');
	                                      $(o).addClass('active');
	                                      $('#zoomimg').attr('src', $(o).find('img').attr('data-img'));
	                                      $('#zoomimg').attr('jqimg', $(o).find('img').attr('data-big'));
	                                      $('.next-btn').removeClass('disabled');
	                                      if (i == 0) {
	                                          $('.next-left').addClass('disabled');
	                                      }
	                                      if (i + 1 == lilength) {
	                                          $('.next-right').addClass('disabled');
	                                      }
	                                  });
	                              })
	                              //前一张缩略图
	                              $('.next-left').click(function() {
	                                  var newselect = $('.small-pic>.active').prev();
	                                  if(!newselect.length){
	                                      return;
	                                  }
	                                  $('.small-pic>.active').removeClass('active');
	                                  $(newselect).addClass('active');
	                                  $('#zoomimg').attr('src', $(newselect).find('img').attr('data-img'));
	                                  $('#zoomimg').attr('jqimg', $(newselect).find('img').attr('data-big'));
	                                  var index = $('.small-pic>li').index(newselect);
	                                  if (index == 0) {
	                                      $('.next-left').addClass('disabled');
	                                  }
	                                  $('.next-right').removeClass('disabled');
	                              })
	                              //后前一张缩略图
	                              $('.next-right').click(function() {
	                                  var newselect = $('.small-pic>.active').next();
	                                  if(!newselect.length){
	                                      return;
	                                  }
	                                  $('.small-pic>.active').removeClass('active');
	                                  $(newselect).addClass('active');
	                                  $('#zoomimg').attr('src', $(newselect).find('img').attr('data-img'));
	                                  $('#zoomimg').attr('jqimg', $(newselect).find('img').attr('data-big'));
	                                  var index = $('.small-pic>li').index(newselect);
	                                  if (index + 1 == $('.small-pic>li').length) {
	                                      $('.next-right').addClass('disabled');
	                                  }
	                                  $('.next-left').removeClass('disabled');
	                              })
	                              /**
	                               * 加减数量
	                               * n 点击一次要改变多少
	                               * maxnum 允许的最大数量(库存)
	                               * number ，input的id
	                               */
	                              function altergoodsnum(n) {
	                                  var num = parseInt($('#quantity').val());
	                                  var maxnum = parseInt($('#quantity').attr('max'));
	                                  num += n;
	                                  num <= 0 ? num = 1 : num;
	                                  if (num >= maxnum) {
	                                      $(this).addClass('no-mins');
	                                      num = maxnum;
	                                  }
	                                  $('#store_count').text(maxnum - num); //更新库存数量
	                                  $('#quantity').val(num)
	                              }
	</script>
	<script>
	  $('#rangestart').calendar({
	  type: 'date',
	  endCalendar: $('#rangeend')
	});
	$('#rangeend').calendar({
	  type: 'date',
	  startCalendar: $('#rangestart')
	});
	  $('.ui.radio.checkbox')
	    .checkbox()
	    ;
	  $(".ui.dropdown").dropdown();
	  $('select.dropdown')
	    .dropdown()
	    ;
	  $(".course-details .main-1 .container .right .info .t .clk").click(function () {
	    $(".price-mask").addClass("show")
	  })
	  $(".hint-btn").click(function () {
	    $(".hint-mask").addClass("show")
	  })
	  $(".form-clk").click(function(){
	    $(".email").val(''),
	    $(".fname").val(''),
	    $(".lname").val(''),
	    $(".school").val(''),
	    $(".form-wrap").addClass("show")
	  })
	  $(".form-clk2").click(function(){
	      $("#emails").val(''),
	      $("#fnames").val(''),
	      $("#lnames").val(''),
	      $("#schools").val(''),
	    $(".form-wrap2").addClass("show")
	  })
	  $(".form-clk3").click(function(){
	    $("#email").val('');
	    $(".form-wrap3").addClass("show")
	  })
	  
	  $(".onsubmitfrom").click(function(){
	       var email = $("#email").val();
	       var fb_code = $("#fb_code").val();
	       var fb_course = $("#fb_course").val();
	       var fb_school = $("#fb_school").val();
	       
	       let data = {
	           email:email,
	           fb_code:fb_code,
	           fb_course:fb_course,
	           fb_school:fb_school,
	       }
	        $.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-wrap3").removeClass("show");
	                    $(".form-wrap6").addClass("show");
	                    // setTimeout(function(){
	                    //     $(".form-wrap6").removeClass("show");
	                    // },1500)
	                    // layer.msg('Your LightCourse advisor has successfully received your syllabus request and will send it to you via email within 24 hours');
	                }
	            },
	        }); 
	  })
	  //Find an equivalent course
	  $('.onsubmitfroms').click(function(){
	       let data = {
	           email:$("#emails").val(),
	           fname:$("#fnames").val(),
	           lname:$("#lnames").val(),
	           school:$("#schools").val(),
	           
	          fb_code:$("#fb_code").val(),
	          fb_course:$("#fb_course").val(),
	          fb_school:$("#fb_school").val(),
	       
	           type:1,
	       }
	        $.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-wrap2").removeClass("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")
	                }
	            },
	        }); 
	  })
	  
	  // 到登录之前存储现在地址
	  $(".tips-wrap .more-btn a").click(function(){
	      localStorage.setItem('href', JSON.stringify(window.location.href))
	  })
</script>