.material{width:100%;height:100%}.material-modal-wrap{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}.container{width:100%;position:relative;text-align:center;font-size:0;margin:0 auto}.container-1{width:390px}.container-2{width:370px}.container-3{width:580px}.container .con-bg{width:100%}.container .con-qrcode{position:absolute;z-index:1;font-size:0}.container .con-qrcode canvas{display:none}.container .con-qrcode img{width:100%!important;height:100%!important}.container .con-qrcode-1{width:148px;height:148px;top:200px;left:121px}.container .con-qrcode-2{width:190px;height:190px;top:178px;left:89px}.container .con-qrcode-3{width:240px;height:240px;top:56px;left:38px}.container .con-name{font-size:16px;line-height:1;position:absolute;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:inline-block;font-weight:600}.container .con-name-1{top:354px;font-size:12px;width:166px}.container .con-name-2{color:#fff;top:390px;width:95%}.container .con-name-3{-webkit-transform:initial;transform:none;width:260px;left:28px;top:308px;font-weight:600;font-size:14px}.header{padding:20px 0;margin-bottom:20px}.header button{padding:5px 16px;color:#555;border:0;border:1px solid #ccc;background-color:#fff;outline:none;border-radius:5px;cursor:pointer}.header button.active{color:#fff;background-color:#20a53a;border-color:#20a53a}.header button.suc-bt{color:#fff;background-color:#3385ff;border-color:#71a3ed}#order_bottom,#order_top{width:100%}.divleft{width:10%;line-height:35px}.divleft,.divright{float:left;height:35px}.divright{width:90%}#content p{text-align:center;line-height:1;padding-top:16px}#qrcode canvas{display:none}#qrcode{width:60%;margin:0 auto}#qrcode img{width:200px;height:200px}#monitor-content .default-logo{text-align:center;color:#4e6ef2}#monitor-content .catch-photo img{display:block;width:90%;margin:5px auto}.loading-model{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgb(255 255 255/80%);z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:28px;color:#2d8cf0}