@charset "utf-8";

body{padding: 0;margin: 0 auto;font-size:14px; font-size 0.2s ease-out;  font-weight: 400;  height: 100%;  line-height: 1.0;  color:#3e4040;  -webkit-tap-highlight-color: transparent;-webkit-user-select: none;user-select: none;background-color: #fff;}

#cald { position:relative; margin:0 10px; letter-spacing: 3px; }
.calhd { padding:0 0 8px; overflow:hidden; }
.calhd input { float:left; width:93px; font-size:17px; color:#FF7721; }
.calhd span { display:block; float:right; font-size:16px; color:#FF7721; line-height:23px; }
.calhd span .riangle-down { display:none; }
.calhd .active .riangle-down { display: inline-table; }
.calhd span strong { display:block; float:left;}
.calhdA { width:125px; margin:10px auto 0; overflow:hidden; }
.calhdA input { float:left; width:110px; font-size:20px; color:#FF7721; }
.calwk {
    zoom: 1;
    overflow: hidden;
}
.cal {
	display:table;
    width:100%;
    zoom: 1;
    font-size: 12px;
    margin-bottom: 9px ;
}
.cal i { display:block;}
.cal>div.ll {
    border-left: none;
}
.cal>div.act {
    background-color: red;
}
.cal>div {
	position:relative;
    float: left;
    width: 14.2%;
    height:52px;
	text-align: center;
}
.cal .ri { position:absolute; top:18%; width:100%; text-align:center; font-size:14px; color:#666; z-index:2; }
.cal .now{
    background:#e5e5e5;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 9px ;
}
.cal em {
    background:#FF9756;
	position:absolute;
	top:8%;
	left:50%;
    width:100%;
	margin-left:-45%;
    border-radius: 50%;
	display:none;
}

.calwk div {
    float: left;
    width: 14.2%;
	padding:10px 0 5px;
	font-size:12px; color:#999;
    text-align: center;
}
.riangle-down {
    position: relative;
	float:left;
    width: 9px;
    height: 4px;
    background:url(http://images4.hunli.baihe.com/hunliM/arrow05.png) no-repeat; background-size:100% auto;
    top:10px;
	margin-left:5px;
}
.lunar{ position:absolute; top:46%; width:100%; text-align:center; font-size:10px; color:#B3B3B3; z-index:2; }
#cald .yellow { position:absolute; bottom:1px; width:100%; text-align:center; overflow:hidden; }
#cald .yellow span { display:inline-table; width:50%; overflow:hidden; }
#cald .yellow span img { display:block; width:100%;}
#cald .green { position:absolute; bottom:4%; left:50%; width:6px; height:6px; margin-left:-5px; border:1px solid #fff; background:#64C8F0; border-radius:50%;}
#cald .info { width:190px; height:24px; margin:15px auto 24px; font-size:10px; color:#999; line-height:24px; border-radius:12px; background:#f0f0f0; }
#cald .info i { display:inline-block; position:relative; left:auto; bottom:auto; margin-right:5px; }
#cald .info .green { margin-left:8px;}
#cald .cal .active .ri { color:#fff; }
#cald .cal .active em { display:block; }
#cald .cal .active .lunar { color:#fff; }
#cald .other em { display:block; border:1px solid #DAA567; background:none; border-radius:50%; }
#cald .other i { color:#DAA567; }
#cald .yh { position:absolute; top:0px; right:-2px; width:18px; height:11px; background:url(http://images4.hunli.baihe.com/hunliM/icon_yh.png) no-repeat; background-size:100% auto; text-indent:-9999px;}
#cald .G i,#cald .G .lunar { color:#ccc}