/* 视频播放 */
.tk_playback{display: flex;}
.tk_playback_video{display: block;width: 1560px;background-color: #000000;}
.tk_playback_video .video_title{height: 85px;display: flex;align-items: center;justify-content: center;position: relative;}
.tk_playback_video .video_back{position: absolute;top: 50%;transform: translateY(-50%);left: 30px;display: flex;align-items: center;font-size: 14px;color: #999999;cursor: pointer;}
.tk_playback_video .video_back img{display: block;width: 16px;height: 16px;margin-right: 5px;}
.tk_playback_video .video_name{display: flex;align-items: center;}
.tk_playback_video .video_logo{display: block;width: 97px;height: 26px;}
.tk_playback_video .name_txt{padding-left: 20px;margin-left: 20px;height: 24px;line-height: 24px;font-size: 22px;color: #21AA28;border-left: 1px solid #21AA28;}
.tk_playback_video .video_play{display: block;width: 100%;height: calc(100vh - 85px);background-color: #131F3A;min-width: 800px;}
.tk_playback_video .video_play video{width: 100%;height: 100%;}

.tk_playback_direct{display: block;width: 360px;min-width: 360px;background-color: #3F4449;}
.tk_playback_direct .dir_head{background-color: #2F3236;height: 135px;}
.tk_playback_direct .dir_title{margin: 0 20px;padding-top: 22px;font-size: 20px;color: #F4F4F4;text-align: justify;line-height: 30px;}
.tk_playback_direct .dir_notes{margin: 0 20px;display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}
.tk_playback_direct .dir_notes_l{display: flex;align-items: center;}
.tk_playback_direct .dir_notes_l span{display: block;font-size: 14px;height: 14px;line-height: 14px;margin-right: 6px;padding-right: 6px;border-right: 1px solid #434343;color: #999999;}
.tk_playback_direct .dir_notes_l span:last-child{
	border-right: 0;
}
.tk_playback_direct .dir_phone{position: relative;display: flex;align-items: center;cursor: pointer;}
.tk_playback_direct .phone_icon{display: block;width: 18px;height: 18px;}
.tk_playback_direct .phone_txt{display: block;font-size: 14px;color: #999999;margin-left: 2px;}
.tk_playback_direct .phone_hover{display: none;position: absolute;right: -15px;top: 30px;background-color: #FFFFFF;padding-bottom: 12px;border-radius: 6px;}
.tk_playback_direct .dir_phone:hover .phone_hover{display: block;z-index: 2;}
.tk_playback_direct .phone_hover::before{
	content: '';
	position: absolute;
	top: -6px;
	right: 50px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #FFFFFF;
}
.tk_playback_direct .phone_hover_txt{display: block;text-align: center;margin-top: 10px;font-size: 14px;color: #333333;}
.tk_playback_direct .phone_hover_row{position: relative;display: flex;align-items: center;margin-top: 7px;}
.tk_playback_direct .phone_hover_view{display: block;width: 135px;text-align: center;}
.tk_playback_direct .phone_hover_view img{display: block;margin: 0 auto;}
.tk_playback_direct .phone_hover_view span{display: block;text-align: center;margin-top: 20px;font-size: 13px;color: #666666;}
.tk_playback_direct .dir_tab_title{display: flex;align-items: center;}
.tk_playback_direct .dir_tab_title li{display: block;width: 180px;height: 55px;text-align: center;line-height: 55px;background-color: #1E2227;font-size: 18px;color: #999999;cursor: pointer;}
.tk_playback_direct .dir_tab_title .dir_active{background-color: #3F4449;color: #21AA28;}
.tk_playback_direct .dir_item{display: none;height: calc(100vh - 190px);}

.tk_dir_catalog{display: block;overflow-y: auto;padding-top: 10px;padding-bottom: 15px;box-sizing: border-box;}
.dir_item::-webkit-scrollbar{
	width: 0;
	display: none;
}
.tk_dir_catalog .dir_list{display: block;margin: 0 20px;margin-top: 10px;}
.tk_dir_catalog .dir_one{display: flex;align-items: center;justify-content: space-between;height: 54px;background-color: #2F3236;cursor: pointer;}
.tk_dir_catalog .dir_one_name{display: block;margin-left: 30px;font-size: 14px;color: #FFFFFF;width: 210px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tk_dir_catalog .dir_icon{display: block;width: 14px;height: 14px;background: url(/static/image/det_dir_on.png) no-repeat;background-size: 100% 100%;margin-right: 20px;}
.tk_dir_catalog .dir_one_on .dir_icon,
.tk_dir_catalog .dir_two_on .dir_icon{
	background: url(/static/image/det_dir_up.png) no-repeat;
	background-size: 100% 100%;
}
.tk_dir_catalog .dir_box,
.tk_dir_catalog .dir_third{
	display: none;
}
.tk_dir_catalog .dir_row{height: 55px;display: flex;align-items: center;justify-content: space-between;cursor: pointer;border-bottom: 1px dashed #666666;margin: 0 10px;color: #FFFFFF;}
.tk_dir_catalog .dir_row_l{display: flex;align-items: center;font-size: 14px;padding-left: 10px;}
.tk_dir_catalog .dir_txtover{max-width: 145px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tk_dir_catalog .dir_old{color: #999999;}
.tk_dir_catalog .dir_there{color: #21AA28;}
.tk_dir_catalog .dir_there_play{display: block;width: 14px;height: 12px;margin: 0 10px;background: url(/static/image/video_iconb.png) no-repeat;background-size: 100% 100%;}
.tk_dir_catalog .dir_old .dir_there_play{
	/* opacity: 0; */
	width: 16px;
	height: 16px;
	background: url(/static/image/per_sx.png) no-repeat;
	background-size: 100% 100%;
}
.tk_dir_catalog .dir_there .dir_there_play{
	background: url(/static/image/video_iconfill.png) no-repeat;
	background-size: 100% 100%;
}
.tk_dir_catalog .dir_row_l span{max-width: 155px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tk_dir_catalog .dir_row_r{display: flex;align-items: center;margin-right: 5px;}
.tk_dir_catalog .dir_time{font-size: 14px;}
.tk_dir_catalog .dir_there .dir_time{
	display: none;
}
.tk_dir_catalog .dir_there_air{
	display: none;
}
.tk_dir_catalog .dir_there .dir_there_air{display: block;font-size: 14px;}
.tk_dir_catalog .dir_there .dir_there_icon{display: block;width: 14px;height: 14px;background: url(/static/image/det_kcst_hover.gif) no-repeat;background-size: 100% 100%;margin-right: 8px;}
.tk_dir_catalog .dir_two .dir_there_play{opacity: 0;width: 0;margin-right: 0;}
.tk_dir_catalog .dir_third .dir_row_l{padding-left: 25px;}

.tk_dir_minute{display: block;margin: 0 20px;padding-top: 20px;box-sizing: border-box;overflow-y: auto;}
.tk_dir_minute .minute_area{position: relative;}
.tk_dir_minute .minute_area textarea{display: block;width: 100%;height: 160px;box-sizing: border-box;padding: 5px 10px;padding-bottom: 20px;background-color: #65696D;border-radius: 4px;font-size: 14px;line-height: 20px;color: #FFFFFF;}
.tk_dir_minute .minute_area textarea::-webkit-input-placeholder{
	color: #999999;
}
.tk_dir_minute .minute_area .area_txt{position: absolute;right: 22px;bottom: 9px;font-size: 14px;color: #999999;}
.tk_dir_minute .minute_submit{display: block;text-align: center;height: 48px;line-height: 48px;background-color: #21AA28;cursor: pointer;border-radius: 6px;margin-top: 20px;font-size: 16px;color: #FFFFFF;}
.tk_dir_minute .minute_title{margin-top: 30px;height: 54px;background-color: #2F3236;display: flex;align-items: center;justify-content: space-between;padding: 0 10px;box-sizing: border-box;}
.tk_dir_minute .minute_num{display: block;font-size: 16px;color: #EEEEEE;}
.tk_dir_minute .minute_more{display: block;font-size: 16px;color: #99A4B2;}
.tk_dir_minute .minute_view{display: block;padding: 20px 0 15px 0;border-bottom: 1px dashed #666666;}
.tk_dir_minute .min_view_title{display: flex;align-items: center;justify-content: space-between;}
.tk_dir_minute .min_txt{font-size: 14px;color: #2BBB61;}
.tk_dir_minute .min_time{font-size: 14px;color: #999999;}
.tk_dir_minute .min_p{display: block;margin-top: 6px;font-size: 16px;color: #FFFFFF;line-height: 21px;text-align: justify;word-wrap: break-word;word-break: break-all;}

/* 个人中心-下单页 */
.tk_buy_course{display: block;margin-bottom: 50px;background-color: #FFFFFF;width: 100%;border-radius: 6px;padding-top: 30px;padding-bottom: 50px;}
.tk_buy_course .buy_label{display: block;margin-left: 30px;font-size: 24px;color: #333333;}
.tk_buy_course .buy_course{display: flex;align-items: flex-start;margin: 0 30px;margin-top: 40px;}
.tk_buy_course .course_img{display: block;width: 225px;height: 140px;border-radius: 6px;}
.tk_buy_course .course_cont{position: relative;display: block;margin-left: 10px;width: 905px;height: 140px;}
.tk_buy_course .course_title{font-size: 20px;color: #333333;line-height: 1.5;}
.tk_buy_course .package_type{width: 40px;height: 18px;background-color: #a6aeb9;border-radius: 4px;display: inline-flex;align-items: center;justify-content: center;font-size: 14px;color: #FFFFFF;}
.tk_buy_course .course_time{display: block;margin-top: 15px;font-size: 14px;color: #999999;opacity: 0.7;}
.tk_buy_course .course_day{font-size: 15px;position: absolute;left: 0;bottom: 0;color: #999999;}
.tk_buy_course .course_totalPrice{font-size: 16px;color: #999999;text-decoration: line-through;position: absolute;position: absolute;right: 158px;bottom: 0;font-size: 20px;}
.tk_buy_course .course_payment{position: absolute;right: 20px;bottom: 0;display: block;font-size: 20px;font-weight: bold;color: #FB4E4D;}
.tk_buy_course .course_payment span{font-size: 32px;padding-left: 5px;}
.tk_buy_course .buy_coupons{display: flex;align-items: center;justify-content: space-between;height: 60px;padding: 0 20px;margin: 0 30px;margin-top: 30px;background-color: #F5F7F8;cursor: pointer;}
.tk_buy_course .coupons_txt{display: flex;align-items: center;font-size: 16px;color: #333333;}
.tk_buy_course .coupons_txt img{display: block;width: 20px;height: 20px;margin-right: 5px;}
.tk_buy_course .coupons_choose{display: flex;align-items: center;font-size: 14px;color: #999999;}
.tk_buy_course .coupons_choose img{display: block;width: 15px;height: 15px;margin-left: 5px;}
.tk_buy_course .buy_payment{position: relative;padding-top: 40px;margin-top: 40px;}
.tk_buy_course .buy_payment::before{
	content: '';
	position: absolute;
	top: 0;
	left: 30px;
	width: 1140px;
	height: 1px;
	background-color: #EEEEEE;
}
.tk_buy_course .buy_pay_row{display: flex;align-items: center;margin-top: 40px;margin-left: 30px;}
.tk_buy_course .pay_view{width: 300px;height: 80px;display: flex;align-items: center;justify-content: center;cursor: pointer;box-sizing: border-box;border-radius: 6px;border: 2px solid #EEEEEE;margin-right: 50px;font-size: 20px;color: #333333;}
.tk_buy_course .pay_view img{display: block;width: 35px;height: 35px;margin-right: 5px;}
.tk_buy_course .pay_active{border: 2px solid #21AA28;background-color: #F8FAFD;}
.tk_buy_course .pay_border{display: block;width: 100%;height: 10px;margin-top: 40px;}
.tk_buy_course .buy_bot{display: flex;align-items: center;justify-content: space-between;margin: 0 30px;margin-top: 40px;}
.tk_buy_course .buy_tips{display: flex;align-items: center;font-size: 14px;color: #666666;}
.tk_buy_course .buy_tips img{display: block;width: 16px;height: 16px;margin-right: 5px;}
.tk_buy_course .buy_tips .buy_cust{position: relative;color: #21AA28;padding-left: 2px;cursor: pointer;}
.tk_buy_course .buy_cust_hover{display: none;position: absolute;left: 50%;transform: translateX(-50%);bottom: 25px;z-index: 500;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);border-radius: 0.06rem;background: #FFFFFF;width: 150px;padding: 10px 0;}
.tk_buy_course .buy_cust_hover::before{
	content: '';
	position: absolute;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #FFFFFF;
}
.tk_buy_course .buy_tips .buy_cust:hover .buy_cust_hover{
	display: block;
}
.tk_buy_course .buy_cust_hover img{display: block;width: 130px;height: 130px;margin: 0 auto;}
.tk_buy_course .buy_cust_hover span{font-size: 14px;display: block;color: #666666;text-align: center;}
.tk_buy_course .buy_bot_r{display: flex;align-items: flex-end;}
.tk_buy_course .buy_paytxt{font-size: 14px;color: #666666;margin-bottom: 5px;}
.tk_buy_course .buy_paynum{display: block;font-size: 16px;color: #FB4E4D;font-weight: bold;margin-bottom: 3px;}
.tk_buy_course .buy_paynum span{font-size: 32px;padding-left: 2px;}
.tk_buy_course .buy_pay_btn{display: block;cursor: pointer;width: 200px;height: 64px;background-color: #FB4E4D;border-radius: 32px;text-align: center;line-height: 64px;margin-left: 40px;font-size: 20px;color: #FFFFFF;font-weight: bold;}

.tk_choose_coupons .coupons_model{position: fixed;z-index: 600;width: 680px;background-color: #F5F5F5;top: 50%;left: 50%;transform: translate(-50%, -50%);padding-bottom: 30px;}
.tk_choose_coupons .coup_title{height: 50px;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;background-color: #FFFFFF;}
.tk_choose_coupons .coup_name{display: block;font-size: 18px;color: #333333;}
.tk_choose_coupons .coup_close{display: block;width: 20px;height: 20px;cursor: pointer;}
.tk_choose_coupons .coup_notes{display: block;margin-left: 20px;margin-top: 20px;font-size: 14px;color: #999999;}
.tk_choose_coupons .coup_list{margin: 0 30px;height: 510px;overflow-y: auto;}
.tk_choose_coupons .coup_list::-webkit-scrollbar,
.tk_dir_minute .minute_area textarea::-webkit-scrollbar{
	width: 0;
	display: none;
}
.tk_choose_coupons .coup_view{position: relative;display: flex;align-items: center;width: 100%;height: 160px;cursor: pointer;margin-top: 15px;background: url(/static/image/page_coup.png) no-repeat;background-size: 100% 100%;}
.tk_choose_coupons .coup_number{display: block;width: 170px;text-align: center;}
.tk_choose_coupons .coup_paynum{display: block;font-size: 28px;color: #ff6900;}
.tk_choose_coupons .coup_paynum span{padding: 0 5px;font-size: 64px;font-weight: bold;}
.tk_choose_coupons .coup_paynum_all{display: block;margin-top: 15px;font-size: 24px;color: #ff6900;}
.tk_choose_coupons .coup_time{display: flex;flex-direction: column;justify-content: space-between;margin-left: 25px;height: 120px;width: 345px;}
.tk_choose_coupons .coup_time_title{
	position: relative;
}
.tk_choose_coupons .coup_time_icon{position: absolute;left: 0;top: 0;width: 80px;height: 38px;box-sizing: border-box;border: 1px solid #ff6900;display: flex;align-items: center;justify-content: center;font-size: 22px;color: #ff6900;}
.tk_choose_coupons .coup_time_txt {flex: 1;text-indent: 92px;font-size: 30px;color: #333333;font-weight: bold;line-height: 38px;text-align: justify;}
.tk_choose_coupons .coup_endtime{display: block;font-size: 22px;color: #666666;}
.tk_choose_coupons .coup_view input{position: absolute;right: 30px;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;border-radius: 50%;background: url(/static/image/vip_vouchersyxno.png) no-repeat;background-size: 100% 100%;}
.tk_choose_coupons .coup_view input:checked{
	background: url(/static/image/mvip_vouchersyx.png) no-repeat;
	background-size: 100% 100%;
	border: 0;
}
.tk_choose_coupons .coup_un_check{position: absolute;right: 32px;bottom: 35px;display: flex;align-items: center;font-size: 24px;color: #E34C3E;}
.tk_choose_coupons .coup_un_check img{display: block;width: 24px;height: 24px;margin-right: 5px;}
.tk_choose_coupons .coup_view_un{
	opacity: 0.7;
}
.tk_choose_coupons .coup_view_un input{background-color: #F5F5F5;}
.tk_choose_coupons .coup_sure{display: block;cursor: pointer;margin: 0 20px;margin-top: 30px;height: 65px;text-align: center;line-height: 65px;background-color: #2BBB61;border-radius: 40px;font-size: 22px;font-weight: bold;color: #FFFFFF;}

/* 个人中心 */
.course_preson_adv{display: block;width: 1200px;margin: 0 auto;margin-top: 20px;height: 90px;border-radius: 12px;overflow: hidden;cursor: pointer;}
.course_preson_adv img{display: block;width: 100%;height: 100%;}

.course_person_main{display: flex;align-items: flex-start;justify-content: space-between;width: 1200px;margin: 0 auto;margin-top: 20px;padding-bottom: 50px;}

.course_person_directory{position: relative;width: 290px;padding: 15px 10px 10px 10px;box-sizing: border-box;background-color: #FFFFFF;border-radius: 12px;}
.course_person_directory .person_user{position: relative;z-index: 10;margin: 0 5px;display: flex;align-items: center;padding-bottom: 55px;}
.course_person_directory .user_icon{display: block;width: 80px;height: 80px;}
.course_person_directory .user_info{flex: 1;margin-left: 10px;}
.course_person_directory .user_title{display: flex;align-items: center;}
.course_person_directory .user_number{font-size: 20px;color: #333333;padding-right: 2px;}
.course_person_directory .user_vipicon{display: block;width: 24px;height: 24px;}
.course_person_directory .user_exit{display: block;margin-top: 15px;font-size: 14px;color: #999999;}
.course_person_directory .user_nav_bg{position: absolute;left: 0;top: 80px;height: 72px;width: 100%;}
.course_person_directory .direct_ul{display: block;margin-top: 10px;}
.course_person_directory .direct_li{position: relative;z-index: 10;display: flex;align-items: center;height: 48px;width: 100%;box-sizing: border-box;padding-left: 20px;font-size: 16px;color: #666666;cursor: pointer;}
.course_person_directory .direct_li img{display: block;width: 20px;height: 20px;margin-right: 18px;}
.course_person_directory .direct_label{display: block;width: 100%;height: 48px;background-color: #F5F7F8;margin-top: 10px;line-height: 48px;padding-left: 20px;box-sizing: border-box;font-size: 14px;color: #999999;}
.course_person_directory .direct_active{background-color: #EAFFE5;color: #21AA28;}

/* 个人中心-课程订单 */
.tk_personal{width: 880px;border-radius: 12px;}
.tk_personal .person_title{display: flex;align-items: center;justify-content: space-between;height: 60px;border-bottom: 1px solid #EEEEEE;padding: 0 30px;}
.tk_personal .person_label{display: block;font-size: 20px;color: #666666;}
.tk_personal .person_empty{display: flex;align-items: center;font-size: 14px;color: #666666;cursor: pointer;}
.tk_personal .person_empty img{display: block;width: 16px;height: 16px;margin-right: 4px;}

.tk_person_order{display: block;background-color: #FFFFFF;border-radius: 6px;padding: 0 30px;padding-bottom: 30px;}
.tk_person_order .page-container{margin-top: 25px;}
.tk_person_order .order_tables{width: 100%;margin-top: 15px;}
.tk_person_order .order_tables th{height: 54px;background-color: #F5F7F8;font-size: 16px;color: #666666;font-weight: normal;}
.tk_person_order .order_th{text-align: left;padding-left: 20px;width: 495px;}
.tk_person_order tbody td{padding: 30px 0;border-bottom: 1px dashed #E5E5E5;}
.tk_person_order .order_course{padding-left: 20px;width: 495px;}
.tk_person_order .order_course a{
	word-break: break-all;
	word-wrap: break-word;
}
.tk_person_order .order_title{display: flex;align-items: center;margin-bottom: 12px;}
.tk_person_order .order_num{font-size: 14px;color: #666666;}
.tk_person_order .order_copy{font-size: 14px;color: #12B7F5;margin-left: 10px;cursor: pointer;}
.tk_person_order .order_view{cursor: pointer;display: flex;align-items: center;}
.tk_person_order .order_img{display: block;width: 102px;height: 57px;border-radius: 6px;}
.tk_person_order .order_view_cont{display: block;margin-left: 10px;}
.tk_person_order .order_text{display: block;white-space: nowrap;width: 330px;overflow: hidden;color: #333333;font-size: 14px;text-overflow: ellipsis;}
.tk_person_order .order_time{display: block;margin-top: 20px;font-size: 14px;color: #999999;}
.tk_person_order .order_price{text-align: center;font-size: 14px;color: #FF6600;}
.tk_person_order .order_state_in{text-align: center;font-size: 14px;color: #21AA28;}
.tk_person_order .order_state_un{text-align: center;font-size: 14px;color: #FF6600;}
.tk_person_order .order_state_have{text-align: center;font-size: 14px;color: #999999;}
.tk_person_order .order_operate{text-align: center;cursor: pointer;position: relative;}
.tk_person_order .operate_txt{font-size: 14px;color: #333333;}
.tk_person_order .operate_pay{font-size: 14px;color: #21AA28;line-height: 28px;}
.tk_person_order .operate_del{display: block;font-size: 14px;color: #FF6600;margin-top: 10px;}
.tk_person_order .operate_drop{position: absolute;bottom: 2px;left: 12px;padding: 4px;font-size: 14px;background-color: #ffffff;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;box-shadow: 0 6px 12px rgba(0,0,0,.175);z-index: 99;}
.tk_person_order .pay_txt{display: block;padding: 6px 10px;clear: both;}
.tk_person_order .pay_txt:hover{background-color: #21AA28;color: #ffffff;}

/* 个人中心-课程收藏 */
.tk_person_order .collect_time{display: block;margin-top: 20px;font-size: 14px;color: #999999;}
.tk_person_order .collect_time span:last-child{
	border-right: 0;
}
.tk_person_order .order_coll_time{text-align: center;font-size: 14px;color: #333333;}
.tk_person_order .package_word{display: flex;align-items: center;}
.tk_person_order .package_tag{width: 44px;height: 20px;background-color: #a6aeb9;border-radius: 4px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #FFFFFF;margin-right: 8px;}

/* 个人中心-我的笔记 */
.tk_person_notelist{padding-top: 30px;}
.tk_person_order .th_matter{text-align: right;padding-right: 45px;}
.tk_person_order .serial_num{text-align: center;font-size: 14px;color: #333333;}
.tk_person_order .minute_matter{width: 310px;font-size: 14px;line-height: 21px;color: #333333;padding-right: 20px;text-align: justify;word-wrap: break-word;word-break: break-all;}
.tk_person_order .minute_time{text-align: center;width: 85px;line-height: 28px;color: #666666;}
.tk_person_order .minute_course{padding-left: 20px;width: 260px;}
.tk_person_order .minute_text{width: 175px;font-size: 14px;line-height: 21px;color: #666666;}
.tk_person_order .minute_notes{display: block;font-size: 14px;color: #21AA28;margin-top: 3px;}
.tk_person_order .operate_add{font-size: 14px;color: #21AA28;}

/* 个人中心-我的课程 */
.opacity0{
	opacity: 0;
}

.tk_my_courses{display: block;width: 100%;}
.tk_my_courses .courses_box{background-color: #FFFFFF;border-radius: 6px;padding: 30px;margin-bottom: 30px;}
.tk_my_courses .courses_view{display: flex;align-items: center;}
.tk_my_courses .courses_img{display: block;cursor: pointer;width: 224px;height: 126px;border-radius: 6px;}
.tk_my_courses .courses_cont{position: relative;display: block;width: 675px;height: 126px;margin-left: 20px;}
.tk_my_courses .courses_title{cursor: pointer;width: 90%;font-size: 20px;color: #333333;}
.tk_my_courses .courses_endtime{display: block;margin-top: 12px;font-size: 14px;color: #999999;}
.tk_my_courses .cour_progtxt{margin-top: 40px;font-size: 14px;color: #666666;display: flex;}
.tk_my_courses .study_chapter{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 450px;margin-left: 10px;}
.tk_my_courses .statistics{position: absolute;left: 0;bottom: 3px;display: flex;align-items: center;}
.tk_my_courses .sta_progress{position: relative;width: 320px;height: 10px;border-radius: 5px;background-color: #EEEEEE;}
.tk_my_courses .progress-done{height: 10px;border-radius: 5px;background-color: #21AA28;}
.tk_my_courses .sta_txt{margin-left: 10px;font-size: 14px;color: #21AA28;}
.tk_my_courses .sta_txt_un{font-size: 14px;color: #999999;margin-left: 10px;}
.tk_my_courses .cour_next{position: absolute;right: 0;bottom: 0;width: 140px;height: 48px;background-color: #21AA28;border-radius: 4px;text-align: center;line-height: 48px;font-size: 15px;color: #F8F8F8;cursor: pointer;}
.tk_my_courses .dir_title{margin-top: 30px;display: flex;align-items: center;justify-content: space-between;}
.tk_my_courses .dir_label{display: flex;align-items: center;font-size: 18px;color: #333333;font-weight: bold;}
.tk_my_courses .dir_label img{display: block;width: 20px;height: 20px;}
.tk_my_courses .dir_spread{cursor: pointer;font-size: 14px;color: #21AA28;}

.tk_person_directory{display: none;padding-top: 20px;}
.tk_person_directory .dir_list{display: block;margin-top: 10px;}
.tk_person_directory .dir_one{display: flex;align-items: center;justify-content: space-between;height: 54px;background-color: #F5F5F5;cursor: pointer;}
.tk_person_directory .dir_one_name{display: block;position: relative;padding-left: 14px;font-size: 16px;color: #333333}
.tk_person_directory .dir_one_name::before{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 14px;
	background-color: #21AA28;
}
.tk_person_directory .dir_icon{display: block;width: 14px;height: 14px;margin-right: 20px;background: url(/static/image/det_dir_on.png) no-repeat;background-size: 100% 100%;}
.tk_person_directory .d_1_on .dir_icon,
.tk_person_directory .d_2_on .dir_icon{
	background: url(/static/image/det_dir_up.png) no-repeat;
	background-size: 100% 100%;
}
.tk_person_directory .dir_cont{
	display: none;
}
.tk_person_directory .dir_row{display: flex;align-items: center;justify-content: space-between;height: 75px;padding-left: 25px;border-bottom: 1px dashed #E5E5E5;cursor: pointer;}
.tk_person_directory .dir_row_l{display: flex;align-items: center;font-size: 14px;color: #333333;}
.tk_person_directory .dir_row_l span{max-width: 500px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tk_person_directory .dir_there .dir_row_l{
	color: #21AA28;
}
.tk_person_directory .dir_old .dir_row_l{
	color: #999999;
}
.tk_person_directory .dir_there_play{display: block;margin-left: 15px;margin-right: 10px;width: 14px;height: 12px;background: url(/static/image/video_iconz.png) no-repeat;background-size: 100% 100%;}
.tk_person_directory .dir_there .dir_there_play{
	background: url(/static/image/video_iconfill.png) no-repeat;
	background-size: 100% 100%;
}
.tk_person_directory .dir_old .dir_there_play{
	width: 16px;
	height: 16px;
	background: url(/static/image/per_sx.png) no-repeat;
	background-size: 100% 100%;
}
.tk_person_directory .dir_two .dir_there_play{opacity: 0;width: 0;margin-right: 0;}
.tk_person_directory .dir_third{
	display: none;
}
.tk_person_directory .dir_third .dir_row{padding-left: 40px;border-bottom: 1px dashed #E5E5E5;}
.tk_person_directory .dir_row_r{display: flex;align-items: center;padding-right: 2px;}
.tk_person_directory .dir_time{font-size: 14px;color: #666666;margin-left: 5px;}
.tk_person_directory .dir_old .dir_time{
	color: #999999;
}
.tk_person_directory .dir_there .dir_time,
.tk_person_directory .dir_there_air{
	display: none;
}
.tk_person_directory .dir_there .dir_there_air{display: block;font-size: 14px;color: #21AA28;margin-left: 10px;}
.tk_person_directory .dir_there .dir_there_icon{display: block;width: 14px;height: 14px;background: url(/static/image/det_kcst_hover.gif) no-repeat;background-size: 100% 100%;}
.tk_person_directory .dir_locat_txt{font-size: 14px;color: #21AA28;margin-left: 10px;}
.tk_person_directory .dir_locat_icon{display: block;width: 16px;height: 16px;background: url(/static/image/per_dw.png) no-repeat;background-size: 100% 100%;}

.tk_course_package{background-color: #FFFFFF;padding: 20px 30px 30px 30px;border-radius: 6px;margin-bottom: 30px;}
.tk_course_package .package_top{position: relative;}
.tk_course_package .package_type{position: absolute;left: 0;top: 5px;width: 54px;height: 24px;background-color: #a6aeb9;border-radius: 4px;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #FFFFFF;}
.tk_course_package .package_title{text-indent: 65px;font-size: 24px;font-weight: bold;color: #333333;text-align: justify;line-height: 32px;}
.tk_course_package .package_desc{margin-top: 20px;font-size: 16px;color: #9ca7b6;}
.tk_course_package .package_box{border: 1px solid #EEEEEE;margin-top: 20px;}
.tk_course_package .courses_box{margin-bottom: 0;border-radius: 0;border-bottom: 1px solid #EEEEEE;padding: 30px 20px;}
.tk_course_package .courses_box:last-child{
	border-bottom: 0;
}
.tk_course_package .sta_progress{width: 320px;}

/* 个人中心-优惠券 */
.tk_person_coupons{padding-top: 30px;}
.tk_person_coupons .coupons_tips{display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 10px;height: 32px;background-color: #FFF9D7;border: 1px solid #FED000;}
.tk_person_coupons .coupons_tips span{display: block;font-size: 14px;color: #C59C6E;}
.tk_person_coupons .coupons_close{cursor: pointer;display: block;width: 16px;height: 16px;}
.tk_person_coupons .coupons_list{padding: 0 10px;padding-top: 10px;display: flex;flex-wrap: wrap;}
.tk_person_coupons .coupons_view{position: relative;display: block;width: 390px;height: 172px;background: url(/static/image/per_qq_bg.png) no-repeat;background-size: 100% 100%;margin-right: 20px;margin-top: 20px;cursor: pointer;}
.tk_person_coupons .coupons_view:nth-child(2n){
	margin-right: 0;
}
.tk_person_coupons .coupons_top{height: 72px;padding: 0 20px;display: flex;align-items: center;justify-content: space-between;}
.tk_person_coupons .coup_top_num{display: flex;flex-direction: column;}
.tk_person_coupons .coupons_paynum{display: block;font-size: 16px;color: #FFFFFF;}
.tk_person_coupons .money_for{font-size: 16px;color: #FFFFFF;margin-top: 4px;flex-shrink: 0;}
.tk_person_coupons .coupons_paynum span{font-size: 32px;font-weight: bold;padding-left: 5px;}
.tk_person_coupons .coup_top_txt{text-align: right;font-size: 16px;line-height: 24px;color: #FFE5E8;display: flex;flex-direction: column;align-items: flex-end;}
.tk_person_coupons .coup_top_txt span{
	display: block;
}
.tk_person_coupons .end_time{margin-top: 8px;}
.tk_person_coupons .coup_top_name{display: flex;align-items: center;font-size: 14px;}
.tk_person_coupons .coup_tag{padding: 5px;margin-right: 5px;border: 1px solid #FFFFFF;border-radius: 4px;flex-shrink: 0;font-size: 14px;line-height: 14px;}
.tk_person_coupons .coup_name{max-width: 200px;}
.tk_person_coupons .coup_label{padding: 2px 0 5px 20px;max-height: 90px;overflow-y: auto;}
.tk_person_coupons .coup_label li{display: flex;align-items: center;font-size: 14px;line-height: 1.5;color: #999999;margin-top: 6px;}
.tk_person_coupons .coup_label li img{display: block;width: 16px;height: 16px;margin-right: 5px;}
.tk_person_coupons .coup_used_icon{position: absolute;bottom: 5px;right: 20px;width: 88px;height: 88px;}
.tk_person_coupons .coupons_have::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	opacity: 0.4;
}

.order_tab_title{display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.order_tab_title li{position: relative;margin: 0 40px;padding: 16px 0;font-size: 16px;color: #999999;cursor: pointer;}
.order_tab_title li>a{color: #999999;}
.order_tab_title .order_cur{color: #21AA28;font-weight: bold;}
.order_tab_title .order_cur::before{
	content: '';
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: 0;
	width: 20px;
	height: 3px;
	background-color: #21AA28;
	border-radius: 2px;
}

.list_empty{display: flex;flex-direction: column;align-items: center;margin-top: 30px;}
.list_empty img{width: 300px;height: 270px;}
.list_empty p{color: #999999;font-size: 16px;margin-top: 10px;margin-bottom: 10px;}
.list_empty .btn{width: 88px;height: 34px;background-color: #3385FF;color: #FFFFFF;display: flex;justify-content: center;align-items: center;font-size: 14px;border-radius: 5px;}

/* 支付验证/成功-失败 */
.tk_pay_box{display: flex;align-items: center;justify-content: center;margin-top: 200px;}
.tk_pay_box .verifing,
.tk_pay_box .failure{display: block;width: 200px;}
.tk_pay_box .pay_tip{font-size: 18px;color: #333333;}
.tk_pay_box .pay_word{display: block;margin-top: 15px;font-size: 16px;color: #666666;}
.loading:after{
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	animation: ellipsis 1.5s infinite;
	content: "\2026";
}

@keyframes ellipsis {
	from {
		width: 2px;
	}

	to {
		width: 30px;
	}
}

.tk_pay_box .contact_kefu{width: 140px;height: 40px;background-color: #21aa28;border-radius: 4px;display: block;text-align: center;line-height: 40px;font-size: 15px;color: #f8f8f8;margin-top: 15px;}

/* 个人中心-修改密码 */
.tk_person_change{background-color: #FFFFFF;height: 800px;border-radius: 6px;padding: 30px;box-sizing: border-box;}
.tk_person_change .change_label{display: block;width: 480px;padding-top: 20px;margin: 0 auto;padding-left: 12px;margin-bottom: 10px;font-size: 16px;color: #333333;box-sizing: border-box;}
.tk_person_change .change_input{position: relative;width: 480px;height: 60px;display: block;box-sizing: border-box;border: 2px solid #D7DDE4;border-radius: 6px;margin: 0 auto;overflow: hidden;}
.tk_person_change .change_input input{display: block;width: 100%;height: 100%;box-sizing: border-box;padding-left: 12px;font-size: 16px;}
.tk_person_change .change_input input:disabled{
	background-color: #FAFFBD;
}
.tk_person_change .change_eye{position: absolute;z-index: 10;top: 0;right: 0;width: 42px;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.tk_person_change .change_eye img{width: 16px;}
.tk_person_change .change_btn{display: block;cursor: pointer;width: 480px;height: 60px;background: #21AA28;border-radius: 6px;margin: 0 auto;margin-top: 30px;text-align: center;line-height: 60px;font-size: 16px;color: #FFFFFF;letter-spacing: 6px;}

/* 注销账号 */
.cut_dialog .cut_model{position: fixed;left: 50%;top: 50%;z-index: 1300;width: 800px;background: #FFFFFF;transform: translate(-50%, -50%);padding: 25px 25px 15px 25px;box-sizing: border-box;line-height: 1;}

.tk_person_change .cut_model{position: static;transform: none;}

.cut_dialog .cut_close{position: absolute;top: 10px;right: 10px;width: 24px;height: 24px;cursor: pointer;}
.cut_dialog .cut_phone{font-size: 16px;color: #333333;}
.cut_dialog .cut_phone span{color: #ea5404;}
.cut_dialog .cut_notes{font-size: 14px;margin-top: 10px;color: #999999;}
.cut_dialog .cut_view{width: 100%;font-size: 14px;color: #333333;text-align: justify;line-height: 28px;margin-top: 15px;}
.cut_dialog .cut_notice{font-size: 16px;color: #0000FF;display: block;margin-bottom: 16px;line-height: 2;}
.cut_dialog .cut_ul{font-size: 14px;color: #333333;line-height: 28px;margin-top: 5px;}
.cut_dialog .cut_ul li{display: block;text-align: justify;}
.cut_dialog .cut_text{display: block;width: 100%;margin-top: 15px;font-size: 14px;line-height: 28px;color: #333333;text-align: justify;}
.cut_dialog .cut_cust{font-size: 14px;color: #333333;margin-top: 10px;}
.cut_dialog .cut_cust a{color: #ff7304;}
.cut_dialog .cut_number{display: block;width: 345px;height: 48px;border-radius: 6px;margin-top: 30px;text-align: center;line-height: 48px;background: #ff7304;font-size: 16px;color: #ffffff;cursor: pointer;}

/* 注销账号-确定 */
.cancel_dialog .cancel_model{position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1300;width: 400px;background-color: #FFFFFF;}
.cancel_dialog .cancel_title{width: 100%;height: 48px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #E6E6E6;}
.cancel_dialog .cancel_name{display: block;font-size: 16px;color: #333333;margin-left: 15px;}
.cancel_dialog .cancel_close{display: block;width: 24px;height: 24px;margin-right: 10px;cursor: pointer;}
.cancel_dialog .cancel_cont{padding: 15px 0;display: flex;align-items: center;justify-content: center;}
.cancel_dialog .cancel_jg{display: block;width: 48px;height: 48px;}
.cancel_dialog .cancel_txt{width: 260px;margin-left: 20px;font-size: 16px;color: #333333;line-height: 32px;text-align: justify;}
.cancel_dialog .cancel_btn_row{width: 100%;padding: 10px 0;border-top: 1px solid #e6e6e6;display: flex;align-items: center;justify-content: flex-end;}
.cancel_dialog .cancel_btn{width: 100px;height: 48px;background-color: #FFFFFF;cursor: pointer;display: block;text-align: center;line-height: 48px;margin-right: 10px;font-size: 16px;color: #FF7304;}
.cancel_dialog .cancel_link{display: block;text-align: center;margin-right: 24px;width: 135px;height: 48px;line-height: 48px;border-radius: 6px;background: #ff7304;font-size: 16px;color: #ffffff;cursor: pointer;text-decoration: none;}

.paddingTop30{padding-top: 30px;}

.change_div{width: 480px;height: 60px;display: block;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;}
.change_div .yzm_img{cursor: pointer;display: block;width: 160px;height: 60px;box-sizing: border-box;border-radius: 6px;overflow: hidden;}
.change_div .code_input{width: 310px;height: 60px;box-sizing: border-box;padding-left: 11px;border: 2px solid #D7DDE4;border-radius: 6px;font-size: 16px;}
.change_div .yzm_btn{width: 160px;height: 60px;background: #FFFFFF;border: 2px solid #D7DDE4;border-radius: 6px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #21AA28;cursor: pointer;text-align: center;padding-left: 0;box-sizing: border-box;}

.tk_person_change .change_tips{padding-top: 20px;color: #f02107;width: 480px;}

.cancel_model .cancel_btn_row{width: 100%;padding: 10px 0;display: flex;align-items: center;justify-content: center;border: none;}
.cancel_model .cancel_btn_row input{width: 55%;height: 48px;border: 1px solid #D7DDE4;border-radius: 6px;padding-left: 12px;font-size: 14px;}
.cancel_model .cancel_btn_row .yzm_img{width:110px;height: 50px;margin-left: 4px;border-radius: 6px;}
.cancel_model .cancel_btn_row svg{width: 100%;height: 100%;}

/* 微信扫码弹窗 */
.xcv_wechat_scan .scan_model {
    position: fixed;
    z-index: 1200;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 370px;
    border-radius: 12px;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 30px;
    padding-bottom: 20px;
}

.xcv_wechat_scan .scan_close {
    position: absolute;
    z-index: 10;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.xcv_wechat_scan .scan_ewm {
    width: 300px;
    height: 300px;
    border-radius: 6px;
}

.xcv_wechat_scan .scan_txt {
    display: block;
    text-align: center;
    margin-top: 20px;
    font-size: 22px;
    color: #333333;
}