body,html{background: #f7f7f7;margin: 0px}
.fahuo100_main{width: 100%;max-width: 500px;margin:0 auto;background: #fff;margin-bottom: 10px;background: #fff;}
.search_box{background: #fff;height: 30px;border-radius: 30px;}
.search_box img{width: 20px;height: 20px;margin: 4px 10px;vertical-align: top;}
.search_box input{width: calc(100% - 60px);border:none;background: #fff;padding: 5px;margin-top: 2px;}
.slider{margin-top: -70px;padding: 10px}
.sort_icon{width:20%;text-align:center;font-size:12px;display:inline-block;margin-bottom:15px;}
.sort_icon a{color: #333;text-decoration: none;color: #666}
.sort_icon img{width: 50px;height: 50px;border-radius: 50px;margin-bottom: 2px;}
.notice{width: 62px;margin-right: 3px;}
.course_box{display: inline-block;width: calc(50% - 10px);margin-right:10px;box-sizing: border-box;margin-bottom: 10px;color: #333;text-decoration: none;}
.course_box img{width: 100%;border-radius: 10px;margin-bottom: 10px}
.C_title{font-size: 14px;width:100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 5px;}
.S_title{font-size: 12px;color: #2c8eff;background: rgba(44, 142, 255, .06);padding: 0 5px;display: inline-block;margin-bottom: 5px;}
.C_price{color: #FF6B00;font-weight: bold;font-size: 14px;}
.C_view{font-size: 12px;color: #999;float: right;margin-top: -18px;}
.part_title{font-size: 16px;font-weight: bold;margin-bottom: 10px}
.viewmore{float: right;color: #999;font-size: 12px;margin-top: -27px;margin-right: 10px}

.news_box{margin-bottom: 5px;border-bottom:solid 1px #f7f7f7;padding-bottom:5px;display: block;background: #fff;}
.news_box {color: #333}
.news_left{width: 60%;display: inline-block;vertical-align: top;margin-right:10px;}
.news_box img{width: calc(40% - 20px);border-radius: 5px;margin-right:10px}
.N_title{font-size: 14px;width:100%;display: -webkit-box;webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;margin-bottom: 5px;}
.footer{height: 60px;border-top: solid 1px #DDD;font-size: 12px;width:100%;position: fixed;left:0px;bottom: 0px;text-align: center;background: #fff;}
.tab{width: 20%;display: inline-block;text-decoration: none;color: #999}
.tab img{width: 25px;margin-top: 9px;}
.active{color: #f60}

.sorts{white-space: nowrap;overflow: auto;background: #09f;border-bottom: solid 1px #78C9FE;}
.sort{text-decoration: none;color:#fff;font-size: 14px;display: inline-block;vertical-align: top;margin:10px 10px}
.active2{color: #fff;border-bottom: solid 2px #fff}