/* CSS Document */

@charset "utf-8";
/* CSS Document */

/* 中间容器，确保居中对齐 */
#middle{
	width: 100%;
	margin: 0 auto;
	background: #FFF;
}

#main{
	margin:5px auto;
	width:1200px;
	height:1000px;
	background:#FFF;
}

#main #div1_3{
	float:left;
	width:250px;
	height:1000px;
	margin:0 20px;
}

#main #div1_3 #frame1{
	width:250px;
	height:220px;
	margin:5px 0;
}

#main #div1_3 #frame1 img{
	width: 100%;
	height: 100%;
	
}

#main #div1_3 #frame1 #frame1-context{
	float:left;
	width:180px;
	height:150px;
	margin:10px 35px;
	font-size:15px;
	text-indent:2em;
	overflow:hidden;
	line-height:30px;
}

#main #div1_3 #frame2{
	width:250px;
	height:380px;
	margin:17px 0;
	background:url(../image/gameService_bg.png) no-repeat;
}

#main #div1_3 #frame2 #telephone{
	width:230px;
	height:39px;
	float:left;
	margin:10px 0;
	padding-left:20px;
}

#main #div1_3 #frame2 #telephone img{
	height: 100%;
}

#main #div1_3 #frame2 #frame2-context{
	width:150px;
	height:150px;
	margin:5px 50px;
	float:left;
	text-align: center;
	
}

#main #div1_3 #frame2 #frame2-context2{
	width:180px;
	height:30px;
	margin:10px 33px;
	float:left;
	text-align: center;
	color:rgba(113,136,248,1.00);
}

#main #div1_3 #frame2 #frame2-context img{
	width:100%;
	height:100%;
	float:left;
}



#main #div1_3 #frame2 #frame2-context li a{
	width:210px;
	height:25px;
	display:block;
}


#main #div1_3 #frame3{
	width:250px;
	height:220px;
	margin:17px 0;
}

#main #div1_3 #frame3 img{
	width: 100%;
	height: 100%;
	
}

#main #div1_3 #frame3 video{
	float:left;
	width:200px;
	height:150px;
	margin:10px 25px;
}

#main #div1_3 #frame3 #more{
	width:70px;
	height:18px;
	margin:10px 0px 0px 30px;
	float:left;
	background:url(../image/more.png) no-repeat;
}

#main #div1_3 #frame3 #more a{
	width:70px;
	height:18px;
	display:block;
}

#main #div4_7{
	float:left;
	width:620px;
	height:1000px;
}

#main #div4_7 #frame4{
	width:620px;
	height:220px;
	margin:5px 0;
	background:#FFF;
}

#main #div4_7 #frame4 .pad-context{
	margin-top: -16px;
}

#main #div4_7 #frame4 .pad-context ul{
	margin-left: -35px;
	width:620px;
	list-style: none;
	
}

#main #div4_7 #frame4 .pad-context li{
	float:left;
	width:200px;
	height:169px;
	
	
	
	border-right: 1px #CCCCCC dashed;
}






#main #div4_7 #frame4 .pad-context #lastD{
	border-right: 0px;
	
}

.student_production{
	float:left;
	width:120px;
	height:120px;
	margin:0 43px;
	background:url(../image/pic1_bg.png);
}
.student_production .student_picture{
	width:110px;
	height:100px;
	float:left;
	background:#FFF;
	margin:5px;
}
.student_production .student_picture img{
	width:110px;
	height:110px;
}
.explain{
	width:120px;
	float:left;
	height:34px;
	background:#FFF;
	overflow:hidden;
	padding:5px;
	margin-left:40px;
	
}

.explain h5{
	font-size:12px;
	text-indent:1em;
	text-wrap:none;
	margin:2px 0px;
	margin-left: 10px;
	font-weight:100;
	background:url(../image/pic1-item1.png) no-repeat;
}

.explain h6{
	font-size:12px;
	text-indent:1em;
	text-wrap:none;
	margin:2px 0px;
	margin-left: 10px;
	font-weight:100;
	background:url(../image/pic1-item2.png) no-repeat;
}


#main #div4_7 #frame4 #div4_head h3{
	float:left;
	width:96px;
	height:30px;
	overflow:hidden;
	text-wrap:none;
	display:block;
	margin:5px 20px;
}

#main #div4_7 #frame4 #div4_head h3 img{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}

#main #div4_7 #frame5{
	width:620px;
	height:150px;
	margin-top:20px;
	margin-bottom: 20px;
}

#main #div4_7 #frame5 img{
	border-radius: 15px;
	display: block;
	width: 100%;
	height: auto;
}

#main #div4_7 #frame6{
	width:620px;
	height:220px;
	margin:5px 0;
}

#main #div4_7 #frame6 #frame6-context{
	float:left;
}

#main #div4_7 #frame6 #frame6-context li{
	margin-left:0px;
	width:580px;
	font-size:12px;
	list-style: none;
	
}

