.line{width: 100%; height: 10px; background: #f0f0f0; position: relative;}

.app .app-top{border-bottom: 1px solid #e4e4e4; height: 42px; line-height: 42px; left:  5px;position: relative;}
.app .app-top h3{float: left; font-size: 16px; color: #000; height: 40px; padding: 0 1%; border-bottom: 3px solid #58b029;}
.app .app-botoom ul{margin-bottom: 4%; overflow: hidden;}
.app .app-botoom ul li{width: 20%; margin: 4% 0 0 4%; box-sizing: border-box; text-align: center; float: left; display: inline-block;}
.app .app-botoom ul li .img{display: block;}
.app .app-botoom ul li .img img{width: 64px; height: 64px;}
.app .app-botoom ul li a .name{font-size: 14px; color: #333; margin-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 100%;}
.app .app-botoom ul li .down{display: block; margin: 4px auto 0; width: 80%; text-align: center; font-size: 12px; line-height: 28px; height: 28px; color: #FFF; background: #58b029; border-radius: 3px; box-sizing: border-box;}

.mode .mode-top{border-bottom: 1px solid #e4e4e4; height: 42px; line-height: 42px; padding: 0 0 0 4%;}
.mode .mode-top ul{margin-left: -2%; overflow: hidden;}
.mode .mode-top ul li{float: left; width: 16%; padding: 0 2%; text-align: center; font-size: 16px; display: block;  height: 40px;  color: #666; }
.mode .mode-top ul li.curr{color: #58b029;font-weight: bold}

.mode .mode-top ul li::after{float: right; display: block; height: 34px; overflow: hidden; content: '/'; color: #e4e4e4;}
.mode .mode-top ul li:last-child::after{overflow: hidden; content: '';}
.mode .mode-bottom{margin: 0 4%; overflow: hidden;}


.new li{padding: 12px 0; border-bottom: 1px solid #efefef;}
.new li a{display: -webkit-box; width: 100%;}
.new li a .new-top{margin-right: 10px; position: relative;}
.new li a .new-top img{width: 100px; height: 60px; display: block;}
.new li a .new-botoom{-webkit-box-flex: 1;}
.new li a .new-botoom span{font-weight: 400; line-height: 20px;height: 20px;overflow:hidden; word-break: break-all; word-wrap: break-word; font-size: 14px;}
.new li a .new-botoom .time{margin-top: 3px;font-size: 12px; color: #999; float: right; line-height: 16px; display: block; background: url(../images/time.png) no-repeat 0 1px; background-size: 15px auto; padding-left: 20px;}
.new li:last-child{border-bottom: none;}
.mode-bottom .lode{border: 1px solid #ddd; background: #f9f9f9; margin-bottom: 13px; margin-left: 4%; margin-right: 4%;}
.mode-bottom .lode a{display: block; font-size: 14px; line-height: 30px; color: #666; text-align: center;}

.slideBox{position: relative; text-align: center;}
.slideBox .bd li{width: 100%; float: none; margin-right: 3%; height: 100%; display: block; overflow: hidden; position: relative;}
.slideBox .bd img{width: 100%; height: 160px;}