@import "base.less";
@import "loading.less";
h4{
	margin: 0;
}
.daily-content{
	padding: 3%;
	height: 100%;

	.day-part{
		width: 100%;
		
		h4{
			background: url('img/daily/day_off@2x.png') center left no-repeat;
			background-size: 40px 40px;
			padding-left: 45px;
			color: #999;
			font-weight: normal;
			height: 50px;
			
			span{
				height: 50px;
				float: left;
			}

			span.date-day{
				font-size: 48px;
				line-height: 50px;
				padding: 0 5px;
			}

			span.date-month{
				font-size: 14px;
				padding-top: 4px;
				box-sizing: border-box;
				line-height: 20px;
			}
		}

		.on{
			background: url('img/daily/day_on@2x.png') center left no-repeat;
			background-size: 40px 40px;
			color: #ffcc00;
		}

		li{
			float: left;
			width: 33%;
			padding: 3%;
			box-sizing: border-box;

			a{
				display: block;
				position: relative;
				width: 100%;
				height: 120px;

				img{
					width: 100%;
					height: 100%;
				}

				.latest{
					background: rgba(0, 0, 0, 0.5);
				    bottom: 0;
				    color: #fff;
				    height: 24px;
				    line-height: 24px;
				    position: absolute;
				    width: 100%;
				    text-align: center;
				    font-size: 0.9em;
				}
			}
			

			.title{
				height: 34px;
				width: 100%;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				padding-top: 8px;
			}
		}

		@media screen and (min-width: 375px){
			li{
				a{
					height: 141px;
				}
			}
		}

		@media screen and (min-width: 414px){
			li{
				a{
					height: 155px;
				}
			}
		}

		@media screen and (min-width: 768px){
			h4{
				background: url('img/daily/day_off@3x.png') center left no-repeat;
				background-size: 40px 40px;
			}

			.on{
				background: url('img/daily/day_on@3x.png') center left no-repeat;
				background-size: 40px 40px;
				color: #ffcc00;
			}

			li{
				width: 25%;
				padding: 2%;

				a{
					height: 224px;

					.latest{
					    height: 34px;
					    line-height: 38px;
					    font-size: 18px;
					    text-align: center;
					}
				}

				.title{
					padding-top: 10px;
				}
			}
		}

	}
}