.detail_content{background:#333}.detail_content .detail_body{width:1200px;margin:0 auto;height:373px}.detail_header li{float:left;line-height:57px;margin:0 10px;color:#fff;font-size:14px}.detail_header li span{margin-left:20px}.detail_header li a{color:#fff}.detail_header li a:hover{text-decoration:none}.view_info{float:right;width:620px;height:300px;position:relative}.view_info p{font-size:18px;color:#fff;word-break:break-all}.view_info .foot_box{position:absolute;bottom:0;width:100%;height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.view_info .buy_btn{display:block;width:136px;height:36px;color:#fff;background:#d51423;border:none;border-radius:6px;line-height:36px;text-align:center;font-size:14px}.view_info .buy_btn:hover{text-decoration:none;color:#fff;cursor:pointer}.view_info .buys_btn{display:block;width:136px;height:36px;color:#fff;background:#716a6b;border:none;border-radius:6px;line-height:36px;text-align:center;font-size:14px}.view_info .buys_btn:hover{text-decoration:none;color:#fff;cursor:not-allowed}.view_info .handle_info_btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#999;font-size:14px}.view_info .study_num{height:36px;line-height:36px;color:#999;font-size:14px;margin-right:20px}.view_info .collect_btn{cursor:pointer}.view_info .huabei{color:#fff;font-size:13px;position:absolute;bottom:0;padding-left:25px}.view_info .huabei img{width:17px;height:17px;position:absolute;left:0}.view_price{border-bottom:1px solid #666;padding-bottom:10px;color:#666;font-size:14px;margin:20px 0}.view_price span{font-size:24px;color:#d51423;font-weight:700;margin-left:20px}.view_price .font_16{font-size:16px;font-weight:400}.view_price .set_vip{color:#09f;margin-left:6px}.view_price .favo{font-size:10px;display:inline-block;height:14px;line-height:14px;background:#d51423;color:#333;padding:0 8px;border-radius:0 7px 7px 0;margin-left:7px}.view_price .favo_right{background:none;border:1px solid #d51423;height:13px;color:#d51423;margin-left:-5px;border-radius:7px 0 0 7px}.view_price .small_favo{font-size:10px;border:1px solid #d51423;height:13px;line-height:14px;color:#d51423;padding:0 5px}.view_price .big_favo{color:#999;font-size:14px;font-weight:400;margin-left:3px}.detail_view{float:left;width:540px;height:300px;background:#666;background-size:100% 100%}.detail_view.float_win{position:fixed;right:10px;bottom:30px;z-index:9999}.view_teacher{color:#666;font-size:14px}.view_teacher .text_b{margin-right:20px;font-weight:700}.sy_body .title{border-left:3px solid #000;padding-left:12px;font-size:16px;color:#000;font-weight:700;margin-bottom:25px}.chapter_info{width:839px;margin:0 auto;font-size:14px;border-bottom:1px solid #ccc;margin-bottom:30px;padding-bottom:20px}.chapter_info:last-child{border:none}.chapter_info .chapter_name{font-size:14px;font-weight:700;color:#333;padding-bottom:10px}.period_info{position:relative}.period_info a{display:inline-block;font-size:12px;width:66px;height:26px;text-align:center;line-height:26px;color:#999;position:absolute;right:0;top:10px;border:1px solid #999;border-radius:13px}.period_info a:hover{color:#d51423;text-decoration:none;border:1px solid #d51423;cursor:pointer}.period_top{padding-left:20px;height:46px;line-height:46px;position:relative;padding-right:104px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.period_top .video_time{position:absolute;right:10px}.period_top .period_num{margin-right:6px}.period_top .period_video{display:inline-block;width:21px;height:21px;position:relative;top:6px;margin-right:10px;background:url(/images/ime/video1.svg) 50%;background-size:21px 21px}.period_top .period_video.no_v{background:url(/images/ime/no_video.svg) no-repeat 50%}.period_top.on,.period_top:hover{cursor:pointer;background:#f2f2f2;color:#d51423}.period_top.on .period_video,.period_top:hover .period_video{background:url(/images/ime/video.png) 50%}.period_top.on .period_video.no_v,.period_top:hover .period_video.no_v{background:url(/images/ime/no_video.svg) no-repeat 50%}.page{margin-top:30px}.page,.page .ipg{text-align:center}.page .ipg{display:inline-block;width:56px;line-height:35px;color:#333;border:1px solid #ccc;border-radius:3px;margin-right:10px}.page .active{background-color:#ec7e00;color:#fff;border-color:#ec7e00}.comment_input{width:100%!important}.comment_btn_wrapper{margin-top:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.comment_btn{width:100px;height:40px;line-height:40px;text-align:center;background:#2256f6;color:#fff;font-size:14px;border-radius:4px;cursor:pointer}.no_allow{background:#f5f5f5;color:#999;cursor:not-allowed}.course_comment_item{border-bottom:1px solid #ebeef5;display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:20px;padding-top:20px}.course_comment_cover{margin-right:20px}.course_comment_cover .comment_cover_img{border-radius:50%;width:50px}.course_comment_content{width:calc(100% - 68px)}.course_comment_content .course_comment_int{font-size:14px;margin-bottom:10px;margin-top:10px}.course_comment_content .course_comment_btn .course_comment_time{font-size:12px;color:#999}.loading_btn{margin-top:20px;padding-bottom:11px;padding-top:11px;text-align:center}.loading_text{color:#999;font-size:12px;font-style:normal;font-weight:400}.course_detail .detail_info[data-v-fce2eebc]{margin:20px auto 60px;width:1200px}.course_detail .layout_left[data-v-fce2eebc]{width:920px;float:left}.course_detail .layout_left .info_body[data-v-fce2eebc]{margin-bottom:30px}.course_detail .course_tab[data-v-fce2eebc]{padding-left:30px;background:#fff;border-radius:8px;margin-bottom:20px}.course_detail .course_tab li[data-v-fce2eebc]{float:left;height:66px;line-height:66px;margin-right:80px}.course_detail .course_tab li.on[data-v-fce2eebc]{border-bottom:2px solid #db7346}.course_detail .course_tab li.on a[data-v-fce2eebc]{color:#db7346}.course_detail .course_tab li a[data-v-fce2eebc]{color:#000;font-size:14px;font-weight:700}.course_detail .course_tab li a[data-v-fce2eebc]:hover{text-decoration:none;color:#db7346}.course_detail .content_info[data-v-fce2eebc]{padding:30px;background:#fff;border-radius:8px;min-height:400px}.course_detail .content_info .title[data-v-fce2eebc]{border-left:3px solid #000;padding-left:12px;font-size:16px;color:#000;font-weight:700;margin-bottom:25px}.course_detail .content_info .introduce[data-v-fce2eebc]{font-size:14px;line-height:30px;color:#333;padding-left:8px}.course_detail .layout_right[data-v-fce2eebc]{width:260px;float:right}.course_detail .teacher_info[data-v-fce2eebc]{background:#fff;border-radius:8px;position:relative;min-height:180px}.course_detail .teacher_info .head[data-v-fce2eebc]{display:block;line-height:60px;height:60px;padding-left:20px;font-size:14px;color:#333;border-bottom:1px solid #e4e4e4}.course_detail .teacher_info .teacher_phone[data-v-fce2eebc]{width:50px;height:50px;border-radius:50%;background:#e4e4e4;text-align:center;line-height:46px;font-size:13px;color:#999;float:left;margin:0 10px 0 10px}.course_detail .teacher_info .teacher_phone img[data-v-fce2eebc]{width:46px;height:46px;border-radius:50%}.course_detail .teacher_info .teacher_msg_right[data-v-fce2eebc]{width:235px;float:right;margin:12px 15px 12px 12px;line-height:20px}.course_detail .teacher_info .teacher_name[data-v-fce2eebc]{font-size:18px;font-weight:700;color:#333;margin:5px 0}.course_detail .teacher_info .teacher_position[data-v-fce2eebc]{font-size:12px;color:#333;margin-bottom:5px}.course_detail .teacher_info .info_box[data-v-fce2eebc]{font-size:12px}