.header1{ margin-bottom: 10px; padding-top: 30px; }
        .header1 .up_video{  width: 100%; padding: 20px; background-color: #fff; color: #333; text-align: left;
            -webkit-box-shadow: 0 1px 2px 0 rgba(4, 0, 0, 0.3);
            -moz-box-shadow: 0 1px 2px 0 rgba(4, 0, 0, 0.3);
            box-shadow: 0 1px 2px 0 rgba(4, 0, 0, 0.3);
        }
        .header1 .video{ width:420px; height:240px; margin-right: 20px; }
        .header1 .video video{ display: none; width:100%; height:100%; object-fit: cover; }
        .header1 .video img{ width:100%; height:100%; }
        .header1 .video_msg{ width: calc(100% - 440px); position: relative; }
        .header1 .video_msg .living_name{ width:100%; font-size:26px; color:#333; line-height:40px; }
        .header1 .video_msg .subject-box{ width:100%; font-size:12px; color:#666; line-height:20px; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px; }
        .header1 .video_msg .term{ display: none; margin-bottom: 10px; }
        .header1 .video_msg .term .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){ width: auto; }
        .header1 .video_msg .term .btn-group .btn{ padding: 1px 25px 1px 12px; }
        .header1 .video_msg .rela-info{ margin-bottom: 50px; }
        .header1 .video_msg .rela-info .info{ margin-right: 30px; }
        .header1 .video_msg .rela-info .info .title{ color: #999; }
        .header1 .video_msg .goods-prise{ font-size: 12px; line-height: 30px; margin-bottom: 10px; }
        .header1 .video_msg .now-prise{ font-size: 24px; font-weight: bold; color: #1fb686; }
        .header1 .video_msg .free-prise{ font-size: 18px; color: #1fb686; }
        .header1 .video_msg .normal-prise{ color: #666; text-decoration: line-through; }
        .header1 .video_msg .prise-tips{ color: #999; }
        .header1 .sign_up_btn{ display: block;width:206px; height:38px; padding: 1px; line-height:38px; border-radius:20px; color:#fff;text-align:center;font-size:14px; background-color: #1fb686;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .2); }
        .header1 .sign_up_btn .sign_up_btn_border{ display: block; width: 100%; height: 100%; border-radius:20px; border: 1px solid #06eaa2; }
        .c-teacher1{ padding: 20px; width: 100%; text-align: left; color: #333; }
        .c-teacher1 .contain{ width: 1200px; margin: 0 auto; }
        .c-teacher1 .teacher-box{ background-color: #fff; padding:20px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);  }
        .c-teacher1 .sec-title{ border-bottom:1px solid #eee; }
        .c-teacher1 .sec-title .name{ min-width: 100px; padding: 0 14px; text-align: center; color:#1fb686; font-size: 16px; font-weight: bold; line-height: 36px; border-bottom: 2px solid #1fb686; }
        .c-teacher1 .teacher-scroll{ margin-top: 50px; }
        .c-teacher1 .teacher-scroll ul{ position: relative; }
        .c-teacher1 .teacher-scroll li .intro-item{ width:500px; padding-right: 30px; }
        .c-teacher1 .teacher-scroll li .intro-item .img{ width: 140px; height: 140px; background-color: #ccc; border-radius: 50%; margin-right: 20px; }
        .c-teacher1 .teacher-scroll li .intro-item .img img{ width: 100%; height: 100%; border-radius: 50%; }
        .c-teacher1 .teacher-scroll li .text-box{ width: calc(100% - 160px); overflow: hidden; padding: 10px 0 5px; }
        .c-teacher1 .teacher-scroll li .text-box .name-box{ width: 100%; font-weight: bold; font-size: 18px; line-height: 30px; }
        .c-teacher1 .teacher-scroll li .text-box .name-box .name:hover{ color:#1fb686; }
        .c-teacher1 .teacher-scroll li .text-box .rank{ font-size: 14px; line-height: 24px; }
        .c-teacher1 .teacher-scroll li .text-box .introduce{ font-size: 14px; line-height: 24px; height: 72px; -webkit-line-clamp: 3; }

        .c-teacher1 .teacher-scroll .bd{ width: 1000px; margin: 0 auto; overflow: hidden; }
        .c-teacher1 .teacher-scroll .hd{ position: relative; margin-top: 30px; }
        .c-teacher1 .teacher-scroll .hd ul{ text-align: center; }
        .c-teacher1 .teacher-scroll .hd ul li{ display: inline-block; text-indent: -999px; overflow: hidden; width: 24px; height: 4px; border-radius: 2px; margin: 0 4px; background-color: #ccc; }
        .c-teacher1 .teacher-scroll .hd ul li.on{ width: 24px; background-color: #1fb686; }        .mulu1{ padding: 10px; text-align: left; color: #333; }
        .mulu1 .course-mulu-box{ padding: 20px; background-color: #fff;
            -webkit-box-shadow: 0 1px 2px 0 rgba(4, 0, 0, 0.3);
            -moz-box-shadow: 0 1px 2px 0 rgba(4, 0, 0, 0.3);
            box-shadow: 0 1px 2px 0 rgba(4, 0, 0, 0.3); }
        .mulu1 .sec-title{ border-bottom:1px solid #eee; }
        .mulu1 .sec-title .name{ min-width: 100px; padding: 0 14px; text-align: center; color:#1fb686; font-size: 16px; font-weight: bold; line-height: 36px; border-bottom: 2px solid #1fb686; }
        .mulu1 .course-mulu-box .chapter-list{ padding-top: 10px; margin: 0 auto;  width: 100%;  height: auto; border: 1px solid transparent; }
        .mulu1 .course-mulu-box .chapter-list .chapter{ margin-bottom: 20px;  width: 100%; text-align: left; }

        .mulu1 .course-mulu-box .chapter-title{ position: relative; line-height: 22px; padding: 10px 15px; padding-right: 124px; overflow: hidden; background: #f6f6f6;  }
        .mulu1 .course-mulu-box .chapter-title .name{ font-size: 16px; font-weight: bold; line-height: 1; }
        .mulu1 .course-mulu-box .chapter-title .info-box{ font-size: 12px; line-height: 30px; color: #999; }
        .mulu1 .course-mulu-box .chapter-title .info-box .info{ margin-right: 20px; }
        .mulu1 .course-mulu-box .chapter-title .chapter-intro{ width: 100%; font-size: 14px; color: #666; line-height: 1; }
        .mulu1 .course-mulu-box .chapter-title .down{ position: absolute; top:34px; right: 20px; color: #666;
            -webkit-transition: all ease 0.3s;
            -moz-transition: all ease 0.3s;
            -ms-transition: all ease 0.3s;
            -o-transition: all ease 0.3s;
            transition: all ease 0.3s; }
        .mulu1 .course-mulu-box .chapter-title .down.active{
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg); }

        .mulu1 .course-mulu-box .cha-section-box{ display: none; padding-top: 20px; }
        .mulu1 .course-mulu-box .cha-section-box.active{ display: block; }
        .mulu1 .course-mulu-box .cha-section-box .cha-section{ position: relative; display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 10px; padding-right: 70px; border: 1px solid #eee; margin-bottom: 10px; }
        .mulu1 .course-mulu-box .cha-section-box .cha-section:hover{ border-color: #1fb686; color: #1fb686; }
        .mulu1 .course-mulu-box .cha-section-box .cha-section:hover .iconfont{ color: #1fb686; }
        .mulu1 .course-mulu-box .cha-section-box .cha-section .iconfont{ color: #acacac; margin-right: 20px; }
        .mulu1 .course-mulu-box .cha-section-box .cha-section .iconfont.living-icon{ display: none; }
        .mulu1 .course-mulu-box .cha-section-box .cha-section.active,
        .mulu1 .course-mulu-box .cha-section-box .cha-section.active .iconfont{ color: #1fb686; }
        .mulu1 .course-mulu-box .cha-section-box .cha-section.living .iconfont.huifang-icon{ display: none; }
        .mulu1 .course-mulu-box .cha-section-box .cha-section.living .iconfont.living-icon{ display: block; }
        .mulu1 .course-mulu-box .cha-section-box .cha-section .name{ max-width: 600px; }
        .mulu1 .course-mulu-box .cha-section-box .cha-section .title_Tag{ position: absolute; top:0; right: 0; width: 66px; height: 20px; line-height: 20px; background: url("http://static.hdmool.com/images/lbl4.png") 100% 0 no-repeat; text-align: right; padding-right: 10px; font-size: 14px; color: #fff; }