@charset "utf-8";
/* CSS Document */
/*查看更多 more*/
/* 切换按钮 li样式*/
.moretop{ padding:5px 0px 5px 10px;}
.topmenu{margin:5px 0px 5px 10px; font-size:12px;}
.moretop ul li {padding:5px; float:left; margin-left: 20px;  border:1px solid #c6c6c6; background:#ffffff;  width:110px; text-align:center; border-radius:5px ; }
.moretop ul li a {}
.moretop ul li:hover{border:1px solid #00b735; background:#f2fff3; cursor:pointer;}

.moretop .on{border:1px solid #00b735; background:#f2fff3; color:#00b735;}
.moretop .off{}

/*查看更多 end more*/

/*通知公告*/
	.nwes-list{clear:both; }
	.nwes-list ul{ padding:0 10px; width:95%; }
	.nwes-list ul li  { 
	padding: 2px 10px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
		
	}
/*通知公告end*/

/*单个课程介绍*/
.price-share{padding:1px 0px;}
.course-content{clear:both; display:inline-block; border-bottom:1px solid #ccc; padding:10px 0px;}
.course-content a {margin-bottom:0px;}
.course-t{
    font-size: 18px;
    line-height: 18px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    color: #313131;
    float:left;
}
.course-t:before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 4px;
    height: 100%;
    background: #4caf50;
}
.course-hr{clear:both; margin-top:0px;}
.ds{ 
	margin:0px auto;
	margin-bottom:10px;
	max-width:1170px;
	position: relative;
    z-index: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e4ecf3;
	padding:10px;
    background-color: #fff; 
}

.course-liulan{
	position: absolute;
	z-index:1005;
	bottom:70px;
	left:20px;
}
.course-liulan img { padding-bottom:3px;padding-right:5px;}

.recommleft{display:table-cell; width:30%;  padding:5px 0px; }
.recommright{display:table-cell; vertical-align:middle; padding: 0px 10px; line-height:24px; }
.font2{font-size:14px;}

.font3{font-size:22px;}

.font24b{font-size:24px; font-weight:bold;}
.font12{font-size:12px ;}
.font10{font-size:10px ;}

@media only screen and (min-width: 320px) and (max-width: 760px) {
	.ds{ 
		margin:0px auto;
		margin-bottom:10px;
		width:95%;
		position: relative;
	    z-index: 1;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	    border: 1px solid #e4ecf3;
		padding:10px;
	    background-color: #fff; 
	}
		
}

/*单个课程介绍end*/

/*课程包介绍与目录*/
.dspack{ 
	margin:0px auto;
	margin-bottom:10px;
	max-width:1170px;
	position: relative;
    z-index: 1;
/*     background-color: #fff;  */
}
.packmeun{display:inline-block; margin:0px; margin-left:40px;}
.packmeun ul li {padding:5px; float:left;  width:100px; text-align:center;  font-weight:bold; }
.packmeun ul li:hover {background:#4caf50; color:#ffffff; cursor:pointer;}
.pintroduce{background-color: #fff; margin-top:-6px; padding:10px;}
.pintroduce .btn {display:none;}
.plist{background-color: #fff; padding:10px; margin-top:-6px; }
.plist ul li{list-style: square inside url(../images/plistimg.jpg); line-height:40px;  font-size:12px; padding-left:5px;}
.packlist{background-color: #fff; padding:10px; margin-top:-6px; }
.packlist ul li{
	line-height:40px;
	font-size:14px;
	margin: 5px 0;
}
.packlist .zhang_li{
	list-style: none;
	padding-left:5px;
	height: 27px;
	font-size: 20px;
	color: #333333;
	line-height: 27px;
	text-align: justify;
	margin-bottom: 10px;
	margin-top: 30px;
}
.packlist .jie_li{
	list-style: none;
	padding-left:5px;
	height: 22px;
	font-size: 16px;
	color: #666666;
	line-height: 22px;
	text-align: justify;
	margin-bottom: 10px;
	margin-top: 20px;
}

.packlist .course_li{
	list-style: none;
	padding-left:35px;
	height: 50px;
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	line-height: 50px;
	text-align: justify;
}
.packlist li.course_li:hover{
	background: #E8F2F2;
	cursor: pointer;
}
.pon{background:#4caf50; color:#ffffff; cursor:pointer;}
.poff{color:#000000; background:#ffffff; }
.mulis{background:#f5f5f5;}
.mlleftsp{   
	overflow: hidden; 
        text-overflow: ellipsis; 
        -o-text-overflow: ellipsis;
        white-space:nowrap;
        max-width:78%;
        display:inline-block;
		vertical-align:bottom;
}
@media only screen and (min-width: 320px) and (max-width: 760px) {
	.dspack{ 
		margin:0 auto;
		margin-bottom:10px;
		width:95%;
		position: relative;
	    z-index: 1;
	   /*  background-color: #fff;  */
	}
.packmeun{display:inline-block; margin:0px; margin-left:20px;}
		
}

	
/*课程包介绍与目录 end*/

/* 课程观看页面 */

.lookvs{ 
	margin:0 auto;
	margin-bottom:10px;
	width:1170px;
	position: relative;
    z-index: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e4ecf3;
	padding:10px;
    background-color: #fff;
}

.looktimes{ margin-top:10px;  display:block; }
.looktimes a:hover{ text-decoration:none; color:#ff0000; }
.resetlokks{
	border-radius:8px;
	font-size:12px;
}

@media only screen and (min-width: 320px) and (max-width: 760px) {
	.lookvs{ 
		margin:0px auto;
		margin-bottom:10px;
		width:95%;
		position: relative;
	    z-index: 1;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	    border: 1px solid #e4ecf3;
		padding:10px;
	    background-color: #fff; 
	}
		
}
#my-video{ width:100%; margin:0px auto;}

/* 课程观看页面 end */

/*我的*/
.usertop{background:  url(../images/usermybg.jpg) no-repeat  center; background-size:100% 100%; }
.usertop p{text-align:center; color:#ffffff;}
.ulouts{color:#4caf50; text-align:center;}
.ulouts a { color:#4caf50; }
.uds{ 
	margin:0px auto;
	margin-bottom:10px;
	width:1170px;
	position: relative;
    z-index: 1;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius:24px;
    border: 1px solid #e4ecf3;
	padding:10px 20px;;
    background-color: #fff; 
}


@media only screen and (min-width: 320px) and (max-width: 760px) {
	.uds{ 
		margin:0px auto;
		margin-bottom:10px;
		width:95%;
		position: relative;
	    z-index: 1;
	    -webkit-border-radius: 24px;
	    -moz-border-radius: 24px;
	    border-radius: 24px;
	    border: 1px solid #e4ecf3;
		padding:10px 20px;;
	    background-color: #fff; 
	}
}
/*我的end*/


/*我的课程*/

.mytopds{ 
	margin:0px auto;
	margin-top:10px;
	margin-bottom:10px;
	width:1170px;
    z-index: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e4ecf3;
	padding:10px;
    background-color: #fff; 
}
.myds{ 
	margin:0px auto;
	margin-bottom:10px;
	width:1170px;
	position: relative;
    z-index: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:10px;
}
.mytop ul li {padding:5px; margin-right:20px;  float:left;  border:1px solid #c6c6c6; background:#ffffff;  width:110px; text-align:center; border-radius:5px ; }
.mytop ul li a {}
.mytop ul li:hover{border:1px solid #00b735; background:#f2fff3; cursor:pointer;}
.mylileft { margin-left:20px; }
.mytop .on{border:1px solid #00b735; background:#f2fff3; color:#00b735;}
.mytop .off{}

.my-course-left{display:table-cell; width:30%;  padding:5px 0px; }
.my-course-middle{display:table-cell; width:55%;  padding:5px 0px; padding-left: 20px;  vertical-align:middle;}
.my-course-right{display:table-cell;  padding:5px 0px;  vertical-align:middle;}


@media only screen and (min-width: 320px) and (max-width: 760px) {
	.mytopds{ 
		margin:0px auto;
		margin-top:10px;
		margin-bottom:10px;
		width:95%;
		position: relative;
	    z-index: 1;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	    border: 1px solid #e4ecf3;
		padding:10px 20px;;
	    background-color: #fff; 
	}
.myds{ 
	margin:0px auto;
	margin-bottom:10px;
	width:95%;
	position: relative;
    z-index: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:10px;
}
}

/*我的课程end*/

/*登录*/

.logintop p{text-align:center; }


.loginds{ 
	margin:0px auto;
	margin-bottom:10px;
	width:1170px;
	position: relative;
    z-index: 1;
    border: 1px solid #e4ecf3;
	padding:10px 20px;;
    background-color: #fff; 
}

.buttons1{border-radius: 26px;}

@media only screen and (min-width: 320px) and (max-width: 760px) {
	.loginds{ 
		margin:0px auto;
		margin-bottom:10px;
		width:95%;
		position: relative;
	    z-index: 1;
	    border: 1px solid #e4ecf3;
		padding:10px 20px;;
	    background-color: #fff; 
	}
}

/*登录end*/



/*购买*/

.buyds{ 
	margin:0px auto;
	margin-top:15px;
	margin-bottom:10px;
	width:1170px;
	position: relative;
    z-index: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0px solid #e4ecf3;
	padding:10px;
   /*  background-color: #fff;  */
}

.buy-font {   
	padding: 0px 10px 2px 10px;
    margin-bottom: 0px;
}
.buy-font-right{float: right; }

.buy-pay { clear:both; margin-top:40px;}

.buy-submit{ width:60%; margin-top:40px;}


@media only screen and (min-width: 320px) and (max-width: 760px) {
	.buyds{ 
		margin:0px auto;
		margin-top:15px;
		margin-bottom:10px;
		width:95%;
		position: relative;
	    z-index: 1;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	    border: 0px solid #e4ecf3;
		padding:10px;
	    /* background-color: #fff;  */
	}
}		
/*购买end*/


/*申请实训*/
.apply_bg{background:  url(../images/wxziyuli_apply.jpg) no-repeat  top; background-size:100% ;}
.applyds{ 
	margin:0px;
	margin-top:10px;
	margin-bottom:30px;
    z-index: 1;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    border: 1px solid #e4ecf3;
	padding:10px;
    background-color: #fefeff; 
	opacity: 0.9;'
}
.apply-submit{ width:50%; text-align:center;}



/* 支付成功提示 start */
@media only screen and (min-width: 320px) and (max-width: 760px) {
.suc_t1{    padding-top: 20px;    text-align: right;    font-weight: 700;}
.suc_t2{    text-align: left;    padding-top: 75px;}}
/* 支付成功提示 end */
/*首页 搜索*/
.searchcontent{margin-top:10px;}
.searchCourseName{ width:100%;	height:42px; }
.searchb{
	width:25%;height:42px;
	cursor:pointer;
		position:absolute;
}
.search form{position:relative;}
.search {
	padding:10px 0;
}
.search input,button {
	border:none;
	outline:none;
}
.bar6 input {
	border:2px solid #0c9e95;
	border-radius:5px;
	background:transparent;
	top:0;
	right:0;
}
.bar6 button {
	background:#0c9e95;
	border-radius:0 5px 5px 0;
	width:60px;
	top:0;
	right:0;
}
.bar6 button:before {
	content:"搜索";
	font-size:13px;
	color:#F9F0DA;
}
/*首页 搜索 end*/
/**订单页面*/
.ordertopds{ 
	margin:0px auto;
	margin-top:10px;
	margin-bottom:10px;
	width:1170px;
    z-index: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e4ecf3;
	padding:10px;
    background-color: #fff; 
}
.my-orderList-left{width:30%;  padding:5px 0px; display:table-cell; }
.orderList-content{clear:both;  padding:5px;width:100%; }
.orderList-content a {margin-bottom:0px;}
.orderList-top-bg{background:  url(../images/orderlist-top-bg.png) no-repeat  center; background-size:100% 100%;}
.orderList-bottom-bg{background:  url(../images/orderlist-bottom-bg.png) no-repeat  center; background-size:100% 100%;}
.orderList-content-bottom{clear:both; width:100%; display:inline-block; padding:5px; margin-top:0px; margin-bottom:10px;}
.orderTitle{width:100%; display:inline-block;}
.ordertop ul li { float:left;  border:0px; background:#ffffff; padding-bottom:3px;   width:100px; text-align:center;  }
.ordertop ul li a {}
.orderOn{border-bottom:3px solid #4caf50 !important; font-weight:bold; border-width:80px; color:#4caf50;}
.orderOff{border-bottom:3px solid #c0c0c0 !important; font-weight:bold; border-width:80px;}
.ordertop ul li:hover{ cursor:pointer;}
@media only screen and (min-width: 320px) and (max-width: 760px) {
	.ordertopds{ 
		margin:0px auto;
		margin-top:10px;
		margin-bottom:10px;
		width:100%;
		position: relative;
	    z-index: 1;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	    border: 1px solid #e4ecf3;
		padding:10px 20px;;
	    background-color: #fff; 
	}
}
/*订单页面end*/