body {
    overflow-x: hidden;
}

.swiper-slide img {
    width: 100% !important
}

.title {
    height: 3.916rem;

}

.title-login {
    height: 3.916rem;

}

.persion-introduction {
    padding-bottom: 40px;
}

.order-page-pagenumber-text,
.order-page-left {
    margin: 0 5px;
}

.Travel-Stay-TL-Left-2,
.Travel-Stay-TL-right-2 {
    position: relative;

    &::before {
        content: '';
        display: inline-block;
        width: 1.625rem;
        height: 1.625rem;
        background: url(../img/rl-1.png);
        background-size: 100% 100%;
        position: absolute;
        top: 0.2624rem;
    }
}

.Travel-Stay-TL-Left-2 {
    &::before {
        right: -2.624rem;
    }
}

.Travel-Stay-TL-right-2 {
    &::before {
        left: -2.624rem;
    }
}

.Travel-Stay-TL-r img {
    display: none;
}


@media (max-width:767px) {

    .Travel-Stay-TL-Left-2,
    .Travel-Stay-TL-right-2 {

        &::before {
            display: none;
        }
    }
}

.tl-1 {
    background-image: url('../img/tl-1n.jpg');
    width: 29.375rem;
    height: 26.9rem;
}

.tl-2 {
    background-image: url('../img/tl-2n.jpg');
    width: 29.375rem;
    height: 24.465rem;
}

.tl-3 {
    background-image: url('../img/tl-3n.jpg');
    width: 29.375rem;
    height: 24.465rem;
}

.tl-4 {
    background-image: url('../img/rl-4.jpg');
    width: 29.375rem;
    height: 23.865rem;
}

.rl-1 {
    background-image: url('../img/rl-1n.jpg');
    width: 29.375rem;
    height: 24.865rem;
}

.rl-2 {
    background-image: url('../img/rl-2n.jpg');
    width: 29.375rem;
    height: 24.4rem;
}

.rl-3 {
    background-image: url('../img/rl-3n.jpg');
    width: 29.375rem;
    height: 26.865rem;
}

.rl-4 {
    background-image: url('../img/tl-3.jpg');
    width: 29.375rem;
    height: 27.865rem;
}

.rl-5 {
    background-image: url('../img/tl-4.jpg');
    width: 29.375rem;
    height: 23.865rem;
}

.tl2-1 {
    background-image: url('../img/tl2-1n.jpg');
    width: 29.375rem;
    height: 24.1rem;
}

.tl2-2 {
    background-image: url('../img/tl2-2n.jpg');
    width: 29.375rem;
    height: 23.865rem;
}

.tl2-3 {
    background-image: url('../img/tl2-3n.jpg');
    width: 29.375rem;
    height: 23.865rem;
}

.tl2-4 {
    background-image: url('../img/tl2-4.jpg');
    width: 29.375rem;
    height: 23.865rem;
}

.rl2-1 {
    background-image: url('../img/rl2-1n.jpg');
    width: 29.375rem;
    height: 27.865rem;
}

.rl2-2 {
    background-image: url('../img/rl2-2n.jpg');
    width: 29.375rem;
    height: 27.865rem;
}

.rl2-3 {
    background-image: url('../img/rl2-3n.jpg');
    width: 29.375rem;
    height: 27.865rem;
}

.Travel-Stay-TL-Left-3,
.Travel-Stay-TL-right-3 {
    margin-bottom: -2rem;
}


/* mods */
.Travel-Stay-text {
    padding: 0 60px;
}

.Travel-Stay-TL-right-2 div:first-child,
.Travel-Stay-TL-Left-2 div:first-child {
    font-size: 26px;
    margin-bottom: 10px;
}

.Travel-Stay-TL-right-2,
.Travel-Stay-TL-Left-2 {
    height: auto;
    margin-bottom: 20px;
}

.Travel-Stay-TL-right-2 div:last-child,
.Travel-Stay-TL-Left-2 div:last-child {
    font-size: 0.938vw;
    line-height: 2;

}

.Travel-Stay-Travel.mt {
    margin: 40px auto;
}

