*{touch-action: auto;}

::-webkit-scrollbar{display: none;}

.slide_nav{width: 100%;overflow: scroll;white-space: nowrap; background: #fff;max-height: 8.5rem;}

.slide_nav ul{overflow: scroll;display: flex;white-space: nowrap;height: 1.5rem; line-height: 1.5rem;}

.slide_nav ul li{display: inline-block; text-align: center;}

.slide_nav ul li img{width: 2rem; height: 2rem; border-radius: .5rem; margin: 0 auto;}

.slide_nav ul li a .tit{font-size: 0.8rem; color: #333;}

.slide_nav ul li.active .tit{color: #F01414}

.class_body{ display:flex; margin-top: 10.5rem; position:relative;}

.class_body .classify{width: 25%;height: 100%; overflow: scroll; background: #fff;}

.class_body .classify ul li{width: 100%;line-height: 1.2rem; text-align: center; padding: 0.5rem 0;}

.class_body .classify ul li a{color: #666; font-size: .7rem;}

.class_body .classify ul li.cla_active{ position: relative; background: #f5f5f5;}

.class_body .classify ul li.cla_active a{color: #F01414;}

.class_body .classify ul li.cla_active:before{position: absolute;content:''; width: .1rem; height: .7rem; background:#F01414; left: 0;top: 35%;}

.class_body .class_list{width: 75%; height: 100%; overflow: scroll;background: #f5f5f5;}

.class_body .class_list .class_list_title{line-height: 1.5rem;color: #666; width: 95%; margin: 0 auto; font-size: .6rem; margin-bottom: .6rem;}

.class_body .class_list ul{width: 95%; margin: 0 auto;}

.class_body .class_list ul li{width: 100%; background: #fff; border-radius: .5rem; margin-bottom: 1rem; padding: .7rem;}

.class_body .class_list ul li a{color: #333;}

.class_body .class_list ul li a .cla_title{font-size: .7rem;}

.class_body .class_list ul li a .cla_des{padding: 5px; margin-top: .3rem; font-size: .6rem; background: #f5f5f5; color: #999;}



.degree{white-space: nowrap; padding: 0.3rem 0.5rem 0; border-bottom: 1px solid #eee;}

.degree span{margin-right: 0.5rem; font-size: 0.8rem; color: #333;}

.degree .degree_cur{color: #F01414}