#app,body,html{height:100%}#Backgroud{width:100%;background-repeat:no-repeat;background-size:100% 100%;-ms-flex-direction:column;flex-direction:column}#Backgroud,#Backgroud .page-container{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}#Backgroud .page-container{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}#Backgroud .user-info{width:100%;padding:20px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,137,255,.1)),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,rgba(0,137,255,.1),hsla(0,0%,100%,0))}#Backgroud .user-info .info-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 20px;background:hsla(0,0%,100%,.95);border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.05);box-shadow:0 2px 12px rgba(0,0,0,.05)}#Backgroud .user-info .info-container .avatar{width:50px;height:50px;margin-right:15px}#Backgroud .user-info .info-container .avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}#Backgroud .user-info .info-container .info-text{-webkit-box-flex:1;-ms-flex:1;flex:1}#Backgroud .user-info .info-container .info-text .name{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}#Backgroud .user-info .info-container .info-text .store{font-size:14px;color:#666}#Backgroud .write-off-container{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#Backgroud .write-off-container .scan-button{width:80%;max-width:300px}#Backgroud .write-off-container .scan-button .van-button{width:100%;height:44px;font-size:16px}#Backgroud .result-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}#Backgroud .result-wrapper .result-content{background:#fff;padding:30px;border-radius:8px;text-align:center}#Backgroud .result-wrapper .result-content .result-text{margin-top:15px;font-size:16px;color:#333}#Backgroud .coupon-info{padding:10px}#Backgroud .coupon-info .van-cell{margin-bottom:5px;border-radius:4px}#Backgroud .coupon-info .van-cell__title{color:#666;font-size:14px}#Backgroud .coupon-info .van-cell__value{color:#333;font-size:14px;font-weight:500}