#main #div4_7 #frame6 #frame6-context li a{
	width:450px;
	float:left;
	white-space:nowrap;
	margin:5px;
	padding:0 0 6px 0;
	display:block;
	overflow:hidden;
	border-bottom:1px #CCCCCC dashed;
}

#main #div4_7 #frame6 #frame6-context li a:hover{
	text-decoration:none; /* 去掉下划线 */
}

#main #div4_7 #frame6 #frame6-context li span{
	width:80px;
	float:left;
	margin-bottom:3px;
	border-bottom:1px #CCCCCC dashed;
	font-size:12px;
	padding:5px 0;
	overflow:hidden;
}

#main #div4_7 #frame6 #div6_head h3{
	float:left;
	width:96px;
	height:30px;
	overflow:hidden;
	text-wrap:none;
	display:block;
	margin:5px 20px;
	/* background:url(../image/text1.png); */
}

#main #div4_7 #frame6 #div6_head h3 img{
	width: 100%;
	height: 100%;
}

#main #div4_7 #frame7{
	width:620px;
	height:220px;
	margin:5px 0;
}

#main #div4_7 #frame7 #div7_head h3{
	float:left;
	width:96px;
	height:30px;
	overflow:hidden;
	text-wrap:none;
	display:block;
	margin:5px 20px;
	/* background:url(../image/text3.png); */
}

#main #div4_7 #frame7 #div7_head h3 img{
	width: 100%;
	height: 100%;
}


#main #div4_7 #frame7 #frame7-context{
	margin-top: -16px;
}


#main #div4_7 #frame7 #frame7-context #demo{
	width:580px;
	float:left;
	overflow:hidden;
	height:140px;
	margin:15px 20px;
}

#main #div4_7 #frame7 #frame7-context #demo td img{
	width:150px;
	height:120px;
	padding:10px;
	margin:0 10px;
	background:url(../image/13u58PICxDZ.jpg);
}

#main #div4_7 #frame7 #frame7-context #frame7-leftcontext{
	width:40px;
	margin:65px 20px;
	height:40px;
	float:left;
	background:url(../image/arrow3.png) no-repeat 0px;
}

#main #div4_7 #frame7 #frame7-context #frame7-rightcontext{
	width:40px;
	margin:65px 20px;	
	height:40px;
	float:right;
	background:url(../image/arrow3.png) no-repeat -40px;
}

#main #div8_10{
	float:right;
	width:250px;
	height:1000px;
	margin:0 20px;
}


#main #div8_10 #frame8{
	width:250px;
	height:280px;
	margin:17px 0;
	background:url(../image/botton_spicial.png) no-repeat;
}

/* Frame8: 心情卡片主容器 */
#main #div8_10 #frame8 #min_frame{
	position: relative;
	float:left;
	width:190px;
	height:220px;
	margin: 0px 30px;
	background:#CCC;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
}

/* 地理位置标签容器 */
#main #div8_10 #frame8 #min_frame #mini-festival-tag{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 10;
}

/* 地理位置标签样式 - 美化版 */
#main #div8_10 #frame8 #min_frame #mini-festival-tag #festival-tag{
	background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%);
	color: white;
	padding: 6px 15px;
	font-size: 13px;
	font-weight: bold;
	border-radius: 12px;
	box-shadow:
		0 3px 10px rgba(238, 90, 111, 0.4),
		0 1px 5px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
	border: 1.5px solid rgba(255, 255, 255, 0.25);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	letter-spacing: 1px;
	white-space: nowrap;
}

/* 天气圆圈容器 */
#main #div8_10 #frame8 #min_frame #mini-weather-circle{
    position: absolute;
    top: 157px;
    right: 14px;
    transform: translateY(-50%);
    z-index: 10;
}

/* 天气圆圈内容 */
#main #div8_10 #frame8 #min_frame #mini-weather-circle #weather-circle{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
}

/* 天气图标 */
#main #div8_10 #frame8 #min_frame #mini-weather-circle #weather-circle .weather-icon{
	font-size: 42px;
	line-height: 1;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

/* 天气标签 */
#main #div8_10 #frame8 #min_frame #mini-weather-circle #weather-circle .weather-label{
	background: rgba(255, 255, 255, 0.9);
	color: #333;
	padding: 3px 10px;
	font-size: 11px;
	font-weight: bold;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	white-space: nowrap;
	margin-top: -15px;
	margin-left: 30px;
	position: relative;
	z-index: 5;
}

/* 日期框 */
#main #div8_10 #frame8 #min_frame #mini-date-box{
	position: absolute;
	bottom: 8px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(0, 0, 0, 0.6);
	backdrop-filter: blur(8px);
	color: white;
	padding: 6px 15px;
	font-size: 11px;
	font-weight: bold;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	letter-spacing: 0.5px;
	white-space: nowrap;
	z-index: 10;
}

