@charset "utf-8";

.ovfHiden{overflow: hidden;height: 100%;}
/*首页页面头部*/
.mindextop{
    /*padding: 0px 10px;*/
    background: #5ca4ec;
    height: 40px;
    position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 99;
}
.mtopleft{
    display: block;
    width: 25px;
    height: 20px;
    position: absolute;
    top:10px;
    left: 10px;
    
}
.toplogo{
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}
.toplogo img{
	margin-top:4px;
}
.mtopright{
    display: block;
    color: #fff;
    position: absolute;
    right: 10px;
    top:8px;
    border-radius: 50%;
    width:24px;
    height:24px;
    overflow: hidden;
}
.mtopright img{
	border-radius: 50%;
    width:24px;
    height:24px;
    overflow: hidden;
}
.mtopright01{
    color: #fff;
    position: absolute;
    right: 10px;
    top:12px;
    font-size:12px;
}

.searchbg{
    height:30px; 
    padding:9px 10px 9px 14px;
    background: #d3d3d3;
    margin-top: 40px;
}
.search{
    height: 30px;
    background: #fff;
    line-height: 22px;
    border-radius: 3px;
}
.search input{
    height: 30px;
    width: 88%;
    background: none;
    border: none;
    color: #373737;
    font-size: 12px;
    padding-left: 10px;
    float: left;
}
.searchimg{
    float: right;
    display: block;
    width: 13px;
    height: 13px;
    background: url(../m_images/index_search.png) no-repeat;
    background-size: 13px auto;
    margin-top: 8px;
    margin-right: 10px;
}
.topnavbg{
    background: #fff;
    padding: 8px 10px;
}
.topnav{
    width: 100%;
    border: 1px solid #5ca4ec;
    border-radius: 4px;
}
.topnav li{
    display: block;
    float: left;
    width: 33.3%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #5ca4ec;
    text-align: center;
}
.topnav li a{
    height: 30px;
    line-height: 30px;
    color: #3e3e3e;
    font-size: 12px;
    
    display: block;
}
.topnav li a:active{
   	background: #5ca4ec;
    color: #fff;
}
.topnav li:nth-child(3){
	border-right: none;
}
/*登录后头部*/
.loginend{
    position: absolute;
    top:10px;
    right: 10px;
}
.pepname{
    display: block;
    color: #fff;
    margin-bottom: 7px;
    text-align: center;
}
.pepname .name{
    color: #fff;
    font-size: 12px;
    position: relative;
    /*top:-5px;*/
}
.peplist{
    padding: 4px 8px 5px 8px;
    background: #fff;
    opacity: 0.9;
    position: relative;
    z-index: 999;
}
.peplist .jiao{
    position: absolute;
    top:-13px;
    left: 46%;
}
.peplist a{
    display:block;
    font-size: 12px;
    color: #6a6a6a;
    padding:6px 12px 6px;
    border-bottom: 1px solid #cfcfcf;
}
.peplist a:last-child{
    border-bottom: none;
}

