@charset "utf-8";
/* CSS Document */
/* zw,2020-01-03 */

/* 解决如果外部有一个div容器，其内部div容器设置了float样式，则外部的容器div因为内部没有clear，导致不能撑开 */
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
/* Hides from IE-mac */ 
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* Topbar Start */
.topnav-navbar { min-height: 166px;}
.topnav-menu { min-height: 32px; background: url(../images/zw_images/banner_bg.png) repeat-x center;}
.topnav-navbar .topbar-right-menu li { max-height: 32px;}
.topnav-menu .topbar-right-menu .nav-link { color: #0068b7;}
.topnav-navbar .container-fluid { padding-left: 100px; padding-right: 100px;}
.notification-list .noti-icon { font-size: 18px; line-height: 28px;}
.topnav-logoBg { position: relative; min-height: 90px; background: url(../images/zw_images/navLogo_bg_1.jpg) repeat-x center;}
.topnav-logoBg .topnav-logo {line-height: 90px;}
.topnav-logoBg .topnav-logo-lg,.topnav-logoBg .topnav-logo-sm { line-height: 72px; padding: 9px 0;}
.topnav-logoBg .topnav-logo img { margin-right: 10px; max-height: 72px;}
.topnav-logoBg .topnav-logo h2,.topnav-logoBg .topnav-logo h3 { line-height: 52px; font-size: 32px; color: #0068b7;}
.topnav-logoBg .topnav-logo h3 { display: table; height: 52px; font-size: 24px;}
.topnav-logoBg .topnav-logo h3 div { display: table-cell; vertical-align: middle; line-height: 26px;}
.topnav-nav { padding: 1px 0; height: 44px; background-color: #0068b7;}
.topnav-nav .container-fluid { height: 42px; background-color: #0068b7; border-top: 1px solid #00a0e9; border-bottom: 1px solid #00a0e9;}
.topnav-nav li { float: left; height: 40px;}
.topnav-nav li + li { margin-left: 15px;}
.topnav-nav li .nav-link { padding: 10px; line-height: 20px; font-size: 16px; color: #FFF;}
.topnav-nav li.active .nav-link,.topnav-nav li .nav-link:hover { margin: -5px -3px -2px -3px; padding: 12px 10px; background-color: #FFF; color: #0068b7; border: 3px solid #ed9411; border-bottom: 0; border-radius: 3px 3px 0 0;}
.topnav-logoBg .button-menu-mobile { position: absolute; top: 17px; right: 0; margin: 0; padding: 20px; opacity: .5; background: rgba(0,0,0); border-radius: 10px 0 0 10px;}
.topnav-logoBg .button-menu-mobile span { background-color: #fff;}
@media (min-width:992px) {
	.topnav-menu,.topnav-logoBg,.topnav-nav .container-fluid { max-width: 100%;}
}
@media (max-width:768px) {
	.topnav-navbar { min-height: 90px;}
	.topnav-navbar .container-fluid { padding-left: 15px; padding-right: 15px;}
	.topnav-menu,.topnav-nav { display: none;}
	.topnav-logoBg .topnav-logo-sm { line-height: 54px; padding: 18px 0;}
	.topnav-logoBg .topnav-logo img { margin-right: 10px; max-height: 54px;}
	.topnav-logoBg .topnav-logo h3 { width: calc(100vw - 132px); font-size: 20px; margin: 1px 0;}
}

/* category-nav Start */
.category-nav { width: 100%; margin-bottom: 0;}
.category-nav .btn { float: left; margin: 0 15px 15px 0;}
.category-nav > div { width: auto; margin: 0 -15px -15px 0; padding: 0.5rem;}
@media (max-width:768px) {
	.category-wrapper { margin: 0; width: auto;}
	.category-nav { border-radius: 0;}
	.category-nav > div { padding: 1rem 1rem 0 1rem;}
	/* .category-nav > div { height: 74px; overflow-y: hidden; overflow-x: scroll; white-space: nowrap; margin: 0; padding: 1rem 1rem 0 1rem;}
	.category-nav .btn { float: none; display: inline; margin: 0 15px 0 0;}
	.category-nav .btn:last-child { margin: 0;}
	.btn-lg { font-size: 1rem;} */
}

/* Left Sidebar Start */
.leftbar-user { background: none; padding: 30px 20px 20px;}
.leftbar-user .rounded-circle { display: inline-block; width: 98px; height: 98px; border-radius: 10px !important;}
.leftbar-user .leftbar-user-name { margin: 15px 0 0; color: #fff;}

/* .left-side-menu { background: linear-gradient(#1c74b8, #26a1ff); border-radius: 0.25rem 0.25rem 0 0;} */
.left-side-menu { background: #1c74b8; border-radius: 0.25rem 0.25rem 0 0;}
.side-nav .side-nav-title { position: relative; color: #fff; font-size: 1rem;}
.side-nav .side-nav-title:after { position: absolute; left: 20px; right: 20px; bottom: 0; content: ''; height: 1px; background: #fff;}
.side-nav .side-nav-title i { font-size: 1rem;}
.side-nav .side-nav-link { color: rgba(255,255,255,0.7);}
.side-nav .side-nav-link.active,.side-nav .side-nav-link:hover,.enlarged .side-nav .side-nav-item:hover .side-nav-link { background: #005a9e; color: #FFF; margin-left: 20px; padding: 10px 15px; border-radius: 10px 0 0 10px;}

.side-nav.scrollfixed { height: 100%; overflow-y: auto;}
.enlarged .wrapper .left-side-menu { padding-top: 0; min-width: 200px; max-width: 200px; z-index: 5}
.enlarged .wrapper .help-box,.enlarged .wrapper .leftbar-user { display: block}
.enlarged .side-nav .badge,.enlarged .side-nav .collapse.in,.enlarged .side-nav .menu-arrow,.enlarged .side-nav .side-nav-title { display: block !important}
.enlarged .side-nav .side-nav-item .side-nav-link span { display: block; padding-left: 0}

/* Content page Start */
.card .card-body { position: relative;}
.card .header-title { font-size: 1.125rem; border-bottom: 2px solid #e3eaef;}
.past-record > .pRecord-List { border-bottom: 1px dashed #e3eaef;}
.past-record .pRecord-List:last-child { border-bottom: 1px solid #e3eaef; margin-bottom: 30px;}
.past-record .pRecord-tit span { font-weight: 400; font-size: 0.875rem;}
/* .pRecord-List .row { padding: 0.75rem 0; margin: 0 -10px; color: #6c757d; cursor: pointer;}
.pRecord-List .row:hover { background-color: #f1f3fa;}
.pRecord-List .row > div { padding: 0 10px;} */
.pRecord-List { margin: 0;}
.pRecord-List .list-a,.pRecord-List .delete-a { padding: 0.35rem 0; margin: 0; color: #6c757d; cursor: pointer;}
.pRecord-List .list-a,.pRecord-List .edit-a { padding: 0.35rem 0; margin: 0; color: #6c757d; cursor: pointer;}
.pRecord-List .list-a:hover { background-color: #f1f3fa;}
.pRecord-List .delete-a { font-size: 0.875rem; text-align: center; color: #b2b2b2 !important;}
.pRecord-List .delete-a:hover { color: #fa5c7c !important;}
.pRecord-List .edit-a { font-size: 0.875rem; text-align: center; color: #b2b2b2 !important;}
.pRecord-List .edit-a:hover { color: #0080ff !important;}
.pRecord-List .list-a > div { padding: 0 10px;}
.pRecord-List .line-clamp-2 .mdi { font-size: 1rem;}
.pRecord-List .mdi-check-circle { color: #0acf97;}
.pRecord-List .mdi-close-circle { color: #ff0000;}
.pRecord-List .mdi-alpha-w-circle { color: #d9d900;}
.pRecord-List .mdi-delete-forever { font-size: 1.1rem;}
.pRecord-List .mdi-circle-edit-outline { font-size: 1.1rem;}
.pRecord-List + .pRecord-tit { padding-top: 15px;}
.line-clamp-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.but-record { position: absolute; top: 1.6rem; right: 1.5rem; font-size: 0.75rem; color: #727cf5;} 
.required { display: inline-block; color: #fa5c7c; padding: .45rem 0; font-size: 1rem; font-weight: 400; line-height: 1.5;}
.custom-radio .required { padding: 0;}
.custom-control.custom-radio { display: inline-block; padding: 8px 15px 0 0;}
.btn-warning.readmore-js-toggle { position: absolute; bottom: 1.5rem; right: 1.5rem; color: #fff;}
.form-horizontal { margin: 0 auto; max-width: 900px;}
.form-horizontal .col-form-label { text-align: right;}
.form-group .delete-a { font-size: 0.875rem; text-align: center; line-height: 36px; color: #b2b2b2 !important; cursor: pointer;}
.form-group .delete-a:hover { color: #fa5c7c !important;}
.form-group .edit-a { font-size: 0.875rem; text-align: center; line-height: 36px; color: #b2b2b2 !important; cursor: pointer;}
.form-group .edit-a:hover { color: #0080ff !important;}
@media (max-width:768px) {
	.card .card-body { padding: 1.5rem 1rem;}
	.form-horizontal > .row { margin-left: -6px; margin-right: -6px;}
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 { padding-left: 6px; padding-right: 6px;}
}
.split-line { border-bottom: 1px dashed #e3eaef;}
.col-text { padding: .45rem 0; font-size: .875rem; font-weight: 400; line-height: 1.5;}
.classWin-group { padding-top: 2; border-top: 2px solid #39afd1;}

@media (max-width:768px) {
	.container-fluid { padding: 0;}
	.content-page { margin-left: 0 !important; padding: 0 0 60px 0;}
}

.modal.show { padding: 0 !important;}

/* 登录页面 */
.login-head .topnav-logo-lg img { display: block; width: 90px; height: 90px; margin-right: 10px;}
.login-head .topnav-logo-lg h2 { line-height: 40px; margin: 25px 0; color: #0068b7;}
@media (max-width:768px) {
	.login-head .topnav-logo-lg img { width: 54px; height: 54px;}
	.login-head .topnav-logo-lg h2 { display: table; width: calc(100vw - 94px); height: 40px; font-size: 20px; margin: 7px 0;}
	.login-head .topnav-logo-lg h2 div { display: table-cell; vertical-align: middle; line-height: 20px;}
}
.form-verCode .row { padding: 0 0 0 15px;}
.form-verCode .row div { height: 37.39px; overflow: hidden; border-radius: 4px;}
.form-verCode .row img { display: block; width: 100%; height: 37.39px;}
.form-verCode .row .btn-info { width: 100%;}
@media (max-width: 576px) {
	.form-verCode .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}
@media (min-width: 576px) {
	/* .container { max-width: 100%;} */
}

/* 轮播图 */
.col-slide { margin-bottom: 20px;}
.slide { max-width: 100%; height: auto; margin: 0 auto; position: relative; z-index: 999; overflow: hidden; border-radius: 4px; -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15); box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);}
.slide ul { width: 100%; list-style-type: none; padding: 0;}
.next_btn { position: absolute; width: 25px; height: 26px; line-height: 26px; text-align: center; opacity: .5; vertical-align: middle; background: rgba(0,0,0); right: 5px; top: 50%; color: #fff; font-size: 20px; font-weight: bold; display: none; cursor: pointer;}
.prev_btn { position: absolute; width: 25px; height: 26px; line-height: 26px; text-align: center; opacity: .9; vertical-align: middle; background: rgba(0,0,0,.1); left: 5px; top: 50%; color: #fff; font-size: 20px; font-weight: bold; display: none; cursor: pointer;}
.slide ul:after { content: ''; clear: both; display: none;}
.slide ul li { float: left; text-align: center;}
.slide ul li img { display: block; vertical-align: middle; max-width: 100%;}
.slide .circle_btn { position: absolute; bottom: 15px; text-align: center; left: 0; display: table; margin: 0 auto; width: 100%;}
.slide .circle_btn button { box-sizing: content-box; opacity: .8; outline: none; border: none; padding: 2px 18px; background: rgba(255,255,255,.2); margin: 2px 5px; overflow: hidden; transition: all .6s; cursor: pointer;}
.slide .circle_btn button.active { background: rgba(167,167,167,.8);}
@media (max-width:768px) {
	.col-slide { display: none;}
}

/* 发展成果展示 */
.nav-profession { }
.nav-tabs.nav-profession li a { padding: 0 1.25rem 0.625rem 1.25rem; font-size: 1.125rem; line-height: 19px;}
.nav-profession + .tab-content { min-height: 174px;}
.tab-profession .past-record .pRecord-List:last-child,.tab-teach .past-record .pRecord-List:last-child,.tab-education .past-record .pRecord-List:last-child { margin-bottom: 0;}
.pRecord-List-tit,.pRecord-List-tit .list-a:hover { background-color: #0068b7; color: #fff; font-weight: bold; cursor: inherit;}
.past-record > .pRecord-List-tit { border-bottom: 0;}
.pRecord-List-tit .list-a > div { position: relative; margin: -0.75rem 0; padding: 0.75rem 0;}
.pRecord-List-tit div::after { position: absolute; top: -0.75rem; right: 0; bottom: -0.75rem; content: ''; width: 1px; background-color: #fff;}
.pRecord-List-tit div:last-child::after { display: none;}
.tab-education .btn,.tab-teach .btn { float: left; margin-right: 10px; margin-bottom: 10px; font-size: 0.75rem;}
.row-personal { }

/* 05-08 手机新页面样式 */
.zw-con-side { }
.zw-side-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #e3eaef; border-radius: .25rem; border: none; -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15); box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15); margin-bottom: 10px;}
.zw-con-side .side-nav-link { color: #313a46;}
.zw-con-side + .footer { background-color: #313a46;}
p + .footer { background-color: #313a46;}
.zw-side-item .side-nav-link { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; padding: .75rem 1.5rem; margin-bottom: 0; background-color: #fff; border-bottom: 0;}
.zw-side-item .side-nav-link.active, .zw-side-item .side-nav-link:hover, .enlarged .zw-side-item .side-nav-item:hover .side-nav-link { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; padding: .75rem 1.5rem; margin-bottom: 0; background-color: #fff; border-bottom: 0;}
.zw-side-item .side-nav-link.active, .zw-side-item .side-nav-link:hover, .enlarged .zw-side-item .side-nav-item:hover .side-nav-link { background: #FFF; color: #727cf5; margin-left: 0; padding: .75rem 1.5rem; border-radius: 0;}
.zw-side-item .menu-arrow { line-height: 1.1;}
.side-nav-second-level li a, .side-nav-third-level li a { padding: 8px 20px 8px 38px;}
.zw-side-item .side-nav-item { position: relative;}
.zw-side-item .side-nav-item::after { position: absolute; left: 20px; bottom: 0; right: 0; content: ''; height: 1px; background-color: #e3eaef;}
.zw-side-item .side-nav-item:last-child::after { display: none;}
.zw-side-item .card-body { position: relative; padding: 1rem 20px 1.5rem;}
.zw-side-item .card-body::before { position: absolute; left: 20px; top: 0; right: 20px; content: ''; height: 2px; background-color: #727cf5;}
.side-nav-second-level li a.list-a.row, .side-nav-third-level li a.list-a.row { display: inherit;}
.zw-fourth { position: relative;}
.zw-fourth::before { position: absolute; left: 20px; top: 0; right: 20px; content: ''; height: 2px; background-color: #727cf5;}
.zw-fourth + .card-body::before { display: none;}
.zw-fourth .filled-but { text-align: right; padding-right: 50px; font-size: 0.75rem; color: #727cf5;}
.zw-fourth .filled-but .menu-arrow { font-size: 0.875rem; line-height: 18px;}
.zw-fourth .filled-but .menu-arrow:before { content: "\FCBB";}
.zw-fourth.active .filled-but .menu-arrow:before { content: "\FCB7";}
/* .zw-fourth.active .filled-but .menu-arrow:before { content: "\e914";} */
.zw-fourth .past-record { padding: 0 20px;}
.zw-side-item .side-nav-link i { font-size: 1.5rem;}
.zw-side-1 .side-nav-link i { color: #ff6b50;}
.zw-side-2 .side-nav-link i { color: #f9d602;}
.zw-side-3 .side-nav-link i { color: #00acee;}
.zw-side-4 .side-nav-link i { color: #7cc576;}
.zw-side-5 .side-nav-link i { color: #43b3cb;}
.zw-side-6 .side-nav-link i { color: #ffaa89;}
.zw-side-7 .side-nav-link i { color: #67ddab;}
.zw-side-8 .side-nav-link i { color: #df88ab;}
.zw-side-9 .side-nav-link i { color: #b27cda;}
.zw-side-10 .side-nav-link i { color: #ff2b7f;}
.zw-side-1 { border-bottom: 3px solid #ff6b50;}
.zw-side-2 { border-bottom: 3px solid #f9d602;}
.zw-side-3 { border-bottom: 3px solid #00acee;}
.zw-side-4 { border-bottom: 3px solid #7cc576;}
.zw-side-5 { border-bottom: 3px solid #43b3cb;}
.zw-side-6 { border-bottom: 3px solid #ffaa89;}
.zw-side-7 { border-bottom: 3px solid #67ddab;}
.zw-side-8 { border-bottom: 3px solid #df88ab;}
.zw-side-9 { border-bottom: 3px solid #b27cda;}
.zw-side-10 { border-bottom: 3px solid #ff2b7f;}
.zw-side-item > .collapse.in { border-top: 1px solid #e3eaef;}


/* 2021-01-23 创建评价 */
.card .EvaInf-tit { text-align: center; font-size: 1.5rem;}
.EvaInf-tit .btn-info { position: absolute; top: -10px; right: 0;}
.EvaInf-progress { padding: 20px 0 0; text-align: center; border-top: 2px solid #e3eaef;}
.EvaInf-progress > div { display: inline-block;}
.pro-lable,.pro-arrow { float: left;}
.pro-lable { width: 85px; height: 113px;}
.pro-lable div { margin: 0 auto 15px; width: 60px; height: 60px; border: 1px solid #e3eaef; border-radius: 50%; text-align: center; line-height: 60px; font-size: 32px; color: #98a6ad;}
.pro-lable:hover div { border: 1px solid #727cf5; color: #727cf5;}
.pro-lable.on div,.pro-lable.on:hover div { border: 0; background-color: #727cf5; color: #FFF; opacity: 0.5;}
.pro-lable.active div,.pro-lable.active:hover div { border: 0; background-color: #727cf5; color: #FFF; opacity: 1;}
.pro-lable.active p,.pro-lable.active:hover p { border: 0; color: #0013f9; opacity: 1; font-weight: 600;}
.pro-arrow { margin-bottom: 51px; /* width: 40px; */ text-align: center; line-height: 60px; font-size: 32px; color: #98a6ad; opacity: 0.5;}
.pro-arrow.on { color: #727cf5;}

.EvaInf-table { }
.EvaInf-table thead { background-color: #0068b7; color: #FFF;} 
.EvaInf-table td a { margin: 0 2px;}

.pro-condition { }
.pro-con-tit { padding: 8px 0 0 0; height: 38px;}
.pro-condition .custom-control { display: inline-block; height: 38px;}

.dis-inline-block { display: inline-block;}
.modal-dialog .table td { padding: 0.5rem 0.95rem;}
.EvaInf-table .custom-radio { padding: 0 15px 0 0;}
.table-eject .form-control { width: 80px; height: 32px; text-align: center; padding: 0.25rem 0.5rem;}
.table-eject .custom-control-label .form-control { margin-top: -8px; width: 80px;}
.table-eject .custom-control.custom-radio { padding: 6px 15px 0 0;}

.nav-profession .header-title { border-bottom: 0;}

@media (min-width: 992px) {
	.modal-xl {max-width: 1000px;}
}

/* 自动评分 */
.left-side-score { margin-right: 30px; min-width: 280px; max-width: 280px; background: #FFF;}
.left-side-score .side-nav-title { padding: 15px 30px; border-bottom: 2px solid #e3eaef; font-size: 1rem; color: inherit;}
.left-side-score .mdi-ballot-recount-outline { color: #0068b7;}
.left-side-score .side-nav-link { color: inherit;}
.left-side-score .side-nav-link.active,.left-side-score .side-nav-link:hover,.enlarged .left-side-score .side-nav-item:hover .side-nav-link { background: #99aee2; color: #FFF; margin-left: 20px; padding: 15px 20px; border-radius: 10px 0 0 10px;}
.left-side-score .button-menu-mobile { position: absolute; top: 50%; right: -20px; margin: -30px 0 0 0; width: 20px; height: 60px; text-align: center; line-height: 60px; border-radius: 0 5px 5px 0; background-color: #ed9411;}
.left-side-score .button-menu-mobile i.mdi { display: none; color: #FFF;}
.left-side-score .button-menu-mobile i.mdi-chevron-left,.enlarged .left-side-score .button-menu-mobile i.mdi-chevron-right { display: block;}
.enlarged .left-side-score .button-menu-mobile i.mdi-chevron-left { display: none;}
.enlarged .wrapper .left-side-score { min-width: 0; max-width: 0;}
.enlarged .wrapper .left-side-score .metismenu { display: none;}
@media (max-width:768px) {
	.page-title-box .page-title { padding: 0 15px;}
}
@media (max-width: 767.98px) {
	.button-menu-mobile.disable-btn { margin: 10px 0 0 10px; padding: 0.25rem 0.75rem;float: none;color: rgba(0, 0, 0, .5) !important;border: 1px solid rgba(0, 0, 0, .1);border-radius: 0.25rem;}
	.button-menu-mobile .dripicons-checklist { float: left; width: auto;}
	.button-menu-mobile span { margin-bottom: 0; display: inline-block; height: 30px; line-height: 30px; font-size: 16px; float: right; width: auto !important;}
}
.Evaluation-img { padding: 50px 50px 0;}
.Evaluation-img img { margin: 0 auto; display: block; max-width: 100%; opacity: 0.3;}

/* 岗位资格 */
/* 筛选top */
.conditionTop { padding-top: 37px;}
.conditionLeft { float: left; margin-top: -37px;}
.conditionLeft .form-group { margin-right: 15px;}
.conditionRight { float: right; margin-bottom: 1rem;}
@media (max-width: 991.98px) {
	.conditionRight { padding-top: 0;}
}
.time-group { min-width: 236.41px;}
.time-group .form-datepicker { float: left; width: 110px;}
.time-group input + i { float: left; display: inline-block; height: calc(2.2125rem + 2px); padding: .45rem .25rem; font-size: .875rem; font-weight: 400; line-height: 1.5;}
.form-group input[type=search] { width: 210px !important;}

.viewCer-img { display: block; margin: 0 auto; max-width: 100%;}
.form-group-img { margin-top: 10px; padding: 10px; width: 262px; height: 202px; border: 1px solid #dee2e6; border-radius: 5px;}
.form-group-img img { display: block; width: 240px; height: 180px;}
.modal-footer .btn { margin-left: 10px;}
.table-eject a { margin: 0 5px;}
.table-eject thead th { word-break: keep-all; white-space: nowrap;}

/*南三登录页切换二维码样式*/
.login_ZH {width:60px; height: 60px; background: url(../images/ZHlogin.png) no-repeat center; background-size: 60px; cursor: pointer; position: absolute; right:0; z-index: 1000;}
.login_QR {width:60px; height: 60px; background: url(../images/QRlogin.png) no-repeat center; background-size: 60px; cursor: pointer; position: absolute; right:0; z-index: 1000;}