html{font-size: 625%;background: #eee;}
.container{max-width:750px;min-width:320px;margin: 0 auto;margin-bottom: 50px;}
.top-bar{background: #fff;width: 100%;box-sizing:border-box;height: 40px;padding-left:10px;color: #333;position: relative;}
.top-bar .fa-angle-left{font-size: 0.4rem;position: absolute;color:#d0d0d0;}
.top-bar h1{display: inline-block;width: 100%;text-align: center;font-size: 0.16rem;height: 40px;line-height: 40px;color: #333;}
.middle-bar{width: 100%;box-sizing:border-box;padding:5px 5px;height: 45px;}
.middle-bar .sort{display: flex;justify-content: space-around;box-sizing:border-box;background: #fff;height: 35px;border:1px solid #D81E06;}
.middle-bar .sort .sort-span{flex: 1;box-sizing:border-box;height: 33px;line-height: 33px;text-align: center;color:#D81E06;float: left;cursor: pointer;}
.middle-bar .sort .sort-span.sort-now{border-bottom: 2px solid red;color:#fff;background: #D81E06;}
.wb{width: 100%;box-sizing:border-box;}
.wb .wb-item{display: block;width: 100%;box-sizing:border-box;background: #fff;margin-bottom:10px;padding:10px;color:#999;}
.wb .wb-item .wb-item-name{width: 100%;box-sizing:border-box;height: 20px;line-height: 20px;text-align: left;color:#999;}
.wb .wb-item .wb-item-name span{color:#333;margin-right: 5px;}
.wb .wb-item .wb-item-title{width: 100%;box-sizing:border-box;height: 30px;line-height: 30px;font-size: 0.16rem;color:#3B3B9D;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.wb .wb-item .wb-item-main{width: 100%;box-sizing:border-box;padding-top: 5px;}
.wb .wb-item .wb-item-main .wb-item-img{float: left;width: 25%;box-sizing:border-box;padding-top: 25%;}
.wb .wb-item .wb-item-main .wb-item-con{float: right;width: 75%;box-sizing:border-box;position: relative;padding-top:25%;}
.wb .wb-item .wb-item-main .wb-item-con .wb-item-des{position: absolute;top: -4px;left: 0;padding-left: 10px;
	overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.wb .wb-item .wb-item-main .wb-item-con .wb-item-bottom{width:100%;box-sizing:border-box;position: absolute;bottom:0px;right: 0;padding-left: 10px;}
.wb .wb-item .wb-item-main .wb-item-con .wb-item-bottom span{width: 30%;box-sizing:border-box;float: left;}
.wb-item-up{color:red;}
.wb-item-up,.wb-item-down{padding-left: 18px;background: url('../ico.png') no-repeat 0px -38px ;}
.wb-item-down{background-position: 0px -76px;}
.wb .wb-item .wb-item-main .wb-item-con .wb-item-bottom span.wb-item-date{width: 33%;}
.hidden-div{display:none;}