/* 日期框内的节日标签（左上角蓝色圆角矩形） */
#main #div8_10 #frame8 #min_frame #mini-date-box .date-festival-tag{
	position: absolute;
	top: -15px;
	left: -8px;
	background: linear-gradient(135deg, #4A90E2 0%, #357ABD 100%);
	color: white;
	padding: 3px 10px;
	font-size: 13px;
	font-weight: bold;
	border-radius: 8px;
	box-shadow: 0 2px 6px rgba(74, 144, 226, 0.4);
	white-space: nowrap;
	z-index: 15;
}

/* 节日标签脉动动画 */
@keyframes festivalPulse {
	0%, 100% {
		transform: scale(1);
		box-shadow: 0 2px 6px rgba(74, 144, 226, 0.4);
	}
	50% {
		transform: scale(1.05);
		box-shadow: 0 3px 10px rgba(74, 144, 226, 0.6);
	}
}

/* 日期文本 */
#main #div8_10 #frame8 #min_frame #mini-date-box .date-text{
	display: inline-block;
}

#main #div8_10 #frame9{
	width:250px;
	height:280px;
	margin:17px 0;
	background:url(../image/botton_spicial.png) no-repeat;
}

#main #div8_10 #frame9 #student-frame{
	float:left;
	width:160px;
	height:150px;
	padding:10px 45px;
	background:#CCC;
	background:url(../image/master-pic-bg.png) no-repeat 40px;
}

#main #div8_10 #frame9 #student-frame img{
	width:160px;
	height:150px;
}


#main #div8_10 #frame9 #name-button{
	float:left;
	margin:0px 35px;
	
}

#main #div8_10 #frame9 #name-button a{
	display:block;
	width:180px;
	height:30px;
	/* background:url(../image/master-btn.png) no-repeat; */
}
#main #div8_10 #frame9 #name-button a img{
	opacity:1; /* 修改为1，让按钮可见 */
	filter:Alpha(opacity=100);
	width: 100%;
	height: 100%;
}
#main #div8_10 #frame10{
	width:250px;
	height:220px;
	margin:17px 0;
}

#main #div8_10 #frame10 #frame10_w{
	float:left;
	width:220px;
	height:150px;
	margin:10px 15px;
}

#main #div8_10 #frame10 #frame10_w ul{
	margin:0;
	padding:0;
	list-style: none;
}

#main #div8_10 #frame10 #frame10_w li{
	margin:12px auto;
	width:210px;
	line-height:24px; /* 增加行高，让文字更易读 */
	text-align:center; /* 居中对齐 */
	list-style: none;
}

#main #div8_10 #frame10 #frame10_w li a{
	color:#000; /* 黑色文字 */
	font-family:"Microsoft YaHei", "微软雅黑", Arial, sans-serif; /* 更好看的字体 */
	font-size:13px;
	text-decoration: none; /* 去掉下划线 */
	display:block;
	transition: all 0.3s ease; /* 平滑过渡效果 */
}

#main #div8_10 #frame10 #frame10_w li a:hover{
	color:#000; /* 悬停时保持黑色 */
	text-decoration: none; /* 悬停时也不显示下划线 */
	transform: scale(1.05); /* 悬停时稍微放大 */
}


#end{
	width:100%;
	height:800px;
	margin-top:-790px;
	background:url(../image/fonn.png) no-repeat;
}


.pad{
	width:620px;
	height:51px;
	background:url(../image/pad-top.png) no-repeat;
}

.pad a{
	float:right;
	width:80px;
	height:20px;
	margin:10px 30px;
	display:block;
	background:url(../image/more_btn.png);
}

.pad-context{
	width:620px;
	height:169px;
	background:url(../image/pad-bottom.png) no-repeat;
}

.Window{
	width:250px;
	height:220px;
	background:url(../image/cooperation_bg.png) no-repeat;
}

.Window .W-head{
	float:left;
	width:96px;
	height:30px;
	margin:5px 20px;
	display:block;
}


.Window .W-head8{
	float:left;
	width:96px;
	height:30px;
	margin:0px 20px;
	margin-top: 0px;
	display:block;
}

.Window .W-head8 img{
	width: 100%;
	height: 100%;
}

.Window .W-head img{
	width: 100%;
	height: 100%;
}

.Window .W-head #recommend{
	float: left;
	width: 180px;
	height: 90px;
	margin: 5px 15px;
	display: block;
	overflow: hidden;
}


.Window .W-head #recommend a{
	display: block;
	width: 100%;
	height: 100%;
}

.Window .W-head #recommend img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}



.Window .W-head #recommend-text{
	float: left;
	width: 180px;
	height: auto;
	margin: 5px 15px;
	display: block;
	text-align: center;
}

.Window .W-head #recommend-text h3{
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #666;
	margin: 2px 0;
	font-weight: normal;
	font-style: italic;
}