.h5-example[data-v-58f182eb]{width:100%;min-height:100vh;background:#f5f5f5}.h5-example .nav-bar[data-v-58f182eb]{position:sticky;top:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.3rem;background:#fff;border-bottom:1px solid #eee}.h5-example .nav-bar .back-btn[data-v-58f182eb]{font-size:.32rem;color:#1890ff}.h5-example .nav-bar .title[data-v-58f182eb]{font-size:.34rem;font-weight:500;color:#333}.h5-example .list[data-v-58f182eb]{padding:.2rem .3rem}.h5-example .list .list-item[data-v-58f182eb]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.24rem;margin-bottom:.2rem;background:#fff;border-radius:.12rem}.h5-example .list .list-item .avatar[data-v-58f182eb]{width:.8rem;height:.8rem;line-height:.8rem;text-align:center;font-size:.36rem;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;margin-right:.24rem}.h5-example .list .list-item .info[data-v-58f182eb]{-webkit-box-flex:1;-ms-flex:1;flex:1}.h5-example .list .list-item .info .name[data-v-58f182eb]{font-size:.3rem;color:#333;margin-bottom:.08rem}.h5-example .list .list-item .info .desc[data-v-58f182eb]{font-size:.24rem;color:#999}