ul{padding: 0;}
li{list-style: none;}
a:hover,a:active,a:focus{ text-decoration: none; }
body{ background: #f2f2f2; overflow-x:hidden; overflow-y:auto;}
i.icon,i.fa{ margin-right: 6px }
/* 滚动条样式 */
#Yscrollouter{width: 4px; height: 340px;position: absolute;top:0; right: 0; display: none;}
#Yscrollinner{width: 4px; height: 100px; background: #bbb; border-radius:10px; position: absolute; top: 0; left: 0; }
#feedAv{position: fixed!important;left:-9999999px!important;}
#MZAD_POP_PLACEHOLDER{position: fixed!important;left:-9999999px!important;}
#pop_ad{position: fixed!important;left:-9999999px!important;}
input {-webkit-appearance: none;}
/*头部logo*/
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;height: 50px;background: #FFF;}
header .logo{font-size: 20px;margin: 0;font-weight: 400;text-align: center;position: relative;z-index: 99;border-bottom: 1px solid #e8e8e8;background: #FFF;}
header .logo a{line-height: 50px;color: #484848;font-weight: bold;}
header .logo img{width: 160px;}
/*头部导航条*/
header .main{position: relative;}
header .nav{width: 100%;margin-left: 25px;background: #FFF;margin: 0;overflow: hidden;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;position: absolute;top: -300px;left: 0;}
header .showNav{top: 50px;box-shadow: 0 5px 5px rgba(204,204,204,.15);-moz-box-shadow: 0 5px 5px rgba(204,204,204,.15);}
header .nav li{font-size: 16px;}
header .nav a{display: block;line-height: 40px;font-size: 16px;color: #000000;padding: 0 10px;border-bottom: 1px solid #f5f5f5;}
header .nav a:hover{border-color: #28b779;color:#28b779;}
header .nav a.duty-nav i{margin: 0;margin-left: 8px;}
.dropdown a{color: #353535;}
header .head-btn{float: right;line-height: 60px;margin-right: 10px;}
header .head-btn > a{font-size: 14px;color: #000000;padding: 5px 10px;border-radius: 15px;border: 1px solid #000000;transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;-o-transition: all .2s;}
header .head-btn > a:hover{background: #6b7184;color: #fff}
/*移动端导航按钮*/
header .nav-btn, header .user-btn{position: absolute;border: none;background: transparent;top: 0;left: 5px;outline: 0;margin-top: 10px;padding: 0 10px;z-index: 100}
header .nav-btn .icon-line{display: block;margin: 6px 0;width: 25px;height: 2px;background: #999;cursor: pointer;transition: all .4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;}
header .nav-btn .middle{ margin: 0 auto; }
header .animated2 .top{transform: translateY(8px) rotateZ(45deg);-ms-transform: translateY(8px) rotateZ(45deg);-moz-transform: translateY(8px) rotateZ(45deg);-webkit-transform: translateY(8px) rotateZ(45deg);-o-transform: translateY(8px) rotateZ(45deg);}
header .animated2 .middle{width: 0;}
header .animated2 .bottom{transform: translateY(-8px) rotateZ(-45deg);-ms-transform: translateY(-8px) rotateZ(-45deg);-moz-transform: translateY(-8px) rotateZ(-45deg);-webkit-transform: translateY(-8px) rotateZ(-45deg);-o-transform: translateY(-8px) rotateZ(-45deg);}
/*页面左边导航条*/
.mask{position: fixed;left: 0;bottom: 0;top: 0;right: 0;z-index: 11;width: 100%;background: rgba(0,0,0,.5);display: none;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.showMask{ display: block; }
.fenzhi-nav-item{position: relative;top: 70px;right: -60%;width: 40%;padding-right: 20px;margin-bottom: 20px;}
.fenzhi-nav-item .item-img{display: block;border-radius: 10px;overflow: hidden;}
.left-bar{position: fixed;top: 50px;left: -240px;width: 200px;max-width: 100%;height: 100%;background: #353535;z-index: 12;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);-webkit-transform: translateZ(0);-o-transform: translateZ(0);}
.showBar{ left: 0; }
.left-bar .header{padding: 0px 15px;border-bottom: 1px solid #464646;}
.left-bar .header h2{font-size: 17px;line-height: 40px;max-width: 100%;overflow: hidden;margin: 0;font-weight: 400;display: block;color: #ccc;}
/*左边可折叠菜单*/
.left-bar .menu{height: 450px;margin-bottom: 15px;}
.left-bar .menu ul li a{display: block;height: 35px;line-height: 35px;font-size: 14px;color: #000000;padding-left: 38px;}
.scrollcontent{width: 100%;top: 0;left: 0;padding-right: 4px;padding-top: 5px}
.scrollcontent .active{ background: #28b779;}
.left-bar .menu ul >li.active>a{color:#ffffff }
.left-bar .menu ul li a:hover{ background: #28b779; color:#ffffff }
.left-bar .menu ul li i.icon{width: 15px;text-align: center;margin-right: 20px}
/*浏览器滚动条样式*/
.left-bar .tree li.open > ul::-webkit-scrollbar {width:3px;margin-right:2px}
/*搜索框*/
.sousuo{ padding: 10px 0 20px 0;}
.search{position: relative;width: 100%;margin: 0 auto;}
.search-box{position: relative;}
.search-icon{position: absolute;left: 3px;top: 5px;width: 40px;height: 40px;overflow: hidden;border-radius: 25px;cursor: pointer;}
.search-input{width: 100%;height: 50px;line-height: 50px;font-size: 16px;color: #999;border: none;outline: none;padding-left: 45px;border: 1px solid #e6e6e6;border-radius: 10px;}
.search-input:focus{outline: none;border: 1px solid #2188ff;-webkit-box-shadow: 0 0 5px 0px rgba(71, 158, 245, 0.5);box-shadow: 0 0 5px 0px rgba(71, 158, 245, 0.5);}
input::-webkit-input-placeholder{font-size: 12px;letter-spacing: 1px;color: #ccc;}
.search-btn{position: absolute;right: 0;top: 0;width: 50px;line-height: 48px;background: transparent;border: none;font-size: 25px;color: #ddd;font-weight: bold;outline: none;padding: 0 10px;}
.search-btn:hover{ color: #28b779 }
.search-btn i { margin: 0 }
.search-hot-text{position: absolute;z-index: 100;width: 100%;border-radius: 0 0 10px 10px;background: #FFF;box-shadow: 0px 4px 5px 0px #cccccc94;overflow: hidden;}
.search-hot-text ul{margin: 0;padding: 5px 0;}
.search-hot-text ul li{border-top: 1px solid #f2f2f2;line-height: 30px;font-size: 14px;padding: 0px 25px;color: #777;cursor: pointer;}
.search-hot-text ul li.current{background: #f1f1f1;color: #2196f3;}
.search-hot-text ul li:hover{background: #f1f1f1;color: #2196f3;cursor: pointer;}
.search-hot-text ul li span{display: inline-block;width: 20px;height: 20px;font-size: 12px;line-height: 20px;ext-align: center;background: #e5e5e5;margin-right: 10px;border-radius: 10px;color: #999;}
/* 搜索引擎选择 */
.search-engine{position: absolute;top: 60px;left: 0;width: 100%;background: #FFF;padding: 15px 0 0 15px;border-radius: 5px;box-shadow: 0px 5px 20px 0px #d8d7d7;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;display: none;z-index: 999}
.search-engine-head{overflow: hidden;margin-bottom: 10px;padding-right: 15px;}
.search-engine-tit{float: left;margin: 0;font-size: 14px;color: #999;}
.search-engine-tool{float: right;font-size: 12px;color: #999;}
.search-engine-tool > span{float: right;display: inline-block;width: 25px;height: 15px;background: url('../images/off_on.png') no-repeat 0px 0px;cursor: pointer}
.search-engine-tool > span.off{ background-position: -30px 0px }
.search-engine ul::before{content: '';width: 0px;height: 0px;position: absolute;top: -15px;border-top: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;border-left: 8px solid transparent;}
.search-engine-list::after{content: '';width: 90px;height: 20px;position: absolute;top: -20px;left: 1px;}
.search-engine-list li{float: left;width: 30%;line-height: 30px;font-size: 14px;padding: 5px 10px 5px 10px;margin: 0 10px 10px 0;background: #f9f9f9;color: #30333C;cursor: pointer}
.search-engine-list li span{width: 25px;height: 25px;border-radius: 15px;float: left;margin-right: 5px;margin-top: 2.5px;}
/*--------------- 栏目页 ------------------*/
.duty-custom{margin: 0px;padding: 0px;border-radius: 5px;background: #fff;overflow: hidden;position: relative;}
.duty-custom .duty-item-name #duty-custom-btn{ cursor: pointer }
.duty-custom-item{overflow: hidden;margin: 0 -5px;}
.duty-custom-item li{width: calc(33.33333% - 10px);margin: 0 5px;float: left;}
.duty-custom-item a.duty-custom-link{background: #fafafa;display: block;position: relative;margin-bottom: 10px;text-align: center;line-height: 45px;border-radius: 3px;font-size: 14px;color: #30333C;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.duty-custom-item a.duty-custom-link:hover{color: #FFF;font-size: 16px;font-weight: bold;background: #6b7184;}
.duty-custom-item a.duty-custom-link::after{display: none;content: '修 改';position: absolute;left: 0;top: 0;width: 100%;background: #6b7184;font-size: 14px;color: #FFF;border-radius: 2px;}
/*自定义面板*/
.duty-customize{background: #6b7184;margin: 0px -20px;height: 0;line-height: 35px;text-align: center;overflow: hidden;transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;-o-transition: all .2s;}
.duty-customize li{display: inline-block;margin: 30px 15px;padding: 0 20px;color: rgba(255, 255, 255, 0.60);border: 2px solid rgba(255, 255, 255, 0.6);border-radius: 5px;cursor: pointer;transition: all .2s;-moz-transition: all .2s;-webkit-transition: all .2s;-o-transition: all .2s;}
.duty-customize #duty-out{color: #000000;border-color: #fff;background: #fff}
.duty-customize li:hover{color: #000000;border-color: #fff;background: #fff}
/*对话框弹层样式*/
.modal-title{ color: #636b6f }
#myModal .input-control{ margin-bottom: 15px; }
#myModal .input-control input{ color: #9a9a9a }
#myModal .input-control input:focus{ color: #353535 }
#myModal .input-control i{ margin-left: 5px; }
.modal-text{font-size: 12px;color: #999;line-height: 22px;}
.modal-text p+p{ margin: 0 }
.modal-footer{ text-align: center }
.modal-footer .btn{ padding: 5px 50px }
.modal-footer .btn+.btn{ margin-left: 10px }
/*开启自定义模式*/
.duty-custom-open a.duty-custom-link:hover:after{ display: block; }
.duty-custom-open a.duty-custom-link{ color: #afafaf; transition: none}
.duty-custom-open .duty-customize{ height: 100px }
/*工具模块*/
.duty-tool{overflow: hidden;margin: 10px 10px;color: #6b7184;}
.duty-tool .duty-tool-notice{float: left;}
.duty-tool .duty-tool-notice span{font-size: 12px;}
.duty-tool .duty-tool-notice i{float: left;margin-right: 8px;font-size: 20px;color: #f61818;}
.duty-tool .duty-tool-switch{float: right;margin: 0}
.duty-tool .duty-tool-switch li{float: left;height: 20px;line-height: 20px;margin-left: 20px;line-height: 20px;cursor: pointer;overflow: hidden;font-size: 14px;}
.duty-tool .duty-tool-switch li i{float: right;margin: 0px 0px 0 6px;font-size: 20px;color: #28b779;}
/*链接列表模块*/
.duty-item{margin: 0px;background: #fff;margin-bottom: 10px;border-radius: 5px;padding: 0 5px;}
.duty-item .col-xs-6{ padding: 0 5px; }
.anchor-link{ opacity: 0; position: relative; top: -80px }
.duty-item .duty-card .tuijian-img{position: absolute;right: 5px;top: 0;width: 45px;height: 45px;border-radius: 0;}
.guanfang-img{display: inline; width: 48px; height: 48px; margin-bottom: 8px;}
.guanfang-div{text-align: center;margin-top: 10px;margin-bottom: 10px;}
.course-card-content .course-card-name{font-size: 14px; margin-top: 5px; margin-bottom: 5px;}
.course-card-name a{color: #30333C;}
.pull-right a{color: #30333C;}
.course-card-name .text-red{color:#eb554f;}
.text-pre{white-space: pre;}
.nav-item{font-size: 14px;}
.list-name h3{margin-top: 10px;}
.duty-item-name{color: #000000;font-size: 16px;font-weight: 600;display: block;border-bottom: 2px rgba(0,0,0,0.1) solid;padding: 10px 0;margin-bottom: 10px;position: relative;}
.duty-item .duty-card{display: block;padding: 10px 10px;border-radius: 5px;overflow: hidden;margin-bottom: 10px;background: #e9eaec;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
.duty-item .duty-card .duty-card-tit{height: 24px;font-size: 14px;font-weight: 600;color: #30333C;overflow: hidden;text-overflow: ellipsis;white-space: normal;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
.duty-item .duty-card img{width: 24px;height: 24px;border-radius: 50%;margin-right: 5px;}
.duty-item .duty-card .duty-card-des{color: #68686a;font-size: 12px;padding-top: 5px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
.duty-item .duty-card:hover{ background: #6b7184; }
.duty-item .duty-card:hover .duty-card-tit{ color: #ffffff }
.duty-item .duty-card:hover .duty-card-des{ color: #ffffff }
/*--------------- 其他栏目页通用样式 ------------------*/
#content{margin-top: 50px;position: relative;}
.course-wrapper{background: #fff;margin-bottom: 20px;}
.course-content{width: 100%;margin: 0 auto;padding: 0 10px 10px 10px;}
/* 详情页 */
.course-title h1{margin-top: 20px;margin-bottom: 10px;line-height: 35px;font-size: 25px;color: #636b6f;}
.course-title .breadcrumb{padding: 0;font-size: 12px;color: #ccc;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.course-title .breadcrumb a{color: #86b8ea}
.course-infos-wrapper {padding: 20px;border: 1px solid #e3eaef;border-radius: 5px;background: #fff;}
.course-infos ul {overflow: hidden;margin-top: 15px;}
.course-infos ul li{width: 50%;float: left;margin-bottom: 13px;overflow: hidden;}
.course-infos ul li span{font-size: 14px;color: #333;}
.course-infos ul li span.sub{color: #999;}
.course-infos ul li span.get-code{background: #eee;padding: 2px 15px;color: #FF5722;font-weight: bold;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
.course-infos .download-btn{display: inline-block;padding: 7px 15px;font-size: 15px;border-radius: 3px;background: #3280fc;color: #FFF;margin-right: 10px;}
.course-infos .course-infos-tips{padding: 15px 0;font-size: 12px;color: #ea644a;border-bottom: 1px dashed #f2f2f2;}
/*文章信息*/
.infos-meta{width: 100%;overflow: hidden;background: #fbfbfb;padding: 5px 10px;margin: 20px 0;border: 1px solid #f1f1f1;border-radius: 5px;color: #ddd;}
.infos-meta span{margin: 0 5px;color: #999}
.infos-meta span.infos-tags{ margin: 0 5px 0 0; }
.infos-meta span.infos-tags a{font-size: 12px;color: #fff;padding: 1px 5px;border-radius: 3px;margin-right: 10px;background: #c3c3c3;display: inline-block;}
.course-info-main p{font-size: 15px !important;color: #636b6f;line-height: 30px !important;margin-bottom: 15px;}
/*详情页右侧推荐内容*/
.widget{padding: 20px;border: 1px solid #e3eaef;border-radius: 5px;background: #fff;margin-bottom: 20px;overflow: hidden;}
.widget strong{display: block;line-height: 15px;font-size: 16px;color: #444;padding-bottom: 15px;margin-bottom: 20px;border-bottom: 1px solid #e3eaef;}
.widget-main .widget-main-nav{overflow: hidden;margin: -10px -10px;}
.widget-main .widget-main-nav li{width: 50%;float: left;padding: 5px;}
.widget-main .widget-main-nav a{display: block;font-size: 14px;color: #000000;padding: 10px 10px;border-radius: 5px;background: #f2f2f2;}
.widget-main .widget-main-nav a:hover{color: #fff;background: #6b7184;}
/*热门文章公用样式*/
.widget-main .widget-main-hot{margin: -10px 0 -10px 0;}
.widget-main .widget-main-hot li{ padding: 5px 0 }
.widget-main .widget-main-hot a{display: block;font-size: 14px;color: #999;}
.widget-main .widget-main-hot a:hover{ color: #000000 }
.blog-article{padding: 0;}
.article-item{padding: 10px 20px 20px 20px;border: 1px solid #e3eaef;border-radius: 5px;background: #fff;margin-bottom: 20px;}
.article-item h2{margin-top: 10px;font-size: 20px;font-weight: 700;margin-bottom: 20px;}
.article-item h2 a{color: #636b6f;line-height: 30px;}
.article-item .article-img img{width: 100%}
.article-item .article-guide p{margin: 0;font-size: 15px;color: #636b6f;line-height: 30px;}
/*文章详情页*/
.article{padding: 5px 20px 20px 20px;border: 1px solid #e3eaef;border-radius: 5px;background: #fff;margin-bottom: 20px;}
.article .article-title{font-size: 20px;line-height: 30px;text-align: center;margin-bottom: 20px;color: #636b6f;}
.article .article-main p, .article .article-main span{font-size: 15px !important;color: #636b6f;line-height: 30px !important;margin-bottom: 15px;}
.article .article-main blockquote > p{ margin: 0 }
.article > footer{border-top: none;background: #f7f7f7;}
.article footer p{margin: 0;font-size: 13px;color: #999;padding: 10px}
.article footer p+p{ border-top: 1px solid #e5e5e5; }
/*--------------- 关于本站  ------------------*/
.adout-content{background: #fff;padding: 20px;margin-top: 10px;margin-bottom: 0px;color: #636b6f;border-radius: 5px;overflow: hidden;border: 1px solid #e3eaef}
.adout-content h3{margin: 0 0 15px 0;font-size: 20px;}
.adout-content h3 em{ margin-right: 8px; }
.adout-content p{font-size: 15px;}
/*--------------- 页脚（网站底部）  ------------------*/
.footer{margin-top: 10px;background: #fff;border-top: 1px solid #e3eaef;}
.footer .footer-main{padding: 15px 0;color: #999;}
.footer .footer-main p{margin: 0;line-height: 30px;text-align: center;color: #30333C;}
.footer .footer-main a{ color: #30333C; }
/*--------------- 右侧贴片  ------------------*/
#top{position: fixed;right: 15px;bottom: 15px;}
#top li{ position: relative; }
#top .top-item a{position: relative;display: block;width: 40px;height: 40px;line-height: 40px;font-size: 18px;color: #000000;text-align: center;border-radius: 3px;background: #fff;margin-top: 10px;overflow: hidden;-webkit-box-shadow: 0 1px 3px rgba(26,26,26,0.1);box-shadow: 0 1px 3px rgba(26,26,26,0.1);}
#top .top-item a::after{content: attr(data-tooltip);width: 40px;position: absolute;left: 0px;top: 40px;font-size: 12px;color: #fff;line-height: 15px;background: #6b7184;padding: 6px 3px 4px 3px;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;}
#top .top-item a:hover::after{top: 0}
#top .top-item a i{ margin: 0 }
#top .top-item span{position: absolute;right: 50px;bottom: 0;display: block;width: 120px;padding: 10px;font-size: 12px;color: #000000;line-height: 20px;text-align: center;white-space: normal;background: #fff;overflow: hidden;border-radius: 3px;display: none;box-shadow: 0 0px 10px 0px rgba(107, 113, 132, 0.1607843137254902)}

/*小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
.sousuo{ padding: 10px 0 20px 0; margin-top: 10px;}
.sousuo-form{width: 100%;margin: 0 auto;}
#input{outline: none;padding: 0 10px;height: 46px;line-height: 46px;border: 1px solid #ccc;border-left: none;display: block;padding-left: 90px;}
#so-btn{width: 15%;float: right;height: 45px;background: #3385ff;color: #fff;border: none;}
}
/*中等屏幕（桌面显示器，大于等于 992px）*/
@media (min-width: 992px) {
header{height: 60px;border-bottom: 1px solid #e8e8e8;}
header .main{padding: 0 24px;}
header .logo{float: left;font-size: 27px;margin: 0;font-weight: 400;border: none;}
header .logo a{display: block;line-height: 59px;color: #484848;font-weight: 400;}
header .logo img{width: 160px;}
/*PC端logo样式*/
header .nav{float: left;margin-left: 10px;padding-top: 0px;height: 100%;display: block;overflow: hidden;position: static;width: auto;box-shadow: none;}
header .nav li{float: left;font-size: 16px;}
header .nav a{display: block;line-height: 59px;color: #000000;padding: 0 18px;border-bottom: 1px solid #e8e8e8;}
header .nav a:hover{border-color: #28b779;color: #28b779;}
/*移动端左边菜单*/
.left-bar{height: 100%;background: #FFF;top: 60px;left: 0;z-index: 1;}
.left-bar .header{padding: 11px 0px;border-bottom: none;margin: 0 25px;padding-top: 15px;}
.left-bar .header h2{color: #28b779;font-size: 16px;font-weight: bold;line-height: inherit;border-left: 3px solid #28b779;padding-left: 10px;}
.left-bar .menu{height: calc(100% - 110px);border-top: 1px solid #f2f2f2;}
.left-bar .tree-menu{  border-bottom: 1px solid #e8e8e8;}
.left-bar .tree li.open > ul{height: 281px;background: #f5f5f5;}
/*左边菜单二级目录盒子*/
.tree-menu li li a{ color: #797979; font-size: 14px; }
#content{ margin-top: 60px; }
.duty-main{ margin-left: 200px }
/*栏目页*/
.duty-nav-header .header-box{ font-size: 22px; }
.duty-nav-header .header-box h1{font-size: 50px;margin: 120px 0 30px 0;}
.duty-nav-header .header-box img{margin-top: 40px;width: 100%}
/*- 搜索框*/
.search{ width: 700px }
.search-engine-list li {width: 122px;margin: 0 15px 15px 0;}
.search-hot-text {width: calc(100% - 20px);margin-left: 10px;}
.duty-custom{ padding: 0px 10px 0px 10px; }
.duty-item-name{ margin-bottom: 10px; }
.duty-custom-item{ margin: 0 -10px }
.duty-custom-item li{width: calc(12.5% - 20px);margin: 0 10px;}
.duty-custom-item a.duty-custom-link{ margin-bottom: 10px; }
.duty-item{ padding: 0px 10px; }
.duty-item .col-xs-6{ padding: 0 10px; }
.duty-item .duty-card{ margin-bottom: 10px; }
.course-wrapper{margin-bottom: 50px;box-shadow: 0 4px 8px 0 rgba(28,31,33,.1)}
.course-content{ width: 1400px }
.course-top .top-header{ line-height: 65px }
.course-top .course-top-search{ width: 520px }
.course-title h1 {margin-top: 40px;margin-bottom: 0px;line-height: 48px;font-size: 32px;}
.social-share{ overflow: inherit; }
.page-link-box{ margin-top: 55px }
.article-item{ padding: 20px }
.infos-meta span.infos-tags{float: right;margin: 0 5px;}
.infos-meta span.infos-tags a{margin-left: 10px;margin-right: 0;}
.article{ padding: 20px; }
.article .article-title{font-size: 26px;margin-bottom: 30px;}
/*关于本站*/
.adout-content{padding: 60px;margin-top: 40px;margin-bottom: 20px;}
.footer{ margin-top: 20px; }
}

/*大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
header .nav a{ padding: 0 10px; }
.sousuo-form{ width: 60%}
/*行业版导航PC端适配样式*/
.item > .container-fluid{padding: 0;padding-top: 91px;margin-top: -65px;}
.col-md-3 { width: 20% }
}

/*超大屏幕（大桌面显示器，大于等于 1700px） */
@media (min-width: 1700px) {
.content-box { max-width: 1400px; }
.sousuo{ margin-top: 10px }
.col-md-3 { width: 20% }
.col-md-2 { width: 10% }
.duty-custom{ margin: 25px -10px 0 -10px; }
.duty-tool{ margin: 25px -10px }
.duty-item{ margin: 0 -10px 10px -10px; }
.return-link{ margin: 0 -10px; }
}

/*搜索 */
.card {border-width: 0;margin-bottom: 1rem;box-shadow: 0 0 20px -5px rgba(158, 158, 158, .2);transition: background-color .3s}
.form-control {color: #6d6e74;border: 1px solid #e6e6e6;background-color: #ffffff}
.form-control:focus {border: 1px solid #e6e6e6;background-color: #f1f3f6;box-shadow: none}
.form-control::-webkit-input-placeholder {color: #888a8f;opacity: 1}
.form-control::-moz-placeholder {color: #888a8f;opacity: 1}
.form-control::-ms-input-placeholder {color: #888a8f;opacity: 1}
.form-control::-ms-input-placeholder {color: #888a8f;opacity: 1}
.form-control::placeholder {color: #888a8f;opacity: 1}
.form-control:disabled, .form-control[readonly] {background-color: #f1f3f6;opacity: 1;color: #0d131b}
#search {max-width: 800px;position: relative}
#search form {position: relative}
#search-text {border-radius: 50px;color: #000000;border: 1px solid #e6e6e6;padding: 9px 20px;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);height: 50px;font-size: 16px;background-color: #ffffff}
#search button {position: absolute;top: 0;right: 0;color: #ddd;background: transparent;border: 0;width: unset;height: unset;margin: 0 9px;line-height: 50px;border-radius: 3px}
#search button:active, #search button:focus {box-shadow: none;outline: 0}
#search button:hover {cursor: pointer;color: #28b779}
#search button i {margin: 0}
.search-group {display: none;padding-left: 75px}
.s-current .search-type {padding-left: 0;display: block}
.s-current {display: block}
#search-list {position: relative}
.s-type {position: absolute;top: 0;left: 0;z-index: 23;width: 75px}
.s-type:hover {height: auto}
.s-type > span {display: block;height: 31px;width: 75px}
.s-type-list {display: none;position: absolute;top: 31px;padding: 9pt 0;width: 70px;border-radius: 5px;box-shadow: 0 9px 20px rgba(0, 0, 0, .16)}
.s-type-list:before {position: absolute;top: -1pc;left: 20px;content: '';display: block;width: 0;height: 0;border: 10px solid transparent;}
.s-type-list label {display: block;font-size: 15px;text-align: center;font-weight: normal;margin-bottom: 0;padding: 2px 0;cursor: pointer;transition: .3s}
.s-type-list label:hover {background: rgba(136, 136, 136, .1)}
.s-type-list .tile-lg {color: #000000;width: 3pc;height: 3pc;font-size: 1.25rem;line-height: 3rem;border-radius: .3rem;display: block;margin: auto}
.s-type:hover .s-type-list {display: block}
.search-type {white-space: nowrap;margin: 0}
.search-type label {margin: 0}
.search-type li {display: inline-block}
.search-type li label {display: inline-block;padding: 0 11px;font-size: 14px;line-height: 31px;border-radius: 3px 3px 0 0;cursor: pointer;font-weight: 500;}
.search-type li.menu-item a {display: inline-block;font-size: 14px;line-height: 31px;border-radius: 3px 3px 0 0}
.search-type li {list-style: none;display: inline-block}
.search-type {overflow: auto}
.search-smart-tips {position: absolute;z-index: 20;width: 100%;overflow: hidden}
.search-smart-tips ul {padding: 10px 0;margin: 0}
.search-smart-tips ul li {line-height: 30px;font-size: 14px;padding: 0 25px;cursor: pointer;list-style: none;transition: .3s}
.search-smart-tips ul li:hover, .search-smart-tips ul li.current {background-color: rgba(130, 130, 130, .5)}
.overflow-x-auto {overflow-x: auto;overflow-y: unset}
.overflow-y-auto {overflow-y: auto;overflow-x: unset}
.header-big .s-search {margin: 0 auto}
.header-big {position: relative;margin-top: -75px;padding-top: 60px;}
@-webkit-keyframes gradient {50% {background-position: 100% 0}}
@keyframes gradient {50% {background-position: 100% 0}}
.header-big .search-group {padding: 0;margin: 0 auto}
.header-big #search-list {text-align: center}
.header-big .search-smart-tips {width: unset;left: 20px;right: 20px;background: #ffffff;}
.header-big .search-type input:checked + label, .header-big .search-type input:hover + label {position: relative;background: transparent !important}
.header-big .search-type input:checked + label:before {content: '';border-width: 8px 8px 0 8px;border-style: solid;border-color: #28b779 transparent transparent;position: absolute;left: 50%;top: 0;margin-left: -8px}
.header-big .search-type li label {padding-top: 5px}
.header-big .s-type-list {position: relative !important;display: inline-table;overflow: auto;white-space: nowrap;text-align: center;position: inherit;top: inherit;padding: inherit;width: none;background: none !important;border-radius: inherit;box-shadow: none !important}
.header-big:not(.no-bg) .s-type-list {color: #000000}
.s-type:hover .s-type-list.big {display: inline-table}
.header-big .s-type-list .anchor {background: #888;border-radius: 100px;width: 10px;height: 4px;bottom: 5px;-webkit-transition: .25s;transition: .25s}
.header-big:not(.no-bg) .s-type-list .anchor {background: #28b779}
.header-big .s-type-list label:hover {background: 0}
.header-big .s-type-list:before {display: none}
.header-big .s-type {position: inherit;top: inherit;left: inherit;z-index: inherit;width: auto}
.header-big .s-type-list label {position: relative;display: inline-block}
.header-big .s-type-list label span {display: block;padding: 5px 10px}
.header-big .s-type-list label:not(.active)::after {content: '';height: 4px;width: 4px;border-radius: 2px;position: absolute;left: 50%;bottom: 5px;margin-left: -2px;background-color: rgba(255, 255, 255, 0);transition: .3s}
.header-big .s-type-list label:not(.active), .header-big:not(.no-bg) .search-type label {transition: opacity .3s}
.header-big .s-type-list label:not(.active):hover, .header-big:not(.no-bg) .search-type label:hover {opacity: 1}
.header-big .search-type input:checked + label {opacity: 1}
.header-big:not(.no-bg) .text-muted, .header-big:not(.no-bg) .search-type .menu-item a, .header-big:not(.no-bg) .big-title .h1 {color: #30333C}
.header-big.no-bg #search-text {color: #000000;border: 0;background-color: #ffffff}
.header-big.no-bg .search-type input:checked + label:before {border-color: rgba(0, 0, 0, 0.2) transparent transparent}
.header-big .search-type li.menu-item {padding: 5px 10px 0 10px}
@media screen and (min-width: 768px) {
.header-big.no-bg {padding-bottom: 10px}
.header-big .search-type li label, .header-big .search-type li.menu-item {padding: 5px 10px}
}
@media screen and (max-width: 767.98px) {
#search {margin: 25px auto 15px}
.s-type-list label {padding: 5px 0}
.search-list {height: 30px;overflow-y: hidden;overflow-x: scroll;white-space: nowrap}
}