.body > div:nth-child(2n) {
  background: #f8f9ff;
}
.bg{
  background: #f8f9ff;
}
.none{
  display: none ;
}
.swiper-pagination-bullet-active{
  background: #fff;
}
.teacher-bg{height: 216px;}
/**头部**/
#nologin a{color: #2D3336;font-size: 16px;line-height:40px;}
#header{
  background: #fff;
  height: 80px;
}
#header .logo {
  float: left;
  margin-top: 20px;
  width: 122px;
  height: 40px;
}
#header .logo img {
  max-width: 100%;
  max-height: 100%;
}
#header .search {
  margin-top: 18px;
  width: 380px;
  height: 40px;
  position: relative;
  float: left;
  margin-left: 100px;
}
#header .search .import {
  width: 380px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  line-height: 40px;
  font-size: 14px;
  background: #f6f6f6;
  border-radius: 22px;
  border: none;
}
#header .search .submit {
  position: absolute;
  right: 15px;
  top: 50%;
  height: 20px;
  width: 20px;
  margin-top: -10px;
  z-index: 100;
  background: url("../images/search_bg.png") no-repeat center;
 
}
#header .search input {
  outline-color: invert;
  outline-style: none;
  /* width: 100%; */
  outline-width: 0px;
  border: none;
  border-style: none;
  text-shadow: none;
  -webkit-appearance: none;
  -webkit-user-select: text;
  outline-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#header .header_right {

  float: right;
}
.nav {
  background: #3c9f48;
  height: 50px;
}
.nav ul li {
  position: relative;
  float: left;
  width: 144px;
  text-align: center;
}
.nav ul li a {
  display: inline-block;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
}
.nav ul li:hover,.nav ul .curr{
  background: #348E3F;
}
.nav ul li .text {
  display: none;
  background: #fff;
  width: 92px;
  position: absolute;
  z-index: 100000000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 30px;
  text-align: center;
}
.nav ul li .text a {
  font-size: 14px;
  padding: 0;
  color: #333;
  line-height: 40px;
  display: block;
  position: relative;
}
.nav ul li .text a:hover {
  color: #fff;
}
.nav ul .on .text {
  display: block;
}
.nav ul .on .text a {
  background: #fff;
}
.nav ul .on .text li{
  border-bottom: 1px solid #e9e9e9;
}
.nav ul .on .text a:hover {
  color: #348E3F;
  background: #f5f5f5;
}
#header .enter {
  margin-top: 22px;
  width: 184px;
  float: right;
}
#header .enter .shop {
  position: relative;
  width: 30px;
  height: 30px;
  float: left;
}
#header .enter .shop .ks-cart-num {
  display: block;
  width: 20px;
  height: 20px;
  font-size: 12px;
  color: #fff;
  background: #e64a3b;
  border-radius: 100%;
  text-align: center;
  position: absolute;
  line-height: 20px;
  right: -6px;
  top: 50%;
  margin-top: -15px;
}
#header .enter .register {
  position: relative;
  width: 120px;
  float: right;
}
#header .haed-user{
  padding-bottom: 14px;
}
#header .enter .register .u-navdropmenu{
  display: none;
  position: absolute;
  width: 136px;
  /* border: 1px solid #909090; */
  min-height: 60px;
  top: 46px;
  left: 50%;
  box-sizing: border-box;
  padding: 15px 0;
  margin-left: -63px;
  z-index: 10000;
  background: #fff;
  /* transition: all 5s */
  -webkit-transition:0.5s;transition:0.5s;width:100%;-webkit-transition-delay:0s;transition-delay:0s;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
#header .enter .register .u-navdropmenu a{display: block; line-height: 36px;color: #909090; padding: 0 15px; font-size: 14px;}
#header .enter .register .u-navdropmenu a:hover{
  color: #fff;
  background: #3c9f48;
}
.loginBtn a{
  line-height: 34px;
}
#header .enter .register .u-navdropmenu a i{
  padding-right: 4px;
}
#header .enter .register .portrait {
  width: 40px;
  height: 40px;
  float: left;
  border-radius: 100%;
  overflow: hidden;
}
#header .enter .register .portrait img {
  max-width: 100%;
  height: 100%;
}
#header .enter .register .named {
  float: left;
  margin-left: 8px;
  width: 56px;
  line-height: 40px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#header .enter .register .icon {
  width: 10px;
  height: 10px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 20px;
}
#header .enter .register .icon img {
  display: block;
}
/**头部结束**/
/**首页轮播**/
#banner {
  position: relative;
  overflow: hidden;
}
/* #banner .owl-theme .owl-controls .owl-dots {
  position: absolute;
  bottom: 2%;
  width: 100%;
}
#banner .owl-theme .owl-controls .owl-nav .owl-prev,
#banner .owl-theme .owl-controls .owl-nav .owl-next {
  position: absolute;
  bottom: 50%;
  padding: 15px 10px;
}
#banner .owl-theme .owl-controls .owl-nav .owl-prev {
  left: 5%;
}
#banner .owl-theme .owl-controls .owl-nav .owl-next {
  right: 5%;
}
#banner #owl-demo,
#banner #owl-demo .owl-wrapper-outer,
#banner #owl-demo .owl-wrapper,
#banner #owl-demo .owl-item, */
#banner {
  height: 600px;
}
/* #banner #owl-demo a.item {
  display: block;
  background-position: top center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  background-size: auto 100%;
} */

#banner  .swiper-container {
  width: 100%;
  height: 600;
}
#banner  .swiper-slide {
  text-align: center;
  font-size: 18px;
  height: 600px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  /* background-position: auto 100%; */
  background-repeat: no-repeat;
  background-size:  100% 100%;
}
/**轮播结束**/
/**首页查看更多**/
.public-div .inner .more {
  padding-bottom: 40px;
  text-align: right;
  font-size: 16px;
  color: #36404a;
  line-height: 24px;
}
.public-div .inner .more .interlinkage {
  position: relative;
}
.public-div .inner .more .interlinkage:before {
  content: '';
  height: 4px;
  /* background: rgba(230, 74, 59, 0.8); */
  background: #e64a3b;
  z-index: 100;
  width: 100%;
  left: 0;
  bottom: -4px;
  position: absolute;
}
/**首页查看更多结束**/
/**首页公共标题**/
/* .box-title {
  padding-top: 60px;
  text-align: center;
}
.box-title .headline {
  text-align: center;
  padding-top: 40px;
  margin-bottom: 15px;
}
.box-title .headline span {
  display: inline-block;
  line-height: 46px;
  position: relative;
  color: #36404a;
  font-size: 42px;
}
.box-title .headline span:after {
  position: absolute;
  content: '';
  background-image: url("../images/box-title-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 60px;
  height: 60px;
  left: -85px;
  top: -60px;
  z-index: 1;
}
.box-title .subtitle {
  margin-bottom: 35px;
  color: #818a92;
  line-height: 42px;
  font-size: 20px;
} */
/**首页公共标题结束**/
/**首页内容区域**/
.index-list .inner ul {
  margin: 0 -30px;
}
.index-list .inner ul li {
  float: left;
  margin: 0 30px 60px;
  width: 300px;
  background: #fff;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.index-list .inner ul li .images {
  height: 186px;
  width: 100%;
  overflow: hidden;
  line-height: 186px;
  text-align: center;
}
.index-list .inner ul li .images a img {
  height: 100%;
  display: block;
  width: 100%;
  object-fit: cover;
}
.index-list .inner ul li .name {
  position: relative;
  line-height: 30px;
}
.index-list .inner ul li .name .icon {
  width: 54px;
  height: 54px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 100%;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -40px;
  overflow: hidden;
}
.index-list .inner ul li .name .icon a img {
  display: block;
  max-height: 100%;
  vertical-align: middle;
}
.index-list .inner ul li .name .name-text {
  padding-left: 70px;
  line-height: 30px;
}
.index-list .inner ul li .title {
  margin-top: 10px;
  padding: 0 12px;
  font-size: 16px;
  color: #36404a;
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

}
.index-list .inner ul li .title a {
  display: block;
  color: #36404a;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index-list .inner ul li .time {
  padding: 0 10px;
  font-size: 14px;
  color: #818a92;
  line-height: 42px;
  height: 42px;
}
.index-list .inner ul li .bottom {
  padding: 0 10px;
}
.index-list .inner ul li .bottom .jon {
  float: left;
  font-size: 14px;
  color: #818a92;
  line-height: 42px;
}
.index-list .inner ul li .bottom .price {
  float: right;
  color: #e64a3b;
  line-height: 42px;
  font-size: 18px;
}
.index-list .inner ul li:hover {
  -webkit-box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2);
          box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
          overflow: hidden;
          
}
.index-course .inner ul {
  margin: 0 -30px;
}
.index-course .inner ul li {
  float: left;
  width: 25%;
  
}
.index-course .inner ul li a{
  margin: 0 30px 60px;
  background: #fff;
  display: block;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.index-course .inner ul li a .images {
  position: relative;
  height: 186px;
  width: 100%;
  line-height: 186px;
  text-align: center;
}
.index-course .inner ul li a .images img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.index-course .inner ul li a .images .icon {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1000;
  height: 26px;
  line-height: 26px;
  text-align: center;
  width: 54px;
  background: url("../images/list-icon1.png") no-repeat left center;
  color: #fff;
  font-size: 14px;
}
.index-course .inner ul li a .title {
  margin-top: 10px;
  padding: 0 12px;
  font-size: 16px;
  color: #36404a;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.index-course .inner ul li a .bottom {
  margin-top: 10px;
  padding: 0 12px;
}
.index-course .inner ul li a .bottom .jon {
  float: left;
  font-size: 14px;
  color: #818a92;
  line-height: 42px;
}
.index-course .inner ul li a .bottom .price {
  float: right;
  color: #e64a3b;
  line-height: 42px;
  font-size: 18px;
}
.index-course .inner ul li:hover a{
  -webkit-box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2);
          box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.index-live .inner ul {
  margin: 0 -30px;
}
.index-live .inner ul li {
  float: left;
  margin: 0 30px 60px;
  width: 300px;
  background: #fff;
}
.index-live .inner ul li a {
  display: block;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.index-live .inner ul li a .images {
  height: 186px;
  width: 100%;
  line-height: 186px;
  text-align: center;
  overflow: hidden;
}
.index-live .inner ul li a .images img {
  height: 100%;
  display: block;
  width: 100%;
  object-fit: cover;
}
.index-live .inner ul li a .title {
  margin-top: 10px;
  padding: 0 10px;
  font-size: 16px;
  color: #36404a;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index-live .inner ul li a .time {
  padding: 0 10px;
  font-size: 14px;
  color: #818a92;
  line-height: 42px;
}
.index-live .inner ul li a .bottom {
  padding: 0 10px;
}
.index-live .inner ul li a .bottom .jon {
  float: left;
  font-size: 14px;
  color: #818a92;
  line-height: 42px;
}
.index-live .inner ul li a .bottom .price {
  float: right;
  color: #e64a3b;
  line-height: 42px;
  font-size: 18px;
}
.index-live .inner ul li a:hover {
  -webkit-box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2);
          box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.index-Pinterest .inner ul {
  margin: 0 -30px;
}
.index-Pinterest .inner ul li {
  float: left;
  margin: 0 30px 60px;
  width: 300px;
  background: #fff;
  padding-bottom: 8px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  margin-bottom: 40px;
}
.index-Pinterest .inner ul li a {
  display: block;
}
.index-Pinterest .inner ul li a .images {
  height: 198px;
  line-height: 198px;
  text-align: center;
}
.index-Pinterest .inner ul li a .images img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-Pinterest .inner ul li a .title {
  margin-top: 15px;
  padding: 0 10px;
  font-size: 16px;
  color: #36404a;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index-Pinterest .inner ul li a .text {
  margin-top: 15px;
  padding: 0 10px;
  height: 84px;
  color: #818a92;
  line-height: 28px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.index-Pinterest .inner ul li a .time {
  padding: 0 10px;
  text-align: right;
  font-size: 12px;
  color: #818a92;
  line-height: 28px;
}
.index-Pinterest .inner ul li:hover {
  -webkit-box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2);
          box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2);
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
/**首页公共内容区域结束**/
/**底部开始**/
#footer {
  background: #eee;
  padding: 50px 0;
}
#footer .footer-text {
  width: 700px;
  float: left;
}
#footer .footer-text .about ul li {
  float: left;
}
#footer .footer-text .about ul li a {
  padding: 0 15px;
  color: #818a92;
  line-height: 24px;
  display: inline-block;
  font-size: 14px;
  position: relative;
}
#footer .footer-text .about ul li a:before {
  content: '';
  height: 14px;
  width: 1px;
  background: #d3d3d3;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
}
#footer .footer-text .about ul li a span {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -7px;
  display: block;
  width: 14px;
  height: 14px;
  background: url("../images/icon1.png") no-repeat left center;
}
#footer .footer-text .about ul li:first-child a {
  padding: 0 15px 0 0;
}

