/*
* @Author: Marte
* @Date:   2018-12-15 10:31:02
* @Last Modified by:   Marte
* @Last Modified time: 2019-01-08 16:04:00
*/
.clear{clear:both;}
a { text-decoration:none; }
.wp{width: 1200px;margin:0 auto;}
.bnimg{height: 300px;width:100%;background: url('../images/nbanner.jpg');position: relative;}
.bnimg p {vertical-align: middle; text-align:center; padding-top:92px; }
.bnimg span {color: #333;display: block;width:100%;text-align: center;;line-height:60px;}
.bnimg span.size1 {font-size: 1.8rem; text-align:center;display:block;width:100% }
.bnimg span.size2 {font-size: 3.8rem;text-transform: uppercase;line-height: 1; text-align:center;display:block;width:100% }
.bnimg span.size3 {font-size: 1rem;text-transform: uppercase; text-align:center;display:block;width:100% }
.bnimg span.size3 a{ color:#333; text-decoration:none; }

.bnimg ul{position:absolute;width: 1200px;bottom: 1px;left:50%;margin-left:-600px;text-align:center;}
.bnimg ul li {display:inline-block;}
.bnimg ul li a {display: block;padding: 8px 28px;background: #fff;font-size: 16px;margin: 0 10px;transition: all 0.5s ease;color:#5e5e5e;text-decoration: none;line-height:30px;}
.bnimg ul li a:hover, .bnimg ul .currclass a{color:#fff;background:#f75d5d;}

.on{color:#fff!important;background:#f75d5d!important;}

.classnav{width: 100%;height: 40px;    background: #ea544a;}
.classnav ul{display: flex;}
.classnav ul li{flex:1;line-height:40px;text-align:center;}
.classnav ul li a{color:#fff;}
.classon{background: #d73d33;}
.classnav ul li:hover{background: #d73d33;}


.neirong{min-height: 600px; padding:20px 0 35px;}


/* 会员 */
.huiyuan{position:relative;}

.huiyuan img{width: 100%;height: auto;}

.hy-h1{position:absolute;width: 26%;height: auto;box-sizing: border-box;top:20%;left:50%;}

.hy-dl,.hy-kt{display: block;width: 100%;background:#ea544a;border-bottom: 3px solid #da2d28; border-radius: 5px;color: #fff;padding:6% 0;}

.hy-kt{background:#959595;border-bottom: 3px solid #727070;}

.hy-kt {
    background:#959595 url(../images/baiguan.png) 15px center no-repeat;
}
.hy-dl:hover{    background: #f66b61;}
.hy-kt:hover{ background: #3a3 url(../images/baiguan.png) 15px center no-repeat; border-bottom-color:#282;}
.hy-p{display: inline-block;width:100%;height: 10%;}
.hy-main{position:absolute;width: 50%;height: auto;top:40%;left:25%;font-size:18px;text-align:center;}

.hy-cont{margin-top: 40px;display: flex;}
.hy-pro{flex:1;text-align:center;line-height:50px;float: left;
    width: 25%;}
.hy-pro h2{font-weight: 400;font-size:26px;}


/* 登录 */

.dl-main{width: 1110px;
    min-height: 450px;
    margin: 0 auto;
    margin-top: 64px;}

.dl-left {width: 627px;
    overflow: hidden;
    border-right: 1px solid #eeeeee;
    float: left;}

.dl-left h1{    font-size: 20px;
    color: #333333;
    height: 45px;
    margin-top: 20px;
    margin-bottom: 10px;    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;}

.dl-left li{margin-top: 30px;
    height: 40px;
    line-height: 40px;}

.dl-left li span {
    font-size: 14px;
    color: #555555;
    width: 76px;
    text-align: right;
    display: block;
    float: left;
    margin-right: 18px;
}
.dl-left li input {
    width: 310px;
    height: 36px;
    border: 1px solid #B8B8B8;
    font-size: 14px;
    text-indent: 10px;
    color: #999;
    line-height: 36px;
    float: left;
    outline: medium;
    font-family: "Microsoft YaHei"!important;
}
.login_ipt {
    width: 312px;
    height: 20px;
    overflow: hidden;
    margin-left: 74px;
    margin-top: 35px;
}
.login_ipt a {
    font-size: 14px;
    color: #ea544a;
    float: right;}

.zhuce_ipt {
    width: 312px;
    height: 42px;
    background: #ea544a;
    text-align: center;
    line-height: 42px;
    color: #fff;
    border: 0px;
    margin: 56px 0px 0px 74px;
    border-radius: 3px;
}
.dl-right{width: 447px;
    overflow: hidden;
    float: right;}

.dl-right h1{    font-size: 20px;
    color: #333333;
    height: 45px;
    margin-top: 20px;
    margin-bottom: 10px;    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;text-align:center;}

.hqyx{display:block;float:left;background: #ea544a;width: 113px;font-size: 14px;text-align: center;line-height: 36.5px;    border: 1px solid #ea544a;color:#fff;}

.dl-right img{width: 100%;}


/*内页视频*/
.pays_rigt{
	float: right;
	width: 200px;
	text-align: right;
	margin-right: 30px;
	height: 155px;
	overflow: hidden;
	font-size: 28px;
	color: #ea544a;
	line-height: 155px;
	font-weight: bold;
}
.pays_p{
	width: 1096px;
	height: 96px;
	background: #fffdee;
	border: 2px solid #edd28b;
	margin: 30px 0px;
	overflow: hidden;
}
.pays_p_left{
	width: 450px;
	height: 96px;
	line-height: 96px;
	margin-left: 30px;
	float: left;
}
.pays_p_left span{
	background: url(../../images/common/xuan.png) no-repeat;
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin-top: 40px;
	margin-right: 27px;
}
.pays_p_left p{
	font-size: 18px;
	color: #555555;
}
.pays_p_left span.hvr{
	background: url(../../images/common/xuans.png) no-repeat;
}
.pays_p_btm{
	width: 410px;
	float: right;
	margin-right: 30px;
	text-align: right;
}
.pays_p_btm p{
	line-height: 96px;
	font-size: 14px;
	color: #555555;
}
.pays_p_btm p b{
	color: #ea544a;
	font-size: 18px;
	  font-weight: bold;
}
.pays_ul{
	border-bottom: 1px solid #edd28b;
	height: 98px;
}
.pays_p_a{
	width: 1096px;
	height: 96px;
	background: #f5f5f5;
	border: 2px solid #d7d7d7;
	margin: 30px 0px;
	overflow: hidden;
}
.pays_p_a_left{
	width: 450px;
	height: 96px;
	line-height: 96px;
	margin-left: 30px;
	float: left;
}
.pays_p_a_left span{
	background: url(../../images/common/hui.png) no-repeat;
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 40px;
	margin-right: 27px;
}
.pays_ipt{
	width: 140px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #ea544a;
	border-radius: 5px;
	margin: 25px 0px 0px 90px;
}
.courses_main{
	width: 1140px;
	min-height: 400px;
	overflow: hidden;
	margin:0 auto;
	margin-bottom: 75px;
}
.courses_main_title{
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	height: 63px;
	border-bottom: 1px solid #dcdcdc;
	font-size: 16px;
	color: #555555;

}
.crs_tab{
	color: red!important;
	border-bottom: 2px solid red;
	height: 61px;
}
.courses_tab_a li{
	float: left;
	padding: 0px 15px;
	line-height: 63px;
	cursor: pointer;
	margin-right: 40px;
}
.crs_tab_one{
	font-size: 13px;
	color: #333333;

}
.crs_tab_one ul li{
	float: left;
	cursor: pointer;
}
.crs_tab_one ul span{
	float: left;
	margin: 0px 20px;
	display: block;
	color: #dcdcdc;
}
.tabs_clk, .tabs_clk a{
	color: #ea544a;
}

.crs_tab_one ul{
	display: block;
	overflow: hidden;
}
.crs_tab_title{
	height: 48px;
	width: 1100px;
	background: #efefef;
	margin: 0 auto;
	margin-top: 23px;
	margin-bottom: 20px;

}
.crs_tab_title ul{
	overflow: hidden;
	height: 48px;
	line-height: 48px;
		color: #333333;
		width: 400px;
		float: left;
}
.crs_tab_title ul li{
	float: left;
	font-size: 13px;

	margin-left: 10px;
	cursor: pointer;
}
.crs_tab_title ul span{
	float: left;
	color: #d3d3d3;
	margin: 0px 20px;
	margin-right: 10px;
}
.courses_calendar{
	display: block;
	float: left;
}
.courses_calendar img{
	margin-left: 45px;
	margin-top: 13px;
}
.courses_calendar_ipt{
	font-size: 13px;
	/*position: absolute;
	left: -1px;
	top: 0px;
	padding: 0px 16px;
	z-index: 9;*/
	height: 20px;
	background: #efefef;
	width: 200px;
	margin-top: 15px;
/*	border: 1px solid #469efb;*/
	color: #333333;
	text-indent: 10px;
	background: url(../../images/common/calendar.png) no-repeat;
	text-indent: 30px;
	margin-left: 25px;
	  
}
.courses_calendar_ipt span{
	background: url(../../images/common/calendar.png) no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	margin-top: 15px;
	margin-right: 9px;
}
.courses_calendar:hover p{
	color: #ea544a;
	padding: 0px 16px;
	background: #fff;
	/*box-shadow: 0px 0px 2px #dedede;*/
	border: 1px solid #dedede;
	height: 42px;
	line-height: 43px;
	padding: 0px 15px;
	border-bottom: 0px;

}
.courses_calendar:hover p span{
	background: url(../../images/common/hors.png) no-repeat;
	margin-top: 14px;
}
.calendar_hor{
	width: 590px;
	height: 430px;
	position: absolute;
	top:42px;
	left: -1px;
	background: #fff;
	border: 1px solid #dedede;
	z-index: 1;
}
.calendar_hor:hover{
	display: block;
}
.courses_content{
	width: 1140px;
	min-height: 500px;
}
.courses_content dl{
	width: 340px;
	height: 332px;
	box-sizing: border-box;
	margin: 0px 20px;
	float: left;
	margin-bottom: 40px;
	position: relative;
}
.zhibos{
	position: absolute;
	top: 16px;
	right: -4px;
}
.shipings{
	position: absolute;
	top: 60px;
	right: -4px;
}
.courses_content dl dd{
	width: 340px;
	height: 230px;
	overflow: hidden;
}
.courses_content dl dd img{
	width: 340px;
	height: 230px;
}
.courses_content dl dt{
	width: 300px;
	height: 101px;
	border: 1px solid #eaeaea;
	border-top: 0px;
	padding: 0px 19px;overflow: hidden;
}
.courses_content dl:hover dt{
	border: 1px solid #bfd9f2;
	border-top: 0px;
}
.courses_content dl:hover dt h1{
	color: #85b6e6;
}
.courses_content dl dt h1{
	font-size: 20px;
	color: #676565;
	height: 50px;
	line-height: 60px;
	width: 300px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.courses_content_btm{
	width: 300px;
	height: 37px;
	color: #9d9d9d;
	font-size: 14px;
}
.courses_content_btm img{
	width: 36px;
	height: 36px;
	display: block;
	float: left;
	overflow: hidden;
	border-radius: 30px;
	margin-right: 10px;
}
.courses_content_btm a{
	font-size: 14px;
	color: #9d9d9d;
	margin-right: 15px;
	float: left;
	display: block;
	font-weight: normal;
	margin-top: 8px;
}
.courses_content_btm span{
	display: block;
	float: left;
	height: 18px;
	margin-top: 8px;
	font-weight: normal;
	max-width: 140px;
	overflow: hidden;
}
.courses_content_btm span img{
	width: auto;
	height: 14px;
  margin-top: 3px;
  margin-right: 5px;
	
}
.courses_content_btm a:hover{
	color: #9d9d9d;
}
.courses_content_btm p{
	float: right;
	font-size: 18px;
	color: #ea544a;
	font-weight: normal;
	height: 25px;
	width: 90px;
	text-align: right;
	  margin-top: 6px;
}


/*价格*/
.price_list .price {
	font-size:12px;
	color:#666;
	line-height:40px;
}
.price_list .free, .price_list .unlock {
	display:inline-block;
	background:#5c2;
	color:#fff;
	padding:0 6px;
	height:20px;
	line-height:19px;
	margin-top:10px;
	text-align:center;
	border-radius:5px;
	width:auto;
}
.price_list .lock {
	font-size:14px;
	color:#e97b14e6;
	text-align:left;
	line-height:25px;
	width:80px;
	background:url("../images/lock.jpg") right center no-repeat;
}

.examp_answer .lock {
	background:none;
}

.link_button {
	display:block;
	width:120px;
	height:2em;
	font-size:16px;
	background:#0f920f;
	border-radius:5px;
	text-align:center;
	line-height:2em;
	color:#fff;
	margin-top:15px;
}