.top-bar{position:relative}.count-bar{height:1.78rem;padding:.3rem .4rem;background-color:#0dab29}.count-bar .count-title{color:#fff;font-size:.42rem;opacity:.6}.count-bar .nav{margin-top:.52rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.count-bar .nav .item{font-size:.34rem;opacity:.4;color:#fff;margin-right:.4rem;font-weight:500}.count-bar .nav .item.active{opacity:1}.content{padding:0 .4rem}.content .list-item{padding:.3rem 0;border-bottom:1px solid #e9e9e9}.content .list-item:after{content:'';display:block;width:0;height:0;clear:both;visibility:hidden;opacity:0}.content .list-item .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content .list-item .item .left{position:relative;width:2.3rem;height:1.52rem;font-size:0}.content .list-item .item .left .float{position:absolute;top:.2rem;left:.2rem;width:1rem;height:.6rem;text-align:center;line-height:.6rem;background:rgba(0,0,0,.4);color:#fff;font-size:.28rem}.content .list-item .item .left img{width:100%;height:100%}.content .list-item .item .right{width:4.1rem}.content .list-item .item .right .title{color:#222;font-size:.34rem;line-height:.4rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:.8rem;margin-bottom:.18rem}.content .list-item .cancel{border-radius:2px;border:1px solid #dcdcdc;width:1.58rem;height:.6rem;line-height:.6rem;color:#ababab;font-size:.28rem;text-align:center;float:right;margin-top:.28rem}