.buy-content{width:100%;min-height:100vh;background-color:#000;padding:20px 50px 100px;box-sizing:border-box;color:#fff}.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 .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 20%);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 .step-box{display:flex;align-items:center;justify-content:space-between}.buy-content .step-box .step-item{width:22%}.buy-content .step-box .step-item img{width:100%;height:auto}.buy-content .step-box .step-item:nth-child(2n){width:4%}.buy-content .step-box,.buy-content .ticket-content{width:40%;min-width:300px}.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;padding:10px 20px;box-sizing:border-box;border-radius:10px;background-color:#fff;color:#000;position:relative}.buy-content .ticket-list .ticket-box .ticket-display{width:100%;height:100%;display:flex}.buy-content .ticket-list .ticket-box .ticket-display .half-circle{position:absolute;left:0;top:45%;margin:auto;width:100%;display:flex;justify-content:space-between}.buy-content .ticket-list .ticket-box .ticket-display .half-circle .circle-left,.buy-content .ticket-list .ticket-box .ticket-display .half-circle .circle-right{width:15px;height:30px;background-color:#000}.buy-content .ticket-list .ticket-box .ticket-display .half-circle .circle-right{border-radius:15px 0 0 15px}.buy-content .ticket-list .ticket-box .ticket-display .half-circle .circle-left{border-radius:0 15px 15px 0}.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:0 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 .text{width:100%;font-size:14px}.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,.buy-content .ticket-list .ticket-box .ticket-display .ticket-right .ticket-detail .num{font-size:20px;font-weight:700}.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{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}@media (max-width:780px){.buy-content{padding:20px;padding-bottom:70px}.buy-content .btn-pc{display:none}.buy-content .btn-mobile{display:block}.buy-content .page-background{display:none}.buy-content .step-box,.buy-content .ticket-content{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}}