﻿/* ============================================================
   样式重置 
   ============================================================ */
* { box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; outline: none; }
body,
p,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
input,
select,
textarea,
button,
th,
td { margin: 0; padding: 0; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: 400; }
ul,
dl,
ol { list-style: none; }
img,
fieldset,
input[type="submit"] { border: 0 none; }
img { display: inline-block; overflow: hidden; vertical-align: top; width: 100%; }
em { font-style: normal; }
strong { font-weight: bolder; }
table { border-collapse: collapse; border-spacing: 0; }
button,
input { cursor: pointer; border: 0 none; -webkit-appearance: none; appearance: none; border-radius: 0; }
textarea { word-wrap: break-word; resize: none; }  /* word-wrap for opera, resize for webkit */
menu { margin: 0; padding: 0; }
body { margin: 0 auto; -webkit-user-select: none; -webkit-text-size-adjust: none!important; font-family: "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Arial", sans-serif, Droidsansfallback; font-size: 0.26rem; font-weight: 400; background: #fff; color: #333; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
input,
textarea { font-family: "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Arial", sans-serif, Droidsansfallback; font-weight: 400; }
input[type="number"] { -webkit-user-select: text; }
a,
button,
input { -webkit-touch-callout: none; }/* 1.ios 长按时不触发系统的菜单 2.禁止长按时下载图片 */
input,
select,
textarea { outline: none; background: none; font-weight: 400; }
/* input { -webkit-appearance: none; } */
/* 去除android4.0以下 a/button/input标签被点击时产生的边框 因为边框引起了不少bug */
a,
button,
input,
select,
li { -webkit-tap-highlight-color: rgba(0,0,0,0); }
/* Android4.0下不识别选择器-webkit-transform-3d 使用它可做Android4.0下版本兼容 */
@media all and (-webkit-transform-3d) {
/* android4.0+ ios4+ 恢复按钮被点击时产生的效果 */
    /*a,button,input{-webkit-tap-highlight-color:rgba(130,130,130,.52);}*/
a,
button,
input,
select { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; outline: none; }
}
a { text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
/*弹性盒子*/
.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex-v { -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.flex-align-top { -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: center; align-items: flex-start; }
.flex-align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flex-pack-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flex-pack-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.flex-space-around { -webkit-justify-content: space-around; justify-content: space-around; }
.flex-space-between { -webkit-justify-content: space-between; justify-content: space-between; }
.hor-view { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row }
.ver-view { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column }
.hor-gap { width: 1px; height: 100%; line-height: 0 }
.ver-gap { height: 1px; width: 100%; line-height: 0 }
/*弹性盒子*/
.between { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between }
.center { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center }
.start { display: flex; display: -webkit-flex; justify-content: flex-start; -webkit-justify-content: flex-start }
.end { display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end }
.middle { display: flex; display: -webkit-flex; -webkit-align-items: center; align-items: center; }
.v-bottom { display: flex; display: -webkit-flex; -webkit-align-items: flex-end; align-items: flex-end; }
.v-baseline { display: flex; display: -webkit-flex; -webkit-align-items: baseline; align-items: baseline; }
.col { display: flex; display: -webkit-flex; -webkit-flex-direction: column; flex-direction: column; }
.row { display: flex; display: -webkit-flex; -webkit-flex-direction: row; flex-direction: row; }
.nowrap { -webkit-flex-wrap: nowrap; -webkit-box-lines: single; -moz-flex-wrap: nowrap; flex-wrap: nowrap; }
.wrap { -webkit-flex-wrap: wrap; -webkit-box-lines: single; -moz-flex-wrap: wrap; flex-wrap: wrap; }
　 .fn-hide { display: none }
.clearfix:after,
.clearfix:before { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.clearfix { *zoom: 1;
}
::-moz-placeholder {
color: #777;
font-size:0.3rem;
}
::-webkit-input-placeholder {
color: #777;
font-size: 0.3rem;
}
:-ms-input-placeholder {
color: #777;
font-size: 0.3rem;
}
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hide-text-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.midcenter { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
html { overflow-y: auto; overflow-x: hidden; height: 100%; max-width: 750px; margin: 0 auto; }
body { max-width: 750px; min-height: 100%; box-sizing: border-box; margin: 0 auto; overflow: hidden; -webkit-overflow-scrolling: touch; position: relative; }

.page1{ background:RGBA(125, 226, 255, 1)}
.page1 .top {position: relative; z-index:1; width:100%; overflow-x:hidden;}
.page1 .top img{ display:block;}
.top .logo { position: absolute; z-index:6;top: 1.05rem;left:0.3rem; width:4.57rem; }
.top .sun{position: absolute; z-index:3;top: 0rem;right:0.6rem; width:5.34rem;-webkit-animation: animove 5s infinite linear;animation: animove 5s infinite linear}
@-webkit-keyframes animove {
			0%, 100% {
			-webkit-transform:translatexX(0);
			transform:translateX(0)
			}
			50% {
			-webkit-transform:translateX(-8px);
			transform:translateX(-8px)
			}
		}
		@keyframes animove {
			0%, 100% {
			-webkit-transform:translateX(0);
			transform:translateX(0)
			}
			50% {
			-webkit-transform:translateX(-8px);
			transform:translateX(-8px)
			}
		}		
.top .bird1{position: absolute; z-index:2;top: 2.81rem;right:1.29rem; width:1.74rem;}
.top .house1 { position: absolute; z-index:2;top: 3.84rem;left:0.4rem; width:3.74rem; }
.top .tree1 { position: absolute; z-index:3;top:4rem;left:0rem; width:1.41rem; }
.top .wz { position: absolute; z-index:3;top:5.77rem;left:0.68rem; width:2.88rem; }
.top .bird2{position: absolute; z-index:4;top: 5.19rem;left:2.12rem; width:1.83rem;}
.top .bird2 img,.top .bird1 img{-webkit-animation: animove2 4s infinite linear;animation: animove2 4s infinite linear; animation-delay: 1s;}
@-webkit-keyframes animove2 {
			0%, 100% {
			-webkit-transform:translateY(0);
			transform:translateY(0)
			}
			50% {
			-webkit-transform:translateY(-5px);
			transform:translateY(-5px)
			}
		}
		@keyframes animove2 {
			0%, 100% {
			-webkit-transform:translateY(0);
			transform:translateY(0)
			}
			50% {
			-webkit-transform:translateY(-5px);
			transform:translateY(-5px)
			}
		}
.top .light1{position: absolute; z-index:3;top: 3.26rem;right:1.4rem; width:3rem;}
.top .light1 img,.top .light2 img{-webkit-animation: light 1.5s infinite linear;animation: light 1.5s infinite linear; animation-delay: 1s;}
@-webkit-keyframes light{
	0% {
	   opacity:0.1;
	}
	50% {
	 opacity:1;
	}
	100% {
	 opacity:0.1;
	}
}
@keyframes light{
	0% {
	   opacity:0.1;
	}
	50% {
	 opacity:1;
	}
	100% {
	 opacity:0.1;
	}
}
.top .house2{position: absolute; z-index:5;top: 4.59rem;right:0rem; width:4.27rem;}

.top .cloud{position: absolute; z-index:2;top: 7.24rem;left:0; width:100%;height:3.12rem; width:300%; background:url(https://image.360eol.com/Qiniu_Files/Files/2025/08/gpnu/cloud.png) left top repeat-x;
	background-size: 7.5rem 3.12rem;-webkit-animation: cloud_three 180s linear infinite;
  -moz-animation: cloud_three 180s linear infinite;
  -o-animation: cloud_three 180s linear infinite;
  animation: cloud_three 180s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);}
@-webkit-keyframes cloud_three {
    0% {
  	left: 0
    }
    100% {
  	left: -200%
    }
  }
  @keyframes cloud_three {
    0% {
  	left: 0
    }
    100% {
  	left: -200%
    }
  }
.top .house3{position: absolute; z-index:3;top: 7.6rem;right:0rem;left:0; width:100%;}
.top .house4{position: absolute; z-index:4;top: 9.15rem;right:0rem;left:0; width:100%;}
.top .flower1 { position: absolute; z-index:5;top:8.45rem;left:0rem; width:1.11rem;}
.top .flower1 img{-webkit-animation: animove3 10s infinite linear alternate;animation: animove3 10s infinite linear alternate;transform-origin: 0% 100% 0px;}
.top .flower2 { position: absolute; z-index:5;top:7.86rem;right:0rem; width:1.8rem;}
.top .flower2 img{-webkit-animation: animove5 6s infinite linear alternate;animation: animove5 6s infinite linear alternate;transform-origin:  100% 0% 0px;  }
@-webkit-keyframes animove3 {
			0%,50%,100% {
        		-webkit-transform: rotate(0deg);
			}
			25% {
		
				-webkit-transform: rotate(2deg);
			}
			75% {
				-webkit-transform: rotate(-3deg);
			}
		}
		@keyframes animove3 {
			0%,50%,100% {
        		-webkit-transform: rotate(0deg);
			}
			25% {
		
				-webkit-transform: rotate(2deg);
			}
			75% {
				-webkit-transform: rotate(-3deg);
			}
		}
		@-webkit-keyframes animove5 {
				0%,50%,100% {
		    		-webkit-transform: rotate(0deg);
				}
				25% {
			
					-webkit-transform: rotate(3deg);
				}
				75% {
					-webkit-transform: rotate(-3deg);
				}
			}
			@keyframes animove5 {
				0%,50%,100% {
		    		-webkit-transform: rotate(0deg);
				}
				25% {
			
					-webkit-transform: rotate(3deg);
				}
				75% {
					-webkit-transform: rotate(-3deg);
				}
			}
.top .light2{position: absolute; z-index:6;top: 7.41rem;left:0rem; width:2.85rem;}

.top .tip{position: absolute; z-index:6;top: 11.1rem;right:0rem;left:0rem;}
@font-face { font-family: 'shuhei'; src: url(shuhei.ttf); }

.main { position: relative; z-index:2;margin-top:-1.31rem; background:url(https://image.360eol.com/Qiniu_Files/Files/2025/08/gpnu/bg1.png) top no-repeat; background-size:100% auto; padding:0.4rem 0.4rem 0px; }
.conbg{background: linear-gradient( 180deg, #FFFFFF 0%, rgba(255,255,255,0.8) 46%, #FFFFFF 100%);box-shadow: 0px 2px 20px 0px rgba(32,165,206,0.2);border-radius:0.2rem;border: 1px solid #FFFFFF;}

.info{padding:0.3rem 3px 0.22rem;}
.info li{ width:20%; padding:0 0.1rem; text-align:center}
.info_01{font-size: 0.2rem;color: #56595B;line-height: 0.26rem; height:0.52rem; }
.info_02{font-weight: bold;font-size: 0.34rem;color: #1181E2;line-height: 0.48rem;margin-bottom:0.14rem;}

.viewbg { position: relative; z-index:3; margin-top:0.4rem;}
.viewbg .swiper-container { padding-bottom: 0.4rem; }
.viewbg .swiper-slide { height: 3.6rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.viewbg .videobox { margin: 0 auto; height: 3.6rem; position: relative; width: 100%; }
.viewbg .swiper-slide.swiper-slide-active .videobox { height: 100%; }
.viewbg .on-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 0.32rem; overflow: hidden; height: 100%; z-index: 10;border: 1px solid #FFFFFF; }
.viewbg .on-box .play { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; background: url(https://image.360eol.com/Qiniu_Files/Files/2025/08/gpnu/play.png) no-repeat; width: 0.7rem; height: 0.7rem; background-size: cover; }
.viewbg .cover-img { height: 100%; }
.viewbg .video-play { width: 100%; height: 100%; display: block; overflow: hidden; background: #000; border-radius: 0.32rem;border: 2px solid #FFFFFF; }
.viewbg .swiper-pagination { height: 0.06rem; font-size: 0; vertical-align: top; bottom: 0.2rem; }
.viewbg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.05rem; width: 0.24rem; height: 0.06rem; border-radius: 0; background:#67aed1; border-radius: 2px; opacity: 0.47; }
.viewbg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { opacity: 1; }

.gkb_link-box {padding:0.33rem 0.13rem 0.35rem; }
.gkb_link { width:25%;}
.gkb_link img { display: block; width:0.96rem; height: 0.96rem; }
.gkb_link .bt { margin-top: 0.16rem; font-size: 0.24rem; font-weight: 600;color:rgba(0, 0, 0, 1); line-height: 0.33rem; text-align: center; }

.newsbg{ margin-top: 0.3rem; background:url(https://image.360eol.com/Qiniu_Files/Files/2025/08/gpnu/newsbg1.png) top no-repeat; height:9.54rem; overflow:hidden; background-size:100% auto; padding:0.4rem 0.3rem; }
.menu { font-family: 'shuhei'; }
.menu li { line-height: 0.42rem;height: 0.48rem; padding: 0 0.24rem; position: relative; font-size: 0.3rem;font-weight: 600;  color:rgba(33, 133, 219, 0.4) }
.menu li.on { color:rgba(33, 133, 219, 1);}
.menu li.on:before { position: absolute; content: ''; left: 0; right: 0; margin: 0 auto; bottom: 0; width: 0.39rem; height: 0.09rem; background: url(https://image.360eol.com/Qiniu_Files/Files/2025/08/gpnu/active.png) no-repeat; background-size:cover}
.new_detail{ height: 0.48rem; line-height: 0.4rem; font-size: 0.26rem; color: rgba(33, 133, 219, 1)}

.news_content { display: none; }
.news_content:first-child { display: block }
.news_content li{ padding: 0.2rem;border-bottom: 0.5px solid #E1E1E1; }
.news_content li:last-child{ border:0;}
.news_content li .tit { line-height: 0.37rem; color: #000; font-size: 0.26rem; display: -webkit-box; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical }
.news_content li .time { margin-top: 0.07rem; line-height: 0.28rem; color:rgba(0, 0, 0, 0.3); font-size: 0.2rem; }
.news_content .more{ margin-top:0.08rem; width: 1.72rem;height: 0.58rem;border-radius: 0.29rem;border: 1px solid #8D8D8D;font-size: 0.24rem;color: #000000;}


.title{ padding:0 0.52rem; position:relative; font-size: 0.32rem;font-weight: 600;color: #222;text-align: center; line-height:0.46rem; margin-bottom:0.4rem}
.title:before{ position:absolute; content:'';left:0;top:50%; transform:translateY(-50%); width:0.35rem; height:0.18rem;background: url(https://image.360eol.com/Qiniu_Files/Files/2025/08/gpnu/arrow1.png) center no-repeat; background-size:cover;}
.title:after{ position:absolute; content:'';right:0;top:50%; transform:translateY(-50%); width:0.35rem; height:0.18rem;background: url(https://image.360eol.com/Qiniu_Files/Files/2025/08/gpnu/arrow2.png) center no-repeat; background-size:cover;}
.title i{position:absolute; content:'';left:0.52rem; bottom:0; width:0.95rem; height:0.08rem; border-radius:0.05rem;background: linear-gradient( 90deg, #7EA4FF 0%, #A8C2E9 42%, #FFFFFF 100%);}
.xycon{ margin-top:0.4rem; padding:0.4rem 0.35rem;}
.xylistcon{ margin-top:0.1rem;}
.xylistcon li{border-radius: 0.1rem; margin-top:0.2rem; width:calc(50% - 0.1rem); background:url(https://image.360eol.com/Qiniu_Files/Files/2025/08/gpnu/itembg.png) bottom no-repeat; height:1.18rem; background-size:cover }
.xylistcon li a{ display:block; width:100%; height:1.18rem; padding:0.42rem 0.24rem;font-size: 0.26rem;font-family: 'shuhei';font-weight: 600;color: #fff; text-align:center; line-height:0.37rem;text-shadow: 0px 0px 4px #0FA0FF;}


.fixed_btn{ position:fixed; z-index:100; bottom:2.6rem; right:0.3rem; width:0.9rem;}
.go_home_btn{ display: block; margin-top: 0.12rem;  height: 0.9rem; background:url(https://image.360eol.com/Qiniu_Files/Files/2025/08/gpnu/go_home.png) no-repeat; background-size:100% auto;}


.footwz {padding: 0.4rem 0.24rem 0.44rem; font-size: 0.22rem; font-weight: 400; color: #2185DB; line-height: 0.34rem; letter-spacing: 1px; text-align: center }
.footwz a { color: #2185DB; }

/*内页1*/
.page_ny { position: relative;background: #F3F4F8;padding: 2.55rem 0.2rem 0; }
.page_ny .top { position: absolute; z-index: 1; top: 0; left: 0; right: 0;}
.ny_main { position: relative; z-index: 5; background: #FFFFFF; border-radius: 0.12rem; padding: 0.2rem; min-height: calc(100vh - 3.9rem);  box-shadow: 0px 2px 0.14rem rgba(132,132,132,0.2);}
.nymenu { margin-bottom: 0.4rem; }
.nymenu li { line-height: 0.64rem; padding: 0 0.16rem; position: relative; font-size: 0.3rem; color: #666666; }
.nymenu li:last-child { padding-right: 0; }
.nymenu li.on { color: rgba(51,51,51,0.9); font-weight: 600; font-size: 0.32rem; }
.nymenu li.on:before { position: absolute; content: ''; left: 0; right: 0; margin: 0 auto; bottom: 0; width: 0.56rem; height: 0.06rem; background:linear-gradient(88deg, #2185DB 0%, #23cce6 100%); border-radius: 0.03rem; }
.ny_content { display: none; }
.ny_content:first-child { display: block }
.ny_article_wz { font-size: 0.28rem; color: rgba(51,51,51,0.9); line-height: 0.45rem; text-align: justify; }
.ny_article_title {font-size: 0.34rem; font-weight: 500;text-align: justify;}
.ny_article_time {font-size: 0.26rem; color: #999; text-align: left; margin-top: 0.17rem;margin-bottom: 0.17rem}

/*.ny_article_wz p { text-indent: 2em; margin: 0.2rem 0; }*/
/*.ny_article_wz img { margin: 0 auto; max-width: 100%; width: auto }*/
.ny_mulu li { background: rgba(125,228,242,0.18); border-radius: 0.08rem; margin-bottom: 0.24rem; }
.ny_mulu li a { min-height: 0.9rem; padding: 0.25rem 0.8rem 0.25rem 0.32rem; position: relative; font-weight: 500; font-size: 0.28rem; color: #333333; line-height: 0.4rem; }
.ny_mulu li a:before { position: absolute; content: ''; right: 0.3rem; top: 50%; transform: translateY(-50%); width: 0.22rem; height: 0.22rem; background: url(https://image.360eol.com/Qiniu_Files/Files/2025/08/gpnu/arrow.png) no-repeat; background-size: cover; }
.page_ny .footwz { padding-bottom:0.24rem; color: #857e7e }
.page_ny .footwz a { color: #857e7e }
/*新闻*/
.list_news { padding: 0.12rem; }
.list_news .item {margin-bottom: 0.3rem;
	padding-bottom: 0.3rem; /* 增加底部内边距 */
	border-bottom: 1px solid #eee; /* 添加分割线 */}
.list_news .item .tit { line-height: 0.40rem; color: #111; font-size: 0.28rem; font-weight: 600; display: -webkit-box; overflow: hidden; text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical }
.list_news .item .time { margin-top: 0.16rem; line-height: 0.30rem; color: #666; font-size: 0.24rem; }
.list_news .item.tu { position: relative; padding-left: 2.98rem; }
.list_news .item.tu .pic { position: absolute; top: 0; left: 0; width: 2.64rem; height: 1.66rem; border-radius: 0.10rem; }
.list_news .item.tu .time { margin-top: 0.56rem; }
.list_news .item.tu .tit { height: 0.80rem; }
/*专业*/
.ny_main2 { position: relative; z-index: 5; min-height: calc(100vh - 3.2rem);}
.ny_card { background: #FFFFFF; border-radius: 0.2rem; padding: 0.28rem 0px; margin-top: 0.3rem; box-shadow: 0px 2px 0.14rem rgba(132,132,132,0.2); }
.ny_card:first-child { margin-top: 0; }
.nytit_top { padding: 0 0.28rem; margin-bottom: 0.1rem; }
.nytit_top .tit_bt { position: relative; font-weight: 600; font-size: 0.32rem; color: #333333; line-height: 0.45rem; }
.nytit_top .tit_bt:before { position: absolute; content: ''; left: -0.28rem; top: 50%; margin-top: -0.15rem; width: 0.08rem; height: 0.3rem; background:linear-gradient(0deg, #2185DB 0%, #23cce6 100%); border-radius:0 2px 2px 0; }
.nytit_top .more_bt{ padding-right:0.3rem; font-size:0.24rem;background: url(https://image.360eol.com/Qiniu_Files/Files/2025/08/gpnu/arrow.png) right center no-repeat; background-size: 0.2rem 0.2rem;}
.article_wz {padding: 0 0.28rem; font-size: 0.28rem; color: rgba(51, 51, 51, 0.9); line-height: 0.45rem; text-align: justify; }
.shaoma { width: 50%; padding: 0.3rem 0.4rem; box-sizing: border-box; }
.shaoma .matu { display: block; margin: 0 auto; width: 1.8rem; height: 1.8rem; }
.shaoma .ma_bt { margin-top: 0.16rem; font-size: 0.24rem; text-align: center; }
.school_major{ border-top:1px solid #EFEFEF;text-align:left;}
.school_major .zy_name {
	display:block;
    margin-top: 0.16rem;
    margin-right: 0.16rem;
    border-radius: 0.12rem;
    border: 1px solid #E1E1E1;
    padding: 0 0.15rem;
    font-size: 0.24rem;
    color: #666666;
    line-height: 0.38rem;
    white-space: nowrap;
}

.pop {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
	/*background-color: rgba(0, 0, 0, 0.5); !* 半透明黑色遮罩 *!*/
	animation: fadeIn 0.5s ease;
}

.remind-text {
	background-color: rgba(0, 0, 0, 0.75);
	padding: 15px 30px;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	font-size: 14px;
	color: #fff;
	max-width: 50%;
	text-align: center;
	position: relative;
	animation: slideUp 0.5s ease;
}

/* loading */
.y_loading {
	/*background-color: rosybrown;*/
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	/* 移除 width 和 height 限制 */
	z-index: 1000;
	animation: fadeIn 0.5s ease;
}

.y_loading span {
	display: inline-block;
	width: 15px;
	height: 15px; /* 改为固定高度，与宽度一致形成圆形 */
	margin-right: 5px;
	border-radius: 50%;
	background: #92EBFB;
	animation: load 1.04s ease infinite;
}
/*.y_loading{*/
/*	background-color: rosybrown;*/
/*	position: fixed;*/
/*	left: 0;*/
/*	top: 0;*/
/*	right: 0;*/
/*	bottom: 0;*/
/*	display: flex;*/
/*	justify-content: center;*/
/*	align-items: center;*/
/*	width: 150px;*/
/*	height: 15px;*/
/*	z-index: 1000;*/
/*	animation: fadeIn 0.5s ease;*/
/*}*/
/*.y_loading span{*/
/*	display: inline-block;*/
/*	width: 15px;*/
/*	height: 100%;*/
/*	margin-right: 5px;*/
/*	border-radius: 50%;*/
/*	background: lightgreen;*/
/*	-webkit-animation: load 1.04s ease infinite;*/
/*}*/
.y_loading span:last-child{
	margin-right: 0;
}
@-webkit-keyframes load{
	0%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
.y_loading span:nth-child(1){
	-webkit-animation-delay:0.13s;
}
.y_loading span:nth-child(2){
	-webkit-animation-delay:0.26s;
}
.y_loading span:nth-child(3){
	-webkit-animation-delay:0.39s;
}
.y_loading span:nth-child(4){
	-webkit-animation-delay:0.52s;
}
.y_loading span:nth-child(5){
	-webkit-animation-delay:0.65s;
}



/**适配**/
@media screen and (min-width:280px) {
html { font-size: 38px }
}
@media screen and (min-width:320px) {
html { font-size: 42.66px }
}
 @media screen and (min-width:360px) {
html { font-size: 48px }
}
 @media screen and (min-width:375px) {
html { font-size: 50px }
}
 @media screen and (min-width:384px) {
html { font-size: 51.2px }
}
 @media screen and (min-width:400px) {
html { font-size: 54px }
}
 @media screen and (min-width:414px) {
html { font-size: 54px }
}
 @media screen and (min-width:424px) {
html { font-size: 56.54px }
}
 @media screen and (min-width:480px) {
html { font-size: 64px }
}
 @media screen and (min-width:540px) {
html { font-size: 72px }
}
 @media screen and (min-width:640px) {
html { font-size: 85.32px }
}
 @media screen and (min-width:720px) {
html { font-size: 96px }
}
 @media screen and (min-width:750px) {
html { font-size: 100px }
}
 @media only screen and (device-width: 375px) and (device-height: 667px) {
}
	
	/* x/xs */
	@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
}
	
	/* xs max/xr/11 */
	@media only screen and (device-width: 414px) and (device-height: 896px) {
}
 @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
}
 @media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
}
