.job_basic_wrap {
	background-color: #3b526a ;
	height: 200px;
}
.welfare ul li {
	float: left;
}
.job_detail ul li {
	float: left;
}
.bussiness ul li {
	float: left;
}
.recommend ul li {
	float: left;
	width: 280px;
	height: 90px;
}
.resume_catalog{
	width: 160px; 
	background-color:white;
	height: 200vh;
	border: 1px solid #f3f3f3;
	border-radius: 10px;
	color: black;
	overflow: hidden;
}
.resume_catalog h4 {
	padding-left: 10px;
	background-color: #D2DCFB;
	height: 40px;
	line-height: 40px;
	background: linear-gradient(90deg, #d6f0ff 0, #fbfcff 100%);
}

.resume_catalog a{
	display: inline-block;
	padding: 10px;
	color: #333;
	width: 100%;
}
.resume_catalog a:hover {
	background-color: #f9f9f9;
	color: #1f94ed;
	cursor: pointer;
	font-weight: 600;
}
.resume_header {
	padding: 10px 20px;
	background-color: #D2DCFB;
	height: 40px;
	border-radius: 5px 5px 0px 0px;
	background: linear-gradient(90deg, #d6f0ff 0, #fbfcff 100%);
}
.resume_content_inner {
	/* margin-top: 10px; */
	background-color: #fff;
	padding: 10px;
	border-radius: 0px 0px 10px 10px;
}
.basic_info_wrap {
	position: relative;
	margin-left: 10px;
	padding: 10px;
	width: 550px;
}
.basic_info_wrap .user_info_edit{
	position: absolute;
	top: 10px;
	right: 20px;
	display: none;
}
.basic_info_wrap:hover {
	background-color: #f9f9f9;
	border-radius: 5px;
}
.basic_info p {
	margin-top: 20px;
}
.basic_info span {
	margin-right: 20px;
}
#user_info {
	position: relative;
	margin: 20px 10px 0 20px;
	/* padding: 20px; */
}
.user_name {
	font-size: 24px;
	color: #222;
	font-weight: 500;
}
.advantage_content {
	position: relative;
}
.advantage_content p {
	color: #444;
	line-height: 25px;
}
.advantage_edit {
	position: absolute;
	top: 10px;
	right: 20px;
	display: none;
}
.advantage_content:hover {
	background-color: #f9f9f9;
	border-radius: 5px;
}
.intention_content ul li {
	margin-top: 10px;
	width: 100%;
}
.intention_content ul li:hover {
	background-color: #f9f9f9;
}
.work_skill {
	margin-top: 10px;
}
.work_skill ul li {
	float: left;
	margin-right: 20px;
}

.content {
	margin-top:20px;
}
.school_info {
	margin-left: 10px;
}
.school_info span{
	margin-right: 20px;
}
.item {
}
.item input,select,textarea{
	width: 300px;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #d6d0d0;
	padding-left: 10px;
	
	font-size: 14px;
	color: #333;
	line-height: 23px;
}
.item .label ,.item .item_content{
	margin-top: 10px;
}
.edit_user_info_wrap, .edit_user_advantage_wrap{
	display: none;
}
#intention {
	position: relative;
}
.user_intention_edit {
	position: absolute;
	top: 10px;
	right: 20px;
	display: none;
}
.edit_intention_title,.edit_intention_content {
	display: none;
}

#experience {
	position: relative;
}
.user_experience_add {
	position: absolute;
	top: 10px;
	right: 20px;
	display: none;
}

#project {
	position: relative;
}
.user_project_add {
	position: absolute;
	top: 10px;
	right: 20px;
	display: none;
}


#education {
	position: relative;
}
.user_education_add {
	position: absolute;
	top: 10px;
	right: 20px;
	display: none;
}
.school_info p{
	margin-bottom: 10px;
}

.education_info:hover {
	background-color: #f9f9f9;
	border-radius: 5px;
}
.resume_edit {
	float: right;
	display: none;
	color: #3a7cef;
}
.edit a {
	display: inline-block;
	margin-left: 10px;
	color: #3a7cef;
}
.item_content textarea:hover {
	border:1px solid #276bf2;
	border-radius: 10px;
}
.edit_cancle,.edit_finish {
	width: 88px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #1190ef;
	border: 1px solid #c6cdd2;
	border-radius: 10px;
}
.edit_cancle {
	color: #808081;
}
.edit_cancle:hover {
	border: 1px solid #1190ef;
	color: #1190ef;
}
.edit_finish {
	width: 88px;
	height: 34px;
	color: #fff;
	background-color: #3ba7f7;
}
.edit_finish:hover {
	background-color: #2093e9;
}
.project_content p {
	line-height: 25px;
	color: #444;
}
.project_content ul li {
	padding: 10px;
}
.project_content ul li:hover {
	background-color: #f9f9f9;
	border-radius: 5px;
}
.experience_content ul li {
	padding: 10px;
}
.experience_content ul li:hover {
	background-color: #f9f9f9;
	border-radius: 5px;
}
.experience_content .content p {
	line-height: 25px;
	color: #444;
}
.intention_content ul li {
	padding: 10px;
}
.intention_content ul li:hover {
	background-color: #f9f9f9;
	border-radius: 5px;
}
.resume_content h4 {
	font-size: 20px;
	font-weight: 400;
}

