/* html,body{
	padding: 0;
	margin: 0;
	color: #666666!important;
	font-size: 14px;
	font-family: "微软雅黑";
	background-color: #F2F2F2;
} */
/*a{
	color: #666666!important;
	text-decoration:none
}*/
/*a:hover{
	color: #1e9fff!important;
}*/
.zyl-center{
	text-align: center;
}
.zyl-img img{
	width: 100%;
	border-radius: 10px;
}
.zyl-img-2 img{
	max-width: 100%;
}
.zyl-mar-nav-top{
	margin-top: 45px;
}
.zyl-mar-top30{
	margin-bottom: 20px;
}
.zyl-pad-top20{
	padding-top: 20px;
}
.zyl-pad-top14{
	padding-top: 14px;
}
.zyl-pad-top10{
	padding-top: 9px;
}
.zyl-pad-top5{
	padding-top: 5px;
}
.zyl-pad-botm10{
	padding-bottom: 9px;
}
.zyl-border-bottom{
	border-bottom: 1px solid #e6e6e6;
}
.zyl-font-12{
	font-size: 12px;
}
.zyl-font-14{
	font-size: 14px;
}
.zyl-font-18{
	font-size: 18px;
}
.zyl-font-22{
	font-size: 22px;
}
.zyl-color-1{
	color: #BBBBBB!important;
}

.zyl-color-1-zx{
	line-height: 24px;
	height: 48px;
	overflow: hidden;            
	text-overflow: ellipsis;            
	display: -webkit-box;            
	-webkit-line-clamp: 2;           
	-webkit-box-orient: vertical;
}


/*
 * 头部
 */