#footer .footer-text .about ul li:last-child a:before {
  display: none;
}
#footer .footer-text .friendLink {
  margin-top: 20px;
  font-size: 14px;
  color: #818a92;
  line-height: 24px;
}
#footer .footer-text .friendLink a {
  color: #818a92;
  margin-right: 18px;
}
#footer .footer-text .copyright {
  margin-top: 20px;
  font-size: 14px;
  color: #818a92;
  line-height: 36px;
}
#footer .footer-text .copyright a {
  display: inline-block;
  color: #818a92;
}
#footer .footer-text .copyright span {
  padding-left: 30px;
  background: url("../images/icon2.png") no-repeat left center;
}
#footer .code {
  width: 300px;
  float: right;
}
#footer .code ul li {
  float: left;
  width: 150px;
  text-align: center;
}
#footer .code ul li .images {
  height: 84px;
  line-height: 84px;
  text-align: center;
}
#footer .code ul li .images img {
  max-height: 100%;
  vertical-align: middle;
}
#footer .code ul li .text {
  font-size: 12px;
  margin-top: 15px;
  color: #818a92;
  line-height: 18px;
}
#footer .code ul li:nth-child(2n) {
  float: right;
}
/**底部结束**/
/**内页公共选择区域**/
.box-select {
  padding-top: 24px;
}
.box-select .classify {
  font-size: 14px;
  color: #686e73;
  line-height: 24px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 100px;
}
.box-select .classify span {
position: absolute;
left: 0;
top: 0;
  font-size: 14px;
  color: #686e73;
  line-height: 24px;
  display: inline-block;
}
.box-select .classify a {
  margin-right: 6px;
  padding: 0 14px;
  display: inline-block;
}
#courseTypes{float: left;display: inline-block;}
.box-select .classify a.curr {
  background: #3c9f48;
  border-radius: 2px;
  color: #fff;
}
/**内页公共选择区域结束**/
/**内页列表页**/
.disabled-list {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #f8f8f8;
}
.disabled-list ul li {
  margin-bottom: 20px;
  background: #fff;
}
.disabled-list ul li a {
  display: block;
  padding: 20px;
}
.disabled-list ul li a .images {
  float: left;
  width: 360px;
  height: 223px;
  line-height: 223px;
}
.disabled-list ul li a .images img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.disabled-list ul li a .text {
  float: right;
  width: 980px;
  height: 224px;
  overflow: hidden;
}
.disabled-list ul li a .text .title {
  color: #36404a;
  line-height: 30px;
  font-size: 16px;
}
.disabled-list ul li a .text .serialize {
  margin-top: 15px;
  margin-bottom: 10px;
}
.disabled-list ul li a .text .serialize span {
  display: inline-block;
  padding: 0 12px;
  border: 1px solid #3c9f48;
  border-radius: 2px;
  color: #3c9f48;
  font-size: 14px;
  line-height: 24px;
  margin-right: 5px;
}
.disabled-list ul li a .text .details {
  height: 72px;
  color: #818a92;
  line-height: 24px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.disabled-list ul li a .text .bottom {
  margin-top: 14px;
}
.disabled-list ul li a .text .bottom span {
  display: inline-block;

  line-height: 42px;
}
.disabled-list ul li a .text .bottom .student {
  font-size: 14px;
  color: #818a92;
  padding: 0 30px;
  background: url("../images/student.png") no-repeat left center;
}
.disabled-list ul li a .text .bottom .period {
  font-size: 14px;
  color: #818a92;
  padding: 0 30px;
  background: url("../images/period.png") no-repeat left center;
}
.disabled-list ul li a .text .bottom .price {
  display: inline-block;
  float: right;
  font-size: 22px;
  color: #e64a3b;
  line-height: 42px;
}
.teacher-list {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #f8f8f8;
}
.teacher-list ul li {
  margin-bottom: 20px;
  background: #fff;
  padding: 25px 25px 25px 55px;
}
.teacher-list ul li a {
  background: #fff;
  display: block;
}
.teacher-list ul li a .images {
  float: left;
  height: 202px;
  width: 202px;
  line-height: 202px;
  border-radius: 100%;
  overflow: hidden;
}
.teacher-list ul li a .images img {
  width: 100%;
  display: block;
  height: 100%;
  object-fit: cover;
}
.teacher-list ul li a .text {
  width: 1080px;
  float: right;
}
.teacher-list ul li a .text .name {
  font-size: 16px;
  color: #36404a;
  line-height: 29px;
}
.teacher-list ul li a .text .serialize {
  margin-top: 15px;
  margin-bottom: 10px;
}
.teacher-list ul li a .text .serialize span {
  display: inline-block;
  padding: 0 12px;
  border: 1px solid #3c9f48;
  border-radius: 2px;
  color: #3c9f48;
  line-height: 24px;
}
.teacher-list ul li a .text .details {
  height: 72px;
  color: #818a92;
  line-height: 24px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.teacher-list ul li a .text .bottom {
  margin-top: 18px;
}
.teacher-list ul li a .text .bottom span {
  display: inline-block;
  font-size: 14px;
  color: #818a92;
  line-height: 42px;
}
.teacher-list ul li a .text .bottom .student {
  padding: 0 30px;
  background: url("../images/student.png") no-repeat left center;
}
.teacher-list ul li a .text .bottom .period {
  padding: 0 30px;
  background: url("../images/period.png") no-repeat left center;
}
.teacher-list ul li a .text .bottom .more {
  text-align: center;
  display: inline-block;
  float: right;
  font-size: 14px;
  background: #3c9f48;
  color: #fff;
  line-height: 26px;
  width: 82px;
  height: 26px;
  border: 1px solid #3c9f48;
  border-radius: 2px;
}
/* .live-list {
  padding-top: 30px;
  background: #f8f8f8;
}
.live-list ul li {
  margin-bottom: 20px;
  background: #fff;
}
.live-list ul li a {
  display: block;
  padding: 20px;
}
.live-list ul li a .images {
  float: left;
  width: 360px;
  height: 223px;
  line-height: 223px;
}
.live-list ul li a .images img {
  max-height: 100%;
  vertical-align: middle;
}
.live-list ul li a .text {
  float: right;
  width: 980px;
  height: 224px;
  overflow: hidden;
}
.live-list ul li a .text .title {
  color: #36404a;
  line-height: 30px;
  font-size: 16px;
}
.live-list ul li a .text .serialize {
  margin-top: 15px;
  margin-bottom: 10px;
}
.live-list ul li a .text .serialize span {
  display: inline-block;
  padding: 0 12px;
  border: 1px solid #e64a3b;
  border-radius: 2px;
  color: #e64a3b;
  line-height: 24px;
}
.live-list ul li a .text .serialize .icon {
  width: 106px;
  float: right;
}
.live-list ul li a .text .serialize .icon i {
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 100%;
}
.live-list ul li a .text .serialize .icon i img {
  display: block;
  min-height: 100%;
  vertical-align: middle;
}
.live-list ul li a .text .serialize .icon em {
  line-height: 24px;
  width: 70px;
  float: right;
  overflow: hidden;
}
.live-list ul li a .text .details {
  height: 96px;
  color: #818a92;
  line-height: 24px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.live-list ul li a .text .bottom {
  margin-top: 18px;
}
.live-list ul li a .text .bottom span {
  display: inline-block;
  font-size: 14px;
  color: #818a92;
  line-height: 42px;
}
.live-list ul li a .text .bottom .student {
  padding: 0 30px;
  background: url("../images/student.png") no-repeat left center;
}
.live-list ul li a .text .bottom .period {
  padding: 0 30px;
  background: url("../images/period.png") no-repeat left center;
}
.live-list ul li a .text .bottom .price {
  display: inline-block;
  float: right;
  font-size: 22px;
  color: #e64a3b;
  line-height: 42px;
} */
.live-list {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #f8f8f8;
}
.live-list ul li {
  padding: 20px;
  margin-bottom: 20px;
  background: #fff;
}
.live-list ul li .images {
  float: left;
  width: 360px;
  height: 223px;
  line-height: 223px;
}
.live-list ul li .images img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}
.live-list ul li .text {
  float: right;
  width: 980px;
  height: 224px;
  overflow: hidden;
}
.live-list ul li .text .title {
  color: #36404a;
  line-height: 30px;
  font-size: 16px;
}
.live-list ul li .text .serialize {
  margin-top: 15px;
  margin-bottom: 10px;
}
.live-list ul li .text .serialize span {
  display: inline-block;
  padding: 0 12px;
  border: 1px solid #e64a3b;
  border-radius: 2px;
  color: #e64a3b;
  line-height: 24px;
}
.live-list ul li .text .serialize .icon {
  width: 106px;
  float: right;
}
.live-list ul li .text .serialize .icon i {
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 100%;
}
.live-list ul li .text .serialize .icon img{
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 100%;
  margin-right: 10px;
}
.live-list ul li .text .serialize .icon i img {
  display: block;
  min-height: 100%;
  vertical-align: middle;
}
.live-list ul li .text .serialize .icon em {
  line-height: 24px;
  width: 70px;
  float: right;
  overflow: hidden;
}
.live-list ul li .text .details {
  height: 96px;
  color: #818a92;
  line-height: 24px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.live-list ul li .text .bottom {
  margin-top: 14px;
}
.live-list ul li .text .bottom span {
  display: inline-block;
  font-size: 14px;
  color: #818a92;
  line-height: 42px;
}
.live-list ul li .text .bottom .student {
  padding: 0 30px;
  background: url("../images/student.png") no-repeat left center;
}
.live-list ul li .text .bottom .period {
  padding: 0 30px;
  background: url("../images/period.png") no-repeat left center;
}
.live-list ul li .text .bottom .price {
  display: inline-block;
  float: right;
  font-size: 22px;
  color: #e64a3b;
  line-height: 42px;
}
.live-list ul li .text .bottom .price span{
  font-size: 22px;
  display: inline-block;
  color: #e64a3b;
}
.class-list {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #f8f8f8;
}
.class-list ul {
  margin: 0 -30px;
}
.class-list ul li {
  float: left;
  margin: 0 30px 60px;
  width: 300px;
  background: #fff;
}
.class-list ul li a {
  display: block;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.class-list ul li a .images {
  height: 186px;
  width: 100%;
  line-height: 186px;
  text-align: center;
}
.class-list ul li a .images img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}
.class-list ul li a .title {
  margin-top: 10px;
  padding: 0 10px;
  font-size: 16px;
  color: #36404a;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.class-list ul li a .time {
  padding: 0 10px;
  font-size: 14px;
  color: #818a92;
  line-height: 42px;
}
.class-list ul li a .bottom {
  padding: 0 10px;
}
.class-list ul li a .bottom .jon {
  float: left;
  font-size: 14px;
  color: #818a92;
  line-height: 42px;
}
.class-list ul li a .bottom .price {
  float: right;
  color: #e64a3b;
  line-height: 42px;
  font-size: 18px;
}
.class-list ul li a:hover {
  -webkit-box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2);
          box-shadow: 4px 4px 10px 0px rgba(117, 148, 179, 0.2);
  border-radius: 6px;
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
/**内页列表页结束**/
/*侧边*/
#side {
  position: fixed;
  right: 60px;
  top: 80%;
  width: 60px;
  height: 60px;
}
#side .icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(117, 148, 179, 0.2);
          box-shadow: 0px 5px 10px 0px rgba(117, 148, 179, 0.2);
  text-align: center;
}
#side .icon img {
  max-height: 100%;
  vertical-align: middle;
}
#side .text {
  display: none;
  text-align: center;
  width: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 0;
  line-height: 24px;
  height: 60px;
  background: #3c9f48;
  color: #ffffff;
  font-size: 14px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(117, 148, 179, 0.2);
          box-shadow: 0px 5px 10px 0px rgba(117, 148, 179, 0.2);
}
#side:hover .icon {
  display: none;
}
#side:hover .text {
  display: block;
}
.curriculum {
  padding-top:30px;
  background: #f8f8f8;
}
.curriculum .course-View {
  background: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-shadow: 0px 2px 12px 1px rgba(218, 218, 218, 0.23);
          box-shadow: 0px 2px 12px 1px rgba(218, 218, 218, 0.23);
  border-radius: 10px;
}
.curriculum .course-View .navigation {
  padding: 0 30px;
  font-size: 12px;
  color: #999;
  line-height: 45px;
  height: 45px;
}
.curriculum .course-View .navigation a {
  display: inline-block;
  margin-right: 15px;
  color: #999;
  line-height: 45px;
}
.curriculum .course-View .courseInfo {
  padding: 20px 28px 40px;
}
.curriculum .course-View .courseInfo .images {
  /* float: left; */
  position: absolute;
  left: 30px;
  top: 20px;
  width: 494px;
  height: 294px;
  border-radius: 6px;
  line-height: 294px;
  text-align: center;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  /* background-image: url("../images/nopic.png") */
}
.curriculum .course-View .courseInfo .images img {
  height: 100%;
  width: 100%;
  vertical-align: middle;
}
.curriculum .course-View .courseInfo .courseInfo-text {
  width: 810px;
  float: right;
}
.curriculum .course-View .courseInfo .courseInfo-text .text{
  font-size:12px;
  color:#999;
  line-height: 24px;
  padding-bottom: 15px;
}
.curriculum .course-View .courseInfo .courseInfo-text .name {
  /* padding-top: 17px; */
  margin-bottom: 18px;
  font-size: 18px;
}
.curriculum .course-View .courseInfo .courseInfo-text .name .name-right{float: right;}
.curriculum .course-View .courseInfo .courseInfo-text .name a {
  display: block;
  color: #36404a;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.curriculum .course-View .courseInfo .courseInfo-text .name span{float:left;display: block;box-sizing: border-box;width:32px;height:32px;line-height: 32px; text-align: center; cursor: pointer; border:1px solid #ebebeb;}

.curriculum .course-View .courseInfo .courseInfo-text .location .site {
  display: inline-block;
  float: left;
}
.curriculum .course-View .courseInfo .courseInfo-text .location .site span {
  float: left;
  height: 26px;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  line-height: 24px;
  color: #3c9f48;
  margin-right: 15px;
  border: 1px solid #3c9f48;
  border-radius: 2px;
}
.curriculum .course-View .courseInfo .courseInfo-text .location .star {
  color: #8b8b8b;
  position: relative;
  float: left;
  height: 26px;
}
.curriculum .course-View .courseInfo .courseInfo-text .location .star img {
  height: 14px;
  display: block;
  overflow: hidden;
}
.curriculum .course-View .courseInfo .courseInfo-text .location .star #scoreImg {
  float: left;
  padding-top: 5px;
  line-height: 14px;
  font-size: 14px;
  color: #8b8b8b;
  overflow: hidden;
}
.curriculum .course-View .courseInfo .courseInfo-text .location .star #scoreImg .star-on {
  position: absolute;
  top: -1px;
  left: 0;
  background: #fff;
  z-index: 9;
  width: 0;
  overflow: hidden;
  height: 100%;
  background: url("../images/star-on.png") no-repeat left center;
}
.curriculum .course-View .courseInfo .courseInfo-text .location .star #courseScore {
  float: left;
  font-weight: normal;
  margin-left: 15px;
  font-size: 14px;
  color: #8b8b8b;
  line-height: 24px;
}
.curriculum .course-View .courseInfo .courseInfo-text .details {
  margin-top: 15px;
  color: #818a92;
  line-height: 24px;
  height: 72px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.curriculum .course-View .courseInfo .courseInfo-text .price {
  font-size: 22px;
  color: #e64a3b;
  line-height: 42px;
  padding:10px 0 40px 0;
}
.curriculum .course-View .courseInfo .courseInfo-text .price .free_cor{
  color:#3c9f48
}
.curriculum .course-View .courseInfo .courseInfo-text .price .money{
  font-size: 14px;
  margin-left: 20px;
  color: #b1b1b1;
  text-decoration: line-through;
}
.curriculum .course-View .courseInfo .courseInfo-text .price  .vip{
  color: #e64a3b;
  background: url(vip.png) no-repeat 0 50%;
  padding-left: 20px;
  margin-left: 20px
}
.curriculum .course-View .courseInfo .courseInfo-text .enshrine{position: relative;color:#aaa;}
.curriculum .course-View .courseInfo .courseInfo-text .enshrine em{
  margin-left: 3px;
}
.curriculum .course-View .courseInfo .courseInfo-text .enshrine .c_collect{
  margin-right: 15px;
  position: absolute;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  right: 80px;
  width: 60px;
  height: 24px;
}
.curriculum .course-View .courseInfo .courseInfo-text .enshrine .c_collect .collected{
  color: #e64a3b;
}
.curriculum .course-View .courseInfo .courseInfo-text .enshrine .c_zan .zaned{
  color: #e64a3b;
}
.curriculum .course-View .courseInfo .courseInfo-text .enshrine .c_zan{
  position: absolute;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  right: 30px;
  width: 60px;
  height: 24px;
}
.curriculum .course-View .courseInfo .courseInfo-text .button .Buy {
  margin-right: 18px;
  width: 128px;
  height: 36px;
  background: #3c9f48;
  border-radius: 4px;
  color: #ffffff;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
}
.curriculum .course-View .courseInfo .courseInfo-text .button .tryLearn {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 128px;
  height: 36px;
  border: 1px solid #3c9f48;
  border-radius: 4px;
  color: #3c9f48;
  line-height: 36px;
  font-size: 14px;
}
.curriculum .course-View .courseInfo .courseInfo-text .button input {
  cursor: pointer;
}
.content_outer {
  padding: 15px 0 30px 0;
  background: #f8f8f8;
}
.content_outer .content-left {
  float: left;
  width: 1080px;
  min-height: 300px;
  margin-top: 15PX;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 36px;
}
.content_outer .content-right {
  float: right;
  margin-top: 15PX;
  width: 290px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 26px;
  min-height: 350px;
  background: #ffffff;
  border-radius: 4px;
}
.content_outer .content-right .instructor {
  border-bottom: 1px solid #eceef0;
  padding-bottom: 30px;
}
.content_outer .content-right .instructor h2 {
  margin-top: 8px;
  font-weight: normal;
  color: #464646;
  font-size: 18px;
  line-height: 24px;
}
.content_outer .content-right .instructor .text {
  margin-top: 25px;
}

.content_outer .content-right .instructor .text .images {
  float: left;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 100%;
  overflow: hidden;
}
.content_outer .content-right .instructor .text .lct{
  float: left;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 100%;
  overflow: hidden;
} 
.content_outer .content-right .instructor .text .lct img{
  width: 100%;
  height: 100%;
}
.content_outer .content-right .instructor .text .rct{
  width: 150px;
  margin-top: 4px;
}
.content_outer .content-right .instructor .text .rct .tname{
  margin-top: 12px;
  font-size: 14px;
  line-height: 24px;
}
.content_outer .content-right .instructor .text .rct .tlever{
  font-size: 12px;
  line-height: 24px;
}
.content_outer .content-right .instructor .text a .images img {
  display: block;
  max-height: 100%;
  vertical-align: middle;
}
.content_outer .content-right .instructor .text a .matter {
  width: 150px;
  float: right;
  margin-top: 4px;
}
.content_outer .content-right .instructor .text a .matter .name {
  color: #464646;
  line-height: 24px;
}
.content_outer .content-right .instructor .text a .matter .education {
  font-size: 12px;
  line-height: 16px;
  color: #919191;
}
.content_outer .content-right .learner h2 {
  margin-top: 20px;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  color: #464646;
}
.content_outer .content-right .learner .inner {
  margin-top: 28px;
}
.content_outer .content-right .learner .inner ul {
  margin: 0 -15px;
}
.content_outer .content-right .learner .inner ul li {
  width: 33.33333333%;
  float: left;
  margin-bottom: 30px;
}
.content_outer .content-right .learner .inner ul li a {
  text-align: center;
  display: block;
}
.content_outer .content-right .learner .inner ul li a .images {
  margin: 0 auto;
  height: 52px;
  width: 52px;
  text-align: center;
  line-height: 52px;
  overflow: hidden;
  border-radius: 100%;
}
.content_outer .content-right .learner .inner ul li a .images img {
  max-height: 100%;
  height: 100%;
  display: block;
  vertical-align: middle;
}
.content_outer .content-right .learner .inner ul li a .monicker {
  color: #464646;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
}
.courseTab {
  padding-right: 30px;
  border-bottom: 1px solid #e9eef4;
}
.courseTab ul {
  padding-left: 15px;
}
.courseTab ul li {
  float: left;
  line-height: 36px;
  position: relative;
  margin-right: 50px;
  padding: 3px 0 10px;
}
.courseTab ul li.active {
  color: #3c9f48;
}
.courseTab ul li.active:after {
  content: "";
  display: block;
  width: 18px;
  height: 1px;
  background: #3c9f48;
  position: absolute;
  left: 50%;
  margin-left: -9px;
  bottom: -1px;
  z-index: 20;
}
.tab-text .tab_course {
  display: none;
  padding-top: 36px;
}
.tab-text .survey {
  color: #686e73;
  line-height: 36px;
  font-size: 14px;
}
.tab-text .Categories ul .sub1_a {
  display: block;
  line-height: 36px;
  background: #f6f7f7;
  color: #404040;
  font-size: 16px;
}
.tab-text .Categories ul .sub1_a span {
  margin-right: 30px;
}
.tab-text .Categories ul .sub2_a {
  display: block;
  line-height: 36px;
  background: #fff;
  color: #404040;
  font-size: 16px;
}
.tab-text .Categories ul .sub2_a span {
  margin-right: 30px;
}
.tab-text .Categories ul .sub3_a {
  display: block;
  color: #6d6d6d;
  font-size: 14px;
  line-height: 36px;
}
.tab-text .Categories ul .sub3_a span {
  margin: 0 30px 0 20px;
}
.tab-text .Categories ul .sub3_a .time {
  float: right;
  line-height: 36px;
  color: #b8b8b8;
}
.tab-text .Categories ul .sub3_a .icon {
  display: none;
  float: right;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  transition: width 2s;
  -moz-transition: width 2s;
  /* Firefox 4 */
  -webkit-transition: width 2s;
  /* Safari 和 Chrome */
  -o-transition: width 2s;
}
.tab-text .Categories ul .sub3_a .icon img {
  max-height: 100%;
  vertical-align: middle;
}
.tab-text .Categories ul .sub3_a:hover {
  background: #f6f7f7;
}
.tab-text .Categories ul .sub3_a:hover .icon {
  display: block;
}
.tab-text .Categories ul .sub2 ul {
  padding-bottom: 6px;
  border-bottom: 1px solid #f0f0f0;
}
.tab-text .Categories ul .sub1 ul {
  display: none;
}
.tab-text .mui-switch {
  width: 50px;
  height: 24px;
  position: relative;
  border: 1px solid #dfdfdf;
  background-color: #fdfdfd;
  -webkit-box-shadow: #dfdfdf 0 0 0 0 inset;
          box-shadow: #dfdfdf 0 0 0 0 inset;
  border-radius: 20px;
  display: inline-block;
  -webkit-appearance: none;
  outline: none;
}
.tab-text .mui-switch:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0px;
  left: 0;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.tab-text .mui-switch:checked {
  background-color: #3eba84;
}
.tab-text .mui-switch:checked:before {
  left: 30px;
}
.tab-text .Class_data ul li {
  background: #eeeeee;
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding: 5px 80px 5px 15px;
}
.tab-text .Class_data ul li .dataname{
  line-height: 24px;
  font-size: 14px;
  color: #6b6b6b;
}
.tab-text .Class_data ul li .datainfo{
  line-height: 24px;
  font-size: 12px;
  color: #cacaca;
}
.tab-text .Class_data ul li .databtn{
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -13px;
  text-align: center;
  width: 57px;
  height: 26px;
  line-height: 26px;
  background: #e64a3b;
  border: 1px solid #e64a3b;
  border-radius: 2px;
  color: #ffffff;
  font-size: 12px;
}
.tab-text .Class_data ul li:hover {
  background: #eeeeee;
}
.tab-text .report-list ul li {
  display: block;
  position: relative;
  padding: 0 80px 0 40px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #f5f5f5;
}
.tab-text .report-list ul li .dot_big2 {
  width: 10px;
  height: 10px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #efefef;
  border-radius: 100%;
  position: absolute;
  left: 18px;
  top: 50%;
  margin-top: -5px;
}
.tab-text .report-list ul li .my_appointment {
  display: none;
  width: 57px;
  height: 26px;
  background: #e64a3b;
  border-radius: 4px;
  color: #ffffff;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  right: 20px;
  top: 50%;
  margin-top: -13px;
}
.tab-text .report-list ul li .time2_xx{  
  font-size: 16px;
  line-height: 50px;}
.tab-text .report-list ul li:hover {
  background: #eeeeee;
}
.tab-text .report-list ul li:hover .dot_big2 {
  border: 1px solid #e64a3b;
}
.tab-text .report-list ul li:hover .my_appointment {
  display: block;
}
.news_list {
  padding-bottom: 30px;
  padding-top: 35px;
}
.news_list .news_left {
  width: 970px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.news_list .news_left ul li {
  margin-bottom: 20px;
  padding: 10px 15px;
  background: #ffffff;
  border-radius: 2px;
}
.news_list .news_left ul li .list_title .date {
  float: left;
  text-align: center;
  width: 46px;
  height: 46px;
  background: #f5f5f5;
  border-radius: 50%;
  line-height: 22px;
}
.news_list .news_left ul li .list_title .date i {
  line-height: 16px;
  margin-top: 8px;
  display: block;
  font-size: 15px;
  color: #666666;
}
.news_list .news_left ul li .list_title .date span {
  display: block;
  font-size: 12px;
  color: #a5a5a5;
}
.news_list .news_left ul li .list_title .texts {
  float: right;
  width: 860px;
}
.news_list .news_left ul li .list_title .texts .spreadhead {
  font-size: 18px;
  line-height: 30px;
  color: #595959;
}
.news_list .news_left ul li .list_title .subhead {
  font-size: 12px;
  line-height: 18px;
  color: #a5a5a5;
}
.news_list .news_left ul li .inner {
  margin-top: 22px;
  margin-bottom: 15px;
}
.news_list .news_left ul li .inner .images {
  float: left;
  width: 264px;
  height: 148px;
  overflow: hidden;
}
.news_list .news_left ul li .inner .images img {
  max-width: 100%;
}
.news_list .news_left ul li .inner .texts {
  padding-top: 8px;
  width: 636px;
  float: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 13px;
  font-size: 13px;
  line-height: 24px;
  color: #878687;
}
.news_list .news_left ul li .inner .texts .more {
  font-size: 12px;
  color: #30ade5;
}
.news_list .news_right {
  width: 336px;
  float: right;
}
.news_list .news_right .Popular {
  background: #fff;
}
.news_list .news_right .Popular .title {
  padding: 0 20px;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  line-height: 46px;
  border-radius: 2px;
}
.news_list .news_right .Popular .inner {
  padding: 15px 10px;
}
.news_list .news_right .Popular .inner ul li {
  padding-left: 36px;
  padding-right: 15px;
  position: relative;
  line-height: 36px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news_list .news_right .Popular .inner ul li span {
  text-align: center;
  height: 16px;
  line-height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -8px;
  font-size: 14px;
  color: #ffffff;
  background: #d2d2d2;
  border-radius: 2px;
}
.news_list .news_right .Popular .inner ul li:first-child span {
  background: #e74c3c;
}
.news_list .news_right .Popular .inner ul li:nth-child(2) span {
  background: #ec6941;
}
.news_list .news_right .Popular .inner ul li:nth-child(3) span {
  background: #f8b551;
}
.news_list .news_details {
  width: 1040px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
}
.news_list .news_details .news_details_title {
  
  line-height: 36px;
  font-size: 14px;
  color: #939292;
}
.news_list .news_details .headline {
  margin-top: 30px;
}
.news_list .news_details .headline .date {
  float: left;
  text-align: center;
  width: 46px;
  height: 46px;
  background: #f5f5f5;
  border-radius: 50%;
  line-height: 22px;
  margin-right: 15px;
}
.news_list .news_details .headline .date i {
  line-height: 16px;
  margin-top: 8px;
  display: block;
  font-size: 15px;
  color: #666666;
}
.news_list .news_details .headline .date span {
  display: block;
  font-size: 12px;
  color: #a5a5a5;
}
.news_list .news_details .headline .tests {
  text-align: center

}
.news_list .news_details .headline .tests h2 {
  line-height: 30px;
  font-size: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news_list .news_details .bottom{
  margin-top:10px;
  color:#aaa;
}
.news_list .news_details .headline .tests .bottom span{
  display: inline-block;
  position: relative;
  line-height: 20px;
  margin-right: 4px;
  font-size: 14px;
  padding-left: 24px;
  color:#aaa;
}
.news_list .news_details .headline .tests .bottom span img{
  height: 16px;
  position: relative;
  top:4px;
  margin-right: 5px;
  opacity: 0.6;
}
.news_list .news_details .details{
  padding: 30px 0;
}
.news_list .news_details .details,
.news_list .news_details .details p{
  font-size: 16px !important;
  line-height: 32px !important;
  color:#444 !important;

}
.news_list .news_details .details_bottom .collect {
  float: left;
  display: inline-block;
  position: relative;
  line-height: 24px;
  padding-left: 20px;
}
.news_list .news_details .details_bottom .collect span {
  display: inline-block;
  line-height: 18px;
  margin: 0 6px;
}
.news_list .news_details .details_bottom .share {
  float: left;
  position: relative;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding-left: 20px;
}
.news_list .news_details .details_bottom .icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
}
.news_list .news_details .details_bottom .icon_1,
.news_list .news_details .details_bottom .icon_2 {
  display: block;
  width: 18px;
  height: 18px;
}
.news_list .news_details .details_bottom .icon_2 {
  display: none;
}
.news_list .news_details .essay .Karma {
  margin: 15px 0 20px 0;
  line-height: 44px;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  position: relative;

}
.news_list .news_details .essay .Karma::after{
  content: '';
  width: 4em;
  height: 2px;
  background: #e64a3b;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.news_list .news_details .essay .discuss {
  border: none;
  width: 100%;
  height: 110px;
  background: #e1dfe2;
  border-radius: 2px;
  overflow: auto;
  line-height: 24px;
  color: #d4d0d0;
}
.news_list .news_details .essay .discuss::-webkit-input-placeholder {
  color: #b5b0b0;
  text-indent: 1em;
}
.news_list .news_details .essay .discuss:-moz-placeholder {
  color: #b5b0b0;
  text-indent: 1em;
}
.news_list .news_details .essay .discuss:-ms-input-placeholder {
  color: #b5b0b0;
  text-indent: 1em;
}
.news_list .news_details .essay .publish {
  margin-top: 15px;
  text-align: right;
}
.news_list .news_details .essay .publish .announce {
  text-align: center;
  width: 86px;
  height: 31px;
  background: #eeeeee;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
}
.news_list .news_details .Guest_book {
  margin-top: 32px;
}
.news_list .news_details .Guest_book .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.news_list .news_details .Guest_book .icon img {
  max-width: 100%;
}
.news_list .news_details .Guest_book .Message {
  padding-bottom: 30px;
  border-bottom: 1px solid #dedbdb;
  width: 850px;
}
.news_list .news_details .Guest_book .Message .name {
  font-size: 12px;
  line-height: 24px;
  color: #30ade5;
}
.news_list .news_details .Guest_book .Message .Message_text {
  font-size: 13px;
  line-height: 22px;
  color: #a1a1a1;
}
.news_list .news_details .Guest_book .Message .point .peak {
  padding-left: 26px;
  position: relative;
  line-height: 24px;
  display: inline-block;
  font-size: 13px;
  color: #a1a1a1;
}
.news_list .news_details .Guest_book .Message .point .peak span {
  margin-right: 6px;
  cursor: pointer;
}
.news_list .news_details .Guest_book .Message .point .peak .iconx {
  position: absolute;
  left: 0;
  width: 16px;
  height: 16px;
  top: 50%;
  margin-top: -8px;
}
.news_list .news_details .Guest_book .Message .point .peak .icon_2 {
  display: none;
}
.news_list .news_details .Guest_book .Message .point .reply {
  display: inline-block;
  font-size: 12px;
  position: relative;
  line-height: 24px;
  color: #a1a1a1;
  cursor: pointer;
}
.news_list .news_details .Guest_book .Message .response_bg {
  padding-left: 24px;
}
.news_list .news_details .Guest_book .Message .response {
  margin-top: 15px;
  background: #f5f5f5;
  padding: 18px 20px;
}
.news_list .news_details .Guest_book .Message .response .text_response {
  width: 100%;
  height: 54px;
  line-height: 20px;
  border: 1px solid #eeeeee;
  overflow: auto;
}
.news_list .news_details .Guest_book .Message .response .more {
  margin-top: 6px;
  float: right;
  text-align: center;
  display: block;
  width: 46px;
  height: 28px;
  font-size: 12px;
  color: #ffffff;
  background: #e64a3b;
  border-radius: 4px;
}

/* 新闻内页评论 */
.news_details .essay .username,
.news_details .essay .password{
  width: 130px;
  border: 1px solid #dee8ee;
  padding: 0 5px;
  height: 30px;
  line-height: 30px;
  transition: .3s;
  margin-right: 10px;
}
.news_details .essay .username:focus,
.news_details .essay .password:focus{
  border: 1px solid #e64a3b;
}
.news_details .essay label{
  color:#777;
  line-height: 24px;
}

.news_list .news_details .essay textarea{
  color: #999;
    font-size: 14px;
    padding:15px;
    border: 1px solid #e6e6e6;
    margin-top: 15px;
    height: 120px;
    width: 100% !important;
    box-sizing: border-box;
    outline: none;
}
.news_list .news_details .essay textarea:focus{
  border:1px solid #e64a3b;
}
.news_list .news_details .essay .rightcmtnum a{
  color: #999;
  padding-left: 17px;
}
.commenttips{
  line-height: 34px;
  height: 34px;
  font-size: 14px;
  color: #999;
  margin-top: 10px;
}
.magic_lantern .lat-magicl {
  float: left;
  width: 790px;
  position: relative;
  overflow: hidden;
}
/* 新闻内容评论 */
#cmttbody{
  padding:20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}
#cmttbody .goodandbadright{
  font-size: 14px;
  padding-top: 5px;
  
}
#cmttbody p{
  font-size: 14px;
  margin-top: 5px;
}
#cmttbody li{position: relative;
  padding-left: 70px;
  padding-right: 30px;
  margin-bottom: 30px;
}
#cmttbody li .goodandbadleft{
  width:50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  overflow: hidden;
}
#cmttbody li .goodandbadleft img{
  line-height: 50px;
  max-width: 100%;
  vertical-align: middle;
}