/*banner轮播*/
.slide{
    position: relative;
    max-width: 640px;
    overflow: hidden;
}
.slide:after{
    content: '';
    display: block;
    width: 100%;
    padding-top:33.4%;
}
.slide ul{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.slide li{
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* 解决js阻塞页面显示首屏 */
.slide li:first-child{
    z-index: 1;
}
.slide li img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border: none;
}
.slide .dot{
    padding: 7px 0px;
    width: 100%;
    text-align: center;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 5;
    font-size: 0;
}
.slide .dot span{
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 6px;
    background: #74746d;
    border-radius: 50%;
}
.slide .dot .cur{
    background: #ff0000;
}
/*新闻*/
.hotnews{
    width: 100%;
    height: 0.29rem;
    padding-top: 0.06rem;
    display: box;/*//兼容android*/
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -webkit-flex; /* 新版本语法： Chrome 21+ */
    display: flex; /* 新版本语法： Opera 12.1, Firefox 22+ */
    background-color: #e2e2e2;
}
.hotnews .nemstit{
    display: inline-block;
    width: 0.8rem;
    text-align: center;
    border-right:1px solid #8f8f8f;
    height: 0.22rem;
    line-height: 0.22rem;
    color: #ce0b2d;
    font-weight: 700;
}
.hotnews .nemscont{
    display: block;
    -webkit-box: 1;
    -webkit-box-flex: 1;
    -webkit-flex:1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 5px;
    line-height: 0.22rem;
}
.hotnews .nemsbtn{
    display: inline-block;
    width: 0.35rem;
    font-size: 12px;
    text-align: center;
    color: #fff;
    height: 0.22rem;
    line-height: 0.22rem;
    color: #fff;
    background-color: #ffb039;
    margin-right: 10px;
}

/*秒杀入口 begin*/
.seckill-z{
	padding:9px 0;
	background: #efefef;
}

.seckillli{
	float: left;
	width:49.6%;
	margin-bottom: 2px;
	height:50px;
	background: #fff;
}
.seckillli a{
	display: block;
}
.seckillli01:active{
	background: #ffe4e8;
}
.seckillli02:active{
	background: #d9fff4;
}
.seckillli03:active{
	background: #d6f4ff;
}
.seckillli04:active{
	background: #ffe9cc;
}
.seckillli05:active{
	background: #ffc5bc;
}
.seckillli06:active{
	background: #d0bffa;
}
.seckillli:nth-child(2n){
	margin-left:2px;
}
.seckillli p{
	font-size:12px;
	color: #494949;
	width:50px;
	height:19px;
	line-height: 19px;
	border:1px solid #f397a3;
	border-left:none;
	border-right:none;
	margin:15px 28px 0 21px;
	text-align: center;
	float: left;
}
.seckillli .cihui{
	border:1px solid #83e2c5;
	border-left:none;
	border-right:none;
}
.seckillli .zhibo{
	border:1px solid #88dafa;
	border-left:none;
	border-right:none;
}
.seckillli .miao{
	border:1px solid #fbcd8f;
	border-left:none;
	border-right:none;
}
.seckillli .mian{
	border:1px solid #f29a8c;
	border-left:none;
	border-right:none;
}
.seckillli .kec{
	border:1px solid #c0afea;
	border-left:none;
	border-right:none;
}
.seckillli img{
	display: block;
	float:right;
	width:45px;
	height:46px;
	margin:4px 14px 0 0;
}
.seckillli02 a p, .seckillli03 a p{
	margin: 15px 0 0 21px;
}
.seckillli02 a img{
	width:59px;
	height:48px;
	margin:4px 10px 0 0;
}
.seckillli03 a img{
	width:64px;
	height:47px;
	margin-right:6px;
}

/*秒杀入口 end*/

/*新增new-kcf begin*/
.new-kcf01{
	padding-top:10px; 
	border-bottom: 1px solid #fff;
}
.new-kcf{
	background: #efefef;
	padding-bottom: 10px;
}
.new-kcfcon{
	margin:0 auto;
	width:98px;
	font-size: 12px;
}
.new-kcf span{
	float: left;
	display: block;
	width:15px;
	height:2px;
	background: #5ca4ec;
	margin-top:7px;
}
.new-kcf .kcflcon{
	float: left;
	padding:0 5px;
}
/*新增new-kcf  end*/

/*首页课程名字列表*/
.ikclistbg{
    background: #fff;
    position: relative;
    overflow: hidden;
}

.nav  .nav_list{
	float: left;
	width:33.333%;
	height:44px;
	border-bottom:1px solid #efefef;
	border-right:1px solid #efefef;
	box-sizing: border-box;
}
.nav .naactive{
	background: #eee;
}
.nav  .nav_list a{
	display: block;
	font-size:12px;
	color: #3b3b3b;
}
.nav .nav_list i{
	margin:13px 0 0 13px;
}
.nav  .nav_list .loatLi_icon1{
	background: url(../m_images/icon_01.png) no-repeat;
	background-size: contain;
	width:14px;
	height:18px;
	display: block;
	float: left;
	
}
.nav  .nav_list .loatLi_icon2{
	background: url(../m_images/icon_02.jpg) no-repeat;
	background-size: contain;
	width:20px;
	height:20px;
	display: block;
	float: left;
}
.nav  .nav_list .loatLi_icon3{
	background: url(../m_images/icon_03.jpg) no-repeat;
	background-size: contain;
	width:16px;
	height:19px;
	display: block;
	float: left;
}
.nav  .nav_list .loatLi_icon4{
	background: url(../m_images/icon_04.jpg) no-repeat;
	background-size: contain;
	width:15px;
	height:19px;
	display: block;
	float: left;
}
.nav  .nav_list .loatLi_icon5{
	background: url(../m_images/icon_05.jpg) no-repeat;
	background-size: contain;
	width:19px;
	height:21px;
	display: block;
	float: left;
}
.nav  .nav_list .loatLi_icon6{
	background: url(../m_images/icon_06.jpg) no-repeat;
	background-size: contain;
	width:19px;
	height:19px;
	display: block;
	float: left;
}
.nav  .nav_list  .loatLi_con{
	height:44px;
	line-height: 44px;
	float: left;
	margin-left:7px;
}


.ikctit{
	font-size:14px;
	height:36px;
	line-height: 36px;
	margin-left:10px;
}
.ikctit span{
    float: left;
    font-size: 14px;
    color: #3b3b3b;
}
.ikctit .more{
    float: right;
    width: 16px;
    height: 6px;
    background: url(../m_images/ikctitmore.png) no-repeat;
    background-size: 16px auto;
    padding-right: 15px;
    margin-top: 15px;
}

 .sort{
	width:100%;
	background: #fff;
	border-right:none;
	
}
.sort li:nth-child(n+3){
	border-top:none;
}
 .sort .sort_list{
	width:50%;
	height:32px;
	line-height: 32px;
	box-sizing: border-box;
	border:1px solid #eee;
	border-left:none;
	text-align: center;
	float: left;
}
.sort  .hover{
	background: #5ca5ea;
}
.sort  .hover a{
	color: #fff;
}

.sort .jxactive{
	background: #5ca4ec;
}
.sort .jxactive a{
	color: #fff;
}
.sort_list .sort_text{
	display: block;
}

.ikclist li ul{
    display: block;
    overflow:hidden;
}
.ikclist li ul li{
    display: block;
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right:15px;
    text-align: center;
    margin-bottom: 18px;
    overflow: hidden;
}

.ikclist ul li:nth-child(1) a{
    background: #a8cd3c;
}
.ikclist ul li:nth-child(2) a{
    background: #f85c50;
}
.ikclist ul li:nth-child(3) a{
    background: #ffb039;
}
.ikclist ul li:nth-child(4) a{
    background: #6ab9f1;
}
.ikclist ul li:nth-child(5) a{
    background: #6a8aed;
}
.ikclist ul li:nth-child(6) a{
    background: #ab68c9;
}
.ikclist ul li:nth-child(7) a{
    background: #89bd4b;
}
.ikclist ul li:nth-child(8) a{
    background: #4ed3d8;
}
.ikclist ul li:nth-child(9) a{
    background: #999;
}
.ikclist ul li a.active{
    border: 1px solid #5ca4ec;
    background: #5ca4ec;
    color: #fff;
}


.ikclistbg .dot{
    padding: 7px 0px;
    width: 100%;
    text-align: center;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 5;
    font-size: 0;
}
.ikclistbg .dot span{
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 6px;
    background: #74746d;
    border-radius: 50%;
}
.ikclistbg .dot .cur{
    background: #ff0000;
}


/*课程列表*/
.kccont{
    
    background: #efefef;
}
.kccontlist li{
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1px;
}
.kccontlist li a{
    display: block;
    background: #fff;
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
    height: 112px;
}
.kclogo{
    display: block;
    padding: 5px 0px 5px 5px;

}
.kclistimg{
    display: block;
    float: left;
    padding: 12px;
    position: absolute;
}
.kclisttext{
    display: block;
    padding: 15px 10px 10px 136px;
}
.kclistname{
    font-size: 14px;
    color: #000;
    height:38px;
    margin-bottom: 5px;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: bold;
}
.kclistteacher{
    font-size: 14px;
    height: 18px;
    overflow: hidden;
    color: #3f3f3f;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.kclistnumb{
    margin-top: 7px;
}
.kclistnumb .shujiage{
	float: left;
	color: #ff550a;
}
.kclistnumb .renshu{
	float: right;
	color: #8ebf53;
}
.kclistmoney{
    display: block;
    color: #ff4400;
    font-size: 13px;
    padding-left: 6px;
}
.kclistnumb span{
    font-size: 12px;
    color: #5c5c5c;
}
.numbimg{
    display: inline-block;
    width: 0.14rem;
    height: 0.14rem;
    background: url(../m_images/pepnumb.png) no-repeat;
    background-size: 0.14rem auto;
    position: relative;
    top:3px;
    padding-right: 3px;
}
/*新闻滚动*/
#newsbox ul {
    overflow: hidden;
    height: 30px;
    position: relative;
    top:3px;
}

