{include file='default/base/mall_top'/}
{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">
<style>
.par.w100{
  width: 100% !important;
}
.i-start p{
  font-size: .7rem;
}
.par{
  width: 100%;
  display: flex;
}
.course-details .main-2 .con1 p,.course-details .main-2 .con2 .item-list2 .item,.par,.par span{
    font-size: 0.9rem;
    font-family: 'robotoLight'!important;
    color: #333;
}
.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:.7rem;
    white-space: nowrap;
  }
  .ui.form .field>label{
    margin-bottom: 1rem;
  }
  .main-2 h5{
font-family: "robotoMedium";
  }
  .rem5{
    margin-top: 5rem;
  }
  .shadow{
    max-width: 80%;
    margin:3rem 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;

  }
  .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{
    width:100px;
    height:35px;
    font-size:1rem;
    text-align: center;
    line-height: 35px;
    color:white;
    border-radius:5px;
    border:1px solid #3b52f6;
    background:#3b52f6;
    margin:20px auto 0;
    cursor: pointer;
}
.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>
<main class="course-details">
    
  <section class="main-1">
    <div class="main-center ">
      <div class="position">Position: <a href="/">Home</a> > <a href="/brand">Courses</a> > Course Details   </div>
      <div class="container">
        <div class="left">
          <div>
             <!-- {$goods.goods_id}-->
            <h1>{$goods.goods_name}</h1>
            <h4>{$goods.ke_college}</h4>
            <div class="i-start">
              <div class="i">
                <svg class="iconf" aria-hidden="true">
                  <use xlink:href="#icon-icon"></use>
                </svg>
                <svg class="iconf" aria-hidden="true">
                  <use xlink:href="#icon-icon"></use>
                </svg>
                <svg class="iconf" aria-hidden="true">
                  <use xlink:href="#icon-icon"></use>
                </svg>
                <svg class="iconf" aria-hidden="true">
                  <use xlink:href="#icon-icon"></use>
                </svg>
                <svg class="iconf" aria-hidden="true">
                  <use xlink:href="#icon-icon"></use>
                </svg>
              </div>
              <span>4.8 points</span>
            </div>
          </div>
          <div>
            <h3>Basic Information</h3>
            <p><em>Category</em>: <span>{$goods.gc_name}</span></p>
            <p><em>Credit(s)</em>: <span>{$goods.ke_credit}</span></p>
            <p><em>Enrollment start date</em>: <span>{$goods.enroll_start_date}</span></p>
            <p><em>Enrollment deadline</em>: <span>{$goods.enroll_end_date}</span></p>
           <!-- <p><em>Prerequisite(s) </em>：<span>empty</span></p>-->
          </div>
        </div>
        <div class="right">
          <div class="info">
            <div class="t">
              <div class="item">
                <strong>{$goods.ke_online}</strong>
                <p>Mode of Instruction</p>
              </div>
              <div class="item">
                <strong>{$goods.ke_credit}<span>credits</span></strong>
                <p>Course Credits</p>
              </div>
              <!--<div class="item clk">-->
              <div class="item itemnum pricebox" style="cursor:pointer;">
                <!--<strong>${$goods.goods_price}<span></span></strong>-->
                <strong>Price Calculator<span></span></strong>
                <p>Estimated Price</p>
              </div>
              
              <div class="item">
                <strong>{$goods.ke_period}
                     {if $goods.ke_period != 'Self-paced'}
                         <span>weeks</span>
                      {/if}
                </strong>
                <p>Program Duration</p>
              </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 class="btn-wrap">
              <a href="javascript:collect_goods('{$goods.goods_id}','count','goods_collect');" class="collect-btn">
                <svg class="iconf" aria-hidden="true">
                  <use xlink:href="#icon-shoucang"></use>
                </svg>
              </a>
              {if $IsHaveBuy=="0"}
                  <a href="javascript:void(0);" dstype="buynow_submit" class="btn s1 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 $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}"><i class="iconfont">&#xe69a;</i>Add to Cart <i class="addcart-ico">1</i></a>
                  {/if}
              {/if}
            </div>
          </div>
        </div>
      </div>
      <div class="content1">
        <h2 style="margin-bottom: 2rem;">Course Description</h2>
        <div class="des" style="font-family: 'robotoLight'!important">
            {$goods.goods_body}
        </div>
        <div class="more-btn">
          <a href="javascript:;" class="form-clk3">View syllabus</a>
        </div>
      </div>
    </div>
  </section>

  <section class="main-2">
    <div class="main-center container">
      <div class="con1">
        <h2>How to Transfer Credits</h2>
        <h5>What is Credit Transfer?</h5>
        <strong> Credit transfer refers to the process(es) by which educational institutions assess incoming credits
            earned elsewhere and
            determine whether or not to accept them. 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">
            <p>Transfer credit policies may differ from institution to institution. Accordingly,
                our expert advisors work with students one-on-one to guide them in seeking
                approval for courses, thereby making credit transfer as smooth and efficient
                as possible.</p>
                <div class="more-btn">
                  <a href="javascript:;" class="form-clk2">Find an equivalent course</a>
                </div>


        </div>
       <div class="rem5">
        <h5>Credit Transfer Requirements</h5>
        <p>When approving a course, a home institution will consider a number of factors.
            Often, for example, students are asked to give information regarding a host/provider
            institution's program, such as a link to the official website, course syllabus, class hours, location, etc.
            The home institution
            will decide whether or not to accept transfer credits based on the information provided.</p>
    <strong class="c2">Key assessment criteria for evaluating whether credit will be transferred include:</strong>
    <div class="item-list1">
        <div class="item" num="01">
            <h6>Student information</h6>
            <p>The home institution will determine if the student is eligible for credit transfer. Information collected and evaluated typically includes such info as school year, GPA, number of credits earned, and whether the student has taken prerequisite courses, among others.</p>
        </div>
        <div class="item" num="02">
            <h6>Accreditation of the
                program host/provider</h6>
                <p>The home institution will consider program host/provider accreditation to assess that institution's qualifications and whether the quality of instruction meets the home institution's requirements.</p>
        </div>
        <div class="item" num="03">
            <h6>Course content</h6>
            <p>It is important to make sure that the course is equivalent to a class at the student's home institution and meets the school's course requirements. This information is crucial when a student needs to transfer credits for a specific curriculum since it determines whether the course will be covered.</p>
        </div>
    </div>
       </div>
        <div class="shadow">
          <p><strong class="c1">Speak to a LightCourse advisor</strong> to consult with your home institution credit transfer policy</p>
          <div class="more-btn">
            <a href="javascript:;" class="form-clk">Schedule an appointment</a>
          </div>
        </div>
    </div>
    <div class="con2">
        <h2>Course Approval</h2>
        <div><strong>-Course approval is a key component of credit transfer.</strong></div>
        <span class="c2">Pre-course and post-course approval are the two types of course approval procedures:</span>
        <div class="item-list2">
            <div class="item">
                <em>Course Pre-Approval </em>refers to a home institution assessing before you enroll in an external course whether the potential
                    transfer credits you will earn are likely to be accepted. The course will be evaluated to see if it meets your home 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.
            </div>
            <div class="item">
                <em>Course Post-Approval </em>refers to a home institution assessing after receiving an official transcript from the institution where
                the course was taken whether or not to accept the transfer credits for an already-completed course. With Post-Approval, you do not
                know in advance whether a potential external course matches your intended course at your home institution, or whether your home
                institution will accept transfer credits. Thus, with Post-Approval, there is a higher risk of failing to transfer credits.
            </div>
        </div>
    </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">
    <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>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>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:500px;">
        <div action="" onsubmit="return false" class="wrap7p">
          <!--<h2 class="c1">Apply for a course syllabus</h2>-->
          <p>This course's enrollment deadline has passed.</p>
        </div>
        <div class="oks">OK</div>
      </div>
    </section>
    
    
      <section class="container-mask form-wrap8"> <!-- 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 and receive your registration information.</p>
              <img style="width:200px; display:block; margin: 0 auto" src="{$Think.HOME_SITE_ROOT}/new/images/wwww.jpg">
        </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(){
//   {if condition="$goods.goods_state eq '1' && $goods.goods_storage gt 0"}
  // 加入购物车
  $('a[dstype="addcart_submit"]').click(function(){
      if({$goods.show_status}==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({$goods.goods_id}, checkQuantity(),'addcart_callback');

  });
      <?php if (!($goods['is_virtual'] == 1 && $goods['virtual_indate'] < TIMESTAMP)) {?>
      // 立即购买
      $('a[dstype="buynow_submit"]').click(function(){
           $(".form-wrap8").addClass('show')
       // if (typeof(allow_buy) != 'undefined' && allow_buy === false) return ;
         // buynow({$goods.goods_id},checkQuantity());
      });
      <?php }?>
//   {/if}
  // 到货通知
  {if condition="$goods.goods_storage eq '0' || $goods.goods_state eq '0'"}
  $('a[dstype="arrival_notice"]').click(function(){
          {if condition="session('is_login') neq '1'"}
      login_dialog();
      {else/}
      ajax_form('arrival_notice', '{$Think.lang.arrival_notice}',"{:url('Goods/arrival_notice',['goods_id'=>$goods.goods_id])}", 350);
      {/if}
  });
  {/if}
  {if ($goods['goods_state'] == 0 || $goods['goods_storage'] <= 0) && $goods['is_appoint'] == 1}
  $('a[dstype="appoint_submit"]').click(function(){
      {if session('is_login') !== '1'}
      login_dialog();
      {else/}
      ajax_form('arrival_notice', '{$Think.lang.make_appointment_immediately}', "{:url('Goods/arrival_notice',['goods_id'=>$goods.goods_id,'type'=>'2'])}", 350);
      {/if}
  });
  {/if}
  // 规格选择
  $('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 = {$spec_list|raw};
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("{$Think.lang.goods_index_pleaseaddnum}");
      $("#quantity").val('1');
      return false;
  }
  max = parseInt($('[dstype="goods_stock"]').text());
  {if $goods['is_virtual'] == 1 && $goods['virtual_limit'] > 0}
  max = {$goods.virtual_limit};
  if(quantity > max){
      layer.msg('{$Think.lang.maximum_purchase}'+max+'{$Think.lang.piece}');
      return false;
  }
  {/if}
  {notempty name="$goods.upper_limit"}
  max = {$goods.upper_limit};
  if(quantity > max){
      layer.msg('{$Think.lang.maximum_purchase}'+max+'{$Think.lang.piece}');
      return false;
  }
  {/notempty}
  if(quantity > max){
      layer.msg("{$Think.lang.goods_index_add_too_much}");
      return false;
  }
  return quantity;
}
// 立即购买js
function buynow(goods_id,quantity){
  {if session('is_login') !== '1'}
  $(".tips-wrap").addClass("show")
// login_dialog();

  {else/}
  if (!quantity) {
      return;
  }
  $("#cart_id").val(goods_id+'|'+quantity);
  $("#buynow_form").submit();
  {/if}
}
$(".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 = '{$goods.transport_id}';
    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.freight}$Think.lang.ds_colon}<em>' + data + '</em>{$Think.lang.ds_yuan}');}else{'{$Think.lang.goods_index_trans_for_platform}';}
        $('#transport_price').css('display','');
      $('#loading_price').css('display','none');
        $('#ncrecive').html($(_self).html());
    });
  });
  $("#ds-bundling").load("{:url('Goods/get_bundling',['goods_id'=>$goods.goods_id])}", function(){
      if($(this).html() != '') {
          $(this).show();
      }
  });
  $("#salelog_demo").load("{:url('Goods/salelog',['goods_id'=>$goods.goods_id,'vr'=>$goods.is_virtual])}", function(){
  });
