body,
html {
	font-family: "微软雅黑";
	font-size: calc(100vw/7.5);
	/*设计稿为720px宽度*/
}

.ytk_sub_mk1 {
	height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: .08rem solid rgba(237, 241, 245, 1);
	;
}

.ytk_sub_jd {
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 50%;
}

.ytk_sub_r {
	text-align: center;
}

.ytk_sub_r_list1 {
	font-size: 0px;
	margin-bottom: .25rem;
}

.ytk_sub_r_list1 li {
	display: inline-block;
	width: 1.07rem;
	height: .46rem;
	line-height: .46rem;
	font-size: .24rem;
	color: rgba(197, 197, 197, 1);
	background: rgba(237, 241, 245, 1);
	text-align: center;
}

.ytk_sub_r_list1 li:first-child {
	border-radius: .23rem 0px 0px .23rem;
}

.ytk_sub_r_list1 li:nth-child(2) {
	border-radius: 0px .23rem .23rem 0px;
}

.ytk_sub_r_list1 li.ytk_sub_active {
	background: rgba(254, 204, 52, 1);
	color: rgba(172, 138, 34, 1);
}

.ytk_sub_r_time {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.ytk_sub_r_list2 {
	font-size: 0px;
	display: inline-block;
	text-align: center;
}

.ytk_sub_r_list2 li:first-child {
	font-size: .36rem;
	color: rgba(51, 51, 51, 1);
	line-height: .25rem;
	margin-bottom: .2rem;
}

.ytk_sub_r_list2 li:nth-child(2) {
	font-size: .24rem;
	color: rgba(179, 179, 179, 1);
	line-height: .25rem;
}

.ytk_sub_r_time i {
	display: inline-block;
	width: 1px;
	height: .44rem;
	background: rgba(198, 198, 198, 1);
	margin: 0 .4rem;
}

.ytk_sub_mk2_tit1 {
	width: 7.5rem;
	padding: .42rem .23rem;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 1);
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: flex-start;
}

.ytk_sub_mk2>div{
	border-bottom: 1px solid #EDEDED;
}
.ytk_sub_mk2>div:last-child,.ytk_play_ctt div:last-child{
	border-bottom: 1px solid transparent;
}
.ytk_sub_mk2_list1 li:last-child>div{
	border-bottom: 1px solid transparent;
}
.ytk_sub_mk2{
	padding-bottom: 1.2rem;
}
.ytk_sub_icon1 {
	display: inline-block;
	width: .5rem;
	height: 100%;
	margin-right: .12rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.ytk_sub_icon2 {
	height: .3rem;
	width: .3rem;
	border-radius: 50%;
	background: url(/images/study/hapterClass/ytk_sub_icon.png) no-repeat -.47rem -.01rem;
	background-size: 3rem 3rem;
}

.open_ul .ytk_sub_icon2 {
	background: url(/images/study/hapterClass/ytk_sub_icon.png) no-repeat 0rem 0rem;
	background-size: 3rem 3rem;
}

.ytk_sub_icon3 {
	width: .26rem;
	height: .26rem;
	border-radius: 50%;
	background: url(/images/study/hapterClass/ytk_sub_icon.png) no-repeat 0rem -.46rem;
	background-size: 3rem 3rem;
}

.open_ul .ytk_sub_icon3 {
	background: url(/images/study/hapterClass/ytk_sub_icon.png) no-repeat 0rem -.89rem;
	background-size: 3rem 3rem;
}

.ytk_sub_icon4 {
	width: .17rem;
	height: .17rem;
	background: url(/images/study/hapterClass/ytk_sub_icon.png) no-repeat 0rem -1.3rem;
	background-size: 3rem 3rem;
}

.ytk_sub_mk2_tit1 div span {
	font-size: .32rem;
	color: rgba(34, 34, 34, 1);
	padding-right: 0.2rem;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1;
}

.ytk_sub_mk2_tit1 div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	overflow: hidden;
	width: 100%;
}


.ytk_sub_jd_all{
	margin-top: .16rem;
}

.ytk_sub_mk2_tit1 .ytk_sub_jd_all span {
	font-size: .22rem;
	color: rgba(248, 169, 47, 1);
}

.ytk_sub_jd1 {
	display: inline-block;
	width: 2rem;
	height: .14rem;
	background: rgba(230, 230, 230, 1);
	border-radius: .07rem;
	margin-right: .24rem;
	margin-left: .62rem;
}

.ytk_sub_jd2 {
	display: block;
	width: 1rem;
	height: .14rem;
	background: linear-gradient(90deg, rgba(255, 168, 0, 1), rgba(255, 222, 103, 1));
	border-radius: .07rem;
}