.zyl-head{
	height: 60px;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.zyl-nav-scroll{
	border-bottom: 2px solid #1e9fff;
	transition: background 2s;
	-moz-transition: background 2s; /* Firefox 4 */
	-webkit-transition: background 2s; /* Safari and Chrome */
	-o-transition: background 2s; /* Opera */
}
.zyl-nav-min{
	display: none;
}


/*
 * 左侧
 * 关于作者
 */
.zyl-index-gyzz-img img{
	width: 80px;
	height: 80px;
	text-align: center;
	border-radius: 50%;
}
.zyl-index-gyzz-main{
	padding-left: 20px;
}
.zyl-index-gyzz-name{
	font-size: 16px;
	padding-bottom: 5px;
}
.zyl-index-gyzz-bj{
	height: 20px;
	border-left: 3px solid #1e9fff;
}
.zyl-index-gyzz-fa{
	height: 20px;
	border-left: 3px solid #EB5858;
}
.zyl-index-gyzz-wz{
	height: 20px;
	border-left: 3px solid #7769F0;
}
.zyl-index-gyzz-yj{
	height: 20px;
	border-left: 3px solid #FFA300;
}


/*
 * 左侧
 * 作品地址
 */
.zyl-index-zpdz{
	height: 60px;
	line-height: 60px;
	margin-bottom: 15px;
	text-align: center;
	color: #FFFFFF;
	background: linear-gradient(to right,#1e9fff,#1e9fff);
}


/* 左侧
 * 友情链接
 */
.zyl-index-yqlj{
	height: 36px;
	line-height:36px;
	/*margin-bottom: 15px;*/
	padding: 0 15px;
	text-align: center;
	color: #666666;
	border: 1px solid #c3c3c3;
	border-radius:6px;
	/* background-image: linear-gradient(to left, #BDBBBE 0%, #9D9EA3 100%), radial-gradient(88% 271%, rgba(255, 255, 255, 0.25) 0%, rgba(254, 254, 254, 0.25) 1%, rgba(0, 0, 0, 0.25) 100%), radial-gradient(50% 100%, rgba(255, 255, 255, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);  */
	/* background-blend-mode: normal, lighten, soft-light; */
}
.zyl-index-yqlj:hover{
	background: linear-gradient(to right,#505050,#707070);
	color: #ffffff;
}



/*
 * 继续教育报名
 */
.zyl-index-kfbj{
	color: #FFFFFF!important;
	font-size: 24px;
	text-align: center;
	cursor: pointer;
	height: 120px;
	line-height: 120px;
	border-radius: 10px;
	transition: all .2s;
    -webkit-transition: all .2s;
}
.zyl-index-kfbj:hover{
	box-shadow: 3px 10px 10px #E2E2E2!important;
	border-radius: 8px;
	transform: translateY(-5px);
	transition: all .3s;
	-webkit-transition: all .3s;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
}
.zyl-index-kfbj-js{
    background: linear-gradient(to right,#2AFADF,#0FB5EE);
}
.zyl-index-kfbj-layui{
    background: linear-gradient(to right,#FEB692,#EA5455);
}
.zyl-index-kfbj-weui{
    background: linear-gradient(to right,#CE9FFC,#7367F0);
}
.zyl-index-kfbj-psb{
    background: linear-gradient(to right,#90F7EC,#32CCBC);
}
.zyl-index-kfbj-vue{
	background: linear-gradient(to right,#ff5858,#f09819);
}
.zyl-index-kfbj-element{
	background: linear-gradient(to right,#16a085,#f4d03f);
}	
.zyl-index-kfbj-iviewui{
	background: linear-gradient(to right,#667eea,#764ba2);
}
.zyl-index-kfbj-xuanke {
	background-image: linear-gradient(120deg, #ebedee 0%, #f0f0f0 100%);
}
.zyl-index-kfbj-antdv{
	background: linear-gradient(to right,#00c6fb,#005bea);
}
.zyl-index-kfbj-buxue{
	background-image: linear-gradient(-225deg, #231557 0%, #44107A 29%, #FF1361 67%, #FFF800 100%);
}
.zyl-index-kfbj-jx{
	/* background: #36D1DC;
	background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);
	background: linear-gradient(to right, #5B86E5, #36D1DC); */
	/* background-image: linear-gradient(to top, #505285 0%, #585e92 12%, #65689f 25%, #7474b0 37%, #7e7ebb 50%, #8389c7 62%, #9795d4 75%, #a2a1dc 87%, #b5aee4 100%); */
	background-image: linear-gradient(to top, #4481eb 0%, #15a6d7  100%);
}


/*右侧
 * 首页作品
 */
.zyl-index-work{
	position: relative;
	overflow: hidden;
}
.zyl-index-work img{
	transition: all 0.4s;
	min-height: 160px;
	max-height: 160px;
}
.zyl-index-work img:hover{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-transform:scale(1.2);
}
.zyl-index-work-title{
	position: absolute;
	padding: 5px 10px 10px 10px;
	width: 100%;
	top: 75%;
	height: 100px;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.6);
}


/*右侧
 * 首页选课
 */
.zyl-index-note{
	cursor: pointer;
}
.zyl-index-note a{
	padding-left: 0px;
	border-left: 0px solid #1e9fff;
	transition: all .3s;
    -webkit-transition: all .3s;
}
/* .zyl-index-note:hover a.lession-title{
	padding-left: 8px;
	color: #1e9fff!important;
	font-weight: 600;
	border-left: 4px solid #1e9fff;
	transition: all .3s;
    -webkit-transition: all .3s;
} */
.zyl-index-label-kfbj{
	background: #ff5722;
}
.zyl-index-label-jjfa{
	background: #1e9fff;
}
.zyl-index-label-xqwz{
	background: #754EA6;
}
.zyl-index-label{
	color: #FFFFFF;
	line-height:30px;
	/*width: 120px;
	*/position:absolute;
	/*right:0;
	top:0;
	*/z-Index:2;
	padding:0 12px;
	border-radius: 10px 0 10px 0;
	/*-webkit-transform-origin:left bottom;
	-moz-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transform:translate(29.29%,-100%) rotate(45deg);
	-moz-transform:translate(29.29%,-100%) rotate(45deg);
	transform:translate(29.29%,-100%) rotate(45deg);
	text-indent:0;
	*/
	-webkit-border-radius: 10px 0 10px 0;
	-moz-border-radius: 10px 0 10px 0;
	-ms-border-radius: 10px 0 10px 0;
	-o-border-radius: 10px 0 10px 0;
}

/*
 * 博客版本
 */
.zyl-index-bk{
	cursor: pointer;
	padding: 0px 10px 0px 10px;
	/* border: 1px solid #E6E6E6; */
	border-radius: 10px;
	font-size: 16px;
}
/* .zyl-index-bk:hover{
	color: #666666!important;	
	text-decoration: underline;
} */
.zyl-index-bk:hover .zyl-font-18{
	color: #1e9fff!important;
}
.zyl-index-bk:hover .zyl-color-1{
	color: #666666!important;
}
.zyl-index-bk .zyl-font-18{
	color: #333333!important;
}



/*
 * 检索页
 */
.zyl-search-head{
	background-image: url(../img/search/search.jpg);
}
.zyl-search-input{
	padding-top: 5%;
	padding-bottom: 5%;
}
.zyl-search-input img{
	padding-bottom: 3%;
}
.zyl-search-input input{
	color: #FFFFFF!important;
	height: 50px;
	line-height: 50px;
	background-color: rgba(0,0,0,0);
}
.zyl-search-input .layui-icon-search{
	cursor: pointer;
	position: absolute;
	right: 25px;
	font-size: 30px;
	margin-top: -40px;
	color: #FFFFFF!important;
}


/*
 * 笔记-方案-文章
 */
.noteNewList{
	cursor: pointer;
	padding-bottom: 10px;
}
.noteNewList a{
	transition: all .3s;
    -webkit-transition: all .3s;
}
.noteNewList:hover a{
	border-left: 3px solid #1e9fff;
	padding-left: 6px;
	transition: all .3s;
    -webkit-transition: all .3s;
}



/*
 * 素材列表
 */
.zyl-material-main{
	color: #FFFFFF;
	cursor: pointer;
	height: 50px;
	line-height: 50px;
	border: 1px solid #E6E6E6;
	transition: all .3s;
    -webkit-transition: all .3s;
}
.zyl-material-main:hover{
	border-radius: 8px;
	transition: all .3s;
    -webkit-transition: all .3s;
}
.zyl-material-kj{
	background-color: #1e9fff;
}
.zyl-material-cj{
	background-color: #EA5555;
}
.zyl-material-tp{
	background-color: #7451AB;
}
.zyl-material-tb{
	background-color: #FF794E;
}
.zyl-material-gj{
	background-color: #10B8ED;
}


/*
 * 关于作者
 */
.zyl-about-project{
	text-align: center;
	color: #FFFFFF;
	height: 80px;
	line-height: 80px;
	background-color: #1e9fff;
}


/*
 * 重置layui样式
 */
.layui-card{
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0);
}
.layui-nav{
	background-color: rgba(255,255,255,1);
	text-align: center;
}
/*.layui-nav .layui-nav-item a{
	color: rgba(102,102,102,1);
}*/
/*.layui-nav .layui-nav-item a:hover{
	color: rgba(0,150,136,1);
}*/
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
    height: 2px;
    background-color: #1e9fff;
}
.layui-carousel img{
	width: 100%;
}
.layui-elem-quote{
	background-color: #FFFFFF;
}
.layui-card-header{
	color: #666666!important;
	font-size: 16px;
    font-weight: 600;
	border-bottom: none;
}
.layui-card-header1{
	color: #333333!important;
	font-size: 14px;
}
.layui-card-header2{
	color: #333333!important;
	font-size: 16px;
    font-weight: 600;
	border-bottom: none;
}
/*.layui-carousel img{
	width: 100%;
	height: 100%;
}*/
.layui-flow-more a cite {
    padding: 0 20px;
    border-radius: 3px;
    background-color: #1e9fff;
    color: #fff;
    font-style: normal;
}
/* 404或提示 */
.fly-none{min-height: 600px; text-align: center; padding-top:50px; }
.fly-none .layui-icon{line-height: 300px; font-size: 300px; color: #393D49;}
.fly-none .icon-tishilian{display: inline-block; margin: 30px 0 20px;}
.fly-none p{margin-top: 50px; padding: 0 15px; font-size: 20px; color: #999; font-weight: 300;}
.fly-list-one .fly-none{min-height: 70px;}

.fly-none .icon{line-height: 300px; font-size: 300px;}
	
.icon {
	width: 1em; height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
 }

/*
 * 滚动条处理
 */
/* ::-webkit-scrollbar {
	width: 6px;
	height: 30px;
} */
::-webkit-scrollbar-track {
	/* background-color: #F2F2F2; */
}
/*::-webkit-scrollbar-thumb {
	background-color: #C5C7CA;
}*/
::-webkit-scrollbar-thumb:hover {
	background-color: #C5C7CA
}
::-webkit-scrollbar-thumb:active {
	background-color: #C5C7CA
}
html {
	-ms-overflow-style: none;
	scrollbar-width: none;
}



/*
 * 小屏约定
 */
@media screen and (max-width: 840px){
	.zyl-nav-hide{
		display: none;
	}
	.zyl-nav-min{
		display: block;
	}
}
@media screen and (max-width: 768px){
	.zyl-index-label{
		display: none;
	}
}


/*
 * 约定侧栏动画
 */
@-webkit-keyframes layui-rl{ /* 从右往左滑入 */
  from {-webkit-transform: translate3d(100%, 0, 0);}
  to {-webkit-transform: translate3d(0, 0, 0);}
}
@keyframes layui-rl{
  from {transform: translate3d(100%, 0, 0);}
  to {transform: translate3d(0, 0, 0);}
}
.layui-anim-rl{-webkit-animation-name: layui-rl; animation-name: layui-rl;}

@-webkit-keyframes layui-lr{ /* 从右往左滑入 */
  from {-webkit-transform: translate3d(0 0, 0); opacity: 1;}
  to {-webkit-transform: translate3d(100%, 0, 0); opacity: 1;}
}
@keyframes layui-lr{
  from {transform: translate3d(0, 0, 0);}
  to {transform: translate3d(100%, 0, 0);}
}
.layui-anim-lr{
	-webkit-animation-name: layui-lr;
	animation-name: layui-lr;
}
.layui-anim-rl.layer-anim-close{
	-webkit-animation-name: layui-lr;
	animation-name: layui-lr;
}

/* 右侧面板 */
.layui-layer-adminRight{
	bottom: 0;
	box-shadow: 1px 1px 10px rgba(0,0,0,.1);
	overflow: auto;
}

.layui-anim{display: inline-block;}

/*
 * 移动端侧栏弹出层样式
 */
body .leftNav-class .layui-layer-content {background-color: rgba(255,255,255,1);}