.Travel-Stay-Post-title {
    margin-top: 80px;
}

.Travel-Stay-Post-title-2 {
    height: 1em;
    margin-bottom: 30px;
}

.Travel-Stay-Post-content-1 {
    padding: 0 60px;
}

.Travel-Stay-last-img-top {
    margin-bottom: 10px;
}

.Travel-Stay-last-img-top>div:first-child {
    padding-right: 10px;
}

.Travel-Stay-last-img-bottom>div:first-child {
    padding-right: 10px;
}

.committee-part-01-1 {
    white-space: nowrap;
}

.destination-pay-block-activate {
    background-color: #f5f6f8;
    color: #000;
}

.destination-pay-block:hover {
    background-color: #1b81f1;
    color: white;
}

.destination-black-line a {
    color: #fff;
    text-decoration: none;
}

.destination-black-line a:hover {
    text-decoration: underline;
}

@media (max-width:767px) {

    /* base */
    body {
        overflow-x: hidden;
        padding-top: 44px;
    }

    /* comm */
    .title {
        display: block;
        left: 0;
        right: 0;
        width: auto;
        height: 44px;
        padding: 0 15px;
        position: fixed;
        top: 0;
        z-index: 9;
        background-color: #fff;
    }

    .title-left {
        height: 100%;
    }

    .title-left img {
        width: 101px;
        height: 18px;
    }

    .title-left img.expand {
        display: none;
    }

    .title-middle {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: auto;
        background-color: #fff;
        border-top: 1px solid #eee;
        display: none;
    }


    body.on-menu .title-middle {
        display: block;
    }

    .title-block {
        width: 100%;
        line-height: 40px;
    }

    .title-mbtn {
        position: absolute;
        top: 0;
        left: 120px;
        width: 44px;
        height: 100%;
        background: url(../img/expand.png) no-repeat center;
        background-size: 20px auto;
        transform: rotateY(180deg);
    }

    body.on-menu .title-mbtn {
        transform: rotateY(0);
    }

    .title-login {
        position: absolute;
        top: 1px;
        right: 15px;
        height: 44px;
        width: auto;
        max-width: 120px;
    }

    .title-login button {
        padding: 6px 8px;
        font-size: 12px;
        width: auto;
        white-space: nowrap;
    }

    /* page */
    .swiper {
        width: 100%;
    }

    .swiper .bannertext {
        width: 100%;
    }

    .swiper .bannerlogo-block {
        padding: 0;
        zoom: .6;
        display: block;
        margin-bottom: 0;
        position: relative;
        top: 80px;
    }

    .swiper .bannertext .bannertext-block-middle {
        margin-bottom: 20px;
    }

    .swiper .bannertext .bannertext-block-middle .bannertext-block-middle-top {
        font-size: 32px;
        margin-bottom: 0;
        line-height: 1.6em;
    }

    .swiper-slide img {
        width: 100% !important;
    }

    .swiper-pagination {
        bottom: 20px !important;
    }

    .bannerPlus {
        width: 100%;
        padding: 30px 15px;
        text-align: center;
    }

    .doc {
        display: block;
    }

    .doc-text {
        width: 100%;
    }

    .doc-title {
        padding: 0;
        font-size: 26px;
        margin-bottom: 15px;
    }

    .doc-article {
        padding: 0 15px;
        font-size: 16px;
    }

    .yellowline {
        width: 50%;
        height: 5px;
        transform: translateY(0rem);
    }

    .committee-content-text {
        width: 100%;
    }

    .important,
    .important-blue,
    .important-text {
        width: 100%;
    }

    .important-blue-block {
        font-size: 18px;
        height: auto;
        padding: 10px 0;
        width: 90%;
    }

    .important-text-block {
        width: 90%;
    }

    .important-text-2 {
        width: 100%;
    }

    .important {
        height: auto;
        margin-top: 20px;
    }

    .committee {
        width: 100%;
        overflow: visible;
        padding: 0;
        margin: 0;
    }

    .committee-top {
        width: 100%;
        padding: 0;
        margin: 0;
    }


    .bacc {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .committee-bottom {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .committee-content {
        width: 100%;
        position: relative;
        overflow: visible;
        padding: 0;
        margin: 0;
    }

    .committee-content-text {
        padding: 0;
        margin: 0;
    }

    /* 移除固定高度，让内容自适应 */
    .committee-content-text > div {
        height: auto !important;
        /* min-height: 2rem; */
        margin-bottom: 1rem;
        padding: 1rem 0;
        width: 100%;
        box-sizing: border-box;
    }

    .organizingCommittee {
        margin: 0 auto !important;
        padding: 1rem 0;
    }

    .committee-title {
        width: 100%;
        display: block;
        margin-top: 20px;
    }

    .part-member {
        display: flex !important;
        flex-direction: row !important;   /* 一定是左右，而不是上下 */
        flex-wrap: nowrap;
        width: 100%;
        height: auto;
        border-radius: 0;
        padding: 15px;
    }

    .part-member-part {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    box-sizing: border-box;
    }

    .part-member-part:first-child {
        margin-left: 0;
    }



    .committee-bottom,
    .committee-top {
        display: none;
    }

    .bannerlogo-block-left,
    .bannerlogo-block-right {
        display: block;
    }

    .logo-buttom {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: auto;
        margin: 10px 0;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .logo-block {
        display: block;
        margin-bottom: 15px;
        text-align: center;
    }

    .logo-logo1,
    .logo-logo2,
    .logo-logo3 {
        display: inline-block;
        zoom: .6;
        margin: 15px;
        vertical-align: middle;
    }

    .logo-logo1 {
        padding-left: 0;
    }

    .logo-text {
        display: block;
        margin-bottom: 15px;
        padding-left: 0;
        text-align: center;
    }

    .logo-text .logo-text-text {
        font-size: 18px;
    }

    .logo-line {
        margin: 0 auto;
    }

    .logo-line {
        height: 5px;
        transform: none;
        width: 50%;
    }

    .title-middle .title-block .title-down {
        position: relative;
        zoom: 0.8;
        padding: 0;
    }

    .title-middle .title-block.on .title-down {
        display: block;
    }

    .bottom-cent {
        display: block;
        width: 100%;
        padding: 0 15px;
    }

    .Remarks-1,
    .Remarks-3 {
        font-size: 14px;
    }

    .organizingCommittee {
        position: relative;
        display: block;
        width: 100%;
    }

    .committee-title-text {}

    .committee-title-text-on {
        height: auto;
        font-size: 22px;
        width: auto;
    }

    .Committee-yellow {
        height: 5px;
        transform: none;
        width: 50%;
    }

    .part-member {
        margin-top: 2rem !important;
        padding: 0 15px;
    }

    .part-member-part {
        line-height: 1.6;
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 2rem;
    }

    .part-member-title {
        font-size: 18px;
        margin-top: 1.5rem;
        margin-bottom: 1rem;
    }

    .part-member-font-1 {
        font-size: 14px;
        line-height: 1.8 !important;
    }

    .committee-people-row {
        flex-direction: column;
        align-items: center;
        padding: 0 15px;
    }

    .committee-part {
        position: static;
        width: 100%;
        max-width: 300px;
        margin-bottom: 30px;
        padding: 20px;
        box-sizing: border-box;
        z-index: auto;
        background-color: rgba(255, 255, 255, 0.9);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        overflow: hidden;
        height: auto;
        min-height: 200px;
    }

    .committee-part-1 {
        display: block;
    }

    .committee-part-photo {
        width: 80px;
        height: 80px;
        margin: 0 auto;
    }

    .committee-part-photo img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

    .committee-part-011 {
        font-size: 16px;
        text-align: center;
    }

    .committee-part-01-1-1 {
        font-size: 14px;
        text-align: center;
    }

    .committee-part-021 {
        font-size: 12px;
        text-align: center;
        line-height: 1.4;
    }

    .committee-activate {
        display: block;
    }

    .committee-left,
    .committee-right {
        position: absolute;
        top: 40%;

    }

    .committee-left {
        left: 15px;
    }

    .committee-right {
        right: 15px;
    }

    .construction {
        height: 400px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .CallPapers {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .CallPapers-title {
        width: 100%;
        font-size: 20px;
        height: auto;
        margin: 20px 0;
    }

    .Conference-content-title {
        font-size: 18px;
        padding: 0 15px;
    }

    .Conference-content-text {
        font-size: 16px;
    }

    .CallPapers-text {
        font-size: 16px;
        line-height: 1.6;
    }

    .Conference,
    .Conference-content {
        width: auto;
        margin: 0 20px;
    }

    .Conference-title {
        font-size: 22px;
        height: auto;
        margin-top: 20px;
    }

    .Conference-text {
        margin: 10px 0;
        font-size: 22px;
    }

    .Conference-button {
        font-size: 16px;
        height: auto;
        margin-bottom: 20px;
    }

    .Conference-content-middle {
        display: block;
        margin-bottom: 20px;
    }

    .Conference-content-block {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .Conference-content-right {
        display: block;
        padding: 0 10px;
    }

    .Conference-content-img {
        display: inline-block;
        text-align: center;
    }

    .Keynote-Special-title {
        font-size: 22px;
        text-align: center;
    }

    .Keynote-Special {
        margin: 15px 0;
        height: auto;
        display: block;
    }

    .Keynote-Special-title {
        width: 100%;
    }

    .Keynote-text-content {
        padding: 15px;
        text-align: center;
        font-size: 16px;
        line-height: 1.6;
        width: auto;
    }

    .Keynote-text-2 {
        display: block;
    }

    .Keynote-text-2-block {
        display: block;
        width: 100%;
    }

    .Keynote-text-2-left-title {
        margin: 0 auto;
        zoom: .7;
        margin-bottom: 20px;
    }

    .Keynote-text-2-left-text {
        font-size: 16px;
        padding: 0 15px;
        line-height: 1.2em;
        margin-bottom: 15px;
    }

    .Keynote-text-2-left-text>div:last-child {
        text-align: right;
        font-size: 14px;
    }

    .Keynote-text {
        margin-bottom: 0;
    }

    .Keynote-text-2-content {
        width: 100%;
        margin-top: 30px;
    }

    .Keynote-text-2-content-title {
        height: auto;
    }

    .Keynote-text-2-content-title-1 {
        z-index: 2;
        font-size: 22px;
    }

    .yellowline-Submission {
        height: 5px;
        transform: none;
        width: 50%;
        margin-bottom: 15px;
    }

    .Keynote-text-2-content-text {
        font-size: 16px;
        padding: 0 15px;
    }

    .conference-special-1 {
        z-index: 2;
        position: relative;
        height: auto;
        display: block;
        margin-top: 30px;
    }

    .conference-special-Thanks {
        width: 100%;
        font-size: 22px;
        display: block;
        text-align: center;
    }

    .yellowline-conference {
        height: 5px;
        transform: none;
        width: 50%;
    }

    .conference-special-text {
        padding: 0 15px;
        font-size: 16px;
        height: auto;
        margin-top: 15px;
    }

    .destination {
        width: 100%;
        padding-top: 20px;
    }

    .destination-block {
        display: block;
    }

    .destination-block-left {
        width: auto;
        margin: 0 15px;
        padding-bottom: 15px;
    }

    .destination-block-title-1 {
        margin: 0 auto;
        height: auto;
        font-size: 32px;
    }

    .destination-block-title-2 {
        font-size: 22px;
        height: auto;
        margin: 20px 0;
        text-align: center;
    }

    .destination-block-content-1 {
        font-size: 16px;
    }

    .destination-block-right-text-2 {
        height: auto;
        padding: 30px 0;
    }

    .destination-block-right {
        width: auto;
        overflow: hidden;
    }

    .destination-warm {
        margin: 20px 0;
        height: auto;
    }

    .destination-warm div {
        font-size: 22px;
        height: auto;
        text-align: center;
    }

    .destination-warm-block {
        display: block;
    }

    .destination-warm-block-c {
        width: 100%;
        margin-bottom: 10px;
    }

    .destination-warm-block-2 {
        display: block;
    }

    .destination-warm-block-c {
        font-size: 16px;

    }

    .destination-warm-block-2 div {
        display: inline-block;
        text-align: center;
        margin: 0 auto;
    }

    .destination-warm-block-2 div img {
        margin: 0 auto;
    }

    .destination-warm-block-2 div div {
        width: 100%;
        font-size: 16px;
    }

    .destination-vicinity-title {
        font-size: 22px;
        height: auto;
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .destination-vicinity-block {
        margin: 0 15px;
        margin-bottom: 20px;
    }

    .destination-vicinity-text {
        position: relative;
        width: 100%;
        padding: 20px;
        display: block;
        height: auto;
    }

    .destination-vicinity-text-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .destination-pay {
        display: block;
    }

    .destination-pay-block {
        width: 100%;
        margin-bottom: 10px;
        padding: 15px;
    }

    .destionation-suggest {
        padding: 0 15px;
    }

    .destionation-suggest-titke {
        font-size: 22px;
    }

    .destionation-suggest-text {
        display: block;
    }

    .destionation-suggest-text-block {
        width: auto;
        padding-left: 1rem;
        margin-bottom: 20px;
    }

    .destionation-suggest-text-block-img img,
    .destination-suggest-content-img img {
        width: 100%;
        height: auto;
    }

    .destination-suggest-title {
        height: auto;
        font-size: 22px;
        margin: 20px 15px;
        text-align: right;
    }

    .destination-suggest-content {
        display: block;
    }

    .destination-suggest-content-text {
        width: auto;
        margin: 20px 15px;
        font-size: 16px;
        line-height: 1.6em;
    }

    .destionation-suggest-text-block-content {
        font-size: 16px;
        line-height: 1.6em;

    }

    .destionation-suggest-text-block-title {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .destination-travel-content {
        width: auto;
        padding: 0 15px;
    }

    .destination-travel-title {
        height: auto;
        font-size: 22px;
        padding-top: 30px;
        padding-bottom: 15px;
    }

    .destination-travel-text {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .destination-travel-img {
        display: block;
        margin-bottom: 0;
    }

    .destination-travel-img-left-1,
    .destination-travel-img-left-2,
    .destination-travel-img-left-a,
    .destination-travel-img-left-b,
    .destination-travel-img-left-c {
        width: 100%;
        background-position: center;
        background-size: cover;
    }

    .destination-travel-img-left-1-text,
    .destination-travel-img-left-3-text,
    .destination-travel-img-left-2-text {
        width: 90%;
    }

    .destination-visa {
        width: 100%;
    }

    .destination-visa-title {
        font-size: 22px;
        margin-top: 30px;
        margin-bottom: 15px;
        height: auto;
    }

    .destination-visa-list {
        width: 100%;
    }

    .destination-visa-list-a,
    .destination-visa-list-b {
        width: 100%;
        height: auto;
        padding: 15px 0;
    }

    .destination-visa-main {
        margin-bottom: 20px;
    }

    .destination-visa-list-text {
        width: 75%;
    }

    .destination-visa-list-text div:first-child {
        font-size: 22px;
    }

    .destination-black {
        display: block;
        width: auto;
        margin: 20px 15px;
    }

    .destination-black-line {
        width: 100%;
        text-align: center;
        font-size: 14px;
    }

    .destination-pay-block-text-cent-2 {
        font-size: 22px;
    }

    .destination-visa-list-number {
        font-size: 32px;
        width: 22%;
    }

    .login-bac {
        background-size: cover;
        height: 100vh;
    }

    .login-input-left-i1 input,
    .login-input-left-i2 input {
        height: 40px;
        text-indent: 1em;
    }

    .login-input-title {
        height: auto;
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 5px;
    }

    .login-sign {
        height: auto;
        margin: 15px 0;
    }

    .login-sign-password {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: auto;
        width: 100%;
    }

    .login-sign-password > div {
        margin: 5px 0;
        color: #000;
        font-size: 14px;
    }

    .login-sign-in {
        width: 100%;
        margin-top: 15px;
    }

    .login-sign-in button {
        height: 50px;
        font-size: 16px;
        margin-top: 10px;
        width: 100%;
    }

    .login-input {
        padding: 20px !important;
        width: 90% !important;
        max-width: 320px !important;
        height: auto !important;
        min-height: 280px !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
    }

    .login-bac {
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        width: 100vw !important;
        min-height: 100vh !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .login-block {
        width: 100% !important;
    }

    .login-input-block {
        width: 100% !important;
    }

    .login-input-left {
        width: 100% !important;
    }

    /* 防止页面左右滑动 */
    body {
        overflow-x: hidden !important;
    }

    /* 确保表单元素适应手机屏幕 */
    .login-input-left-i1 input,
    .login-input-left-i2 input {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 确保标题适应手机屏幕 */
    .login-title .login-title-1,
    .login-title .login-title-2 {
        font-size: 20px !important;
    }

    .login-title .login-title-1,
    .login-title .login-title-2 {
        font-size: 28px;
    }

    .personal-middle {
        font-size: 22px;
        text-align: center;
    }

    .personal-center,
    .personal-bottom {
        font-size: 16px;
    }

    .personal-content-all {
        width: auto;
        margin: 0 15px;
    }

    .personal-title {
        margin: 0 0;
    }

    .persion-introduction {
        display: block;
    }

    .persion-introduction-left {
        width: 100%;
    }

    .myorder-table-title {
        margin-top: 30px;
        bottom: 15px;
        font-size: 22px;
    }

    .myorder-input-line {
        display: block;
    }

    .myorder-input {
        width: auto;
        height: 40px;
        margin-bottom: 10px;
        position: relative;
    }

    .myorder-input img {
        width: 20px;
        margin-right: 0;
        position: absolute;
        left: 10px;
    }

    .myorder-input img:last-child {
        left: auto;
        right: 10px;
        width: 12px;
    }

    .myorder-input input {
        height: 30px;
    }

    .myorder-button {
        width: 100%;
        height: 40px;
        font-size: 16px;
        margin-bottom: 10px;
    }

    .order-table {
        font-size: 14px;
        display: block;
        overflow: auto;
    }

    .order-table table {
        width: 200%;
    }

    .order-page {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .order-page-pagenumber-text,
    .order-page-button-2 input {
        width: 40px;
        height: 30px;
        font-size: 14px;
        margin: 0 3px;
    }

    .order-page-button-2 input {
        width: 30px;
        height: 20px;
        text-align: center;
    }

    .persion-introduction-right {
        width: 100%;
        margin-top: 40px;
    }

    .bannerdown {
        padding: 20px 0;
    }

    .bannerdown-before {
        display: block;
    }

    .bannerdown-left.bannerdown-block-f {
        text-align: center;
    }

    .bannerdown-before {
        width: 100%;
    }

    .bannerdown-left-img {
        margin: 0 auto;
    }

    .bannerdown-middle.bannerdown-block-f {
        margin-top: 40px;
    }

    .bannerdown-right {
        margin-top: 20px;
        padding: 0 20px;
    }

    .signup {
        display: block;
        background-size: cover;
        overflow: hidden;
    }

    .signup-bac {
        padding: 30px 20px;
        width: 100%;
        display: block;
        border-radius: 0;
        box-sizing: border-box;
        position: relative;
        top: 10%;
    }

    .Travel-Stay {
        padding: 20px;
        width: auto;
    }

    .Travel-Stay-Title {
        text-align: center;
        font-size: 22px;
        height: auto;

    }

    .Travel-Stay-text {
        font-size: 16px;
        margin-top: 20px;
        padding: 0;
    }

    .video_box {
        width: 100%;
        height: auto;
    }

    .Travel-Stay-Travel {
        width: 100%;
    }

    .Travel-Stay-Travel-title {
        height: auto;
        font-size: 18px;
    }

    .Travel-Stay-Travel-title2 {
        height: auto;
        font-size: 22px;
        margin-bottom: 0;
        text-align: center;
    }

    .Travel-Stay-Travel-content {
        width: 100%;
    }

    .Travel-Stay-Travel-content-top,
    .Travel-Stay-Travel-content-bottom {
        display: block;
    }

    .Travel-Stay-Travel-content-top-1,
    .Travel-Stay-Travel-content-bottom-1 {
        padding: 0 15px;
        margin: 15px 0;
    }

    .Travel-Stay-Travel-content-top-1 div:first-child,
    .Travel-Stay-Travel-content-bottom-1 div:first-child {
        font-size: 22px;
    }

    .Travel-Stay-Travel-content-top-1 div:last-child,
    .Travel-Stay-Travel-content-bottom-1 div:last-child {
        font-size: 16px;
    }

    .Travel-Stay-Travel-content-top-img {
        line-height: 0;
    }

    .Travel-Stay-Travel-content-top-img img,
    .Travel-Stay-Travel-content-bottom-img img {
        width: 100%;
        height: auto;
    }

    .Travel-Stay-Post {
        width: 100%;
    }

    .Travel-Stay-Post-title {
        font-size: 16px;
        height: auto;
        margin-top: 30px;
    }

    .Travel-Stay-Post-title-2 {
        font-size: 18px;
        height: auto;
        text-align: center;
        padding: 0 15px;
    }

    .Travel-Stay-Post-content {
        padding: 15px;
        width: auto;
    }

    .Travel-Stay-TL {
        width: 100%;
        display: block;
    }

    .Travel-Stay-Post-content-1 {
        font-size: 16px;
        margin-bottom: 0;
        padding: 0;
    }

    .Travel-Stay-last-img {
        width: 100%;
        margin-bottom: 20px;
    }

    .Travel-Stay-last-img-top,
    .Travel-Stay-last-img-bottom {
        display: block;
        margin: 0;
        overflow: hidden;
    }

    .Travel-Stay-last-img-top div:first-child img,
    .Travel-Stay-last-img-bottom div:first-child img,
    .Travel-Stay-last-img-bottom div:last-child img,
    .Travel-Stay-last-img-top div:last-child img {
        width: 101%;
        height: auto;
        position: relative;
        left: -2px;
    }

    .Travel-Stay-last-img-top>div:first-child,
    .Travel-Stay-last-img-bottom>div:first-child {
        padding: 0;

    }

    .persion-block-right button {
        width: 100%;
    }

    .Travel-Stay-TL-Left,
    .Travel-Stay-TL-right {
        margin: 0 15px;
        padding: 0;
    }

    .Travel-Stay-TL-Left-1 {
        width: 100%;
        height: 20px;
    }

    .Travel-Stay-TL-Left-2,
    .Travel-Stay-TL-right-2 {
        height: auto;
        display: block;
        margin-bottom: 10px;
    }

    .Travel-Stay-TL-Left-2 div:first-child,
    .Travel-Stay-TL-right-2 div:first-child {
        font-size: 18px;

    }

    .Travel-Stay-TL-Left-2 div:last-child,
    .Travel-Stay-TL-right-2 div:last-child {
        font-size: 16px;
        line-height: 32px;
    }

    .persion-introduction-left .persion-block {
        padding: 15px;
    }

    .Travel-Stay-TL-Left-3,
    .Travel-Stay-TL-right-3 {
        height: 200px;
        width: 100%;
        margin-bottom: 25px;
    }

    .Travel-Stay-TL-line {
        display: none;
    }

    .sign-title .sign-title-1,
    .sign-title .sign-title-2 {
        font-size: 28px;
    }

    .sign-input-name {
        font-size: 16px;
    }

    /* Contribution-Information Mobile Styles */
    .u-baseform {
        width: 100% !important;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .u-baseform .form {
        padding: 0;
    }

    .u-baseform .i {
        margin-bottom: 15px;
    }

    .u-baseform label {
        font-size: 14px;
        display: block;
        margin-bottom: 8px;
        font-weight: 600;
    }

    .u-baseform .ct {
        width: 100%;
    }

    .u-baseform .tt {
        width: 100%;
        height: 38px !important;
        font-size: 14px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    /* Author name row - stack on mobile */
    .author-name-row,
    .presenting-author-row {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .author-name-row .p,
    .presenting-author-row .p {
        flex: 1 !important;
        width: 100%;
    }

    /* Dropdown styles for mobile */
    .topic-dropdown,
    .session-dropdown {
        width: 100% !important;
    }

    .dropdown-trigger {
        width: 100%;
        padding: 10px 12px !important;
        box-sizing: border-box;
    }

    .dropdown-panel {
        width: 100% !important;
        max-height: 200px !important;
    }

    /* Checkbox and radio styles */
    .cbox {
        font-size: 14px;
        line-height: 1.6;
        padding: 5px 0;
    }

    .cbox input[type="checkbox"],
    .cbox input[type="radio"] {
        margin-right: 8px;
    }

    /* Upload section */
    .u-baseform .i:last-of-type {
        padding-bottom: 20px;
    }

    #fileUpload {
        width: 100%;
    }

    label[for="fileUpload"] {
        width: 100%;
        padding: 12px 15px !important;
        box-sizing: border-box;
    }

    #fileList,
    #uploadResult {
        width: 100%;
        box-sizing: border-box;
    }

    /* Progress bar */
    #progressContainer {
        width: 100%;
    }

    .progress {
        height: 18px !important;
    }

    /* Submit button */
    .foot {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .u-btn1 {
        width: 100% !important;
        height: 60px !important;
        line-height: 60px !important;
        font-size: 14px;
        white-space: normal;
        word-break: break-all;
        padding: 5px 10px;
        box-sizing: border-box;
    }

    /* Note and message styles */
    .note {
        font-size: 12px;
        line-height: 1.5;
        padding: 5px 0;
    }

    .head p {
        font-size: 13px;
        line-height: 1.5;
    }

    .blue {
        font-size: 13px;
    }

    /* Headings */
    .myorder-table-title {
        font-size: 18px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        padding: 0 10px;
    }

    /* Spacing adjustments */
    .ht35,
    .ht20,
    .ht10,
    .ht25 {
        height: 15px !important;
    }

    /* Personal content area */
    .personal-content {
        padding: 0 10px;
    }

    .personal-content-all {
        width: 100% !important;
        margin: 0 !important;
        padding: 0;
    }

    .personal-title {
        padding: 10px 0 !important;
        font-size: 14px;
    }

    .personal-title a {
        font-size: 12px;
    }

    /* Persion introduction mobile - stack layout */
    .persion-introduction {
        flex-direction: column !important;
        gap: 0 !important;
        padding: 0 !important;
    }

    .persion-introduction-left {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }

    .persion-introduction-left .persion-block {
        width: 100% !important;
        padding: 12px 15px !important;
        box-sizing: border-box;
        font-size: 14px;
    }

    .persion-order-right {
        width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        max-width: 100% !important;
    }

    /* Modal adjustments */
    #copyright-modal {
        width: 95% !important;
        max-width: 95%;
        padding: 15px !important;
    }

    #copyright-modal .copyright-modal-title {
        font-size: 16px !important;
    }

    #copyright-modal .copyright-modal-content {
        font-size: 13px !important;
        line-height: 1.5;
    }

    .copyright-modal-actions {
        margin-top: 15px !important;
    }

    #copyright-modal-agree {
        padding: 8px 20px !important;
        font-size: 14px;
    }

    /* Mobile menu toggle button */
    .mobile-menu-toggle {
        display: none;
        background-color: #1A87FF;
        color: white;
        padding: 10px 15px;
        border-radius: 4px;
        cursor: pointer;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 15px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }

    .mobile-menu-toggle span {
        display: inline-block;
    }

    /* 手机端：每个框一行显示 */
    .aaa {
        flex-direction: column !important;
        align-items: stretch !important;
        height: auto !important;
        gap: 12px;
    }

    .aaa > div {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 0 !important;
    }

    /* 手机端：Committee 成员列表不溢出 */
    .part-member {
        flex-direction: column !important;
        margin-top: 0 !important;
    }

    .part-member-part {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 30px !important;
    }

    .part-member-title,
    .part-member-font-1 {
        text-align: center !important;
        width: 200%;
    }

    .part-member-font-1 {
        display: block !important;
        width: 200%;
    }

    .part-member-font-1 > div {
        display: block !important;
        text-align: center !important;
        margin: 0 auto;
        margin-top: 2px;
    }
}