/* CSS 重置 */

html, body { width: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0;  }
ol, ul, dl { list-style: none; }
h1, h2, h3, h4, h5, h6{ font-size: 14px;}
a:hover{ text-decoration:none;}
img { border: none; }

.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; font-size: 0; height: 0; }
.clearfix { zoom: 1; }
.clear { clear: both }
.hidden {  visibility: hidden; overflow: hidden }
.relative { position: relative }
.left,.f-fl { float: left }
.right,.f-fr{ float: right }
.t-i { text-indent: 2em }
.wrapper { width: 1200px; margin: 0 auto }
.ta-c{ text-align: center; }

/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
	font-family: 'iconfont';  /* Project id 3383955 */
	src: url('//at.alicdn.com/t/c/font_3383955_k7v1ex5vc48.woff2?t=1678260454639') format('woff2'),
	url('//at.alicdn.com/t/c/font_3383955_k7v1ex5vc48.woff?t=1678260454639') format('woff'),
	url('//at.alicdn.com/t/c/font_3383955_k7v1ex5vc48.ttf?t=1678260454639') format('truetype');
}

.iconfont{ font-family: iconfont }

@media(min-width: 1200px){
	.container{
		max-width: 1200px;
	}
}
/*通用*/
.c-h40{ height: 40px;clear: both;  }


