.unpaid{background:#f8f8f8a8;backdrop-filter: blur(2px);padding:12px;border: 1px solid #ddd;margin: 10px 0;color:#3b4351;}
.unpaid > img{position: absolute;right: 12px;top: 12px;width: 20px;}
.unpaid .alipay{float:left;margin-right:10px;text-align: center;display:inline-block;height: 108px;position: relative;z-index: 9;}
.unpaid .qrcode{width: 88px;height:88px;}
.unpaid .qrcode canvas{width:100%;}
.unpaid .alipay span{display: block;position: absolute;bottom: 0;width: 100%;line-height:17px;height:16px;}
.unpaid .cont{height: 108px;position: relative;}
.unpaid .cont > div{height:22px;line-height:16px;}
.unpaid .cont .paypass{position: absolute;bottom: 0;left: 98px;height:16px;line-height:16px;}
.unpaid .cont input{outline: 0;border: 0;padding: 0;margin:0;border-bottom: 1px solid gray;background: unset;}

.paid{position: relative;background:#f8f8f8a8;backdrop-filter: blur(2px);padding:12px;border: 1px solid #ddd;margin: 10px 0;color:#3b4351;}
#paid{position: absolute;top: -50px;}
.paid hr{border: 0;border-top: 1px solid #ddd;}
.paid .payTitle{line-height: 25px;height: 25px;overflow: hidden;}
.paid .payTitle span:first-child{display:block;width: calc(100% - 55px);float: left;}
.paid .payTip{float: right;font-size: small;color:gray;}