.top-bar{position:relative}.count-bar{height:2.8rem;padding:.3rem .4rem;background-color:#0dab29}.count-bar .count-title{color:#fff;font-size:.42rem;opacity:.6}.count-bar .count-msg{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;margin-top:.6rem}.count-bar .count-msg .left{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}.count-bar .count-msg .left .avatar-box{position:relative;font-size:0;width:.9rem;height:.9rem;border-radius:4px;margin-right:.26rem}.count-bar .count-msg .left .avatar-box #pic-input{position:absolute;top:0;left:0;z-index:1;opacity:0;width:.9rem;height:.9rem;border-radius:4px}.count-bar .count-msg .left .avatar-box img{width:.9rem;height:.9rem;border-radius:4px;margin-right:.26rem}.count-bar .count-msg .left .name-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:.9rem;line-height:.9rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.count-bar .count-msg .left .name-box .name{color:#fff;font-size:.42rem}.count-bar .count-msg .left .name-box #name-input{position:absolute;display:none;top:0;left:0;background:#fff;outline:0;-webkit-box-shadow:none;box-shadow:none;width:9em;font-size:.42rem;height:.9rem;padding:.2rem}.count-bar .count-msg .modify-btn{-webkit-box-sizing:border-box;box-sizing:border-box;width:1.03rem;height:.6rem;border:2px solid #fff;border-radius:2px;text-align:center;line-height:.54rem;color:#fff;font-size:.28rem}.count-bar .count-msg .modify-btn.name-modify-sure{display:none}.content{padding:.3rem .4rem}.content .item{padding:.3rem 0;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;border-bottom:1px solid #e9e9e9}.content .item .left{width:5.1rem}.content .item .title{vertical-align:middle;font-size:.34rem;margin-bottom:.28rem}.content .item .title .label{color:#222}.content .item .title .text{color:#0dab29}.content .item .desc{color:#888;font-size:.28rem;line-height:.4rem}.content .item .modify-btn{border-radius:2px;background-color:#0dab29;width:1.03rem;height:.6rem;text-align:center;line-height:.6rem;color:#fff;font-size:.28rem}