html body{background:#fff}.cpt-toast{position:fixed;left:50%;top:50%;z-index:9999999999 !important;text-align:center;animation-duration:.3s;max-width:300px;line-height:20px;display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;transform:translate(-50%, -50%);transform:translate3d(-50%, -50%, 0);font-family:"寰蒋闆呴粦","Microsoft Yahei";-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;word-wrap:break-word}.banner{width:100%;background:#f4fbf8;padding:50px 0 60px}.cont{width:1200px;margin:0 auto}.banner .left{width:800px;border-radius:4px;overflow:hidden}.banner .left .top{width:100%;height:100px;background:#2d2d2d;padding:14px 20px}.banner .left .top img{width:72px;height:72px;border-radius:50%}.banner .left .top>div{max-width:600px;padding:3px 0 4px 14px}.banner .left .top h1{height:33px;line-height:33px;margin-bottom:8px;font-size:24px;color:rgba(255,255,255,.85);font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner .left .top h2{line-height:25px;font-size:18px;color:rgba(255,255,255,.85);font-weight:500}.banner .left .top h2 .banner_course_date{display:none;max-width:400px;margin-left:16px;padding:0 10px;font-size:14px;color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.85);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.banner .left>img{width:800px;height:420px}.banner .right{position:relative;width:380px;height:520px;background:#2d2d2d;padding:34px 20px 0;border-radius:4px}.banner .right .discount{position:absolute;top:-2px;right:-2px;width:53px;height:54px;line-height:16px;background:url("https://cdn0.shiyanjia.com/c/2020/images/course/icon_sale.png") no-repeat;padding:6px 5px 15px 15px;font-size:16px;color:#fff;box-shadow:0 0 4px rgba(0,0,0,.1)}.banner .right>div{padding:0 20px}.banner .right .ewm{width:120px;height:120px}.banner .right>div>div{width:180px;padding:18px 0 18px 30px}.banner .right p{width:100%;position:relative;line-height:20px;font-size:14px;color:#fff;letter-spacing:1.5px;font-weight:bold}.banner .right p.get_coupon{width:146px;height:20px;line-height:20px;margin:12px 0;background:url("https://cdn0.shiyanjia.com/c/2020/images/course/bg.png") 0 0 no-repeat;font-size:14px;color:#fea000;font-weight:bold;text-align:center;background-size:100% 100%}.banner .right p.opacity{color:rgba(255,255,255,.85);font-weight:500}.banner .right p img{width:16px;height:16px;margin-right:9px}.banner .right .course_info{width:100%;background:#6c51dc;margin-top:34px;border-radius:4px;cursor:pointer;overflow:hidden}.banner .right .course_info tr{ background: #6c51dc;
padding: 17px;
display: block;
text-align: center;
color: #fff;}.banner .right .course_info:hover tr{background:#18b799}.banner .right .course_info td{position:relative;width:50%;height:80px;padding:14px 0 8px;text-align:center}.banner .right .course_info td.bd_rt:after{position:absolute;top:0;bottom:0;right:0;margin:auto;content:"";display:block;width:1px;height:80%;background:#fff}.banner .right .course_info td h1{position:relative;display:inline-block;height:35px;line-height:33px;padding-top:2px;margin-bottom:3px;font-size:24px;color:#fff;font-weight:bold;text-align:center;cursor:pointer}.banner .right .course_info td b{position:absolute;top:-20px;right:8px;display:inline-block;line-height:20px;font-size:18px;color:#fff;font-weight:500;text-decoration:line-through}.banner .right .course_info td h1 span{position:relative;top:-3px;left:3px;display:inline-block;font-size:16px;font-weight:500}.banner .right .course_info td h2{min-height:20px;line-height:20px;font-size:14px;color:#fff;font-weight:500;text-align:center}.banner .right .course_info td #sign_in_soon:hover+.sign_in_remind{height:60px;padding:8px 8px 8px 40px}.banner .right .course_info td .sign_in_remind{position:absolute;top:90px;right:12px;width:316px;height:0;background:#fff;line-height:22px;padding:0 8px 0 40px;font-size:14px;color:rgba(0,0,0,.65);text-align:left;box-shadow:0px 2px 8px 0px rgba(0,0,0,.15);border-radius:6px;overflow:hidden;transition:all .3s linear}.banner .right .course_info td .sign_in_remind img{position:absolute;top:12px;left:16px}.banner .right .course_std_cont{width:100%;height:100px;background:#333;margin-top:32px;padding:8px 0;border-radius:4px;overflow:hidden}.banner .right .course_std_lists{width:100%;height:100%}.banner .right .course_std_lists li{width:100%;line-height:20px;padding:4px 0;font-size:14px;color:rgba(255,255,255,.85);text-align:center}.banner .right>h1{line-height:25px;margin:24px 0 20px;font-size:18px;color:#fff;font-weight:bold;text-align:center}.banner .right>h1 span{color:#6c51dc}.banner .right>h2{height:20px;line-height:20px;font-size:14px;color:rgba(255,255,255,.85);text-align:center}.banner .right>h2 span{display:inline-block;width:20px;height:20px;line-height:20px;background:#6c51dc;margin:0 5px;padding:0 2px;font-size:14px;color:#fff;font-weight:bold}.tab_bar{width:100%;height:50px;background:#f5f5f5}.tab_bar .tab_item{position:relative;display:inline-block;height:50px;line-height:50px;margin-right:50px;font-size:18px;color:rgba(0,0,0,.65);font-weight:bold}.tab_bar .tab_item:hover{color:#6c51dc;cursor:pointer}.tab_bar .tab_item.active{color:#6c51dc;border-bottom:2px solid #6c51dc}.tab_cont_box{padding:20px 0}.tab_cont.left{width:880px;min-height:600px;background:#f9f9f9;padding:40px}.tab_cont.tab_cont_1{display:block}.course_desc_title{position:relative;line-height:28px;padding:16px 30px 20px;margin-bottom:30px;border:1px solid #6c51dc;font-size:16px;color:#6c51dc}.course_desc_title:after{position:absolute;top:17px;left:-12px;content:"";display:block;width:24px;height:24px;background:#6c51dc}.course_desc_title h6{line-height:25px;padding:0 2px;margin-bottom:10px;font-size:18px}.tab_cont.left .course_desc{line-height:28px;margin-bottom:28px;font-size:18px;color:rgba(0,0,0,.85);text-indent:2em}.tab_cont.left .course_lists{width:100%}.tab_cont.left .course_lists li{position:relative;width:100%;line-height:28px;padding:16px 3px 16px 0;font-size:16px;color:rgba(0,0,0,.65);font-weight:500;border-bottom:1px dashed #d8d8d8}.tab_cont.left .course_lists li:after{content:"";display:block;clear:both}.tab_cont.left .course_lists li span{display:block;float:left;width:75px;height:28px;line-height:28px;font-size:18px;color:rgba(0,0,0,.75);font-weight:bold}.tab_cont.left .course_lists li div{display:block;float:left;width:722px}.tab_cont.left .course_lists li div b{display:block;font-weight:normal}.tab_cont.left .course_lists li .course_tag{float:left;height:26px;line-height:24px;margin:0 10px 10px 0;padding:0 10px;font-size:14px;font-weight:normal;border-radius:2px}.tab_cont.left .course_lists li .course_tag.course_tag_replay{color:#fea000;border:1px solid #fea000}.tab_cont.left .course_lists li .course_tag.course_tag_date{color:#6c51dc;border:1px solid #6c51dc}.tab_cont.left .course_lists li .course_tag.course_tag_wait{color:rgba(0,0,0,.45);border:1px solid #d8d8d8}.tab_cont.left h1{line-height:32px;margin:20px 0 0;font-size:23px;color:rgba(0,0,0,.85);font-weight:bold}.tab_cont.left h2{line-height:25px;margin:40px 0 10px;font-size:18px;color:rgba(0,0,0,.65);font-weight:bold}.tab_cont.left h2 span{color:#6c51dc}.tab_cont.left .download_desc{line-height:28px;font-size:16px;color:rgba(0,0,0,.65)}.tab_cont.left .download_desc a{color:#6c51dc}.tab_cont.left .download_desc a:hover{text-decoration:underline}.tab_cont_box .right{position:relative;width:300px}.tab_cont_box .right>div{margin-bottom:10px;background:#f5f5f5}.tab_cont_box .right .avatar{display:block;width:100px;height:100px;margin:12px auto 0;border-radius:50%}.tab_cont_box .right h1{line-height:20px;margin:14px 0 2px;font-size:14px;color:rgba(0,0,0,.75);text-align:center}.tab_cont_box .right h2{position:relative;line-height:33px;padding-bottom:12px;font-size:24px;color:rgba(0,0,0,.75);text-align:center}.tab_cont_box .right h2:after{position:absolute;bottom:0;content:"";display:block;width:100%;height:1px;background-image:linear-gradient(to right, #DEDEDE 70%, #F5F5F5 0);background-size:30px}.tab_cont_box .right p{line-height:24px;padding:12px 10px 0;font-size:14px;color:rgba(0,0,0,.65)}.tab_cont_box .right .course_remind{width:100%;height:32px;line-height:32px;background:#fea000;margin:10px 0 8px;font-size:19px;color:#fff;font-weight:bold;text-align:center}.sci_course_alert_hide{display:none;position:fixed;top:0;bottom:0;left:0;right:0;margin:auto;z-index:999;background:rgba(0,0,0,.1)}.sci_course_alert{display:none;position:fixed;top:172px;left:0;right:0;margin:auto;z-index:9999;width:706px;padding:40px 30px 31px;background:#fff;border-radius:4px}.sci_course_alert>img{position:absolute;top:20px;right:24px;width:22px;height:23px;cursor:pointer}.sci_course_alert .row{margin-bottom:40px}.sci_course_alert .row.row2{margin-bottom:16px}.sci_course_alert .row .col1{width:94px;line-height:25px;font-size:16px;color:rgba(0,0,0,.75);font-weight:bold}.sci_course_alert .row .col2{max-width:552px;line-height:25px;font-size:18px;color:rgba(0,0,0,.75);font-weight:bold;display:flex;flex-wrap:wrap;justify-content:space-between}.sci_course_alert .row ul.col2{width:552px}.sci_course_alert .row .price_item{width:126px;height:28px;line-height:26px;margin:0 0 24px 0;padding-left:10px;font-size:16px;color:rgba(0,0,0,.65);font-weight:500;border:1px solid #dedede}.sci_course_alert .row .price_item.price_item_use{cursor:pointer}.sci_course_alert .row .price_item span{margin-left:5px}.sci_course_alert .row .price_item.active{background:url("https://cdn0.shiyanjia.com/c/2020/images/course/icon-checked.png") 100% 100%/18px 18px no-repeat;border:1px solid #6c51dc}.sci_course_alert .row .price_item.active span{color:#6c51dc}.sci_course_alert .row .all_course{width:552px;max-height:200px;overflow-y:auto;background:#f5f5f5;padding:24px 20px}.sci_course_alert .row .all_course>div{margin-bottom:12px}.sci_course_alert .row .all_course .label,.sci_course_alert .row .all_course p{line-height:20px;font-size:14px;color:rgba(0,0,0,.65);font-weight:500}.sci_course_alert .row .all_course .label{width:60px}.sci_course_alert .row .all_course p{max-width:400px;padding-left:10px}.sci_course_alert .btn_buy,.sci_course_alert .btn_to_confirm{display:block;width:260px;height:50px;line-height:50px;background:#6c51dc;margin:0 auto;font-size:20px;color:#fff;text-align:center;border-radius:38px}.sci_course_alert .btn_buy:hover,.sci_course_alert .btn_to_confirm:hover{background:#18b799}.banner .right .hasBuyCourse{width:100%;background:#bcbcbc;margin-top:34px;border-radius:4px;cursor:pointer;overflow:hidden}.banner .right .hasBuyCourse tr{background:#bcbcbc}.banner .right .hasBuyCourse:hover tr{background:#bcbcbc}.banner .right .hasBuyCourse td{position:relative;width:50%;height:80px;padding:14px 0 8px;text-align:center}.banner .right .hasBuyCourse td.bd_rt:after{position:absolute;top:0;bottom:0;right:0;margin:auto;content:"";display:block;width:1px;height:80%;background:#fff}.banner .right .hasBuyCourse td h1{position:relative;display:inline-block;height:35px;line-height:33px;padding-top:2px;margin-bottom:3px;font-size:24px;color:#fff;font-weight:bold;text-align:center;cursor:pointer}.banner .right .hasBuyCourse td b{position:absolute;top:-20px;right:8px;display:inline-block;line-height:20px;font-size:18px;color:#fff;font-weight:500;text-decoration:line-through}.banner .right .hasBuyCourse td h1 span{position:relative;top:-3px;left:3px;display:inline-block;font-size:16px;font-weight:500}.banner .right .hasBuyCourse td h2{min-height:20px;line-height:20px;font-size:14px;color:#fff;font-weight:500;text-align:center}.banner .right .hasBuyCourse td #sign_in_soon:hover+.sign_in_remind{height:60px;padding:8px 8px 8px 40px}.banner .right .hasBuyCourse td .sign_in_remind{position:absolute;top:90px;right:12px;width:316px;height:0;background:#fff;line-height:22px;padding:0 8px 0 40px;font-size:14px;color:rgba(0,0,0,.65);text-align:left;box-shadow:0px 2px 8px 0px rgba(0,0,0,.15);border-radius:6px;overflow:hidden;transition:all .3s linear}.banner .right .hasBuyCourse td .sign_in_remind img{position:absolute;top:12px;left:16px}.course_not_begin{position:absolute;bottom:0;left:0;z-index:2;width:800px;height:420px;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;color:#fff}.course_handout_item_box{width:818px;height:81px;background-image:url("https://cdn0.shiyanjia.com/c/2023/images/course/course6.png");background-size:100% 100%;margin-bottom:20px;padding:0 40px 0 33px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.course_handout_item_left_half{width:700px;font-size:16px;font-weight:bold;color:rgba(0,0,0,.65);line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}.course_handout_item_left_half a:hover{color:#16b799}.course_handout_item_left_half img{width:32px;height:32px;margin-right:12px}.course_handout_item_right_half{width:16px;height:19px}.download_course_handout{width:88px;height:32px;background:#16b799;border-radius:16px;border:1px solid #16b799;font-size:14px;font-weight:bold;color:#fff;line-height:32px;text-align:center;float:right;margin-right:-14px;cursor:pointer}.new_course_list_item_box{width:800px;box-sizing:border-box;border-bottom:1px solid #d8d8d8;padding:16px 0;display:flex;justify-content:flex-start;cursor:pointer}.new_course_list_item_num{font-size:18px;font-weight:bold;color:rgba(0,0,0,.75);line-height:26px;margin-right:8px;width:60px}.new_course_list_item_content{width:676px;font-size:16px;font-weight:500;color:rgba(0,0,0,.65);line-height:30px;margin-top:-2px}.new_course_list_not_buy{width:16px;height:19px;margin-left:25px}.new_course_list_hasbuy_not_living{width:18px;height:18px;margin-left:25px}.new_course_list_hasbuy_living{width:17px;height:20px;margin-left:25px}.my-video{width:800px;height:420px}.course_introduction{width:880px;background-image:url("https://cdn0.shiyanjia.com/c/2021/images/miniPrograms/bill/bill45.png");background-size:100% 100%;box-sizing:border-box;padding:30px 20px;min-height:454px}.tab1_item_title_box{position:relative}.tab1_item_title{position:absolute;top:16px;left:18px;margin-bottom:14px;font-size:18px;font-weight:bold;color:rgba(0,0,0,.75);line-height:25px}.tab1_item_title_icon{width:41;height:45px}.gap_line{width:850px;height:1px;border:1px solid #e8e8e8;margin:16px 0}.coursedesc ul li{list-style:decimal}.coursedesc ol li{list-style:disc}.chapter_name_box{width:800px;border-bottom:1px solid #d8d8d8;padding:25px 0 16px 3px;box-sizing:border-box;font-size:18px;font-weight:bold;color:rgba(0,0,0,.75);line-height:25px;display:flex}.rich_text{flex:1}.class_section_box{width:800px;border-bottom:1px solid #ececec;padding:20px 0 20px 35px;box-sizing:border-box;display:flex;justify-content:space-between;cursor:pointer}.class_section_name{flex:1}.has_finish_icon{width:13px;height:13px;margin-right:6px}.class_section_living_status{font-size:12px;color:rgba(0,0,0,.45);line-height:17px;display:flex;align-items:center}.clearPadding{padding-top:0px !important}.sidebar_lecturer_title{width:300px;height:44px;background:#f5f5f5;font-size:20px;font-weight:bold;color:rgba(0,0,0,.75);line-height:44px;text-align:center;position:relative}.sidebar_lecturer_title:after{position:absolute;bottom:0;left:20px;content:"";display:block;width:260px;height:1px;background-image:linear-gradient(to right, #DEDEDE 70%, #F5F5F5 0);background-size:30px}.sidebar_lecturer_box{padding:18px 0;box-sizing:border-box;width:300px;background:#f5f5f5;margin-bottom:12px}.sidebar_lecturer_box_top{display:flex}.sidebar_lecturer_icon{width:28px;height:28px;border-radius:28px;margin-right:8px;margin-left:20px}.sidebar_lecturer_name{font-size:18px;color:rgba(0,0,0,.8);line-height:25px}.sidebar_lecturer_gap_line{width:79px;height:3px;background:linear-gradient(270deg, #F5F5F5 0%, #6c51dc 100%)}.sidebar_lecturer_label{font-weight:bold;font-size:14px;color:rgba(0,0,0,.65);line-height:22px;margin:10px auto 0;width:100%;padding:7px 21px;box-sizing:border-box;background:linear-gradient(266deg, #F5F5F5 0%, #E7EFEE 100%)}.sidebar_lecturer_desc_content{font-size:14px;color:rgba(0,0,0,.55);line-height:24px;box-sizing:border-box;padding:0 20px;margin-top:10px}.tab_cont_box .right .new_sidebar_lecturer{background-color:#fff}.expand_arrow{width:22px;height:22px;cursor:pointer}.class_section_tag{margin-top:6px;margin-left:64px;font-weight:400;font-size:13px;color:rgba(0,0,0,.45);line-height:18px}.section_name{display:flex;font-size:16px;color:rgba(0,0,0,.75);line-height:22px;font-weight:500}.selection_name_number{font-weight:bold;font-size:18px;color:rgba(0,0,0,.75)}.selection_name_title{max-width:560px}.watching_item_num{color:#6c51dc}.preview-course{display:flex;flex-direction:column;font-weight:bold;font-size:16px;color:#fff;line-height:22px;text-align:left}.preview-icon{width:42px;height:19px;background:#fdf1e5;border-radius:72px 100px 100px 0px;font-weight:bold;font-size:12px;color:#ff7e00;line-height:19px;text-align:center;margin-left:8px}.preview-start-icon{width:64px;height:64px;margin-bottom:10px;cursor:pointer}.preview-end-refresh-box{display:flex;align-items:center;font-weight:bold;font-size:16px;color:#6c51dc;line-height:22px;cursor:pointer}.preview-end-refresh-box:hover{color:#16b799}.refresh-icon{width:18px;height:18px;margin-right:8px}.preview-end-tips{font-weight:bold;font-size:18px;color:#fff;line-height:25px;margin:16px auto 22px}.preview-end-buy-course{width:140px;height:40px;border-radius:40px;border:2px solid #fff;font-weight:bold;font-size:16px;color:#fff;line-height:36px;text-align:center;cursor:pointer}.preview-end-buy-course:hover{opacity:.85}
.part1{
margin: 20px 0;
}
.part1 .part1_item{
display: flex;
align-items: center;
margin-bottom: 14px;
}
.part1 .part1_item img{
width: 15px;
margin-right: 8px;
}
.part1 .part1_item span{
font-size: 14px;
font-family: PingFang-SC-Bold, PingFang-SC;
font-weight: bold;
color: #FFFFFF;
}
.part2{
width: 100%;
padding: 46px 0;
text-align: center;
background: rgba(255,255,255,0.0500);
border-radius: 4px;
}
.part2 .part2_top{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 18px;
}
.part2 .part2_top img{
width: 20px;
height: 26px;
margin-right: 13px;
}
.part2 .part2_top span{
font-size: 20px;
font-family: PingFang-SC-Bold, PingFang-SC;
font-weight: bold;
color: #FFFFFF;
line-height: 28px;
letter-spacing: 1px;
}
.part2 .part2_img{
width: 176px;
height: 176px;
margin-bottom: 20px;
}
.part2 .part2_bottom{
display: flex;
align-items: center;
justify-content: center;
}
.part2 .part2_bottom img{
width: 16px;
height: 16px;
margin-right: 8px;
}
.part2 .part2_bottom span{
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
line-height: 22px;
}
.right1{
position: relative;
width: 380px;
height: 520px;
background: #2D2D2D;
padding: 20px 20px 0;
border-radius: 4px;
}
.addCoursePart1,.addCoursePart{display: none;}
#J_prismPlayer{
width:100%;
height:420px;
}
.coursedesc{
font-size: 18px;
padding: 10px 30px;
}
.coursedesc p{
line-height: 24px;
white-space: normal !important;
word-wrap: break-word;
}
.coursedesc span{
line-height: 24px;
white-space: normal !important;
word-wrap: break-word;
}
.coursedesc img{
width:100%;
height:auto;
}
#richTextLecturerIntroduce{
white-space: pre-wrap;
word-break: break-word;
font-size: 14px;
padding: 12px 10px 0;
line-height: 24px;
}
.video-modal{
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
.hide-video{
display: none;
}
@media screen and (max-width: 767px) {
.banner{
padding: 0px;
height: auto;
}
.cont{
width: 100%;
overflow: hidden;
}
.banner .left{
width: 100%
}
.banner .right{
width: 100%;
}
.video-modal{
position: relative;
}
.video-modal img{
width: 100%!important;
height: auto!important;
}
.course_introduction{
width: 100%;
}
.tab_cont_box .right{
width: 100%;
}
.sidebar_lecturer_title{
width: 100%;
}
.sidebar_lecturer_box{
width: 100%;
}
.tab_bar .tab_item{
margin-left: 10px;
margin-right: 10px;
}
}
#video-period-20190425 a{
color: #fff;
font-size: 18px;
font-weight: bold;
margin: 18px;
text-align: center;
width: 100%;
}