#app,#Backgroud,body,html{height:100%}#Backgroud{background-color:#f7f8fa;width:100%;overflow-y:auto;padding-bottom:20px}#Backgroud .user-profile{background-image:linear-gradient(135deg,#3249a8,#4c6edb);color:#fff;padding:20px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0 0 15px 15px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative}#Backgroud .user-profile .avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid hsla(0,0%,100%,.6);margin-right:15px}#Backgroud .user-profile .avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#Backgroud .user-profile .user-info{-webkit-box-flex:1;-ms-flex:1;flex:1}#Backgroud .user-profile .user-info .user-name{font-size:18px;font-weight:700;margin-bottom:5px}#Backgroud .user-profile .user-info .user-position{font-size:14px;opacity:.9}#Backgroud .user-profile .logout-btn{position:absolute;right:16px;top:20px;background-color:hsla(0,0%,100%,.2);border-radius:20px;padding:5px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}#Backgroud .user-profile .logout-btn .van-icon{margin-right:4px;font-size:14px}#Backgroud .user-profile .logout-btn:active{background-color:hsla(0,0%,100%,.3)}#Backgroud .store-info{margin:15px;background:#fff;border-radius:10px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05)}#Backgroud .function-title{font-size:16px;font-weight:700;margin:20px 15px 10px;color:#333}#Backgroud .function-grid{margin:0 10px;background:#fff;border-radius:10px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05);padding:5px 0}#Backgroud .function-grid .van-grid-item__content{padding:16px 8px}#Backgroud .function-grid .van-grid-item__content .van-grid-item__icon{font-size:28px;color:#3249a8}#Backgroud .function-grid .van-grid-item__content .van-grid-item__text{color:#333;margin-top:8px;font-size:14px}#Backgroud .announcement{margin:20px 15px;background:#fff;border-radius:10px;padding:15px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05)}#Backgroud .announcement .announcement-title{font-size:16px;font-weight:700;color:#333;margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#Backgroud .announcement .announcement-title:before{content:"";display:inline-block;width:4px;height:16px;background-color:#3249a8;margin-right:8px;border-radius:2px}#Backgroud .announcement .announcement-swipe{height:40px;line-height:40px;color:#666}