.header-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:8px}.header-nav .status-bar{width:100%;height:0}.header-nav .title-bar{width:100%;height:40px}.header-nav .title-bar,.header-nav .title-bar>div{display:-webkit-box;display:-ms-flexbox;display:flex}.header-nav .title-bar>div{height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-nav .nav-title{width:calc(100% - 163px);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:16px}.header-nav .nav-title>p{font-size:18px;height:100%;line-height:40px;padding:0 10px;font-weight:650;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.header-nav .nav-title>p>i{top:2px}.header-nav .nav-left{width:83px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.header-nav .arrow-left{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:12px}.header-nav .van-icon-arrow-left,.header-nav .van-icon-contact{width:20px;height:20px}.header-nav .van-icon-arrow-left:before,.header-nav .van-icon-contact:before{font-size:20px}.header-nav .nav-right-text{margin-right:8px!important}.header-nav .nav-right{width:80px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:14px}.header-nav .nav-right,.header-nav .nav-right>div{display:-webkit-box;display:-ms-flexbox;display:flex}.header-nav .nav-right>div{width:50%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-nav .nav-right .nav-right-icon{width:20px;height:20px}.header-nav .nav-right p{font-size:14px;white-space:nowrap}.header-nav .show-popover .van-popover{left:calc(100vw - 130px)!important}.header-nav .personCenter{width:20px;height:20px;background-image:url(../../assets/img/personCenter.c908d6c1.png);background-size:20px 20px}.picture-list{background-color:#eee}.picture-list .pic-list>li{padding:5px 10px;border-bottom:1px solid #ccc;background-color:#eee}.picture-list .pic,.picture-list .pic-list>li{display:-webkit-box;display:-ms-flexbox;display:flex}.picture-list .pic{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:30vw;height:30vw}.picture-list .picture-msg{width:calc(70vw - 20px);font-size:14px;padding:5px 15px;background-color:#fff}