| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 | .navbar {    width: 100vw;    background-color: #f6f5fa;    position: fixed;    top: 0px;    z-index: 991;  }    .title-container {    height: 44px;    display: flex;    align-items: center;    position: relative;  }  .capsule {    margin-left: 10px;    width: auto;    height: 32px;    overflow: hidden;  }  .capsule .icon-image {    width: 18rpx;    height: 33rpx;    margin: 0rpx auto;  }    .flex-center{    display:flex;    align-items:center;   }    .title {    color: #222222;    position: absolute;    left: 100px;    right: 100px;    font-size: 15px;    text-align: center;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;  }  .navBar-home{    width: 180rpx;    height: 64rpx;    background: white;    border-radius: 32rpx;    font-size: 24rpx;    color: #222222;    border: 1rpx solid #dcdcdc;    font-weight: bold;    line-height: 1;  }  .home-img{    width: 29rpx;    height: 29rpx;    margin:0rpx 12rpx 6rpx 22rpx;  }  .wrap{    width: 100%;    background-color: #fff;    margin-top: 10rpx;    padding: 30rpx;    padding-top:15rpx ;    .item{        display: flex;        width: 100%;        align-items: center;        justify-content: space-between;        border-bottom: 1px solid #fafafa;        padding: 20rpx 0;        font-size: 28rpx;        .value{            color: #969799;        }    }  }  .button{    width: 50%;    height: 80rpx;    border-radius: 80rpx;    background-color: #ffd744;    // margin-top: 120rpx;    margin: 80rpx auto 0 auto;    display: flex;    align-items: center;    justify-content: center;    color: #fff;}
 |