.add-user-dialog .el-dialog{width:500px;max-width:90%}.el-form-item__label{line-height:40px}.buy-content{width:100%;min-height:100vh;background-color:#000;padding:20px 50px 50px;color:#fff;padding-bottom:100px;box-sizing:border-box}.buy-content .btn-mobile{display:none}.buy-content .el-button--primary{background-color:#fff;border-color:#fff;color:#000}.buy-content .el-button--primary.is-plain{background-color:#000;border-color:#fff;color:#fff}.buy-content .el-button--primary:focus,.buy-content .el-button--primary:hover{background-color:#fff;border-color:#fff;color:rgba(0,0,0,.8)}.buy-content .el-button--primary.is-plain:focus,.buy-content .el-button--primary.is-plain:hover{background-color:#000;border-color:hsla(0,0%,100%,.8);color:hsla(0,0%,100%,.8)}.buy-content .el-form-item__label{color:#fff!important}.buy-content .page-background{position:fixed;right:0;top:0;bottom:0;left:calc(50% + 20px)}.buy-content .page-background .page-background--shadow{width:100%;height:100%;position:absolute;left:0;top:0;background:linear-gradient(90deg,#000 0,transparent);z-index:1}.buy-content .page-background .page-background--image{width:100%;height:100%;position:absolute;left:0;top:0;bottom:0;right:0;-o-object-fit:cover;object-fit:cover}.buy-content .dialog-footer{width:calc(40% + 10px);position:fixed;left:0;bottom:0;padding:20px 0 20px 50px;box-sizing:border-box;display:flex;justify-content:space-between;background-color:#000;z-index:100}.buy-content .dialog-footer .confirm-btn{width:100%;display:flex;justify-content:center;align-items:center}.buy-content .dialog-footer .confirm-btn .totalMoney{font-size:30px;font-weight:700;margin-right:20px}.buy-content .dialog-footer .el-button{width:65%}.buy-content .dialog-footer .return-btn{width:30%!important}.buy-content .title{width:40%;height:auto}.buy-content .ticket-content{width:40%;min-width:300px}.buy-content .session-list{width:calc(100% + 15px);display:flex;overflow-x:auto;padding-bottom:30px;margin-top:-50px;padding-left:30px;margin-left:-15px;padding-right:30px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.43137254901960786) hsla(0,0%,94.1%,0);box-sizing:border-box}.buy-content .session-list .session-box{margin-top:80px;min-width:150px;max-width:150px;height:200px;-o-object-fit:cover;object-fit:cover;margin-right:30px;position:relative;cursor:pointer;transition:.2s;transform:scale(1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.buy-content .session-list .session-box.active,.buy-content .session-list .session-box:hover{z-index:1;transform:scale(1.1)}.buy-content .session-list .session-box:hover{z-index:2}.buy-content .session-list .session-box .image{width:100%;height:100%;border-radius:5px}.buy-content .session-list .session-box .session-text{width:100%;position:absolute;left:0;bottom:0;color:#fff;text-shadow:1px 1px 2px #000;font-size:10px;padding:5px;box-sizing:border-box;background:linear-gradient(0deg,#000 10%,transparent)}.buy-content .session-list .session-box .session-text .name{font-size:12px;font-weight:700}.buy-content .session-list .session-box:last-child{margin-right:0}.buy-content .tip{width:100%;color:#d53232;font-size:13px}.buy-content .add-user{display:flex;align-items:center;justify-content:center;width:150px;height:25px;border:1px solid #fff;border-radius:20px;font-size:12px;cursor:pointer;margin:auto;margin-top:20px}.buy-content .add-user .el-icon-circle-plus-outline{font-size:15px}.buy-content .add-user-list{display:flex;align-items:center;margin-top:10px}.buy-content .add-user-list .el-icon-remove-outline{margin-right:10px;font-size:20px;cursor:pointer}.buy-content .add-user-list .userInfo-box{width:100%}.buy-content .add-user-list .userInfo-box .name{color:#939393}.buy-content .add-user-list .userInfo-box .userInfo-number{width:100%;display:flex;justify-content:space-between;color:#565656}.buy-content .ticket-list{width:100%;padding:20px 0;box-sizing:border-box}.buy-content .ticket-list .ticket-name{font-size:20px;font-weight:700}.buy-content .ticket-list .ticket-box{width:100%;margin:10px 0;min-width:300px;border:1px solid #fff;padding:10px;box-sizing:border-box}.buy-content .ticket-list .ticket-box .ticket-display{width:100%;height:100%;display:flex}.buy-content .ticket-list .ticket-box .ticket-display .image{width:140px;height:100%;-o-object-fit:fill;object-fit:fill;border-radius:5px}.buy-content .ticket-list .ticket-box .ticket-display .ticket-right{width:100%;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;padding:10px;box-sizing:border-box}.buy-content .ticket-list .ticket-box .ticket-display .ticket-right .title{width:100%;font-size:15px}.buy-content .ticket-list .ticket-box .ticket-display .ticket-right .ticket-detail{display:flex;align-items:center;justify-content:space-between}.buy-content .ticket-list .ticket-box .ticket-display .ticket-right .ticket-detail .money{font-size:20px;font-weight:700}.buy-content .nodata-tip{text-align:center;color:#606266;font-size:12px}.buy-content .ticket-tip{margin-top:20px}.buy-content .popup-content{width:100%;height:100vh;background-color:rgba(0,0,0,.5);z-index:100;position:fixed;left:0;top:0;color:#000}.buy-content .popup-content .popup-box{width:500px;height:500px;max-width:90%;background-color:#fff;border-radius:15px;position:fixed;left:0;top:0;right:0;bottom:0;margin:auto;padding:10px;box-sizing:border-box}.buy-content .popup-content .popup-box .add-user{border:1px solid #000;display:flex;align-items:center;justify-content:center;width:150px;height:25px;border-radius:20px;font-size:12px;cursor:pointer;margin:auto}.buy-content .popup-content .popup-box .add-user .el-icon-circle-plus-outline{font-size:15px}.buy-content .popup-content .popup-user{overflow-y:auto}.buy-content .popup-content .qrcode-box{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-bottom:30px}.buy-content .popup-content .qrcode-box .title{width:70%;height:auto}.buy-content .popup-content .qrcode-box .qrcode-text{text-align:center;font-size:12px}.buy-content .popup-content .user-list .user-singel{background-color:hsla(0,0%,65.9%,.1);margin-top:10px;border-radius:5px;padding:10px}.buy-content .popup-content .user-list .user-singel .user-info{display:flex;flex-wrap:wrap;margin-bottom:10px}.buy-content .popup-content .user-list .user-singel .user-info .user-tag{margin-right:5px}.buy-content .popup-content .user-list .user-singel .action-btn{display:flex;justify-content:flex-end}.buy-content .popup-content .user-list .user-singel .action-btn .btn{font-size:12px;border:1px solid #000;padding:5px 10px;border-radius:5px;margin-left:5px;cursor:pointer}.user-footer .el-button--primary{background-color:#000;border-color:#000}.user-footer .el-button--primary.is-plain{background-color:#fff;border-color:#000;color:#000}.user-footer .el-button--primary:focus,.user-footer .el-button--primary:hover{background:rgba(0,0,0,.8);border-color:rgba(0,0,0,.8)}.user-footer .el-button--primary.is-plain:focus,.user-footer .el-button--primary.is-plain:hover{background:#fff;border-color:rgba(0,0,0,.8);color:rgba(0,0,0,.5)}@media (max-width:780px){.buy-content{padding:20px;padding-bottom:100px}.buy-content .btn-pc{display:none}.buy-content .btn-mobile{display:block}.buy-content .session-box:hover{transform:scale(1)}.buy-content .page-background{display:none}.buy-content .ticket-content,.buy-content .title{width:100%!important}.buy-content .dialog-footer{width:100%;padding:20px;min-width:300px}.buy-content .totalMoney{font-size:20px!important}.buy-content .ticket-display .image{width:100px!important}.el-message-box{width:300px!important}}