html,body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color:#e286ff;
	background:#000;
}

/*loading*/
.wrap{
	width:100%;
	height:100%;
	min-height:1000px;
	text-align:center;
	background:url(../../fs/images/loading/loading_bg01.jpg) no-repeat center top;
	}
.mainWrap{
	width:100%;
	height:100%;
	margin:0 auto;
	}
.mainTop{
	width:100%;
	background:url(../../fs/images/bg_blackT70.png) repeat center top;
	text-align:center;
	padding:20px 0 20px 0;
	}
.mainTopSlogan{
	width:100%;
	height:auto;
	margin:0 auto;
	max-width:1560px;
	}
.mainTopSlogan img{
	width:100%;
	}
.page-main{
	position: relative;
	width:100%;
	max-width:1920px;
	height:auto;
	margin:0 auto;
	margin-bottom:100px;
}
.page-main > aside{
	position: relative;
    width: 100%;
    height: 100%;
}

.page-main > aside ul{
    width:80%;
    height: 100%;
	margin:0 auto;
	margin-top:80px;
	display:flex;
	justify-content:space-around;
	flex-wrap: wrap;
}
.page-main > aside ul li{
    width: 100%;
	margin-bottom:5px;
	flex: 1; 
	animation:fadeIn 0.5s ease;
	
}
/*.page-main > aside ul li:hover{
	background:#2d3238;
    border-left:4px solid #fed933;
}*/
.page-main > aside ul{
}
.page-main > aside ul li a{
    display: block;
	background:#2d3238;
	width: 390px;
    height:580px;
	margin:0 auto;
}

.page-main > aside ul li a img{
	width: 25%;
	margin-top: -13%;
    margin-left: 88%;
    z-index: 99;
}

.page-main > aside ul li a div{
	width: 359px;
    height: 90px;
    margin-top: 113%;
    margin-left: 14px;
	background: url(../images/bg_blackT60.png) repeat center top;
	color: #ffffff;
	text-align: left;
    align-content: center;
}

.page-main > aside ul li a div span{
    margin-left: 30px;
    color: #ffffff;
    font-size: 28px;
}

.page-main > aside ul li a div p{
    margin-left: 30px;
    color: #63e3ff;
    font-size: 15px;
}

.page-main > aside ul li a h1{
	width: 125px;
    height: 56px;
    margin-top: -20%;
    margin-left: 58%;
    color: #ffffff;
    font-size: 30px;
    align-content: center;
    background: #0080c0;
    transform: skewX(-12deg);
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2),0 0 0 2px rgba(255, 255, 255, 0.5) inset;
    transition: all 0.3s ease;
    z-index: 1;
    animation: tagPulse 2s ease infinite;
}

@keyframes tagPulse {
            0%, 100% { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
            50% { box-shadow: 0 0 15px rgba(255, 255, 255, 0.8); }
        }
        
.page-main > aside ul li a h2{
	width: 125px;
    height: 56px;
    margin-top: -20%;
    margin-left: 58%;
    color: #ffffff;
    font-family: 'Segoe UI', 'Poppins', 'Microsoft YaHei', sans-serif;
    font-size: 30px;
    align-content: center;
    background: #c3c3c3;
    transform: skewX(-12deg);
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2),0 0 0 2px rgba(255, 255, 255, 0.5) inset;
    transition: all 0.3s ease;
    z-index: 1;
}

.page-main > aside ul li:nth-child(1){
}
.page-main > aside ul li:nth-child(1) a{
    background:url('../../fs/images/loading/loadingBtn01.png') center no-repeat;
	
}
.page-main > aside ul li:nth-child(1) a:hover{
    background:url('../../fs/images/loading/loadingBtn01_on.png') center no-repeat;
	
}
.page-main > aside ul li:nth-child(1).on a{
    background:url('../../fs/images/loading/loadingBtn01.png') center no-repeat;
	
}
.page-main > aside ul li:nth-child(2) a{
    background:url('../../fs/images/loading/loadingBtn02.png') center no-repeat;
	
}
.page-main > aside ul li:nth-child(2) a:hover{
    background:url('../../fs/images/loading/loadingBtn02_on.png') center no-repeat;
	
}
.page-main > aside ul li:nth-child(2).on a{
    background:url('../../fs/images/loading/loadingBtn02.png') center no-repeat;
	
}

.page-main > aside ul li:nth-child(3) a{
    background:url('../../fs/images/loading/loadingBtn04.png') center no-repeat;
	
}
.page-main > aside ul li:nth-child(3) a:hover{
    background:url('../../fs/images/loading/loadingBtn04_on.png') center no-repeat;
	
}
.page-main > aside ul li:nth-child(3).on a{
    background:url('../../fs/images/loading/loadingBtn04.png') center no-repeat;
	
}


.image-tag {
            position: relative;
            width: 88px;
            top: 28px;
            right: -108px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            padding: 6px 12px;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.5px;
            font-family: inherit;
            cursor: pointer;
            border: none;
            border-radius: 30px;
            backdrop-filter: blur(8px);
            transition: all 0.2s ease;
            z-index: 10;
            box-shadow: 0 2px 8px rgba(0,0,0,0.2);
        }

 /* LIVE 标签样式 */
        .tag-live {
            background: linear-gradient(135deg, rgba(220,38,38,0.9), rgba(185,28,28,0.9));
            color: white;
            border: 1px solid rgba(255,255,255,0.3);
        }

        .tag-live:hover {
            transform: scale(1.05);
            background: linear-gradient(135deg, rgba(239,68,68,0.95), rgba(220,38,38,0.95));
            box-shadow: 0 4px 12px rgba(220,38,38,0.4);
        }

        .tag-live:active {
            transform: scale(0.98);
        }

        /* CLOSED 标签样式 */
        .tag-closed {
            background: linear-gradient(135deg, rgba(75,85,99,0.9), rgba(55,65,81,0.9));
            color: #e2e8f0;
            border: 1px solid rgba(255,255,255,0.2);
        }

        .tag-closed:hover {
            transform: scale(1.05);
            background: linear-gradient(135deg, rgba(107,114,128,0.95), rgba(75,85,99,0.95));
            box-shadow: 0 4px 12px rgba(0,0,0,0.3);
        }

        .tag-closed:active {
            transform: scale(0.98);
        }

        /* 标签内图标样式 */
        .tag-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 0.7rem;
        }

        /* 电波脉冲动画（仅 LIVE 标签图标） */
        @keyframes radio-wave {
            0% {
                text-shadow: 0 0 0 rgba(255,255,255,0.5);
                transform: scale(1);
            }
            50% {
                text-shadow: 0 0 4px rgba(255,220,100,0.8);
                transform: scale(1.1);
            }
            100% {
                text-shadow: 0 0 0 rgba(255,255,255,0.5);
                transform: scale(1);
            }
        }

        .wave-icon {
            display: inline-flex;
            animation: radio-wave 1.2s infinite ease;
        }