/*顶部*/
.index-header { height: 408px; background: url(/uploads/image/jcimages/index-bg.jpg) no-repeat center; }
.index-nav { height: 60px; background: rgba(0,0,0,0.2); }
.layui-nav { background: none; }
.layui-nav-img { margin-top: 15px; }
.login_sub{ color: #fff;}
/*搜索框*/
.index-search { width: 630px; margin: 90px auto; }
.layui-tab-title {  margin-left: 40px;  border-bottom: none;}
.layui-tab-title li { border-radius: 10px 10px 0 0; border: 1px solid rgba(255,255,255,.4); margin-right: 10px; border-bottom: 0; padding: 0 10px; background: rgba(255,255,255,.1); font-size: 16px;}
.layui-tab-title .layui-this { border-radius: 10px 10px 0 0; color: #578dd0; background: #fff; }
.layui-tab-title .layui-this:after { display: none; }
.layui-tab-content { padding: 0; }
.banner-search { background: #fff; border-radius: 56px;height: 56px; line-height: 56px; overflow: hidden;  }
.layui-btn { height: 48px; line-height: 48px; border-radius: 48px; margin: 4px; font-size: 16px;  }
.layui-btn .iconfont { margin-right: 10px; }
.banner-search .layui-input { width: 500px; line-height: 56px; border: none;  height: 56px; padding: 0 20px; font-size: 18px; }
.hot-search { height: 24px; line-height: 24px; overflow: hidden; }
.hot-search span { opacity: .7;display: block; float: left; }
.search-text { padding: 0 8px; border-radius: 20px; background: rgba(0,0,0,.1); color: #fff; font-size: 12px;opacity: .7; margin-left: 5px; display: block; float: left;}
.search-text:hover {opacity: 1; color: #fff;  background: rgba(0,0,0,.2);}
/*菜单组*/
.con-vz { position: relative; height: 356px; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.05); margin: -40px auto 0px auto; width: 1200px; border-radius: 10px; overflow: hidden; }
.vz-menu { width: 69%; height: 140px; padding: 30px 30px 20px 30px; }
.menu-group { width: 32%; margin-left: 2%; height: 125px; overflow: hidden; }
.menu-group:first-child { margin-left: 0; }
.group-head { font-size: 18px; padding-left: 20px; position: relative; line-height: 18px; margin-bottom: 20px; }
.group-head:before{ content:""; display: block; position: absolute; left: 0; height: 18px; width: 8px; background: #578dd0; border-radius: 4px;}
.menu-group:nth-child(2) .group-head:before {background: #6cc39f;}
.menu-group:nth-child(3) .group-head:before {background: #e8b146;}
.group-item { margin-right: 12px; display: block; float: left; line-height: 24px; margin-bottom: 5px; color: #666; }
/*vip*/
.vz-vip { width: 24%; height: 332px; padding: 1%; background: #f8efe3; position: absolute; right: 0; top: 0; border-radius: 10px; }
.vip-head { line-height: 30px; margin-bottom: 10px; font-size: 18px; font-weight: bold; color: #dbb174; }
.vip-con { height: 252px;background: #fff;border-radius: 10px; padding: 20px; }
.vip-user {height: 50px; padding: 4px 0;  }
.vip-user .user-avatar { width: 50px; height: 50px; border-radius: 100%; overflow: hidden; margin-right: 20px; }
.vip-user .user-avatar img { width: 100%; height: 50px; }
.user-name {  line-height: 50px; }
.layui-elem-field legend { margin-left: 90px; font-size: 12px; color: #aaa; }
.qunyi-list { width: 32%; margin-left: 2%; text-align: center; }
.qunyi-list:first-child { margin-left: 0; }
.qunyi-list p { font-size: 12px; color: #999; margin-top: 10px; }
.qunyi-list .icon { width: 38px; height: 38px; margin: 0 auto; }
.qunyi-list .icon-1 { background-position: 0 4px; }
.qunyi-list .icon-2 { background-position: 0 -40px; }
.qunyi-list .icon-3 { background-position: 0 -87px; }
.vip-btn .btn-item { display: block; width: 116px; height: 40px; line-height: 40px; border-radius: 40px; color: #fff; text-align: center; margin-top: 30px;}
.vz-vip-on .user-name {line-height: 24px;}
/*专题*/
.vz-wrapper { position: relative; width: 850px; height: 128px; padding: 0 20px; overflow:hidden; }
.vz-wrapper .next,.vz-wrapper .prev { width: 30px; height: 30px; position: absolute; top: 50%; margin-top:-15px;border-radius: 100%; text-align: center; line-height: 30px; background: rgba(0,0,0,0.4); z-index: 1; left: 0px; color: #fff;  cursor: pointer; opacity: 0;}
.vz-wrapper .next { left: auto; right: 0px; }
.vz-wrapper:hover .next { left: auto; right: 30px; opacity: 0.5; }
.vz-wrapper:hover .prev { left: 30px; opacity: 0.5; }
.vz-wrapper .nextstop,.vz-wrapper .prevstop { background: rgba(0,0,0,0.1); }
.vz-wrapper .bd li { float: left; width: 263px; height: 128px; margin:0 10px; border-radius: 10px; overflow: hidden; }
.vz-wrapper .bd img { width: 263px; height: 128px; }
/*内容模块*/
.con-list { width: 1180px; padding: 10px; margin: 30px auto 0 auto; border-radius: 10px; }
.in-title { line-height: 40px; height: 40px; padding: 0 20px 0 30px; position: relative; overflow: hidden; }
.in-title .title-bt { font-size: 22px; color: #666; margin-right: 10px; }
.in-title .title-bt b {font-weight: normal;}
.in-title:before{ content:""; display: block; position: absolute; height: 20px; width: 8px; border-radius: 4px;background: #333; left: 10px; top: 10px;}
.in-title .title-bt:hover {color: #578dd0;}
.in-title .iconfont { font-size: 22px; margin-right: 10px; }
.con-nr {border-radius: 10px; background: #fff; padding:20px 30px; margin-top: 10px;}
.con-nr .layui-tab-title { margin-left: 0; }
.con-nr .layui-tab-title li { background: #f9f9f9; font-size: 14px; border-radius: 20px; line-height: 26px; }
.con-nr .layui-tab-title .layui-this { background: #578dd0; color: #fff; }
.in-nr { padding-bottom: 10px; }
.lb-2 { margin: 20px 0 20px 30px;  }
.lb-2:nth-child(4n 1) { margin-left: 0; }
.con-nr-l { width: 260px; }
.con-nr-l .lb-2 { margin-bottom: 30px; }
.con-nr-l .lb-4 { line-height: 30px; padding-top: 10px; }
.con-nr-r { width: 840px; }
.con-nr-r .lb-2 { margin-left: 30px; margin-bottom: 30px; }
.con-nr-r .lb-2:nth-child(3n 1) { margin-left: 0; }
.con-nr-r .lb-4 { width: 256px; margin-left: 30px; margin-bottom: 10px; float: left; }
.con-nr-r .lb-4:nth-child(3n 1) { margin-left: 0; }
/*内容模块-vip*/
.con-vip { background: #f8efe3; }
.con-vip .in-title { padding: 0 20px; }
.con-vip .in-title:before { display: none; }
.vip-list { padding: 40px 70px; position: relative; }
.vip-list .next,.vip-list .prev { width: 30px; height: 30px; position: absolute; top: 50%; margin-top:-15px;border-radius: 100%; text-align: center; line-height: 30px; background: #578dd0; z-index: 1; left: 0px; color: #fff;  cursor: pointer; opacity: 0;}
.vip-list .next { left: auto; right: 0px; }
.vip-list:hover .next { left: auto; right: 30px; opacity: 1; }
.vip-list:hover .prev { left: 30px; opacity: 1; }
.vip-list .nextstop, .vip-list .prevstop { background: #f8f8f8; }
/*求职/职场*/
.con-zc { background: #f4fbff; }
.con-zc .in-title:before { background: #578dd0; }
/*教育资料*/
.con-jy { background: #edf8f3; }
.con-jy .in-title:before { background: #6cc39f; }
/*专业资料*/
.con-zy { background: #f3f6fb; }
.con-zy .in-title:before { background: #7a97c7; }
/*经济管理*/
.con-jj { background: #faf5f5; }
.con-jj .in-title:before { background: #ca574b; }
/*生活休闲*/
.con-sh { background: #f7f9f0; }
.con-sh .in-title:before { background: #abc455; }
/*认证作者*/
.con-rz { width: 1200px; padding: 0; }
.con-rz .in-title:before { background: #6cc39f; }
.con-rz .con-nr {padding: 0; margin-top: 20px;}
.rz-list { width: 19%; height: 276px; float: left; margin-left: 2.666%; padding:2%; background: #f9f9f9; border-radius: 10px; }
.rz-list:first-child { margin-left: 0; }
/*友情链接*/
.con-link .in-title:before { background: #578dd0; }
.link-nr a { margin-right: 20px; margin-bottom: 10px; display: block; float: left; }