.mactive{background:#eee}.mactive-banner{width:100%;height:2.4rem;background:url(../img/mactive1.f4abf42d.png) 50% no-repeat;background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mactive-banner h1{font-size:.5rem}.mactive-banner span{font-size:.24rem;margin-top:.1rem}.mactive-body{padding:.6rem .4rem}.mactive-body-title{font-size:.36rem;color:#333;margin:.2rem 0 .5rem 0}.mactive-body-time{font-size:.48rem;color:#0055d3}.mactive-bottom{padding:.4rem;border-top:.01rem solid #e7e7e7}.mactive-bottom p{font-size:.26rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#aaa;margin-bottom:.3rem}.mactive-bottom p:active{color:#0055d3}.mactive-body-html img{width:100%}.mactive-body-html{font-size:.24rem}