body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, small {
    margin: 0;
    padding: 0;
}
ul,li{
    list-style: none;
}
a{
    color: black;
    text-decoration: none;
    text-align: center;
}
 a:hover, a:visited, a:link, a:active {
    color: black;
    text-decoration: none;
}
 /*背景色*/
body{
    background-color: #eee;
}
/*头部*/
#top{
    position: fixed;
    box-sizing: border-box;
    width: 100%;
    height: 143px;
    top:0;
    background-color: #FFFFFF;
    z-index: 1;
}
.top-main-box{
	width:100%;
	height:50px;
	position:relative;
}
#top .top-main{
	width:100%;
	height:50px;
	text-align:center;
	overflow-x:scroll;
}
.top-main-content{
	width:35rem;
	height:100%;
}
#top .top-main .box{
    box-sizing: border-box;
	float:left;
    width: 5rem;
	font-size:0.66rem;
	line-height:36px;
	margin-top:10px;
	text-align:center;
    text-align: center;
    background-color:white;
}
#top .top-main .box.active{
    color:#FFFFFF;
    background-color:#3498DB;
	border-radius:6px 6px 0 0;
}
#top .top-main .box .box-day{
   font-size: 20px;
    line-height: 20px;
    margin-bottom: 3px;
}
#top .top-main .box .box-month{
    font-size: 8px;
    line-height: 8px;
}
#top .public-head-home{
    position: absolute;
    right: 20px;
    top: 0px;
	color:#666;
}
.cl50 {
    clear: both;
    font-size: 0;
    height: 153px;
    overflow: hidden;
}
/*主体内容*/
.main{width: 100%; overflow: hidden;}
.left{
	float:left;
    width: 80px;
    overflow: hidden;
}
.right{
	float: left;
    width: calc(100% - 85px);
    margin-left: 5px;
    overflow-x: scroll;
	-webkit-overflow-scrolling : touch;
}
.left .left-box{
    float: left;
    display: none;
    width: 75px;
	margin-left:5px;
}
.left .left-box .line-head{
    box-sizing: border-box;
    width: 100%;
    height: 4.1rem;
    margin-bottom: 5px;
    background-color: #3498DB;
    border-radius: 5px;
}
.left .left-box .line-head div{
    text-align: center;
    color:white;
    font-size: 0.6rem;
    line-height: 20px;
}
.content{
    display: none;
    float: left;
}
.content .line{
    clear: both;
    height: 4.1rem;
    margin-bottom: 5px;
}

.content .line .line-box{
    float: left;
    box-sizing: border-box;
    width: 145px;
    height: 100%;
    padding: 4px;
    margin-right: 5px;
    background-color: #3498DB;
    border-radius: 5px;
}
.content .line .line-box.open_bg{background-color: #d41a1c;}
.content .line .line-box.health_bg{background-color: #006600;}
.content .line .line-box .line-box-time{
    color: white;
    height: 1rem;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1rem;
    /* padding-left: 21px;
    background: url("../images/sj.png") no-repeat left;
    background-size: 19px 19px; */
}
.content .line .line-box p{
        box-sizing: border-box;
    width: 100%;
    height: 2.5rem;
    margin-top: 4px;
    padding: 3px;
    font-size: 0.6rem;
    line-height: 0.78rem;
    background-color: white;
    overflow: hidden;
}

@media screen and (min-width: 480px) {
	#top .top-main .box{cursor:pointer;}
	#top .top-main{overflow-x: auto;background-color: white;}
	#top .top-main .box{margin-top:14px;}
	.left .left-box .line-head, .content .line{height:3.8rem;}
	.content .line .line-box p{line-height:0.7rem;height:2.3rem}
	.left .left-box .line-head div{font-size:0.5rem}
	.content .line .line-box{width:225px;}
	.content .line .line-box .line-box-time{font-size:0.56rem}
	.content .line .line-box p{font-size:0.5rem}
	.fontEn1{font-size:0.44rem}
}