.drawer {
            position: fixed;
            top: 0;
            right: -60%; /* 初始位置在屏幕右侧外 */
            width: 60%; /* 半个页面宽度 */
            height: 100%;
            background-color: #fff;
            box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
            transition: right 0.3s ease;
            z-index: 1000;
            overflow-y: auto; padding: 20px 20px;
        }
        .drawer.open {
            right: 0;
        }
        .drawer-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px;
            border-bottom: 1px solid #eee;
        }
        .drawer-title {
            font-size: 18px;
            font-weight: bold;
        }
        .drawer-close {
            cursor: pointer;
            font-size: 20px;
			position:absolute;
			top:6px;right:8px;   transition: all 0.3s ease;
        }
		.drawer-close:hover{transform: rotate(90deg);}
        .drawer-content {
            padding: 15px;
        }
        .drawer-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            z-index: 1999;
            display: none;background-color: rgba(0, 0, 0, 0.5);
    
    /* 应用模糊效果 */
    backdrop-filter: blur(4px);
    
    /* Safari浏览器支持 */
    -webkit-backdrop-filter: blur(4px);
        }
        .drawer-overlay.show {
            display: block;
        }
		
		 .header_m {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 2px solid rgb(26,156,244);
            padding-bottom: 15px;
            margin-bottom: 16px;
        }

        .company-title {
            font-size: 24px;            
            font-weight: bold;
			font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
			color: #1c2149;margin-bottom:8px
        }

        .status-tag {
            background: #f0f0f0;
            padding: 3px 8px;
            border-radius: 3px;
            font-size: 14px;
        }

        .recruit-info {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 30px;
            margin-bottom: 40px;
        }

        .info-block img {
            #margin-bottom: 25px;
			transition: transform 0.3s;
        }
		 .info-block img:hover {
            transform: translateY(-5px);
        }

        .tag-group {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin: 3px 0;
        }
		 .tag_m.tag_line {
          line-height:12px;
		  background:rgb(85,174,80);padding: 6px 8px;
        }

        .tag_m {
            background: #e8f5e9;
            padding: 3px 12px;
            border-radius: 6px;
            font-size: 14px;
			background-color: #ffc107;
       padding: 8px 30px;color:#fff;text-align:center
        }

        .green-tag {
            background: rgb(26,156,244);
            color: white;
        }
		 .green-tag.yellow {
            background: #ff9900;
            color: white;
        }
		

        .detail-item {
            display: flex;
            margin-top: 8px;
            font-size: 15px;color:#666
        }

        .detail-label {
            width: 80px;
            color: #666;
        }
		
        .detail-label.label1 {
            width: 31px;
			
           
        }
		.recruit-info .job_organizion{			
			font-size:16px;#line-height:22px;color:#1c2149
		}
		.detail-label img{width:32px;height:32px}

        .apply-btn {
            background: rgb(26,156,244);
            color: white;
            padding: 11px 40px;
            border-radius: 5px;
            text-align: center;
            margin: 20px 0;
            cursor: pointer;
			display: inline-block; /* 保证transform生效 */
    position: relative; /* 为高级效果做准备 */
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* 贝塞尔曲线过渡 */
    border: none; /* 移除默认边框 */
    outline: none; /* 移除聚焦轮廓 */
	width:226px
        }
		  .apply-btn a{
          
            color: white;
            padding: 12px 40px;
            border-radius: 5px;
            text-align: center;
            margin: 20px 0;
            cursor: pointer;
			text-decoration:none
        }
/* 基础悬停效果 */
.apply-btn:hover {
    background: rgb(15, 140, 220);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(26, 156, 244, 0.4);
}
   .apply-btn.exp {background:#ccc}

        .section-title {
            font-size: 18px;
            color: rgb(26,156,244);
            /* border-left: 4px solid rgb(26,156,244); */
            padding-left: 10px;
            margin: 25px 0 10px;
        }
		.drawer.open ul li{margin-left:24px}
		.drawer.open .drawer-title-name{width:80px;float:left;color:#666;font-size:15px;white-space: nowrap;}
		.drawer.open .tag_collect{cursor:pointer;font-size:16px;padding:12px 40px;		display: inline-block; /* 保证transform生效 */
    position: relative;
	width:226px;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
	transition: all 0.3s ease;
	}
			.drawer.open .tag_collect:hover{ background: #e0a800; /* 颜色加深 */
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(118, 215, 196, 0.4);}
		.drawer.open .tag_collect.is_collected:hover{ background: #5DBBA6; /* 颜色加深 */
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(118, 215, 196, 0.4);}
		.drawer .tag_collect.is_collected{background-color:#76D7C4;color:#fff;width:226px}
		.tag-group .tag_lineheight{line-height:22px}
	.drawer .info-block img{width:22px;height:22px;float:left;margin-right:14px;vertical-align: middle}
		
.tag-group.fk{margin-top:20px;}

.tag-group.fk .tag_m{background: #4ECDC4;cursor:pointer;font-size:16px;padding:11px 10px;		display: inline-block; /* 保证transform生效 */
    position: relative;
	width:226px;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
	transition: all 0.3s ease;}
	.tag-group.fk .tag_m img{vertical-align:middle}
	.tag-group.fk .tag_m:hover{
		background-color: rgb(78 205 196/ 0.9); transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(118, 215, 196, 0.4);
	}
	.drawer.open .apply-btn img{vertical-align:middle}
	.drawer.open .apply-btn a{padding:3px 0px}
	
	
	.drawer.open .tag_m img.jobdelivery{vertical-align:bottom}
	
	
	.drawer.open .jobdelivery {
    width: 22px;
    height: 22px;
    margin-right: 5px;
}

.drawer.open .condition.zwtj span.job_organizion{color:#1c2149;font-size:16px}


.drawer.open ul.specialty{padding-left:16px}

.drawer.open ul.condition.zwtj{padding-left:16px
	
}