.new-ticket-box {
    max-width: 120rem;
    margin: 0 auto;
    background: #f0f2f5;
}
.new-ticket-detail-box {
    width: 75rem;
    margin: 0 auto;
}
.new-ticket-content {
    margin: 0rem auto 1.875rem auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.new-ticket-content-left {
    width: 47.3125rem;
}
/**门票列表**/
.new-ticket-content-left .new-ticket-list-box {
    width: 100%;
    background: rgba(250,251,253,0.84);
    border-radius: 0.6875rem;
    border: 1px solid #FFFFFF;
    
    padding: 1.25rem;
    margin-top: 1.25rem;
    
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.new-ticket-list-box .new-ticket-list-box-left {
    padding: 1.25rem 2.1875rem;
    background: #FFFFFF;
    border-radius: 0.6875rem;
    margin-right: 1.25rem;
}
.new-ticket-list-box-left h3 {
    line-height: 1.625rem;
    font-weight: 400;
    font-size: 1.25rem;
    color: #444444;
}
.new-ticket-list-box-left p {
    height: 1.3125rem;
    font-weight: 400;
    font-size: 1rem;
    color: #999999;
}
.new-ticket-list-box-left .new-ticket-list-box-left-2 {
    padding: 1.25rem;
    margin-bottom: 0.625rem;
    margin-top: 0.625rem;
}
.new-ticket-list-box-left .new-ticket-list-box-left-1,.new-ticket-list-box-left .new-ticket-list-box-left-3 {
    text-align: center;
}
.new-ticket-list-box-left-2 img {
    width: 10.125rem;
    height: 10.125rem;
}
.new-ticket-list-box .new-ticket-list-box-right {
    width: 100%;
}
.new-ticket-list-box-right .new-ticket-list-box-right-1 {
    display: flex;
    display: -webkit-flex;
    margin-bottom: 1.25rem;
    
    align-items: center;
}
.new-ticket-list-box-right-1 h2 {
    height: 1.9375rem;
    font-weight: bold;
    font-size: 1.5rem;
    color: #444444;
}
.new-ticket-list-box-right-1 img {
    width: 1rem;
    height: 1rem;
    margin-left: 0.625rem;
    margin-right: 0.375rem;
    margin-top: 0.4rem;
}
.new-ticket-list-box-right-1 p {
    height: 1.1875rem;
    font-weight: 400;
    font-size: 0.875rem;
    color: #999999;
    margin-top: 0.15rem;
}
.new-ticket-list-box-right .new-ticket-list-box-right-2 {
    width: 100%;
}
/* Tab按钮容器 */
.tab-buttons {
    display: flex;
    flex-wrap: wrap; /* 允许按钮在小屏幕上换行 */
    gap: 10px; /* 按钮之间的间距 */
}

/* Tab按钮样式 */
.tab-button {
    width: 110px;
    height: 40px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0.25rem;
    outline: none;
    transition: all 0.3s ease, transform 0.2s ease;
    text-align: center;
    font-size: 1rem;
    color: #666;
    font-weight: 500;
}
.tab-button:hover {
    border: 1px solid #7161f2;
    transform: translateY(-3px);
    color: #7161f2;
}
.tab-button.active {
    border: 1px solid #7161f2;
    color: #7161F2;
}
/* Tab内容容器 */
.tab-content-wrapper {
    position: relative;
    overflow: hidden;
    margin-top: 0.625rem;
    min-height: 10rem;
}

/* Tab内容样式 */
.tab-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.5s ease;
    
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap; /* 允许按钮在小屏幕上换行 */
    gap: 10px; /* 按钮之间的间距 */
}

.tab-content.ticket-active {
    opacity: 1;
    transform: translateX(0);
    z-index: 1;
}

.tab-content.prev {
    transform: translateX(-100%);
}

.tab-content.prev.ticket-active {
    transform: translateX(0);
}
.tab-content .ticket-content {
    display: flex;
    display: -webkit-flex;
    
    background: #fff;
    border-radius: 0.25rem;
    border: 1px solid #fff;
    
    color: #333;
    font-size: 1rem;
    font-weight: 400;
    padding: 0.4375rem 0.875rem;
    
    cursor: pointer;
}
.tab-content .ticket-content-none {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    
    background: #fff;
    border-radius: 0.25rem;
    border: 1px solid #fff;
    
    color: #999;
    font-size: 1rem;
    font-weight: 400;
    padding: 0.4375rem 0.875rem;
    
    cursor: pointer;
    /*pointer-events: none;*/
}
.ticket-content .ticket-content-time, .ticket-content-none .ticket-content-time {
    margin-right: 0.5rem;
}
.ticket-content .ticket-countent-sales{
    margin-left: 0.5rem;
}
.ticket-content-none .ticket-countent-sales {
    margin-left: 0.5rem;
    
    height: 1rem;
    padding: 0rem 0.25rem;
    background: rgba(210, 210, 210, 0.14);
    border-radius: 0.125rem;
    border: 1px solid #999999;
    
    font-size: 0.625rem;
    color: #999;
}
.tab-content .ticket-content:hover {
    color: #7161F2;
    border: 1px solid #7161F2;
}
.tab-content .ticket-content.t-active {
    color: #7161F2;
    border: 1px solid #7161F2;
}
.tab-content .ticket-content-none.t-no-active {
    color: #D62832;
    border: 1px solid #D62832;
}

/**公司服务**/
.new-ticket-content-left .new-ticket-company-box {
    width: 100%;
    margin-top: 1.25rem;
    background: rgba(250,251,253,0.84);
    border-radius: 0.6875rem;
    border: 1px solid #FFFFFF;
    padding: 1.25rem;
}
 .new-ticket-company-box .new-ticket-company-group label {
    display: block;
    margin-bottom: 1.25rem;
    font-weight: bold;
    font-size: 1.25rem;
    color: #444;
    height: 1.625rem;
}
/* 必填项星号样式 - 放在前面 */
.new-ticket-company-group .required::before {
    content: "* ";
    color: #DE1738;
    font-size: 1.25rem;
    font-weight: bold;
}
.new-ticket-company-group .new-ticket-company-content {
    display: flex;
    display: -webkit-flex;
}
.new-ticket-company-content .new-ticket-company-content-title {
    min-width: 6.875rem;
    height: 2.875rem;
    background: #FFFFFF;
    border-radius: 0.5rem;
    border: 1px solid #7161F2;

    font-weight: 500;
    font-size: 1rem;
    color: #7161F2;
    text-align: center;
    line-height: 2.875rem;
}
.new-ticket-company-content .new-ticket-company-content-control {
    /*width: 21.6875rem;*/
    width: 100%;
    height: 2.875rem;
    margin-left: 0.625rem;
    padding-left: 1.125rem;
    border: 1px solid #7161F2;
    background: #fff;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    color: #878787;
    font-weight: 400;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.new-ticket-company-content .new-ticket-company-content-control:focus {
    outline: none;
}
.new-ticket-company-box .new-ticket-business-license {
    margin-top: 1.25rem;
}
.new-ticket-business-license p {
    height: 1.375rem;
    font-weight: 500;
    font-size: 1rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none; 
}
.new-ticket-business-license .business-license-upload-box {
    margin-top: 0.5rem;
    display: flex;
    display: -webkit-flex;
}
.business-license-upload-box img {
    width: 20.5625rem;
    height: 12.6875rem;
    margin-right: 0.625rem;
    cursor: pointer;
}
.business-license-upload-box .upload-card {
    width: 329px;
    height: 203px;
}
/* 固定尺寸的上传区域 */
.business-license-upload-box .upload-area {
    width: 329px;
    height: 203px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    background-color: transparent;
    overflow: hidden;
}

/* 图片容器 */
.business-license-upload-box .image-container {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: relative;
    /* 默认背景图 - 请替换为有效的阿里CDN图片URL */
    background-image: url('https://www.soufair.com/storage/soufair/newPage/ticket/business-license-img1.png');
}

.business-license-upload-box .file-input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.business-license-upload-box .progress-container {
    width: 100%;
    background-color: #f5f5f5;
    border-radius: var(--border-radius);
    overflow: hidden;
    height: 6px;
    margin-top: 15px;
    display: none;
}

.business-license-upload-box .progress-bar {
    height: 100%;
    background-color: #7161F2;
    width: 0%;
    transition: width 0.4s ease;
}
/**观展人**/
.new-ticket-content-left .new-ticket-people-box {
    width: 100%;
    background: rgba(250,251,253,0.84);
    border-radius: 0.6875rem;
    border: 1px solid #FFFFFF;
    
    margin-top: 1.25rem;
    padding: 1.75rem 1.25rem 1.25rem 1.25rem;
}
.new-ticket-people-box .new-ticket-people-title {
    display: flex;
    display: -webkit-flex;
    
    justify-content: space-between;
    align-items: center;
}
.new-ticket-people-title .new-ticket-people-title-1 {
    font-weight: bold;
    color: #444;
    font-size: 1.25rem;
}
.new-ticket-people-title-1 span {
    font-weight: 400;
    font-size: 1rem;
}
.new-ticket-people-title .new-ticket-people-title-2 {
    width: 10rem;
    height: 2.5rem;
    background: #DE1738;
    border-radius: 0.5rem;

    font-weight: 500;
    font-size: 1rem;
    color: #FFFFFF;
    
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.new-ticket-people-title-2 img {
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 0.25rem;
}
.new-ticket-people-box .new-ticket-people-list {
    margin-top: 0.75rem;
}
.new-ticket-people-list li {
    height: 2.875rem;
    width: 100%;
    padding-right: 0.875rem;
    
    background: #FFFFFF;
    border-radius: 0.5rem;
    border: 1px solid #fff;
    
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: space-between;
    
    margin-top: 0.625rem;
}
.new-ticket-people-list .ticket-people-select {
    border: 1px solid #7161F2;
}
.new-ticket-people-list .new-ticket-people-info1 {
    display: flex;
    display: -webkit-flex;
    
    align-items: center;
    margin-left: 0.875rem;
    width: 20%;
    
    font-weight: 400;
    font-size: 0.875rem;
    color: #444;
}
.new-ticket-people-info1 img {
    height: 1.125rem;
    width: 1.125rem;
    margin-right: 0.4375rem;
    cursor: pointer;
}
.new-ticket-people-list .new-ticket-people-info2 {
    width: 50%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}
.new-ticket-people-info2 span {
    font-weight: 400;
    font-size: 0.875rem;
    color: #444444; 
}
.new-ticket-people-list .new-ticket-people-info4,.new-ticket-people-list .new-ticket-people-info3 {
    display: flex;
    display: -webkit-flex;
    
    align-items: center;
    min-width: 50px;
    cursor: pointer;
    
    font-weight: 400;
    font-size: 0.875rem;
    color: #d2d2d2;
}
.new-ticket-people-list .new-ticket-people-info3 {
    margin-right: 1.25rem;
}
.new-ticket-people-info3 img,.new-ticket-people-info4 img {
    height: 1.125rem;
    width: 1.125rem;
    margin-right: 0.125rem;
    margin-top: 2.5px;
}
/**问卷调查**/
.new-ticket-content-left .new-ticket-questionnaire-survey {
    width: 100%;
    background: rgba(250,251,253,0.84);
    border-radius: 0.6875rem;
    border: 1px solid #FFFFFF;
    
    padding: 1.75rem 1.25rem 1.25rem 1.25rem;
    margin-top: 1.25rem;
}
.new-ticket-questionnaire-survey h3 {
    height: 1.625rem;
    font-weight: bold;
    font-size: 1.25rem;
    color: #444444;
}
.new-ticket-questionnaire-survey .questionnaire-survey-box {
    margin-top: 1.25rem;
}
.questionnaire-survey-box .required::before {
    content: "* ";
    color: #DE1738;
    font-size: 0.875rem;
    font-weight: 400;
}
.questionnaire-survey-box label {
    color: #444;
    font-size: 0.875rem;
    line-height: 1.1875rem;
}
.questionnaire-survey-box span {
    color: #999999;
}
.questionnaire-survey-box .questionnaire-survey-data {
    display: flex;
    display: -webkit-flex;
    
    flex-wrap: wrap;
}
.questionnaire-survey-data li {
    margin-top: 0.625rem;
    margin-right: 1.25rem;
    
    display: flex;
    display: -webkit-flex;
    
    font-weight: 400;
    font-size: 0.875rem;
    color: #444444;
    line-height: 1.1875rem;
}
.questionnaire-survey-data .questionnaire-survey-data-select {
    height: 1.1875rem;
    width: 1.1875rem;
    margin-right: 0.625rem;
    cursor: pointer;
}
/**门票服务**/
.new-ticket-content-left .new-ticket-note-box {
    width: 100%;
    background-image: url(/storage/soufair/newPage/ticket/ticket-bg1.png);
    background-repeat: round;
    padding: 1.25rem 2rem 1.25rem 1.25rem;
    margin-top: 1.25rem;
}
.new-ticket-note-box h3 {
    height: 1.3125rem;
    font-weight: bold;
    font-size: 1rem;
    color: #D62832;
    text-align: left;
    font-style: normal;
    text-transform: none;
    line-height: normal;
}
.new-ticket-note-box .new-ticket-note-box-content {
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: 0.5rem;
}
.new-ticket-note-box-content p {
    line-height: 1.625rem;
    font-weight: 400;
    font-size: 0.875rem;
    color: #333333;
}
.new-ticket-note-box-content span {
    color: #DE1738;
}
.new-ticket-content-right {
    width: 26.4375rem;
}
.new-ticket-content-right .new-ticket-common-box {
    width: 100%;
    background: rgba(250,251,253,0.84);
    border-radius: 0.6875rem;
    border: 1px solid #FFFFFF;
    margin-top: 1.25rem;
}
.new-ticket-content-right .new-ticket-booking-process {
    padding: 1.125rem 2.125rem 1.25rem 1.4375rem;
}
.new-ticket-booking-process h2 {
    height: 1.8125rem;
    font-weight: bold;
    font-size: 1.375rem;
    color: #444444;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.new-ticket-booking-process img {
    margin-top: 1px;
    width: 22.875rem;
    height: 7.375rem;
}
.new-ticket-content-right .new-ticket-notice-btn {
    padding: 1.25rem 1.125rem;
}
.new-ticket-notice-btn div {
    height: 3.25rem;
    background: #7161F2;
    border-radius: 0.625rem;
    
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    
    color: #fff;
    font-size: 1.25rem;
    font-weight: bold;
    cursor: pointer;
}
.new-ticket-content-right .new-ticket-description {
    padding: 1.25rem 0.9375rem 0.25rem 0.9375rem;
}
.new-ticket-description div {
    margin-bottom: 1rem;
}
.new-ticket-description div h3 {
    margin-bottom: 0.625rem;
    
    height: 1.3125rem;
    font-weight: bold;
    font-size: 1rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.new-ticket-description div span {
    font-weight: 400;
    font-size: 0.875rem;
    color: #999999;
    line-height: 1.625rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.new-ticket-content-right .new-ticket-notes {
    padding: 1.25rem 0.9375rem 1rem 0.9375rem;
}
.new-ticket-notes h3 {
    height: 1.3125rem;
    font-weight: bold;
    font-size: 1rem;
    color: #333333;
    text-align: left;
    font-style: normal;
    text-transform: none;
    
    margin-bottom: 0.625rem;
}
.new-ticket-notes span {
    font-weight: 400;
    font-size: 0.875rem;
    color: #DE1738;
    line-height: 1.625rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.new-ticket-content-right .new-common-kefu-box {
    padding: 1.25rem 1rem 1.25rem 1rem;
}

.new-ticket-content-right .new-common-submit-box {
    padding: 1.875rem 0.9375rem;
}
.new-common-submit-box .ticket_price_box {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-bottom: 1.875rem;
}
.new-common-submit-box .ticket_price_box_1 {
    height: 1.8125rem;
    font-weight: bold;
    font-size: 1.25rem;
    color: #444444;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.new-common-submit-box .ticket_price_box_2 {
    height: 1.5rem;
    font-weight: bold;
    font-size: 1.25rem;
    color: #D62832;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-top: -3px;
}
.new-common-submit-box .ticket_price_box_2 span {
    height: 1.875rem;
    font-size: 1.625rem;
}
.new-common-submit-box .ticket_pay_box {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-bottom: 0.9375rem;
}
.new-common-submit-box .ticket_pay_box p {
    height: 1.375rem;
    font-weight: 400;
    font-size: 1rem;
    color: #444444;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.ticket_pay_box .ticket_pay_box_1{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    width: 14.1875rem;
    margin-top: 1px;
}
.ticket_pay_box_1 .ticket_pay_box_1_2 {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    height: 1.375rem;
    font-weight: 400;
    font-size: 1rem;
    color: #444444;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.ticket_pay_box_1 .ticket_pay_img_1 {
    width: 1.125rem;
    height: 1.125rem;
    cursor: pointer;
}
.ticket_pay_box_1 .ticket_pay_img_2 {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.new-common-submit-box .ticket-order-btn {
    width: 100%;
    height: 3.25rem;
    background: #D62832;
    border-radius: 0.625rem;

    font-weight: bold;
    font-size: 1rem;
    color: #FFFFFF;
    letter-spacing: 2px;
    font-style: normal;
    text-transform: none;
}
.new-common-submit-box .ticket_order_submit_box_3 {
    display: flex;
    display: -webkit-flex;
    margin-top: 0.8125rem;
    align-items: center;
}
.ticket_order_submit_box_3 img {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 0.5rem;
}
.ticket_order_submit_box_3 p {
    height: 1.25rem;
    font-weight: 400;
    font-size: 0.875rem;
    color: #999;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.ticket_order_submit_box_3 a {
    color: #DE1738;
}