.ytk_sub_mk2_list1 {
	font-size: 0rem;
	width: 7.5rem;
	margin: 0 auto;
	border-top: 1px solid #EDEDED;
	box-sizing: border-box;
}
.ytk_sub_mk2_list1>li{
	background: #FFFFFF;
}
.ytk_sub_mk2_list2>li{
	background: #F8F8F8;
}

.ytk_sub_mk2_tit2,
.ytk_sub_mk2_list2 li {
	position: relative;
	margin-left: .85rem;
	border-bottom: 1px solid #EDEDED;
	padding: .32rem 0rem;
}

.ytk_sub_mk2_tit2 span,
.ytk_sub_mk2_list2 li span {
	font-size: .3rem;
	color: rgba(51, 51, 51, 1);
	display: inline-block;
	width: 5.5rem;
}

.ytk_sub_mk2_tit2>div.ytk_sub_icon1,
.ytk_sub_mk2_list2>li>div.ytk_sub_icon1 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-left: -.62rem;
}

.ytk_sub_mk2_list2 li:last-child {
	border-bottom: none;
}

/* .ytk_sub_mk2_list2 li i{
	width:.17rem;
	height:.17rem;
	background:rgba(255,255,255,1);
	border:.02rem solid rgba(255,179,20,1);
	border-radius:50%;
} */
.ytk_sub_mk2_list2 li span {
	font-size: .3rem;
	color: rgba(153, 153, 153, 1);
	line-height: .45rem;
}

.ytk_sub_mk2_list2_text a:first-child {
	font-size: .3rem;
	color:rgba(51,51,51,1);
	line-height: .45rem;
	display: inline-block;
	width: 5.5rem;
}
.ytk_sub_mk2_list2_text a.ytk_sub_mk2_list2_text_dfif{
	color:rgba(153,153,153,1);
}

.ytk_sub_mk2_list2 {
	background: rgba(248, 248, 248, 1);
}

.ytk_sub_mk2_list2 li div {
	border-bottom: none;
}

.ytk_sub_mk2_list2 {
	overflow: hidden;
	position: relative;
}

.ytk_sub_icon5 {
	width: 1px;
	flex: 1;
	background: rgba(230, 230, 230, 1);
}

.ytk_sub_click .ytk_sub_icon5 {
	display: none;
}

.open_ul .ytk_sub_icon5 {
	display: block;
}

.open_ul {
	border-bottom: 1px solid transparent;
}

.ytk_sub_mk2_list2 li:last-child .ytk_sub_icon1 .ytk_sub_icon5:last-child {
	background: transparent;
}

.ytk_sub_mk2_tit2 .ytk_sub_icon1 .ytk_sub_icon5:first-child {
	background: transparent;
}

.ytk_sub_mk2_list1,
.ytk_sub_mk2_list2 {
	display: none;
}

.ytk_sub_mk2_list2_text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: .32rem;
}

.ytk_sub_icon6 {
	width: .38rem;
	height: .38rem;
	background: url(/images/study/hapterClass/ytk_sub_icon.png) no-repeat 0rem -1.6rem;
	background-size: 3rem 3rem;
}
.ytk_sub_icon7{
	width:.38rem;
	height:.38rem;
	background: url(/images/study/hapterClass/ytk_sub_icon.png) no-repeat .04rem -2.6rem;
	background-size: 3rem 3rem;
}
.ytk_sub_icon8{
	width:.38rem;
	height:.38rem;
	background: url(/images/study/hapterClass/ytk_sub_icon.png) no-repeat .04rem -2.05rem;
	background-size: 3rem 3rem;
}

.ytk_sub_gm {
	width: .88rem;
	height: .4rem;
	background: rgba(255, 170, 4, 1);
	border-radius: .2rem;
	display: block;
	text-align: center;
	line-height: .4rem;
	font-size: .24rem;
	color: rgba(255, 255, 255, 1);
	box-shadow: 0rem 0.02rem 0.07rem rgba(255, 170, 4, .6);
}
#pieDiagram div,#pieDiagram canvas{
	width: 100% !important;
	height: 100% !important;
}
.ytk_sub_jd{
	position: relative;
}
.ytk_sub_jd_bfb{
	position: absolute;
	text-align: center;
	font-size: .4rem;
	width: 100%;
	top: .8rem;
}
.ytk_sub_jd_name{
	position: absolute;
	text-align: center;
	font-size: .24rem;
	width: 100%;
	color: #B3B3B3;
	top: 1.3rem;

}