.detail{padding-top:1.2rem;padding-left:0.4rem;padding-right:0.4rem}.detail h3{font-size:0.48rem;color:#363331}.detail .top-info{padding-top:0.72rem}.detail .top-info .user-info{display:flex;align-items:center}.detail .top-info .user-info .left-img img{width:0.85rem;height:0.85rem;border-radius:50%}.detail .top-info .user-info .right-info{flex-direction:column;padding-left:0.16rem}.detail .top-info .user-info .right-info .top-title{font-size:0.4rem;color:#363331}.detail .top-info .user-info .right-info .top-title img{width:1.46rem;height:0.45rem;margin-left:0.1rem}.detail .top-info .user-info .right-info .time{color:#ADAAA8;font-size:0.32rem}.detail .top-info .article-type{font-size:0.32rem}.detail .top-info .article-type .mark{background-color:#F7F6F5;color:#ADAAA8;border-radius:0.1rem;padding:0.13rem 0.32rem}.detail .article-content{padding-top:0.42rem;color:#787573;font-size:0.42rem;line-height:0.6rem;padding-bottom:2rem}.detail .article-content img{max-width:100%}.detail .footer{position:fixed;height:1rem;width:100%;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0.4rem 0;box-shadow:0 0 0.5rem #e4e4e4}.detail .footer .left-icons{text-align:center;padding-left:0.5rem}.detail .footer .left-icons img{width:0.5rem;height:0.5rem}.detail .footer .left-icons .item-icon+.item-icon{padding-left:0.7rem}.detail .footer .attention{margin-left:0.58rem;margin-right:0.5rem;height:100%}.detail .footer .attention button{width:100%;height:100%;font-size:0.4rem;color:#fff;border-radius:0.1rem;background:linear-gradient(90deg, #F08519 0%, #F06018 100%)}