@CHARSET "UTF-8";
/*pannel-1*/
.pannel-1 { width: 100%; height: auto; position: relative; }
.pannel-1 .xq_courseimg,.app_down_top img{width:100%;height:auto;display:block;}
.pannel-1 .image-overlay { position: absolute; width: 100%; height: 100%; filter: alpha(opacity=60); background: rgba(2,2,2,.6); text-align: center; line-height: 1; color: #ffffff; top: 0; }
.pannel-1 .image-overlay::before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0; }
.pannel-1 .banner-cover-video { vertical-align: middle; display: inline-block; }
.pannel-1 .banner-cover-play { display: inline-block; width: 26px; height: auto; }
.pannel-1 .banner-cover-play img { width: 100%; }
.pannel-1 .backHome { width: 44px; height: 44px; position: absolute; z-index: 20; left: 0px; top: 0px; }
.pannel-1 .backHome:before { content: ""; background: url("../images/new_2019/return.png") no-repeat; width: 9px; height: 16px; background-size: cover; display: block; margin: 14px auto; }
/*pannel-2*/
.pannel-2,.pannel-3{padding:10px;background-color:#fff;}
.pannel-2 h1{font-weight:normal;margin-bottom: 4px;line-height: 20px;}
.pannel-2 .title{width: 90%;}
.pannel-2 .title1{width: 77%;}
.pannel-2 #addFav ,.pannel-2 #cancelFav,.pannel-2 .review{width: 28px;height: 38px;margin-top: 2px;}
.pannel-2 #addFav p ,.pannel-2 #cancelFav p,.pannel-2 .review p{margin-top: 20px;font-size: 12px;color: #999;text-align: center;}
.pannel-2 #addFav {background: url("../images/new_2019/collect.png") no-repeat  top center;background-size: 18px;}
.pannel-2 #cancelFav{background: url("../images/new_2019/collect_select.png") no-repeat top center;background-size: 18px;}
.pannel-2 .review{background: url("../images/new_2019/comments.png") no-repeat center 2px;background-size: 18px 19px;margin-left: 10px;}
.pannel-2 .title p{line-height: 18px;}

.review_popover{width: 100%;height: 260px;background-color: #fff;position: fixed;bottom: 0;z-index: 99;}
.review_popover>div{padding:10px 15px;}
.review_popover .title{height: 12px;margin: 10px 0;line-height: 12px;border-left: 2px solid #0091f4;padding-left: 6px;}
.review_popover textarea{width: 98%;border: 1px solid #e8e8e8;padding-left: 2%;height: 120px;resize: none;padding-top: 10px;color:#999;}
.review_popover .send{width:160px;display:  block;height:  30px;line-height:  30px;margin:  0 auto;background-color: #0091f4;color:  #fff;text-align:  center;border-radius:  20px;margin-top: 22px;}
#hui-mask{background: rgba(0,0,0,0.4);}
/*pannel-3*/
.pannel-3{padding-top:0;}
.pannel-3 table { width:100%;}
.pannel-3 table td:first-child {color: #999;width: 18%;}
.pannel-3 table .vb {vertical-align: bottom;display: inline-table;margin-left: 6px;}
.pannel-3 table .vt {vertical-align: top;}
.pannel-3 table tr:first-child  td{line-height:30px;height:30px;padding-bottom: 6px;}
.pannel-3 .kaike_time td:last-child{vertical-align:top;}
.pannel-3 table tr td{padding-bottom: 12px;}
.pannel-3 .kaike_time td{line-height:18px;}
.pannel-3 table .subject{vertical-align: top;line-height: 30px;padding-bottom: 0;}
.pannel-3 ul li {border: 1px solid #e8e8e8;height: 28px;line-height: 28px;float: left;padding: 0 12px;margin-right: 15px;position: relative;margin-bottom: 10px;}
.pannel-3 ul li.active:after {content: "";background: url("../images/new_2019/subject_select.png") no-repeat;width: 15px;display: block;height: 15px;background-size: 15px;position: absolute;bottom: 0;right: -1px;z-index: 10;}
.pannel-3 ul li.active, .pannel-3 ul li:hover {border: 1px solid #0091f4;}
.pannel-3 ul li.active a { color: #0091f4; }
.pannel-3 ul li a { display: block; } 
/* pannel-4 */
.pannel-4{margin-top:10px;}
.pannel-4 .tcbox{background-color: #fff;/* margin-top: 10px; */padding: 0 13px 0 15px;display: flex;justify-content: space-between;align-content: center;align-items:center;/* color: #00A2FF; */font-size: 12px;height: 45px;}
.pannel-4 .tcbox:after{height: 35px;line-height: 35px;content: "\e608";font-family: "hui-font" !important;color: #0af;}
.tc-action-sheet{position: fixed;top: 0;bottom: 0;width: 100%;background: rgba(0,0,0,.3);z-index:9999;transform: translateY(100%);transition: all ease-in-out .3s;}
.tc-sheet-footer{position: absolute;bottom: 0;background-color: #fff;width: 100%;}
.tc-sheet-content{position: absolute;top: 180px;bottom: 44px;background-color: #fff;width: 100%;background-color: #fff;overflow: hidden;}
.tc-sheet-content h2{height: 29px;font-size: 16px;color:#151515;line-height: 29px;border-bottom: 1px solid #e2e2e2;padding: 10px;}
.tc-sheet-content .dptc-list{position: absolute;top: 50px;bottom: 0;width: 100%;overflow-y: auto;padding:20px 10px;box-sizing: border-box;}
.tc-sheet-content .dptc-list p{font-size: 14px;color:#333333;}
.tc-sheet-content .dptc-list li{border: 1px solid #979797;margin: 10px auto 20px;}
.tc-sheet-content .dptc-list li.active{border: 1px solid #0091f4;}
.tc-sheet-content .dptc-list li.active .selectbox{border: 1px solid #0091f4;}
.tc-sheet-content .dptc-list li.active .selectbox:after{content:"";display: block;width: 14px;height: 14px;background-color: #0091f4;margin: 3px;}
.tc-sheet-content .dptc-list li:last-child{margin-bottom: 5px;}
.tc-sheet-content .dptc-list li .tc-title{height: 34px;line-height: 34px;font-size: 14px;color:#333333;display: flex;justify-content: space-between;padding: 0 10px;font-weight: bold;}
.tc-sheet-content .dptc-list li .tc-title p{flex: 1;}
.tc-sheet-content .dptc-list li .selectbox{width: 20px;height: 20px;border: 1px solid #979797;margin-top: 6px;}
.tc-sheet-content .dptc-list li .table {width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
.tc-sheet-content .dptc-list li .table th,.tc-sheet-content .dptc-list li .table td{line-height: 30px;height: 30px;text-align: center;font-size: 13px;color:#666666;font-weight: 300;border: 1px solid #979797;}
.tc-sheet-content .dptc-list li .table td{border-top: 1px solid #979797;font-size: 12px;}
.tc-sheet-content .dptc-list li .table th:last-child,.tc-sheet-content .dptc-list li .table td:last-child{border-right: none;}
.tc-sheet-content .dptc-list li .table th:first-child,.tc-sheet-content .dptc-list li .table td:first-child{border-left: none;}
.tc-sheet-content .dptc-list li .table tr:last-child td{border-bottom: none;}
.tc-sheet-content .dptc-list li .table td.price{color:#ff0000;}
.tc-sheet-footer{position: absolute;bottom: 0;height: 44px;line-height: 44px;width: 100%;box-shadow: 0 1px 8px 0 rgba(213,233,255,0.50);background-color: #fff;}
.tc-sheet-footer .hui-fl{padding:0 10px;width: 40%;box-sizing: border-box;}
.tc-sheet-footer .hui-fl del, .tc-sheet-footer .hui-fl em {display: block;line-height: 24px;}
.tc-sheet-footer .hui-fl em {line-height: 18px;}
.tc-sheet-footer #total{width: 70px;}
.tc-sheet-footer .onbuy{background-color: #00A2FF;padding: 0 12px;color: #ffffff;line-height: 44px;margin-right: 10px;}
.tc-sheet-footer a.message::after{content:"";background: url(../images/tcchat.png) no-repeat;background-size: cover;display: block;width: 20px;height: 20px;margin-top: 11px;margin-left: 10px;}
/* pannel-5 */
/*导航 */
.detail-list{/* padding-bottom: 10px; */position: relative;margin-top: 10px;}
.detail-list .tab-li{width: 100%;overflow: hidden;height: 40px;background-color: #fff;}
.detail-list.fixed .tab-li{position:fixed;top:0;left: 0;width: 100%;z-index:999;}
.detail-list .tab-li li{width: 25%;float: left;height: 40px;text-align: center;font-size: 15px;color: #333;line-height: 40px;border-bottom: 2px solid #ffffff;transition: all ease-in-out .6s;position: relative;cursor: pointer;}
.detail-list .tab-li li.active{color: #0091f4;}
.detail-list .tab-li li.active em{border-bottom: 2px solid #0091f4;color: #0091f4;position:  absolute;bottom: 0;width: 21%;left: 50%;margin-left: -10.5%;}
.detail-list .TabTitle1 li{width: 25%;}
/* 课程详情优惠券*/
.youhuiquan_tit{height:26px;line-height:26px;margin: 18px 0;border-left: 4px solid #00A2FF;padding-left: 12px;font-size: 13px;}
.wrapper02 {position: relative;height: 77px;width: 100%;overflow: hidden;margin: 0 auto;}
.wrapper02 .scroller { position: absolute; }
.wrapper02 .scroller li {height: 77px;float: left;line-height: 77px;text-align: center;width:230px;padding-right:16px;}
.wrapper02 .scroller li:last-child{padding-right:0;}
.wrapper02 .scroller li a {display: block;height:77px;}
.wrapper02 .quanti{width: 168px;height:  77px;background-color: #FF8F34;padding: 0 10px;}
.wrapper02 .lingqu{width: 14px;height: 53px;background-color: #FF7200;padding: 12px 14px;line-height: 26.5px;color:#fff;}
.wrapper02 .top{height:55px;width:100%;color:#fff;}
.wrapper02 .zhekou{height:55px;line-height:  55px;font-size: 15px;color:#fff;}
.wrapper02 .manjian{height:55px;font-size: 12px;color:#fff;}
.wrapper02 p{height:17px;line-height:17px;font-size:12px;text-align:center;color:#fff;}
/* 课程详情介绍*/
.detail-list .tab-content{background-color: #fff;padding:0 10px;padding-bottom: 100px;}
.detail-list .TabContent1{padding-bottom: 10px;}
.detail-list .tab-content img{max-width: 100%;height: auto;overflow: hidden;}
/* 详情弹窗 */
.course-det-img{cursor: pointer;margin-top:20px;}
.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;}

/* .detail-list .tab-content .box .content_node{padding: 15px 0;clear: both;padding-left: 10px;}
.detail-list .tab-content .box .content_node .title{height: 20px;line-height: 20px;border-left: 4px solid #0091f4;padding-left: 10px;font-size: 16px;}
.detail-list .tab-content .box{transition: all ease-in-out .6s;width: 100%;min-height: 40px;padding: 10px 0px;}
.detail-list .tab-content .box:first-child{padding-top: 0;}
.detail-list .tab-content .box.hide{display: none;opacity: 0;}
.detail-list .tab-content .box.current{display: block;opacity: 1;}
.detail-list .tab-content .box .container{padding:0px 10px;box-sizing: border-box;font-size: 13px;color:#333333;position:relative;}
.detail-list .tab-content .box .container img{max-width:100%;}
.detail-list .tab-content .box .container,.detail-list .tab-content .box img{width: 100%;height: auto;overflow: hidden;} */
/* 课程详情目录*/
.detail-list .course_catalog{margin-top:16px;}
.detail-list .course_catalog li{width:100%;line-height: 50px;}
.detail-list .course_catalog li h5{font-weight: normal;position:  relative;padding-left: 8px;color: #222;padding-right: 20%;overflow:  hidden;height: 44px;border-bottom: 1px solid #f1f1f1;line-height: 44px;}
.detail-list .course_catalog li h5:before{content:"";width:  2px;height:  14px;display:  block;position: absolute;background-color: #0091f4;top: 15px;left: 0;}
.detail-list .course_catalog>li>.inactive:after{content:"展开";background: url(../images/new_2019/combination.png) no-repeat right center;background-size: 10px 6px;}
.detail-list .course_catalog>li>.inactives:after{content:"收起";background: url(../images/new_2019/up.png) no-repeat right center;background-size: 10px 6px;}
.detail-list .course_catalog>li>.inactive:after,.detail-list .course_catalog>li>.inactives:after{display:  block;position:  absolute;height: 44px;right: 0;top: 0;color: #999;font-size: 12px;padding-right: 16px;}
.detail-list .course_catalog>li>ul>li{border-bottom: 1px solid #f1f1f1;width:  100%;height: 50px;}
.detail-list .course_catalog>li>ul>li a{display: block;height: 38px;}
.detail-list .course_catalog>li>ul>li h6{font-weight: normal;width:  80%;overflow:  hidden;float:  left;height: 50px;/* display: block; */}
.detail-list .course_catalog>li>ul>li .shiting img{width: 16px!important;height: 10px!important;display: inline-block;margin-right: 4px;margin-top: 20px;}
.detail-list .course_catalog>li>ul>li h6 .xian{width:  1px;height:  10px;background-color: #333;margin: 20px 8px;}
/* 课程详情讲义*/
.detail-list .handouts{padding: 20px 0;}
.detail-list .handouts .title{height: 38px;line-height: 38px;}
.detail-list .handouts .title p{width:80%;}
.detail-list .handouts .title a:before{content:"";background: url(../images/new_2019/down.png) no-repeat;background-size:15px;width:15px;height:15px;display:  block;float:  left;margin-top: 11.4px;margin-right: 4px;}
.detail-list .handouts .cont{line-height: 22px;}
/* 课程详情评论*/
.detail-list .comments_li{width:100%;padding-bottom: 10px;border-bottom: 1px solid #d7d7d7;padding-top: 15px;}
.detail-list .comments_li:last-child{border-bottom: none;}
.detail-list  .comment_user{height: 30px;line-height: 30px;}
.detail-list  .comment_user .touxiang{width: 30px!important;height: 30px!important;border-radius: 100%;margin-right: 10px;}
.detail-list .comments_li .comments,.detail-list .comments_li .reply{line-height: 20px;}
.detail-list .comments_li .comments{margin:10px 0;}
.detail-list .comments_li .reply{padding:6px;background-color: #f3f3f3;}
/* 课程详情底部*/
.detail-footer{background-color: #ffffff;position:  fixed;width:  100%;height:  49px;line-height:  49px;z-index: 99;bottom: 0;box-shadow: 0px -1px 4px 0px rgba(34, 34, 34, 0.1);}
.detail-footer .pay{width: 120px;height: 49px;background-color: #ff4949;color:  #fff;text-align:  center;font-size:  16px;display:  block;}
.detail-footer .message{width:49px;height:49px;float: left;}
.detail-footer .message img{width:22px;display:  block;margin:  0 auto;margin-top: 8px;}
.detail-footer .message p{height: 23px;line-height: 23px;font-size: 12px;text-align: center;}
.detail-footer .message_price{margin-right: 14px;}
.detail-footer .message_price p{line-height: 20px;}
.detail-footer .message_price p:first-child{margin-top: 4.5px;}