@charset "utf-8";

/* 修改开始 */
/*付费课程详情*/
.pannel-4,.pannel-5 {width: 1060px;background-color: #fff;overflow: hidden;margin: 0 auto;padding: 20px;margin-top: 20px;}
.pannel4_detail { width: 600px; margin-right: 30px; position: relative; }
.pannel4_detail .teacher { width: 600px; height: auto; }
.image-gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.image-overlay {position: absolute; width: 600px; height: 100%; filter: alpha(opacity=60); background: rgba(2,2,2,.6); text-align: center; line-height: 1; color: #ffffff; top: 0;  }
.image-overlay::before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.image-overlay:hover { cursor: pointer; transition: all .3s ease; }
.image-overlay.image-overlay-o:hover { opacity: 1; filter: alpha(opacity=60); }
.banner-cover-video { vertical-align: middle; display: inline-block; }
.banner-cover-play {display: inline-block; width: 52px; height: 52px; }
.pannel4_cont {width: 430px;}
.pannel4_cont h1 { font-size: 24px; }
.pannel4_cont table { margin-top: 20px; }
.pannel4_cont table td { display: inline-block; font-size: 14px; vertical-align: top; margin-bottom: 10px; }
.pannel4_cont table td:first-child { color: #999; width: 80px; }
.pannel4_cont table tr:first-child td { margin-bottom: 6px; }
.pannel4_cont table del { height: 40px; line-height: 40px; margin-left: 6px; }
.pannel4_cont table p { color: #ff4949; }
.pannel4_cont table p span ,.package .zongjia li span{ font-size: 30px; margin-left: 2px; }
.pannel4_cont table td:last-child {width: 350px;}
.pannel4_cont table .lh30 { height: 30px; line-height: 30px; }
.pannel4_cont table .vb { vertical-align: bottom; }
.pannel4_cont ul li { border: 2px solid #e8e8e8; height: 26px; line-height: 26px; float: left; padding: 0 14px; margin-right: 10px; position: relative; margin-bottom: 10px; }
.pannel4_cont ul li.active:after { content: ""; background: url("/static/images/detail/check.png") no-repeat; width: 14px; display: block; height: 16px; background-size: 14px 16px; position: absolute; bottom: 0; right: -1px; z-index: 10; }
.pannel4_cont ul li.active, .pannel4_cont ul li:hover { border: 2px solid #0091f4; }
.pannel4_cont ul li.active a { color: #0091f4; }
.pannel4_cont ul li a { display: block; }
.pannel4_cont .goumai { width: 130px; height: 40px; background-color: #ff4949; border-radius: 2px; font-size: 16px; line-height: 40px; text-align: center; color: #fff; display: inline-block; margin-top: 10px; margin-bottom: 18px; }
.pannel4_cont .goumai2{background-color: #0091f4; }
.pannel4_cont .activity .fl { margin-right: 30px; }
.pannel4_cont .activity span { margin-left: 4px; color: #ff4949; }
.pannel4_top{overflow: hidden;padding-bottom: 60px;}
.pannel4_bottom {margin-top: 10px;width: 600px;height: 30px;line-height: 30px;position: relative;}
.package { width: 1058px; margin: 0 auto; clear: both; overflow: hidden; border: solid 1px #e8e8e8; position: relative;}
.package_tit { height: 44px; background-color: #f2f2f5; line-height: 44px; padding-left: 20px; }
.package .TabTitle1 { margin: 0 20px; height: 50px; }
.package .TabTitle1 li { float: left; text-align: center; height: 48px; line-height: 48px; cursor: pointer; width: 254px; border-bottom: 2px solid #f3f3f3; }
.package .TabTitle1 li.active { border-bottom: 2px solid #0091f4; background-color: #fff; height: 48px; line-height: 48px; }
.package .TabContent1 { padding: 30px 20px; overflow: hidden; }
.package .taocan li { float: left; width: 200px; position: relative; }
.package .taocan li img { height: 100px; width: 150px; }
.package .taocan li h3 { font-size: 16px; width: 135px; margin-left: 7px; text-align: center; margin-top: 10px; }
.package .taocan li p { text-align: center; margin-top: 10px; width: 149px; font-size: 18px; }
.package .taocan li em { width: 19px; height: 19px; background-repeat: no-repeat; background-size: 19px 19px; background-image: url("/static/images/detail/jia.png"); position: absolute; right: 16px; top: 40.5px; }
.package .taocan li:last-child em { background-image: url("/static/images/detail/dengyu.png"); height: 11px; top: 43.5px; background-size: 19px 11px; }
.package .zongjia {min-width: 84px;float: left;margin-top: 25px;}
.package .zongjia li { height: 30px; line-height: 30px; }
.package .zongjia .price {background-color: #f2f2f5;height: 24px;line-height: 24px;clear:  both;max-width: 130px;margin: 0 auto;margin-top: 3px;}
.package .zongjia .goumai {width: 70px;height: 30px;background-color: #ff4949;border-radius: 2px;text-align: center;color: white;display: block;margin: 0 auto;margin-top: 18px;}
.lh40{line-height:40px!important;height:40px!important;}
.package .zongjia li span{margin-right:4px;}
.pannel5_bottom_left{width: 500px;float:  left;}
.pannel5_bottom_right{width: 200px;margin-top: 0;}
/* tab上一个下一个切换 */
.scrollpic {width: 1058px;}
#myscroll { display: block; width: 100%; height: 45px; overflow: hidden; }
#myscroll #myscrollbox { display: block; float: left; position: absolute; left: 0; top: 48px; width: 1000000px; }
#myscroll ul { display: block; float: left; list-style-type: none; padding: 0; margin: 0; }
#myscroll ul li { display: block; min-width:250px;}
#mybtns {/* margin: 10px 0; */width: 1058px;/* display: block; */height: 42px;position: absolute;top: 0px;/* right: 20px; */}
#mybtns a { width: 42px; height: 42px; display: block; float: right; margin-right: 1px; background-color: #c1c1c1; margin-left: 10px; }
#mybtns a:hover { background-color: #0091f4; }
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#mybtns #left { background-image: url(../images/detail/jt_l.png); }
#mybtns #right { background-image: url(../images/detail/jt_r.png); }
/* 详情弹窗 */
.course-det-img{cursor: pointer;margin-bottom:10px;}
.course-det-pop {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .7);z-index: 998; display: none; padding:30px 0 20px 0;}
.coursedet-cont{display: none;width: 260px;border-radius: 6px;background-color: #fff;position: fixed;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);padding: 20px;z-index:999;}
.coursedet-input input {display: block;width: 100%;height: 44px;line-height: 44px;border: none;background: #eee;outline: none;margin:0 auto;margin-bottom: 20px;padding: 0 15px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.coursedet-btn {width: 100%;height: 44px;display: flex; justify-content: center;align-items: center;background-color: #0af;font-size: 18px;color: #fff;margin:0 auto;cursor: pointer;}
.coursedet-cont p{margin-top: 8px;}
.coursedet-input>input:first-child{margin-top: 20px;}
.coursedet-input .form-group input{width:50%;float:left;}
.coursedet-cont .verification_img {float:right;width: 48%;height:44px;}
.coursedet-cont .verification_img img{height:44px!important;}
.coursedet-cont .form-group .getyzm {width: 48%;/* background-color: #180e3c; */color: #666;/* font-size: 20px; */line-height: 44px;text-align: center;background: #eee;height: 44px;float: right;}



/*免费课程详情*/
.pannel5_top { overflow: hidden;  }
.pannel5_left { width: 760px; height: 530px; background-color: gray;position: relative; }
.pannel5_left .teacher { width: 760px; height: auto; margin-top: 11.5px;display: block;}
.pannel5_left .image-overlay {width: 760px;}
.pannel5_right { width: 298px; border: solid 1px #e8e8e8; height: 528px; }
.pannel5_right_cont { width: 260px; margin: 0 auto; }
.pannel5_right_tit {width: 260px;height: 48px;line-height: 48px;font-size: 16px;border-bottom: 1px solid #d8d8d8;margin-bottom: 10px;}
.pannel5_right_cont>ul {/* margin-top: 10px; */overflow-y: auto;max-height: 450px;}
.pannel5_right_cont>ul>li ul li ,.pannel5_right_cont h5{height:  30px;line-height: 30px;cursor: pointer;overflow: hidden;}
.pannel5_right_cont .active{background-color:#ddd;}
.pannel5_right_cont .cb {color:#63B8FF;}
.pannel5_right_cont ul::-webkit-scrollbar { display: none; }
.pannel5_bottom{width:760px;margin-bottom: 20px;height: 50px;margin-top: 6px;}
.pannel5_bottom_left h1{height:30px;line-height:30px;}
.pannel-6 .course .tab{width:33.3%!important;}
.pannel5_right_cont>ul>li>.inactive{background: url("../images/detail/open.png") no-repeat right center;}
.pannel5_right_cont>ul>li>.inactives{background: url("../images/detail/close.png") no-repeat right center;}
/*分享*/
.pannel4_bottom .img_bottom{height: 30px;line-height: 30px;position: relative;}
.pannel4_bottom .share.isShow #share-2 {display:block;}
.pannel4_bottom #share-2 {top: auto;bottom: 100%;left: -56px;position: absolute;top: 40px;height: 32px;display:none;width: 154px;}
.pannel4_bottom .social-share-icon{width:32px;height:32px;display: inline-block;margin-right: 6px;}
.pannel4_bottom .social-share .icon-wechat{ background-image: url("../images/detail/css-bg.png"); background-position: -13px -7px !important; }
.pannel4_bottom .social-share .icon-weibo{ background-image: url("../images/detail/css-bg.png"); background-position: -57px -7px !important; }
.pannel4_bottom .social-share .icon-qq { background-image: url("../images/detail/css-bg.png"); background-position: -101px -7px !important; }
.pannel4_bottom .social-share .icon-qzone { background-image: url("../images/detail/css-bg.png"); background-position: -146px -7px !important; }
.social-share .icon-wechat .wechat-qrcode { display: none; border: 1px solid #eee; position: absolute; z-index: 9; top: -205px; left: 30px; width: 200px; height: 192px; color: #666; font-size: 12px; text-align: center; background-color: #fff; box-shadow: 0 2px 10px #aaa; transition: all 200ms; -webkit-tansition: all 350ms; -moz-transition: all 350ms; }
.social-share .icon-wechat:hover .wechat-qrcode { display: block; }
.pannel4_bottom .qrcode img{margin:0 auto;}
.social-share .icon-wechat .wechat-qrcode:after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent; }
.pannel4_bottom .img_bottom #addFav {background: url("../images/detail/shoucang.png") no-repeat left center;padding-left: 20px;color: #999;}
.pannel4_bottom .img_bottom #addFav:hover,.pannel4_bottom .img_bottom #cancelFav{background: url("../images/detail/shoucang_hover.png") no-repeat left center;color: #0091f4;}
.pannel4_bottom .img_bottom #cancelFav{padding-left: 20px;}
.pannel4_bottom .img_bottom .share {background: url("../images/detail/shares.png") no-repeat left center;padding-left: 20px;margin-right: 30px;cursor:pointer;color: #999;}
.pannel4_bottom .img_bottom .share:hover { background: url("../images/detail/share_hover.png") no-repeat left center;color:#0091f4; }
/* 修改结束 */
/*套餐推荐*/
.panel-2 { width: 100%; height: 368px; background-color: #fff; }
.panel-2 h2 { font-size: 18px; padding-top: 25px; margin-bottom: 20px; }
.panel-2 .TabTitle1 { height: 45px; }
.panel-2 .TabTitle1 li { float: left; border-right: 2px solid #fff; background-color: #f2f2f5; text-align: center; height: 45px; line-height: 45px; cursor: pointer; padding: 0 10px; width: 250px; }
.panel-2 .TabTitle1 li.active { border-top: 2px solid #0091f4; background-color: #fff; height: 43px; line-height: 43px; }
.panel-2 .TabContent1 { width: 1000px; margin-top: 50px; overflow: hidden; }
.panel-2 .taocan li { float: left; width: 200px; position: relative; }
.panel-2 .taocan li img { height: 98px; width: 149px; }
.panel-2 .taocan li h3 { font-size: 12px; width: 135px; margin-left: 7px; text-align: center; margin-top: 10px; }
.panel-2 .taocan li p { text-align: center; margin-top: 10px; width: 149px; }
.panel-2 .taocan li em { width: 19px; height: 19px; background-repeat: no-repeat; background-size: 19px 19px; background-image: url("../images/detail/jia.png"); position: absolute; right: 16px; top: 39.5px; }
.panel-2 .taocan li:last-child em { background-image: url("../images/detail/dengyu.png"); height: 11px; top: 43.5px; background-size: 19px 11px; }
.panel-2 .zongjia { min-width: 84px; float: left; }
.panel-2 .zongjia p { color: #ff0000; font-size: 18px; text-align: center; }
.panel-2 .zongjia del { font-size: 12px; color: #999; text-align: center; display: inherit; margin-top: 5px; margin-bottom: 5px; }
.panel-2 .zongjia .price { width: 74px; height: 20px; line-height: 20px; border: 1px solid #ff2626; text-align: center; font-size: 12px; background-color: #f6c6c6; margin: 0 auto; }
.panel-2 .zongjia .goumai { width: 84px; height: 28px; line-height: 28px; text-align: center; color: white; background-color: #ff0000; display: block; box-shadow: 0px 0px 16px 0px rgba(27, 86, 126, 0.15); margin: 0 auto; margin-top: 5px; }
/*课程详情*/
.panel-3{margin-top:30px;}
.panel-3 .course{border:1px solid #DFDFDF;background-color:#fff;}
.panel-3 .course{width:748px;}
.panel-3 .tabs{height:44px;}
.panel-3 .anchor {position: relative;top: -44px;}
.panel-3 .laoshi{width:312px;}
.panel-3 .course .fixed_pc {display: block;position: fixed;top: 0;width:748px;z-index:990;}
.panel-3 .course .tab{width:25%;height:44px;float:left;background-color:white;font-size:16px;line-height:44px;text-align:center;}
.panel-3 .course .tab.active{height:42px;line-height:42px;/*border-bottom:2px solid #0091f4;*/background-color:white;}
.panel-3 .course .tab.active span{height: 2px;width: 30px;border-bottom: 2px solid #0091f4;position: absolute;display: inline-block;margin-top: 40px;margin-left: -46px;}

.panel-3 .course_content_section{padding:0 15px;}
.panel-3 .course_content_section .content_node{padding:30px 0;clear: both;}
.panel-3 .course_content_section .content_node .title{height: 22px; line-height: 22px; border-left: 4px solid #0091f4; padding-left: 10px;font-size: 18px;}
.panel-3 .course img{width:100%;height:auto;}
.panel-3 .course_class_notes{padding-bottom:50px;}
.panel-3 .class_notes_con{width:710px;margin:0 auto;overflow: hidden;}
.panel-3  .comment_user {height:40px;line-height: 40px;margin-bottom: 18px;}
.panel-3  .comment_user .touxiang{width:40px;height:40px;background-color:#d7d7d7;border-radius:100%;margin-right: 10px;}
.panel-3 .class_notes_con li{border-bottom:1px solid #d7d7d7;min-height:30px;width:100%;overflow:  hidden;padding-bottom:  20px;margin-bottom: 20px;}
.panel-3 .class_notes_con li .lh24{line-height: 20px;}
.panel-3 .answer{background-color: #f3f3f3;border-radius: 2px;padding: 6px 10px;line-height: 24px;margin-top: 10px;}
.panel-3 .class_notes_con .more{padding:24px 0;text-align: center;}
.panel-3 .class_notes_con .more a{background-image:url("../images/detail/yuanjia2.png");background-repeat:no-repeat;line-height:16px;display: inline-block;padding-left: 25px;}
.panel-3 .lesson_catelog_hd h2 { text-align: center; font-size: 24px; margin-bottom: 30px; color: #333; font-weight: bold; }
/* unfold */
#hui-unfold{width:100%;position:absolute;z-index: 2;le;left:0px;bottom: 0;height:50px;line-height:50px;text-align:center;color:#3388FF;background-color: #fff;font-size: 16px;cursor: pointer;}
.panel-3 .mulu_list{overflow:hidden;position: relative;}
.panel-3 .mulu_list li,.panel-3 .mulu_list>li>div{min-height: 40px;line-height: 40px;color: #666;display: block;cursor: pointer;margin: 0 auto;}
.panel-3 .mulu_list>li{width: 720px;display:inline-block;border-bottom:1px solid #F7F7F7;}
/*.panel-3 .mulu_list>li>.inactive{background: url("../images/detail/zhankai.png") no-repeat 698px center;}*/
/*.panel-3 .mulu_list>li>.inactives{background: url("../images/detail/shouqi.png") no-repeat 698px center;}*/
.panel-3 .mulu_list>li>.inactive.inactives:before,.panel-3 .mulu_list>li>.inactive:before{display:inline-block;margin-right: 40px;}
.panel-3 .mulu_list>li>.inactive.inactives:before{content: "";background: url(../images/detail/zhankai.png) no-repeat;width: 20px;height: 10px;vertical-align: middle;background-size: 17px 10px;}
.panel-3 .mulu_list>li>.inactive:before{content: "";background: url(../../static/images/right.png) no-repeat;width: 12px;height: 16px;vertical-align: middle;background-size: 8px 15px;}
.panel-3 .mulu_list>li>ul>li{width: 100%;padding: 0 15px;background-color: white;border-bottom: 1px solid #F4F4F4;}

.panel-3 .mulu_list h5 { color: #666; margin-right: 30px; }
.panel-3 .mulu_list img{ width: 16px; height: 10px; display: inline-block; margin-right: 4px; margin-top: 15px;}
.panel-3 .mulu_list span.shuxian { margin: 0 10px; color: #009cf5; font-size: 12px; font-weight: bold; }
.panel-3 .mulu_list>li>div a{margin-right:15px;}


.panel-3 .laoshi li{padding:20px 50px 40px 50px;border:1px solid #dfdfdf;border-radius:5px;background-color:#fff;margin-bottom:15px;}
.panel-3 .laoshi li .teacher{margin:0 auto;width: 120px;}
.panel-3 .laoshi li .teacher img{border-radius:100%;width: 120px;height: 120px;}
.panel-3 .laoshi li .jiangshi{color:#666;text-align:center;margin:10px 0;}
.panel-3 .laoshi li .jianjie{font-size:12px;text-indent:2em;color:#666;line-height:25px;}
.panel-3 .laoshi li .more{padding:9px 0;text-align: center;background-color:#f2f2f5;margin-top:15px;}
.panel-3 .laoshi li .more a{background-image:url("../images/detail/shipin.png");background-repeat:no-repeat;line-height:16px;display: inline-block;padding-left: 22px;}
.panel-3 .laoshi li .more:hover{background-color:#0091f4;}
.panel-3 .laoshi li .more:hover a{color:#fff;background-image:none;padding:0;}

.panel-3 .kc_wenti{width:312px;background-color: #fafafa;border: 1px solid #dfdfdf;border-radius: 4px;margin-bottom:15px;overflow: initial;}
.panel-3 .kc_wenti_tit{height: 44px;line-height: 44px;margin-left: 10px;background: url("../images/detail/side-tips.png") no-repeat center left;padding-left: 25px;}
.panel-3 .kc_wenti_tit1{background: url("../images/detail/side-recommends.png") no-repeat center left;}
.panel-3 .kc_wenti ul{padding:10px 20px;background-color: #fff;}
.panel-3 .kc_wenti ul li{line-height:40px;cursor: pointer;position: relative;}
.panel-3 .kc_wenti ul li .showlist{position: absolute;width:  182px;left: -204px;z-index: 999;background-color: #fff;border: 1px solid #dfdfdf;padding: 10px;line-height: 30px;top: 0;}
.panel-3 .kc_wenti ul li#c1:hover #shownotice_1,.panel-3 .kc_wenti ul li#c2:hover #shownotice_2,.panel-3 .kc_wenti ul li#c3:hover #shownotice_3,.panel-3 .kc_wenti ul li#c4:hover #shownotice_4{display: block;}
.panel-3 .kc_wenti_tit1 .more{margin-right:10px;background: url("../images/detail/xiala.png") no-repeat center right;padding-right: 14px;}
.panel-3 .kc_wenti1 ul{padding:16px;}
.panel-3 .kc_wenti1 ul li{margin-bottom:16px;background-color: #F8FBFD;height:  60px;padding: 15px 5px 15px 9px;cursor: inherit;}
.panel-3 .kc_wenti1 ul li img{width:90px;}
.panel-3 .kc_wenti1 .cont{width:168px;line-height: 16px;}
.panel-3 .kc_wenti1 .cont p{max-height:32px;margin-bottom:6px;}
.panel-3 .kc_wenti1 .btn a{height:  20px;line-height:  20px;padding: 0 5px;border-radius: 4px;border: 1px solid #999999;text-align: center;}
.panel-3 .kc_wenti1 .btn a.clan{border:1px solid #0091f4;}

.panel-3 .detail_xuanfu { width: 100%; background-color: #f2f2f5; height: 66px; line-height: 66px;display:none;}
.panel-3 .detail_xuanfu li { float: left; margin-right: 24px; }
.panel-3 .detail_xuanfu .shuxian { height: 40px; width: 1px; border-left: 1px solid #d7d7d7; margin-top: 13px; }
.panel-3 .detail_xuanfu a { width: 80px; height: 34px; line-height: 34px; display: block; color: #fff; font-size: 14px; text-align: center; margin-top: 16px; }
.panel-3 .detail_xuanfu .zixun a { background: url("../images/detail/zx_bg.png") no-repeat; }
.panel-3 .detail_xuanfu .goumai a { background: url("../images/detail/gm_bg.png") no-repeat; }


.panel-3 .overfloat { position: fixed; bottom: 0; left: 0; background-color: #fff; border-bottom: 1px solid #fafafa; display:block;    z-index: 10; }
/* 课程详情优惠券*/
.wrapper02 {position: relative;height: 80px;width: 100%;overflow: hidden;margin: 0 auto;margin-top: 30px;}
.wrapper02 li {height: 80px;float: left;line-height: 80px;text-align: center;width: 253px;padding-right:16px;}
.wrapper02 li:last-child{padding-right:0;}
.wrapper02 li a {display: block;height: 80px;}
.wrapper02 .quanti{width: 191px;height: 80px;background-color: #FF8F34;padding: 0 10px;}
.wrapper02 .lingqu{width: 14px;height: 56px;background-color: #FF7200;padding: 12px 14px;line-height: 29.5px;color:#fff;}
.wrapper02 .top{height: 50px;width:100%;color:#fff;border-bottom: 1px solid #fff;}
.wrapper02 .zhekou{height: 50px;line-height: 50px;font-size: 30px;color:#fff;}
.wrapper02 .zhekou span{font-size:12px;}
.wrapper02 .manjian{height: 50px;font-size: 12px;color:#fff;line-height: 64px;}
.wrapper02 p{height: 25px;line-height: 25px;font-size:12px;text-align:center;color:#fff;}
/* 课程详情优惠券 end*/

/* 修改开始 */
.height80{height:100%;clear:both;height:80px;}
.tooltip { position: relative; display: inline-block; }
.tooltip .tooltiptext { background-color: #808080; color: #000040; text-align: center; border-radius: 5px; padding: -8px 5px 0 8px; display: inline-block; height: 30px; line-height: 30px; float: left; margin-top: 9.5px; margin-right: 5px; visibility: hidden;}
.tooltip:hover .tooltiptext { visibility: visible;}
.try_learning {width: 30px;height: 16px;position:  absolute;display:  block;top:  5px;right: 54%;}
/* 修改结束 */