.inner-contain { box-sizing: border-box; margin: 0 auto 30px; padding: 20px 40px; position: relative; background-color: #fff; box-shadow: 0px 0px 24px 3px rgb(0 0 0 / 7%);}
#uni-search { width: 720px; margin: 10px auto 20px;}
.search-box { font-size: 16px; display: flex; justify-content: flex-start; align-items: center;}
.icon-search { width: 20px; height: 20px; border-radius: 50%; border: 3px solid #fff; display: block; position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%);}
.icon-search::after { content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); width: 14px; height: 4px; position: absolute; top: 20px; left: 15px; background-color: #fff;}
.search-input { width: 85%; height: 50px; font-size: 18px; padding-left: 10px; box-sizing: border-box; outline: none; border: 2px solid #bfd3e6; border-radius: 5px 0px 0px 5px; border-right: none;}
.search-input:focus { border-color: var(--Navi-Color);}
.search-icon-box { width: 15%; height: 50px; position: relative; box-sizing: border-box; border-radius: 0px 5px 5px 0px; background-color: var(--Navi-Color); cursor: pointer;}
.select-area { padding: 15px 15px 0px; background-color: #f7f7f7; border: 1px solid #e8e8e8;}
.select-div { width: 100%; padding-bottom: 10px; margin: 10px auto; display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 1px dotted #ddd;}
.select-div:last-child { border-bottom: none;}
.select-title { flex-basis: 80px; color: #fff; font-size: 15px; line-height: 28px; text-align: center; margin-right: 10px; margin-bottom: 5px; background-color: var(--Navi-Color);}
.select-tag { flex: 1;}
.select-tag span { color: #333; font-size: 14px; height: 25px; text-align: center; display: inline-block; padding: 0px 5px; margin: 0px 10px 8px; cursor: pointer; box-sizing: border-box;}
.select-tag .active { color: var(--Active-Color) !important; font-weight: 600 !important; border-bottom: 2px solid var(--Active-Color) !important;background-color: transparent !important;}
.select-result { margin: 0px auto 0;}
.select-result-title { color: #666; padding: 0px 15px; display: flex; justify-content: space-between; align-items: center;}
.select-result-title span { font-size: 15px; line-height: 30px;}
.select-list-head { color: #333; font-size: 14px; line-height: 30px; padding: 5px 0.625rem; background-color: #eee; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.select-list-head span { display: inline-block; margin-right: 10px;}
.select-list-item { color: #666; font-size: 14px; line-height: 1em; overflow: hidden; padding: 15px 0.625rem; border-bottom: 1px #ccc dotted;}
.select-list-item span, .select-list-item a { display: inline-block; margin-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.select-list-item .jobname { color: #333; font-weight: bold; width: 27%; /*20%*/}
.select-list-item .unitname { color: #666; width: 25%; /*20%*/}
.select-list-item .jobname:hover, .select-list-item .unitname:hover { color: var(--Active-Color); text-decoration: none;}
.select-list-item .education { width: 14%; /*9%*/}
.select-list-item .workyear { width: 11%; /*9%*/}
.select-list-item .salary { width: 10%; /*9%*/ color: var(--Active-Color);}
.select-list-item .org { width: 16%;}
.select-list-item .time { width: 7%; margin-right: 0; font-size: 13px;}
.pager {font-size: 13px; margin: 30px auto 10px;}
.no-content { margin: 20px; text-align: center;}
.login-box { width: 100%; display: inline-block; padding-top: 15px;margin-bottom: 13px; text-align: center; font-size: 18px; }