/************黑金色颜色调整****************/

/*
1、颜色统一色值：
主背景：#0c0c0c
次背景：#16161a
卡片中背景：#111114
主文字颜色: #d3d3d3
次文字颜色: #8c8c8c
金色文字颜色：#f3bb6c
线条颜色：#202025
鼠标划过背景色：#25252c
*/
 




/**********页面公共部分开始************/
[v-cloak]{display: none;}


/*公共部分区域控制*/
.djs-body{top: 67px!important; left: 40px!important; background:#0c0c0c;  }
.index-body{ /**width:1240px; margin:36px auto;**/  margin:46px 80px;  }
.bre-body{ margin: 70px 24px; } /**栏目页结构控制**/ 
.notab-body{ width:1140px; margin:70px auto 0; }

 /**详情页栏目结构**/ 
.djs-detbody{top: 67px!important; left: 220px!important; background:#0c0c0c;  }
.detail-body{ width:1140px; margin:24px auto 0; }

/*控制页面滚动条样式*/
div::-webkit-scrollbar{width:10px;height:10px;}
div::-webkit-scrollbar-track{background: #1a1a1a; border:1px solid #2f2f2f;border-radius:2px;  }
div::-webkit-scrollbar-thumb{background: #5f5f5f;border-radius:10px;}
div::-webkit-scrollbar-thumb:hover{background: #8c8c8c;}
 




/****
	1、顶部导航
****/
.djs-header{ height: 64px!important;border-top: 2px solid #f3bb6c; background:#16161a; border-bottom: 1px solid #202025; /****box-shadow: 0 0 1px 0px rgba(0,0,0,0.1),0 0 6px 2px rgba(0,0,0,0.1);****/}

.djs-header .layui-logo{ padding-top:16px; padding-left: 12px; }
.djs-header .layui-logo img{ height: 32px; }

	/*顶部-主菜单导航*/
.djs-header .main-nav{ left: 250px; }
.djs-header .main-nav{ background: none;  }
.djs-header .main-nav .layui-nav-item{ height: 64px; line-height: 64px; }
.djs-header .main-nav .layui-nav-item a{color: #d3d3d3;height: 40px; line-height: 40px; margin-top: 12px; padding: 0 26px 0 14px;} 
.djs-header .main-nav .djsui-nav-item a{ padding: 0 16px!important;} 

.djs-header .main-nav .layui-nav-item em{ font-style: normal; font-size: 15px; padding-left: 4px; vertical-align: top;}
.djs-header .main-nav .layui-nav-item .iconfont{ font-size: 22px; vertical-align: top; color: #d3d3d3;}


.djs-header .main-nav .layui-nav-item  .layui-badge{top: 18px!important;right: -12px;  color:#fff!important; background:#FF3F41;background: -webkit-linear-gradient(117deg,#FF3F41,#E8393B);background:linear-gradient(117deg,#FF3F41,#E8393B);}
.djs-header .main-nav .layui-nav-more{content:'';width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;
cursor:pointer;transition:all .2s;-webkit-transition:all .2s;
position:absolute;top:50%;right:10px;margin-top:-2px;border-width:4px;border-top-color:#d3d3d3}
.djs-header .main-nav .layui-nav-mored,
.djs-header .main-nav .layui-nav-itemed>a .layui-nav-more{margin-top:-7px;border-style:dashed dashed solid;border-color:transparent transparent #d3d3d3}
.djs-header .main-nav .layui-nav .layui-this:after,
.djs-header .main-nav .layui-nav-bar,
.djs-header .main-nav .layui-nav-tree .layui-nav-itemed:after{position:absolute;left:0;top:0;width:0;height:0px;background-color:#5FB878;
	transition:all .2s;-webkit-transition:all .2s}
.djs-header .main-nav .layui-nav-item a:hover{ background: #25252c; border-radius: 4px; }
.djs-header .main-nav .layui-this a{ color: #CE9940!important; }

.djs-header .main-nav .layui-nav-child{display:none;position:absolute;left:-3px;top:68px;min-width:100%; box-shadow:0 2px 4px rgba(0,0,0,.12);
	border:1px solid #202025;background-color:#16161a;z-index:100;border-radius:2px;white-space:nowrap}
.djs-header .main-nav .layui-nav-child dd{ height: 40px; line-height: 40px; }
.djs-header .main-nav .layui-nav-child dd a{ font-size: 14px;  padding: 0 26px; margin-top: 0; color:#d3d3d3;}

.djs-header .layui-nav .layui-this:after, 
.djs-header .layui-nav-bar, 
.djs-header .layui-nav-tree .layui-nav-itemed:after{ height: 0; }



/*公共部分导航效果*/
.djs-header .main-nav .active{color:#f3bb6c!important }
.djs-header .main-nav .active .layui-nav-more{ border-color:#fff transparent transparent;  border-top-color:#f3bb6c}
.djs-header .main-nav .active .layui-nav-mored,
.djs-header .main-nav .active .layui-nav-itemed>a .layui-nav-more{ border-color:transparent transparent #f3bb6c} 


.djs-header .main-nav .layui-nav-item .nav-icon-sya,
.djs-header .main-nav .layui-nav-item .nav-icon-tya,
.djs-header .main-nav .layui-nav-item .nav-icon-zka,
.djs-header .main-nav .layui-nav-item .nav-icon-zxa,
.djs-header .main-nav .layui-nav-item .nav-icon-zca{ display: none; }
.djs-header .main-nav .active .nav-icon-sy,
.djs-header .main-nav .active .nav-icon-ty,
.djs-header .main-nav .active .nav-icon-zk,
.djs-header .main-nav .active .nav-icon-zx,
.djs-header .main-nav .active .nav-icon-zc{ display: none; }
.djs-header .main-nav .active .nav-icon-sya,
.djs-header .main-nav .active .nav-icon-tya,
.djs-header .main-nav .active .nav-icon-zka,
.djs-header .main-nav .active .nav-icon-zxa,
.djs-header .main-nav .active .nav-icon-zca{display: inline-block;}
.nav-icon{display: inline-block; width: 22px; height: 22px; margin-top:8px; }
.nav-icon-sy{background: url(../images/icon/icon_nav/index-line.svg) 0 0 no-repeat;background-size:cover; background-repeat: no-repeat; }
.nav-icon-sya{background: url(../images/icon/icon_nav/index-plat.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.nav-icon-ty{background: url(../images/icon/icon_nav/ty-line.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.nav-icon-tya{background: url(../images/icon/icon_nav/ty-plat.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.nav-icon-zk{background: url(../images/icon/icon_nav/zk-line.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.nav-icon-zka{background: url(../images/icon/icon_nav/zk-plat.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.nav-icon-zx{background: url(../images/icon/icon_nav/news-line.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.nav-icon-zxa{background: url(../images/icon/icon_nav/news-plat.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.nav-icon-zc{background: url(../images/icon/icon_nav/career-line.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.nav-icon-zca{background: url(../images/icon/icon_nav/caree-plat.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
 


 
	/*顶部-弹出层箭头 beg*/
.layer_arrow{top: -15px;left: 46%;position: absolute;overflow: hidden;display: block;}
.layer_arrow i, .layer_arrow b 
{border-top-color: transparent;border-right-color: transparent;border-left-color: transparent;display: inline-block;width: 0;height: 0;
border-width: 7px;border-style: solid;overflow: hidden;font-size: 0;line-height: 0;vertical-align: top;} 
.layer_arrow b{margin: 2px 0 0 -14px;}   
.s_i{border-color: #202025;} 
.s_b{border-color: #16161a;;}




	/*顶部-右侧功能导航*/
.djs-header .user-nav{ height: 56px; background: none }
.djs-header .user-nav .layui-nav-item{  height: 56px; line-height: 56px;}
.djs-header .user-nav .layui-nav-item a{color: #d3d3d3;  padding: 0 10px;} 

.djs-header .user-nav .layui-nav-item em{ font-style: normal; font-size: 15px; padding-left:4px; vertical-align: top;}
.djs-header .user-nav .layui-nav-item .uname{ font-size: 13px; color:#d3d3d3; }
.djs-header .user-nav .layui-nav-item .layui-nav-img{ margin-right: 4px; }
.djs-header .user-nav .layui-nav-item .quit{ border-top: 1px solid #202025; }
.djs-header .user-nav .layui-nav-item .iconfont{ font-size: 22px; vertical-align: top;}

.djs-header .user-nav .fun-publish{ }
.djs-header .user-nav .fun-publish .menuh{ margin-top: 14px; }
.djs-header .user-nav .fun-publish .iconfont{font-size: 18px;   border-radius:50%; display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center;transition:all .4s;-webkit-transition:all .4s;
												 color:#fff!important; background:#FF3F41;background: -webkit-linear-gradient(117deg,#FF3F41,#E8393B);background:linear-gradient(117deg,#FF3F41,#E8393B); }
.djs-header .user-nav .fun-publish .iconfont:hover{ border-radius:4px; transition:all .6s;-webkit-transition:all .6s}
.djs-header .user-nav .fun-publish .layer_arrow{ left: 14px!important }

.djs-header .user-nav .fun-items{ margin-left: 6px;  }
.djs-header .user-nav .fun-items .menuh{ margin-top: 14px;  } 
.djs-header .user-nav .fun-items .iconfont{font-size: 20px; color: #d3d3d3; border-radius:50%; display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center;background:#3e3e48;transition:all .6s;-webkit-transition:all .6s; }
.djs-header .user-nav .fun-items .iconfont:hover{ border-radius: 4px; transition:all .6s;-webkit-transition:all .6s}

.djs-header .user-nav .fun-user{ }
.djs-header .user-nav .fun-user .menuh{ margin-top: 14px; height: 32px; line-height: 32px; border-left: 1px solid #eee; padding-left: 22px; margin-left: 14px;}
 
.djs-header .user-nav .fun-reg a{ display: inline-block; padding: 0 6px; }
.djs-header .user-nav .fun-reg span{ color: #e3e3e3}


.djs-header .user-nav .layui-nav-item a:hover, 
.djs-header .user-nav .layui-this a{ color: #d3d3d3!important; }
.djs-header .user-nav .layui-nav-child{display:none;position:absolute;left:0;top:68px; min-width:auto; line-height:36px;padding:5px 0;box-shadow:0 2px 4px rgba(0,0,0,.12);
	border:1px solid #202025;background-color:#16161a;z-index:100;border-radius:2px;white-space:nowrap}
.djs-header .user-nav .layui-nav-child dd{ font-size: 12px; height: 34px; line-height: 34px; text-align: center; }
.djs-header .user-nav .layui-nav-child dd a{ font-size: 12px; width: 74px;}
.djs-header .user-nav .layui-nav-child dd a:hover{ background: #25252c; border-radius: 4px; }
.djs-header .user-nav .layui-badge-dot{ top: 24px!important; margin-left: -5px!important; }
.djs-header .user-nav .layui-badge{ top: 24px!important; margin-left: -8px!important; padding: 0 4px; font-size: 10px; height: 14px; line-height: 14px; }

.djs-header .user-nav .layui-nav-more{ display: none; } 
.djs-header .user-nav .layui-nav .layui-this:after,
.djs-header .user-nav .layui-nav-bar,
.djs-header .user-nav .layui-nav-tree .layui-nav-itemed:after{position:absolute;left:0;top:0;width:0;height:0px;background: #25252c; 
	transition:all .2s;-webkit-transition:all .2s}
 

 

/****
	2、左侧导航-old
****/


.djs-left{top: 66px!important;width: 220px!important; padding-top: 20px; overflow-x: hidden; background: #fff; /****box-shadow: 0 1px 0 0px rgba(0,0,0,0.3),0 0 6px 2px rgba(0,0,0,0.1); ****/ }
.djs-left .layui-nav-tree{width: 220px}
.djs-left .layui-side-scroll{width: 220px;  }
.djs-left .layui-bg-white{background: #fff;}
.djs-left .layui-bg-white .layui-nav-itemed > a, 
.djs-left .layui-bg-white .layui-nav-item a,
.djs-left .layui-bg-white .layui-nav-tree .layui-nav-title a, 
.djs-left .layui-bg-white .layui-nav-tree .layui-nav-title a:hover{ color: #333!important }

.djs-left .layui-bg-white .layui-nav-more{content:'';width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;cursor:pointer;transition:all .2s;-webkit-transition:all .2s;
											position:absolute;top:50%;right:62px;margin-top:-2px;border-width:4px;border-top-color:rgba(0,0,0,.5)}
.djs-left .layui-bg-white .layui-nav-mored,.layui-nav-itemed>a .layui-nav-more{margin-top:-9px;border-style:dashed dashed solid;border-color:transparent transparent #666}

.djs-left .layui-bg-white .layui-nav-itemed > .layui-nav-child{ background: #fafafa!important }
.djs-left .layui-bg-white .layui-nav .layui-this:after,
.djs-left .layui-bg-white .layui-nav-bar,
.djs-left .layui-bg-white .layui-nav-tree .layui-nav-itemed:after{position:absolute;left:0;top:0;width:0;height:0px;background-color:#5FB878;transition:all .2s;-webkit-transition:all .2s}
.djs-left .layui-bg-white .layui-nav-item a:hover{ background: rgba(206,160,82,0.3); }
.djs-left .layui-bg-white .layui-nav-tree .layui-nav-item{ line-height: 56px; }
.djs-left .layui-nav .layui-nav-item a{ padding: 0 50px; height: 52px; line-height: 52px; }
.djs-left .layui-nav .layui-nav-item em{font-style: normal;  vertical-align: top; padding-left: 8px;}
.djs-left .layui-nav .layui-nav-child dd a{ font-size: 13px; padding: 0 20px 0 80px; color: #676767!important; font-weight: 300; height:40px; line-height: 40px; } 

.djs-left .title{ height: 48px; line-height: 48px; font-size: 14px; text-align: center; background: #eaecef; }
.djs-left .title em {line-height: 30px;display: inline-block;width: 12px;height: 2px;margin: 0 6px 4px;background-color: #dadada;}

.djs-left .item-icon {display: inline-block; width: 22px; height: 22px; margin-top: 15px; }
 

.layui-nav-tree .layui-nav-child dd.layui-this, 
.layui-nav-tree .layui-nav-child dd.layui-this a, 
.layui-nav-tree .layui-this, 
.layui-nav-tree .layui-this > a, 
.layui-nav-tree .layui-this > a:hover {background-color: rgba(206,160,82,0.3)!important;color: #fff;}
 



/****
	2、左侧导航-2021-01-19
****/
.djs-aside{position: absolute;left: 0px;right: 0;top: 67px!important;bottom: 0;z-index: 998;width: 220px!important; background: #16161a;  border-right: 1px solid #202025; overflow: hidden;overflow-y: auto;box-sizing: border-box;}
.djs-aside .djside-title{ height:44px; line-height: 44px; border-bottom: 1px dashed #202025; background: #16161a; }
.djs-aside .djside-title .wroktit{ text-align: center; color: #3e3e3e; font-weight: 300; font-size: 14px; }

.djside-warp{   padding:0 20px;}
.djside-warp .layui-nav-tree{ width: 180px;   }
.djside-warp .layui-side-scroll{ width: 180px; }
.djside-warp .layui-bg-white{background:none;}
.djside-warp .layui-bg-white .layui-nav-itemed > a, 
.djside-warp .layui-bg-white .layui-nav-item a,
.djside-warp .layui-bg-white .layui-nav-tree .layui-nav-title a, 
.djside-warp .layui-bg-white .layui-nav-tree .layui-nav-title a:hover{ color: #d3d3d3!important }
.djside-warp .layui-bg-white .layui-nav-more{content:'';width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;cursor:pointer;transition:all .2s;-webkit-transition:all .2s;
											position:absolute;top:50%;right:22px;margin-top:-2px;border-width:4px;border-top-color:#666}
.djside-warp .layui-bg-white .layui-nav-mored,
.djside-warp .layui-nav-itemed>a .layui-nav-more{margin-top:-6px;border-style:dashed dashed solid;border-color:transparent transparent #666}
.djside-warp .layui-bg-white .layui-nav-itemed > .layui-nav-child{ background: rgba(28,28,32,0.67)!important; }
.djside-warp .layui-bg-white .layui-nav .layui-this:after,
.djside-warp .layui-bg-white .layui-nav-bar,
.djside-warp .layui-bg-white .layui-nav-tree .layui-nav-itemed:after{position:absolute;left:0;top:0;width:0;height:0px;background-color:#5FB878;transition:all .2s;-webkit-transition:all .2s}
.djside-warp .layui-bg-white .layui-nav-item a:hover{ background: #25252c; border-radius: 2px; }
.djside-warp .layui-bg-white .layui-nav-tree .layui-nav-item{ line-height: 56px; }
.djside-warp .layui-nav .layui-nav-item a{ padding: 0 22px 0 16px; text-align: left; height: 54px; line-height:54px; }
.djside-warp .layui-nav .layui-nav-item .iconfont {display: inline-block;  font-size: 24px; color: #d3d3d3}
.djside-warp .layui-nav .layui-nav-item em{font-style: normal;  vertical-align: top; padding-left: 8px; font-size: 16px; font-weight: 300;color:#d3d3d3}
.djside-warp .layui-nav .layui-nav-child dd a{ font-size: 14px; padding: 0 20px 0 48px; color: #d3d3d3!important; font-weight: 400; height:36px; line-height: 36px; } 
.djside-warp .title{ height: 48px; line-height: 48px; font-size: 14px; text-align: center; background: #eaecef; }
.djside-warp .title em {line-height: 30px;display: inline-block;width: 12px;height: 2px;margin: 0 6px 4px;background-color: #dadada;}
.djside-warp .item-icon {display: inline-block; width: 22px; height: 22px; margin-top: 15px; }
.djside-warp .layui-nav-tree .layui-nav-child dd.layui-this, 
.djside-warp .layui-nav-tree .layui-nav-child dd.layui-this a, 
.djside-warp .layui-nav-tree .layui-this, 
.djside-warp .layui-nav-tree .layui-this > a, 
.djside-warp .layui-nav-tree .layui-this > a:hover {background-color: #25252c!important;color: #d3d3d3;}
 



.djside-user{ border-top: 1px solid #202025; margin: 20px 0; padding: 16px 0;  }
.djside-user .djside-nav{ width: 180px; margin-left: 20px; }
.djside-user .left-item{position: relative;   padding-left: 22px; vertical-align: middle;  cursor: pointer;}
.djside-user .left-item:hover{background: #25252c}
.djside-user .left-item a{ text-align: center; display: inline-block; height: 36px; line-height: 36px; }
.djside-user .left-item .iconfont{ font-size: 20px;color: #d3d3d3 }
.djside-user .left-item em{font-style: normal;  vertical-align: top; padding-left: 8px; font-size: 14px; font-weight: 300; color: #d3d3d3;}

.nav-bottom{position: absolute;left: 0;bottom: 0;width: 220px;padding: 6px 0;border-top: 1px solid #202025; display: flex; z-index: 999999}
.nav-bottom .n1, .nav-bottom .n2{ flex: 1; text-align: center; padding: 6px 0 }
.nav-bottom .n1:hover, .nav-bottom .n2:hover{ opacity: 0.78; background: #25252c }
.nav-bottom .n1{ border-right: 1px solid  #202025 }
.nav-bottom a{ text-align: center; display: inline-block; height: 20px; line-height: 20px; color: #8c8c8c; }

.nav-bottom .iconfont{ font-size: 16px; color: #8c8c8c;}
.nav-bottom em{font-style: normal;  vertical-align: top; padding-left: 4px; font-size: 14px; font-weight: 300;}




/****
	3、右侧固定浮动
****/

.assit-wrapper{position:fixed;right:22px;z-index:10004;bottom:60px;width:40px;border-bottom:1px solid #202025;}
 
.assit-wrapper .code{border:1px solid #202025; border-bottom: none; width:40px;height:40px;position:relative;background:#16161a}
.assit-wrapper .code .code-icon{ text-align: center; line-height: 40px;}
.assit-wrapper .code .code-icon .iconfont{ font-size: 20px; color: #d3d3d3;  }
.assit-wrapper .code .code-icon .icon-wechat{ font-size: 24px; }
.assit-wrapper .code:hover{background:#25252c;border:1px solid #202025;cursor:pointer}
.assit-wrapper .code:hover .iconfont{ color: #fff; }
.assit-wrapper .code .code-content{ display: none; opacity:0;z-index:10030; position:absolute;right:42px; top: 24px; transform:translateY(-25px);transition:all .3s ease}
.assit-wrapper .code:hover .code-content{ display: inline; opacity:1; }
.assit-wrapper .code .code-content .ewmtab{position:relative;z-index:10;width:252px;top:0; background:#16161a; border:1px solid #202025; display: inline-block; }
.assit-wrapper .code .code-content .ewmtab .layui-tab{ margin: 0; }
.assit-wrapper .code .code-content .ewmtab .layui-tab-title{ font-size: 12px;background: #16161a; height: 34px; border-bottom:1px solid #202025}
.assit-wrapper .code .code-content .ewmtab .layui-tab-title li{ padding: 0 8px; line-height: 34px; color: #d3d3d3;  font-size: 12px; font-weight: 300;} 
.assit-wrapper .code .code-content .ewmtab .layui-tab-title  .layui-this{ background: #0c0c0c; }
.assit-wrapper .code .code-content .ewmtab .layui-tab-item{ background: #16161a; padding: 0; }
.assit-wrapper .code .code-content .ewmtab .ewmcon img{width:74px;height:74px;margin-right:8px; border:1px solid #202025; display:inline-block}
.assit-wrapper .code .code-content .ewmtab .ewmcon .des{ display:inline-block;vertical-align:top;width:144px;text-align:justify;}
.assit-wrapper .code .code-content .ewmtab .ewmcon .des p{ color:#555;font-size:12px;line-height:18px; }


.assit-wrapper .feeds{display:block;width:40px;height:40px;border:1px solid #202025; border-bottom: none; position:relative;background:#16161a}
.assit-wrapper .feeds .feed-icon{ text-align: center; line-height: 40px;}
.assit-wrapper .feeds .feed-icon .iconfont{ font-size: 20px; color: #d3d3d3; }
.assit-wrapper .feeds .feed-icon .icon-weibo1{ font-size: 24px; }
.assit-wrapper .feeds:hover{background:#25252c;border:1px solid #202025;cursor:pointer}
.assit-wrapper .feeds:hover .iconfont{ color: #fff; }

.assit-wrapper .feeds .feed-text{display:none;width:28px;font-size:14px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:14px}
.assit-wrapper .feeds:hover .feed-text{display:block;cursor:pointer}
.assit-wrapper .feeds:hover{background:#25252c;border:1px solid #202025; font-size: 12px;}
.assit-wrapper .feeds:hover .feed-icon{display:none}
  



 


/****
	4、底部公共信息
****/
.footer{ margin:36px 24px 0;  }
.footer .content-top{background:#16161a;padding:40px 0 0px 0}
.footer .content-top .quick-link{width:1140px;margin:0 auto;padding-bottom:15px;border-bottom:1px solid #202025}
.footer .content-top .quick-link:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}

.footer .content-top .quick-link .logo{float:left;width:210px; margin-top:0px}
.footer .content-top .quick-link .logo img{ width: 146px;}

.footer .content-top .quick-link .courses-about{float:left;width:810px; color: #808080;}

.footer .content-top .quick-link .courses-about .courses{ width: 479px; float:left; border-left:1px solid #202025; }
.footer .content-top .quick-link .courses-about .courses .cour-padd{ padding-left: 20px; }
.footer .content-top .quick-link .courses-about .courses .title{display:inline-block;zoom:1;font-size:14px; font-weight: 300; color:#C9CED1; padding-bottom: 6px;}
.footer .content-top .quick-link .courses-about .courses ul{ width: 92px; float:left; padding-left: 20px;}
.footer .content-top .quick-link .courses-about .courses ul li{display:inline-block;zoom:1;padding-bottom:8px; display: block;}
.footer .content-top .quick-link .courses-about .courses ul li a{font-size:13px;color:#889197; font-weight: 300; transition:all .3s}
.footer .content-top .quick-link .courses-about .courses ul li a:hover{color:#f3bb6c; font-weight: 500;} 

.footer .content-top .quick-link .courses-about .contact-us{width:329px;float:left; border-left:1px solid #202025; }
.footer .content-top .quick-link .courses-about .contact-us .cont-padd{ padding-left: 40px; }
.footer .content-top .quick-link .courses-about .contact-us .title{display:inline-block;zoom:1;font-size:15px;color:#C9CED1; padding-bottom: 6px;}
.footer .content-top .quick-link .courses-about .contact-us .contact-info{ } 
.footer .content-top .quick-link .courses-about .contact-us .contact-info .text1{ font-size: 12px; padding-bottom: 4px; color: #aeaeae; }
.footer .content-top .quick-link .courses-about .contact-us .contact-info .text1 span{  padding-left: 4px;}
.footer .content-top .quick-link .courses-about .contact-us .contact-info .text2{ font-size: 16px; padding-bottom:10px; } 
.footer .content-top .quick-link .courses-about .contact-us .contact-info .text2 span{padding: 0 4px;} 
.footer .content-top .quick-link .courses-about .contact-us .contact-info .text2 a{ color: #808080;}

 
.footer .content-top .quick-link .contact-ewm{float:left;width:120px; text-align: right; }
.footer .content-top .quick-link .contact-ewm .webchat{ float: left; padding-left: 20px;}
.footer .content-top .quick-link .contact-ewm .webchat img{ width:100px; }
.footer .content-top .quick-link .contact-ewm .webchat .title{ font-size: 12px; color: #889197; margin-top: 4px; text-align: center;}

.footer .content-top .friend-link{width:1140px;margin:0 auto;overflow:hidden;text-align:center;padding:15px 0}
.footer .content-top .friend-link .title{font-size:12px;color:#C9CED1;padding-right:12px}
.footer .content-top .friend-link ul li{display:inline-block;zoom:1;padding-right:18px}
.footer .content-top .friend-link ul li span{ color: #202025; padding-left: 18px; }
.footer .content-top .friend-link ul li a{font-size:12px;color:#889197;transition:all .3s}
.footer .content-top .friend-link ul li a:hover{color:#f3bb6c; font-weight: 500;}
.footer .content-top .friend-link ul li:last-child{background:#889197;border-radius:10px;padding:0 15px;transition:all .3s;line-height:18px}
.footer .content-top .friend-link ul li:last-child a{display:inline-block;color:#242D33}
.footer .content-top .friend-link ul li:last-child:hover{background:#f3bb6c}
.footer .content-top .friend-link ul li:last-child:hover a{color:#fff}

.footer .content-bottom{padding:15px 0;text-align:center;background:#16161a; opacity: 0.4}
.footer .content-bottom a{color:#889197; }
.footer .content-bottom .line1{color:#889197;font-size:12px;opacity:.6}
.footer .content-bottom .line2{ margin-top: 6px; }
.footer .content-bottom .line2 img{ height: 40px}
.footer .content-bottom .line2 a{ margin: 0 10px;}




/****
	5、其他
****/





/*通栏广告*/
.ad-wrapper{ position: relative;box-shadow: 0 0 1px rgba(0,0,0,0.2); overflow: hidden; border-radius: 2px;background: #fff; margin-top: 24px; margin-bottom: 24px; }
.ad-wrapper img{ width: 100%;border-radius: 2px; transition: all 0.8s;}
.ad-wrapper .size_icon {position: absolute;right: 8px;bottom: 6px;top: auto;width:auto; padding-left: 4px; height: 20px;line-height: 20px;text-align: center;font-size: 10px;
color: #fff;font-weight: 300;border-radius: 2px;background: rgba(0,0,0,.2);text-shadow: none;}
.ad-wrapper img:hover{ transform: scale(1.03); transition: all 0.8s; opacity: 0.9;border-radius: 2px;}
.ad-wrapper .size_icon a{ color: #fff; opacity: 0.4; }

/*十大栏目级别的图标*/
.lm-icon{display: inline-block; width: 25px; height: 25px; margin-top: 10px; }
.lm-icon-1{background: url(../images/icon/icon_2020/icon_1.svg) 0 0 no-repeat;background-size:cover; background-repeat: no-repeat; }
.lm-icon-2{background: url(../images/icon/icon_2020/icon_2.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-3{background: url(../images/icon/icon_2020/icon_3.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-4{background: url(../images/icon/icon_2020/icon_4.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-5{background: url(../images/icon/icon_2020/icon_5.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-6{background: url(../images/icon/icon_2020/icon_6.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-7{background: url(../images/icon/icon_2020/icon_7.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-8{background: url(../images/icon/icon_2020/icon_8.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-9{background: url(../images/icon/icon_2020/icon_9.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-10{background: url(../images/icon/icon_2020/icon_10.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-11{background: url(../images/icon/icon_2020/icon_11.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-12{background: url(../images/icon/icon_2020/icon_12.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-13{background: url(../images/icon/icon_2020/icon_13.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-14{background: url(../images/icon/icon_2020/icon_14.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-15{background: url(../images/icon/icon_2020/icon_15.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-16{background: url(../images/icon/icon_2020/icon_16.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-17{background: url(../images/icon/icon_2020/icon_17.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-18{background: url(../images/icon/icon_2020/icon_18.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-19{background: url(../images/icon/icon_2020/icon_19.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-20{background: url(../images/icon/icon_2020/icon_20.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-21{background: url(../images/icon/icon_2020/icon_21.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-22{background: url(../images/icon/icon_2020/icon_22.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }
.lm-icon-23{background: url(../images/icon/icon_2020/icon_23.svg) 0 0 no-repeat;background-size: cover; background-repeat: no-repeat; }


/*纯文字内容介绍*/
.intro-wrap .h1{ font-size: 18px; font-weight: 700; }
.intro-wrap .des{ margin-top: 12px; margin-bottom: 28px; }
.intro-wrap .prag{ margin-bottom: 12px; }
.intro-wrap .prag p{font-size:15px;line-height:26px;letter-spacing:.2px;margin-bottom:12px;text-align:justify}
.intro-wrap .prag p:last-child{margin-bottom:0px;}
.intro-wrap .tit2{ font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.intro-wrap .list1{ margin-bottom:12px; }
.intro-wrap .list1 div{ margin-bottom: 8px; font-size: 16px;}
.intro-wrap .list1 div span{ color: #666; margin-right: 4px;}
.intro-wrap .list1 .tips{ color: #333; font-size: 14px; }
.intro-wrap .spe{ margin-bottom: 28px; }
.intro-wrap .spe .pitem{ font-size: 22px; font-weight: 700; text-align: center; color: #f00; margin-bottom: 12px;}
.job-intro{ padding: 12px; }



/*优化系统表格中的线条颜色*/
.layui-table td, 
.layui-table th, 
.layui-table-fixed-r, 
.layui-table-header, 
.layui-table-page, 
.layui-table-tips-main, 
.layui-table-tool, 
.layui-table-view, 
.layui-table[lay-skin=line], 
.layui-table[lay-skin=row]{border-color:#202025!important;}

/*优化系统表格中的背景滑动颜色*/
.layui-table tbody tr:hover, 
.layui-table thead tr, 
.layui-table-click, 
.layui-table-header, 
.layui-table-hover, 
.layui-table-mend, 
.layui-table-patch, 
.layui-table-tool, 
.layui-table[lay-even] tr:nth-child(even){ background: #25252c!important }

.layui-badge-rim, .layui-colla-content, 
.layui-colla-item, .layui-collapse, 
.layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, 
.layui-quote-nm, .layui-select, .layui-tab-bar, 
.layui-tab-card, .layui-tab-title, 
.layui-tab-title .layui-this:after, 
.layui-textarea{border-color:#202025!important;}

/*优化系统输入框背景颜色*/
.layui-input, .layui-select, .layui-textarea{ background-color:#3e3e48; color: #d3d3d3; }
.layui-form-radio *{ color: #d3d3d3; }

/*优化分页样式*/
.layui-laypage a, 
.layui-laypage span{ background-color:#16161a!important; color:#d3d3d3!important; }
.layui-laypage .layui-laypage-curr .layui-laypage-em{ background:#f3bb6c!important;  }
.layui-laypage a, 
.layui-laypage button, 
.layui-laypage input, 
.layui-laypage select, 
.layui-laypage span{ border: 1px solid #202025!important; }
.layui-laypage select{background-color:#16161a!important; color:#d3d3d3!important; }
.layui-laypage button, 
.layui-laypage input{background-color:#16161a!important; color:#d3d3d3!important;}
.layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, 
.layui-laypage .layui-laypage-refresh, .layui-laypage .layui-laypage-skip{ border:none!important; }

.layui-form-checkbox[lay-skin=primary] span{ color: #d3d3d3!important; }


/*左侧菜单开关-弃用*/
.bottom-left{ width: 160px;height: 36px; line-height:36px; text-align: center;background:#FFC95E;
background: -webkit-linear-gradient(117deg,#f8e2c4,#f3bb6c);
background:  linear-gradient(117deg,#f8e2c4,#f3bb6c);color: #754e19;
	border-radius: 2px; position: fixed;bottom: 0px;left: 0px;cursor: pointer;z-index: 9999999999;}
.bottom-left em{ font-style: normal; padding-left: 4px; vertical-align: top; }
.bottom-left .iconfont{ font-size: 20px;  vertical-align: top;}
.bottom-left .nav-up .iconfont:before { display: inline-block;transform: rotate(180deg);}


/*右侧广告关闭-弃用*/
#bottom-right-ad { width:140px;height:211px;background-image: url(../images/downapp.png);-moz-background-size: 140px 211px;background-size: 140px 211px;
	position: fixed;bottom: 12px;right: 30px;cursor: pointer;z-index: 9999999999;}
#bottom-right-ad #close-ad {position: absolute;top: 0;right: 0px;width: 34px;height: 34px;}
#bottom-right-ad #bclick{position: absolute;bottom: 0;right: 0;width: 140px;height: 177px;}


 /* 暂无数据 */
 .list-nodata{ min-height: 500px;padding-top: 100px; text-align: center; }
 .list-nodata img{ width:160px;   }
 .list-nodata p{  font-size: 16px; margin-top: 20px; font-weight: 300; letter-spacing: 2px; color: #d3d3d3;}
 
 
 /* 顶部搜索菜单 */
 .top-search{ width: 100%; margin-right: 10px; }
 .top-search .layui-form-item{ margin-bottom: 0;}
 .top-search .layui-form-select .layui-edge{ border-width:4px; }
 .top-search .layui-form-item .layui-input-inline{margin-right: 0; width: auto; } 
 .top-search .layui-form-select .layui-input{ padding-right: 0; padding-left:18px; border-radius: 20px 0 0 20px; font-size: 12px;}
 .top-search .layui-input:hover{ border-color: #16161a!important}
 .top-search .layui-input:focus{ border-color: #16161a!important}
 .top-search .layui-input, .top-search .layui-select, .top-search .layui-textarea{ border-left: none; border-right: none; height: 34px; line-height: 34px;font-size: 13px!important;}
 .top-search .layui-form-select dl{ width:74px; text-align: center; line-height:32px;box-shadow:0 2px 4px rgba(0,0,0,.12);border:1px solid #202025;background-color:#16161a;z-index:100;border-radius:2px;white-space:nowrap}
 .top-search .layui-form-select dl dd{ font-size: 12px; line-height: 32px; }
 .top-search .layui-form-select dl dd.layui-this{ background: none; color: #f3bb6c }
 .top-search .layui-form-select dl dd:hover{ background: #25252c }
 
 .top-search .searselect{margin-top: 13px;}
 .top-search .searinput{ margin-top: 13px; border-left:none; border-radius: 0; }
 .top-search .searbutton{margin-left: -1px}
 .top-search .searbutton .layui-btn{ border: none; background: #3e3e48; width: 46px; height: 32px; line-height: 32px; margin-top: 1px; padding: 0; border-radius: 0 20px 20px 0 }
 .top-search .searbutton .iconfont{ font-size: 17px!important; }