.spr{ background:url(../images/spr.png) no-repeat}
a,.transition{-webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

.d-close{ outline: none !important; }
.d-buttons{ text-align: center !important; }




.btn-greenborder{ border: 1px #00bb9a solid; color: #00bb9a; text-align: center; padding: 0 12px; line-height: 28px; border-radius: 3px; display: inline-block;}
.btn-greenborder:hover,.btn-greenborder-active{ background: #00bb9a; color: #fff; }





/*=======统一头部样式=======*/
/*.header{ width:100%;height:60px; background:#222; overflow:hidden;  }
.header .logo{ width:149px; height:29px; display:block; float:left; margin:15px 16px 0 0;}
.header .nav{ float:left;    margin-left:10px;}
.header .nav li{ float:left;  text-align:center; margin:0 1px;}
.header .nav li a{ text-align:center; padding:0 20px; display:block; color:#fff; transition: all 0.2s; height:60px; line-height: 60px;  }
.header .nav li a:hover,.header .nav li.on a{ color:#f2f2f2; background: #000;}

.header .nav li p{  font-size:14px; line-height:60px; padding: 0;}
.header .rightarea{ float:right; margin-top: 18px;}


.header .rightarea a{ text-align:center; padding:0 10px; display:block; float: left; color:#ccc; transition: all 0.2s; line-height: 28px;}
.header .rightarea a:hover{ color:#fff; }


.header .rightarea a.link{ text-align:center; height: 28px; border: 1px #f2f2f2 solid; width: 64px; display:block; float: left; color:#f2f2f2; transition: all 0.2s; line-height: 28px; padding: 0; border-radius: 20px; margin-left: 10px; font-size: 12px;}
.header .rightarea a.link:hover{  background: #f2f2f2; color: #222;}

.header .headimgbox{ border: 1px #555 solid;width:30px;height:30px;float:right;overflow:hidden;border-radius:100% }
.header .headimgbox .headimglink{ padding: 0; margin: 0; height: auto; width: auto; }



@media (min-width: 600px) and (max-width:1150px){
	.header .wrapper {
		width: 100%;
	}
}
@media (max-width: 890px) {
	.header {
	    transition: all .25s cubic-bezier(.4,.01,.165,.99);
	    overflow: hidden;
	}
	.header .wrapper{
		width: 100%;
		height: 60px;
		padding: 0 12px;
		box-sizing: border-box;
		position: fixed;
		top: 0;
		left: 0;
	    transition: all .25s cubic-bezier(.4,.01,.165,.99);
	}
	.header .logo {
		display: none;
	}
	.header .menu {
	    display: block !important;
	    opacity: 1 !important;
	}
	.header .nav{
		position: absolute;
		top: 60px;
		z-index: 999;
		width: 100%;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		left: 0;
    	margin: 0;
	    transition: all .25s cubic-bezier(.4,.01,.165,.99);
	}
	.header .nav li {
		float: none;
	}
	.header .nav li a{
		text-align: left;
    	color: #9d9d9d;
    	font-size: 14px;
	}
}
.header .menu {
	height: 60px;
    width: 60px;
    position: absolute;
    display: none;
    opacity: 0;
    -webkit-transition: all .25s cubic-bezier(.4,.01,.165,.99);
}
.header .menu>span {
	position: absolute;
    top: 50%;
    left: 50%;
    height: 25px;
    width: 30px;
    margin-top: -12.5px;
    margin-left: -15px;
    -webkit-transition: all .25s cubic-bezier(.4,.01,.165,.99);
    transition: all .25s cubic-bezier(.4,.01,.165,.99);
}
.header .menu>span span {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-transition: all .25s cubic-bezier(.4,.01,.165,.99);
    transition: all .25s cubic-bezier(.4,.01,.165,.99);
    margin-top: -.025rem;
}
.header .menu>span.t span {
	top: 0;
}
.header .menu>span.c span {
	top: 50%;
}
.header .menu>span.b span {
	top: 100%;
}
.header.open .menu>span.t {
	transform: rotate(45deg) translateY(50%);
}
.header.open .menu>span.c {
	opacity: 0;
}
.header.open .menu>span.b {
	transform: rotate(-45deg) translateY(-50%);
}
.header.open {
	height:100%;
}
.header.open .nav {
	opacity: 1;
	min-height: 600px;
	height: 100%;
}
*/






.header{

}

#header-menu-mob{
	display: none;
}

.header_top{
	height: 80px;
	background-image: url(../images/headnavBG.jpg);
	background-size: cover;
	background-position: center;
}
.header_top > .container{
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: space-between;
}
.header_top .brand{

    display: flex;
    justify-content: center;
    align-items: center;
    color: #c0c0c0;
    font-size: 12px;

}

.header_top .logo{
	display: block;
	position: absolute;
	top: 21px;
	margin-left: -66px;
	left: 50%;
}
.header_top .logo img{
	width: 132px;
	height: 40px;
}

.header .menu {
	height: 40px;
    width: 40px;
    position: relative;
    display: block;
    opacity: 1;
    -webkit-transition: all .25s cubic-bezier(.4,.01,.165,.99);
}
.header .menu>span {
	position: absolute;
    top: 50%;
    left: 50%;
    height: 15px;
    width: 25px;
    margin-top: -8.5px;
    margin-left: -13px;
    -webkit-transition: all .25s cubic-bezier(.4,.01,.165,.99);
    transition: all .25s cubic-bezier(.4,.01,.165,.99);
}
.header .menu>span span {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-transition: all .25s cubic-bezier(.4,.01,.165,.99);
    transition: all .25s cubic-bezier(.4,.01,.165,.99);
    margin-top: -.025rem;
}
.header .menu>span.t span {
	top: 0;
}
.header .menu>span.c span {
	top: 50%;
}
.header .menu>span.b span {
	top: 100%;
}
.header.open .menu>span.t {
	transform: rotate(45deg) translateY(50%);
}
.header.open .menu>span.c {
	opacity: 0;
}
.header.open .menu>span.b {
	transform: rotate(-45deg) translateY(-50%);
}

.header.open .nav {
	opacity: 1;
	min-height: 600px;
	height: 100%;
}

.header .rightarea{  height: 100%; display: flex; align-items: center; z-index: 999; }


.header .rightarea > a{ text-align:center; padding:0 10px; display:block; float: left; color:#ccc; transition: all 0.2s; line-height: 28px;}
.header .rightarea > a:hover{ color:#fff; }


.header .rightarea > a.link{ text-align:center; height: 28px; border: 1px #f2f2f2 solid; width: 64px; display:block; float: left; color:#f2f2f2; transition: all 0.2s; line-height: 28px; padding: 0; border-radius: 20px; margin-left: 10px; font-size: 12px;}
.header .rightarea > a.link:hover{  background: #f2f2f2; color: #222;}

.header .headimgbox{
    width: 60px;
    height: 100%;
    display:  flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    z-index: 999;
}
.header .headimgbox .headimglink img{ border: 1px #555 solid;width:30px;height:30px; border-radius:100%  }

.header .headimgbox .headimgbox_menu{
	position: absolute;
	top: 80px;
	background: #fff;
	width: 130px;
	right: 0;
	padding: 10px 0;
	z-index: 99;
	box-shadow:rgba(0,0,0,0.3) 0px 2px 10px;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s all ease;
}
.header .headimgbox .headimgbox_menu > a{
	display: block;
	text-align: center;
	color: #444;
	padding: 5px 0;
}
.header .headimgbox .headimgbox_menu > a:hover{
	font-weight: bold;
	color: #222;
}
.header .headimgbox.open{
	background: rgba(0,0,0,0.6);
}
.header .headimgbox.open .headimgbox_menu{
	visibility: visible;
	opacity: 1;
}



.header_nav{
	background: #fff;
	height: 60px;
	border-bottom: 1px #e5e5e5 solid;
}
.header_nav li{ float:left;  text-align:center; margin:0 1px;}
.header_nav li > a{ text-align:center; padding:0 15px;  display:block; color:#333; transition: all 0.2s; height:60px; line-height: 60px;  }
.header_nav li > a:hover,.header_nav li.on > a{  border-bottom: 1px #dc3545 solid; }
.header_nav li p{  font-size:14px; line-height:60px; padding: 0;}


.catemenuwrap{
	position: absolute;
	left: 15px;
	top: 0;
}

.catemenu{
	width: 260px;
	height: 430px;
	background: #fcfdfb;
	padding: 20px 0;
}
.catemenu_item{
	position: relative;
	padding-left: 80px;
	padding-top: 14px;
	padding-bottom: 14px;
}


.catemenu_item .icon{
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -20px;
}
.catemenu_item .icon img{
	width: 40px;
}
.catemenu_item .t1{
	font-size: 18px;
	color: #333;
}
.catemenu_item .links a{
	color: #888;
	margin-right: 10px;
}
.catemenu_item .links a:hover{
	text-decoration: underline;
}
.catecontent{
	background: #fff;
	top: 0;
	left: 260px;
	width: 910px;
	height: 430px;
	position: absolute;
	visibility: hidden;
	transition: 0.5s all ease;
	opacity: 0;
}


.catemenu_item.on{
	background: #fff;
}

.catemenu_item.on .t1{
	color: #333;
}
.catemenu_item.on .links a{
	color: #666;
}


.catecontent.on{
	visibility: visible;
	opacity: 1;
}


.catenav{
	background: #fff;
	padding: 30px 0;
}

.catenav .item{
	float: left;
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	position: relative;
}
.catenav .item:after{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #ddd;
	content: '';
}
.catenav .item:last-child:after{
	display: none;
}


.catenav .item .icon{
	margin-right: 15px;
}
.catenav .item .icon img{
	width: 50px;
	height: 50px;
}
.catenav .item .t1{
	font-size: 18px;
	color: #333;
}
.catenav .item .p1{
	font-size: 12px;
	color: #999;
}






/*======= home index 首页样式  =======*/


.index_sub_title{
	font-size: 24px;
	font-weight: 500;
	padding: 25px 0;
}

.index_kc_card{

}
.index_kc_card > .link{
	position: relative;
}
.index_kc_card > .link > .tip{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.3);
	color: #fff;
	font-size: 12px;
	padding: 5px 10px;
}
.index_kc_card .p1{
	color: #333;
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	margin: 15px 0 10px;
	padding: 0 10px;
}
.index_kc_card .p2{
	color: #818993;
	font-size: 12px;
	margin-bottom: 15px;
	padding: 0 10px;
}



.index_chs{

	padding-bottom: 25px;
}

.index_chs_item{
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction:column;
}

.index_chs_item .faceimg{
	width: 40%;
	border-radius: 100%;
	margin: 25px 0;
}
.index_chs_item .name{
	color: #333;
	font-size: 18px;
	margin-bottom: 10px;
}
.index_chs_item .p1{
	font-size: 12px;
	color: #949494;
	margin-bottom: 25px;
}


.index_seo{
	background: #f4f6fb;
	padding: 25px 0;
}
.index_seo .t1{
	font-size: 16px;
	color: #333;
	padding-bottom: 10px;
}

.index_seo .cont{
	padding-bottom: 20px;
}
.index_seo .cont a{
	display: inline-block;
	color: #a6a7aa;
	margin: 0 15px 5px 0;
}

/*======= home index 首页样式  END =======*/






/*=======统一顶部样式=======*/

.widget {
	margin-bottom: 35px
}

.widget .title {
	margin-top: 0;
	padding-bottom: 7px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 21px;
	position: relative
}

.widget .title:after {
	content: "";
	width: 90px;
	height: 1px;
	background: #337ab7;
	position: absolute;
	left: 0;
	bottom: -1px
}

.widget .friend-links a {
	display: block;
	border-bottom: 1px dashed #303030;
	padding-bottom: 14px;
	margin-bottom: 14px;
	color: #959595;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}

.widget .friend-links a:hover {
	color: #fff;
	text-decoration: none
}

.widget .friend-links a:last-child {
	margin-bottom: 0
}

.widget .tag-cloud a {
	border: 1px solid #ebebeb;
	padding: 2px 7px;
	color: #959595;
	line-height: 1.5em;
	display: inline-block;
	margin: 0 7px 7px 0;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}

.widget .tag-cloud a:hover {
	color: #ffffff;
	background: #337ab7;
	border: 1px solid #337ab7;
	text-decoration: none
}

.submit-site {
	background-color: #eee;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 20px
}
.main-footer {
	background: #202020;
	padding: 35px 0 0;
	color: #959595
}

.main-footer .widget {
	padding: 0 30px
}

.main-footer .widget .title {
	color: #ffffff;
	border-bottom: 1px solid #303030
}

.main-footer .widget .tag-cloud a {
	border: 1px solid #303030
}

.main-footer .widget .tag-cloud a:hover {
	border: 1px solid #337ab7
}
.main-footer .widget .title {
	color: #ffffff;
	border-bottom: 1px solid #303030
}

.main-footer .widget .tag-cloud a {
	border: 1px solid #303030
}

.main-footer .widget .tag-cloud a:hover {
	border: 1px solid #337ab7
}

.copyright {
	background: #111;
	font-size: 13px;
	text-align: center;
	color: #555;
	padding-top: 14px;
	padding-bottom: 20px;
	border-top: 1px solid #303030
}

.copyright span {
	margin: 0 .5em
}

.copyright a {
	color: #555
}



.bannerintro{ height:140px; background:#f3f6f7;}
.bannerintro h1{  color:#555; font-size:30px; text-align:center; padding:15px 0; }
.bannerintro h3{   color:#555; text-align:center; line-height:25px; font-size:14px;  }


/*固定侧边栏*/
.mod_back_top{position:fixed;_position:absolute;z-index:99999;bottom:10%;margin-top:-65px;_bottom:auto;right: 0;width: 70px;background: #0083cb;text-align: center;padding: 10px 0;}
.mod_back_top .area1{ background: #fd631f;padding: 12px 18px; text-align: center;}
.mod_back_top .area1 .p1{ color:#fff; }
.mod_back_top .area1 .linkbtn{ border: 1px #fff solid; display: inline-block; height: 25px; padding: 0 20px; line-height: 25px; border-radius: 10px; margin-top: 10px; color: #fff;}

.mod_back_top .area2{ background: #fff; border: 1px #fd631f solid; padding: 12px 18px; text-align: center; color: #333;font-size: 12px;}
.mod_back_top .area2 .p1{  }
.mod_back_top .area2 .p2{ font-size: 14px; }
.mod_back_top .area2 .p3{ color: #999;  }




/*代理用户弹窗*/
.agentcover{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100;}
.agentcover .cover{ position: absolute; background: #000; opacity: 0.2; filter:alpha(opacity=50); left: 0; top: 0; right: 0; bottom: 0; z-index: 101;}
.agentcover .agentarea{ width: 485px; height: 370px; background: #fff; position: absolute; left: 50%; top: 50%; margin: -185px 0 0 -242px; z-index: 102; border-radius: 10px;}
.agentcover .agentarea .userinfo{ padding: 15px 25px; border-bottom: 1px #e4e4e4 solid; font-size: 16px; line-height: 34px; color: #333;}
.agentcover .agentarea .userinfo .headimg{ width: 34px; height: 34px; vertical-align: top; margin-right: 15px; border-radius: 100%;}
.agentcover .agentarea .userinfo .name{ color: #0066cc; }
.agentcover .agentarea .yh{ padding: 30px; }
.agentcover .agentarea .yh .p1{ font-size: 16px; color: #333; padding-bottom: 20px;}
.agentcover .agentarea .yh li{ width: 190px; float: left; }
.agentcover .agentarea .yh li .lp1{ font-size:14px; font-weight: bold; padding-bottom: 15px; color: #333;}
.agentcover .agentarea .yh li .lp2{ line-height: 25px; color: red;}
.agentcover .agentarea .btnbox{ text-align: center; }
.agentcover .agentarea .btn{ margin: 0  10px;}


/*登录弹窗*/
.loginbox{ padding: 0 30px; }
.loginbox dl{ padding-bottom: 10px; }
.loginbox dt{ color: #333; font-size: 14px; padding-bottom: 8px;font-weight: normal; }
.loginbox dd{   }
.loginbox dd p{ line-height: 36px; }
.loginbox .btn{ padding-left: 30px; padding-right: 30px; }


/*主页*/
.index-banner{ height:650px; background:#000; position:relative; overflow: hidden;}
.index-banner .roll-cont{ width:100%;  height:650px; overflow:hidden; position:relative; }
.index-banner .roll-item{ position:absolute; left:0; top:0; width:100%; height:650px; background-size: auto 650px; background-position: center; background-repeat: no-repeat; display: none;}
.index-banner .roll-item .link{ position:absolute; left:0; top:0; width:100%; height:100%;}
.index-banner .roll-item .link img{ width:100%; vertical-align:middle;  height:650px;}
.index-banner .roll-img{ height:650px;}
.index-banner .roll-num{ text-align:center; width:100%; position:absolute; left:0; bottom:15px !important; z-index:20; margin:0; padding:0;}
.index-banner .roll-num a{ display:inline-block; width: 70px; height: 10px; margin:0 10px;transition: all 0.2s; background: #fff;}
.index-banner .roll-num a.on{background-color: #00c1f8;}




.hd-banner{ height:300px; background:#000; position:relative; overflow: hidden;}
.hd-banner .roll-cont{ width:100%;  height:300px; overflow:hidden; position:relative; }
.hd-banner .roll-item{ position:absolute; left:0; top:0; width:100%; height:300px; background-size: auto 300px; background-position: center; background-repeat: no-repeat; display: none;}
.hd-banner .roll-item .link{ position:absolute; left:0; top:0; width:100%; height:100%;}
.hd-banner .roll-item .link img{ width:100%; vertical-align:middle;  height:300px;}
.hd-banner .roll-img{ height:300px;}
.hd-banner .roll-num{ text-align:center; width:100%; position:absolute; left:0; bottom:5px !important; z-index:20; margin:0; padding:0;}
.hd-banner .roll-num a{ display:inline-block; width: 10px; height: 10px; margin-right: 5px;transition: all 0.2s; border: 1px solid #fff; border-radius: 50%;}
.hd-banner .roll-num a.on{background-color: #fff;}




.container-fluid{}
.container-fluid  a.btn{  padding: 5px 10px;  line-height: 20px;  color: #fff !important;  margin-top: 9px;}
.container-fluid  a.btn:hover{  background: #39b3d7 !important;}


/* 主页导航 */
.index_nav{ height: 70px;
background:#fff ;
  border-bottom: 1px #ddd solid;}
.index_nav a{ display: inline-block; }
.index_nav .linka{ line-height: 70px; display: inline-block; vertical-align: top; margin: 0 5px 0 0; padding: 0 5px; color: #222; font-size: 15px;}
.index_nav .linka_on,.index_nav .linka:hover{ border-bottom: 2px #00cc99 solid; }
.index_nav .zxa { float: right; margin-top: 16px; margin-left: 25px; line-height: 35px; padding: 0 25px; color: #D9534F; border: 1px #D9534F solid; border-radius: 20px; font-size: 15px;}
.index_nav .zxa:hover{ background: #D9534F; color: #fff;}


/*index_course_list*/
.index_common_title{ border-bottom: 1px #e4e4d4 solid; margin-bottom: 25px; }
.index_common_title .p1{ display: inline-block; padding: 0 5px 0 0; font-size: 24px; color: #222; line-height: 30px; padding-bottom: 10px; position: relative; border-bottom: 2px #00cc99 solid; bottom: -1px;}

.index_span_title{   margin-bottom: 10px; }
.index_span_title .p1{ display: inline-block; padding: 0 5px 0 0; font-size: 24px; color: #222; line-height: 30px; padding-bottom: 10px;  }
.index_span_title  a{ }

.index_course_list{ padding-top: 20px; }
.index_course_list li{ background: #f2f2f2; height: 360px; margin-bottom: 30px;}
.index_course_list li .info{ width: 580px; float: left;}
.index_course_list li .picbox{ width: 520px; height: 360px; overflow: hidden; float: right; }
.index_course_list li .pic{ width: 520px;}
.index_course_list li .info .headimgbox{  width: 100px;height: 100px; margin: 35px auto 25px; display: block;  border-radius: 100%; overflow: hidden; }
.index_course_list li .info .headimg{ height: 100px;}
.index_course_list li .info .name{ font-size: 18px; padding-bottom: 5px; text-align: center; color: #333; font-weight: bold;}
.index_course_list li .info .p1{ font-size: 14px; padding: 0 70px 25px; line-height: 25px; height: 75px; color: #666;}
.index_course_list li .info .linkbtn{ font-size: 14px; width: 130px;	height: 35px; line-height: 35px; text-align: center; color: #fff; display: block; margin: 0 auto; border-radius: 30px;}
.index_course_list li .info .linkbtn_green{ background: #00cc99; }
.index_course_list li .info .linkbtn_blue{ background: #0066cc; }
.index_course_list li .info .linkbtn_red{ background: #cc3333; }
.index_course_list li .info .linkbtn_black{ background: #000; }

.index_xc_course_list{}
.index_xc_course_list ul{ width: 1250px; }
.index_xc_course_list li{ width: 556px; float: left; margin-right: 15px; }
.index_xc_course_list li .picbox{ width: 556px; height: 400px; overflow: hidden; }
.index_xc_course_list li .pic{ width: 556px; }
.index_xc_course_list li .info{ padding: 15px 20px; background: #f2f2f2; }
.index_xc_course_list li .p1{ font-size: 22px; padding-bottom: 15px; border-bottom: 1px #e4e4e4 solid; color: #333; line-height: 35px;}
.index_xc_course_list li .p2{ padding-top: 15px; color: #868686; font-size: 14px;}
.index_xc_course_list li .linkbtn{ font-size: 12px; width: 90px;	height: 35px; line-height: 35px; text-align: center; color: #fff; display: block; margin: 0 auto; border-radius: 30px;background: #00cc99; float: right;}

.course_common_title{ text-align: center; padding: 35px 0 25px; }
.course_common_title .p1{ font-size: 24px; color: #222; padding-bottom: 15px;}
.course_common_title .p2{ font-size: 16px; padding-bottom: 20px; }
.course_common_title .linkbtn{ width: 230px;height: 40px; border: 1px #0275d8 solid; color: #0275d8; text-align: center; line-height: 40px; display: inline-block; border-radius: 20px;}
.course_common_title .linkbtn:hover{ background: #0275d8; color: #fff; }





/*#################直播课程内页#####################*/
.inner_course_info{ background: #fff; padding: 40px 0 30px; }
.inner_course_info .area-l{ width: 600px; float: left;}
.inner_course_info .name{ font-size: 15px; padding-bottom: 15px; color: #111;font-weight:bold}
.inner_course_info .content{ line-height: 25px;   margin-bottom: 25px;  color: #666; font-size: 14px; padding-right: 80px;}
.inner_course_info .price{ padding-bottom: 20px; font-size: 16px; }
.inner_course_info .price span{ color: #FF3300; font-weight: bold; font-size: 20px; }
.inner_course_info .price em{ font-style: normal; text-decoration: line-through; margin-right: 15px; }
.inner_course_info .linkbtn1{ width: 175px; height: 50px; background: #48bfdf; color: #fff; line-height: 50px; text-align: center; font-size: 16px; display: inline-block; margin-right: 10px; border-radius: 30px; }
.inner_course_info .linkbtn2{ width: 175px; height: 50px; background: #ffcc00; color: #fff; line-height: 50px; text-align: center; font-size: 16px; display: inline-block; margin-right: 10px; border-radius: 30px; }
.inner_course_info .area-2{ width: 550px; float: left;}
.inner_course_info .p1{ color: #666; font-size: 14px; padding-bottom:8px; padding-left: 85px; position: relative; line-height: 20px; min-height: 20px;}
.inner_course_info .p1 strong{ font-size: 15px; margin-right: 10px; color: #333; position: absolute; left: 0; top: 0; line-height: 20px;}
.inner_course_info .area-r{ width: 600px; float: left;}


.inner_ts{ padding: 65px 0 50px; }
.inner_ts li{ width: 300px; float: left; text-align: center;}
.inner_ts li img{ width: 68px; }
.inner_ts li .p1{ padding:20px 0 10px; font-size: 20px; color: #333; text-align: center;}
.inner_ts li .p2{ font-size: 14px; width: 200px; color: #666; text-align: center; display: inline-block;}


.inner_question{ background: #f5f5f5; padding: 100px 0 100px; }
.inner_question .showitems { display: none; text-align: center; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.inner_question .showitems .pic{ width: 174px; height: 174px; display: block; margin: 0 auto; border-radius: 100%;}
.inner_question .showitems .p1{ width: 860px; display: inline-block; font-size: 28px; line-height: 35px; padding-top: 35px; height: 105px; color: #333;}
.inner_question .shownav{ padding-top:50px; }
.inner_question .shownav li{ float: left; margin-right: 35px; padding-bottom: 10px; border-bottom:3px #f5f5f5 solid; line-height: 28px; color: #333; font-size: 16px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; cursor: pointer; }
.inner_question .shownav li span{ width: 26px; height: 26px; display: block; float: left; margin-right: 10px; border: 1px #666 solid; color: #222; border-radius: 100%; line-height: 26px; font-weight: bold; text-align: center;}
.inner_question .shownav li.on{ border-bottom:3px #000 solid; }
.inner_question .shownav li.on span{ background: #000; color: #fff; }


.inner_intro {  background: #f4f5fa; padding-bottom: 40px; }
.inner_intro ul{ width: 1300px; }
.inner_intro li{ width: 292px; margin-right: 10px; margin-bottom: 10px; float: left;     box-shadow: 0 0 3px #ddd;}
.inner_intro .picbox{ width: 292px; height: 210px; overflow: hidden; }
.inner_intro .picbox img{  width: 292px; height: 210px; }

.inner_intro .info{ padding: 23px; background: #fff; height: 250px;}
.inner_intro .p1{ font-size: 24px; padding-bottom: 5px; }
.inner_intro .p2{ font-size: 14px; padding-bottom: 10px;}
.inner_intro .p2 span{ float: right; }
.inner_intro .its{ color: #666; padding-left: 16px; position: relative; line-height: 30px; font-size: 12px;}
.inner_intro .its:before{ content: '\2022'; position: absolute; left: 0; top: 0; line-height: 30px; }



.inner_center_img_wrap{ background:#eee;  }
.inner_center_img{ margin: 0 auto; display: block; width: 1600px;  }
 @media screen and (max-width:1600px) {
   .inner_center_img { width: 100%;}
}




.inner_showpic_list{ padding-bottom: 20px; background: #333; }



.inner_showpic_list .pic{ width: 20%; float: left; }

@media screen and (max-width:1400px) {
   .inner_showpic_list .pic{ width: 25%; }
}
@media screen and (max-width:1200px) {
   .inner_showpic_list .pic{ width: 33.3333%; }
}


.inner_teacher{ padding: 10px 0 20px; }
.inner_teacher .onebox{ height: 216px;  padding:20px 30px 30px 260px; position: relative; margin-bottom: -1px;}
.inner_teacher .onebox .headimg{ width: 175px; height: 175px; border-radius: 100%; position: absolute; left: 40px; top: 50%; margin-top: -88px;}
.inner_teacher .onebox .name{ font-size: 28px; padding-bottom: 20px; color: #333;}
.inner_teacher .onebox .p1{ font-size: 14px; color: #666; line-height: 28px; height: 112px;}
.inner_teacher .onebox .linkbtn{ background: #000; color: #fff; width: 117px; height: 36px; display: block; line-height: 36px; text-align: center; border-radius: 20px;}

.inner_teacher .showpics{ padding-top: 50px; overflow: hidden;  width:1100px; height:500px; position: relative;}
.inner_teacher .showpics .showlist{ position:absolute; left:0; top:50px; width:1100px; height:500px;}
.inner_teacher .showpics .showlist li{width:1100px; height:500px; position:absolute; left:0; top:0; display:none}
.inner_teacher .showpics .showlist li img{ width: 1100px; }


/*###########视频列表###########*/


.linkcover_vplaycover{
	position: relative;
}

.linkcover_vplaycover:after{
	content: '';position: absolute; background-image: url(../img/vplay.png); background-position: center; background-repeat: no-repeat; left: 0; top: 0; right: 0; bottom: 0; display: block; background-size: 60px; z-index: 10; transition: 0.3s all ease; }
.linkcover_vplaycover:hover:after{ background-color: rgba(0,0,0,0.3); }


/*##########视频内页###############*/
.videoplaybox{ height: 450px; background:#000 url(../img/videobg.jpg) no-repeat center; }
.video{ width: 1100px; height: 475px; margin: 0 auto ; padding-top: 50px; }
.video #player{ width: 1100px; height: 475px;  background: #000;}

.videoitems{ padding: 20px 0 30px; border-bottom: 1px #e4e4e4 solid; }
.videoitems .title{ color: #333; font-weight: bold;}
.videoitems .title span{ float: right; color: #888; font-weight: normal;}
.videoitems ul{ padding-top: 20px; }
.videoitems li{ float: left; margin-right: 10px; margin-bottom: 10px; }
.videoitems li a{  height: 38px; padding: 0 15px 0 35px;  display: block; line-height: 38px; }
.videoitems li a.y{ color: #fff;  background: #00cc99 url(../img/videoitems_y.jpg) no-repeat 12px center; border: 1px #00cc99 solid; }
.videoitems li a.n{ border: 1px #c9c9c9 solid;  background: #fff url(../img/videoitems_n.jpg) no-repeat 12px center; color: #888; }



/*############老师详细内页#############*/
.jsxq .experience { background: #f5f5f5; padding-bottom: 18px; }
.jsxq .experience>h2 { text-align: center; font-size: 28px; font-weight: 400; color: #333; padding: 60px 0 42px; }
.jsxq .experience .wrapper { width: 850px; }
.jsxq .experience .wrapper li { position: relative; padding-bottom: 44px;   }
.jsxq .experience .wrapper li .left { font-size: 22px; width: 105px; margin-right: 55px; }
.jsxq .experience .wrapper li .left p{ position: relative; top: -9px; }
.jsxq .experience .wrapper li .left .jly { width: 14px; height: 14px; background: url(../img/course/yuan.jpg) no-repeat center center; position: absolute; top: 0; left: 94px; z-index: 999; }
.jsxq .experience .wrapper li .right { width: 690px; }
.jsxq .experience .wrapper li .right h2 { color: #000; font-size: 22px; font-weight: 700; margin-bottom: 14px; }
.jsxq .experience .wrapper li .right h3 { margin-top: 14px; color: #000; font-size: 20px; font-weight: 400; }
.jsxq .experience .wrapper li .right p { color: #666; font-size: 18px; line-height: 28px; margin: 0; padding: 0; }
.jsxq .experience .wrapper li .heng { position: absolute; top: 0; left: 100px; height: 100%; width: 1px; background: #d7d7d7; }
.jsxq .j-header { height: 480px; overflow: hidden; }
.jsxq .profile .wrapper { width: 590px; text-align: center; color: #333; padding: 58px 0 46px; }
.jsxq .profile .wrapper .avatar{}
.jsxq .profile .wrapper .avatar img{ width: 130px; border-radius: 100%; }
.jsxq .profile .wrapper h1.name { font-size: 28px; font-weight: 400; line-height: 2.7; }
.jsxq .profile .wrapper p.title { font-size: 16px; line-height: 26px; }
.jsxq .profile .wrapper a.btn { margin-top: 36px; }
.jsxq .speak .wrapper { margin-top: 95px; margin-bottom: 30px; }
.jsxq .speak .wrapper .left { width: 560px; height: 385px; overflow: hidden;}
.jsxq .speak .wrapper .right { width: 540px; }
.jsxq .speak .wrapper .right .container { color: #333; padding: 32px 60px; }
.jsxq .speak .wrapper .right .container h2 { font-size: 28px; margin-bottom: 24px; }
.jsxq .speak .wrapper .right .container p.con { font-size: 16px; color: #666; line-height: 28px; margin-bottom: 50px; }
.jsxq .speak .wrapper .right .container p.title { font-size: 14px; margin-bottom: 18px; }
.jsxq .speak .wrapper .right .container p.type { font-weight: 400; font-style: normal; font-size: 18px; color: #0C9; }
.jsxq .speak .wrapper .right .container p.type span { margin-right: 28px; }
.jsxq .enjoy h1 { color: #333; font-size: 28px; line-height: 63px; text-align: center; }
.jsxq .enjoy h2 { font-size: 16px; color: #666; text-align: center; margin-bottom: 40px; }
.jsxq .enjoy .j-video { height: 468px; overflow: hidden; }
.jsxq .enjoy .j-video .left { width: 800px; }
.jsxq .enjoy .j-video .right { width: 290px; overflow: hidden; }
.jsxq .enjoy .j-video .right li { width: 100%; height: 109.5px; margin-bottom: 10px; overflow: hidden; }
.jsxq-slider { width: 100%; height: 610px; overflow: hidden; position: relative; }
.jsxq-slider .img-jsxq-slider { position: absolute; width: 111111111px; height: 100%; overflow: hidden; }
.jsxq-slider .img-jsxq-slider li { position: relative; width: 430px; height: 100%; float: left; }
.jsxq-slider .img-jsxq-slider li .fancybox { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 10; }
.jsxq-slider .img-jsxq-slider li:after { content: ""; transition: .3s all; position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: #000; background: none\9; opacity: .3; zoom: 1; }
.jsxq-slider .img-jsxq-slider li:hover:after { opacity: 0; zoom: 1; }
.jsxq-slider .img-jsxq-slider li img { width: auto; height: 100%; }

.jsxq .j-header img, .jsxq .speak .wrapper .left img, .jsxq .enjoy .j-video .left img, .jsxq .enjoy .j-video .right li img { width: 100%; }
.btn-red, .btn-red:hover { background: #c30; color: #fff; }



/*内页课程列表*/
.video_course_list{}
.video_course_list li{ position: relative; padding-left: 395px; height: 240px; margin-bottom: 24px; }
.video_course_list li .picbox{ width: 395px; height: 290px; position: absolute; left: 0;top: 0; overflow: hidden;}
.video_course_list li .pic{ width: 395px; height:250px}
.video_course_list li .info{height: 190px; padding: 24px; position: relative; border: 1px #e4e4e4 solid; border-left: 0;}
.video_course_list li .name{ font-size: 24px; color: #333; }
.video_course_list li .p1{ font-size: 14px; color: #999; line-height: 22px; height: 88px; padding-bottom: 12px; width: 540px;}
.video_course_list li .p2 { padding-bottom: 5px; font-size: 14px;}
.video_course_list li .p2 strong{ color: #333; margin-right: 3px; line-height: 18px;}
.video_course_list li .p2 em{ margin: 0 12px; width: 1px; height: 18px; background: #e4e4e4; display: inline-block; vertical-align: top; }
.video_course_list li .linkbtn{ width: 100px; height: 36px; background: #00cc99; color: #fff; line-height: 36px; text-align: center; display: block; border-radius: 20px; position: absolute; right: 24px; top: 24px;}


.course-area-1{  padding: 50px 0; }
.course-intro{ padding-bottom: 20px; }
.tablein{ border: 1px #d5f3fd solid; border-collapse: collapse; width: 100%; }
.tablein td{ line-height: 40px; padding: 5px 20px; color: #333; font-size: 16px;}
.tablein tr.blue{ background: #ddf4fc; }


.course-studentwork{}
.course-studentwork ul{ width: 1200px; }
.course-studentwork li{ width: 212px; margin: 0 10px 10px 0;  float: left;}
.course-studentwork li img{ width: 212px; }


/*视频内页  2016 09-03*/
.videoview{ background: #f4f5fa; padding: 20px 0; }



.courseHead{ padding: 20px; background: #fff;  position: relative; box-shadow: 0px 1px 2px #bbb; }
.courseHead .video-preview{ position: absolute; left: 20px; top: 20px; width: 450px; height: 250px; background: rgba(0,0,0,0.5); }
.courseHead .video-preview span{ width: 60px;height: 60px; background: url(../img/vplay.png) no-repeat; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; opacity: 0.8; background-size: 60px;}
.courseHead .chimg{ width: 450px; height: 250px; overflow: hidden; margin-right: 20px; float: left;}
.courseHead .chimg img{ width: 100%; }
.courseHead .info{  }
.courseHead .info .title{ padding-bottom: 15px; font-size: 24px; }
.courseHead .info .teacher{ color:#999; font-size: 12px; float: left; }
.courseHead .info .hot { background: url(../img/ui_sprite.png) no-repeat 4449px 4449px; float: left; padding: 0 6px 0 20px; color: #999; background-position: -55px -350px !important; font-size: 12px; margin-right: 20px; }
.courseHead .info .discountArea{ position: absolute; top: 150px; left: 486px; color:#ff3c00; font-size: 30px; }
.courseHead .info .btnarea{ position: absolute; bottom: 20px; left: 490px; }
.courseHead .info .btnarea .joinBtn{ width: 160px; height: 45px; background: #ff8000; display: block; line-height: 45px; text-align: center; color: #fff; }
.courseHead .info .btnarea .joinBtn:hover{ background: #ee6600; }


.video_cb{ background: #f4f5fa; padding-bottom: 60px; }
.g-cisd2 { position: relative; float: right; width: 265px; margin-left: -265px; }
.g-cimn2 { float: left; width: 100%; }
.g-cimn2c{ margin-right: 285px; background: #fff;  box-shadow: 0px 1px 2px #bbb;}
.u-ctit { height: 20px; padding: 15px 0 15px 15px; font-size: 18px; line-height: 19px;  border-bottom: 1px solid #ddd; }

.g-cimn2-intro{	 margin-right: 285px; background: #fff; margin-bottom: 15px;   box-shadow: 0px 1px 2px #bbb;}
.g-cimn2-intro .info{ padding: 15px ; }


.m-chapterList{ padding-bottom: 10px; }

.m-chapterList .section{ background: url(../img/listIcons.png) 9999px 9999px no-repeat; height: 38px; line-height: 38px; padding: 0 20px; cursor: pointer; background-position: -190px -241px;transition:background-color 0.15s ease-out;}
.m-chapterList .section-last{ background-position: -190px -300px; }
.m-chapterList .section-cur{ background-color: #e2fadd; }

.m-chapterList .section .ks { width: 60px; color: #999; text-align: left; font-size: 14px; float: left;}
.m-chapterList .section .ksicon{  background: url(../img/listIcons.png) -136px -80px no-repeat; height: 19px; width: 19px; margin: 9px 0 0; float: left;}
.m-chapterList .section .ksinfo{ width: 90px; }
.m-chapterList .section .ksinfo .kstime{ float: right; width: 50px; text-align: right; font-size: 12px; color: #b7b8ba; }
.m-chapterList .section .ksname{ width: 450px; padding-left: 8px; color: #585c67; font-size: 12px; }
.m-chapterList .ksinfoicon{ width: 13px; height: 13px; margin: 13px 6px 0 6px;  background: url(../img/listIcons.png) -24px -184px no-repeat; }
.m-chapterList .section .ksbtn{ color: #10ae58; display: none; }
.m-chapterList .section-cur .ksinfo{ display: none; }
.m-chapterList .section-cur .ksbtn{ display: block; }


.u-cmt{ background: #fff; box-shadow: 0px 1px 2px #bbb; margin-bottom: 20px;}
.m-cmtinp{ padding:20px 20px 10px 20px;}
.j-input{ position: relative; }
.u-cmtedtip{ position: absolute; height: 14px; bottom: -28px; left: 0; font-size: 12px; color: #cdcdcd;}
.u-cmtedit { position: relative; z-index: 101; background: #FAFAFA; border: 1px solid #DFDFDF; -webkit-box-shadow: inset 1px 1px 2px #DFDFDF; -moz-box-shadow: inset 1px 1px 2px #dfdfdf; box-shadow: inset 1px 1px 2px #DFDFDF; padding: 5px; }
.mtxt{display: block; font-size: 14px; position: relative; z-index: 101; line-height: 23px; width: 100%; height: 100%; resize: none; background: transparent; border: none; color: #444; overflow-y: auto; overflow-x: hidden;}
.mtxt:focus{outline:none}
.m-cmtcnt{ padding: 5px 20px 15px; }
.m-cmtcnt .cmt{  }
.m-cmtcnt .cmt .info{ padding: 15px 0 10px; font-size: 12px;}
.m-cmtcnt .cmt .info .headimg{ width: 28px; height: 28px; float: left;  }
.m-cmtcnt .cmt .info .name{ width: 100px; float: left; display: block; line-height: 28px; margin-left: 6px; color: #39a030;}
.m-cmtcnt .cmt .info .time{ float: right; display: block; color: #999;}
.m-cmtcnt .cmt .txt{  color: #666; font-size: 12px; word-break: break-all;}
.u-cmtsb{   padding-top: 10px;}
.u-cmtsb .cancel{ float: right; line-height: 28px; color: #333; font-size: 12px; margin-right: 10px;}

.cmtmore{ display: block; border-top: 1px solid #eaeaea; text-align: center; color: #666; background: #f2f2f2; padding: 15px 0; line-height: 12px; font-size: 12px;}
.cmtmore:hover{  text-decoration: underline; }

.u-Pusers{ background: #fff; box-shadow: 0px 1px 2px #bbb;}
.u-Pusers ul{  padding: 14px; width: 260px;}
.u-Pusers li{ width: 50px; float: left; margin: 0 12px 10px 0; cursor: default;}
.u-Pusers li span{ width: 50px; color: #999; font-size: 12px; display: block;}



/*直播视频列表   2016-09-07  */

.livecourse_card > .link{ position: relative; }
.livecourse_card span.live { position: absolute; top: 7px; right: 8px; display: block; color: #fff; font-size: 12px; border-radius: 4px; background: #cc3333; padding: 2px 8px; }
.livecourse_card span.live_1{ position: absolute; top: 7px; right: 58px; display: block; color: #fff; font-size: 12px; border-radius: 4px; background: #000; padding: 2px 8px; }
.livecourse_card span.timetip{ left: 0; right: 0; bottom: 0; height: 30px; line-height: 30px; color: #fff; background: rgba(0,0,0,0.5); text-align: center; position: absolute; }
.livecourse_card .p2{ color: #888; font-size: 10px; }



/*直播视频列表   2016-09-07   end  */

/*直播评论   2016-09-08     */
.view-interact .discuss{ width: 810px; padding: 25px 0px 0 0; float:left;}
.view-interact .discuss .title{ padding-bottom:25px; color:#343434; font-size:14px;}
.view-interact .discuss-text{ padding-bottom:10px;}
.view-interact .discuss-text .imgbox{ width:64px; height:64px; float:left; margin-right:9px;   overflow:hidden;}
.view-interact .discuss-text .imgbox img{ width:100%; height:100%;}
.view-interact .discuss-text textarea{ background:#fff; border:1px #dcdcdc solid; padding:5px; height:54px; width: 725px; float:left; overflow:hidden; outline:none;  font-size:14px; box-shadow:#ddd 0px 3px 3px inset;}
.view-interact .discuss-text .plbtn{ background:#f2f2f2; width:79px; height:28px; border:1px #d1d1d1 solid; text-align:center; line-height:28px; color:#555555; padding:0;  float:right; border-radius:0;}
.view-interact .discuss-text .plbtn:hover{ background:#dfdede;}


.view-interact .discuss-pl{}
.view-interact .discuss-pl .plOne{ padding-top:10px;padding-bottom:10px;border-bottom:1px #d1d1d1 dotted; }
.view-interact .discuss-pl .plArea{ position:relative; padding-left:80px;}
.view-interact .discuss-pl .plArea .imgbox{ float:left; margin-left:-80px;width:64px; height:64px; overflow:hidden;  }
.view-interact .discuss-pl .plArea .imgbox img{ width:100%; height:100%;}
.view-interact .discuss-pl .plArea .p1{ line-height:30px;}
.view-interact .discuss-pl .plArea .name{ color:#0e91cd; font-weight:bold;}
.view-interact .discuss-pl .plArea .time{ margin-left:10px; color:#333; font-size:12px; font-family:Arial}
.view-interact .discuss-pl .plArea .p2{ color:#444; padding-bottom:6px; line-height:20px; font-size:14px;}
.view-interact .discuss-pl .plArea .tool{ position:absolute; top:0;right:0;}
.view-interact .discuss-pl .plArea .tool a{ color:#aaa; margin-right:5px;}


.view-interact .discuss-pl .Answer{ background:url(../images/icon_huifu.jpg) no-repeat 30px 30px; padding-left:62px; margin-top:10px;}
.view-interact .discuss-pl .Answer .txtbox{ padding:12px 12px 12px 70px; border:1px #efe8c8 solid; background:#faf6e2; position:relative;}
.view-interact .discuss-pl .Answer .txtbox .imgbox{ top:12px; left:12px; width:50px; height:50px;}

/*直播评论   2016-09-08   end  */



/*直播头部  2016-09-13   */
.commonCrumbs { margin-bottom: 20px; font-size:12px; list-style: none; border-radius: 4px; padding: 14px 0; }
.commonCrumbs li { float: left; color: #CCCCCC; }
.commonCrumbs li:after { content: ">"; margin: 0 6px; }
.commonCrumbs li.active:after { content: ""; }
.commonCrumbs li a { color: #CCCCCC; }




/*直播头部  2016-09-13  end  */





/*  作品展示     2016-09-18  开始 */

.work-wrap{  padding-top: 30px;  }
.work-wrap .work-side{width:300px; float:left;margin-left:20px}
.work-wrap .work-cont{width:880px; float:left;  }
.work-wrap .work-cont .work-cont-author{ height:50px; font-size:18px; line-height:50px; color:#000; padding:0 32px;}
.work-wrap .work-cont-pic{text-align:center; padding:70px 0;}

.work-wrap .work-side-innerbox{  background:#FFF;  box-shadow:1px 1px 3px rgba(0,0,0,.1); margin-bottom: 15px; }


.work-side-mod{background:#FFF; box-shadow:1px 1px 3px rgba(0,0,0,.1); margin-bottom:25px;}
.worker-mod{padding:20px;}
.worker-mod .worker-hd{padding-left:117px; overflow:hidden; margin-bottom:20px;}
.worker-mod .worker-hd .avatar{margin-left:-117px;}
.worker-mod .worker-hd .name{font:18px/30px "微软雅黑", Verdana; color:#02a7df;}
.worker-mod .worker-hd .add{color:#666;}
.worker-mod .worker-hd a.btn{display:inline-block; background:#999; color:#FFF; padding:0 12px; height:26px; font:14px/24px "微软雅黑", Verdana; margin:8px 0 0;}
.worker-mod .worker-hd a.btn:hover,.worker-mod .worker-hd a.cur,.work-side-mod .work-more a:hover{background:#01a7df; color:#FFF;}
.worker-mod .worker-bd{color:#666; line-height:24px;}
.worker-mod .worker-fd{border-top:1px solid #ededed; height:20px; margin-top:35px;}
.worker-mod .worker-fd a.btn{display:block; width:40px; height:30px; overflow:hidden; position:relative; background:#FFF url(../images/shouchan_handle.png) 5px -734px no-repeat; margin:-15px auto 0;}
.worker-mod .worker-fd a.btn:hover{background-position:5px -765px;}
.worker-mod .worker-fd a.up{background-position:5px -827px;}
.worker-mod .worker-fd a.up:hover{background-position:5px -796px;}
.work-side-mod h3.tit{height:50px; padding:0 20px; font:18px/50px "微软雅黑", Verdana; color:#000; background:#bbd5de;}
.work-list .list{overflow:hidden;}
.work-list .list li{padding-left:140px; overflow:hidden; margin:20px 0 0; padding-right: 20px;}
.work-list .list li .avatar{ margin-left:-120px; float: left;}
.work-list .list li .avatar .pic{ width: 100px; height: 71px; }
.work-list .list li h3{padding:5px 0 10px;}
.work-list .list li h3 a{font:14px/20px "微软雅黑", Verdana;}
.work-list .list li .teacher{ font-size: 12px; color: #999; line-height: 20px; max-height: 40px; overflow: hidden; padding-right: 10px;}
.work-list .list li .teacher span{ margin-right: 5px; }
.work-side-mod .work-more{margin:20px 0 0; height:50px;}
.work-side-mod .work-more a{display:block; font:18px/50px "微软雅黑", Verdana; color:#999; background:#CCC; text-align:center;}

.work-wrap .work-cont .work-handle{width:100%; height:50px; background:#616773;}
.work-wrap .work-cont .work-handle{}
.work-wrap .work-cont .work-handle .fr{padding:18px 10px 0 0;}
.work-wrap .work-cont .work-handle .fr a{display:inline-block; width:17px; height:17px;  margin:0 6px 0 0;}
.work-wrap .work-cont .work-handle .fr a.ren{background-position:0 0;}
.work-wrap .work-cont .work-handle .fr a.dou{background-position:-17px 0;}
.work-wrap .work-cont .work-handle .fr a.sina{background-position:-34px 0;}
.work-wrap .work-cont .work-handle .fr a.qq{background-position:-51px 0;}
.work-wrap .work-cont .work-handle .fl a{float:left; padding:8px 28px 0 70px; color:#FFF; height:42px; font:18px/38px "微软雅黑", Verdana;}
.work-wrap .work-cont .work-handle .fl a:hover{background:#fed500;}
.work-wrap .work-cont .work-handle .fl a b{float:left; display:inline; width:32px; height:32px;   margin:0 0 0 -40px;}
.work-wrap .work-cont .work-handle .fl a.c b{background-position:-309px -122px;}
.work-wrap .work-cont .work-handle .fl a.j b{background-position:-224px -91px;}

.work-cont-hd{height:50px; font:18px/50px "微软雅黑", Verdana; color:#000; padding:0 30px;  }
.work-cont-article{padding:15px;min-width:755px;}
.article-hd{padding:0 10px 20px; border-bottom:1px solid #e0e0e0; line-height:24px; color:#999; margin-bottom:20px; position: relative;}
.article-hd .btnbox{ position: absolute; right: 0px; top: 0px; }
.article-hd .btnbox .btn{ margin-left: 10px; }
.article-hd .btnbox strong{ color: #666; }

.article-tipinfo{ padding: 35px 0 24px; text-align: center; }

.article-tipinfo span{ color: #AEAEAE; margin:0 20px;  font-size: 12px; display: inline-block; }
.article-tipinfo .zan{ background: url(../img/workicon_zan.png) no-repeat center left; padding-left: 28px; }
.article-tipinfo .view{ background: url(../img/workicon_view.png) no-repeat center left; padding-left: 28px; }
.article-tipinfo .pl{ background: url(../img/workicon_pl.png) no-repeat center left; padding-left: 28px; }

.work-wrap .zanbox{  }
.work-wrap .zanbox .userlist{ padding: 10px 35px 20px; }
.work-wrap .zanbox .userlist ul{ }
.work-wrap .zanbox .userlist li{ float: left; width: 58px; margin: 0 10px 10px 11px; }
.work-wrap .zanbox .userlist li img{ width: 58px; height: 58px; border-radius: 100%; }

.article-bd{font-size:14px; line-height:30px; padding:0 10px;}
.article-pic{width:auto;text-align: center;padding: 30px 0;margin:0 auto;}
/* .work-cont-article .btn{display:inline-block; height:40px; font:14px/40px "微软雅黑", Verdana; color:#FFF; padding:0 25px; background:#00a6e0;} */


/*  作品展示  end  */



/*活动*/
.btn-u-green { background: #00cc99 !important; padding: 0px 32px !important; border-radius: 30px !important; color: #fff !important; }
.btn-u-gray { background: #ccc !important; padding: 0px 32px !important; border-radius: 30px !important; color: #fff !important; }

.last-user { background: #f2f2f2; }
.last-user ul.avatar li img { width: 65px; height: 65px; border-radius: 100%; }
.last-user h2 { font-size: 18px; font-weight: 700; color: rgb(255, 102, 0); line-height: 70px; }
.last-user ul li { float: left; margin: 0 46px 30px 0; }


.hd-ul ul li { position: relative; padding-left: 600px; height: 300px; background: #f2f2f2;}
.hd-ul ul li .tip{ width: 95px; height: 35px; position: absolute; left: 0; top: 0; text-align: center; line-height: 35px; z-index: 10;}
.hd-ul ul li .tip_black{ background: rgba(0,0,0,0.8); color: #fff; }
.hd-ul ul li .tip_red{ background: rgba(235,58,31,0.8); color: #fff; }


.hd-ul ul li .picbox{ height: 300px; width: 100%; overflow: hidden; position: absolute; left: 0; top: 0;}
.hd-ul ul li .picbox img{ height: 300px; }
.hd-ul ul li .infobox{ padding: 30px; }
.hd-ul ul li .p1{ font-size: 18px; padding-bottom: 20px; }
.hd-ul ul li .p2{ font-size: 14px;   }
.hd-ul ul li .toolbox{ position: absolute; bottom: 30px; left: 630px; right: 30px;}
.hd-ul ul li .time{ float: right; line-height: 34px; color: #ff6600; }



.hd-ul ul li h2.title { margin-top: 24px; margin-bottom: 10px; font-size: 20px; line-height: 32px; }
.hd-ul ul li h2.title .btn-green { background: #00cc99; padding: 0px 32px; border-radius: 30px; color: #fff; }
.hd-ul ul li h2.title .btn-gray { background: #ccc; padding: 0px 32px; border-radius: 30px; color: #fff; }
.hd-ul ul li .c { width: 100%; height: 277px; overflow: hidden; }
.hd-ul ul li img {  }


.user-work-c .u-nav { margin-top: 12px; border-bottom: 1px #f2f2f2 solid; }
.user-work-c .u-nav a { color: #999999; font-size: 18px; line-height: 64px; margin-right: 28px; }
.user-work-c .u-nav a.info { color: #000; font-weight: 700; }
.user-work-c .u-nav a.btn { line-height: 2.1; font-size: 13px; margin-top: 18px; }
.user-work-c ul.content { width: 1230px; margin-top: 32px; }
.user-work-c ul.content li { float: left; width: 277.5px; height: 280px; margin-right: 30px; }
.user-work-c ul.content li img { width: 100%; height: 100%; }


 /*视频播放页面   2016-09-03*/
.play-head{ height:50px; background:#1f1f21; padding:15px 10px 0; position:absolute; top:0px; left:0; right:345px;}
.play-head h1{ display:inline-block; vertical-align:top; margin-left:20px; color:#ccc; font-size:20px; line-height:35px;}


.play-dec{ position:absolute; top:0px; bottom:0; right:0; width:344px; background:#2b2b2b; border-left:1px #000 solid;}
.play-tit{ height:65px; background:#1b1b1b; line-height:50px; padding:0 20px;}
.play-tit .p1{ font-size:14px; color:#ccc; line-height:20px; padding:10px 0 5px;}
.play-tit .p2{ font-size:12px; color:#ccc; line-height:20px;}

.play-video{ position:absolute; top:65px; left:0; right:345px; bottom:0;}
.play-snav{ margin:0 12px; border-bottom:1px #000 solid; padding-top:20px;}
.play-snav a{ display:block; width:33.3%; padding-bottom:18px; position:relative; bottom:-1px; float:left; text-align:center; line-height:25px; color:#ccc;}
.play-snav a.on{ border-bottom:2px #338cc8 solid;}

.play-cont{ color:#ccc; position:absolute; top:140px; left:0px; right:0px; bottom:0; overflow:auto;}
.play-cont .play-cont-item{ display:none;}

.point_list{ padding:5px 0;}
.point_list li{ line-height:35px;}
.point_list li a{ display:block; padding-left:35px; color:#ccc;}
.point_list li a:hover{ background:#333;}
.point_list li.on a {background:#3a3e4a;}


.play-commun{ position:absolute; left:0; top:0; right:0; bottom:120px; overflow-y:auto;}
.play-commun li{ position:relative; padding:15px 15px 15px 65px; border-bottom:1px #1a1a1a dashed;}
.play-commun li .headimg{ width:32px; height:32px; border-radius:32px; position:absolute; top:20px; left:15px;}
.play-commun li .time{ line-height:20px; color:#ccc; font-size:12px;}
.play-commun li .time span{ float:right;}
.play-commun li .txt{ line-height:20px; color:#ccc; font-size:12px;}


.play-commun-edit{ background:#202022; position:absolute; bottom:0; height:80px; right:0; left:0; padding:20px;}
.play-commun-edit input{ padding:0 12px; line-height:30px; border:1px #dbdbdb solid; width:278px; height:30px;}
.play-commun-edit .tool{}
.play-commun-edit .tool .p1{ float:right; line-height:30px;}
.play-commun-edit .tool .tips{ color:red; line-height:28px;}

.play-question{ padding:20px;}
.play-question .txt{ padding:0 12px; line-height:30px; border:1px #dbdbdb solid; width:278px; height:130px;}
.play-question .p1{ padding:10px 0;}
.play-question .tips{ float:right; line-height:30px; color:red;}

.play-question .msgimgbox{ padding:10px; border:1px #dbdbdb solid; margin:15px 0;}

.play-myfaq{ padding:20px;}
.play-myfaq .tit{ color:#ccc; font-size:16px; padding-bottom:15px;}
.play-myfaq li{ position:relative; border-bottom:1px #1a1a1a dashed; padding:15px 0;}
.play-myfaq li .time{ line-height:20px; color:#ccc; font-size:14px; padding:5px 0;}
.play-myfaq li .time span{ float:right;}
.play-myfaq li .txt{ line-height:20px; color:#ccc; font-size:12px; padding-bottom:15px;}


/* 学生作品页  2016-09-03*/
.stushow-index_nav .btn { margin-top: 20px; }
.stushow-title { font-weight: 700; font-size: 20px; line-height: 58px; }
.stushow-title .btn { margin-top: 14px; }
.stushow-gallery-list { padding: 20px 0;  }
.stushow-gallery-list .kc ul.c-3 { width: 1224px;}
.stushow-gallery-list .kc ul.c-3 li.picdiv {  width:285px ; background-color:#fff;  xbox-shadow:0 0 4px #ddd; position: relative;}
.stushow-gallery-list .kc ul.c-3 li.picdiv .toupiaotip{ position: absolute; top: 10px; right: 10px; width: 60px; height: 30px; text-align: center; display: block; line-height: 30px; color: #fff; background: #e4b62d; border-radius: 3px; cursor: default;}
.stushow-gallery-list .kc ul.c-3 li.picdiv .toupiaotip_hot{  background: #ff6501; }

.stushow-gallery-list .kc ul.c-3 li.picdiv .imgbox { width: 100%;   overflow: hidden; display:block;   }
.stushow-gallery-list .kc ul.c-3 li.picdiv .imgbox img { width: 100%; }
.stushow-gallery-list .kc ul.c-3 li.picdiv .content { padding: 14px 18px 9px; }
.stushow-gallery-list .kc ul.c-3 li.picdiv .content .avatar { width: 35px; height: 35px; margin-right: 15px; border-radius: 100%; }
.stushow-gallery-list .kc ul.c-3 li.picdiv .content ul li.title { font-size: 14px; line-height: 20px; padding-bottom: 4px;}
.stushow-gallery-list .kc ul.c-3 li.picdiv .content ul li.name { color: #AEAEAE; font-size: 12px; line-height: 15px;}
.stushow-gallery-list .kc ul.c-3 li.picdiv .info { padding: 5px 18px 15px; }
.stushow-gallery-list .kc ul.c-3 li.picdiv .info span{ color: #AEAEAE;margin-right: 30px;  font-size: 12px;}
.stushow-gallery-list .kc ul.c-3 li.picdiv .info .zan{ background: url(../img/workicon_zan.png) no-repeat center left; padding-left: 28px; }
.stushow-gallery-list .kc ul.c-3 li.picdiv .info .view{ background: url(../img/workicon_view.png) no-repeat center left; padding-left: 28px; }
.stushow-gallery-list .kc ul.c-3 li.picdiv .info .pl{ background: url(../img/workicon_pl.png) no-repeat center left; padding-left: 28px; }

.stushow-xy { padding: 20px 0; }
.stushow-xy div.content ul { width: 1210px;  }
.stushow-xy div.content ul li { width: 232px; background: #f9f9f9; margin: 0 10px 10px 0; float: left;  }
.stushow-xy div.content ul li .content img{ width: 111px; height: 111px; border-radius: 100%; }
.stushow-xy div.content ul li .content { padding: 25px 0; text-align: center; }
.stushow-xy div.content ul li .content h2.title { font-size: 16px; line-height: 42px; }
.stushow-xy div.content ul li .content p.comment { height: 20px; line-height: 20px; font-size: 12px; color: #949494; }


/*新闻页  2016-09-09*/
.articlepage { background: #f3f3f3; }
.articlewrap{ padding: 50px 0; }
.articlewrap .art_title{ font-size: 26px; padding-bottom: 10px;  text-align: center; color: #333;}
.articlewrap .art_h2{ color: #a0a0a0; font-size: 12px; text-align: center; padding-bottom: 20px;}
.articlewrap .cont{ padding: 40px; background: #fff; }
.articlewrap .cont img{ width: 100%; margin-bottom: 20px; }
.articlewrap .cont .txtbox{ padding-bottom: 30px; }
.articlewrap .cont .txtbox .p1{ padding-bottom: 20px; font-size: 20px; text-align: center;}
.articlewrap .cont .txtbox .p2{  font-size: 14px; line-height: 25px;}
.articlewrap .cont .videobox{ padding-bottom: 20px; text-align: center; }





/*活动*/
.btn-u-green { background: #00cc99 !important; padding: 0px 32px !important; border-radius: 30px !important; color: #fff !important; }
.btn-u-gray { background: #ccc !important; padding: 0px 32px !important; border-radius: 30px !important; color: #fff !important; }
.u-ad { width: 100%; height: 500px; overflow: hidden; text-align: center; background: #000;}
.u-ad img { height: 100%; width: auto; }
.last-user { background: #f2f2f2; }
.last-user ul.avatar li img { width: 65px; height: 65px; border-radius: 100%; }
.last-user h2 { font-size: 18px; font-weight: 700; color: rgb(255, 102, 0); line-height: 70px; }
.last-user ul li { float: left; margin: 0 46px 30px 0; }
.hd-ul ul li h2.title { margin-top: 24px; margin-bottom: 10px; font-size: 20px; line-height: 32px; }
.hd-ul ul li h2.title .btn-green { background: #00cc99; padding: 0px 32px; border-radius: 30px; color: #fff; }
.hd-ul ul li h2.title .btn-gray { background: #ccc; padding: 0px 32px; border-radius: 30px; color: #fff; }
.hd-ul ul li .c { width: 100%; height: 277px; overflow: hidden; }

.user-work-h { padding-top: 28px; padding-bottom: 20px;  }
.user-work-h .left .title { font-size: 18px; line-height: 52px;  }



.questions{padding-top:40px;padding-bottom: 20px;background: url(../img/course/bg2.jpg);      background-position: center center;     background-repeat: no-repeat;
      background-attachment: scroll;      background-size: cover;}
.questions .p1{ padding: 0px 0 20px; font-size: 24px; color: #333; text-align: center;}

.questions>.content>ul{	width:1306px;}

.questions>.content>ul>li{	float:left;	width:334px;	height:150px;	margin-right:6px;	margin-bottom:6px;	background:#fff;	padding:20px 31px 0;}

.questions>.content>ul>li h2{	font-size:18px;	font-weight:400;	color:#000;	line-height:24px;	margin:0 0 6px;}

.questions>.content>ul>li p{	color:#999;	font-size:12px;	line-height:18px;}



.business{ padding:40px 0 35px; background:#c8e5e9 url(../images/func_bg_1.png);}
.business .txt{ width:525px; float:left;}
.business .title{ color:#f3775b; font-size:26px; padding-bottom:22px;}
.business .link{ color:#f66538;}
.business .txt p{ color:#5b595c; line-height:25px; font-size:14px;}
.business .btn{ border:1px #0b8091 solid; padding:0 35px; line-height:38px; border-radius:25px; color:#0b8091; display:inline-block; margin-top:25px;}
.business .pic{ float:right;}




.openclass-video{ background:#ddd url(../images/ggkheadimg.jpg) no-repeat center top; height: 677px; }
.openclass-video .title{ padding: 60px 0 40px; text-align: center; font-size: 24px; color:#333;}
.openclass-video .videobox{ width: 800px; height: 400px; background: #000; margin: 0 auto; }
.openclass-video .tip{ padding-top: 25px; text-align: center; color: #555;}

.course-list-col2{}
.course-list-col2 li{ width: 535px; margin-right: 30px; margin-bottom: 20px; }
.course-list-col2 li .pic{ width: 535px; height: 205px; }
.course-list-col2 li .intro{ height: 60px; }




.index-gallery-list{ background:#fff; padding:60px 0 90px;}
.index-gallery-list .tp1{ padding-bottom:15px; font-size:30px; text-align:center; color:#222;}
.index-gallery-list .tp2{ padding-bottom:25px; font-size:16px; text-align:center;}
.index-gallery-list .picshow{ width:1120px;overflow:hidden; }
.index-gallery-list .picshow li{width:260px; height:260px; float:left; margin:0 20px 20px 0; overflow:hidden; }
.index-gallery-list .picshow img{ width:100%;}


.moment{}
.moment-box{ padding:25px 0;  }
.moment-nav{ }
.moment-nav a{ padding:0 30px; line-height:38px; color:#000; display:inline-block; vertical-align:top; font-size:14px;}
.moment-nav a.on{ background:#1fb6e9; color:#fff;}


.moment-list { width:1200px; padding-top:30px;}
.moment-list li{ width:265px; height:265px; position:relative; overflow:hidden; float:left; margin:0 13px 20px 0;}
.moment-list li .pic{ width:100%; position:absolute; left:0; top:50%; margin-top:-133px;}
.moment-list li .info{ background:url(../images/tmbg.png); height:70px; width:100%; position:absolute; left:0; bottom:-70px;transition:all 0.2s;}
.moment-list li .info .name{ color:#fff; padding:14px 15px 5px 15px; font-size:14px; line-height:20px;}
.moment-list li .info .zan{background:url(../images/icon-zan.png) no-repeat left; padding-left:25px; color:#fff; font-size:14px; float:right;}
.moment-list li .info .p1{ color:#969697; font-size:14px; padding-left:15px;}
.moment-list li.bigbox{ width:543px;}
.moment-list li.bigbox .pic{ margin-top:-271px;}

.moment-list li:hover .info{ bottom:0;}




.index-imgshow{ width:1280px;}
.index-imgshow li{ width:353px; float:left; margin-right:20px;}
.index-imgshow li img{ width:100%; height:246px;}
.index-imgshow li .title{ font-size:16px; font-weight:bold; padding:5px 0; color:#333;}
.index-imgshow li .txt{ color:#666; font-size:14px;}





/*=======主体内容=======*/

.banner-company{ background:#000 url(../images/x-1.jpg) top no-repeat; height:360px;}


.company-area-1{ padding:55px 0 30px; border-bottom:1px #f2f2f2 solid;}
.company-area-1 .title{ line-height:30px; font-size:26px; color:#111; font-weight:300; padding-bottom:15px;}
.company-area-1 p{line-height:30px;   font-size:14px; color:#838383}

.company-area-2{ padding:35px 0; background:#fff;}

.company-area-3{ padding:50px 0; }
.company-area-3 .title{ line-height:30px; font-size:26px; color:#111; font-weight:300; padding-bottom:25px;}
.company-area-3 p{line-height:30px;   font-size:14px; color:#838383}
.company-area-3 .pic{ float:right; width:580px;}



/*teacher*/
.teacher{}

.teacher_slogan{ padding:20px 0;  }

.teacher_slogan h2{ width:500px; padding:20px 0 15px; font-size:26px; color:#222;}
.teacher_slogan h2 a{ color:#222;}



.teacher_slogan .txt{ width:500px; color:#7c7c7c; font-size:14px; line-height:28px;}
.teacher_slogan .pic{ float:right;}
.teacher_slogan .pic img{ width:442px; height:230px;}
.teacher .area{ border-bottom:1px #e1e1e1 solid; padding:30px 0; position:relative;}
.teacher .area .headimg{ float:left; width:250px; height:250px; margin:0 45px 0 0;}
.teacher .area .text{ float:left; width:680px;}
.teacher .area .text .p1{ font-size:26px; color:#242424; padding-bottom:20px; line-height:30px; font-weight:300;}
.teacher .area .text .p2{ font-size:16px;  color:#cc6633; padding-bottom:20px; line-height:18px;}
.teacher .area .text .p3{ font-size:14px; color:#6a6a6a; line-height:30px; padding-right:100px;}
.teacher .area .text .btnarea{ }
.teacher .area .text .btnarea .btn-course{ position:absolute; right:0; top:50%; margin-top:-21px; width:115px; height:42px; line-height:42px; background:#ff5a5f; color:#fff; font-size:16px; text-align:center; border-radius:3px;}


.teacher-area-1{  padding:40px 0 40px;}
.teacher-area-1 h2{ color:#282d33; padding-bottom:15px; font-size:30px; text-align:center;}
.teacher-area-1 ul{ padding-top:10px; width:1300px; }
.teacher-area-1 li{ float:left; width:250px; margin:0 73px 20px 0;  background:#fff; text-align:center; padding:20px 0;}
.teacher-area-1 li img{ width:200px; height:200px; border-radius:100%;}
.teacher-area-1 li .name{ padding:10px; text-align:center; font-size:16px; color:#24130a; font-weight:bold;}
.teacher-area-1 li .info{ color:#9d9d9d; height:20px; line-height:20px; font-size:14px;}


.teacher-view-header{ height:360px; background:#060606 url(../images/a2.jpg) no-repeat center;}
.teacher-view-header .wrapper{ position:relative;}
.teacher-view-header .headimg{ width:225px; height:225px; position:absolute; left:60px; top:55px;}
.teacher-view-header h1{ position:absolute; left:403px; top:70px; color:#fff; font-size:26px; line-height:26px;  font-weight:300;}
.teacher-view-header .p1{ color:#ff9966; position:absolute; left:403px; top:115px; font-size:16px; line-height:18px;}
.teacher-view-header .p2{ position:absolute; width:650px; left:403px; top:150px; line-height:25px; color:#fff; font-size:14px;}

/*gallery*/

.banner-gallery{ background:url(../images/a2.jpg) repeat; height:360px;}
.banner-gallery h1{ color:#fff; font-size:32px; text-align:left; padding:120px 0 25px;}
.banner-gallery h3{   color:#fff; text-align:left; line-height:25px; font-size:16px;}

.student-show-area{ padding:20px 0 10px; background:#fff; position:relative;}

.student-list{ width:1200px;}
.student-list li{ width:265px; height:265px; position:relative; overflow:hidden; float:left; margin:0 13px 20px 0;}
.student-list li .pic{ width:100%; position:absolute; left:0; top:50%; margin-top:-133px;}
.student-list li .info{ background:url(../images/tmbg.png); height:70px; width:100%; position:absolute; left:0; bottom:-70px;transition:all 0.2s;}
.student-list li .info .name{ color:#fff; padding:14px 15px 5px 15px; font-size:14px; line-height:20px;}
.student-list li .info .zan{background:url(../images/icon-zan.png) no-repeat left; padding-left:25px; color:#fff; font-size:14px; float:right;}
.student-list li .info .p1{ color:#969697; font-size:14px; padding-left:15px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:22px;}
.student-list li:hover .info{ bottom:0;}


.student-inside-list{ width:1200px;}
.student-inside-list li{ width:265px;   position:relative; overflow:hidden; float:left; margin:0 13px 20px 0; text-align: center;}
.student-inside-list li .picbox{ width: 180px; height: 180px; display: inline-block;;  position: relative; }
.student-inside-list li .picbox:after{ content: ''; width: 180px; height: 180px; border-radius: 100%; background: rgba(200,200,200,0.4); position: absolute; left: 0; top: 0; -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.student-inside-list li .picbox:hover:after{ background: rgba(200,200,200,0); }
.student-inside-list li .pic{ width:180px; height: 180px; border-radius: 100%; }
.student-inside-list li .info{   height:70px; }
.student-inside-list li .info .name{ color:#000; padding:14px 15px 5px 15px; font-size:14px; line-height:20px;}
.student-inside-list li .info .zan{background:url(../images/icon-zan.png) no-repeat left; padding-left:25px; color:#848484; font-size:14px; float:right;}
.student-inside-list li .info .p1{ color:#969697; font-size:12px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:22px;}



.commonmore{ background:#1fb7e9; color:#fff; width:70px; height:35px; display:block; float:right; line-height:35px; text-align:center; margin:10px 0 0 0; border-radius:3px;}





.student-show{ width:400px; height:400px; position:absolute; right:0; top:0; overflow:hidden; margin:0 auto;}
.student-show-list{ position:absolute; left:0; top:0;}
.student-show-list li{ width:400px; height:400px; position:absolute; left:0; top:0; display:none; background:#000; overflow:hidden; text-align:center;}
.student-show-list li img{ max-width:100%; max-height:100%; }

.student-show .tab_li{ text-align:center; position:absolute; bottom:5px; left:0; width:100%; z-index:20;}
.student-show .tab_li li{ cursor:pointer;display:inline-block; width: 10px; height: 10px; line-height: 15px; margin-right: 7px;transition: all 0.2s; background:#fff; border-radius: 50%;}
.student-show .tab_li li.on{ background-color: #ff5a5f;}




.course-info{ background:#5c5c5c url(../images/course-bg.jpg) no-repeat center; padding:40px 0 20px;}
.course-info-gg{ margin-bottom:40px;}
.course-info-gg img{ width:100%;}

.scene-course{ }
.scene-course .area{ background:#3c3f40; height:380px; margin-bottom:30px; padding-right:35px; padding-left:565px; position:relative;}
.scene-course .area .pic{ height:380px; width:525px; position:absolute; left:0; top:0;}
.scene-course .area .title{ color:#fff; font-size: 24px; padding:25px 0 10px; font-weight:300;}
.scene-course .area .tp1{ color:#eee; margin-bottom:20px; font-size:14px; line-height:25px; height:85px;}
.scene-course .area .p1{ color:#ccc; padding-bottom:5px; font-size:14px;}
.scene-course .area .p1 strong{ color:#eee;}
.scene-course .area .zixun{ padding:30px 0 0 0; line-height:45px;}
.scene-course .area .btn{ width:120px; height:45px; text-align:center; line-height:45px; background:#ff9900; color:#fff; font-size:16px; float:left; margin-right:20px; padding:0;}
.scene-course .area .zixun .yh{ color:#ff9900; font-size:14px;}

.scene-course .area .prize{ color:#fff; font-size:16px; padding-top:10px; font-weight:bold;}
.scene-course .area .prize span{ color:#eb8736; font-weight:bold;}

.scene-course .area .btnarea{ line-height:45px;}
.scene-course .area .btnarea .youhui{ color:#fff;}
.scene-course .area .btnarea .youhui strong{ line-height:30px; font-size:14px; vertical-align:top; display:inline-block; background:#ff5a5f; color:#fff; margin-top:8px; padding:0 10px; margin-right:10px; border-radius:3px; font-weight:normal;}
.scene-course .area .btnarea .youhui:hover{ color:#ff5a5f}
.scene-course .area .btnarea .btn-course{ width:130px; height:45px; color:#fff; background:#ff9900; border-radius:3px; display:inline-block; vertical-align:top; text-align:center; line-height:45px; font-size:16px; float:right;}


.course-area-1{ padding:30px 0  0px;}
.course-common-h2{ width:500px; padding-bottom:20px; font-size:20px; line-height:20px; color:#333;  }
.course-common-txt{ width:500px; color:#7c7c7c; font-size:16px; line-height:25px;}
.course-common-txt-1{color:#7c7c7c; font-size:14px; line-height:20px;}
.course-area-1 .pic{ float:right;}


.course-ys{ padding-top:25px;}
.course-ys ul{ width:1200px;}
.course-ys li{ width:260px; float:left; height:360px; margin-right:20px;}
.course-ys li img{ width:260px; height:360px;}
/*news*/
.news{ background:#e9eaed; padding:30px 0;}
.news h2{ color:#222; font-size:30px; padding:0 0 30px;}
.news-list{}
.news-list li{ padding:20px 15px; border:1px #e2e2e2 solid; margin-bottom:15px; background:#fff;}
.news-list li .pic{ float:left; width:314px; height:150px; margin-right:20px;}
.news-list li .tit{ line-height:35px; font-size:20px; color:#111;}
.news-list li .time{ color:#be2727; line-height:25px; padding-bottom:10px; font-size:16px;}
.news-list li .txt{ font-size:14px; color:#111;}

.share{ text-align:center; line-height:34px; margin:15px 0; font-size:14px;}
.share strong{ color:#F00}


.news-cont{ background:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.1);width:880px ;float:left }
.news-cont h1{ color:#333; line-height:65px; border-bottom:1px #e3e3e3 solid;text-align:center; font-size:24px;  position:relative;}
.news-cont h1 .back{ height:35px; line-height:35px; padding:0 15px; position:absolute; left:20px; top:14px;}
.news-cont .time{ color:#be2727; line-height:25px; padding:15px 40px; font-size:16px;}
.news-cont .txt{ padding:0px 20px 25px; font-size:14px;}

/*faq*/
.faq{   padding:40px 0;}
.faq h2{color:#222; font-size:30px; padding:0 0 30px;}
.qa-list{ }
.qa-list li{  margin-bottom:40px; }
.qa-list li .q{ line-height:30px; font-size:26px; color:#111; font-weight:300; padding-bottom:15px;}
.qa-list li .a{ line-height:25px;   font-size:14px;}



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

#back-top{  height:85px;position:fixed;_position:absolute;right:70px;  bottom:100px;_TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight); background-color:#FFF; padding:5px; border:solid #EFEFEF 1px; color:#333}




.imgstore_list{ padding:30px 0;}
.imgstore_list ul{ width:1250px;}
.imgstore_list li{ width:530px; float:left; margin:0 38px 20px 0; position:relative;}
.imgstore_list li .link{ position:absolute; left:0; top:0; right:0; bottom:0; display:block; z-index:10;}
.imgstore_list li .imgbox{ width:530px; height:370px; position:relative;}
.imgstore_list li .pic{ width:530px; height:370px; position:absolute; left:0; top:0; display:none;}
.imgstore_list li .info{ padding:15px; background:#f0f0f0;}
.imgstore_list li .info .title{ font-size:22px; color:#040300; padding-bottom:10px;}
.imgstore_list li .info .txt{ color:#666666; line-height:20px; height:60px; font-size:14px;}
.imgstore_list li .imgnum{ width:65px; height:28px; line-height:28px; position:absolute; color:#fff; background:#16d0c5; right:20px; top:18px; z-index:20; border-radius:20px; text-align:center; font-size:14px;}






/*online*/
.banner-online{ background:url(../images/banner-common-1.jpg) repeat center;  height:360px; position:relative;}
.banner-online .bg{ background:url(../images/a5.jpg) no-repeat center; height:360px;}

.online-course{}
.online-course .area{  padding:30px 0; border-bottom:1px #ececec solid;}
.online-course .area .picbox{ width:500px; height:333px; float:left; margin-right:50px; background:#999;}
.online-course .area img{ float:left; width:500px; margin-right:50px;}
.online-course .area .text{ float:left; width:550px;}
.online-course .area .text .p1{ font-size:26px; color:#242424; padding-bottom:15px; padding-top:15px; line-height:30px; font-weight:300;}
.online-course .area .text .p2{ font-size:14px; color:#7c7c7c; padding-bottom:15px; line-height:25px;}
.online-course .area .text .p3{ font-size:14px; color:#7c7c7c; line-height:30px;}
.online-course .area .text .p3 b{ color:#242424;}
.online-course .area .text .prize{ color:#333; font-size:16px; padding-top:25px; font-weight:bold;}
.online-course .area .text .prize span{ color:#eb8736;}

.online-course .area .text .btnarea{ line-height:45px; }
.online-course .area .text .btnarea .youhui{ }
.online-course .area .text .btnarea .youhui strong{ line-height:30px; font-size:14px; vertical-align:top; display:inline-block; background:#ff5a5f; color:#fff; margin-top:8px; padding:0 10px; margin-right:10px; border-radius:3px; font-weight:normal;}
.online-course .area .text .btnarea .youhui:hover{ color:#ff5a5f;}
.online-course .area .text .btnarea .btn-course{ width:130px; height:45px; color:#fff; background:#ff9900; border-radius:3px; display:inline-block; vertical-align:top; text-align:center; line-height:45px; font-size:16px; float:right;}


.online-area-x{ background:#f4f4f4; padding:85px 0 130px;}
.online-area-1{ background:#fff; padding:85px 0 130px;}
.online-area-1 h2{ color:#222222; padding-bottom:15px; font-size:30px; text-align:center;}
.online-area-1 p{ color:#454545; line-height:24px; font-size:14px; text-align:center; padding-bottom:20px;}
.online-area-1 ul{ padding-top:50px;}
.online-area-1 li{ float:left; width:248px; margin:0 18px;}
.online-area-1 li p{ padding-top:20px; text-align:center; font-size:16px;}

.chart{ background:#f4f4f4; padding:50px 0 ; margin-top:5px;}
.chart ul{  border-left:6px #d1d1d1 solid; margin-left:70px;}
.chart li{ position:relative; height:140px; margin-bottom:50px}
.chart li .pic{ position:absolute; left:-74px; width:140px; height:140px;}
.chart li .text{ padding-left:110px;}
.chart li .tp1{ padding:30px 0; line-height:20px; font-size:26px; color:#282828; font-weight:300;}
.chart li .tp2{ font-size:14px; color:#666}


.online-header{ background:#f0f0f0; padding:35px 0;}
.online-header .info{ float:left; width:500px; padding-right:50px;}
.online-header h1{ padding:10px 0 20px; font-size:28px; color:#333;}
.online-header h3{ color:#413937; font-size:14px; line-height:30px;}

.online-header .pic{ width:550px; height:250px; float:right;}


.howto-youhui{    margin-top:40px;}
.howto-youhui ul{ width:1250px;}
.howto-youhui li{ width:525px; float:left; }
.howto-youhui li img{ width:100%;}


.online-youshi{ padding:30px 0;}
.online-youshi ul{ width:1200px;}
.online-youshi li{ width:425px; float:left; margin-right:50px; margin-bottom:25px; padding-left:100px; position:relative;}
.online-youshi li .num{ color:#fff; height:80px; width:80px; border-radius:100%;  display:block;  line-height:80px; text-align:center; font-size:22px; position:absolute; left:0; top:0;}
.online-youshi li .num img{ width:80px;}
.online-youshi li .p1{ line-height:25px; font-size:26px; color:#111; font-weight:300; padding-bottom:15px;}
.online-youshi li .p2{ padding-right:30px; line-height:20px; height:40px;  font-size:14px;}


.sharearea{ padding:30px 0; }
.share-list{ }
.share-list li{   margin: 10px; position: relative; }
.share-list li .picbox{  position: relative;   }
.share-list li .coverbox{ position: absolute; left: 0; top: 0; right: 0; bottom: 0;  background: rgba(0,0,0,0.1); display: none;}
.share-list li .picbox:hover .coverbox{ display: block; }
.share-list li .likebtn{ background:  linear-gradient( #FAFAFA, #F2F2F2); display: block; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 4px; display: none; z-index: 10; cursor: pointer;}
.share-list li .picbox:hover .likebtn{ display: block; }

.share-list li  i.heart{ background: url(../img/action_like.svg) 0 0 no-repeat; display: inline-block; width: 12px; height: 14px; vertical-align: middle;  }
.share-list li .likebtn:hover i.heart{ background-position: 0 -30px; }
.share-list li  i.heart_on{ background-position: 0 -60px; }
.share-list li .likebtn:hover i.heart_on{ background-position: 0 -60px !important; }

.share-list li .pic{  }
.share-list li .info{   padding:10px;}
.share-list li p{ padding-bottom:8px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.share-list li .view{ background:url(../images/shareview.png) no-repeat left; line-height:16px; padding-left:35px;}





.index-partners{ padding-bottom:40px;}
.index-partners ul{ width:1200px; padding-top:25px;}
.index-partners li{ width:200px; height:65px; float:left; margin-right:25px; margin-bottom:25px;}
.index-partners li img{ width:200px; height:65px;}

.brief {
    padding: 20px 0;
    text-align: center;



}
.brief p{ line-height: 25px; font-size: 14px; }
.brief h2 {
		font-family:"arial","微软雅黑","Microsoft YaHei";
		font-size:24px;
		padding-bottom: 15px;
		color:#444

}

#scrollUp-active {
    display: none;
}
#scrollUp {
    background-image: url("../img/top.png");
    bottom: 20px;
    right: 20px;
    width: 38px;    /* Width of image */
    height: 38px;   /* Height of image */
}












.photolistarea{ border:1px #dadada solid; padding:0px; display:block; float:left; width:284px; margin-right:3px; margin-bottom: 10px; padding-bottom:10px; position: relative;}
.photolistarea .img{ width:100%;   margin-bottom:10px;}

.photolistarea .setfm{ position: absolute; left: 0; right: 0; top: 0; background: rgba(0,0,0,0.5); height: 284px; display: none;}
.photolistarea .setfm span{ width: 120px; height: 30px; background: #fff; line-height: 30px; display: block; text-align: center; left: 50%; top: 50%; margin: -15px 0 0 -60px; color: #333; position: absolute; border-radius: 15px; }
.photolistarea:hover .setfm{ display: block; }
.photolistarea .isfm{ position: absolute; left: 5px; top: 5px; width: 28px; height: 28px; background: url(../img/isfm-28.png) no-repeat; border-radius: 100%;}

.bsexample { background-color: #fff; border: 1px #ddd solid;border-bottom: none; border-radius: 4px 4px 0 0;padding:20px}

.highlight { padding: 9px 14px; margin-bottom: 14px; background-color: #f7f7f9; border: 1px solid #e1e1e8; border-radius: 0 0 4px 4px ;}



.comment-list{ padding:20px 45px;}
.comment-list li{ padding:22px 0 22px 78px; border-bottom:1px #f3f3f3 solid; position:relative; min-height:60px;}
.comment-list li .headimg{ width:60px; height:60px; position:absolute; left:0; top:40px;border-radius:100%}
.comment-list li .zp_1{}
.comment-list li .name{ color:#428bca; font-size:14px;  }
.comment-list li .zhiye{ color:#ccc; margin-left:7px; font-size:14px;}
.comment-list li .time{ color:#ccc;  font-size:12px;}
.comment-list li .p1{ padding:10px 0 0px; line-height:25px;}
.comment-list li .txt{ color:#313131; line-height:25px; width:600px; font-size:16px; overflow: hidden; word-break: break-all;}
.comment-list li .hfbox{ padding: 12px 12px 12px 55px; border:1px #ededed solid; margin:15px 3px 10px;  background:#fcfcfc; position:relative;}
.comment-list li .hfbox img{ position:absolute; left:12px; top:18px; width:32px; height:32px;}
.comment-list li .hfbox .p1{ padding-top:0;}
.comment-list li .hfbox .by{ position:absolute; left:-30px; color:#999;}

.comment-list li .rebtnbox{float:right; }


.comment-list li .rediv{display:none; color:#ddd; margin:20px 0 10px; border:1px #ddd solid; height:30px; padding:3px;}
.comment-list li .rediv .hf_btn{ float:right; width:46px; height:30px; display:block; line-height:30px; text-align:center; background:#38be5e; color:#fff;}
.comment-list li .rediv input{ border:none; line-height:30px; padding-left:10px; width:920px;}
 .pl{
	 margin-top:10px
 }
 .writarea{
	 margin-left:40px
 }


/* 新内页 */
	.liveHeader{ padding-bottom: 0;  background: #262626;  }
	.liveHeader .lstips_1{ position: absolute; left: 0;  top: 0; padding: 0 10px; background: rgba(0,0,0,0.5); color: #fff; line-height: 30px; font-size: 13px; }
	.liveHeader .lstips_2{ position: absolute; left: 0;  top: 35px; padding: 0 10px; background: rgba(0,0,0,0.5); color: #fff; line-height: 30px;  font-size: 13px;}

	.test_hwrap{ width: 1224px; height: 530px;  margin: 0 auto; }

	.liveHeader .vd .video-preview{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.5); }
    .liveHeader .vd .video-preview span{ width: 60px;height: 60px; background: url(../img/vplay.png) no-repeat; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; opacity: 0.8; background-size: 60px;}

	.test_hwrap .infowrap{ width: 495px; float: right; height: 530px; background: rgba(30,30,30,0.8); }
	.test_hwrap .info{ padding: 45px 30px 0; color:#fff; }
	.test_hwrap .info h1{ font-size: 22px; line-height: 35px; padding-bottom: 15px;}
	.test_hwrap .info .content{ height: 225px; line-height: 25px; overflow: hidden; color: #e4e4e4; font-size: 14px;}
	.test_hwrap .info .p1{ font-size: 14px; line-height: 28px; }
	.test_hwrap .info .p1 span{ color: #ff7b2c; }
	.test_hwrap .info .p1 em{ font-style: normal; text-decoration: inherit; }
	.test_hwrap .info .btnbox{ padding-top: 20px; margin-top: 20px; border-top: 1px #666 solid; }
	.test_hwrap .info .btnbox .xbtn{ width: 140px; height: 38px; border-radius: 5px; float: left; margin-right: 10px; text-align: center; line-height: 38px;}
	.test_hwrap .info .btnbox .xbtn_1{ background: #ff3300; color: #fff; }
	.test_hwrap .info .btnbox .xbtn_2{ border:1px #797979 solid; height: 36px; line-height: 36px; width: 138px; color: #666; background: #fff;}


.livePq{ background: #f2f2f2; padding: 10px 0; }
.livePq .wrapper{ background: #fff; }
.livePq .ucl{  float: left; width: 480px; padding: 20px 30px; }
.livePq .ucl .pqbox { position: relative; padding-left: 180px; margin-bottom: 5px; }
.livePq .ucl .pqbox .pqradio{ position: absolute; left: 15px; top: 50%; margin-top: -5px; }
.livePq .ucl .pqbox .teacherinfo{ position: absolute; left: 50px; top: 0; text-align: center; }
.livePq .ucl .pqbox .teacherinfo img{ width: 50px; height: 50px; border-radius: 100%; margin-bottom: 2px;}
.livePq .ucl .pqbox .teacherinfo > p{ font-size: 12px; }
.livePq .ucl .pqbox .p1{ font-size: 16px; color: #ff9900; padding-bottom: 5px; font-weight: bold;}
.livePq .ucl .pqbox .p2{ font-size: 14px; }
.livePq .ucl .pqbox label{ cursor: pointer; }




.buycourse_userorder_info_tipbox{ padding:10px 20px; border: 1px #e0e0e0 solid; margin-top: 30px; }




.livePq .ucr{  float: left; width: 600px; padding: 20px 30px; }
.livePq .giftlist li{ float: left; width: 140px; margin-right: 10px; }
.livePq .giftlist li .pic{ width: 100%; }


	.splesson_wrap{ width: 1224px;  margin: 0 auto; padding-bottom: 40px;}
	.splesson_cmain{ float: left; width: 100%; }
	.splesson_cmain .cwrap{ margin-right: 500px; }
	.splesson_cmain .u-tit{ background: #ffcc00; line-height: 46px;   color: #333; padding:0 24px; display: block; margin-bottom: 25px; border-radius: 4px;}
	.splesson_cmain .u-tabnav{ padding: 0 5px; }
	.splesson_cmain .u-tabnav ul{ border-bottom: 1px #167dd9 solid;}
	.splesson_cmain .u-tabnav li{ padding-bottom: 12px ; font-size: 20px; margin-right: 35px; float: left; cursor: pointer;}
	.splesson_cmain .u-tabnav li.on{ border-bottom: 2px #167dd9 solid; padding-bottom: 10px; color: #167dd9; }

	.splesson_cmain .u-tabcont{ padding-top: 20px;}
	.splesson_cmain .u-tabcont .cont{   display: none;}
	.splesson_cmain .u-tabcont img{ max-width: 100%; }
	.splesson_cmain .p1{ line-height: 25px; }


	.splesson_cside{ float: right; width: 480px; margin-left: -480px; position: relative; z-index: 10;}
	.splesson_cside .cwrap{  padding:30px 45px 60px; }
	.splesson_cside .tbox { text-align: center; }
	.splesson_cside .tbox .headimg{ width: 160px; height: 160px; margin-bottom: 20px; border-radius: 100%; }
	.splesson_cside .tbox p{ padding-bottom: 10px; font-size: 14px; color: #7c7c7c; }
	.splesson_cside .tbox p.name{ font-size: 18px; color: #333; font-weight: bold;}
	.splesson_cside .tbox p.p1{ padding-top: 20px; text-align: left;}

	.splesson_cside .tbox_sm { padding-left: 160px; position: relative; margin: 30px 0 0 0; min-height: 130px;}
	.splesson_cside .tbox_sm .headimg{ width: 130px; height: 130px; position: absolute; left: 0; top: 0; border-radius: 100%;}
	.splesson_cside .tbox_sm .p1{ font-size: 18px; line-height: 18px; padding-bottom: 10px; color: #333; font-weight: bold; padding-top: 10px;}
	.splesson_cside .tbox_sm .p2{ font-size: 13px; line-height: 13px; padding-bottom: 12px; color: #333;}
	.splesson_cside .tbox_sm .p3{ color: #999; font-size: 13px;}



	.splesson_cside .t1{ font-size: 18px; font-weight: bold; padding-bottom: 23px; padding-top: 20px;}
	.splesson_cside ul{ width: 440px; padding-bottom: 12px; }
	.splesson_cside ul li { float: left; margin-right: 19px;  width: 185px; }
	.splesson_cside ul li img{ width: 100%;  display: block;}
	.splesson_cside .linkbtn{ line-height: 40px; border:1px #797979 solid; text-align: center; display: block; color: #797979; }
	.splesson_cside_t{ padding-bottom: 10px; border-bottom: 1px #e4e4e4 solid; font-size: 16x; color: #333; text-align: center; margin-bottom: 45px;}

.lesson_dg_item{ padding-left: 70px; position: relative; margin-bottom: 20px; }
.lesson_dg_item .num{ position: absolute; left: 0; top: 0; line-height: 23px; text-align: center; height: 23px; width: 50px; background: #0098cc; color: #fff; font-size: 14px; }
.lesson_dg_item .p1{ font-size: 16px; font-weight: bold; padding-bottom: 12px; line-height: 23px; color: #222;}
.lesson_dg_item .p2{ color: #777; font-size: 14px; }
.lesson_dg_item .zhibo{  height: 21px; width: 50px; border: 1px #0098cc solid; color: #0098cc; font-size: 14px; display: inline-block; vertical-align: top; margin-left: 10px; text-align: center; line-height: 21px; font-weight: normal;}


.shareNav{ background: #f2f2f2; padding: 12px 25px;  }
.shareNav .link{ line-height: 34px; margin: 0 20px 0 0; float: left; color: #666;}
.shareNav .link_on{ color: #333; font-weight: bold;}



.lesson_gift_c{}
.lesson_gift_c li{ height: 233px; background: #fff;position: relative; margin-bottom: 20px; width: 100%;}
.lesson_gift_c li .picbox{ width: 340px; height: 233px; position: absolute; left: 0; top: 0; overflow: hidden; z-index: 1}
.lesson_gift_c li .picbox img{  width: 100%;}
.lesson_gift_c li .info{ height: 225px; padding: 25px 45px 0; position: relative; padding-left: 385px; }
.lesson_gift_c li .info .p1{  font-size: 22px; padding-bottom: 15px; color: #333; }
.lesson_gift_c li .info .p2{  font-size: 14px; padding-bottom: 15px; color: #999; }
.lesson_gift_c li .info .p3{  font-size: 14px; padding-bottom: 15px; color: #333; }
.lesson_gift_c li .btnbox{ position: absolute; bottom: 20px; left: 385px; }

.lesson_gift_c_biglesson li{ width: 100%; height: 260px; background: #fff; position: relative; margin-bottom: 20px; box-shadow: 0px 0px 3px #e0e0e0;}
.lesson_gift_c_biglesson li .picbox{ width: 260px; height: 260px; position: absolute; left: 0; top: 0; overflow: hidden; z-index: 1}
.lesson_gift_c_biglesson li .picbox img{ height: 260px; width: auto; max-width: auto;}
.lesson_gift_c_biglesson li .info{ height: 250px; padding: 10px 25px 0; position: relative; padding-left: 285px; }
.lesson_gift_c_biglesson li .info .p1{  font-size: 22px; padding-bottom: 10px; color: #333; }
.lesson_gift_c_biglesson li .info .p2{  font-size: 14px; padding-bottom: 8px; color: #999; max-height: 88px; line-height: 22px; overflow: hidden;}
.lesson_gift_c_biglesson li .info .p3{  font-size: 14px; padding-bottom: 8px; color: #333; }
.lesson_gift_c_biglesson li .btnbox{ left: 285px; bottom: 10px; position: absolute; }


.gallerycenter_user{ background: #f2f2f2; padding: 35px 0;  }
.gallerycenter_user .headimg{ width: 100px; height: 100px; float: left; margin-right: 15px; border: 1px #666 solid; border-radius: 100%; }
.gallerycenter_user .name{ font-size: 20px; line-height: 20px; padding-bottom: 10px; color: #333; padding-top: 10px;}
.gallerycenter_user .p1{ font-size: 14px; padding-bottom: 5px; color: #333; }
.gallerycenter_user .p2{ font-size: 14px; color: #666; }


.nologin_paybox{ border: 1px #e9e9e9 solid; margin: 60px 0; }
.nologin_paybox_tit{ height: 60px; text-align: center; border-bottom: 1px #f0f0f0 solid; }
.nologin_paybox_tit span{ display: inline-block;  font-size: 18px; margin: 0px 20px 0; line-height: 60px;  }
.nologin_paybox_tit strong{ font-size: 20px; }
.nologin_paybox_tit .sp1{ color: #000; }
.nologin_paybox_tit .sp2{ color: #ccc;  }

.nologin_wxpay_col_1{  width: 140px; height: 140px; margin-right: 25px; display: inline-block; }
.nologin_wxpay_col_1 img{ width: 140px; }
.nologin_wxpay_col_2{ width: 350px; height: 140px; display: inline-block; text-align: left; }


.nologin_paybox_cont{ height: 500px; }
.nologin_pwdbox{ border: 1px #009966 solid; width: 380px; padding: 30px; display: inline-block; text-align: left; }
.nologin_pwdbox p{ color:#009966; line-height: 30px;  }






/*********************   手机版   *****************/

.poocgMob_home_nav a{
  color: rgb(146, 147, 157);
  font-size: 16px;
  font-weight: 400;
  margin: 0 15px;
  padding-bottom:8px;
  border-bottom: 2px rgba(0,0,0,0) solid;
}
.poocgMob_home_nav a.on{
  color: #444D5B;
  border-color: #444D5B;
}

.poocgMob_common_courseitem .t1{
	font-size: 16px;
	line-height: 1.3;
	color: #454C5A;
}
.poocgMob_common_courseitem .p1{
	color: rgb(170, 180, 191);
	font-size: 12px;
}