@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
/*car*/
        .tabs-content {
            width: 92%;
			margin-left:4%;
			min-height:418px;
            background: white;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            overflow: hidden;
			padding-bottom:5px;
			margin-bottom:10px;
        }
        
        .tab-input {
            display: none;
        }
        
        .tab-labels {
            display: flex;
            background: #f8f9fa;
            border-bottom: 2px solid #e9ecef;
        }
        
        .tab-label {
            flex: 1;
            padding: 10px 0;
			margin:1% 2% 0 2%;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
            color: #6c757d;
            font-weight: 500;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
			float:left;
			width:21%;
			border-bottom:#eee 2px solid;
        }
        
        .tab-label:hover {
            color: #495057;
            background: #e9ecef;
        }
        
        .tab-label i {
            font-size: 18px;
        }
        
        /* 激活状态指示器 */
        .tab-label::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 50%;
            width: 0;
            height: 3px;
            background: #ef8ea9;
            transition: all 0.3s ease;
            transform: translateX(-50%);
        }
        
        .tab-input:checked + .tab-label {
            color: #ef8ea9;
            background: #fff;
			animation: blink 3s infinite;
        }
        
        .tab-input:checked + .tab-label::after {
            width: 80%;
        }
        
        .tab-content {
            display: none;
            padding: 40px;
            animation: slideUp 0.4s ease;
			
        }
		#today_lucknum{line-height:22px;}

		@media screen and (max-width:600px) {
		.horoscope-index h3 span{font-size:.24rem;}
		 .tab-content {padding:40px 10px;}
		}
        
        #tab1:checked ~ #content1,
        #tab2:checked ~ #content2,
        #tab3:checked ~ #content3,
        #tab4:checked ~ #content4 {
            display: block;
        }
        #tab11:checked ~ #content11,
        #tab12:checked ~ #content12,
        #tab13:checked ~ #content13,
        #tab14:checked ~ #content14 {
            display: block;
        }     
        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
/*car end*/
/*bar*/
.bar-content{padding:10px 0 0 10px;}
.jqbar{position: relative;top: 20px;opacity: 0.9;}
/*horizontal*/
.jqbar.horizontal{float:left;width:100%;display: inline-block;white-space: nowrap; overflow: hidden;}
.jqbar.horizontal span{display: inline-block;margin-left: 5px;font-size: 18px;font-weight: bold;}
.jqbar.horizontal .bar-level{border-radius:0 10px 10px 0;}
.jqbar.horizontal .bar-percent{font-size: 14px;font-weight: bold;height: 20px;margin-bottom: 5px;font-family:Georgia;}
.bar-label i{opacity: 0.3;}
/*bar-end*/