html{
	color:#888;
}body{
	background:#f7f8fa;
}
a{
	color:#4D555D
}
.layui-main {
    width: 1200px;
}
.l{
	float:left;
}
.r{
  float:right;
}
.l-li li{
	float:left;
}
.r-li li{
	float:right;
}
.mr-5{
	margin-right:5px;
}
.mr-10{
	margin-right:10px;
}
.mr-20{
	margin-right:20px;
}
.mr-30{
	margin-right:30px;
}
.mt-5{
	margin-top:5px;
}
.bc-e{background: #eee;}
.mt-10{
	margin-top:10px;
}
.mt-20{
	margin-top:20px;
}
.mt-30{
	margin-top:30px;
}
.mt-40{
	margin-top:40px;
}
.mt-80{
	margin-top:80px;
}
.mb-5{
	margin-bottom:5px;
}
.mb-10{
	margin-bottom:10px;
}
.mb-20{
	margin-bottom:20px;
}
.mb-30{
	margin-bottom:30px;
}
.mb-40{
	margin-bottom:40px;
}
.mb-60{
	margin-bottom:60px;
}
.ml-5{
	margin-left:5px;
}
.ml-10{
	margin-left:10px;
}
.ml-20{
	margin-left:20px;
}
.ml-30{
	margin-left:30px;
}
.ml-40{
	margin-left:40px;
}
.pt-30{
	padding-top:30px;
}
.pr-30{
	padding-right:30px;
}
.pr-20{
	padding-right:20px;
}
.pr-10{
	margin-right:10px;
}
.pb-30{
	padding-bottom:30px;
}
.pt-20{
	padding-top:20px;
}
.pt-10{
	padding-top:10px;
}
.pt-40{
	padding-top:40px;
}
.pb-20{
	padding-bottom:20px;
}
.pb-10{
	padding-bottom:10px;
}
.pb-60{
	padding-bottom:60px;
}
.pb-40{
	padding-bottom:40px;
}
.pl-10{
	padding-left:10px;
}
.pl-20{
	padding-left:20px;
}
.pl-30{
	padding-left:30px;
}
.t-30 {
    top: 30px;
}
.pt-r{
	position:relative;
}
.pt-a{
	position:absolute;
}
.dl-b{
	display:block;
}
.box-s{
    box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
}
.box-s-z{
    box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);
}
.bg-fff{
	background-color:#fff;
}
.bg-000{
	background-color:#000;
}
.bg-eee{
	background-color:#eee;
}
.b-r12{
	border-radius:12px;
}
.b-r8{
	border-radius:8px;
}
.bd{
	border:1px solid #D9DDE1;
}
.clear{clear:both;}
.tx-c{
	text-align:center;
}
.tx-r{
	text-align:right;
}
.tx-l{
	text-align:left!important;
}
.tx-c-l li{
	text-align:center;
}
img{max-width:100%;}
.content{min-height: 200px;}
@media screen and (max-width: 1360px) {
    .manual .advertising{display: none!important;}
    .manual-container{width:100%!important;}
}
.main-widt{
	max-width: 1405px;
    margin: 0 auto;
}
.title{
	position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    color: #333;
    border-radius: 2px 2px 0 0;
    font-size: 14px;
}
.layui-icon-rate{
	color:#ffb01f;
}
.layui-icon{
	font-size:14px;
}
/*顶部导航*/

.header{
	height:72px;
	min-width: 1200px;
}
.header .logo{
	height:72px;
}
.header .nav{
	
}
.header .search {
	height: 43px;
    width: 260px;
    border-bottom: 1px solid #D9DDE1;
}
.header .search input{
	border:none;
    padding: 12px 0;
    color: #71777d;
	width:235px;
	background: #f7f8fa;   
}
.header .search .hot{
	bottom:10px;
	right:36px;
}
.header .search .hot a{
	font-size: 11px;
    line-height: 24px;
    padding: 0 8px;
    border-radius: 12px;
	background-color: #f3f5f7;
    color: #4D555D;
	padding: 6px;
}
.header .search .layui-icon-search{
	position: absolute;
	right: 0;
	top:9px;
	font-size: 20px;
    color: #93999F;
    line-height: 24px;
    width: 20px;
    height: 24px;
    padding: 0 8px;
    border-radius: 18px;
    font-size:18px;
}
.header .search .layui-icon-search:hover{
    color: #fd0202;
    font-weight: bold;
	background: rgba(240,20,20,.4);
}
.header .nav li a{
	display:block;
	line-height:72px;
	text-align:center;
	width:90px;
	color: #4D555D;
	font-size: 16px;
}
.header .about {
	 height: 36px;
    line-height: 36px;
    margin-top: 18px;
    margin-bottom: 18px;
}
.header .about a{
	width:86px;
	line-height:36px;
	padding:3px;
	color:#71777d;
}.header .about .layui-icon-cart-simple {
	font-weight:bold;
	margin-right:4px;
}
.header .login-area{
	line-height:72px;
}
.header .login-area span{
	padding:0 15px;
	color:#ccc;
}
.works-container{
	height:60px;
	padding:20px 0 20px 40px;
	background: linear-gradient(-45deg,#ec5252,#6e1a52);
}
.works-container dd{
	
	width:33%;
	color:#fff;
}.works-container b{
	display:block;
	font-weight:bold;
	font-size:18px;
}
/*手册开始*/
.manual{
	max-width: 1405px;
}
.manual .advertising{
	
	max-width: 447px;
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	justify-content: center;
	margin-right: 15px;
	height:400px;
	padding:0 49px;
}
.manual-container{
	width: 68%;
}
.discovery{
	flex: 1;
	
}
.discovery .nav {
	display:block;
	height:54px;
	border-bottom:1px solid #dedfe0;
}
.discovery .nav li a{
	display:block;
	width:50px;
	line-height:50px;
    font-size: 15px;
    border-radius: 2px;
	font-weight: 400;
}
.discovery .nav .on{
	border-bottom:6px solid #007791
}
.discovery .doc li {
	
	width: 216px;
	background: #fff;
    color: #29303b;
    height: 290px;
    display: block;
    font-size: small;
    position: relative;
	margin-right:17px;
	margin-bottom:20px;
    box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);


}
.discovery .doc li img{
	width:216px;
	height:122px;
}
.discovery .doc .info{
	line-height: 22px;
    padding: 15px 10px 0 15px;
    max-height: 150px;

}
.discovery .doc .author{
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 21px;
    height: 21px;
    font-size: 12px;
    color: #686f7a;
    margin-bottom: 10px;
}
.discovery .doc h2{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-weight: 600;
    height: 36px;
    min-height: 42px;
    font-size: 15px;
    color: #5d6269;
    margin-bottom: 10px;
}
.discovery .doc .zan{
	display: flex;
    padding-top: 2px;
    margin-top: -2px;
    background: none;
    margin-bottom: 10px;
}.discovery  .layui-icon-rate-solid{
	color:#FFB800
}
.discovery .doc .grade{
	padding-left:5px;
	padding-top:3px;
	font-weight: 600;
    color: #505763;
}
.discovery .doc .grade font{
	font-size: 11px;
    font-weight: 400;
    color: #686f7a;
    margin-left: 3px;
	font-weight: 100;
}
.discovery .doc .read{
	color:#686f7a;
}
.discovery .doc .read font{
	font-weight: 600;
	font-size:18px;
}
.discovery .document-introduced{
	display:none;
	top: -53px;
    right: -341px;
    height: 350px;
    width: 300px;
    z-index: 999;
	padding: 20px 14px;
	box-shadow: 0 0 1px 1px rgba(20,23,28,.1), 0 3px 1px 0 rgba(20,23,28,.1);
}
.discovery .quick-view-box span{
	margin-right:10px;
	font-size:12px;
	
}
.discovery .quick-view-box font{
	background:#5d5d5d;
	color:#fff;
	padding:3px;
	border-radius:8px;
	text-align:center;
	width:40px;
}
.discovery  .info{
	font-size: 15px;
    padding-top: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    letter-spacing: -.2px;
    color: #686f7a;
}.discovery  .info dd{
	font-size: 13px;
    letter-spacing: -.2px;
    color: #686f7a;
	padding:6px 0;
}
.discovery  button{
	width:220px;
	height:48px;
}
.slide>#document-introduced{position:absolute;right:230px; }
.discovery #arrows{
	font-size: 0;
	display:none;
	line-height: 0;
	border-width: 15px;
	border-right-width: 0;
	border-style: dashed;
	border-left-style: solid;
	border-top-color: transparent;
	border-right-color: rgba(20,23,28,.1);
	top: 144px;
    right: 215px;
	position: absolute;
	border-color: transparent;
	border-style: solid;
	z-index: 999;
	border-left-color: rgba(20,23,28,.1);
}

.discovery .arrows{
	font-size: 0;
	display:none;
	line-height: 0;
	border-width: 15px;
	border-left-width: 0;
	border-style: dashed;
	border-right-style: solid;
	border-top-color: transparent;
	border-right-color: rgba(20,23,28,.1);
	top: 144px;
    right: -12px;
	position: absolute;
	border-color: transparent;
	border-style: solid;
	z-index: 999;
	border-right-color: rgba(20,23,28,.1);
}
.hot-classify ul {
	display:block;
	width:100%;
}
.hot-classify li {
	width:24%;
	display:block;
	background:#fff;
	margin-bottom:20px;
	border:1px solid #eee;
	margin-right:10px;
	box-shadow: 0 1px 3px 0 rgba(20,23,28,.15);
}
.hot-classify li a{
	width:95%;
	display:block; 
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:18px;
	padding: 15px;
	
}
.hot-classify li i{
	font-size:18px;
	margin-right:15px;
}
.student-testimonials {
	width:100%;
}
.student-testimonials .item{
	width:29%;
	margin-right:17px;
	border-radius: 3px;
	box-shadow: 0 1px 3px 0 rgba(20,23,28,.15);
	padding:20px;
}
.student-testimonials .item dt img{
	float:left;
	width: 64px;
    font-size: 18px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
	border-radius:40px;
	margin-right:10px;
}
.student-testimonials .item dd{
	clear: both;
	padding-top:20px;
	line-height: 1.43;
}
.student-testimonials .item dd b{
	font-weight:bold;
	font-size:18px;
}
.student-testimonials .item dd a{
	margin-left:10px;
}
.non-student-cta .cat{
	padding:30px 0;
	text-align:center;
	width:49%;
	
}.non-student-cta dd{
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	line-height:40px;
}
.non-student-cta .teacher{
	font-size:18px;
	font-weight:400;
}
.non-student-cta .r{
	border-left:1px solid #eee;
}
/*下载集合*/
.manual-download {

}
.manual-download dt{
	margin-bottom:10px;
}
.manual-download dl{
	margin-right: 10px;
	width:22%;
	padding: 15px;
	margin-bottom:10px;
}
.manual-download dd{
	float: left;
	font-size: 12px;
	width: 80%;
}
.manual-download .images {
	width: 40px;
}

