@charset "utf-8";
/* CSS Document */

.con{width:100%; float:left;margin-bottom: 40px;}
.bx{ max-width:1200px; margin:0 auto; position:relative;}

/**/
.con .bx .kmsx{width:100%; overflow:hidden; background:#fff; padding:0 30px; margin-top:30px; border-radius:6px; }
.con .bx .kmsx .kmfl{width:100%; border-bottom:1px dashed #e6e6e6; overflow:hidden;}
.con .bx .kmsx .kmfl .dkm{width:48px; float:left; font-size:14px; color:#666; height:60px; line-height:60px;}
.con .bx .kmsx .kmfl ul{width:calc(100% - 48px); float:left; padding-top:14px; padding-bottom:14px;}
.con .bx .kmsx .kmfl ul li{padding:0 15px; float:left;  line-height:32px;}
.con .bx .kmsx .kmfl ul li a{ color:#333;}
.con .bx .kmsx .kmfl ul li a:hover{ color:#0384fc;}
.con .bx .kmsx .kmfl .active a{ color:#0384fc;}

/**/
.list_left{width:calc(100% - 250px); float:left; margin-top:20px; padding-bottom:40px; overflow:hidden; background:#fff; border-radius: 6px; }
.list_left .lbsx{width:100%; border-bottom:1px solid #eee; height:44px; line-height:44px; padding:0 20px; background:#fff;}
.list_left .lbsx ul li{ float:left; padding:0 10px; margin-right:12px; height:44px; line-height:44px;}
.list_left .lbsx ul li a{ color:#666;}
.list_left .lbsx .active { border-bottom:2px solid #ff8706;}
.list_left .lbsx .active a{ color:#ff8706}
.list_left .lbsx ul li span{width:15px; height:15px; display:block; margin-left:3px;float:right; margin-top:15px; }
.list_left .lbsx ul li .rq{ background:url(/images/default/icon_renqi_n.png) no-repeat; }
.list_left .lbsx ul li .jg{ background:url(/images/default/icon_jiage_n.png) no-repeat; }
.list_left .lbsx .active .rq{background:url(/images/default/icon_renqi_s.png) no-repeat; }
.list_left .lbsx .active .jg{ background:url(/images/default/icon_jiage_s.png) no-repeat; }
.list_left .lbsx ul li a:hover{ color:#ff8330;}
.list_left .lbsx ul li a:hover .rq{background:url(/images/default/icon_renqi_s.png) no-repeat; }
.list_left .lbsx ul li a:hover .jg{ background:url(/images/default/icon_jiage_s.png) no-repeat; }
.list_left > ul {
  padding: 16px 16px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
.list_left > .luss-l li {
  width: 217.5px;
  margin-bottom: 16px;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear; }
.list_left > .luss-l li a {
  display: block;
  width: 100%;
  height: 192px;
  background: #fff; }
.list_left > .luss-l li a span {
  display: block;
  width: 100%;
  height: 117px; }
.list_left > .luss-l li a span img {
  width: 100%;
  height: 100%; }
.list_left >  .luss-l li a h3 {
  display: block;
  padding: 0 12px; }
.list_left > .luss-l li a h3 p:first-of-type {
  display: block;
  font-size: 16px;
  padding-top: 16px; }
.list_left >  .luss-l li a h3 p:last-of-type {
  display: flex;
  padding-top: 12px;
  justify-content: space-between; }
.list_left > .luss-l li a h3 p:last-of-type em {
  display: inline-block;
  padding-left: 20px;
  background: url("/images/default/icon_bf1.png")no-repeat left center;
  font-size: 14px;
  font-style:normal;
  color: #ff8706; }
.list_left > .luss-l li a h3 p:last-of-type i {
  display: inline-block;
  font-size: 16px;
  color: #ff8706; }
.list_left > .luss-l li a h3 p:last-of-type .jqi {
  color: #0384fc !important; }
.list_left .luss-l li:hover {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); }
.list_left .luss-l li:hover a h3 p:first-of-type {
  color: #0384fc; }


.course > ul {
  padding: 16px 0 0 16px;
  display: flex;
  flex-wrap: wrap;
  transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  overflow:hidden;
 }
.course > .luss-l li {
  width: 217.5px;
  margin-right:16px;
  margin-bottom: 16px;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear; }
.course > .luss-l li:hover{
   transition:all 0.5s; 
   transform:translate(0,-6px);
   -webkit-transform:translate(0,-6px); 
   -moz-transform:translate(0,-6px);
   -o-transform:translate(0,-6px);
   -ms-transform:translate(0,-6px); 
   box-shadow:0 6px 12px rgba(0,0,0,.155); 
   border-color:#e02a2a;
   }
.course > .luss-l li a {
  display: block;
  width: 100%;
  height: 192px;
  background: #fff; }
.course > .luss-l li a span {
  display: block;
  width: 100%;
  height: 125px; 
  position: relative;
  }
.course > .luss-l li a span img {
  width: 100%;
  height: 100%; }
.course >  .luss-l li a h3 {
  display: block;
  padding: 0 12px; }
.course > .luss-l li a h3 p:first-of-type {
  display: block;
  font-size: 16px;
  padding-top: 12px;
  overflow:hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }
.course >  .luss-l li a h3 p:last-of-type {
  display: flex;
  padding-top: 12px;
  justify-content: space-between; }
.course > .luss-l li a h3 p:last-of-type em {
  display: inline-block;
 /* padding-left: 20px;*/
/*  background: url("/images/default/icon_bf1.png")no-repeat left center;*/
  font-size: 14px;
  font-style:normal;
  color: #999; }
.course > .luss-l li a h3 p:last-of-type i {
  display: inline-block;
  font-size: 16px;
  color: #ff8706; }
.course > .luss-l li a h3 p:last-of-type .jqi {
  color: #0384fc !important; }
.course .luss-l li:hover {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); }
.course .luss-l li:hover a h3 p:first-of-type {
  color: #0384fc; }


.fenye{width:100%; padding:20px 0; background:#fff; text-align:center; font-size:15px; }
.fenye a{ padding:8px 14px; background:#fff; border:1px solid #eee; border-radius:4px; margin:0 5px; color:#666;}
.fenye a span{padding:0 5px;}
.fenye .slct{ background:#0384fc; border:1px solid #0384fc; color:#fff;}
.fenye a:hover{ background:#f9f9f9;}

/**/
.list_right{width:290px; float:right; background:#fff;border-radius: 6px; margin-top:15px;}
.list_right h2{background: url(/images/default/icon1.png) no-repeat center left;width:87%; height:52px; line-height:52px; border-bottom:1px solid #eee; padding:0 18px 0 15px; font-size:16px;margin-left: 15px; font-weight:normal;}
.list_right ul{width:100%; overflow:hidden;}
.list_right ul li{ padding:15px 18px; border-bottom:1px dashed #eee; cursor:pointer; overflow:hidden;display: flex;}
.list_right ul li:hover{ box-shadow:0 0 10px 0 #eee;}
/*.list_right ul li img{width:90px;height: 52px; float:left; margin-right:8px;border-radius: 4px;}*/
.list_right ul li img{width:196px;height: 124px; margin-right:8px;border-radius: 4px;}
/*.list_right .r_info{width:calc(100% - 98px); float:right;}*/
/*.list_right .r_info{width:calc(100% - 98px); float:right;}*/
.list_right .r_info h3{ font-size:14px; color:#444; font-weight:normal; line-height:17px; text-align:justify;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px;}
.list_right .r_info span{ color:#999; font-size:12px;}
.list_right .r_info div{ margin-top:4px;}
.list_right ul li:hover h3{ color:#000;}
.list_right .r_info p{font-size:16px; color:#0384fc;float:right;}

/**/
.weizhi{width:100%; height:50px; font-size:14px; color:#666; line-height:50px;}
.weizhi a{ color:#666; float:left;}

/**/
.kc_detl_info{width:100%;height: 305px; background:#fff; padding:40px 80px; overflow:hidden;border-radius: 6px;}
.kc_detl_info .kc_d_left{width:380px;height: 100%;float:left; margin-right:38px;border-radius: 6px;}
.kc_detl_info .kc_d_left img{width:100%;height: 100%; border-radius: 6px;}
.kc_detl_info .kc_d_right{width:calc(100% - 420px); float:right;}
.kc_detl_info .kc_d_right .kcbt{ position:relative;width:100%;}
.kc_detl_info .kc_d_right .kcbt h2{font-size:18px; font-weight:normal; padding:5px 0 12px;   letter-spacing:1px;}
.kc_detl_info .kc_d_right .kcbt .hdty{width:160px; position:absolute; right:0; top:0;}
.kc_detl_info .kc_d_right .kcbt .hdty .share{width:55px; height:22px; float:right; }
.kc_detl_info .kc_d_right .kcbt .hdty .share a{width:100%; height:100%; display:block;background:url(/images/default/icon_share_n.png) no-repeat center left; padding-left:21px; line-height:22px; color:#555;}
.kc_detl_info .kc_d_right .kcbt .hdty .share a:hover{ color:#0384fc; background:url(/images/default/icon_share_s.png) no-repeat center left;}
.kc_detl_info .kc_d_right .kcbt .hdty .collect{width:55px; height:22px; float:right; margin-right:20px;    }
.kc_detl_info .kc_d_right .kcbt .hdty .collect a{width:100%; height:100%; display:block;background:url(/images/default/icon_collection_n.png) no-repeat left 0 top 4px; padding-left:20px; line-height:22px; color:#555;}
.kc_detl_info .kc_d_right .kcbt .hdty .collect a:hover{ color:#0384fc; background:url(/images/default/icon_collection_s.png) no-repeat left 0 top 4px;}
.kc_detl_info .kc_d_right .kcbt .hdty .collect .collected{ color:#0384fc; background:url(/images/default/icon_collection_s.png) no-repeat left 0 top 4px;}
.kc_detl_info .kc_d_right .zhushi{width:100%; padding-bottom:10px;font-size:12px; color:#999; letter-spacing:0.5px;}
.kc_detl_info .kc_d_right .zhushi span{ padding-right:3px;}
.kc_detl_info .kc_d_right .zhushi img{ margin-bottom:3px; margin-right:2px;}
.kc_detl_info .kc_d_right .price_bx{width:100%; padding:16px 16px 20px; text-align:right; }
.kc_detl_info .kc_d_right .price_bx .jiage{width:100%;font-size:14px; color:#999; padding-bottom:10px;}
.kc_detl_info .kc_d_right .price_bx .jiage .price{ color:#0384fc; font-size:24px; padding-left:15px; padding-right:12px;}
.kc_detl_info .kc_d_right .price_bx .jiage .mf{ color:#fc0303; font-size:24px; padding-left:15px; padding-right:12px;}
.kc_detl_info .kc_d_right .price_bx .jiage .yuanjia{ text-decoration:line-through; padding:0;}
.kc_detl_info .kc_d_right .price_bx .jiage span{padding:0 15px; color:#999;}
.kc_detl_info .kc_d_right .price_bx .jiage .hymf{ padding:0; color:#ff8706; font-size:16px;}
.kc_detl_info .kc_d_right .price_bx .youhui{width:100%;font-size:14px; color:#999; position:relative;}
.kc_detl_info .kc_d_right .price_bx .youhui .yhnr{ padding-left:20px; color:#333;}
.kc_detl_info .kc_d_right .price_bx .youhui .yhnr img{ margin-bottom:3px; margin-right:5px;}
.kc_detl_info .kc_d_right .price_bx .youhui .jxyh{ float:right; color:#666; cursor:pointer; }
.kc_detl_info .kc_d_right .price_bx .youhui .jxyh b{ color:#0384fc;}
.kc_detl_info .kc_d_right .price_bx .youhui .jxyh .icon-angle-up{ display:none; padding-left:5px;}
.kc_detl_info .kc_d_right .price_bx .youhui .jxyh .icon-angle-down{padding-left:5px;}
.kc_detl_info .kc_d_right .price_bx .youhui .jxyh:hover .icon-angle-up{ display:block; float:right; padding-top:3px;padding-left:5px;}
.kc_detl_info .kc_d_right .price_bx .youhui .jxyh:hover .icon-angle-down{ display:none;padding-left:5px;}
.kc_detl_info .kc_d_right .price_bx .youhui .yh_list{width:100%; background:#fff; padding:8px 10px; box-shadow:0 0 15px 0 #e5e5e5; border-radius:4px; position:absolute; bottom:-68px; right:0; display:none;}
.kc_detl_info .kc_d_right .price_bx .youhui .yh_list p{width:100%; font-size:13px; color:#777; line-height:24px; letter-spacing:1px;}
.kc_detl_info .kc_d_right .price_bx .youhui .yh_list p span{padding:1px 5px; background: #a3d3ff; border-radius:100%; margin-right:8px; color:#fff;font-size:12px;}
.kc_detl_info .kc_d_right .price_bx .youhui .jxyh:hover  .yh_list{ display:block;}
.kc_detl_info .kc_d_right .hdzn{width:100%;}
.kc_detl_info .kc_d_right .hdzn a{width:140px; height:42px; float:left; display:block; margin-right:30px;  text-align:center; line-height:42px;font-size:16px; border-radius:4px; margin-top:18px;}
.kc_detl_info .kc_d_right .hdzn .gmkc{border:1px solid #0384fc; color:#0384fc;}
.kc_detl_info .kc_d_right .hdzn .gmhy{ background:#0384fc; border:#0384fc 1px solid; color:#fff;}

/*免费试听*/
.mfst{width:100%; background:#fff;float:left;border-radius: 6px;overflow: hidden;}
.mfst h2{width:100%;height:52px; line-height:56px; border-bottom:1px solid #eee; overflow:hidden; padding:0 22px;font-size:16px; font-weight:normal;}
.mfst h2 img{ margin-bottom:3px; margin-right:5px;}
.mfst ul{width:100%; overflow:hidden; padding:20px 16px 0;display: flex;justify-content: space-around;}
.mfst ul li {
  width: 213px;
  margin-bottom: 16px;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear; }
.mfst ul li a {
  display: block;
  width: 100%;
  height: 192px;
  background: #fff; }
.mfst ul li a span {
  display: block;
  width: 100%;
  height: 122px; }
.mfst ul li a span img {
  width: 100%;
  height: 100%; }
.mfst ul li a h3 {
  display: block;
  padding: 0 12px; }
.mfst ul li a h3 p:first-of-type {
  display: block;
  font-size: 16px;
  padding-top: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mfst ul li a h3 p:last-of-type {
  display: flex;
  padding-top: 12px;
  justify-content: space-between; }
.mfst ul li a h3 p:last-of-type em {
  display: inline-block;
  padding-left: 20px;
  background: url("/images/default/icon_bf1.png")no-repeat left center;
  font-size: 14px;
  font-style:normal;
  color: #ff8706; }
.mfst ul li a h3 p:last-of-type b {
  display: inline-block;
  font-size: 14px;
  color: #999; }
.mfst ul li a h3 p:last-of-type .jqi {
  display: inline-block;
  font-size:16px;
  color: #ff8706 !important; }
.mfst ul li:hover {
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); }
.mfst ul li:hover a h3 p:first-of-type {
  color: #0384fc; }



/**/
.det_left{width:calc(100% - 300px); float:left;/* background:#fff;*/min-height:600px; padding-bottom:30px;border-radius: 6px;}
.det_left .nav{width:100%;  border-bottom:1px solid #eee; margin-bottom:15px; background-color:#fff;}
.det_left .nav li{ float:left; margin:0 30px; line-height:66px; font-size:16px;}
.det_left .nav li a{width:100%; height:60px; display:block; padding:0; margin:0; border:none; color:#333;}
.det_left .nav li a:hover,.det_left .nav li a:focus{ background:none;}
.det_left .nav .active a{ color:#0384fc; font-weight:600; border-bottom:2px solid #0384fc;}

.catalog-box{width:100%;}
.catalog-box .panel-heading{padding:0; height:56px; border-bottom:1px dashed #eee;}
.catalog-box .panel-heading em{ width:18%;font-style:normal;width: 65px;height: 25px;display: block;float: right; text-align: center;line-height: 23px;border-radius: 4px;border: 1px solid #0384fc;color: #0384fc;margin-top: 15px; margin-right: 10px; cursor:pointer;}
.catalog-box .panel-heading em.ban{ border:none;}
.catalog-box .panel-heading .panel-title{height:56px; line-height:56px; font-weight:normal; font-size:14px; letter-spacing:1px; cursor:pointer;width: 80%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; float:left;}
/*.panel-group .panel:hover{ background:#f9f9f9;}*/
.panel-group .panel .panel-heading:hover {
	background: #f9f9f9;
}
.catalog-box .panel-heading .panel-title img{ margin-bottom:3px; margin-right:8px;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{ border-top:none; padding:0;}
.panel-body .list-unstyled li{width:100%; height:56px; line-height:56px; border-bottom:1px dashed #eee; cursor:pointer; padding:0 0 0 26px;}
.panel-body .list-unstyled li img{ margin-bottom:3px; margin-right:6px;}
.panel-body .list-unstyled li:hover{ background:#f9f9f9;}
.panel-body .list-unstyled .mfsk{width:65px; height:25px; display:block; float:right; text-align:center; line-height:23px; border-radius:4px; border:1px solid #0384fc; color:#0384fc; margin-top:15px; margin-right:10px;}
.panel-body .list-unstyled .mfsk.ban{ border:none;}
.panel-body .list-unstyled .mfsk.ban img{ margin-bottom:0; margin-right:0;}
.panel{ box-shadow:none; border:none;}
.panel-body .list-unstyled .mfxz{width:65px; height:25px; display:block; float:right; text-align:center; line-height:23px; border-radius:25px; border:1px solid #0384fc; margin-top:15px; margin-right:10px; background:#0384fc; color:#fff; font-size:13px; }
.panel-body .list-unstyled .mfxz img{ margin-bottom:5px; margin-right:3px;}

.det_left .kcxq{width:100%; padding:10px 30px 20px; background-color:#fff;}
.det_left .kcxq p{ font-size:14px; color:#555; line-height:28px; text-align:left;}
.det_left .kcxq p img{width:100%; margin:0 0;}

.det_left .kcbj{width:100%; padding:10px 30px 20px;}
.det_left .kcbj ul li{width:100%; float:left; margin-bottom:30px;}
.det_left .kcbj ul li .zjk{width:100%; height:36px; line-height:36px; background:#f6f6f6; padding:0 15px; font-weight:600; border:1px solid #eee; border-bottom:none;}
.det_left .kcbj ul li .zjk a{ float:right; margin-top:10px;}
.det_left .kcbj ul li .bjnr{width:100%;display: flex; padding:10px; border:#eee 1px solid;}
.det_left .kcbj ul li .bjnr p{text-indent:2em;font-size:14px; color:#555; line-height:24px; text-align:justify; padding-bottom:10px; padding-top:7px;}

/**/
.det_right{width:250px; float:right;}
.det_right .lsjs{width:100%; background:#fff; padding:20px; margin-top:20px;border-radius: 6px;}
.det_right .lsjs .lsjj{width:100%; border-bottom:1px solid #eee; overflow:hidden; padding-bottom:12px; margin-bottom:10px;}
.det_right .lsjs .lsjj .teacher{width:50px; height:50px; border-radius:100%; overflow:hidden; float:left; margin-right:15px;}
.det_right .lsjs .lsjj .teacher img{width:100%;}
.det_right .lsjs .lsjj h4{width:calc(100% - 65px); float:left; font-size:16px; color:#555; padding-bottom:7px; padding-top:5px;}
.det_right .lsjs .lsjj p{width:calc(100% - 65px); float:left; font-size:12px; color:#0384fc;}
.det_right .lsjs .ls_info{font-size:12px; color:#444; line-height:22px; text-indent:2em; text-align:justify; letter-spacing:1px;}






.mf-dian .mfds{
  width: 100%;
  display: flex;
  border-bottom:1px solid #f5f5f5;
}

.mf-dian .mfds>div{
  margin: 0 30px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 16px;
  border-bottom: 2px solid #fff;
  cursor:pointer;
}
.mf-dian .mfds>div:first-of-type {
  border-color: #0384fc;
  font-weight: 600;
  color: #0384fc;
}











.k-spans{
  display: inline-block;
  width: 90px;
  min-width: 90px;
  min-height: 90px;
  height: 90px;
  overflow: hidden;
  border-radius:45px;
  margin-right: 16px;
}

.k-spans img{
  width: 100%;
}

/*高清网课新增*/
.see-more{
	height:46px;
	padding:5px 16px 0 16px;
	text-align:center;
	}
.see-more a.tl_morebtn{
	padding-right:12px;
	background-image:url(/images/default/zc-icon-29.gif);
	background-repeat:no-repeat;
	background-position:55px;
	background-size:12px;
    display:inline-block;
	*zoom:1;
	*display:inline;
	color:#666;
	white-space:nowrap;
	cursor:pointer;
	border:#ddd 1px solid;
	padding:4px 35px 4px 20px;
	border-radius:100px;
}
.see-more a.tl_morebtn.focus{
    background:url(/images/default/zc-icon-29-hover.gif) no-repeat 55px;
}


/*购买课程*/
.gm-course{
	width:100%;
	height:auto; 
	background:#fff;
	padding:30px; 
	overflow:hidden;
	/*margin-bottom:300px;*/
	}
.gm-content{
	width: 100%;
    height: auto;
    background: #fff;
    overflow: hidden;
	}
.gm-content .kc_img {
    width: 288px;
    height: 165px;
    float: left;
    margin-right: 30px;
	display:inline-block;
	border-radius:6px;
	}
.gm-content .kc_img img{
	width: 100%;
    height: 100%;
    border-radius: 6px;
	}
.gm-det{
	width: 650px;
    float: left;
	}
.gm-det h1{
	font-size: 24px;
	font-weight:normal;
    margin-bottom:15px;
	margin-top:5px;
    letter-spacing: 1.2px;
	}
.gm-det p{
	font-size: 32px;
    color: #ff740e;
	}
.gm-det p span{
	font-size: 14px;
    text-decoration: line-through;
    color: #999;
    margin-left: 8px;
	}
.gm_btn{
	/*width: 146px;*/
    float: right;
    padding-top: 12px;
	}
.gm_btn a{
	width: 146px;
    height: 42px;
    margin: 7px 0;
    float: left;
    display: block;
    background: #0384fc;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
	}
.gm_btn a.zx{
	width: 144px;
    height: 40px;
    border: 1px #0384fc solid;
    line-height: 40px;
    color: #0384fc;
    background:none;
	}
/*支付*/
.bx .box1{max-width:1200px; background:#fff; padding:24px 45px; height:auto; display:block; overflow:hidden;}
.bx .box1 .left{ padding-left:14%; height:90px; background:url(/images/default/icon_ddtj.png) no-repeat center left 4%;width:75%; float:left;}
.bx .box1 .left h2{ font-size:26px; color:#666; margin:10px 0 15px; float:left; width:80%; font-weight:bold;}
.bx .box1 .left p{font-size:1px; float:left;width:77%;font-size:16px; color:#666;}
.bx .box1 .left p b{ color:#097df2; font-weight:normal;}
.bx .box1 .right{width:20%; float:right; margin-right:2%; }
.bx .box1 .right p{ text-align:right; font-size:16px; color:#999; line-height:90px;}
.bx .box1 .right p b{ color:#ff3938; font-size:28px; font-weight:normal;}

.bx .box2{max-width:1200px; background:#fff; margin:12px auto 0; padding:24px 45px; height:auto; overflow:hidden;}
.bx .box2 .left{ padding-left:14%; height:130px; background:url(/images/default/icon-dizhi.png) no-repeat center left 4%;width:75%; float:left;}
.bx .box2 .left p{font-size:17px; color:#999; margin-bottom:15px; letter-spacing:1px;}
.bx .box2 .left ul li{width:50%; line-height:36px; font-size:14px; margin:10px 0; }
.bx .box2 .left ul li input{height:36px; border:1px solid #ccc; width:72%;}

.bx .box3{max-width:1200px; background:#fff; margin:12px 0 12px 0;padding:24px 45px; height:340px;}
.bx .box3 .top{width:100%; }
.bx .box3 .top p{ font-size:18px; }
.bx .box3 .top p b{ margin-right:10px;}
.bx .box3 .top p select{width:246px; height:36px; border:1px solid #ccc; color:#555; padding-left:5px; padding-right:5px;}
.bx .box3 .top .zjje{font-size:14px; text-align:right; padding-right:2%; border-bottom:1px solid #eee; padding-bottom:10px; line-height:26px;}
.bx .box3 .top .zjje span{ color:#888;;}
.bx .box3 .top .zjje b{font-size:18px; font-weight:normal; margin-right:0; color:#ff4241;}
.bx .box3  .bottom{ padding-top:20px;}
.bx .box3  .bottom p{font-size:18px; }
.bx .box3  .bottom a{width:120px; height:42px; background:#0384fc; border-radius:4px; text-align:center; line-height:42px; color:#fff; float:right; }
.bx .box3  .bottom  .fanhui{ background:#e5e5e5; color:#666; margin-left:20px;}

.bx .box3 #hydj{width:100%; overflow:hidden; margin-top:30px;}
.bx .box3 #hydj li{width:180px; height:66px; float:left; margin-right:15px; border:1px solid #eee; position:relative; cursor:pointer;}
.bx .box3 #hydj li div{width:180px; height:66px;}
.bx .box3 #hydj .current{ border:1px solid #f53130 !important;}
.bx .box3 #hydj li > img{ position:absolute; right:0; bottom:0; z-index:99; width:18px ; height:18px;}


.newPay{margin:0px auto 10px auto;}
.newPay-main{background:#fff;padding:15px 20px 15px 30px;height:auto; overflow:hidden;}
.newPay-main img{float:left;margin-right:20px;}
.newPay-mainMes p{font-size:16px;color:#333;margin:5px 0;}
.newPay-mainMes .newPay-money{font-size:12px;}
.newPay-yh{background:#fff;padding:0 50px 20px 50px;margin-bottom:30px;}
.newPay-pttit{color:#35d48f;font-size:16px;padding:20px 0 5px 0;}
.newPay-ptlist{border-bottom:1px dashed #ddd;padding:10px 0;}
.newPay-ptlist input{position: relative;top: -10px;margin-right:5px;}
.newPay-ptlist span{position: relative;top: -10px;color:#999;margin:0 40px 0 5px;}
.newPay-ptlist img{cursor:pointer;}

/*微信支付*/
.zf-top{float:left;}
.zf-top span{ color:#0384fc;}
.zf-r-mon{font-size:14px;float:right;margin-top: 35px;}
.zf-r-mon span{color:#ff7943;font-size: 32px; padding-left:5px;}
.zf-top{font-size: 14px;color: #333;margin-top: 15px;}
.zf-top .zf-size{font-size: 14px;color: #666;margin-top: 10px;}
.zf-top .zf-size span{font-size: 12px;color: #ef4040;}
.zf-ewm{background: #fff;width: 1200px;padding: 40px 36px 80px;margin: 0 auto 20px; height:auto; overflow:hidden;}
.zf-erw-l{float:left;width: 500px;}
.zf-erw-r{float:left;padding-left: 50px;padding-top: 50px;}
.zf-ewm-tit{font-size: 18px;color:#333;margin-bottom: 35px;}
.zf-ewm-tit span { border-left:5px solid #0384fc; padding-left:8px;
    }
.zf-ewm-s{width: 300px;height: 300px;margin:0 auto 15px auto;border:1px solid #ddd;position: relative;}
.zf-ewm-s img{position: relative;top:9px;left:10px; width:280px; height:280px;}
.duia_timeDown{color:#ff7a4d;}
.zf-sxclas{position: absolute;top:0;left:0;cursor: pointer;}
.zf-ewm-ts{text-align: center;margin-bottom: 15px;font-size: 13px;color:#666;}
.zf-ewm-s .zf-ewm-ts span{color:#ef4040;}
.zf-ewm-but{width: 300px;height:60px;background: #0384fc;margin: 0 auto;display: block;cursor: default;}
.zf-ewm-but img{display: block;float:left;margin: 6px 20px 0 60px;}
.zf-ewm-but p{float:left;font-size: 14px;color:#fff;line-height: 23px;margin-top: 8px;}
.font-red{color:#ff5d5b;}
.zf-carry{
	height:200px;
	text-align:center;
	}
.zf-carry .p{
	background:url(/images/default/icon_ddtj.png) no-repeat center left;
	color:#333;
	font-size:14px;
	}
.Order_xb{
	max-width:1200px; 
	background:#fff; 
	padding:24px 45px; 
	display:block; 
	overflow:hidden;
	margin-bottom:12px;
	text-align:center;
	padding-top:50px;
	}
.Order_xb .error{
	 background:url(/images/default/icon_ddtj_xb.png) no-repeat center center;
	 width:100%;
	 height:120px;
	 margin-top:30px;
	}
	.Order_xb .success {
		background: url(/images/default/icon_ddtj.png) no-repeat center center;
		width: 100%;
		height: 120px;
		margin-top: 30px;
	}
.Order_xb span{
	font-size:24px;
	font-weight:bold;
	color:#666;
	}
.Order_xb a{
    width: 120px;
    height: 42px;
    background: #0384fc;
    border-radius: 4px;
    text-align: center;
    line-height: 42px;
    color: #fff;
    display: block;
    margin: 30px auto;
	}
.Order_xb span em{
    font-size: 16px;
    color: #666;
    font-weight: normal;
    font-style: normal;
}
.Order_xb span em i{
	font-size: 16px;
    color: #097df2;
    font-weight: normal;
    font-style: normal;
	}
	
/*支付结果*/
.zf-top span{ color:#0384fc;}
.zf-failure{
	height:auto;
	overflow:hidden;
	text-align:center;
	width:100%;
	display:block;
	}
.zf-failure p{
	background:url(/images/default/zf_cg.png) no-repeat center center;
    width:100%;
	height:180px;
	}
.zf-failure p.xb{
	background:url(/images/default/zf_xb.png) no-repeat center center;
	}
.zf-failure span{
	color:#333;
	font-size:20px;
	font-weight:bold;
	display:block;
	}
.zf-failure em{
	color:#333;
	font-size:14px;
	font-style:normal;
	line-height:24px;
	}
.zf-failure em i{
	color:#097df2;
	font-size:16px;
	font-style:normal;
	line-height:30px;
	}
.Order-cz{
	width:100%;
    display: block;
	}
.Order-cz a{
	width: 120px;
    height: 42px;
    background: #0384fc;
    border-radius: 4px;
    text-align: center;
    line-height: 42px;
    color:#fff;
    display: inline-block;
    margin: 30px 10px;
	}
.Order-cz a.fh{
	background:#fff;
	border: solid 1px #0384fc;
	color:#0384fc;
	}
.show_mask{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
	}
	.show_mask em {
		display: block;
		width: 60px;
		height: 60px;
		transform: scale(2);
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -30px -30px;
		z-index: 1;
		background: url(/images/default/bf.png) no-repeat center center;
		transition: all .25s ease-in;
		opacity: 0;
	}
.show_mask:hover {opacity: 1; filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;}
.show_mask em:hover {transform: scale(1); opacity: 1;-moz-opacity:0.1;}

/*鼠标滑过*/
.course > .luss-l li .show_mask{position: absolute;width: 100%;  height: 100%;  left: 0;  top: 0;  background: rgba(0, 0, 0, 0.3);
	opacity: 0; filter:alpha(opacity=10);  -moz-opacity:0.1;  -khtml-opacity: 0.1;}
.course > .luss-l li .show_mask em{ display: block;  width: 60px;  height: 60px;transform: scale(2); position: absolute;    left: 50%;
	top: 50%;  margin: -30px -30px;  z-index: 1; background: url(/images/default/bf.png) no-repeat center center;transition: all .25s ease-in;
opacity: 0; filter:alpha(opacity=10);  -moz-opacity:0.1;  -khtml-opacity: 0.1;  }
.course > .luss-l li:hover .show_mask{opacity: 1; filter:alpha(opacity=100);  -moz-opacity:1;  -khtml-opacity: 1;}
.course > .luss-l li:hover .show_mask em{transform: scale(1); opacity: 1;-moz-opacity:0.1;}

/*弹窗*/
.Tip-popup{
	text-align:center;
	padding-top:40px;
	}
.Tip-popup p{
	font-size:14px;
	color:#333;
	line-height:30px;
	}
.Tip-popup p img{
	margin-right:5px;}
.Tip-popup a{
    display: inline-block;
    height: 38px;
    width: 120px;
    line-height: 38px;
    border-radius: 2px;
    font-size: 14px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.05);
	background: #0384fc;
    color: #fff;
	margin-top:30px;
	cursor:pointer;
	}
.flex {
	display: flex;
}

.align-center {
	align-items: center;
	
}
.justify-content {
	justify-content: space-between;
}

.flex-tb {
	flex-direction: column;
}

.zhushi.teacher img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background-color: #f2f2f2;
}

.zhushi.teacher .teacher-item{
	margin:auto 10px;
}


.hot-course .chunk {
	position: relative;
	margin-bottom: 20px;
	width: 280px;
	background-color: #f7f7f7;
	padding: 30px 19px 19px;
}

	.hot-course .chunk .title {
		height: 46px;
		font-size: 17px;
		font-weight: 400;
		color: #333;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.hot-course .chunk .rank {
		margin-top: 21px;
		font-size: 12px;
		font-weight: 400;
		color: #999;
	}

	.hot-course .chunk .teacher {
		margin-top: 30px;
	}

	.hot-course .chunk .teacher-teacher {
		margin-right: 20px px;
	}

		.hot-course .chunk .teacher-teacher > img {
			width: 40px;
			height: 40px;
			border-radius: 50%;
			background-color: #f2f2f2;
		}

		.hot-course .chunk .teacher-teacher > p {
			margin-top: 10px;
			font-size: 12px;
			font-weight: 400;
			color: #999;
		}

	.hot-course .chunk .price {
		margin-top: 15px;
		padding-top: 15px;
		border-top: 1px solid #eee;
	}

		.hot-course .chunk .price .val > span {
			font-size: 14px;
			font-weight: 400;
			color: #de3e29;
		}

		.hot-course .chunk .price .val .num {
			font-size: 20px;
		}

		.hot-course .chunk .price > button {
			cursor: pointer;
			text-align: center;
			width: 96px;
			height: 28px;
			background: #fff;
			border: 1px solid #b4dbff;
			border-radius: 14px;
			font-size: 12px;
			font-weight: 400;
			color: #0384fc;
			line-height: 27px;
		}

button {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: #fff;
	border: 1px solid #000;
	outline: none;
	border-color: transparent;
	box-shadow: none;
}