<>
.barcode-container {display: inline-block;_display: inline-block;display: table-cell;float: left;width:120px;height: 120px;}
.barcode-container .status.barcode-container .mask{display: none;position: absolute;top:0;left:0;z-index:999;color:#fff;}
.barcode-container .status {text-align: center;font-size:14px;font-weight:500;font-family: tahoma,arial,"Hiragino Sans GB","Microsoft Yahei",\5b8b\4f53;color:#fff;}
.barcode-container .status .first {margin-top: 32%;}
.barcode-container .status .second {margin-top: 15%;}
.barcode-container .status button {outline: none;line-height: 1.5;height: 30px;color:#fff;border: none;background-color: #0ae;display: inline-block;margin-top: 6px;margin-top: 4px\0;text-align: center;text-decoration: none;vertical-align: middle;font-size: 14px;border-radius:2px;padding: 0 20px;cursor:pointer;}
.barcode-container .status button:hover {background-color: #00a3d2;}
.barcode-container .status button:active {position:relative;top:1px;box-shadow: 1px 1px 3px #999 inset;}
.barcode-container .mask{opacity: 0.6;filter:alpha(opacity=60);-moz-opacity:0.6;background: #000;}
.barcode-container .status.barcode-container .mask{width:100%;height:100%;}
.barcode-container .mask {top: -7px;left: -7px;width: 112%;height: 112%;}
.barcode-container.error .status.error.barcode-container.error .mask {display: block;}
.barcode-container.timeout .status.timeout.barcode-container.timeout .mask {display: block;}
.barcode-container.scanned .status.scanned.barcode-container.scanned .mask {display: block;}
.barcode-container.confirmed .status.confirmed.barcode-container.confirmed .mask {display: block;}
.barcode-container {position: relative;}
.barcode-container .barcode img {top: 46px\0 !important; left: 46px\0 !important;}
>
扫码成功
已确认