/****************************首页部分***************************/
#wrap{margin-bottom:1.606666rem; }
.wrapper {
    width: 95%;
    margin: 0 auto;
    overflow-y: scroll;
    position: absolute;
    top: 1.24rem;
    right: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
}
.wrapper .banner{width:100%;text-align: center;margin: 0 auto;padding: 0.11rem 0 0.24rem 0}
#wrap .banner img{width:100%}
.menu{height: 2.213rem;}
.menu ul li{width:25%;text-align: center;float:left;margin-top:0.266666rem;}
.menu ul li a{font-size: 0.293333rem;color:#666666;}
.menu ul li img{width:1.15rem;height:1.15rem;}
.index-ad{text-align: center;margin-bottom: 0.4rem}
.index-ad img{
    width: 94.93%;
    border-radius: 10px;
    margin: 0 auto;
}
.section-data{
    background-color: #ffffff;
    margin:  0 auto 0.4rem auto;
    width: 8.813rem;
    border-radius: 0.133rem;
    border: solid 0.013rem #eeeeee;
    padding: 0 0.32rem;
}
.section-icon{
    width:0.06rem;height:0.41rem;
    background: url("/static/img/mobile/index/section-icon.png") no-repeat ;
    background-size: auto 100%
}
.show-more {
    line-height: 0.6rem;
    width: 2.8rem;
    height: 0.6rem;
    border-radius: 0.4rem;
    border: solid 1px var(--theme-color);
    margin: 0rem auto 0.5rem auto;
    text-align: center;
}
.show-more>a {
    font-size: 0.29rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: var(--theme-color);
}
.ul-hot{padding: 0 0.266666rem ;}
.ul-hot li{list-style-type: disc;list-style-position: inside;font-size: 0.32rem;padding-bottom:0.2rem;line-height:0.4rem;}
.ul-hot li span{display: inline-block;}
.ul-hot li .hot-name{color:#D82029;height: 0.4rem;vertical-align: middle;width: 1.6rem;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.ul-hot li .hot-shu{padding-top:0.2rem;vertical-align: -20%;border-right:1px solid #666666 ;height: 0.1rem;padding-left:0.4rem;}
.ul-hot li .hot-title{vertical-align: middle;height: 0.4rem;font-size:0.32rem;padding-left:0.4rem;width: 5.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.se_gray{height:0.4rem;width:100%;background: #f2f2f2;border-bottom:1px solid #eeeeee;border-top:1px solid #eeeeee ;}
.try_listen{position:absolute;left:3.92rem;top:1.893333rem;}
.d_listen{position:absolute;left:8.84rem;top:4.43rem;}
.dl_listen{position: absolute;bottom: .116667rem;right: 0;float: right;position: relative;bottom: 0.47rem;}
.new_class>p{width:100%;text-align: center;font-size: 0.346666rem;color:#424242;margin-top:0.4rem;}
.new_class #new_slide{height:4.613333rem;}
.new_class #new_slide img{width:4.533333rem;height:2.266666rem;}
.new_class #new_slide p{height:1.013333rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;font-size: 0.346666rem;color:#000000;margin-top:0.266666rem;}
.li_price{font-size: 0.24rem;margin-top:0.266666rem;}
.old_price{color:#9a9a9a;padding-left:0.453333rem;text-decoration:line-through;font-size: 0.266666rem;}
.d_title{padding:0.39rem 0 0.39rem 0;text-align: center;}
.d_title>div{display: inline-block;line-height: 0.4rem;}
.d_title>div p{margin-left:0.24rem;font-size: 0.4rem;color:#333333;}
.d_title>div span{color:#999999;font-size: 0.266666rem;margin-left:0.266666rem;line-height: 0.6rem;}
.d_title>div img{width:0.06rem;height:0.413333rem;}
.d_title img{width:0.32rem;height:0.32rem;}
.d_title>span{font-size: 0.373333rem;}
.d_title>a{color:#666666;}
.d_title>a span{font-size: 0.32rem;margin-right:0.16rem;}
.d_title>a img{vertical-align: top;margin-top: 0.05rem;}
.d_hot{width:9.466666rem;margin: 0 auto;margin-bottom:0.4rem;position: relative;}
.d_hot .d_super{width:0.746666rem;height:0.8rem;display: inline-block;background: url(/static/img/mobile/index/icons/icon_hot@3x.png) no-repeat; position:absolute;top:0;right:0.266666rem;background-size:cover;}
.d_hot img{width:9.466666rem;height: 4.8rem;}
.d_hot p.text_p{color:#000000;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top:0.266666rem;font-size:0.373333rem;line-height: 0.533333rem;margin-bottom:0.106666rem;}
/*.d_hot .study_num{margin-left:2.933333rem;}*/
/*.direct ul{padding: 0 3.5%;}*/
.direct ul li{width:47.28%;margin-bottom:0.4rem;position:relative;}
.direct ul li a p.text_p{height:1.013333rem;;color: #000000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 100%;overflow: hidden;text-overflow: ellipsis;margin-top:0.266666rem;font-size:0.373333rem;line-height: 0.533333rem;margin-bottom:0.106666rem;}
.direct ul li:nth-of-type(2n+3){float: right}
.direct ul li a>img{width:100%;display: block;margin: 0 auto;}
.hotCourse li:first-child{width:100%;margin: 0 auto;position: relative;}
.hotCourse li:first-child img{width: 8.827rem;height: 4.904rem;}
.hotCourse li img{ border-radius: 0.13rem;width: 4.16rem;height: 2.311rem;}
.hotCourse li:first-child .hot{
    position:absolute;
    top:0;
    right:0;
    width: 0.533rem;
    height: 0.48rem;
    background:url(/static/img/mobile/index/course-hot.png) no-repeat;
    background-size:100% 100%;
}

.package-courseList li img{ border-radius: 0.13rem;width: 4.16rem;height: 2.311rem;}
.package-courseList li .img{min-height: 2.52rem;position: relative}

.course-single-list>li{
    margin-bottom: 0.36rem;
    width: 100%;
}
.course-single-list>li .img{
    width: 3.28rem;
    height: 1.822rem;
    float: left;
    display: block;
}
.course-single-list>li .content{
    width: 5.37rem;
}
.course-single-list>li .dr_price{
    margin-top: 0.3rem;
}
.course-single-list>li .title{
    height: 1.013333rem;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.373333rem;
    line-height: 0.533333rem;
    margin-bottom: 0.106666rem;
}
.trailer{padding:0 0.266666rem;}
.trailer .have_trailer{margin-bottom:0.533333rem;}
.have_trailer img{width:4.533333rem;height:2.266666rem;}
.have_trailer div{width: 4.7rem;margin-left: 0.233333rem;padding-top: 0.133333rem;}
.have_trailer a{color:#000000;}
.have_trailer p{height:1.013333rem;font-size: 0.373333rem;color: #000000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;}
.have_trailer .stu_people img{width:0.28rem;height:0.32rem;margin-right:0.133333rem;}
.stu_people{margin-top:0.7rem;display: inline-block;}
.no_trailer{text-align: center;margin-bottom:0.533333rem;}
.no_trailer img{width:2rem;height:1.786666rem;}
.meal li{    width: 47.28%;margin-bottom: 0.4rem;position: relative;}
.meal ul li a p.text_p{height:1.013333rem;color: #000000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width: 100%;overflow: hidden;text-overflow: ellipsis;margin-top:0.266666rem;font-size:0.373333rem;line-height: 0.533333rem;margin-bottom:0.106666rem;}
.meal ul li:nth-of-type(even){float: right;}
.meal ul li a>img{width:100%;display: block;margin: 0 auto;}
.stu_people{color:#9a9a9a;font-size: 0.293333rem;}
.meal li a .mea_div span{margin-top:0.213333rem; display: inline-block;}
.meal li a .mea_div p{font-size: 0.373333rem;color: #000000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;text-overflow: ellipsis;}
/*****************************************/
/*遮罩层部分*/
.mcimgbox{position:relative;z-index: 1500;}
.mcimgbox .m-fixed{
	position: fixed;
    top: 50%;
    left: 50%;
}
.span-close{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTkzMzE4QjUyNTc0MTFFN0JBMTJBQjE2QjI2RUE2NzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTkzMzE4QjYyNTc0MTFFN0JBMTJBQjE2QjI2RUE2NzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTMzMThCMzI1NzQxMUU3QkExMkFCMTZCMjZFQTY3OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTMzMThCNDI1NzQxMUU3QkExMkFCMTZCMjZFQTY3OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiYiDRQAAAJYSURBVHjazJg9TwJBEIYPk6PUQoVKVExszGFFZ6CysjSiNDb0tmLDP7BBbQVaGgqxs7EjhAIU7VhtNZgInUg8Z5PZZHK5hd07LzLJk7DLfrw3+3EzF7Jt29CwCLAHpIEtYA2Yx/+GwCvwBNwDt8C78shciAJp4AYY2+o2xj5plTlCUzwSB4roBWGPwB3QRA98YP0ieigJ7AIW6cO9cwIwLx7JAAN8um+gAiQUPWhg2zL2tXGsA1l72SB54AcHaGgKcBPUwLH4mKeqQvJknS8A04cIgYljCctPE5Ihnij8gQAnBeKZjExInOyJqwBECC7Jnom7CamTPREOUEiY7Jm6U0iKnI5tl85VoA3ENCaMYZ+qZAOL05SiQoQ3ypJB2/h/T1FMDNty60jalKlXeEWEqJMd01WAKYqhIhj2lR1rsQpRXpHDiq7CU04ToypC0MW2Oeqic0WXy8ToijBwTm4VXmhhIauxCRmZMOYiQnVTZ7FPixf6WEhqnggqxosIA+fk1ueFLyxsat4HVIwXEQbOyW00Z/gzW/JbfxwfS9NzWZqen6WZhc3aNDDg8XJ8mcvxZZpixPG99nqhsQkXGtO4Sx6w7TEvRBWueJ2nVRUjrvgRsKz70mMaLz2m+NKrycKAhCQM6HgIAzqSMMAiq7AzKTAyAwyMTBIY1dwitA1gSILmoIQUcY5PYGUWguf9/0onijrphODMkWBZPkRYjgQrr5PpcY4cKWfJQ8pZcqSch0El4S9AH+uXgPUgkvCZ+izhtKjjQ80qsID/DfAzxTP5UPOmOvCvAAMA1eKmo4ozxVkAAAAASUVORK5CYII=) no-repeat;
	width:0.8rem;height:0.8rem; display: inline-block; background-size:contain ;margin-top:-2.666666rem;
	margin-top: -4.966666rem;margin-left: 2.7rem;
	}

.mcimgbox a{
	 width:70%;
	 height:8rem;
	 display: inline-block;
}
.mcimgbox img{
	   width:70%;
	   height:8rem;
	   transform: translate(-50%,-50%);
}
.plus img{
	 width: 1rem;
    height: 0.32rem;}


.current_lookcouser {
    width: 9.453333rem;
    height: 1.2rem;
    background-image: linear-gradient(-90deg,
    #030000 0%,
    rgba(0, 0, 0, 0.65) 100%);
    border-radius: .24rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: fixed;
    bottom: 1.506667rem;
    left:.266667rem;
}

.current_lookcouser>span{
    display: inline-block;
}

.current_lookcouser .span_close {
    background: url(/static/img/mobile/index/latest-study-close.png) no-repeat;
    background-size: 100% 100%;
    width: .4rem;
    height: .4rem;
    margin: 0 .133333rem 0 .32rem;

}

.current_lookcouser .course_img {
    width: 1.093333rem;
    height: .613333rem;
    margin-right: .16rem;
}

.current_lookcouser .course_content {
    color: #fff;
    width: 6.4rem;
}

.current_lookcouser .course_content .course_name {
    font-size: .32rem;
    font-weight: bold;
}

.current_lookcouser .course_content .course_teacher{
    font-size: .266667rem;
}

.current_lookcouser .span_play{
    width: .533333rem;
    height: .533333rem;
    background: url(/static/img/mobile/index/latest-study-play.png) no-repeat;
    background-size: 100% 100%;
    margin-right: .306667rem;

}