@charset "utf-8";

/*** @latest 2020.11.09 YHY ***/


.school_meals {width:100%;height:100%;background: #f9f9f9;box-sizing:border-box;position:relative;}

.school_meals .ym_box {width:100%;padding:10px 15px;float:left;text-align:center;box-sizing:border-box;background:#0177d7;}
.school_meals .ym_box > span {width:5%; float:left; cursor:pointer;}
.school_meals .ym_box div {width:90%; float:left; text-align:center;}
.school_meals .ym_box div h3 {display: inline-block; vertical-align: -3px; font-size: 14px;font-weight:400;color:#fff;padding-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.school_meals .ym_box div b {font-size: 19px;color:#fff;}
.school_meals .ym_box .day_prev:before {content:"\276E"; float:left; padding-right:10px; color:#fff;}
.school_meals .ym_box .day_next:before {content:"\276F"; float:right; padding-left:10px; color:#fff;}

.school_meals .date_tit span{font-size: 19px; font-weight:600; color: #fff; vertical-align: middle;}
.school_meals .date_tit span + span:before{content:'.'; font-size: 20px;}
.school_meals .food_box{padding:20px 0; text-align: center; clear:both;}
.school_meals .food_box img{width:100%; max-width: 235px; height: 100%; max-height:140px }
.school_meals .food_box .txt_line{width:280px; overflow: hidden; position: relative; line-height: 1.2em; max-height: 3.4em; padding-right: 1em; margin:5px auto 0; font-size:16px;}
.school_meals .food_box .txt_line:before {content: '...'; position: absolute; right: 0; bottom: 0;}
.school_meals .food_box .txt_line:after {content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em;}
.school_meals .food_box .btn_more a{display: inline-block; border-radius: 14px;  padding:0 30px; height: 35px; line-height: 35px; border-radius: 30px; font-size: 15px; background: #2091cb; color:#fff;}
.school_meals .food_box .btn_more{margin-top: 10px;}

.layout_height_M .school_meals .ym_box div a,.layout_height_L .school_meals .ym_box div a {display:inline-block;padding-right:2px;box-sizing:border-box;max-width: 65%;vertical-align: sub;}
.layout_height_M .school_meals .ym_box div b,.layout_height_L .school_meals .ym_box div b {/* display:inline-block; */padding-left:2px;box-sizing:border-box;width: auto;}

.layout_height_H .school_meals .ym_box div h3 {width:100%;}
.layout_height_M .school_meals .ym_box div h3,
.layout_height_L .school_meals .ym_box div h3 {max-width:100%;padding-bottom: 0; vertical-align: middle;}


.layout_height_M .school_meals .food_box .txt_line, .layout_height_L .school_meals .food_box .txt_line{width:280px; overflow: hidden; position: relative; line-height: 1.2em; max-height: 2.4em; padding-right: 1em; margin:5px auto 0; font-size:17px;}
.layout_height_M .school_meals .food_box, .layout_height_L .school_meals .food_box{padding:10px 0;}
.layout_height_M .school_meals .food_box .btn_more{display: none;}
.layout_height_L .school_meals .food_box img{display: none;}

.layout_03 .school_meals .food_box .txt_line{width:230px;}

	@media (min-width:600px){

	}

	@media (min-width:800px){
		.layout_height_H .school_meals .ym_box .day_prev:before,
		.layout_height_H .school_meals .ym_box .day_next:before {font-size:23px; margin-top:3px;}
		.layout_height_M .school_meals .ym_box {}
		.layout_height_L .school_meals .ym_box {padding: 5px 15px;}

		.layout_height_M .school_meals .ym_box .day_prev:before,
		.layout_height_M .school_meals .ym_box .day_next:before {font-size:18px;}
		.layout_height_L .school_meals .ym_box div b,
		.layout_height_L .school_meals .ym_box .day_prev:before,
		.layout_height_L .school_meals .ym_box .day_next:before {font-size:17px;}

	}

	@media (max-width:799px){
		.school_meals .ym_box div b {font-size:20px;}
		.school_meals .ym_box .day_prev:before,
		.school_meals .ym_box .day_next:before {font-size:18px;}

		.layout_height_H .school_meals .ym_box .day_prev:before,
		.layout_height_H .school_meals .ym_box .day_next:before {margin-top:8px;}
	}

	@media (min-width:600px) and (max-width:799px){



		.layout_block4 > .layout_height_M .school_meals .ym_box {padding: 7px 15px;}
		.layout_block4 > .layout_height_L .school_meals .ym_box {padding:5px 15px;}
		.layout_block4 > .layout_height_L .school_meals .ym_box div b,
		.layout_block4 > .layout_height_L .school_meals .ym_box .day_prev:before,
		.layout_block4 > .layout_height_L .school_meals .ym_box .day_next:before {font-size:17px;}


	}
	@media (max-width:599px){
		.school_meals .ym_box div b {font-size:17px;}

	}
	@media (max-width:499px){

	}