.resume_content h4 {
	position: relative;
	color: #333;
}
.resume_content h4::before {
	content: "";
	top: 5px;
	left: -15px;
	background-color: #276bf2;
	width: 5px;
	height: 20px;
	display: inline-block;
	position: absolute;
	border: 3px;
}
/* 编辑个人信息 开始*/
.edit_user_info_inner .column:last-child {
	margin-top: 20px;
}
/* 编辑个人信息 结束*/
/* 头像 */
.upload  {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	position: absolute;
	top: 25px;
	right: 30px;
	overflow: hidden;
}
.upload img{
	width: 100px;
	height: 100px;
}
.edu_drop_down {
	position: absolute;
	top: 40px;
	background-color: #fff;
	width: 300px;
	display: none;
	height: 200px;
	overflow-y: scroll;
}
.edu_drop_down ul li {
	padding: 10px;
}
.edu_drop_down ul li:hover {
	color: #338af9;
	background-color: #f1f3f6;
}
/* 求职期望 */
.nature_of_work span {
	display: inline-block;
	width: 90px;
	height: 40px;
	border: 1px solid #ebebf4;
	text-align: center;
	line-height: 40px;
	border-radius: 5px;
}
.nature_of_work span:hover {
	cursor: pointer;
}
.area,.area2,.area3 {
	position: absolute;
	top: 41px;
	width: 100px;
	height: 250px;
	border: 1px solid #e4e5e7;
	background-color: #fff;
	z-index: 9999;
	overflow-y: scroll;
}
.area3 {
	overflow-y: scroll;
}
.area {
	left: 0px;
}
.area2 {
	left: 100px;
}
.area3 {
	left: 200px;
}
.area ul li,.area2 ul li,.area3 ul li {
	padding: 10px;
}
.area3  ul li:hover {
	background-color: #f8f8f8;
	color: #3ba7f7;
}
.choosed_area,.choosed_salary {
	background-color: #f8f8f8;
	color: #3ba7f7;
}
.bd {
	height: 500px;
}
.bd .top {
	float: left;
	height: 100%;
	overflow-y: scroll;
}
.bd .second {
	float: left;
	width: 900px;
	padding: 20px;
}
.bd .second ul li{
	float: left;
	width: 200px;
	height: 30px;
}
.second .item {
	display: inline-block;
	width: 200px;
	padding: 10px;
}
.three_cates {
	display: none;
	background-color: #f2f2f2;
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 10px;
}
.poput_title {
	padding: 20px;
	width: 100%;
	font-size: 20px;
	background-color: #d5eafe;
	color: #333;
}
.bd {
	padding: 20px;
}
.top ul li {
	padding: 10px 20px;
}
.top ul li:hover{
	cursor: pointer;
}
.choosed_top {
	background-color: #f8f8f8;
	color: #3ba7f7;
}
.jobs_cate_popup {
	width: 1200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: #fff;
	transform: translate(-50%, -50%);
}

