@media screen and (max-width: 1024px) {

	html,
	body {
		background-color: #F8F8F8;
	}

	#app {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;

		&:last-child {
			margin-bottom: 0;
		}
	}
        


	.top_box {
		height: 282px;
		background-image: url(../img/top_back.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 60px;
	}

	.top_box p {
		font-size: 53px;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #F8F8F8;
		white-space: nowrap;
		text-align: center;

	}

	.search_box {
		display: block;
		/* width: 100%; */
		height: 92px;
		padding-top: 50px;
		padding-bottom: 120px;
		background-color: #EFEFF4;
	}

	.search {
		width: 70%;
		height: 92px;
		display: block;
		margin: 0 auto;
		margin-top: -10px;
		display: flex;
		flex-direction: row;
	}

	.el-icon-search {
		font-size: 45px;
		line-height: 92px;
		margin-left: 80px;

	}


	.search .el-input__inner {
		height: 92px;
		font-size: 40px;
	}


	.search .el-input__inner::-webkit-input-placeholder {
		font-size: 36px;
		font-family: Source Han Sans CN;
		line-height: 92px;
		text-align: center;

	}

	.search .el-button {
		width: 208px;
		height: 92px;
		background-color: #006DBC;
		margin-left: 10px;
		font-size: 44px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 10px;
	}

	.search_tip {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		padding-bottom: 30px;
	}

	.search_tip p {
		font-size: 30px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #999999;
		line-height: 44px;
		margin-top: 20px;
		margin-left: 50px;
	}

	.search_tip p:first-child {
		margin-top: 30px;
	}


	.banner_box {
		height: 400px;
		background-color: #F8F8F8;
	}

	.banner_box .grid-content {
		height: 400px;
		background-image: url(../img/banner.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

	.school_list .infinite-list-item a {
		width: 100%;
		height: 232px;
		display: flex;
		flex-direction: row;
		text-decoration: none;
		background-color: #FFFFFF;
	}

	.school_list .school_icon {
		margin-left: 54px;
		margin-top: 46px;
	}

	.school_list .school_icon .el-image {
		width: 144px;
		height: 144px;
		border-radius: 50%;
		text-align: center;
	}

	.school_list .school_info_box {
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-top: 62px;
		margin-left: 30px;

	}

	.school_list .school_info .school_code {
		font-size: 42px;
		font-family: Helvetica Neue;
		font-weight: normal;
		color: #595959;
	}

	.school_list .school_info .school_name {
		font-size: 42px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #595959;
		margin-left: 15px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		line-clamp: 1;
		white-space: nowrap;
	}

	.school_list .school_info .el-tag {
		height: 63px;
		line-height: 63px;
		margin-top: 18px;
		background-color: #FFFFFF;
		font-size: 36px;
		color: #04A7FC;
		border: 1px solid #DCDCDC;
		border-radius: 4px;
	}

	.school_list .school_info_box .arrow {
		width: 35px;
		height: 35px;
		margin-top: 42px;
		border-top: 2px solid #DCDCDC;
		border-right: 2px solid #DCDCDC;
		transform: rotate(45deg);
		margin-right: 40px;
	}
	

	/* .qrcode_box .qrcode {
		margin-top: 40px;
		width: 100%;
		height: 294px;
		background-color: #FFFFFF;
		display: flex;
		flex-direction: row;

	}

	.qrcode_box .qrcode img {
		width: 232px;
		height: 232px;
		margin-left: 17%;
		margin-top: 40px;

	}

	.qrcode_box .qrcode span {
		margin-top: 55px;
		margin-left: 10px;
	}

	.qrcode_box .qrcode p {
		font-size: 32px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #999999;
		margin-bottom: 23px;
		line-height: 52px;
	}
 */
	.footer {
		margin-top: 30px;
		padding-bottom: 20px;
	}

	.footer .contact a {
		font-size: 36px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #586C94;
		text-decoration: none;
	}

	.footer p {
		text-align: center;
		font-size: 28px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #AAAAAA;

	}
	.footer p a{
		font-size: 28px;
	}



	/* 院校详情 */
	.school_title {
		height: 238px;
		padding-bottom: 20px;
		background-color: #FFFFFF;
	}

	.school_title p img {
		width: 132px;
		height: 132px;
		margin-top: 20px;
	}

	.school_title p {
		font-size: 44px;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #595959;
	}

	.school_title p a {
		font-size: 44px;
		font-family: Source Han Sans CN;
		font-weight: 200;
		color: #595959;

	}

	.school_detail {
		height: 100%;
		margin-top: 36px;
		background-color: #FFFFFF;

	}
	.school_detail .grid-content .box_title{
		width: 362px;
		height: 74px;
		border-radius: 37px;
	}
	.school_detail .grid-content .box_title p {
		font-size: 40px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		line-height: 74px;
		
	}
 
	.school_detail .grid-content .box_detail {
		/* width: 380px;
		margin: 0 auto; */
		margin-top: 80px;
	}

	.school_detail .grid-content .box_detail p {
		font-size: 34px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #666666;
		line-height: 60px;
		white-space: nowrap;
	}

	.specialties_box .specialties_title {
		height: 128px;
		border: 1px solid #DCDCDC;
	}

	.specialties_box .specialties_title p {
		font-size: 52px;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #333333;
		line-height: 128px;
		text-align: center;
	}

	.specialties_box .specialties_detail .el-collapse-item__header {
		text-indent: 40px;
		font-size: 40px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #595959;
		padding-bottom: 20px;
		height: 84px;
	}

	.specialties_box .specialties_detail .el-collapse-item .li_title h4,
	.specialties_box .specialties_detail .el-collapse-item .li_title b {
		font-size: 32px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #595959;
	}

	.specialties_box .specialties_detail .el-collapse-item .rules {
		font-size: 30px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #595959;
	}

	.specialties_box .specialties_detail .el-collapse-item .li_detail {
		font-size: 30px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #666;
	}
	

	.Past_Enrollment {
		height: 100%;
	}
	
	.Past_Enrollment .grid-content .box_title p{
		font-size: 40px;
	}
 
	.Past_Enrollment .grid-content .box_detail {
		/* width: 65%;
		margin: 0 auto; */
		margin-top: 30px;

	}

	.Past_Enrollment .grid-content .box_detail p {
		line-height: 50px;
		font-size: 32px;
		margin-left: 20px;
	}

	.Past_Scores {
		height: 100%;
	}
	.Past_Scores .grid-content .box_title{
		width: 362px;
		height: 74px;
		border-radius: 37px;
	}
	
	.Past_Scores .grid-content .box_title p{
		line-height: 74px;
		font-size: 40px;
	} 
	
	.Past_Scores .grid-content .box_detail {
		/* width: 65%;
		margin: 0 auto; */
		margin-top: 30px;
	
	}
	
	.Past_Scores .grid-content .box_detail p {
		line-height: 50px;
		font-size: 32px;
		white-space: inherit;
		margin-left: 20px;
	}

	.button_box {
		margin-top: 50px;
	}

	.button_box p {
		width: 80%;
		display: flex;
		justify-content: space-around;
		text-align: center;

	}

	.button_box p:first-child a {
		width: 40%;
		height: 68px;
		border: 1px solid #006DBC;
		border-radius: 5px;
		font-size: 32px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #006DBC;
		line-height: 68px;

	}
	.button_box p:last-child{
		margin-top: 32px;
	}
	.button_box p:last-child a{
		width: 90%;
		height: 68px;
		border: 1px solid #006DBC;
		border-radius: 5px;
		font-size: 32px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #006DBC;
		line-height: 68px;
	}
	.specialties_box .specialties_detail li{
		font-size: 32px;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #666666;
	}




}