*{box-sizing:border-box;text-decoration:none;;outline:none;resize:none;border:0;padding:0;margin:0;list-style:none;}
body{max-width:750px;background:#EDEDED;margin:0 auto;}
.header{padding:0 20px 0 15px;display:flex;justify-content:space-between;height:50px;align-items:center;}
.header .name{font-size:16px;font-weight:bold;color:#000;}
.fixed{height:55px;position:fixed;bottom:0;left:0;width:100%;background:#F7F7F7;display:flex;border-top:1px solid #E8E8E8;justify-content:space-between;align-items:center;}
.fixed .menu-btn{width:50px;display:flex;justify-content:center;align-items:center;}
.fixed .menu-box{width: calc(100% - 50px);display:flex;align-items:center;}
.fixed .menu-box .item{position:relative;align-items:center;display:flex;flex:1;border-left:1px solid #E4E4E4;height:100%;}
.fixed .menu-box .item img{margin:3px 5px 0 10px;}
.fixed .menu-box .item span{font-size:17px;font-weight:bold;}
.fixed .menu-box .item .sub{z-index:2;display:none;;box-shadow:0 15px 30px rgba(0,0,0,.1);background:#fff;position:absolute;bottom:40px;left:-15px;}
.fixed .menu-box .item .sub a{font-size:16px;min-width:130px;display:block;padding:20px;border-bottom:1px solid #F2F2F2;color:#000;}
.fixed .menu-box .item:hover .sub{display:block;}

.content{padding:15px;width:100%;}
.content .time{text-align:center;color:#999;font-size:14px;padding:20px 0;}
.content .item{background:#fff;}
.content .item .pic img{height:150px;width:100%;}
.content .item .name{padding:5px 15px 15px;}
.content .item .name h3{color:#000;font-size:16px;font-weight:bold;}
.content .item .name p{color:#666;font-size:14px;margin-top:6px;}