@charset "utf-8";
:root{
    --color:#0019b0;
    --bor:#e4e4e4;
}
@font-face {
    font-family: "SourceHanSansCN-Normal";
    src: url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
    url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
    url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
    url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
    url("../SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
*{margin:0;padding:0;box-sizing: border-box; }
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;vertical-align:top;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
hr{ margin: 0;
    border-width: 1px 0 0 0;
    border: 0;
    height: 1px;
    background: #f0f0f0;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
a{text-decoration: none;color:#000;}
a:hover{ color: #000; }
body {
    font-family:'SourceHanSansCN-Normal','Source Han Sans','思源黑体',source-han-sans-simplified-c,sans-serif;
    font-size: 15px;
    color: #000;
    background: #f0f0f0;
}
.bgwhite{ background: #fff; }
.after:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;overflow:hidden}
/* 行距 */
p{ line-height: 22px; }
.mb20{ margin-bottom: 20px; }
/* 宽度 */
.container{ min-width: 1200px;width: 1200px; margin: 0 auto; }
.clear{width: 100%; clear: both;}
.clear-hg{clear:both;height:1px;width: 100%;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
.block{display: block;}
/*定位*/
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left:0;margin-right:0;}
.cl{clear:left;}
.cr{clear:right;}
.vm{vertical-align:middle;}
.pr{position:relative;}
.pa{position:absolute;}
.abs-right{position:absolute;right:0}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}
.ovh{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.ovhs,
.ovh3s{ display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; }
.ovhs{ -webkit-line-clamp: 2; }
.ovh3s{ -webkit-line-clamp: 3; }
/* webkit内核 滚动条*/
::-webkit-scrollbar {width:8px;background-color:#006eff;}
::-webkit-scrollbar-thumb {width:8px;background-color:#aeaeae;}
::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8;}
::-webkit-scrollbar-thumb:hover {width:8px;background-color:#006eff;}
/**==========================  网站公共模块  ===========================**/
.plate{ width: 100%;overflow: hidden; }
.fixed{ width:100%;position:fixed;top:0;z-index:999; }
.dask-opac{ position: fixed;top: 0;left: 0; width: 100%;height: 100%;background: rgba(0,0,0,.8); z-index: 100;overflow: hidden; }
.empty{ padding: 50px 0;text-align: center; }
/*---------------------
 header
-----------------------*/
.header,
.header .nav li,
.header .umember .nname,
.header .logo a{ height: 90px; }
.header{ background: var(--color); }
.header .logo a,
.header .umember .nname,
.header .nav li{ position: relative; display: flex;align-items: center; }
.header .nav ul li{ float: left; position: relative; padding: 0 20px; }
.header .nav ul li a{ font-size: 18px;color: #fff;font-weight: bold; }
.header .nav ul li i{ display: inline-block;width: 13px;height: 8px;background: url("../images/down.png") no-repeat;margin-left: 2px;transition: all .3s; }
.header .nav ul li .childer{ display: none; position: absolute;top: 90px;left: 0;width: 360px;background: #fff;padding: 20px 20px 8px;
    box-shadow: 0 0 10px rgba(0,0,0,.2);border-radius: 5px; z-index: 6 }
.header .nav ul li .childer a{ float: left; display: block; width: calc(100% / 3); color: #333;font-size: 15px;margin-bottom: 12px; }
.header .nav ul li .childer a:hover{ color: var(--color); }
.header .nav ul li:hover .childer{ display: block; }
.header .nav ul li:hover i{ transform: rotate(180deg); }
/**udown**/
.header .nav ul li.umember{ min-width: 134px; }
.header .umember .nname{ position: relative;padding-right: 15px;margin-right: 15px;cursor: pointer;font-weight: bold;font-size: 16px;color: #fff; }
.header .umember .nname em{
    position: absolute;
    top: 42px;
    right: -5px;
    width:0;
    height:0;
    border-right:6px solid transparent;
    border-left:6px solid transparent;
    border-bottom:8px solid #fff;
    transition: all .3s;
}
.header .umember .udown{ display: none; width: 132px; position: absolute;top: 90px;left: -18px;padding: 8px 0; background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.2);border-radius: 5px; z-index: 68 }
.header .umember .udown a{ display: block;margin: 0;text-align: center;line-height: 35px;font-size: 14px;color: #333; }
.header .umember .nname:hover em{ transform: rotate(180deg) }
.header .umember .nname:hover .udown{ display: block; }
.header .umember .udown a:hover{ color: var(--color); }
/*---------------------
 footer
-----------------------*/
.copyright{ padding: 29px 0;text-align: center;background: var(--color);color: #fff;font-size: 14px; }
/*---------------------
 Slide
-----------------------*/
.slide-usezans.swiper-container{
    --swiper-theme-color: var(--color);
    /*--swiper-navigation-color: var(--color);*/
    --swiper-navigation-size: 60px;
    margin: 20px auto 25px;
}
.swiper-container { width: 100%; }
.swiper-slide {font-size: 18px;background: transparent;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
    -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-repeat: no-repeat;background-position: center center; }
.swiper-slide img{display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.slide-usezans.swiper-container-horizontal .swiper-pagination{ bottom: 4%; }
.slide-usezans.swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:14px;height:14px;line-height:28px;background:rgba(0,0,0,.6);
    color:#fff;border-radius:65px;margin-right: 5px;cursor: pointer;opacity: 1; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: var(--color); }
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullet:last-child{ margin-right: 0; }
.swiper-container .swiper-slide .a-more{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 106;}
/*---------------------
 Module
-----------------------*/
.modtitle{ padding: 18px 20px; border-bottom: 1px solid var(--bor); }
.modtitle span{ position: relative; color: var(--color);font-size: 18px;font-weight: bold; }
.modtitle span:before{ display: inline-block;width: 4px;height: 18px;background: var(--color);content: "";margin-right: 10px;vertical-align: -3px; }
.modtitle a{ font-size: 14px;color: #333;padding-top: 4px; }
/** module-library **/
.module-library li{ float: left; width: calc((100% / 3) - 14px);height: 415px; }
.module-library li:not(:nth-of-type(3n)){ margin-right: 21px; }
.module-library .group{ padding: 20px }
.module-library .group .lis{ padding-top: 15px; }
.module-library .group .lis a{ display: block; line-height: 33px; }
.module-library .group .lis a:before{ display: inline-block;width: 7px;height: 7px;background: #a9a9a9;border-radius: 65px;margin-right: 6px;content: ""; }
.modtitle a:hover,
.module-library .group .lis a:hover{ color: var(--color); }
.module-library .group .lis a:hover:before{ background: var(--color); }
/** module-article **/
.module-article ul{ padding: 20px; }
.module-article li{ float: left;width: calc((100% / 4) - 18px); }
.module-article li:not(:nth-of-type(4n)){ margin-right: 24px; }
.module-article li h5{ text-align: center;padding-top: 10px; }
.module-article li:hover h5{ color: var(--color); }
/** module-expert **/
.module-expert ul{ padding: 20px; }
.module-expert li{ float: left; width: calc((100% / 3) - 46px); }
.module-expert li:not(:nth-of-type(3n)){ margin-right: 69px; }
.module-expert li a{ display: block; line-height: 33px; }
.module-expert li h5:before{ display: inline-block;width: 7px;height: 7px;background: #a9a9a9;border-radius: 65px;margin-right: 6px;content: ""; }
.module-expert li h5:hover{ color: var(--color); }
/*---------------------
 left-menu
-----------------------*/
.consbox{ margin: 25px 0;min-height: calc(100vh - 218px); }
.lmenu{ width: 300px;background: var(--color); }
.lmenu h5{ position: relative; font-size: 18px;color: #fff;padding: 16px 15px; }
.lmenu h5:before{ display: inline-block;width: 4px;height: 18px;background:#fff;content: "";margin-right: 10px;vertical-align: -3px; }
.lmenu ul{ background: #fff; }
.lmenu li{ padding: 13px 0; text-indent: 20px; }
.lmenu li:not(:last-child){ border-bottom:1px solid var(--bor); }
.lmenu li a{ font-weight: bold;color: #000; }
.lmenu li.active a{ color: var(--color); }
/* tree */
.lmenu li .subtree{ padding-top: 5px; }
.lmenu li .subtree a{ display: block;color: #000;font-weight: normal;line-height: 30px; }
.lmenu li .subtree a.active,
.lmenu li .subtree a:hover{ color: var(--color); }
/** tree-2 **/
.lmenu.dirs li .tree-btn{ display: inline-block;width: 20px;height: 20px;background: url("../images/jia.png") no-repeat;background-size: 20px;
    vertical-align: -4px;margin-right: 5px;cursor: pointer; }
.lmenu.dirs li .tree-btn.active,
.lmenu.dirs li .dd.notree .tree-btn,
.lmenu.dirs li .dd.active .tree-btn{ background: url("../images/jian.png") no-repeat;background-size: 20px; }
.lmenu.dirs li .subtree a{ display: inline; }
.lmenu.dirs li .subtree .dd{ padding-left: 20px; }
.lmenu.dirs li .subtree .treedir{ padding-left: 60px; }
.lmenu.dirs li .subtree .treedir .dt{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.lmenu.dirs li .subtree .treedir .dt a{ color: #666;font-size: 15px; }
.lmenu.dirs li .subtree .treedir.active{ display: block; }
.lmenu.dirs li .dd.active a,
.lmenu.dirs li .subtree .treedir .dt a.active{ color: var(--color); }
/** rcontent **/
.rcontent{ width: calc(100% - 325px); }
.rcontent h3{ padding: 17px 25px;font-weight: bold;font-size: 16px;border-bottom:1px solid var(--bor); }
.curr-right{ float: right;font-size: 14px;font-weight: normal; }
.curr-right span{ color: #666; }
.curr-right em{ padding: 0 5px; }
.curr-right a:last-child{ color: #000; }
/** article **/
.article-list .uls li{ padding: 25px; }
.article-list .uls li:not(:last-child){ border-bottom: 1px solid var(--bor); }
.article-list .uls li a{ display: flex;align-items: center; }
.article-list .uls li .imgs{ width: 270px;margin-right: 20px;overflow: hidden; }
.article-list .uls li .remark{ width: calc(100% - 290px); }
.article-list .uls li .remark h5{ font-weight: bold;font-size: 18px;padding-bottom: 10px; }
.article-list .uls li:hover .remark h5{ color: var(--color); }
/** expert-list **/
.expert-list .uls li{ padding: 16px 25px; }
.expert-list .uls li:not(:last-child){ border-bottom: 1px solid var(--bor); }
.expert-list .uls li .title{ display: block;width: calc(100% - 150px); }
.expert-list .uls li .down,
.expert-list .uls li span{ font-size: 14px;color: #666; }
.expert-list .uls li span{ padding-left: 35px; }
.expert-list .uls li .down{ display: block;width: 30px;text-align: center; }
.expert-list .uls li .title:hover,
.expert-list .uls li .down:hover{ color: var(--color); }
/** xueke-list **/
.xueke-list .uls li{ padding: 17px 25px; }
.xueke-list .uls li:not(:last-child){ border-bottom: 1px solid var(--bor); }
.xueke-list .uls li a{ display: flex; }
.xueke-list .uls li h5{ width: calc(100% - 180px);  }
.xueke-list .uls li span{ display: block;width: 90px; font-size: 14px;color: #666;text-align: right; }
.xueke-list .uls li span.uname{ text-align: left; }
.xueke-list .uls li:hover h5{ color: var(--color); }
/*---------------------
 Pages
-----------------------*/
.pages{ text-align:center;padding:20px 0; }
.pages ul li{ display: inline-block;margin-right:5px;background: #dbdbdb;border-radius: 5px; }
.pages ul li a,
.pages ul li span{ display: block;padding:5px 10px; }
.pages ul li.active{ color:#fff;background:var(--color); }
.pages ul li.disabled{ display: none; }
/*---------------------
 Member
-----------------------*/
.member-list{padding: 25px 0; min-height: calc(100vh - 168px); }
.member-list .layui-input{ height: 45px; }
.member-list .layui-btn{ background: var(--color); }
.member-list .layui-form-select dl dd.layui-this{ color:var(--color); }
.member-list .layui-input-prefix{ top: 5px; }
.member-list .layui-input-suffix{ top: 3px; }
.redx{ position: relative; }
.redx:after{ position: absolute;top: 5px;right: 8px;content: "*";color: red; }
/** login **/
.member-list.login{ display: flex;align-items: center; }
.member-list .layui-form{ width: 430px;margin: 0 auto;  }
.member-list.login h2{ font-size: 30px;color: var(--color);font-weight: bold;text-align: center;margin-bottom: 28px; }
/** register **/
.areg{ color: var(--color);float: right; margin-top: 7px; }
/** member-list **/
.member-list .curr-right{ float: none; }
.mcontent{ margin: 25px 0; }
.mcontent .uleft{ width: 245px; }
.mcontent .uright{ width: calc(100% - 270px); }
/** usubcat **/
.mcontent .usubcat{padding: 25px 35px;}
.mcontent .usubcat h2{ font-size: 16px;color: #333;font-weight: bold;padding-bottom: 10px; }
.mcontent .usubcat ul li{ position: relative; line-height: 45px; }
.mcontent .usubcat ul li:before{ opacity: 0; position: absolute;top: 10px;left: -35px; width: 4px;height: 25px;background:var(--color);content: "";z-index: 68; }
.mcontent .usubcat ul li.active:before{ opacity: 1; }
.mcontent .usubcat ul li.active a{ color: var(--color); }
.mcontent .usubcat ul li em{ position: absolute;top: 42%;right: 0; display: block;width: 8px;
    height: 8px;background: red;border-radius: 65px; z-index: 6 }
/** rcons **/
.mcontent .rcons{ padding: 0 25px 30px; }
.mcontent .rcons h3{ font-size:16px; height: 69px;line-height: 69px;border-bottom: 1px solid var(--bor);font-weight: bold; }
/** personal **/
.personal{ width: 500px;margin: 60px auto; }
.personal .layui-input{ border-radius: 5px; }
.personal .fedbsub{ width: 100%;height: 50px; background:var(--color);border-radius: 5px; }
/** radd **/
.member-list.radd .personal{ width: 100%;margin: 25px auto; }
.member-list.radd .layui-form{ width: 100%;margin: auto; }
.member-list.radd .layui-form-label{ width: 100px; }
.member-list.radd .layui-form-item .layui-input-inline.text{ width: 70%; }
.member-list.radd .num{ position: absolute;top: 20px;right: 10px;color: #999;font-size: 13px; z-index: 65; }
.member-list.radd .submits.layui-form-item .layui-input-inline{ margin: 0 0 0 100px; }
/** layui-upload-img **/
.layui-form-item.upimg-cls{ display: flex;align-items: center; }
.upimg-cls .layui-upload-img{ display: flex;align-items: center; position:relative; width:100px;height: 85px;background:#f5f5f5; overflow: hidden; }
.upimg-cls .layui-upload-img img{ width: 64px;height: auto;cursor: url("../images/cur-up.png"),default;margin: 0 auto; }
.upimg-cls .pos-progress{ display: flex;align-items: center; position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0 8px; background: rgba(0, 0, 0, .8);visibility: hidden; z-index: 65; }
.upimg-cls .layui-progress{ width: 100%; }
.upimg-cls .layui-progress-big,
.upimg-cls .layui-progress-big .layui-progress-bar{ height: 12px;line-height: 12px; }
.upimg-cls .layui-progress-text{ line-height: 12px; }
.upimg-cls .pos-progress.vis{ visibility: visible; }
/* removeimg */
.upimg-cls .removeimg{ position: absolute;top: 0;left: 0;font-size: 20px;background: #ff5722;color: #fff; cursor: url("../images/cur-del.png"),default;border-radius: 3px; z-index: 65; }
/** resources-list **/
.resources-list .personal,
.resources-list.member-list .layui-form{ width: 100%;margin: 15px 0; }
.resources-list .layui-form-switch{ margin-top: 0; }
.resources-list .layui-form-checked[lay-skin=primary]>i,
.resources-list .layui-form-onswitch{ border-color: var(--color) !important;background-color: var(--color); }
.resources-list .pages{ padding: 20px 0 0; }