.manual-download .images img{
	width: 40px;
	height: 40px;
}
.manual-download .descriptor{
	overflow: hidden;
}
.manual-download span{
	margin-right: 3px;
}
/*下载集合*/
/*课程中心*/
.course-list{
	
}
.course-list .menu li{
	padding:10px;
	margin-left: 14px;
}
.course-list .menu span{
	line-height: 40px;
	font-size: 14px;
	padding: 7px 10px;
	color: #333;
	font-weight: bold;
}
.course-list .menu a{
	line-height: 40px;
	font-size: 14px;
	padding: 7px 10px;
	color: #9b9b9b;
}.course-list .menu a:hover{
	border-radius: 11px;
	background: #1E9FFF;
	color: #fff;
}
.course-list .menu .on{
	border-radius: 11px;
	background: #1E9FFF;
	color: #fff;
}

.course-list .child-span{margin-left: 44px;}

.course-list .content li{
	width:268px;
	height: 244px;
	border-radius: 8px;
	position: relative;
	margin: 0 0 20px;
	margin-left: 15px;
   margin-right: 15px;
   box-shadow: 0 2px 2px 0 #eee;
   border-right: 1px solid #eee;
   border-left: 1px solid #eee;
}
.course-list .content li a:hover .info{
	position: absolute;
	background: #fff;
 	animation:animation-img 3s;
	-moz-animation:animation-img 3s; /* Firefox */
	-webkit-animation:animation-img 3s; /* Safari and Chrome */
	-o-animation:animation-img 3s; /* Opera */
}
@-webkit-keyframes animation-img{
	0% {top:130px;}
	
	50% {top:100px;}
	100% {top:98px;}
	
}
.course-list .content li a:hover font{
	display: block;
}
.course-list .content li img{
	width: 100%;
	height: 134px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;

}
.course-list .content li h2{
	display: block;
    width: 100%;
    padding: 20px 10px 0;
    color: #666;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.course-list .content li font{
	display: none;
    height: 37px;
    bottom: 0;
    padding: 0 10px;
    margin-top: 10px;
    color: #666;
    font-size: 13px;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    transition: height .3s;
}
.course-list .content .course-footer{
	position: absolute;
	bottom: 0;
	width: 100%;
    height: 43px;
    color: #9b9da2;
    overflow: hidden;
    margin-top: 10px;
    line-height: 43px;
}
.course-list .content .course-footer .layui-icon-fire{
	margin-left: 5px;
}
.course-list .content .course-footer .r{
	margin-right: 5px;
}
.content .info{width:100%;}
/*课程中心结束*/
/*列表页*/
.link-bar-wrapper{
		
}.link-bar-wrapper li{
	line-height:50px;
	width:90px;
	text-align:center;
	font-size: 13px;
	padding-left:5px;
}
.link-bar-wrapper li i{
	 padding-right:3px;
}
.browse-container{
	padding-top:30px;
	height:160px;
	background: linear-gradient(-45deg,#ec5252,#6e1a52);
}
.browse-container .featured-container h2{
	color:#fff;
}
.featured-container{
	top:60px; 
	width:100%;
}
.featured-container .b-r12{
	padding:30px;
	
}
.featured-container .course-img {
	display:block;
}
.featured-container img{
	top:30px;
	height:236px;
	width:420px;
}
.featured-container .course-description {
	top:30px;
	height:236px;
	
}
.featured-container .course-description .property{
	color: #686f7a;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 4px;
}
.featured-container .course-description h3{
	
	color: #14171c;
    font-weight: 600;
}
.featured-container .course-description .last-time{
	
	color: #686f7a;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 12px;
}.featured-container .course-description .meta-items{
	    color: #686f7a;
	margin-left: 14px;
}.featured-container .layui-icon-rate-solid{
	color:#FFB800;
}
.top-menu dd,.top-menu dt{
	float:left;
	line-height:60px;
	margin-right:10px;
}
.top-menu a{
	width:60px;
	line-height:60px;
}
.course-container{
	background: linear-gradient(#29303b,#29303b,#29303b);
    color: #fff;
}
.course-container h1{
	font-size: 36px;
    line-height: 41px;
	font-weight: 600;
}
.course-container dd{
	line-height:32px;
}
.course-container .time span{
	margin-right:8px;
}
.course-container .time .collection{
	cursor: pointer;
}
.course-container .time .collection:hover{
	color:#ccc;
}
.course-container .time i{
	margin-right:2px;
	color:yellow;
}
.course-container .course-right{
	background:#fff;
	color:#000;
	top:40px;
	width:33.333%;
	right:0;
	padding:4px;
}
.course-container .course-right img{ 
	width:99%;
}
.course-container .course-right .pt-a{ 
	top: 10px;
	background:url(img/course.svg);
	width: 100%;
    height: 100%;
    background-size: auto 50%;
    background-position: 50%;background-repeat:no-repeat;
}
.course-container .course-right button{ 
	display:block;
	width:80%;
	height:50px;
	margin:0 auto;
}
.course-container .course-right .attribute{ 
	display:block;
	width:80%;
	margin:0 auto;
}
.course-container .course-right .attribute dl{ 
	margin-top:20px;
}
.course-container .course-right .attribute dt{ 
	font-weight:bold;
	color:#505763;
}
.course-container .course-right .attribute dd{ 
	font-size: 13px;

	color:#505763;
}
.course-container .course-right .attribute dd i{ 
	font-size: 13px;

	margin-right:4px;
}
.course-container .course-right .share { 
	width:80%;
	
	margin:0 auto;
}
.course-container .course-right .share h3{
	color:#505763;
	margin:20px 0;
	text-align:center;
} 
.course-container .course-right .share i{ 
	color:#505763;
	margin-bottom:20px;
	display:block;
	float:left;
	font-size:40px;
	text-align:center;
	width:33.33%;
}
.introduction-knowledge{
	width:64%;
	background: #f9f9f9;
	border: 1px solid #dedfe0;
}
.introduction-knowledge dl{
	
	padding:20px;
	
}
.introduction-knowledge dt{
	font-weight:bold;
	margin-bottom:15px;
}
.introduction-knowledge dd{
	font-size:14px;
	float:left;
	line-height: 40px;
	width:47%;
	margin-right:20px;
	align-items: center;
}
.introduction-knowledge dd i{
	margin-right: 10px;
    height: 40px;
    display: block;
    float: left;
	font-weight: bold;
}
.course-catalogue{
	width:64%;
}
.course-catalogue .curriculum-header font{
	font-size: 22px;
    font-weight: 600;
    margin: 0 0 10px;
	float:left;
}
.course-catalogue .curriculum-header span{
	float:right;
	width:100px;
	text-align: center;
}
.course-catalogue .section {
	
	border: 1px solid #e8e9eb;
    margin-top: 3px;
    margin-bottom: 10px;
   
}
.course-catalogue  span{
	float:right;
}
.course-catalogue .section-header {
	 padding: 10px 30px 10px 22px;
	 background: #f9f9f9;
     border-left: 1px solid #e8e9eb;
     border-right: 1px solid #e8e9eb;
    
}
.course-catalogue  i{
		margin-right:5px;
       color: #007791;
}
.course-catalogue dl {
	display:none;
}
.course-catalogue dl dd{
	 padding: 10px 30px 10px 48px;
	 background: #fff;
     border-top: 1px solid #e8e9eb;
}
.component-render {
	width:64%;
}
.component-render font {
	font-size:18px;
	font-weight:bold;
	display:block;
	clear:both;
}
.component-render dl{
	
	float:left;
	display:block;
}
.component-render dl .layui-icon-rate-solid{
	
	color:#f4c150;
}
.component-render .left{
	text-align:center;
	width:15%;
}
.component-render .left .layui-icon{
	font-size:22px;
}.component-render .left .score-introduced{
	display:none;
	padding:10px;
	font-size:12px;
	width:200px;
	text-align:left;
	bottom:-90px;
	z-index:999;
}
.component-render .right{
	text-align:center;
	width:80%;
}
.component-render .layui-progress{
	
	width:80%;
}.component-render .right .layui-progress,.component-render .right dd{
	margin-bottom:16px;
	clear:both;
}
.component-render .grade{
	text-align:center;
	font-size:70px;
}
.discuss-title{
	width:64%;
	padding:20px 0;
	border-bottom:1px solid  #d8d8d8;
	font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
    margin-bottom: 0;
}.discuss-title span{
	padding:0 5px;
	color:green;
}
.discuss{
	width:64%;
	padding:30px 0;
	border-bottom:1px solid  #d8d8d8;
}
.discuss .user {
	width:20%;
}
.discuss .user img{
	display:block;
	float:left;
	width: 60px;
    height: 60px;
    border-radius:50%;
    background-size: cover;
}
.discuss .user dl{
	margin-left:10px;
	float:left;
	
}.discuss .user dd{
	margin-bottom:10px;
	
}
.discuss .message {
	width:70%
	
}
.discuss .message dd{
	line-height:26px;
	
}
.discuss .message .btn{
	display:flex;
	 justify-content: center; 
}
.discuss .message .btn{
	display:flex;
	 justify-content: center; 
}
.discuss .message .btn span{
	flex:3;
}
.discuss .message .layui-icon{
	color:green;
	font-size:15px;
	margin-right:3px;
}.discuss .message .criticism{
	display:none;
	width:80px;
	text-align:center;
	line-height:26px;
	background:#fff;
	padding:3px;
}
.discuss .message .layui-icon-rate-solid{
	color:#f4c150;
	font-size:18px;
	
}
.discuss-from{
	width:64%;
}
.discuss-from .layui-textarea{

}
.discuss-from .form-submit {
    padding: 5px 10px;
    margin: 0;
    background: #fbfbfb;
    border: 1px solid #e6e6e6;
    border-top: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    overflow: hidden;
}.discuss-from .form-submit-text {
    font-size: 13px;
    line-height: 30px;
    color: #666;
	width:200px;
}.discuss-from .form-submit  .avatars {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    vertical-align: top;
    border-radius: 50%;
}.discuss-from .form-submit .form-submit-text span {
    color: #3ca5f6;
}.discuss-from .form-submit .submit {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 7px 16px;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    background-color: #3ca5f6;
    border: 0;
    outline: 0;
    border-radius: 3px;
}
/*课程内容页*/

.video .nav{
	height:60px;
	line-height:60px;
	background: #FFF;
    z-index: 2;
    box-shadow: 0 4px 8px 0 rgba(28,31,33,.1);
}

.video .nav .share a{
	padding-right: 24px;
    font-size: 16px;
    color: #b5b9bc;
}.video .nav .share .course-title{
	font-weight:bold;
	color:#000;
}

.video .nav .share i{
	font-weight:bold;
	font-size:16px;
}
.video .nav .share .back {
	display:block;
	float:left;
	width:100px;
	text-align:center;
}
.video .nav .share .back:hover{
	background:#f3f5f6;
}
.video .nav .share .back i{
	
    font-size: 23px;
    
	
}
.video .nav .share a:hover{
	color:#000;
	
}
.video .nav .login a{
	display:block;
	float:left;
	background-color: #F3F3F3;
    margin-top: 14px;
    
    width: 80px;
    text-align: center;
    margin-left: 20px;
    color: #009a61;
    font-size: 14px;
    border-radius: 4px;
	line-height:32px;
	height:32px;
	
	
}.video .nav .login .on {
    color: #fff;
    background-color: #009a61;
    border-color: #008151;
    font-size: 14px;
}
.video .studyVideo{
	background:#000;
	position:relative;
}
.video .studyVideo .course-sidebar{
	width:60px;
	background: #1C1F21;
}
.video .studyVideo .course-sidebar li{
	padding:5px 0;
	margin-top:20px;
	width:60px;
	text-align:center;
	line-height:25px;
}.video .studyVideo .course-sidebar li:hover{
	background:#26292C;
	color:#fff;
}
.video .studyVideo .course-sidebar li i{
	font-size:21px;
}
.video .studyVideo .section{
	position:absolute;
	left:60px;
	top:0;
	height: 100%;
	z-index: 999;
	width: 340px;
	display:none;
	background-color: #25282c;
	padding: 0px 15px 15px;
	color: rgb(20, 25, 30);
	font-size: 12px;
	overflow: scroll;
	z-index: 9999;
}
.video .studyVideo .section::-webkit-scrollbar{
	width:0px;
}
.video .studyVideo .section dt{
	height: 54px;
	line-height: 54px;
	font-size: 14px;
	color: #b5b9bc;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.video .studyVideo .section dl{
	padding:10px;
}
.video .studyVideo .section a{
	display:block;
	margin-top:10px;
	font-size: 12px;
    color: #787d82;
}
.video .studyVideo .section span{
	display: inline-block;
    max-width: 186px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color: #787d82;
}
.video .studyVideo .section .layui-icon-play{
	color: #b5b9bc;
	font-size:12px;
}
.video .studyVideo .section .layui-icon-circle{
	float:right;
	color: green;
}.video .studyVideo .section .layui-icon-radio{
	float:right;
	color: green;
}
.video .studyVideo .course-center{
	padding:30px 0 ;
}
.video .studyVideo .course-right{
	width:320px;
	padding:20px;
	background:#1C1F21
}
.study_list_href{
	font-size:13px;color:#ccc;margin-right:10px;float:right;
}
.video .studyVideo .course-right .portrait{
	float: left;
    width: 48px;
    border-radius: 50%;
    overflow: hidden;
}
.video .studyVideo .course-right .portrait img{
	
    height: 48px;
}
.video .studyVideo .course-right .username a{
	font-size: 16px;
    color: #FFF;
    line-height: 24px;
}.video .studyVideo .course-right .username p{
	font-size: 12px;
    color: rgba(255,255,255,.8);
    line-height: 18px;
}
.video .studyVideo .course-right .course-info {
	font-size: 12px;
    color: rgba(255,255,255,.6);
    line-height: 22px;
}.video .studyVideo .course-right .panel-container h4 {
	font-size: 16px;
    color: #FFF;
    line-height: 24px;
}.video .studyVideo .course-right .panel-container a {
	display:block;
}
.video .studyVideo .course-right .panel-container a:hover {
	color:#fff;
}
.video .studyVideo .course-right .panel-container  img{
	float:left;
	margin-right:10px;
	width: 96px;
    height: 64px;
    border-radius: 8px;
}.video .studyVideo .course-right .panel-container  .course-title{
	font-size: 14px;
	width:160px;
    color: rgba(255,255,255,.6);
    line-height: 20px;
    transition: .2s all linear;
    max-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.video .studyVideo .course-right .panel-container  .property span{
	    float: left;
    position: relative;
    font-size: 12px;
    color: rgba(255,255,255,.4);
    line-height: 18px;
    padding-right: 14px;
    transition: .2s all linear;
}
/*图文课程*/
.studyVideo .course-code{
	width:27%;
	background: #edf1f2;
    overflow-x: hidden;
}.studyVideo .course-code h1{
	border-bottom: 1px solid #d0d6d9;
    font-size: 16px;
    font-weight: 600;
    font-family: "微软雅黑";
    line-height: 20px;
    color: #14191e;
    padding: 16px 0;
    margin: 0 15px;
}
.studyVideo .course-code article{
	padding: 0 15px 15px;
    overflow: hidden;
	color:#14191e;
    font-size: 12px;
}.studyVideo .course-code .code{
	padding: 5px 10px;
    background: #eee;
    border: 1px solid #ccc;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-word;
    display: block;
}.studyVideo .course-code pre{
	padding: 5px 10px;
    background: #eee;
    border: 1px solid #ccc;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-word;
    display: block;
	
}.studyVideo .course-code p{
	line-height: 1.6;
    color: #1f2426;
    padding: 5px 0;
		margin: .5em 0;
}.studyVideo .course-code .marker {
    background: #EEE;
    border: 1px solid #CCC;
    margin: 0 3px;
    padding: 0 6px;
	font-size: 13px;
    font-family: Monaco,Menlo,'Ubuntu Mono',Consolas,source-code-pro,monospace;
}.studyVideo .course-code .code-tips {
    position: relative;
    z-index: 1;
    padding: 15px;
    background: #d0d6d9;
}.studyVideo .course-code .code-qa {
    margin: 10px auto 0;
}.studyVideo .course-code .code-qa dl {
    background: #fff;
    padding: 3px 15px;
}.studyVideo .course-code .code-qa dl dt {
    color: #868686;
    font-size: 14px;
    cursor: pointer;
}.studyVideo .course-code .code-qa dl dd {
    color: #5e5e5e;
    font-size: 12px;
    line-height: 24px;
    padding: 10px 0;
}.studyVideo .course-code .co img {
    clear: both;
    max-width: 290px;
}.studyVideo .course-code .code-qa dl dt b {
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    background: #c9394a;
    display: inline-block;
    color: #fff;
    margin-right: 9px;
}.studyVideo .course-code-edit {
    width:40%;
	
	border-right:1px solid #eee;
}.studyVideo .course-code-edit .code-nav {
	width:100%;
	line-height:60px;
	background:#232c31;
}
.studyVideo .course-code-edit .code-nav li{
    width:100px;
	text-align:center;
	
	color:#fff;
	
}.studyVideo .course-code-edit .code-nav  span{
	top: 47px;
    width: 0;
    right: 19px;
    border-width:10px 10px 0;
    border-style:solid;
    border-color:#1D1F21 transparent transparent;/*灰 透明 透明 */
  z-index:999;
    position:relative;
}
.studyVideo .course-code-edit .code-nav .on{
    background: #1D1F21;
	
}
.studyVideo .course-code-edit .container{
	overflow-x: auto;
}
.studyVideo .course-code-edit .edit-btn{
    height:60px;
    background-color: #14191e; 
}
.studyVideo .course-code-edit .edit-btn button
{
	margin-top:10px;
	margin:10px 10px 0 10px;
    border-radius:12px;
	line-height:20px;
	
}
.studyVideo .course-code-show  {
	 position: relative;
}
.studyVideo .course-code-show .result-triggers {
    position: absolute;
    right: 30px;
    top: 10px;
    z-index: 901;
}
.studyVideo .course-video  {
	position: relative;
	width:calc(73% - 60px);
    /*padding: 30px 10px;*/
}
/*课程内容页结束*/
/*课程下方*/

.subcontainer .course-subnav {
	width: 100%;
    height: 68px;
    background: #FFF;
    box-shadow: 0 4px 8px 0 rgba(28,31,33,.1);

}
.subcontainer .course-subnav li{
	width:100px;
	font-weight:bold;
	color:#545C63;
	line-height:68px;
	text-align:center;
}
.course-subcontainer .left{
	width:850px;

}
.course-subcontainer .left .nav li{
	line-height:60px;
	margin-right:20px;
}
.course-subcontainer .left .nav li a{
	width:40px;
	text-align:center;
	background:#545C63;
	padding:8px;
	color:#fff;
	border-radius:12px;
	font-size:12px;
}
.course-subcontainer .left .nav li a:hover{
	color: #545c63;
    background: rgba(145,153,161,0.2);
}
.course-subcontainer .left .discuss-row {
	margin-bottom: 8px;
    padding: 32px;
    background: #FFF;
    box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
    border-radius: 12px;
	border: 1px solid #eee;
}
.course-subcontainer .left .user-img {
	width:50px;
}
.course-subcontainer .left .user-img img{
	width: 40px;
    height: 40px;
	border-radius: 20px;
}
.course-subcontainer .left .user-right{
	width:734px;
}.course-subcontainer .left .user-right .user-name a{
	font-size: 14px;
    color: #1c1f21;
    font-weight: 700;
}.course-subcontainer .left .user-right .user-name span{
	float:right;
	font-size:12px;
}.course-subcontainer .left .user-right  .praise a {
	display:block;
	background:#9199a1;
	width:60px;
	text-align:center;
	line-height:30px;
	border-radius:12px;
	color:#fff;
}.course-subcontainer .left .user-right  .time  {
	font-size:12px;
}
.course-subcontainer .right  h4 {
    font-size: 16px;
    color: #545C63;
    line-height: 24px;
	font-weight:bold;
}

.course-subcontainer .right  a {
	display:block;
}
.course-subcontainer .right   img {
    float: left;
    margin-right: 10px;
    width: 96px;
    height: 64px;
    border-radius: 8px;
}.course-subcontainer .right   .course-title {
	float:left;
    font-size: 14px;
    width: 160px;
    color: #545C63;
    line-height: 20px;
    transition: .2s all linear;
    max-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
/*课程下方结束*/
/*图文视频课程开始*/
.course-article{
	color: #333;
	padding:15px;
	background: #FFF;
    border: 1px solid #eee;
    border-radius: 12px;
    box-shadow: 0 4px 8px 0 rgba(28,31,33,.1);
	width:60%;
	margin-left:15px;
}
.course-content{
	padding:10px;
}
.course-content code{
	padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}
.course-content table{
	width: 100%;
	margin-bottom: 4px;
	margin-top: 4px;
}
.course-content table tr:nth-child(odd){
	background-color: #f6f4f0;
}
.course-content table tr:nth-child(even){
	background-color: #fff;
}
.course-content table tr th{
	color: #fff;
	background-color: #555;
	border: 1px solid #555;
	font-size: 12px;
	padding: 3px;
	vertical-align: top;
	text-align: left;
}
.course-content table tr td{
	line-height: 2em;
	min-width: 24px;
	border: 1px solid #d4d4d4;
	padding: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	vertical-align: top;
}
.manual-content-new{
	background: #ea4242!important;
	color: #fff;
	border-radius: 8px;
	font-size: 12px;
	padding: 2px;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}
.course-content table tr td:first-child {
	min-width: 25px;
}
.course-article .course-info img{
		width:100%;
}
.manual-tpl-teacher{
	width: 24px !important;
	border-radius:50%;
	margin-bottom:6px;
}
.course-content p strong span{
	line-height: 35px;
}
.course-article .course-info h1{
	font-size:23px;
	font-weight: bold;
	border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.course-article .crumbs{
	height:50px;
	line-height: 50px;
	background: #EBEBEB;
	margin:-15px -15px 0!important;
	border-radius: 12px 12px 0 0;
	padding-left:15px;
}
.course-article .crumbs .to{
	float:right;
	padding-right:5px;
	width: 145px;
	line-height: 33px;
	margin-top: 7px;
}
.course-article .crumbs .to .g-combobox{
	-webkit-transition: .5s ease-in;
    transition: .5s ease-in;
    position: relative;
}
.course-article .crumbs .to .g-combobox .target{
    display: block;
    position: relative;
    z-index: 2;
    border: 1px solid #999;
    border-radius: 3px;
    box-shadow: inset 1px 1px 2px rgba(0,0,0,.2);
    background: #fff;
    color: #333;
    cursor: pointer;
    -webkit-transition: .5s ease-in;
    transition: .5s ease-in;
}
.course-article .crumbs .to .g-combobox .target i{
	float:right;
	display: block;
	width:30px;
	text-align: center;
	background: #999;
	color:#fff;
	font-size:17px;
}
.course-article .crumbs .to .g-combobox .target strong{
	/*display: block;*/
    padding: 1px 8px 0;
    font-weight: normal;
}
.course-article .crumbs .to .g-combobox .target span{
    position: absolute;
    top: 0;
    _top: 1px;
    right: 0;
    _right: 1px;
    overflow: hidden;
    width: 25px;
    height: 23px;
    background: #aaa;
    color: rgba(0,0,0,0);
    font: 0/0 arial;
}
.course-article .crumbs .to .g-transition{
	/*display:none;*/
	position: absolute;
    left: 0;
    _left: -1px;
    opacity: 0;
    overflow: hidden;
    width: 145px;
    height: 0;
    margin-top: -1px;
    webkit-transition: .5s ease-in;
    transition: .5s ease-in;
}
.course-article .crumbs .to .g-transition ul{
	overflow: auto;
    max-height: 245px;
    _height: 245px;
    border: 1px solid #999;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    padding: 1px;
    background: #fff;
}
.course-article .crumbs .to .g-transition ul li{
	zoom: 1;
}
.course-article .crumbs .to .g-transition ul li a{
    display: block;
    zoom: 1;
    padding: 1px 8px;
    background-color: #fefefe;
    white-space: nowrap;
    width: 88%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.course-article .course-info .manual-h1-style{
	font-size: 23px;
    font-weight: bold;
    padding-bottom: 5px;
    margin: 2px 0;
    line-height: 1.8em;
    border-bottom:none;
}
.course-article .course-img img{
	width:290px;
	height:128px;
	border-radius:12px;
}
.course-article .describe{
	width:57%;
	line-height:23px;
	overflow:hidden;
}
.course-article .describe .describe-firstdiv{
	height:95px;
	overflow: hidden;
}
.course-article .describe-firstdiv-bottom{
	float:right;
}
.course-article .bottom{
	/*width:700px;*/
}
.course-article .bottom .describe-span{
	margin-right: 20px;
}
.course-article  .bottom .layui-btn{
	height: 30px;
    line-height: 30px;
    padding: 0px 9px;
    font-size: 13px;
}
.course-article .course-content h1{
	margin: 0 0 10px 0;
    font-size: 2.1em;
    text-indent: initial;
    text-decoration: none;
    color: #000;
}.course-article .course-content a{
	color: #64854c;
}
.course-article .course-content hr{
	background-color: rgba(157, 158, 159, 0.1);
    color: #d4d4d4;
    height: 1px;
    border: 0;
    clear: both;
}
.course-article  p{
	
    word-wrap: break-word;
    word-break: break-all;
    font-size: 14px;
    line-height: 2em;
   
}
.course-article .course-content h2{
	
  font-size: 1.2em;
    margin: 2px 0;
    line-height: 1.8em;
}
.course-article .course-content ul {
    margin-top: 1em;
    margin-bottom: 1em;
	list-style: disc outside none;
	margin: 10px 0;
	padding: 0 0 0 30px;
	line-height: 1.7;
}
.course-article .course-content ul li{
	list-style-type: inherit !important;
    margin: 0 0 1em 1em;
    background-repeat: no-repeat;
    background-position: left .5em;
}
.course-article .course-content b{
    font-weight: bold;
}
.course-article .course-content table.reference, table.tecspec {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 4px;
    margin-top: 4px;
}
.course-article .course-content th{
 color: #fff;
    background-color: #555;
    border: 1px solid #555;
    font-size: 12px;
    padding: 3px;
    vertical-align: top;
    text-align: left;
}
.course-article .course-content  table.reference tr:nth-child(odd) {
    background-color: #f6f4f0;
 }
 .course-article .course-content table.reference td {
    line-height: 2em;
    min-width: 24px;
    border: 1px solid #d4d4d4;
    padding: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    vertical-align: top;
}
 .course-pages{
	 margin: 15px 0;
	 padding: 25px 0;
	 font-size: 15px;
	 color: #333;
	 overflow: hidden;
	 padding: 30px 0;
	 border-top: 1px solid #ccc;
	 border-bottom: 1px solid #ccc;
 }
 .course-pages .prev{
	 float: left;
	 color: #666;
 }
.course-pages .next{
	float: right;
	color: #666;
}
.course-pages a{
	font-size: 15px;
	color: #666;
	cursor: pointer;
}
 .example {
    width: 98%;
    color: #000;
	box-shadow: 0 8px 16px rgba(28,31,33,.2);
    margin: 0 0 5px 0;
    padding: 5px;
}
 .example h2{
    color: #617f10;
    background-color: transparent;
    margin-top: 0;
	border-top: 1px solid #d4d4d4;
} 
.example_code {
    line-height: 1.4em;
    width: 98%;
    background-color: #f5f5f5;
    padding: 5px;
   
    font-size: 110%;
    font-family: Menlo,Monaco,Consolas,"Andale Mono","lucida console","Courier New",monospace;
    word-break: break-all;
    word-wrap: break-word;
}
.hl-main {
    background-color: #fff;
    font-family: Menlo,Monaco,Consolas,"Andale Mono","lucida console","Courier New",monospace;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}
a.showbtn, a.showbtn:link, a.showbtn:visited, a.tryitbtn, a.tryitbtn:link, a.tryitbtn:visited {
    display: inline-block;
    color: #FFF;
    background-color: #8ac007;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 4px;
    text-decoration: none;
    margin-left: 5px;
    margin-top: 0;
    margin-bottom: 5px;
    border: 1px solid #aaa;
    border-radius: 5px;
    white-space: nowrap;
}
.course-time-list{
    margin-top: 20px;
}.course-time-list .layui-timeline-item:before, hr {
     background-color: #fff;  
}
.course-time-list .left{
    width: 900px;
    float: left;
     background: #fff;
     border-radius: 8px;
}
.course-time-list .right{
    margin-left: 20px;
    width: 300px;
    height: 700px;
    float: left;
     background: #fff;
     border-radius: 8px;
}


.course-time-list .layui-timeline-content {
	background: #FFF;
    border-radius: 12px;
    box-shadow: 0 1px 18px -1px rgba(28,31,33,.1);

}
.course-time-list .layui-timeline-content h3 {
	line-height:30px;
	font-size: 24px;
}
.course-time-list .layui-timeline-content h3 i{
    font-size: 26px;
	width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    color: #5FB878;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
	margin-right:10px;
} 
.course-time-list .layui-timeline-content .introduce{
    padding:0 20px ;
}
.course-time-list .layui-timeline-content{
  padding:20px;
}
.course-time-list .course-subsection{
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 15px 20px;
    line-height: 25px;
}
/* .course-time-list  .course-subsection a{
    display: block;
    float: left;
	width: 200px;
    line-height: 30px;
    padding-left: 7px;
} */
.course-time-list  .course-subsection i{
   padding-right: 5px;
}
.course-list-nav{
    height: 60px;
    line-height: 60px;
    background: #FFF;
	border-radius:12px;
    box-shadow: 0 1px 18px -1px rgba(28,31,33,.1);
}
.course-list-nav li{
    width:100px;
	text-align:center;
}
.course-list-nav li a{
	display:block;
	height: 60px;
    line-height: 60px;
   font-size:16px;
   font-weight:bold;
   color:#545C63;
}
.course-list-nav li .on{
	background:#f7f7f7;
	border-radius:2px;
}.course-list-nav li a:hover{
	background:#f7f7f7;
	border-radius:2px;
}
.course-time-list .article_lists li{
	padding: 20px 0;
	border-bottom: 1px solid #ececec;
	border-top: 1px solid #ececec;
	overflow: hidden;
}
.course-time-list .article_lists .col_l{
	width: 210px;
	height: 90px;
	display: block;
	vertical-align: top;
	overflow: hidden;
	float: left;
}
.course-time-list .article_lists .col_r{
	padding-left: 18px;
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 640px;
	float: left;
	height: 90px;
	overflow: hidden;
}
.col_r_h3 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}
.col_r_h3 a {
	color: #333;
}
.col_r_p {
	color: #6f6f6f;
	font-size: 14px;
}
.comment-right-list{
	width:12%;
	margin-left:10px;
}
.comment-right-list h2{
	font-size: 14px;
	color:#4D555D;
    font-weight: 700;
}
.comment-right-list ul{
	padding-top:5px;
}
.comment-right-list ul li{
	display: block;
	width: 100%;
	height:40px;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background: url("img/comment.png") no-repeat left 50%;
}
.comment-right-list ul li a{
	padding-left:23px;
}
/*.course-article img{width:100%!important;}*/
/*图文视频课程开始*/
/*图文教程*/
.g-search {
	height:60px;
	line-height:60px;
}
.g-search .img-logo{
	width:274px;
	height: 60px;
	background:url(img/img-logo.png);
}
.down-img-logo{
	background:url(img/img-logos.png)!important;
}
.g-search .form{
	width: 480px;
    height: 36px;
    background: #F3F5F6;
    border-radius: 8px;
    padding-right: 56px;
    margin: 12px;
    box-sizing: border-box;
}
.g-search .form input{
	width: 100%;
    height: 36px;
    line-height: 20px;
    padding: 8px 16px;
    background: #F3F5F6;
    font-size: 14px;
    color: #9199A1;
    border-radius: inherit;
	border:none;
}
.g-search .form .layui-icon-search{
	right: 0;
    top: 0;
    font-size: 24px;
    color: #9199A1;
    line-height: 24px;
    padding: 6px 16px;
    border-radius: 0;
	display: block;
   
    color: #757a7e;
    cursor: pointer;
    font-size: 20px;
    line-height: 24px;
    width: 20px;
}
.graphic .menu {
	width:23%;
}
.graphic .menu .manual-dl{
	width:100%;
	border-radius:12px;
	box-shadow: 0 4px 8px 0 rgba(28,31,33,.1);
	margin-bottom:15px;
	background-color: #fff;
    overflow-y: auto;
}
.graphic .menu .manual-dl::-webkit-scrollbar{
	width:4px;
}
.graphic .menu .manual-dl::-webkit-scrollbar-thumb{
	border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.2);
}
.graphic .menu .manual-dl::-webkit-scrollbar-track {/*滚动条里面轨道*/
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
      border-radius: 0;
      background: rgba(0,0,0,0.1);
  }
.graphic .menu .headline{
	font-size:15px;
	background: rgba(51,119,255,.1);
    font-weight: 700;
	line-height: 40px;
    margin: 0 auto 8px;
    box-sizing: border-box;
	border-radius:12px;
    padding: 8px 0;
    font-size: 14px;
	text-align:center;
	padding-left:5px;
}
.graphic .menu dt{
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	margin-bottom:5px;
	padding:15px;
	background:#e5e5e5;
	color:#fff;
}
.graphic .menu dd{
	line-height:40px;
	padding-left:50px;
	position:relative;
}
.graphic .path{
	height:40px;
	color:#000;
}
.graphic .menu dd a{
	display: block;
	width: 65%;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.graphic .menu a:hover{
	color:#009E94
}
.graphic .menu dd.Identification{
	/*background:#e5e5e5;*/
}
.graphic .menu dd.Identification>a{
	color:#f32524;
}
.graphic .menu dd.Identification i{
	float: right;
	padding-right: 10px;
	color:#f32524;
}
.manual_chapter{
	padding-left:15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	line-height: 40px;
	padding-right: 5px;
}
.manual_chapter .manu_up{
	width:10px;height:10px;line-height: 10px;color:#cecece;border:1px solid #cecece;float:left;margin-top:14px;text-align: center;font-size: 16px;margin-right: 8px;
}
.manual_chapter a{display: block;width:215px;float:left;}
.manual_chapter:hover .manu_up,.manu_child_up:hover{cursor: pointer;color:#009E94;border:1px solid #009E94;}
.manu_child_up{
	width:10px;height:10px;line-height:10px;color:#cecece;border:1px solid #cecece;text-align:center;font-size: 16px;position:absolute;top:14px;left:31px;
}
.menu-child-list{margin-left:20px;padding-left:0!important;}
/*图文教程结束*/
/*底部*/
.fonter {
	min-width: 1200px;
	padding:20px 0;
}
.fonter dl{
	float:left;
	height: 158px;
	border-right: 1px solid  #f7f7f7;
	width:20%;
	padding:20px;
}
.fonter .about-us{
	
	width:10%;
	
}
.fonter .docs{
	
	width:15%;
	
}.fonter .logo{
	
	width:12%;
	
}
.fonter .tool{
	
	width:10%;
	
}
.fonter .qcode{
	border-right:none;
	width:10%;
}
.fonter .about-us img{margin-left:-19px;}
.fonter .qcode img{margin-left:-15px;}
.fonter dt{
	font-weight:bold;
	margin-bottom:10px;
}
.fonter dd{
	line-height:30px;
}
.copyright .info{
	
	width:1300px;
	margin:0 auto;
	text-align:center;
	line-height:30px;
}
/*新增样式*/
.han_cursor{
	cursor:pointer;
}
.subcontainer .course-subnav li.on{
	color:#009688;
}
.note-add {
	clear: both;
	position: relative;
	padding-right: 15px;
	height: 30px;
	line-height: 30px;
	background-color: #f9f9f9;
	font-size: 12px;
	padding: 5px;
}
.note-add .not-type {
	float: left;
	padding-left: 20px;
}
.note-add .not-type a {
	padding-right: 20px;
}
.note-add .note-add-a {
	float: right;
}
.note-add .note-add-a a {
	display: block;
	line-height: 30px;
	text-align: center;
	color: #fff;
	width: 100px;
	height: 30px;
	background: red;
	float: right;
}
.phpcn-modal-layer {
	z-index: 9004;
    visibility: visible;
    opacity: 1;
    left: 428px;
    top: 355px;
    display: block;
    border-radius: 4px;
    background: #fff;
    box-shadow: 8px 0 16px 0 rgba(7,17,27,0.2);
}
.phpcn-modal-layer.fixed {
    position: fixed;
}
.phpcn-modal-title {
    padding: 24px 32px 0;
}
.phpcn-modal-title div {
    font-size: 16px;
    font-weight: bold;
    color: #07111b;
}
.phpcn-modal-title a.phpcn-modal-close {
    font-size: 24px;
    position: absolute;
    right: 32px;
    top: 24px;
    color: #93999f;
}
.phpcn-modal-inner .phpcn-modal-dialog {
    padding: 24px 32px 32px;
}
.note-pop {
    width: 590px;
}
.textarea-wrap {
    position: relative;
    border: 1px solid #d3dce0;
    padding: 8px 10px;
    transition: border-color 0.2s;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
}
.note-pop .textarea-wrap textarea {
    color: #14191E;
    font-size: 14px;
    height: 72px;
    line-height: 18px;
    overflow: auto;
    resize: none;
    width: 100%;
    border: 0;
}
.note-text-counter {
    position: absolute;
    right: 5px;
    bottom: 3px;
    font-size: 12px;
    line-height: 1em;
    color: #ccc;
}
.input-btm {
    padding: 30px 0 40px;
}
.mem-zt-box, .clearfix {
    display: inline-block;
}
.verify-code {
    margin-right: 20px;
    float: left;
}
.phpcn-btn-green {
    color: #fff;
    background-color: #00b33b;
    border-color: #00b33b;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    -weibkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.phpcn-btn {
    display: inline-block;
    margin-bottom: 0;
    border-radius: 0;
    font-weight: 200;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
    background-image: none;
    border: 1px solid transparent;
    -webkit-appearance: none;
    white-space: nowrap;
    outline: none;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.note-pop .phpcn-btn {
    width: 120px;
    float: right;
}
.user-card-box {
    position: relative;
    float: right;
    right: 10px;
}
.user-card-item {
    line-height: 60px;
    margin: 0 20px;
}
.user-card-item img {
    border-radius: 50%;
}
.user-card-box .user-card-item img {
    width: 28px;
    height: 28px;
    border-color: #4d5559;
    margin-top: -5px;
}
.diy-page {
	margin: 25px auto;
	overflow: hidden;
	clear: both;
	text-align: center;
}
.diy-page a {
	display: inline-block;
	margin: 0 5px;
	padding: 0 5px;
	min-width: 20px;
	height: 29px;
	line-height: 30px;
	font-size: 14px;
	color: #787d82;
	text-align: center;
	border-bottom: 1px solid transparent;
	-webkit-transition: border-color 0.2s;
	-moz-transition: border-color 0.2s;
	transition: border-color 0.2s;
}
.diy-page a.active {
	background: #ec1500;
	color: #ffffff!important;
	border-color: transparent;
}
.sig-wrapper {
	width: 1000px;
	margin: 80px auto;
}
.sign-banner {
	float: left;
	width: 850px;
	margin-right: 50px;
	margin-left: -280px;
}
.sign-banner img {
	width: 850px;
}
.login-content {
	float: right;
	position: relative;
	width: 400px;
}
.login-wrap {
	position: absolute;
	margin-left: 101px;
	width: 398px;
	height: 475px;
	border: 1px solid #DDD;
	border-radius: 4px;
	background-color: #fff;
	left: 50%;
	z-index: 9999;
	overflow: hidden;
}
.login-wrap .header-wrap {
	margin-top: 22px;
	position: relative;
	height: 40px;
	line-height: 39px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 20px;
}
.login-wrap .title {
	font-size: 14px;
	text-align: center;
	width: 100%;
	color: grey;
	height: 35px;
	line-height: 35px;
}
.login-wrap .header-wrap>.title>span {
	display: inline-block;
	float: left;
	width: auto;
	height: 40px;
	font-weight: 700;
	border-bottom: 2px solid #0c7df5;
	margin-bottom: -1px;
	font-size: 18px;
	letter-spacing: 1px;
	color: #888;
	line-height: 30px;
}
.login-wrap .header-wrap>.title.wechat>span {
	margin-left: 10px;
}
.login-wrap .header-wrap .rightpng {
	position: absolute;
	top: -22px;
	right: 0;
}
.login-wrap .header-wrap .rightpng .toaccount {
	width: 60px;
	height: 60px;
	display: inline-block;
	background: url(../images/toaccount.png) no-repeat;
}
.toqrcode {
	width: 60px;
	height: 60px;
	display: inline-block;
	background: url(../images/toqrcode.png) no-repeat;
}
.login-wrap .content-wrap {
	padding: 0 10px;
	height: 100%;
}
.login-wrap .content-wrap .box {
	height: 100%;
	border-radius: 5px;
	background-color: #fff;
	padding: 0 10px;
}
.login-wrap .content-wrap #login_container {
	padding: 0 20px;
}
.wechat_img_login {
	width: 202px;
	height: 202px;
	display: block;
	margin: 0 auto;
	border: 1px solid #E2E2E2;
}
.content-wrap .info {
	width: 200px;
	margin: 0 auto;
	color: #666;
	font-size: 13px;
	text-align: center;
	margin: 10px auto 20px auto;
}
.wechat_refresh {
	padding-top: 20px;
	color: #1981EC!important;
	display: block;
}
.login-wrap .content-wrap .box .scanbg {
	padding: 0 90px;
	text-align: center;
}
.login-wrap .content-wrap .box .scanbg i {
	float: left;
	width: 30px;
	height: 30px;
	background: url(../images/loginscan.png) center no-repeat;
	background-size: 30px;
	margin: 5px 0;
}
.login-wrap .content-wrap .box .scanbg .scantext {
	font-size: 14px;
	margin-left: 45px;
	text-align: left;
	height: 30px;
}
.login-wrap .content-wrap .box .scanbg .scantext .scana {
	color: #0c7df5;
}
.login-wrap input[type=password], .login-wrap input[type=text] {
	float: left;
	width: 95%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #e6e6e6;
	margin-bottom: 15px;
	padding: 0 10px;
	font-size: 14px;
	border-radius: 2px;
}
.btn-wrap .qq{
	display: block;
    height: 23px;
    line-height: 25px;
    width: 125px;
    color: #666;
    font-size: 14px;
}
.btn-wrap .qq i{
	font-size:16px;
}
.freeregister {
    float: right;
    font-size: 14px;
    color: #0072c3;
    padding-top:5px;
}
.login-Identification{height:445px;}
.login-wrap button {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-bottom: 15px;
	color: #fff;
	font-size: 16px;
	border: none;
	background-color: #1881ec;
	border-radius: 2px;
	cursor: pointer;
}
.error-tips {
	display: none;
	position: relative;
	top: -10px;
	background: url(../images/error.png) left center no-repeat;
	padding-left: 25px;
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #fd4135;
}
.login-wrap .content-wrap .error-tips {
	position: relative;
	top: -3px;
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #fd4135;
	font-size: 12px;
}
.liji{
	display:block;width:80%;height:50px;margin:0 auto;line-height:50px
}
.z_index9999{
	z-index:9999;
}
.course-container .course-right .learn-button{
	display:block;
	width:80%;
	height:40px;
	margin:0 auto;
}
.reg-identification,.showSign{display:none;}
.showSign-label{float:left;margin-top:5px;margin-left:5px;font-size:12px;font-weight:normal;color:#999;}
.verify-img{height:40px;width:160px;}
/*个人中心页面*/
.layui-main-s {
	width: 1200px;
	padding: 15px 0;
	margin: 0 auto;
}
.php-user-info {
    margin-top: 20px;
    height: 700px;
}
.php-user-info .php-user-left {
    background: #f8fafc;
    height: 700px;
    color: #14191e;
    padding-top: 20px;
}
.php-user-info .php-user-left .avator-info {
    top: 20px;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border: 4px solid #d9dde1;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}
.php-user-info .php-user-left .avator-title {
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    line-height: 44px;
    width: 160px;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.php-user-info .php-user-left .avator-auth-list ul li {
    float: left;
    margin: 10px;
}
.php-user-info .php-user-left .avator-auth-list ul li i {
    color: #b5b6b7;
    border: 1px solid #ccc;
    border-radius: 50px;
    padding: 2px;
    background: #fff;
    width: 160px;
    margin: 0 auto;
}
.php-user-info .php-user-left .nav-list .accounts-info {
    height: 60px;
    line-height: 60px;
    font-weight: bold;
    font-size: 16px;
    margin-left: 20px;
    border-bottom: 1px solid #ccc;
}
.php-user-info .php-user-left .nav-list ul li {
    height: 60px;
    line-height: 60px;
}
.php-user-info .php-user-left .nav-list ul .selected {
    background: #242424;
    color: #fff;
}
.php-user-info .php-user-left .nav-list ul li a {
    display: block;
    width: 100%;
    position: relative;
    margin-left: 20px;
}
.php-user-info .php-user-left .nav-list ul .selected a {
    color: #fff;
}
.php-user-info .php-user-left .nav-list ul li a span {
    position: absolute;
    right: 25px;
    top: 0;
}
.php-user-right {
    padding: 0 0 30px 30px;
}
.php-user-right .title-login {
    height: 40px;
    line-height: 40px;
    background-color: #fff4e5;
    font-size: 12px;
    color: #f56108;
    padding-left: 30px;
}
.php-user-right .common-title {
    padding-top: 10px;
    line-height: 60px;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    font-weight: bold;
}
.php-user-right .set {
    border-bottom: 1px solid #eee;
}
.php-user-right .set ul {
    border-bottom: 1px solid #eee;
    height: 98px;
    line-height: 98px;
}
.php-user-right .set ul li {
    float: left;
    line-height: 30px;
    height: 90px;
    padding-top: 20px;
}
.php-user-right .set ul .email {
    width: 60px;
    font-size: 36px;
    color: #d9dde1;
    padding-left: 24px;
}
.php-user-right .set ul li i {
    color: #b5b6b7;
    border: 1px solid #ccc;
    border-radius: 50px;
    padding: 2px;
    background: #fff;
    width: 160px;
    margin: 0 auto;
}
.php-user-right .set ul .info {
    color: #93999f;
    font-size: 14px;
}
.php-user-right .set ul .info span {
    font-weight: bold;
    color: #000;
}
.php-user-right .set ul li {
    float: left;
    line-height: 30px;
    height: 90px;
    padding-top: 20px;
}
.php-user-right .set ul .updata {
    float: right;
}
.php-user-bottom{
	bottom:0px;
	width:100%;
	position:fixed;
}
.c_g{
	color:green;
}
.c_r{
	color:red;
}
.php-user-right .user-info-list {
    border-bottom: 1px solid #d9dde1;
    margin-bottom: 10px;
}
.php-user-right .user-info-list li {
    float: left;
    line-height: 60px;
}
.php-user-right .user-info-list .name-left {
    width: 120px;
    line-height: 20px;
    padding: 10px 0;
    text-align: center;
    background-color: #f3f5f7;
    color: #07111b;
    font-weight: 700;
    border-left: 2px solid #000;
}
.php-user-right .user-info-list .name-right {
    width: 708px;
    margin-left: 8px;
    line-height: 20px;
    padding: 10px 0 20px 22px;
}
.php-user-right .user-info-edit {
    width: 100px;
    margin: 0 auto;
}
.php-user-right .user-info-edit .layui-btn {
    background: #2F4056;
    color: #fff;
}
.php-user-right table {
    border-collapse: collapse;
    border-spacing: 0;
}
.php-user-right .oplog-list {
    width: 100%;
    margin-top: 24px;
}
.php-user-right tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.php-user-right tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.layui-main .php-article .detail-content-wrap td, th {
    padding: 5px 10px;
    border: 1px solid #DDD;
}
.php-user-right .oplog-list td, .oplog-list th {
    text-align: center;
    line-height: 48px;
}
.php-user-right .oplog-list th {
    background-color: #f3f5f7;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #393D49;
}
.x_content {
    padding: 48px;
}
.x_content .x_form {
    width: 392px;
    float: left;
}
.x_content .x_info {
    font-size: 12px;
    color: #ff9600;
    line-height: 12px;
}
.x_content .x_in_group {
    margin-top: 24px;
    position: relative;
}
.x_content .x_in_label {
    float: left;
    width: 80px;
    text-align: left;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 700;
    color: #07111b;
}
.x_content .x_in_input {
    float: left;
}
.moco-form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 7px 24px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #1c1f21;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d3d6d9;
    border-radius: 4px;
    box-sizing: border-box;
}
.x_content input, .x_content select {
    display: block;
    height: 36px;
    border: 1px solid #d9dde1;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 12px;
    color: #4d555d;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
}
.x_content .realname {
    width: 160px;
}
.error {
    color: #f01400;
    height: 30px;
    line-height: 30px;
}
.x_content .x_in_group .error {
    position: absolute;
    top: 36px;
    left: 80px;
    right: 0;
    line-height: 24px;
    height: 24px;
    color: #f01414;
    font-size: 12px;
}
.x_content .schoolname {
    width: 312px;
}

.x_content .x_notice {
    width: 328px;
    float: right;
    text-align: left;
}
.x_content .x_notice h3 {
    font-size: 16px;
    font-weight: 700;
    color: #4d555d;
    line-height: 16px;
    margin-bottom: 16px;
}
.x_content .x_notice p {
    font-size: 13px;
    color: #45555d;
    line-height: 26px;
}
.border-b1{
	border-bottom:1px;
}
.phone-login{
	float:left;
	margin-top:5px;
	margin-left:5px;
	font-size:12px;
	font-weight:normal;
	color:#999;
}
.bottom-words{
	bottom:0px;
	width:100%;
	position:fixed;
}
.hot-down-li{
	width:95%;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.width-bai-100{
	width:100%
}
.padding-10{
	padding:10px;
}
.padding-0{
	padding:0px;
}
.m-b-0{
	margin-bottom:0px;
}
.comment-button{
	margin-left:0px;margin-top:40px;
}
.d-n{
	display:none;
}
.c_p{
	cursor:pointer
}
.detail_answer {
    border: 1px solid #009a61;
    color: #009a61;
    padding: 6px 8px;
    background-color: #fff;
    margin-left: 10px;
    border-radius: 10px;
}
#js-avatar-upload {
	float: left;
	width: 134px;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
	margin: 10px 10px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	background-color: #00b33b;
	border-color: #00b33b;
	border-style: solid;
	border-width: 1px;
	-weibkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	left: 150px;
}
.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px,1px,1px,1px);
}
/*学习路径*/
.path .banner{
	height: 265px;
	background: url(img/path-bk.png);
}
.path .banner h2{
	width: 1200px;
	margin:0 auto;
	line-height: 265px;
	text-align: center;
	color: #fff;
	font-size: 28px;
}

.path .course li{
	text-align: center;
	margin: 7px;
    box-shadow: 0 1px 2px 0 #ddd;
    transition: bottom .3s;
    margin-left: 10px;
    -webkit-transition:width 2s; /* Safari */
}

.path .course li:hover
{
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 4px 5px 0 #d9dfe9;
    box-shadow: 0 4px 20px 4px #ddd;
    transition: 0.5s;
}
.path .course li a{
	display: block;
}
.path .course li h3{
	line-height: 80px;
}
.path .course li span{
	display: block;
	padding-bottom: 20px;
	color: #989898;
}
.path .course li img{
	width: 222px;
	height: 130px;
}
/*学习路径内容页*/
.path-banner{
	height: 200px;
	margin-top: 10px;
    padding-bottom: 30px;
    background:url(img/skill-bg.png);
}
.path-banner .step-big-title{
	font-size: 32px;
    line-height: 48px;
    color: #9447eb;
    font-weight: 700;
    margin-bottom: 24px;
    text-align: center;
}
.path-banner .step-desc{
	width: 800px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    max-width: 640px;
    margin: 0 auto 32px;
}
.path-container{
	padding:10px;
}.path-container .l-li li{
	list-style:none;
}
.path-container .l-li li img{
	width: 261px;
}
.path-container  .myplan_rows {
    display: block;
    float: left;
    width: 29%;
    line-height: 28px;
    padding-left: 7px;
    border: 1px solid #eee;
    height: 60px;
    margin: 0 0 20px 20px;
    border-radius: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #f1f1f1;
}
.course-top:hover
{
    text-decoration: none;
    /*box-shadow: 0 4px 20px 4px #ddd;*/
}
.course-top img{
	width: 266px;
	height: 133px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.course-top h2{
	width: 200px;
	padding: 5px 0 10px 10px;
	font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #565656;
}
.course-top .course-footer{
	 color: #9b9da2;
    padding: 5px 10px;
    overflow: hidden;
}
.course-top .recommended img{
	width: 565px;
	height:234px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
}
.layui-text a:not(.layui-btn):hover{text-decoration:none;}
/* new-index */
 .bg-all{
	background: #fff;
    padding-top: 10px ;
    border-radius: 8px;
}
 .ban-header {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.ban-header a{
	display: block;
	width: 85px;
	line-height: 50px;
	text-align: center;
}
.ban-header .all{
	background: #049dff;
	color: #fff;
	width: 260px;
	border-top-left-radius:8px;
}

.ban-header .layui-badge{
	font-size: 10px;
}

.category{
	width: 260px;
	background: #000;
	opacity:0.4;
	border-bottom-left-radius:8px;

}
.category .bottom {
	
	border-bottom-left-radius:8px;

}
.category li{
	padding: 10px;
	border-bottom: 1px solid #2d2d2d;
	background: #000;
	margin-top: 5px;
}
.category a{
	line-height: 50px;
	color: #fff;
}
.category .highlight{
	font-size: 16px;
	font-weight: bold;
}
.carousel{
	width: 940px;

}
.child-menu-list{display: none;position: absolute;left: 260px;width: 768px;height: 353px;background: #fff;z-index: 9;border-radius: 6px;padding: 30px;top: 15px;border:1px solid #f1f1f1;box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1)}
.child-menu-list .layui-elem-field{border-color: #f1f1f1;}
.child-menu-list .child-list{height: 200px;}
.child-menu-list .child-list span{margin: 5px 10px;}
.child-menu-list legend{font-size: 16px;}
.child-menu-list .recommend-course .course-item{float: left;width: 256px;}
.child-menu-list .recommend-course .course-item img{margin-right: 10px;width: 120px;height: 70px;float: left;}
.child-menu-list .recommend-course .course-item .labels span{font-size: 12px;color: gray;margin-right: 10px;}
.child-menu-list .recommend-course .join-number{font-size: 12px;color: #333;}

.carousel .banner-ad li{
	margin-right: 10px;
	margin-top: 10px;
	margin-left: 14px;
	background: none;
}
.carousel .banner-ad img{
	width: 210px;
    height: 150px;
    border-radius: 8px;
}
.course-header .l{
	color: #565656;
    font-size: 24px;
}.course-header .course-desc{
	color: #666;
    font-size: 14px;
    vertical-align: 2px;
}
.course-header .r{
	color: #666;
    font-size: 14px;
    padding-top: 8px;
}
.course-top li{
	margin:21px 9px;
    border-radius: 8px;
}
.course-big a{
	position: relative;
}
/* .course-big a:hover .description{
	position: absolute;
	display: block;
	overflow: none;
	background: #fff;
	padding: 5px 0;
	z-index: 9999;
	top:-60px;
	font-size: 14px;
} */
.course-big h2{
	margin-top: 22px;
}
.course-big img{
	height:130px;
}
.course-big li{
	margin-bottom: 20px;
}
.course-big .description{
	display: none;
	font-size: 12px;
	width: 260px;
	height: 30px;
}
.course-big .course-footer{	
	margin-top: 2px;
	margin-bottom:5px;
}
.new .soft-manual{
	width: 260px;
	border-radius: 12px;
}
.new .manual{
	width: 200px;
}
.new .soft-manual h2{
	color: #565656;
    font-size: 24px;
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
}
.new .soft-manual .box-s{
	padding: 0 10px 10px 10px;
    padding-bottom: 11px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);
    box-sizing: border-box;
    border-radius: 8px;
    border:1px solid #eee;
    padding-bottom: 44px;
	min-height:532px;
}
.new .soft-manual .box-s li{
	clear: both;
	padding: 10px 0;
}
.new .soft-manual .box-s h3{
	width:150px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.new .soft-manual .box-s a{
	font-size: 12px;
	line-height: 20px;
}
.new .soft-manual .box-s img{
	width: 20px;
	height: 20px;
	margin-right: 4px;
}
.new .soft-manual font{
	display: none;
}
#experience ul{
	margin-top: 10px;
	padding: 5px;
}
#experience li{
	float:none;
	line-height: 25px;
	padding-top:2px;
	white-space: nowrap;
	overflow: hidden;
}
#experience .classify-name{
	width: 150px;
	color: #717070;
	padding-right: 10px;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
}
#experience a{
	display: block;

}
#experience .classify-name2{
	width: 395px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left:10px;
	padding-right:10px;
	border-left: 1px solid #ccc;
}
#experience .classify-name3{
	padding-left: 10px;
}
.new-course {
	width: 690px;
	height:533px;
	padding: 0 10px;
	box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);
	border:1px solid #eee;
	border-radius: 8px;
}
.new-course .new-heaer {
	border-bottom: 1px solid #eee;
}
.new-course .new-heaer li{
	line-height: 30px;
    width: 160px;
	margin-right: 5px;
	margin-left: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.new-course .new-heaer a{
	display: block;
	width: 30px;
	text-align: center;
}
.new-course .new-heaer a:hover{
	border-bottom:1px solid black;
}
.new-course .new-heaer .on{
	border-bottom:1px solid black;
}
.new-course .course-top img{
	width: 210px;
}
.new-course .course-top .l-li:not(:first-child){display:none;}
.new-course .course-top li{
	/*margin-left: 0px;*/
}
.new-course .course-top h2{
	font-size: 14px;
}
/*友情链接*/
.panel-title {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border-bottom: 1px dotted #e9e9e9;
    color: #343535;
    border-radius: 2px 2px 0 0;
    font-size: 14px;
}
.frendlink{
  background: #fff;
    margin-top: 20px;
    padding: 0 0 10px 0;
  margin-bottom: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(28,31,33,.1);
} 
.frendlink span{
  font-size: 14px;
    color: #888;
}
.frendlink ul li{display: inline;margin-right: 10px;line-height: 2;}
.frendlink ul li a{color: #666;}
.frendlink .frendlink_second{padding:6px 10px;}
/*友情链接结束*/
/*登陆*/
.login-parent-div{
	background: #000;opacity: 0.3;width: 100%;height: 100%;position: fixed;top: 0px;z-index: 999998;display: none;
}
#login{
	display: none;
	z-index:999999;
	width:500px;
	height:530px;
	background: #fff;position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#login .l{
	font-size: 18px;
    font-weight: 400;
}
#login .header .pt-a{
	top:10px;
	right: 70px;
	padding:5px;
	line-height: 30px;
	background: rgb(30, 159, 255);
	color:#fff;
	font-size: 12px;
}#login .header .pt-a span{
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 6px 15px;
    border-color: transparent transparent transparent rgb(30, 159, 255);
    position: absolute;
    right: -14px;
    top: 5px;
}
#login .qcode{
	height: 60px;
    width: 60px;
	background: url(/static/images/toqrcode.png);
}#login .qcode2{
	height: 60px;
    width: 60px;
	background: url(/static/images/toaccounth.png);
}
#login #from {
	margin:0 auto;
	width: 350px;
	margin-bottom: 10px;
	padding:10px;
}
#login #from input{
	width: 350px;
	height: 42px;
	margin-top: 25px;
}#login .layui-btn {
	width: 350px;
	height: 42px;
	margin-top: 15px;
}
#login #from .bottom{
	margin-top: 30px;
}
#login #from .check_code{
	width: 160px;
	float: left;
}#login #from .check-img{
	width: 160px;
	height: 42px;
	margin-top: 25px;
	margin-left: 10px;
}
#login #code-img {
	width: 275px;
	margin:0 auto;
}
#login #code-img img{
	margin-top: 20px;
	width: 230px;
    height: 230px;
	border:1px solid #eee;
	padding:15px;
}
#login .qrcode-desc{
	width: 130px;
	margin:0 auto;
	padding-top: 30px;
}
#login .qrcode-desc i{
	display: block;
	font-size: 40px;
	margin-right: 10px;
}
#login .qrcode-desc p{
	font-size: 14px;
}
#login .footer {
	bottom: 0;
	line-height: 60px;
	background: #07aefc;
	width: 100%;
	color:#fff;
}
#login .footer .l{
	margin-left: 10px;
}
#login .footer .r{
	margin-right: 10px;
}
#login .footer .r a{
	color: #fff;
}
#login #regform {
    margin: 0 auto;
    width: 350px;
    margin-bottom: 10px;
    padding: 10px;
}
#login #regform input {
    width: 350px;
    margin-top: 15px;
}
.layer-phoneCode{
	width: 190px!important;float: left;
}
.layer-verify-img{
	margin-top: 15px;height: 38px;margin-left: 8px;width: 150px;
}
#a-register{
	color: #fff!important;
}
.a-register-login{
	color: #fff!important;display: none;
}
.ipt-verify,.phoneCode{
	width: 40%!important;margin-right: 10px;
}
.get-code {
    float: left;
    width: 150px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #22ac38;
    border: none;
    border-radius: 3px;
    font-size: 16px;
    margin-left: 8px;
    color: #fff;
    font-family: microsoft yahei;
}
.get-code:hover {
    background: #179500;
    color:#fff;
}
.header-get-code{
	height: 38px;margin-top: 15px;line-height: 38px;
}
/*登陆弹出层结束*/
/* new-index */
/* 购物车 */
.cart-top {height: 160px;background: url(/static/images/cart-top-bg.jpg);}
.layui-main {width: 1200px;/* padding: 15px 0; */position: relative;}
.path-container{min-height: 200px;}
.cart-top h1 {font-size: 32px;line-height: 115px;margin-left: 40px;color: #07111b;font-weight: 200;}
.cart-top .cart-content {width: 1152px;padding: 0 36px 32px;background-color: #fff;margin-left: 20px;margin-right: auto;box-shadow: 0 8px 16px 0 rgba(7,17,27,.1);border-radius: 8px;box-sizing: border-box;}
.cart-top .cart-content .title-box {padding-top: 36px;padding-bottom: 24px;}
.cart-top .cart-content .title-box p {float: left;padding-bottom: 24px;}
.cart-top .cart-content .detail-box li {padding: 24px;box-sizing: border-box;background: #f3f5f7;margin-bottom: 20px;line-height: 90px;}
a:link, :visited, ins {text-decoration: none!important;}
.cart-top .cart-content .detail-box li .text-info-box {float: left;width: 462px;height: 90px;margin-right: 96px;}
.cart-top .cart-content .detail-box li p {float: left;width: 286px;font-size: 16px;color: #f01414;}
.cart-top .cart-content .detail-box li p {float: left;width: 286px;font-size: 16px;color: #f01414;}
.cart-top .cart-content .detail-box li img {float: left;width: 160px;height: 90px;margin-right: 24px;}
.cart-top .cart-content .price-box {margin-top: 36px;text-align: right;}
.cart-top .cart-content .price-box p {line-height: 40px;}
.cart-top .cart-content .price-text .text {margin-right: 75px;}
.cart-top .cart-content .price-num span {margin-left: 40px;font-weight: 700;color: #f01414;font-size: 24px;}
.cart-top em {font-style: normal;}
/* 购物车 */

/*  */
.index-cates-recmmond{float: right};
.index-cates-recmmond .aa{background: red;}
.index-cates-recmmond .recmmond{margin-left: 15px;margin-bottom: 15px;float: left;width: 255px;}
.index-cates-recmmond .recmmond .item{margin: 5px 0px;}
.index-cates-recmmond .recmmond .item a{color: #FF5722}

.index-cates-other{margin: 10px 15px;width: 240px;float: left;}
.index-cates-other img{width: 50px;float: left;}
.index-cates-other .direc-item{float: left;margin-left: 10px;}
.index-cates-other .direc-item .direc-title{font-weight: bold;}
.index-cates-other .direc-item .children{width: 180px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-cates-other .direc-item .child-cate-name{color: gray;font-size: 12px;margin-right: 5px;}
/* 搜索 */
.php-search-header{height: 144px;background-color: #d9dde1;}
.php-search-header .layui-input-block{padding-top: 36px;position: relative;width: 800px;margin: 0 auto;}
.php-search-header .icon{position: absolute;font-size: 24px;color: #b7bbbf;left: 16px;bottom: -4px;}
.php-search-header .left{float: left;width: 700px;height: 50px;padding-left: 50px;box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);}
.php-search-header .right{float: left;width: 100px;height: 50px;background: #2F4056;box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);}
.php-search-header .hot-search{position: relative;width: 800px;margin: 0 auto;margin-top: 10px;height: 36px;line-height: 36px;font-size: 12px;color: #93999f;}
.php-search-header .hot-search li{float: left;margin-right: 24px;}
.php-search{width: 900px;margin: 0 auto;}
.php-search .nav{display: inline-block;margin-bottom: 10px;line-height: 16px;text-align: center;}
.php-search .nav li{float: left;width: 50px;margin-right: 60px;line-height: 60px;text-align: center;}
.php-search .nav .on{color: #f01414;border-bottom: 2px solid red;}
.php-search .search-related{height: 40px;line-height: 40px;font-size: 12px;color: #93999f;background: #eee;}
.course-item{background: #fff;margin-bottom: 8px;padding-top: 24px;padding-bottom: 24px;overflow: hidden;box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);box-sizing: border-box;}
.course-item .title{font-size: 16px;line-height: 32px;font-weight: 700;width: 100%;}
.course-item .course-classify {margin-top: 4px;margin-bottom: 4px;}
.course-detail p {color: #4D555D;font-size: 12px;line-height: 24px;}
.course- {width: 594px;height: 47px;overflow: hidden;text-overflow: ellipsis;}
/*.course-color {background: #f9fafa;border: 1px solid #ded9d9;margin: 0px 5px;padding: 2px 6px;font-size: 12px;font-weight: 500;border-radius: 4px;}*/
.course-color {color: red;}
.more {height: 40px;width: 160px;margin: 24px auto 36px;text-align: center;border-radius: 24px;border: 1px solid #D9DDE1;box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);box-sizing: border-box;line-height: 40px;}
.course-img{text-align:center;}
.php-search .course-img img{width: 150px;width: 150px;float: left;padding-left: 10px;}
.course-detail{float: left;padding-left: 20px;}
.user_phone_code .layui-input {
    width: 100px;
    float: left;
}
.user_phone_code_button:hover {
    cursor: pointer;
    background: #27cb41;
}
.user_phone_code_button {
    float: left;
    width: 115px;
    height: 38px;
    line-height: 38px;
    border-radius: 3px;
    background: #22ac38;
    margin-left: 8px;
    font-size: 15px;
    color: #fff;
    text-align: center;
}
.actual-course{
    margin: 10px 10px 20px 10px!important;
    width: 280px;
}
.actual-course-img{
	margin:10px 10px 0 10px!important;
}
.course-comment-list{
	width: 210px;
    margin: 21px 10px!important;
}