#newsbox ul li {
    position: absolute;
    top: 30px;
}
#newsbox ul li a{
    color: #262626;
    font-size: 12px;
}

#newsbox ul li.show {
    -webkit-animation: showLi 0.6s ease-in-out;
    -webkit-animation-fill-mode: forwards;
}

#newsbox ul li.hide {
    -webkit-animation: hideLi 0.6s ease-in-out;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes showLi {
    0% {
        top: 100%;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes hideLi {
    0% {
        top: 0;
    }
    100% {
        top: -100%;
    }
}

/*footer*/
.footer{
    background: #888888;
    padding: 12px 0px 15px 0px;
}
.footer p{
    text-align: center;
    color: #efefef;
    font-size: 12px;
}

/*返回顶部*/
.mgotop{
    display: block;
    position: fixed;
    bottom:20px;
    right: 10px;
}


/*悬浮登录注册*/
.loadbg{
    width: 100%;
    height:40px;
    background: #000;
    opacity: 0.6;
    position: fixed;
    bottom:0px;   
}
.loadcont{
    width: 100%;
    height: 28px;
    position: fixed;
    bottom:5px;
    padding-left:20px;
    display: box;/*//兼容android*/
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -webkit-flex; /* 新版本语法： Chrome 21+ */
    display: flex; /* 新版本语法： Opera 12.1, Firefox 22+ */
}
.loadcont li{    
}
.loadcont li span{
    display: block;
    text-align: center;
    font-size: 12px;
}
.loadcont li:nth-child(1){
    display: block;
    text-align: center;
    font-size: 12px;
    -webkit-box: 1;
    -webkit-box-flex: 1;
    -webkit-flex:1;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
}
.loadcont li:nth-child(2){
    display: block;
    text-align: center;
    font-size: 12px;
    -webkit-box: 1;
    -webkit-box-flex: 1;
    -webkit-flex:1;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.loadcont li:nth-child(3){
   width: 44px;
}
.xfload{
    height: 30px;
    line-height: 30px;
    background: #ff072a;
    color: #fff;
}
.xfzhuce{
    height: 28px;
    line-height: 28px;
    background: #fff;
    color: #ff072a;
    border: 1px solid #ff072a;
}
.closebtn img{
    position: relative;
    top:-5px;
    right:-6px;
}



/**********新增 newpop-up begin**********/
.newpop-up{
	width:100%;
	height:100%;
	background: rgba(0,0,0,.6);
	position: fixed;
	top:0;
	left:0;
	z-index: 99;
}
.newpop-upcon{
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-205px;
	margin-left:-135px;
}
.newpop-upcon img{
	width:270px;
	height:340px;
	display: block;
}
.newpop-upcon .new-pop{
	background: url(../m_images/new-close.png) no-repeat;
	background-size: 100% auto;
	display: block;
	width:40px;
	height:40px;
	z-index: 9999;
	margin:30px auto 0 auto;
}
/**********新增 my-center end**********/
.my-center{
	width:100%;
	height:100%;
	position: fixed;
	top:0;
	left:0;
	z-index: 9999;
    display: none;

}
.my-cen{
	width:100%;
	height:100%;
	background: rgba(0,0,0,.3);
	position: fixed;
	top:0;
	left:0;
    display: none;
}
.my-centercon{
	background: #fff;
	width:1.2rem;
	height:100%;
	position: absolute;
	top:0;
	right:-1.2rem;	
}
.my-centertop{
	padding:28px 0 15px 0;
	border-bottom: 1px solid #dfdfdf;
}
.already-in{
	display: block;
}
.log-out{
	display: none;
}
.head-portrait{
	width:45px;
	height:45px;
	margin:0 auto;
	overflow: hidden;
	border-radius: 50%;
}
.head-portrait img{
	width:45px;
	height:45px;
	display: block;
	overflow: hidden;
	border-radius: 50%;
}
.my-centername{
	font-size:12px;
	color: #229edb;
	line-height: 16px;
	margin:6px auto 0 auto;
	width:82px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}
.please-login{
	display: block;
	font-size:12px;
	color: #229edb;
	line-height: 16px;
	margin:6px auto 0 auto;
	width:82px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}
.my-centerli{
	border-bottom: 1px solid #dfdfdf;
	padding-left:10px;
	height:39px;
}
.my-centerli a{
	display: block;
}
.my-centerli a p{
	background: url(../m_images/my-centericon01.png) no-repeat 0 10px;
	background-size: 18px 16px;
	display: block;
	font-size:13px;
	color: #000;
	line-height: 39px;
	padding-left:24px;
}
.my-centerli a .m-c{
	background: url(../m_images/my-centericon02.png) no-repeat 0 11px;
	background-size: 18px 16px;
	display: block;
	font-size:13px;
	color: #000;
	line-height: 39px;
	padding-left:24px;
}
.my-centerli a .m-d{
	background: url(../m_images/my-centericon03.png) no-repeat 0 10px;
	background-size: 18px 16px;
	display: block;
	font-size:13px;
	color: #000;
	line-height: 39px;
	padding-left:24px;
}
.my-centerli a .x-k{
	background: url(../m_images/my-centericon04.png) no-repeat 0 13px;
	background-size: 18px 13px;
	display: block;
	font-size:13px;
	color: #000;
	line-height: 39px;
	padding-left:24px;
}
.my-centerli a .ji-huo{
	background: url(../m_images/my-centericon05.png) no-repeat 0 11px;
	background-size: 18px 16px;
	display: block;
	font-size:13px;
	color: #000;
	line-height: 39px;
	padding-left:24px;
}
.my-centerli a .m-hong{
	background: url(../m_images/my-centericon06.png) no-repeat 0 11px;
	background-size: 18px 16px;
	display: block;
	font-size:13px;
	color: #000;
	line-height: 39px;
	padding-left:24px;
}
.my-centerli a .ge-r{
	background: url(../m_images/my-centericon07.png) no-repeat 0 12px;
	background-size: 15px 15px;
	display: block;
	font-size:13px;
	color: #000;
	line-height: 39px;
	padding-left:24px;
}
.my-centerli a .t-chu{
	background: url(../m_images/my-centericon08.png) no-repeat 0 12px;
	background-size: 15px 15px;
	display: block;
	font-size:13px;
	color: #fd3f3f;
	line-height: 39px;
	padding-left:24px;
}
.my-centerli a:active p{
	color: #5ca4ec;
}
/**********新增 my-center begin**********/













/**********新增 my-center end**********/