.poput_wrap {
	width:  100%;
	position: fixed;
	top: 0px;
	border: 1px solid #d3d3d3;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}
.choosed_nature_span {
	background-color: #bde3ff;
	color: #3ba7f7;
}
.job_status {
	background-color: #fff;
	width: 300px;
	border: 1px solid #d3d3d3;
	border-radius: 10px;
	overflow: hidden;
}
.edit_user_info_wrap .job_status ul li {
	padding: 10px;
}
.job_status ul li:hover {
	background-color: #f8f8f8;
	color: #3ba7f7;
}
.basic_edu_drop_down {
	background-color: #fff;
	width: 300px;
	border: 1px solid #d3d3d3;
	border-radius: 10px;
	overflow: hidden;
}
.basic_edu_drop_down ul li {
	padding: 10px;
}
.basic_edu_drop_down ul li:hover {
	background-color: #f8f8f8;
	color: #3ba7f7;
}
.basic_sex span {
	display: inline-block;
	width: 140px;
	height: 40px;
	margin-right: 10px;
	border: 1px solid #d3d3d3;
	text-align: center;
	line-height: 40px;
	border-radius: 10px;
}
.basic_sex span:hover {
	cursor: pointer;
}
.choosed_sex {
	background-color: #bde3ff;
	color: #3ba7f7;
}
.choosed_drop_down {
	color: #3ba7f7;
}
.school_info .period span {
	margin-right: 0px;
}
.choosed_drop_down_item {
	color: #338af9;
}
.upload_wrap {
	position: relative;
}
.upload_wrap {
	cursor: pointer;
}
.upload_wrap span {
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	background-color: #7d9eed;
	width: 100px;
	height: 30px;
	color: #fff;
}
.intention_content a,.project_content a,.experience_content a {
	color: #3a7cef;
}
.project_basic span {
	margin-right: 20px;
}
.column {
	margin-top: 10px;
}
.split_wrap {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.work_info .title p {
	font-size: 16px;
	color: #444;
}
.work_info .title p span {
	margin-right: 20px;
}
.min_salary ul li {
	padding: 5px;
}
.min_salary ul li:hover {
	background-color: #f8f8f8;
	    color: #3ba7f7;
}
.max_salary ul li {
	padding: 5px;
}
.max_salary ul li:hover {
	background-color: #f8f8f8;
	color: #3ba7f7;
}
.icon_class {
	margin-right: 5px;
}
.edit_education_title,.edit_project_title {
	font-size: 20px;
	color: #333;
}
/* 隐藏滚动条 */
.max_salary::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.min_salary::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.edu_drop_down::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.area3::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.resume-top-popup {
	width: 100%;
    position: fixed;
    top: 0px;
    border: 1px solid #d3d3d3;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
	overflow-y: scroll;
}
.resume-top {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 700px;
	height: 450px;
	background-color: #1190ef;
	padding: 50px;
	background: linear-gradient(90deg, #284d62 0, #2089d9 100%);
}
.resume-top .row-1 {
	font-weight: 600;
	font-size: 30px;
	color: #fff;
	text-align: center;
}
.resume-top .row-2 {
	font-size: 20px;
	color: darkgoldenrod;
	text-align: center;
}
.resume-top .row-3 {
	width: 100%;
	text-align: center;
	color: red;
}
.resume-top .row-4 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 10px 50px;
}
.resume-top .row-4 .top-item {
	width: 150px;
	height: 150px;
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	text-align: center;
	padding-top: 30px;
}
.resume-top .row-5 {
	display: flex;
	flex-direction: row-reverse;
	color: #acabab;
	font-size: 10px;
}
.top-item .title {
	font-size: 18px;
	color: #222;
}
.top-item .price {
	font-size: 16px;
	color: #ff2f2f;
	font-weight: 600;
	margin-top: 10px;
}
.top-item .top-btn {
	width: 120px;
	text-align: center;
	background-color: #f25353;
	color: #fff;
	height: 25px;
	line-height: 25px;
	margin: 0 auto;
	border-radius: 10px;
	margin-top: 10px;
}
.top-item .top-btn a {
	color: #fff;
}
.top-close {
	position: absolute;
	top: -40px;
	right: -40px;
	cursor: pointer;
}
.top-close:hover {
	color: #1b9eea96;
}


/*  简历的刷新、自动刷新、置顶 */
.resume-opt {
	background-color: #fff;
	padding: 10px 10px;
	border-radius: 10px;
}
.list-opt {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.opt-item {
	width: 60px;
	text-align: center;
	padding: 10px 0px;
}
.opt-item img {
	width: 40px;
	height: 40px;
}
.opt-item span {
	display: block;
}
.opt-item a {
	color: #1b9eea;
}

/* 自动刷新弹出层 */
.auto-refresh  {
	display: none;
}
.popup {
	width: 100%;
    position: fixed;
    top: 0px;
    border: 1px solid #d3d3d3;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
}
.auto-refresh-inner {
	position: relative;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 130px;
	width: 300px;
	background-color: #fff;
	border-radius: 10px;
}
.auto-refresh-inner .head {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0px 20px;
	background-color: #f3f3f3;
}
.auto-refresh-inner .head .title {
	color: #222;
	font-size: 16px;
}
.auto-refresh-inner .head a {
	color: #999;
}
.auto-refresh-inner .head a:hover {
	color: #1b9eea;
}
.auto-refresh-inner .head .i {
	font-size: 18px;
}
.auto-refresh-inner .auto-content {
	padding: 20px;
	position: relative;
}
.auto-refresh-inner .auto-content input{
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #e1e4e6;
	border-radius: 10px;
	padding-left: 20px;
	font-size: 14px;
}
.hour-drop-down {
	display: none;
	background-color: #fff;
	padding: 10px;
	position: absolute;
	width: 260px;
	height: 300px;
	overflow-y: scroll;
}
.list-hour li{
	padding: 5px;
	cursor: pointer;
}
.list-hour li:hover {
	background-color: #f3f3f3;
}
/* 简历置顶 */
.top-resume {
	display: none;
}
.top-inner {
	position: relative;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 130px;
	width: 300px;
	background-color: #fff;
	border-radius: 10px;
}
.top-inner .head {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0px 20px;
	background-color: #f3f3f3;
}
.top-inner .head .title {
	color: #222;
	font-size: 16px;
}
.top-inner .head a {
	color: #999;
}
.top-inner .head a:hover {
	color: #1b9eea;
}
.top-inner .head .i {
	font-size: 18px;
}
.top-inner .auto-content {
	padding: 20px;
	position: relative;
}
.top-inner .top-content input{
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #e1e4e6;
	border-radius: 10px;
	padding-left: 20px;
	font-size: 14px;
}
.day-drop-down {
	display: none;
	background-color: #fff;
	padding: 10px;
	position: absolute;
	width: 260px;
	height: 240px;
}
.list-day li{
	padding: 5px 10px;
	cursor: pointer;
}
.list-day li:hover {
	background-color: #f3f3f3;
}
.top-content {
	padding: 20px;
	    position: relative;
}
/* 附件管理 */
.resume_aside {
	float: left;
	width: 240px;
}
.attachment {
	margin-bottom: 20px;
}
.attachment  h4{
	background: linear-gradient(90deg, #d6f0ff 0, #fbfcff 100%);
	font-size: 14px;
	font-weight: 400;
	padding: 10px 20px;
	border-radius: 10px;
}
.attachment-inner {
	background-color: #fff;
	display: flex;
	flex-direction: column;
}
/* .attachment-inner  p {
	font-size: 14px;
	color: #999;
} */
.attachment-inner button {
	width: 180px;
	background-color: #208eff;
	padding: 5px 0px;
	color: #fff;
	border-radius: 20px;
	font-size: 14px;
	margin-top: 10px;
	cursor: pointer;
	margin: 20px auto;
}

.attach {
	display: none;
}
.attach-inner {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 400px;
	width: 600px;
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
}
.attach-head{ 
	width: 100%;
	height: 50px;
	position: relative;
}
.attach-head h2 {
	font-weight: 400;
	color: #222;
}
.attach-content {
	border: 1px dotted;
	height: 315px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center;
}
.attach-close {
	position: absolute;
	top: -13px;
	right: 0px;
	font-size: 35px;
}
.attach-close a {
	color: #afafaf;
}
.upload-attach {
	width: 251px;
	display: inline-block;
	padding: 10px 0px;
	background-color: antiquewhite;
	margin-top: 20px;
	background-color: #1794ff;
	color: #fff;
	border-radius: 30px;
}
.attach-wrap {
	
}
.attach-list {
	position: relative;
	padding: 10px;
	height: 50px;
}
.attach-poptip {
	display: none;
	position: absolute;
	top: 0px;
	left: -240px;
	background-color: #fff;
	border: 1px solid #f3f3f3;
	width: 100%;
	padding: 10px;
	font-size: 12px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
/* .attach-poptip[x-placement^=left] {
    padding: 0 8px 0 5px;
} */
.attach-real {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.attach-real .col-1-wrap {
	display: flex;
	flex-direction: row;
}
.attach-real .col-1-wrap  .col-1 {
	padding: 5px;
}
.attach-real .col-1-wrap .col-2 {
	padding: 7px;
	font-size: 12px;
}
.attach-real .col-2-wrap {
	line-height: 50px;
	text-align: center;
	font-size: 12px;
	color: #938f8f;
	cursor: pointer;
}
.attach-poptip .row-1 {
	display: flex;
	flex-direction: row;
}
.attach-poptip .row-1  .col-1 {
	margin-right: 10px;
}
.attach-poptip .row-1  .col-2 {
	padding: 3px;
	font-size: 12px;
}
.attach-poptip .row-2 {
	display: flex;
	flex-direction: row-reverse;
}
.attach-poptip .row-2  span {
	margin-left: 10px;
}
.default-annex {
	color: #1b9eea;
}
.omit {
	text-wrap-mode: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.attach-real .omit {
	width: 100px;
}
.header_top.fixed {
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  z-index: 100;
}
.attach-poptip a {
	color: #666;
}
.attach-poptip a:hover {
	color: #1b9eea;
}