$("#consulting_demo").load("{:url('Goods/consulting',['goods_id'=>$goods.goods_id])}", 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());
          {if $goods['is_virtual'] == 1 && $goods['virtual_limit'] > 0}
    max = {$goods.virtual_limit};
    if(num >= max){
        layer.msg('{$Think.lang.maximum_purchase}'+max+'{$Think.lang.piece}');
        return false;
    }
          {/if}
          {notempty name="$goods.upper_limit"}
    max = {$goods.upper_limit};
    if(num >= max){
        layer.msg('{$Think.lang.maximum_purchase}'+max+'{$Think.lang.piece}');
        return false;
    }
    {/notempty}
  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 = "{:url('Goods/comments',['goods_id'=>$goods.goods_id])}";
      url += '&type=' + type;
      $("#goodseval").load(url, function(){
      });
  }
  //记录浏览历史
$.get("{:url('/Goods/addbrowse',['gid'=>$goods.goods_id])}");
  // 满即送、加价购显示隐藏
  $('[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)
}
}
<?php if($goods['goods_state'] == 1 && $goods['is_virtual'] == 0){ ?>
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>{$Think.lang.ds_please_choose}</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 });
  <?php if (! $goods['transport_id']) { ?>
  return;
  <?php } ?>
  var _args = '';
  _args += "&tid=<?php echo $goods['transport_id']?>";
  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('{$Think.lang.goods_out_stock}').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('{$Think.lang.goods_stock} ').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('{$Think.lang.goods_out_stock}').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('{$Think.lang.goods_stock}').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();
      }
    }
  }
}
});
<?php }?>
                              //缩略图切换
                              $('.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>