@media screen and (max-width: 768px) {
	.main_content{
		width: 100%;
	}
	.main_wrapper {
		padding-top: 60px;
	}
	.mobile_header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		padding: 0 15px;
		background: #b31b1b;
		z-index: 1000;
		box-sizing: border-box;
	}
	
	.mobile_logo {
		display: block;
		cursor: pointer;
	}
	
	.mobile_logo img {
		height: 40px;
	}
	
	.mobile_menu_btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		background: rgba(255, 255, 255, 0.2);
		border-radius: 8px;
		cursor: pointer;
		display: flex;
	}
	
	.mobile_nav_mask {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 1002;
	}
	
	.mobile_nav_mask.active {
		display: block;
	}
	
	.mobile_nav {
		position: fixed;
		top: 0;
		right: -280px;
		width: 280px;
		height: 100%;
		background: #fff;
		z-index: 1003;
		transition: right 0.3s ease;
		overflow-y: auto;
		display: block;
	}
	
	.mobile_nav.active {
		right: 0;
	}
	
	.mobile_nav_header {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding: 15px;
		background: #b31b1b;
		color: #fff;
	}
	
	.mobile_nav_header span {
		flex: 1;
		margin-left: 10px;
		font-size: 14px;
	}
	
	.mobile_nav_close {
		width: 30px;
		height: 30px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.mobile_nav_list {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	.mobile_nav_list > li {
		border-bottom: 1px solid #eee;
	}
	
	.mobile_nav_list > li > a {
		display: flex;
		align-items: center;
		padding: 15px;
		text-decoration: none;
		color: #333;
	}
	
	.mobile_nav_list > li > a img:not(.mobile_arrow) {
		width: 24px;
		height: 24px;
		margin-right: 12px;
	}
	
	.mobile_nav_list > li > a span {
		flex: 1;
		font-size: 15px;
	}
	
	.mobile_nav_list > li > a.current,
	.mobile_nav_list > li > a.active,.mobile_dropdown-menu li a.current {
		background: #f5f5f5;
		color: #b31b1b;
	}
	
	.mobile_arrow {
		width: 16px;
		height: 16px;
		transition: transform 0.3s ease;
	}
	
	.mobile_arrow.rotate {
		transform: rotate(180deg);
	}
	
	.mobile_dropdown-menu {
		display: none;
		list-style: none;
		padding: 0;
		margin: 0;
		background: #f5f5f5;
	}
	
	.mobile_dropdown-menu.active {
		display: block;
	}
	
	.mobile_dropdown-menu li a {
		display: block;
		padding: 12px 15px 12px 50px;
		color: #666;
		text-decoration: none;
		font-size: 14px;
	}
	
	.mobile_dropdown-menu li a:hover {
		color: #b31b1b;
	}
	
	.top_nav {
		display: none;
	}
	.slogan_box {
		width: 90%;
		margin-left: -45%;
	}
	.ripple_left{
		height: 44px;
	}
	.ripple_right{
		height: 54px;
	}
	.notice_wrapper {
		padding: 15px;
		margin-top: 0;
		box-sizing: border-box;
	}
	.set_bottom{
		margin-bottom: 12px;
	}
	.notice_list {
		height: auto;
		min-height: 60px;
		padding: 12px 15px;
		flex-wrap: wrap;
		font-size: 14px;
	}
	.notice_list img:nth-of-type(1) {
		width: 16px;
		margin-right: 8px;
	}
	.notice_list img:nth-of-type(2) {
		width: 1px;
		margin: 0 10px;
	}
	.notice_list p:nth-of-type(1) {
		margin: 0 10px 0 0;
		white-space: nowrap;
	}
	.notice_list p:nth-of-type(2) {
		margin-left: 0;
		width: 100%;
		font-size: 14px;
	}
	.pagination {
		font-size: 11px;
		margin-top: 20px;
		flex-wrap: wrap;
		justify-content: center;
	}
	.pagination p {
		font-size: 11px;
		padding: 4px 8px;
	}
	.prev_page {
		margin: 0 5px 0 0;
	}
	.next_page {
		margin: 0 0 0 5px;
	}
	.pagination div {
		width: 26px;
		height: 22px;
		margin-left: 4px;
		padding-left: 0;
		text-align: center;
		line-height: 22px;
		font-size: 11px;
	}
	.notice_wrapper .door {
		display: none;
	}
	.footer_box {
		padding: 20px 15px;
		height: auto;
		background-size: cover;
		box-sizing: border-box;
	}
	.footer_main {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding-top: 30px;
	}
	.footer_logo {
		width: 120px;
		margin-bottom: 15px;
	}
	.footer_logo img {
		height: 40px;
		width: 100%;
	}
	.link_box {
		width: 100%;
		margin: 0 0 15px 0;
		font-size: 12px;
		line-height: 24px;
		padding-top: 0;
	}
	.link_wrap {
		margin-bottom: 10px;
	}
	.link_wrap.mt32 {
		margin-top: 0;
	}
	.link_wrap p,
	.link_wrap a {
		float: none;
		display: inline-block;
	}
	.link_wrap p {
		font-size: 14px;
		margin-bottom: 8px;
		width: 100%;
	}
	.link_wrap a {
		margin: 3px 5px;
		font-size: 11px;
	}
	.wechat_wrap {
		gap: 10px;
		align-items: center;
	}
	.wechat_wrap img {
		width: 100px;
		height: 78px;
	}
	.copyright {
		font-size: 10px;
		margin-top: 10px;
	}
	.notice_content .main_content{
		padding-bottom: 0;
	}
	.blessing_box {
		padding: 10px 0;
		margin-top: 0;
		width: 100%;
		overflow: hidden;
		background-size: contain;
	}
	.content_box {
		font-size: 14px;
		line-height: 26px;
		text-indent: 0;
		padding: 0 15px;
	}
	.content_box p {
		margin-top: 20px;
	}
	.top_title {
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 15px;
		margin-top: 15px;
	}
	.article_date {
		line-height: 20px;
		margin-top: 15px;
		font-size: 12px;
	}
	.article_date img {
		width: 14px !important;
	}
	.article_date span {
		margin-left: 8px;
	}
	.content_box img {
		width: 100%;
		box-shadow: 10px 0px 15px 0px rgba(93,85,59,0.16);
		margin-top: 12px;
	}
	.article_content img:not(.sudy-attachment-icon){
		width: 100% !important;
		max-width: 100%;
		box-shadow: 10px 0px 15px 0px rgba(93,85,59,0.16);
		margin-top: 12px;
	}
	.writer {
		font-size: 12px;
		margin-top: 20px;
		padding: 10px 0;
	}
	.blessing_box .door {
		display: none;
	}
	.theme_content{
		display: block;
		width: 100%;
	}
	.news_box {
		height: auto;
		min-height: 300px;
		padding: 20px 15px;
		box-sizing: border-box;
	}
	.news_title {
		font-size: 24px;
		letter-spacing: 4px;
		writing-mode: horizontal-tb;
		padding-top: 0;
		margin-bottom: 5px;
		text-align: center;
	}
	.campus_news {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0;
		padding-top: 0;
		margin: 0 0 20px 0;
		text-align: center;
	}
	/*
	.banner_swiper {
		width: 100%;
		height: 200px;
		margin: 0;
	}
		*/

	/* 移动端banner */
	/* 校庆动态页面 banner_swiper 移动端优化 */
	.banner_swiper {
		width: 100%;
		height: auto;
		min-height: 200px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}
	.banner_swiper .swiper-slide {
		width: 100% !important;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.banner_swiper .swiper-slide img {
		width: 100%;
		height: auto;
		max-height: 250px;
		object-fit: cover;
		display: block;
		margin: 0 auto;
	}
	.banner_swiper .swiper-pagination {
		position: relative;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
		padding: 10px 0;
		background: rgba(255, 255, 255, 0.9);
	}
	.banner_swiper .swiper-pagination-bullet {
		width: 8px;
		height: 8px;
		display: inline-block;
		border-radius: 50%;
		background: rgba(179, 27, 27, 0.4);
		margin: 0 4px;
	}
	.banner_swiper .swiper-pagination-bullet-active {
		background: #b31b1b;
	}
	/* 移动端banner */
.banner-swiper {
    display: none;
}
.banner-swiper-mobi{
    display: block;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}
.banner-swiper-mobi .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-swiper-mobi .swiper-pagination {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}
.banner-swiper-mobi .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);
    margin: 0 4px;
}
.banner-swiper-mobi .swiper-pagination-bullet-active {
    background: #b31b1b;
}
	/* 移动端banner 结束 */		

	.news_list {
		position: relative;
		width: 100% !important;
		left: 0 !important;
	}
	.news_list div {
		height: 50px;
		font-size: 14px;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.news_list div span:nth-child(1) {
		margin: 0 10px 0 0;
		flex: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.news_list div span:nth-child(2) {
		font-size: 16px;
		margin-right: 10px;
	}
	.news_list div img {
		display: none;
	}
	.news_list div.active img {
		display: none;
	}

	.video_wrap {
		height: auto;
		min-height: 400px;
		padding: 30px 15px;
		box-sizing: border-box;
	}
	.video_swiper {
		width: 100%;
		height: 200px;
		padding-top: 20px;
	}
	.video_swiper .swiper-slide {
		width: 280px !important;
	}
	.video_swiper .swiper-slide img,
	.video_swiper .swiper-slide video {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.to_play {
		width: 50px !important;
		height: 50px !important;
		left: 50%;
		top: 50%;
		margin-left: -25px;
		margin-top: -25px;
	}
	.video_title {
		font-size: 24px;
		letter-spacing: 4px;
		writing-mode: horizontal-tb;
		padding-top: 0;
		margin: 0 0 5px 0;
		text-align: center;
	}
	.video_gallery {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0;
		padding-top: 0;
		margin: 0 0 20px 0;
		text-align: center;
	}
	.home_title {
		font-size: 24px;
		letter-spacing: 4px;
		writing-mode: horizontal-tb;
		padding-top: 0;
		text-align: center;
		margin-bottom: 5px;
	}
	.alumni_homecoming {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0;
		padding-top: 0;
		margin: 0 0 20px 0;
		text-align: center;
	}
	.home_wrap {
		flex-direction: column;
		height: auto;
		gap: 20px;
		padding-top: 20px;
	}
	.home_box {
		width: 100%;
		height: auto;
	}
	.home_img {
		width: 100%;
		height: auto;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.home_img img {
		width: 100%;
		max-width: 100%;
		height: auto;
		object-fit: contain;
		display: block;
		margin: 0 auto;
	}
	.person_intro {
		height: auto;
		padding: 15px 20px;
		font-size: 14px;
		margin-top: 0;
	}
	.person_intro p:nth-child(2) {
		margin-top: 10px;
	}
	.home_wrap a {
		position: relative;
		bottom: 0;
		margin-top: 10px;
		text-align: center;
		font-size: 14px;
	}
	.floor {
		display: none;
	}

	.media_wrapper {
		height: auto;
		min-height: 400px;
		padding: 30px 15px;
		box-sizing: border-box;
	}
	.media_box {
		flex-direction: column;
		gap: 20px;
		padding-top: 20px;
	}
	.media_content {
		width: 100%;
		height: auto;
		min-height: 250px;
		font-size: 14px;
		line-height: 20px;
		padding: 20px;
	}
	.media_img {
		width: 100%;
		margin: 15px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.media_img img {
		width: 100%;
		max-width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	.media_date {
		font-size: 28px;
	}
	.media_date span {
		margin-left: 8px;
		font-size: 14px;
	}
	.to_see {
		margin-top: 10px;
		font-size: 14px;
	}
	.media_focus {
		font-size: 24px;
		letter-spacing: 4px;
		writing-mode: horizontal-tb;
		padding-top: 0;
		margin: 0 0 5px 0;
		text-align: center;
	}
	.media_coverage {
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0;
		padding-top: 0;
		margin: 0 0 20px 0;
		text-align: center;
	}

	.dynamics_wrap {
		background-size: cover;
	}
	.dynamics_wrap .main_content {
		padding-bottom: 20px;
	}
	.dynamics_wrap .door {
		display: none;
	}
	.dynamics_wrap .page_nav{
		padding-left: 12px;
	}
	.page_nav {
		padding: 0;
		font-size: 12px;
		line-height: 20px;
		text-align: left;
	}
	.page_nav a {
		color: #614700;
		text-decoration: none;
	}

	.process_box {
		height: auto;
		min-height: 300px;
		background-size: cover;
	}
	.process_step {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 20px 15px;
		box-sizing: border-box;
		gap: 10px;
	}
	.process_step a {
		display: inline-block;
		width: calc(33.33% - 8px);
	}
	.process_step a img{
		width: 100% !important;
	}
	.process_step img {
		width: calc(33.33% - 8px);
		height: auto;
	}
	.process_step .phots,
	.process_step .campus,
	.process_step .global {
		padding-top: 0;
	}

	.milestone {
		height: auto;
		min-height: 500px;
		background-size: cover;
	}
	.milestone_title {
		font-size: 24px;
		line-height: 24px;
		text-align: center;
		padding-top: 20px;
	}
	.milestone_title p:nth-of-type(2) {
		font-size: 14px;
		line-height: 20px;
		margin: 10px 0;
	}
	.school_intro {
		width: 60%;
		font-size: 14px;
		line-height: 24px;
		text-indent: 0;
		padding: 20px 15px;
		margin-left: 0;
		box-sizing: border-box;
	}
	.school_intro p:nth-child(2) {
		margin-top: 20px;
	}
	.milestone_time {
		width: 40%;
		font-size: 14px;
		line-height: 14px;
		margin-left: 0;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.school_img {
		flex-direction: column;
		margin-left: 0;
	}
	.school_img img {
		width: 100%;
		max-width: 150px;
	}
	.school_img div {
		margin: 10px 0 0 0;
	}
	.school_img div img,.guangzhou div img {
		width: 100px;
	}
	.dashed1 {
		display: none;
	}
	.university_wrapper {
		flex-direction: column;
		margin-top: 10px;
	}
	.university_wrapper img {
		width: 100%;
		max-width: 300px;
	}
	.university_wrapper div {
		margin: 10px 0 0 0;
		padding-top: 10px;
	}
	.university_wrapper div img {
		width: 100px;
	}
	.fujian_box {
		flex-direction: column;
		margin: 10px 0 0 0;
	}
	.fujian_box img {
		width: 100%;
		max-width: 300px;
	}
	.fujian_box div {
		padding-top: 10px;
		margin-left: 0;
	}
	.dashed2 {
		display: none;
	}

	.time_line {
		flex-direction: column;
		padding: 20px 0;
		gap: 20px;
		margin-left: 0;
	}
	#mobile_time_line {
		display: flex;
	}
	#pc_time_line {
		display: none;
	}

	.time_line img {
		width: 100px;
	}
	.dashed3,
	.dashed4 {
		display: none;
	}
	.door_wrapper{
		display: flex;
	}
	.guangzhou,
	.taik_box,
	.door_wrapper {
		flex-direction: column;
		align-items: center;
		font-size: 14px;
	}
	.taik_box{
		margin: 0;
	}
	.door_wrapper div{
		margin-left: 0;
		flex-direction: column;
		font-size: 14px;
		gap: 4px;
	}
	.door_wrapper div img{
		width: 100px;
	}
	.guangzhou div{
		padding-top: 10px;
	}
	.guangzhou img{
		padding-top: 0;
	}
	.talk_wrap {
		flex-direction: column;
		align-items: center;
		margin-top: 10px;
		gap: 12px;
	}

	.intro_content {
		margin: 0;
		padding: 12px 15px;
		font-size: 14px;
		line-height: 24px;
		text-indent: 28px;
	}
	.intro_content p:not(:first-child){
		margin-top: 24px;
	}
	.type_wrap {
		flex-direction: column;
		padding: 20px 15px;
		gap: 10px;
		margin: 0;
	}
	.type_show {
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}
	.type_show:nth-of-type(2){
		margin-top: 12px;
	}
	.type_show div {
		width: 45px;
		height: 45px;
		line-height: 45px;
		font-size: 18px;
	}

	.num_count {
		flex-wrap: wrap;
		gap: 10px;
		padding: 0 15px;
	}
	.num_count > div {
		width: calc(50% - 5px);
		box-sizing: border-box;
	}
	.num_count > div p {
		font-size: 24px;
		line-height: 24px;
	}
	.num_count > div div {
		font-size: 12px;
		width: 100%;
	}
	.num_count .subject {
		width: 100%;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.teacher_wrapper {
		width: 100%;
		box-sizing: border-box;
		flex-wrap: wrap;
		gap: 10px;
		padding: 0px;
		line-height: 12px;
		margin: 40px 0;
	}
	.teacher_wrapper > div {
		width: 82px;
		height: 56px;
		padding: 12px;
		box-sizing: border-box;
		line-height: 18px;
	}
	.teacher_wrapper > div p {
		font-size: 14px;
	}
	.teacher_wrapper > div p:nth-of-type(2) {
		font-size: 12px;
		line-height: 14px;
	}
	.count_detail {
		width: calc(50% - 5px);
		padding-top: 10px !important;
		top: -12px;
		left: 18px;
		border-radius: 206px / 146px;
	}
	.athletes p{
		padding-top: 0;
	}
	.athletes_box{
		margin: 46px 0 0 12px;
	}
	.abroad_detail{
		top: -32px;
		left: 106px;
	}
	.national_level{
		top: -32px;
		left: 200px;
	}
	.youth{
		top: -10px;
		left: 292px;
	}
	.senior_professional{
		top: 74px;
        left: 18px;
	}
	.associate_senior{
		top: 82px;
		left: 106px;
	}
	.dr{
		top: 82px;
		left: 200px;
	}
	.master{
		top: 74px;
		left: 292px;
	}
	.athletes_box {
		flex-direction: column;
		align-items: center;
	}
	.athletes_box img {
		width: 104px;
	}
	.athletes_box div {
		font-size: 12px;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.su{
		top: -2px;
		right: 60px;
	}
	.quan{
		top: 50px;
		right: 92px;
	}
	.chen{
		top: 48px;
		right: -10px;
	}
	.xie{
		right: 26px;
		bottom: 118px;
	}

	.book_wrapper div {
		flex-direction: column;
		gap: 10px;
		margin: -13px 0 0;
	}
	.book_wrapper div img {
		width: 104px !important;
	}
	.book_wrapper img:nth-of-type(3) {
		left: 12px;
		top: 137px;
	}
	.person_box {
		padding: 20px 15px;
		margin: 0;
		gap: 12px;
	}
	.person_flex {
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}
	.person_flex > div {
		width: calc(50% - 5px);
		height: 274px;
		padding: 206px 10px 15px;
		font-size: 12px;
		background-size: contain;
	}
	.three_line{
		line-height: 20px !important;
		padding-top: 204px !important;
	}
	.person_img{
		margin-top: 0;
		width: 100%;
	}

	/* 捐赠祝福页面移动端适配 */
	.blessing_box {
		padding: 20px 0;
		height: auto;
	}
	.mobile_blessing_box{
		min-height: 600px;
		background-size: cover;
	}
	.blessing_wrap {
		height: 400px;
		top: 20px;
	}

	.blessing_wrap div {
		font-size: 16px;
		line-height: 36px;
		height: 36px;
		padding: 10px 20px 10px 2px;
		border-radius: 10px;
	}

	.blessing_wrap div img {
		width: 44px;
	}

	.submit {
		width: calc(100% - 30px);
		height: auto;
		min-height: 500px;
		margin: 20px 15px;
		background-size: 100% 100%;
	}

	.close {
		height: 40px;
		padding: 8px 12px 0 0;
	}

	.close img {
		width: 30px;
	}

	.submit_list {
		width: calc(100% - 62px);
		height: 270px;
		margin: 20px 15px 20px 15px;
		padding: 0 15px;
	}

	.submit_list::-webkit-scrollbar {
		width: 3px;
	}

	.submit_list::-webkit-scrollbar-thumb {
		width: 10px;
	}

	.list_show {
		font-size: 18px;
		line-height: 50px;
	}

	.list_show.active {
		color: #BC2D2D;
	}

	.list_show div {
		left: -15px;
		top: 23px;
		width: 10px;
		height: 10px;
	}

	.submit_list img:nth-of-type(1) {
		width: 100%;
		left: 0;
		bottom: -30px;
	}

	.submit_list img:nth-of-type(2) {
		width: 30px;
		left: -30px;
		bottom: -30px;
	}

	.submit_list img:nth-of-type(3) {
		width: 30px;
		right: -30px;
		bottom: -30px;
	}

	.send {
		width: 200px;
		height: 60px;
		font-size: 24px;
		line-height: 60px;
		background-size: 100% 100%;
		margin-bottom: 20px;
	}

	.float_btn {
		transform: translateX(-50%) scale(1.05);
		bottom: 200px;
		width: 126px;
		height: 42px;
	}
	.float_btn span {
		font-size: 16px;
	}

	/* 校庆服务页面移动端适配 */
	.service_box {
		min-height: auto;
		background-size: contain;
	}

	.theme {
		height: auto;
		min-height: 500px;
	}

	.theme_content {
		flex-direction: column;
		width: 100%;
		padding: 0 15px 10px;
		box-sizing: border-box;
		margin-bottom: -2px;
	}

	.tag {
		writing-mode: horizontal-tb;
		font-size: 24px;
		letter-spacing: 2px;
		padding-top: 12px;
		margin-bottom: 5px;
		text-align: center;
	}

	.logo_theme {
		writing-mode: horizontal-tb;
		font-size: 16px;
		padding-top: 0;
		margin: 0;
		text-align: center;
		letter-spacing: 0;
		line-height: 26px;
	}

	.video_box {
		width: 100%;
		height: auto;
		min-height: 250px;
		background-size: 100% 100%;
		margin: 0;
	}

	.video_box img {
		width: 60px;
		height: 60px;
		left: 50%;
		top: 50%;
		margin-left: -30px;
		margin-top: -30px;
	}

	.video_box video {
		width: 100%;
		height: auto;
		padding-top: 20px;
	}

	.video_box p {
		font-size: 16px;
		margin-top: 10px;
		padding-bottom: 20px;
	}

	.intro_box {
		flex-direction: column;
		margin: 20px 0 0 0;
		gap: 15px;
		padding-top: 0;
	}

	.intro_box img {
		width: 100%;
		height: auto;
	}

	.creative {
		height: auto;
		min-height: 600px;
		padding: 20px 0;
	}

	.creative_content {
		flex-direction: column;
		width: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.creative_content .flex{
		flex-direction: column;
	}

	.creative_wrap {
		width: 100%;
		height: auto;
		margin: 0 0 15px 0;
		margin-top: 0;
	}

	.creative_wrap img {
		width: 100%;
		height: auto;
	}

	.to_more {
		font-size: 16px;
		line-height: 40px;
		padding-right: 10px;
	}

	.gift {
		writing-mode: horizontal-tb;
		font-size: 24px;
		letter-spacing: 2px;
		padding-top: 0;
		margin: 0;
		text-align: center;
	}
	.serve_text.logo_theme{
		line-height: 26px;
	}
	.creative_souvenirs {
		writing-mode: horizontal-tb;
		font-size: 16px;
		padding-top: 0;
		margin: 0 0 20px 0;
		text-align: center;
		letter-spacing: 0;
		line-height: 26px;
	}

	.service_wrapper {
		height: auto;
		min-height: 500px;
		padding: 20px 0;
		margin-bottom: -2px;
	}

	.serve_text {
		writing-mode: horizontal-tb;
		font-size: 24px;
		letter-spacing: 2px;
		padding-top: 0;
		margin-bottom: 5px;
		text-align: center;
	}

	.service_wrapper .logo_theme {
		writing-mode: horizontal-tb;
		font-size: 16px;
		padding-top: 0;
		margin: 0 0 20px 0;
		text-align: center;
		letter-spacing: 0;
	}

	.serve_box {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 20px;
		justify-content: space-between;
	}

	.serve_box img {
		width: calc(50% - 5px);
		height: auto;
	}

	/* 校庆动态列表页移动端适配 */
	.notice_wrapper {
		padding-top: 24px;
	}
	.top_tab {
		position: relative;
		left: auto;
		top: -24px;
		width: 100%;
		height: auto;
		min-height: 41px;
		margin: 0;
		gap: 10px;
		font-size: 14px;
		flex-wrap: wrap;
		padding: 0;
		box-sizing: border-box;
		line-height: 12px;
	}
	.top_tab p {
		padding: 10px 6px;
		border-bottom: 2px solid transparent;
	}
	.top_tab p.active {
		border-color: #795f27;
	}
	.wrap_list {
		flex-wrap: wrap;
		gap: 15px;
		margin: 30px 0;
	}
	.list_item {
		width: calc(50% - 8px);
		height: auto;
		padding-bottom: 15px;
	}
	.img_box {
		width: 90%;
		height: auto;
		margin: -8px auto 15px;
	}
	.img_box img {
		width: 100%;
		height: auto;
	}
	.time_wrap {
		font-size: 12px;
		gap: 6px;
		padding-left: 15px;
	}
	.time_wrap img {
		width: 14px;
	}
	.list_content {
		padding: 0 15px;
		font-size: 14px;
		line-height: 20px;
		margin-top: 8px;
	}
}