#cmttbody li .goodandbadright span{    color: #909090;}
.magic_lantern .lat-magicl .owl-theme .item {
  display: block;
  background-position: top center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  background-size: auto 100%;
}
.goodandbad_num{
  position: absolute;
  width: 30px;
  right: 0;
  top: 50%;
  margin-top: -25px;
}
.magic_lantern{
  padding-top:20px;
  background: #f8f9ff;
}
.magic_lantern .lat-magicl .owl-theme .item .text {
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 14px;
  line-height: 42px;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0.85;
}
.magic_lantern .lat-magicl .owl-theme .owl-controls .owl-dots {
  position: absolute;
  bottom: 2%;
  width: 100%;
}
.magic_lantern .lat-magicl .owl-theme .owl-controls .owl-nav .owl-prev,
.magic_lantern .lat-magicl .owl-theme .owl-controls .owl-nav .owl-next {
  position: absolute;
  bottom: 50%;
  padding: 15px 10px;
}
.magic_lantern .lat-magicl .owl-theme .owl-controls .owl-nav .owl-prev {
  left: 5%;
}
.magic_lantern .lat-magicl .owl-theme .owl-controls .owl-nav .owl-next {
  right: 5%;
}
.magic_lantern .lat-magicl #owl-demo,
.magic_lantern .lat-magicl #owl-demo .owl-wrapper-outer,
.magic_lantern .lat-magicl #owl-demo .owl-wrapper,
.magic_lantern .lat-magicl #owl-demo .owl-item,
.magic_lantern .lat-magicl {
  height: 390px;
}
.magic_lantern .lat-magicl .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.magic_lantern .magicr {
  float: right;
  width: 582px;
  height: 390px;
  overflow: hidden;
}
.magic_lantern .magicr ul li {
  float: left;
  width: 282px;
  margin-bottom: 17px;
}
.magic_lantern .magicr ul li a .images {
  position: relative;
  width: 282px;
  height: 185px;
 overflow: hidden;
}
.magic_lantern .magicr ul li a .images .text {
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
  overflow: hidden;  
  white-space: nowrap;  
  font-size: 14px;
  text-overflow: ellipsis;  
  line-height: 44px;
}
.magic_lantern .magicr ul li a .images img {
  display: block;
  min-height: 100%;
  vertical-align: middle;
}
.magic_lantern .magicr ul li:nth-child(2n) {
  float: right;
}
.newslist {
  padding-bottom: 20px;
  padding-top: 20px;
}
.newslist .news-newslistl {
  width: 1022px;
  float: left;
  border: 1px solid #f0f0f0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
}
.newslist .news-newslistl .news-newslistT {
  padding: 15px;
  background: #fff;
  border-bottom: 1px solid #eee;
}
.newslist .news-newslistl .news-newslistT h2 {
  font-weight: normal;
  height: 35px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  color: #333;
  line-height: 35px;
  padding-left: 15px;
}
.newslist .news-newslistl .newslistl_ul {
  background: #fff;
  padding: 0 20px 20px;
}
.newslist .news-newslistl .newslistl_ul ul li {
  background: #fff;
  padding: 20px 0 20px 250px;
  border-bottom: 1px solid #f0f0f0;
  height: 150px;
  position: relative;
}
.newslist .news-newslistl .newslistl_ul ul li:last-child{border-bottom: 1px solid #fff}
.newslist .news-newslistl .newslistl_ul ul li .media-left1 {
  width: 230px;
  height: 150px;
  position: absolute;
  left: 0px;
  top: 20px;
  line-height: 150px;
  overflow: hidden;
}
.newslist .news-newslistl .newslistl_ul ul li .media-left1 img {
  display: block;
  width: 100%;
  vertical-align: middle;
  min-height: 100%;
}
.newslist .news-newslistl .newslistl_ul ul li .text .title {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: normal;
}
.newslist .news-newslistl .newslistl_ul ul li .text .title span {
  color: #fff;
  background-size: auto 100%;
  background: -webkit-gradient(linear, left top, right top, from(#ff663d), to(#ff3d66));
  background: linear-gradient(to right, #ff663d, #ff3d66);
  padding: 0px 10px;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 15px;
}
.newslist .news-newslistl .newslistl_ul ul li .text .title span:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: -4px;
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 4px solid #ff3d66;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.newslist .news-newslistl .newslistl_ul ul li .text .matter {
  position: relative;
  font-size: 14px;
  height: 52px;
  color: #999;
  line-height: 26px;
  overflow: hidden;
}
.newslist .news-newslistl .newslistl_ul ul li .text .matter .more {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: 30px;
  z-index: 10;
  display: inline-block;
  font-size: 12px;
  line-height: 26px;
  color: #30ade5;
}
.newslist .news-newslistl .newslistl_ul ul li .text .media_info {
  position: relative;
  margin-top: 15px;
}
.newslist .news-newslistl .newslistl_ul ul li .text .media_info span {
  line-height: 24px;
  color: #999;
  font-size: 12px;
  padding-right: 15px;
  padding-left: 20px;
  position: relative;
}
.newslist .news-newslistl .newslistl_ul ul li .text .media_info .more {
  position: absolute;
  top: 50%;
   right: 0;
  margin-top: -13px;
  z-index: 10;
  display: inline-block;
  font-size: 12px;
  line-height: 26px;
  color: #30ade5;
}
.newslist .news-newslistl .newslistl_ul ul li .text .media_info span i {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  width: 16px;
  display: block;
}
.newslist .news-newslistl .newslistl_ul ul li .text .media_info span i img {
  display: block;
  min-height: 100%;
  vertical-align: middle;
}
.newslist .news-newslistr {
  width: 360px;
  float: right;
}
.newslist .news-newslistr .news-newslistBox {
  padding: 20px;
  border: 1px solid #eee;
  background: #fff;
}
.newslist .news-newslistr .news-newslistBox .information-tit {
  font-size: 16px;
  line-height: 20px;
  margin: 5px 0 15px;
  border-left: 2px solid #E64A3B;
  padding-left: 15px;
  color: #6c6c6c;
}
.newslist .news-newslistr .news-newslistBox .information {
  padding-left: 10px;
}
.newslist .news-newslistr .news-newslistBox .information h3 {
  font-weight: normal;
  font-size: 14px;
  line-height: 36px;
  color: #6c6c6c;
}
.newslist .news-newslistr .news-newslistBox .information h3 a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.newslist .news-newslistr .news-newslistBox .information h3 a span {
  padding-right: 10px;
  margin-right: 4px;
  position: relative;
}
.newslist .news-newslistr .news-newslistBox .information h3 a span:after {
  position: absolute;
  content: "";
  height: 14px;
  right: 0;
  width: 2px;
  background: #6c6c6c;
  display: block;
  top: 50%;
  margin-top: -7px;
}
.newslist .news-newslistr .news-newslistBox .information .hot-spot {
  padding-bottom: 15px;
  border-bottom: 1px #dedede dashed;
  margin-bottom: 5px;
}
.newslist .news-newslistr .news-newslistBox .information .hot-spot li {
  padding-left: 15px;
  text-overflow: ellipsis;
  line-height: 36px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
  color: #6c6c6c;
  background: url("../images/li_img.png") no-repeat left center;
}
.newslist .news-newslistr .news-newslistBox .information .hot-spot li a {
  display: block;
  color: #6c6c6c;
}
#fenye{padding:30px 0; text-align: center;}
#fenye table,#fenye tbody,#fenye tr{display: block;}
#pagelist{display: block;width: 100%;height: 24px;line-height: 24px;text-align: center}
#pagelist a{display: inline-block;padding: 0 10px;background: #fff}
#pagelist a:hover{color: #e64a3b;}
#pagelist a.curr{color: #e64a3b;}


/*课时清单*/
.chapter-name{font-size: 16px;padding: 0 15px 0 55px; height:44px; line-height:44px;background: #f6f6f6; font-weight: bold; color:#7e838c; position: relative; border: 1px solid #e6e6e6; box-sizing: border-box}
.chapter-box{padding: 15px 0 15px 15px; position: relative;}

.chapter-index{width:22px; height: 22px; border:3px solid #7e838c;border-radius: 50%; text-align: center; line-height: 22px;  position: absolute;left:15px;top:50%;margin-top:-14px;}
.section-name{font-size:14px;line-height:44px;font-weight:bold;height:44px; position: relative;  color:#919491; border:1px solid #e6e6e6; padding:0 15px; z-index: 9; background: #fafafa; box-sizing: border-box}

.chapter-box::before,
.keshi::before{ content: '';width: 1px; height: 100%; position: absolute;top:0; background: #e6e6e6; z-index: 1;}
.chapter-box::before{left:30px;}
.keshi::before{left:85px;}

.keshi{margin-left:15px; position: relative;}
.keshi .keshi-url{ display: block; position: relative; height: 44px; line-height: 44px;font-size: 14px; padding: 0 15px 0 105px; transition: .3s;}
.keshi .keshi-url:hover{color:#333; background: #f5fbfe}
.keshi .type-name{width: 75px; position: absolute;left:0;top:0; text-align: center; color:#919491 }


.keshi .learn-state{width: 16px; height: 16px; position: absolute;left:75px; border:2px solid #989aa1;border-radius: 50%;top:50%;margin-top:-10px; background: #fff; z-index: 9;}
.keshi .learn-state span{width:16px;height:16px; display: block; background-image: url(learn-state.png); background-repeat: no-repeat; background-size: 100%;}
.keshi .learn-state .schedule-icon0{ background-image: none}
.keshi .learn-state .schedule-icon10,
.keshi .learn-state .schedule-icon20,
.keshi .learn-state .schedule-icon30{ background-position: 0 -16px;}
.keshi .learn-state .schedule-icon40,
.keshi .learn-state .schedule-icon50,
.keshi .learn-state .schedule-icon60{ background-position: 0 -32px;}
.keshi .learn-state .schedule-icon70,
.keshi .learn-state .schedule-icon90{ background-position: 0 -48px;}
.keshi .learn-state .schedule-icon100{ background-position: 0 0;}
.keshi .learn-btn{ position: absolute;right:0;top:6px; height: 32px; line-height: 32px; width: 64px; text-align: center; background: #E64A3B; color:#fff; font-size: 12px; z-index: 9; display: none}
.keshi .learn-btn:hover{ background: #E64A3B}
.keshi .unlearn .learn-btn{background: #E64A3B}
.keshi .unlearn .learn-btn:hover{background:#E64A3B}
.keshi .keshi-duration{float:right; font-size:12px; color:#a3a7a8; background: url(play.png) no-repeat 0 50%; padding-left: 20px;}
.keshi .zl-link-tips{width:69px;height: 26px; line-height: 22px; background: url(tips.png) no-repeat; color:#fff; position: absolute;left:50%;margin-left:-35px;top:-15px; text-align: center; display: none}
.keshi .zlicon{ float:right;width:44px;height: 44px;position: relative; z-index: 9;background: url(icon-zl.png) no-repeat 50% 50%; position: relative; transition: .3s; right: 0}
.keshi .zlicon:hover .zl-link-tips{ display: block;}
.keshi .zlicon-disabled{background:url(icon-zl-dis.png) no-repeat 50% 50%; }
.keshi .free{color:#e7352b; margin-left:15px;}
.keshi .purchased{color:#e7352b;}

.keshi:hover .keshi-url{padding-right: 104px;}
.keshi:hover .zlicon{right:64px}
.keshi:hover .learn-btn{ display: block}

.keshi-exam {padding-left: 105px;margin:5px 0;}
.keshi-exam a{color:#5b5b5b;line-height:24px;font-size:14px;}
.keshi-exam a:hover{color: #e64a3b}
.keshi-exam span{background: #fafafa; padding: 3px 6px;border-radius: 3px;margin-right: 10px}

.post-file{
  margin: 0 6px;
}

/* 打折 */
.discount{
 margin-bottom: 15px;
} 
.discount li{
  display: inline-block;
 /* padding: 0 15px;
  background: #f7d8f7;
  line-height: 30px;*/
  color: #e64a3b;
  margin-right: 15px;
} 
/*问答输入回复*/

.wd-tabcont{ width:100%; height:32px; line-height:32px; font-size:14px; }
.wd-tab1{ float:right; margin:0px; display:block; height:30px; line-height:30px; text-align:center; cursor:pointer; padding:0px 15px; border-bottom:none; border:1px solid #fff;color: #999;}
.wd-tab2{ float:right;display:block; height:31px; cursor:pointer;line-height:30px; text-align:center; border:1px #ddd solid;padding:0px 15px; color:#888;border-bottom:1px solid #fff; border-radius:4px 4px 0 0;}
.wd-cont{border:1px #ddd solid;border-radius:4px;  width:100%; height:140px; }
.wd-chat{ resize:none;outline:none; border:none; margin-left:15px; height:110px; overflow:auto; margin-top:15px; width:88%; font-size:15px;}
.wd-icon{ float:right; width:60px; height:60px; margin-top:70px; margin-right:15px;}
/*开关特效*/
.mp_20{ margin-top:20px; height:20px;}
#div1{width:42px;height:24px;border-radius:20px;position:relative; cursor:pointer; float:left; }
#div2{width:22px;height:22px;border-radius:20px;position:absolute;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.4)}
.open1{background:#e64a3b;border:1px solid #e64a3b;}
.open2{top:0px;right:0px;}
.close1{background:#f5f5f5;border:1px solid #d3d3d3;}
.close2{left:0;top:0;}
.ml_10{margin-left: 5px;}
.sends{ border:none;/* height:32px;*/line-height: 32px; width:100px; background-color:#e64a3b; color:#fff;border: 1px solid #eee; float:right; border-radius:3px;;font-size:14px; transition: .3s; cursor: pointer;}
.sends:hover{background-color: #1e96d7;color: #fff;border: 1px solid #1e96d7;}
/*图片上传特效*/
.post-img{ float:left; margin-top:-22px; position:relative; z-index:100; opacity:0;}
.post-file{display:inline-block; width:25px; height:25px; overflow:hidden; cursor:pointer;}
.upshow li{width:50px;float:left;height:50px; overflow: hidden;margin-right:10px;margin-top:10px;}
.upshow li img{min-width:100%;height:100%;}
/*radio*/
input[type="checkbox"] {
  width: 17px;
  height: 17px;
  -webkit-appearance: none;
  cursor: pointer;
  background-image: url(check.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 10px;}
  /*checkbox*/
input[type="checkbox"]:checked{ background-position: 0 -17px;}
input[type="checkbox"]:disabled{background-position: -17px 0;}
input[type="checkbox"]:checked:disabled{background-position: -17px -17px;}

input[type="radio"]{width:17px;height:17px; -webkit-appearance:none; cursor: pointer;background-image: url(radio.png); background-repeat: no-repeat; vertical-align:middle;margin-right: 5PX;}
input[type="radio"]:checked{ background-position: 0 -17px;}
input[type="radio"]:disabled{background-position: -17px 0;}
input[type="radio"]:checked:disabled{background-position: -17px -17px;}
input[name="addressId"],
input[name="DeliveryID"],
input[name="invoiceId"],
input[name="InvoiceContent"],
input[name="PayMentID"]{float:left;margin:2px 10px 0 0;}
input[name="PayMentID"]{ margin-top:0px; float:none;}



/*论坛回复词条*/
.lunt-com{ width:820px;min-height:180px; margin:0px auto;}
.lunt-main{ padding:20px 0px 0px 70px; position:relative;border-bottom: 1px solid #ebebeb; }
.lunt-head{ width:50px; height:50px; border-radius:50%; overflow:hidden;position: absolute; left:0px; top:20px;}
.lunt-head img{ min-height:100%;min-width:100%; max-height:100%; max-width:100%; }
.lunt-name{ font-size:12px; line-height:35px;}
.lunt-cents{ font-size:14px; line-height:24px; min-height:24px;}
.lunt-cents img{max-width: 200px;}
.lunt-cents .gifetips img{height:24px;}
.lunt-cents .emotico{
  width: 15px;
  height: 15px;
  margin: 0 2px;
}
.lunt-cents .gifetips font{color:#ff4000;}
.lunt-time{ font-size:12px; color:#999;float:left; line-height:30px;}
.lunt-opinion{ font-size:14px; color:#999; float:right; line-height:30px;}
.lunt-mark{ height:30px; margin:5px 0 10px 0px; clear:both;}
.im{ cursor:pointer;}
.lunt-bt{ display:inline-block; padding:2px 15px; border:1px solid #CCC; cursor:pointer; border-radius:3px;}
.lunt-text{ width:100%; padding:10px;outline:none;border: 1px solid #ddd;}
.lunt-pos{ color:white; float:right; border:none; height:30px; width:80px; background-color:#e64a3b; border-radius:30px;}
.lunt-mark .info{background-position:0px;display: inline-block; background-image:url(info.png); background-repeat:no-repeat;background-size: 16px 16px; width: 16px; height: 16px; cursor:pointer;margin-bottom: -3px; margin-left:5px; margin-right:5px;}
.ani{display: inline-block; background-image:url(steps_praised.png); background-repeat:no-repeat;background-size: 483px 28px; width: 24px; height: 28px; cursor:pointer;margin-bottom: -4px;}
.ani_1{background-position:0px;}.ani_2{background-position:-20px}.ani_3{background-position:-43px}
.ani_4{background-position:-65px}.ani_5{background-position:-89px}.ani_6{background-position:-112px}
.ani_7{background-position:-135px}.ani_8{background-position:-158px}.ani_9{background-position:-182px;width: 26px;}
.ani_10{background-position:-206px;width: 24px;}.ani_11{background-position:-229px;width: 24px;}.ani_12{background-position:-253px;width: 24px;}
.ani_13{background-position:-276px;width: 24px;}.ani_14{background-position:-299px;width: 24px;}.ani_15{background-position:-321px;}
.ani_16{background-position:-344px;}.ani_17{background-position:-368px;}.ani_18{background-position:-389px;}.ani_19{background-position:-412px;}
.ani_20{background-position:-435px;}.ani_21{background-position:-460px;}
.zan-hover.ani_1{background-position:-460px;}

.message_textarea_wrap{padding-right:22px;}
.message_textarea{height:120px;padding:10px;border:1px solid #e3e3e3;width:100%;border-radius:4px; transition: .3s;}
.message_textarea:focus{border:1px solid #e64a3b;}
.message_operate{margin-top:10px;}

.pj_box{padding:15px;border:1px solid #eee;background:#fff;margin-bottom:20px; position: relative;}

/*名师内页评价*/
#addPJ1{padding:20px 20px 30px 20px;margin-top:20px; text-align:center; font-size:14px;background:#fff; position: absolute;top:0;right: 0;border:1px solid #e3e3e3; box-shadow: 0 1px 4px #e6e6e6;}

#addPJ1 .pj_box_textarea{width:304px;border:1px solid #e5e5e5;margin-top:10px; resize:none; outline:none;height:60px; padding:10px;color:#909090; -webkit-transition:0.3s; transition:0.3s; text-align: left;}

.commentlist {font-size: 12px;}
.commentlist .gray {color: #999;font-size: 14px;}
.commentlist .barbox {width: 220px;}
.commentlist .barbox .barleft {font-size: 12px;color: #999; margin-bottom:5px;}
.commentlist .barbox .barright {height:5px;background: #e3e3e3; margin-bottom:5px; border-radius:10px; overflow:hidden;}
.commentlist .barbox .red {background:#b2dac2;height:5px;}
.commentlist .cmtBtn {background:none;border:1px solid #e0b2b2;/* height:32px;*/ line-height:32px; padding:0 20px;color:#fff;border-radius: 3px;cursor: pointer; font-size:14px;background:#e0b2b2;}
.boxtit {margin-top: 20px;font-size: 16px;}
.commentlist .cmtBtn:hover{ background:#ff4000; color:#fff;border:1px solid #ff4000;}
.avatar{width:45px;height:45px; position:absolute;left:15px;top:15px;}
.avatar img{width:45px;height:45px; border-radius:45px;}
.comment-con{padding: 10px 0 10px 80px;text-align:left;}
.user-txt{height:20px; line-height:20px;color: #999;margin-bottom:5px;}
.comment-txt{margin-bottom:5px;}
.user-txt em{ font-size:14px;}
.user-txt span{float:right;color:#909090;line-height: 20px;font-size: 14px;}
.comment-txt{ line-height:22px;font-size:14px;margin-top:6px;}
.ctop2{margin-top:3px;}
.comment-txt .star{height:22px;float:left; margin-right:10px;}
.comment-txt span.level{color:#909090;}
.comment-txt em{color:#909090; padding-left:5px;}
.cmttop {width: 100%; margin: 0 auto;height: 44px; line-height: 44px; border-bottom:1px solid #EEE;}
.cmttop .cmtlist span.active{border-bottom: 2px solid #E64A3B; position: relative;margin-bottom: -2px;background: #fff;color:#E64A3B;}
.cmttop .cmtlist span {float: left;padding:0; margin-right:40px;text-align: center; cursor: pointer;border-bottom: none;min-height: auto;font-size: 14px;color: #666;}	
.cmttop .cmtlist span em{font-style: normal;}
#con_comment1{
  min-height: 50px !important;
  padding-top: 10px;
}
#con_comment1 .comment-item{
  position: relative;
}

/****************************
paging
*****************************/
.empty{text-align: center; font-size: 14px; color: #bbb;padding: 150px 0px 40px 0px; line-height: 24px;background: url(../images/empty.png) no-repeat 50% 40px;}

.data-errer{text-align: center; font-size: 14px; color: #bbb;padding: 150px 0px 40px 0px; line-height: 24px;background: url(../images/errer.png) no-repeat 50% 60px;}

.empty a{width:120px;height:36px;line-height:36px; text-align: center; display: block;margin:0 auto;background:#e64a3b;color:#fff;border-radius:3px;margin-top:15px;}
.empty a:hover{background:#e64a3b;}

/*课程信息*/
.posnav{padding: 0 30px;font-size: 12px;color: #999;line-height: 45px;height: 45px;}
.courseCode{position: relative;}
.er_code{position: absolute;top: 30px;width: 120px; height: 120px;;left: -50px;z-index: 9;display: block;border: 1px solid #eee;background: #fff;padding: 10px;display: none;}
.er_code img{display: block; min-width:120px; min-height:120px;}
.courseCode:hover .er_code{ display:block;}
.courseView{background:url(coursebg.jpg) no-repeat center;padding: 50px 0;background-size: 100% 100%;}
.courseView .box{background:#fff;border:1px solid #e6e6e6; position: relative;}
#CouponList li .more a{display: inline-block;clear: both;color: #888;border-bottom: 1px solid #888;line-height:25px;    margin-bottom: 10px;}
.courseInfo{padding:0px 30px 30px 560px; position:relative;min-height:300px;}
.courseInfo .image{width:500px;height:300px; position:absolute;left:30px;top:20px;overflow: hidden;}
.courseInfo .image embed{ z-index:1; position:relative;}
.courseInfo .image #view_flv{width:480px;height:300px; position:relative; z-index:99;}
.courseInfo .image img{width:100%;height:100%;}
.courseInfo-right{padding-top:5px;padding-left: 580px;}
.courseInfo-right .course-type{ height: 24px; line-height: 24px; background: #eee; padding: 0 12px;border-radius: 4px; display: inline-block;margin:5px 0; color:#888; }
.courseInfo-right .name{font-size:24px; line-height:34px; color:#222;}
.courseInfo-right .name-right{float:right;}
.courseInfo-right .name-right span{float:left !important;width:32px;height:32px;line-height: 32px; text-align: center; cursor: pointer; border:1px solid #ebebeb;margin-left:-1px;} 
.courseInfo-right .c_zan,
.courseInfo-right .c_collect{float:right;line-height:44px;margin:0 10px; color:#9b9b9b; cursor: pointer;}
.courseInfo-right .c_zan i,
.courseInfo-right .c_collect i{margin-right:3px;float:left;color:#b2b2b2;}
.courseInfo-right .c_zan .zaned{color:#f26c60;}
.courseInfo-right .c_collect .collected{color:#f26c60;}

.courseInfo-right .name-right em{font-size:12px;}
.courseInfo-right #bdshare{ text-align: center !important; padding-bottom:0px !important;margin-right: 2px;}
#collect_course,
.courseInfo-right .name-right .courseCode{line-height:28px;}

.courseInfo-right .name-right span:hover{color:#e64a3b;}
.courseInfo-right .name-right .collected{color:#ea685a !important;}

.courseInfo-right #CouponList li{float:left;}
.courseInfo-right .star{height:24px; line-height:24px; overflow:hidden;margin-top:15px;color:#999; }
.courseInfo-right .star span{position:relative;float:left;height:14px;margin-top: 4px; overflow:hidden;}
.courseInfo-right .star-on{position:absolute;top:50%;margin-top: -7px;;left:0; background:#fff; z-index:9;width:0px; overflow:hidden;height:100%;}
.courseInfo-right .star img{height:100%; display:block; overflow:hidden;}
.courseInfo-right .star b{font-weight:normal;color:#999; margin:0 5px 0 15px;}
.courseInfo-right .coursedesc{ font-size:14px; padding-top:10px;}
.courseInfo-right .coursedesc span{ padding-right:10px;}
.courseInfo-right .status{height:38px; line-height:38px; overflow:hidden;color:#b1b1b1;margin-top:5px;}
.courseInfo-right .status span{padding-right:60px;}
.courseInfo-right .status b{font-size:18px;font-weight:normal;color:#333; padding-right:5px;}
.courseInfo-right .status .ksed{float:right; padding-right:15px;}
.courseInfo-right .price{height:44px; line-height:44px;}/*2017年8月8日18:41:52*/
.courseInfo-right .price span{float:left; position:relative;}
.courseInfo-right .price .qgbg{display:none;}
.courseInfo-right .price .spanHover{cursor:pointer; position:relative;padding-left:21px;margin-left:30px;}
.courseInfo-right .price .fan{color:#e91c35; background:url(fan.png) no-repeat 0 50%;padding-left: 20px;margin-left: 20px; }
.courseInfo-right .price .vip{color:#e91c35; background:url(vip.png) no-repeat 0 50%;padding-left: 20px;margin-left: 20px; }
.courseInfo-right .text{font-size:13px;line-height:33px; color:#9b9b9b;}
.courseInfo-right .price-info{font-size:24px;color:#e91c35;}
.courseInfo-right .money{font-size:14px; margin-left:20px;color:#b1b1b1; text-decoration:line-through;}

.courseInfo-right .button{height:36px; line-height:36px; overflow:hidden;margin-top:10px;}

.courseInfo-right .hb-ui-btn,.hb-ui-btn,
.courseInfo-right .hb-ui-btn1{height:36px; line-height:36px;font-size:14px; background:#3c9f48;width:150px; text-align:center;color:#fff;border:0px; -webkit-transition:0.3s; transition:0.3s;float:left; cursor: pointer;border-radius: 3px;}
.courseInfo-right .tryLearn{height: 36px;line-height: 36px;font-size: 14px;background: #f8f8f8;width: 150px;text-align: center;color: #666;border: 1px solid #eee;-webkit-transition: 0.3s;transition: 0.3s;float: left;margin-left: 15px;cursor: pointer;border-radius: 3px;box-sizing: border-box;}
.courseInfo-right .hb-ui-btn:hover,
.courseInfo-right .hb-ui-btn1:hover{background:#e91c35;}
.courseInfo-right .button em{margin-left:20px;color:#b1b1b1;}
.courseInfo-right .button em img{display:none;}
.courseInfo-right .mt_20 .hb-ui-btn{margin-top: 10px;}
.newStudent li{ width:33.33%; float:left; margin-bottom:15px;}
.newStudent li img{width:30px;height:30px;border-radius:30px; display:block; margin:auto;}
.newStudent li span{ display:block; text-align:center; font-size:12px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;height: 34px;}
/* 教师内容页 */
.teacher_bg{
  position: relative;
  margin-bottom: 150px;
  height: 134px;
  z-index: 1;
  background: #76a6c8 url(../innertopbg.jpg) no-repeat 50% 0;
}
.teacher_logo {
  margin: 55px 26px 0px 40px;
  border: 6px solid #fff;
  width: 144px;
  height: 144px;
  border-radius: 100%;
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative
}
.teacher_logo img{width: 144px;height: 144px;position: absolute;left: 50%;margin-left: -72px;top: 50%;margin-top: -72px;}
.teacherinfo .tname{font-size: 24px; height:24px; line-height:24px; color:#fff;} 
.teacherinfo .mates {font-size: 12px;margin-top:40px;color: #999;}
.teacherinfo .mates span{ margin:0 15px; line-height:24px;}
.teacherinfo .mates .mrm {margin-right: 10px;}
.teacherinfo{margin-top:85px; width:604px;}
.teachermainbox li{
  float: left;
  margin-right: 58px;
  height: 134px;
  line-height: 134px;
  font-size: 24px;
  color: #fff;
}
.teachermainbox li i{display: inline-block;width: 25px;height: 25px;;text-align: center;}
.teachermainbox li i img{max-width: 100%;}
.actions .dz{float: left;height: 38px;line-height: 38px;text-align: center;width: 100px;border-radius: 5px;font-size: 16px;border: 1px solid #e91c35; background:#e91c35; color:#fff;margin-right: 22px;}
.actions .dz:hover{background:#e91c35; border:1px solid #e91c35;}
.actions {margin-top:20px;}
.actions .gz{float: left;height: 40px;line-height: 40px;text-align: center;width: 100px;border-radius: 5px;font-size: 16px;border: 1px solid #d3d3d3;color:#555; background:none;}

/*论坛回复词条*/
.ask_lis{ padding-bottom:20px;}
.liuy-com{ width: 705px;min-height:180px; margin:0px auto;}
.liuy-main{ padding:20px 0px 0px 80px; position:relative; }
.liuy-cont{background: #f8f8f8;border-radius: 5px;padding:10px 20px;}
.liuy-line{border-top:1px solid #eee6c2; }
.liuy-stu{ position:relative; padding-right:80px; margin-bottom:10px;}
.liuy-smit{ height:35px; width:100px; background-color:#e64a3b;border-radius: 3px; border:none; color:white; font-size:14px; float:right}
.liuy-head{ width:60px; height:60px; border-radius:50%; overflow:hidden;position: absolute; left:0px; top:20px;}
.liuy-head img{ min-height:100%;min-width:100%; max-height:100%; max-width:100%; }
.liuy-name{ font-size:12px; line-height:35px; color:#999}
.liuy-cents{ font-size:14px; line-height:22px; min-height:22px;}
.liuy-time{ font-size:14px; color:#999;float:left; line-height:30px;}
.liuy-timer{ font-size:14px; color:#999;line-height:30px; position: absolute; bottom:0px; right:0px;}
.liuy-opinion{ font-size:14px; color:#999; float:right; line-height:30px;}
.liuy-mark{ height:30px;}
.im{ cursor:pointer;}
.liuy-bt{ display:inline-block; padding:2px 15px; border:1px solid #CCC; cursor:pointer; border-radius:3px;}
.liuy-text{ width:100%; padding:10px;outline:none}
.liuy-pos{ color:white; float:right; border:none; height:30px; width:80px; background-color:#34bd74; border-radius:30px;}
/*点播课程内容页结束*/
.liuy-cents .imgbox{float:left;margin-bottom:10px;overflow:hidden; }
.liuy-cents .imgAuto img{height:100%;}
.liuy-cents .imgAuto{margin-right:10px; display:block;height:130px;position:relative;overflow:hidden;cursor: pointer;}

#SubmitComment{
  margin-top: 10px;
  line-height: 34px;
  width: 98px;
  height: 34px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  float: right;
  background: #e64a3b;
  border: 0;
  border-radius: 3px;
  transition: .3s;
}
#SubmitComment:hover{
  background: #f59121;
}
/***
paging
*****************************/
.paging{ text-align: center;margin-top: 25px;}
.paging-box,
.paging-box2{ display: inline-block; }
.paging-box a{float:left;min-width:20px;background:#fff;border-radius:3px;font-size:14px; line-height:34px !important; padding: 0 7px;border:1px solid #e3e3e3;margin:0 5px; color:#5b5b5b;}
.paging-box a:hover{color:#e64a3b;}
.paging-box .icon-prev,
.paging-box .icon-next{ display:block;height:34px; }
.paging-box .icon-prev:hover{ background:url(../images/paging-prevh.png) no-repeat 50% 50%;}
.paging-box .icon-next:hover{background:url(../images/paging-nexth.png) no-repeat 50% 50%;}
.paging-box .curr,
.paging-box .curr:hover{background: #fff;color: #3c9f48;border: 1px solid #3c9f48;}

.paging-box .icon-prev{background:url(../images/paging-prev.png) no-repeat 50% 50%;}

.paging-box .icon-next{background:url(../images/paging-next.png) no-repeat 50% 50%;}

.paging2{line-height:34px;padding:15px 0; text-align: center;}
.paging2 a,
.paging2 span{padding:0 10px;color:#6b6b6b;margin:0 5px;height:28px;line-height: 28px;float:left;border-radius: 3px;}
.paging2 span{margin:0;}
.paging2 b{color:#e91c35;}
.paging2 a{border:1px solid #e3e3e3;}
.paging2 a:hover{background:#f9f9f9;border:1px solid #e0e0e0;}
.comment_list{
  color: #555;
}
.news_item{
  font-size: 14px;
}
.news_item,
.news_item a{
  color:#555;
}
.news_item a:hover{
  color:#e64a3b;
}

.shopping_cont{
  background: #f8f9ff;
  padding-bottom: 100px;
}
.cos-learn-date{
display: none;
}
.userInfo-left .info .type{
  color: #fff;
}
/*课程学习进度条*/
.schedule{
  margin-top:30px;
}
.schedule .ksed{
  color:#666;
  line-height: 34px;
  font-size: 14px;
}
.schedule-line{
  position: relative;
  height: 5px;
  background: #e9eef4;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
}
#learnSchedule{
background: #e91c35;
position: absolute;
left: 0;
top: 0;
height: 100%;
}

.pt30{padding-top: 30px;}
.box-title{ height:40px; line-height:40px;font-size:18px;margin-top:15px;border-bottom:1px solid #e1e1e1; margin-bottom: 20px;}
.box-title span{ font-size:14px;color:#999; padding-left:10px;}
.mt_20{
  margin-top:20px;
}

.ks-button--primary{background-color: #3eba84 !important;border-color: #3eba84 !important;}
.ks-button--primary {background-color: #3eba84 !important;border-color: #3eba84 !important;}
.ks-page-number span.active{
  background: #fff !important;
  color: #3eba84 !important;
  border: 1px solid #3eba84 !important;
}
.ks-page-number span.active:hover {
  background: #fff !important;
  color: #3eba84 !important;
  border: 1px solid #3eba84 !important;
}


/* 新加的 */
.curriculum .expand { margin-bottom: 15px; } 
#expandinfo .expandinfo-title { font-size: 14px; color: #666; } 
#expandinfo .expandinfo-title .tips-icon { width: 16px; height: 16px; display: inline-block; position: relative; text-align: center; line-height: 16px; border-radius: 16px; background: #FF9800; color: #fff; cursor: pointer; } 
#expandinfo .expandinfo-title .tips-con { position: absolute; color: #FF9800; font-size: 12px; width: 220px; background: rgb(255, 250, 242); border: 1px solid #ffe6c2; padding: 5px 0; border-radius: 5px; bottom: 20px; left: 50%; margin-left: -10px; display: none; } 
#expandinfo .expandinfo-title .tips-icon:hover .tips-con { display: block; } 
#expandinfo ul { clear: both; } 
#expandinfo ul li { font-size: 12px; padding: 5px 10px; border: 1px solid #ddd; float: left; border-radius: 3px; margin-top: 10px; color: #666; } 
#expandinfo ul li span { color: #4CAF50; margin-left: 5px; } 
#expandinfo ul li.curr { border-color: #3eba84; color: #3eba84; } 
/* 新加的 */