@media screen and (max-width:768px) {

    .top {
        display: none;
    }

    .gxHead .logo {
        margin: 0.3rem;
        width: 70%;
    }

    .gxHead {
        display: block;
    }

    .section .wrapper {
        width: 100%;
        padding-top: 0px;
    }

    .index-container .swiper-container {
        margin-top: 70px;
    }

    .index-container .section1 {
        height: 240px;
    }

    .index-container .section1 .gdsy {
        display: none;
    }

    .index-container .section1 .custom-controls {
        position: absolute;
        bottom: 1px;
        right: calc((100% - 360px)/2);
    }

    .index-container .section1 .swiper-slide .slogn {
        left: 20px;
        bottom: 20px;
        padding-left: 20px;
        height: 100px;
    }

    .index-container .section1 .swiper-slide .slogn h1 {
        font-size: 20px;
        line-height: 36px;
    }

    .index-container .section1 .swiper-slide .slogn h3 {
        font-size: 16px;
        line-height: 30px;

    }

    .ppage {
        margin: 30px 0;
        display: flex;
        gap: 0.2rem;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .ppage a {
        /* padding:0 15px; */
        background-color: #fff;
        color: #000;
        width: 1rem;
        height: 1rem;
        line-height: 1rem;
        border: 1px solid #eee;
        margin-left: -1px;
        white-space: nowrap;
    }

    .ppage span {
        width: 1rem;
        height: 1rem;
        line-height: 1rem;
        background-color: #ff0000;
        color: #fff;
        border: 1px solid #ff0000;
    }

    .index-container .section1 .swiper-slide .slogn p {
        font-size: 16px;
        line-height: 30px;
    }

    .section2 {
        height: 300px;
    }

    .section2 .wrapper {
        height: 100%;
    }

    .section2 .wrapper .lj_more {
        font-size: 12px;
        width: 80px;
        height: 22px;
    }

    .section2 .wrapper .left_div .jkgm .cn {
        font-size: 16px;
    }

    .section2 .wrapper .left_div .data_div .number_j p:nth-of-type(1) {
        font-size: 16px;
    }

    .section2 .wrapper .left_div .data_div .number_j p:nth-of-type(2) {
        font-size: 12px;
        line-height: 20px;
    }

    .section2 .wrapper .left_div .data_div {
        gap: 0.5rem;
    }

    .section2 .wrapper .left_div .data_div .remark {
        font-size: 12px;
    }

    .section2 .wrapper .left_div .jkgm .en {
        font-size: 12px;
        line-height: 20px;
    }

    .section2 .wrapper .news-header {
        margin-top: 20px;
    }

    .section2 .wrapper .news-header .left {
        flex-shrink: 0;
    }

    .section2 .wrapper .news-header .left .cn-name {
        font-size: 20px;
    }

    .section2 .wrapper .news-header .left .en-name {
        font-size: 16px;
    }

    .section2 .wrapper .news-header .right {
        flex-wrap: wrap;
    }

    .section2 .wrapper .news-header .right .more {
        display: none;
    }

    .section2 .wrapper .news-header .right .tabs .tab {
        width: 80px;
        height: 30px;
        line-height: 30px;
    }

    .section2 .wrapper .wrap {
        flex-wrap: wrap;
        height: auto;
    }

    .section2 .wrapper .wrap .newsSwiper {
        width: 100%;
        height: 250px;
    }

    .section2 .wrapper .wrap .right {
        width: 100%;
    }

    .section2 .wrapper .wrap .newsSwiper .swiper-slide .news-t {
        height: 40px;
        white-space: nowrap;
        padding-right: 50px;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 40px;
    }

    .section2 .wrapper .wrap .right .active {
        height: auto;
    }

    .section2 .wrapper .wrap .right .active .cover {
        width: 120px;
        height: 120px;
        flex-shrink: 0;
        margin-right: 5px;
    }

    .section2 .wrapper .wrap .right .active .cover img {
        object-fit: cover;
    }

    .section2 .wrapper .wrap .right .news-item .info .h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .section2 .wrapper .wrap .right .news-item {
        padding-left: 10px;
    }

    .section2 .wrapper .wrap .right .news-item .info .time {
        white-space: nowrap;
    }

    .section2 .wrapper .wrap .right .active {
        padding-left: 0px;
    }

    .section3 .list {
        flex-direction: column;
    }

    .section3 .list .item {
        margin-top: 0px !important;
        margin-bottom: 15px;
    }

    .section3 .list .item .wrap {
        padding: 20px;
    }

    .section3 .list .item .wrap .icon {
        width: 40px;
        height: 40px;
        max-width: 100%;
        max-height: 100%;
    }

    .section3 .list .item .wrap .title-w .cn-title {
        font-size: 20px;
    }

    .section3 .list .item .wrap .title-w .en-title {
        font-size: 16px;
    }

    .section3 .list .item .wrap .add {
        width: 20px;
        height: 20px;
    }

    .section3 .wrapper .kj_title {
        margin-top: 20px;
    }

    .section3 .wrapper .kj_title span {
        display: inline-block;
        width: 24px;
        height: 2px;
        background: #FF2322;
    }

    .section3 .wrapper .kj_title p {
        font-family: Microsoft YaHei;
        font-weight: bold;
        font-size: 18px;
        color: #111111;
        margin: 0 0.21rem;
    }

    .section3 .wrapper .aboutUs {
        font-size: 12px;
    }

    .section3 .wrapper .news {
        padding: 0 0.5rem;
        display: flex;
        flex-direction: column;
    }

    .news .item .cover {

        width: 100% !important;
        height: 11rem !important;
    }

    .section4 .wrapper {
        padding: 0 0 20px 0;
    }

    .section4 .msg_div {
        width: 18.2rem;
    }

    .section4 .msg_div .left_tab {
        display: flex;
        flex-direction: row;
    }

    .section4 .msg_div .msg_div_content {
        display: flex;
        flex-direction: column;
    }

    .section4 .msg_div .left_tab .item {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 4.5rem;
        height: 1.4rem;
        background: rgba(230, 33, 41, 0.1);
        cursor: pointer;
    }

    .section4 .msg_div .left_tab .active {
        width: 5rem;
        background: url(../images/xxgk_bg_a.png) no-repeat;
        background-size: 100% 100%;
        padding-right: 0.2rem;
        box-sizing: border-box;
    }

    .section4 .msg_div .left_tab .item img {
        width: 1rem;
        height: 1rem;
    }

    .section4 .msg_div .left_tab .item span {
        font-size: 14px;
    }

    .section4 .msg_div .right_content .news_item .title_icon {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }

    .section4 .msg_div .right_content .news_item .remark {
        font-size: 14px;
    }

    .section4 .msg_div .right_content .news_item .time {
        font-size: 12px;
        display: none;
    }

    .section4 .msg_div .right_content .news_item .leftT {
        width: 100%;
    }

    .section4 .msg_div .right_content {
        margin: 0;
        padding: 20px 0;
        box-sizing: border-box;
    }

    .section4 .msg_div .look_more {
        height: 32px;
        font-size: 12px;
    }

    .section5 .newsSwiper1 {
        margin-top: 20px;
        height: 340px;
    }

    .section5 .newsSwiper1 .swiper-slide .cover {
        height: 220px;
    }

    .section5 .newsSwiper1 .swiper-slide .info .t {
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .section5 .newsSwiper1 .swiper-slide .info p {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        margin: 0px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .section5 .newsSwiper1 .swiper-slide .info .more {
        height: auto;
    }

    .section5 .newsSwiper1 .swiper-slide .info .more span {
        font-size: 16px;
    }

    .section5 .newsSwiper1 .swiper-slide .info .more img {
        width: 9px;
        height: 14px;
    }

    .footer .link-wrap {
        height: auto;
    }

    .footer .link-wrap .wrapper {
        width: 96%;
    }

    .footer .link-wrap .wrapper .label {
        font-size: 16px;
        white-space: nowrap;
    }

    .footer .link-wrap .wrapper .link-list {
        flex-wrap: wrap;
    }

    .footer .f-w {
        /* width: 100%; */
        flex-wrap: wrap;
        margin: 0 10px;
        flex-direction: column;
    }

    .footer .f-w .left .logo {
        width: 200px;
        height: auto;
    }

    .footer .f-w .right {
        flex-wrap: wrap;
    }

    .footer .f-w .right ul li {
        font-size: 14px;

    }

    .footer .f-w .right ul li:nth-child(1) {
        font-size: 16px;

    }

    .footer .f-w .left .codes {
        display: flex;
        justify-content: space-between;
        padding: 0 10px;
    }

    .footer .f-w .left .codes .code {
        width: 100px;
        height: 130px;
    }

    .footer .f-w .left .codes .code .g {
        height: 100px;
    }

    .footer .f-w .left .codes .code p {
        margin: 0px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .footer .f-w .left .codes select {
        width: 120px;
        height: 40px;
    }

    .footer .f-a {
        font-size: 14px;
    }

    .footer .f-a .wrapper .text_div {
        padding: 0 10px 20px 10px;
        box-sizing: border-box;
    }

    .footer .f-b {
        height: auto;
        margin: 0 10px;
    }

    .footer .f-b .wrapper {
        width: 96%;
        flex-wrap: wrap;
        display: flex;
    }

    .footer .f-b .wrapper .le {
        object-fit: contain;
        width: 6.53rem;
        height: 2.78rem;
    }

    .footer .f-b .wrapper .ri {
        object-fit: contain;
        width: 9.72rem;
        height: 2.11rem;
    }

    .footer .f-w .center .top_phone .two {
        font-size: 16px;
    }

    .footer .f-w .center .top_phone .one {
        font-size: 18px;
    }

    .banner {
        margin-top: 70px;
        height: 200px;
        background-size: cover;
        background-position: center center;
    }

    .about .page1 {
        background-size: cover;
        background-position: center;
    }

    .about .page1 .wrapper {
        width: 96%;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 50px 0px;
    }

    .about .page1 .wrapper .left {
        width: 100%;
    }

    .about .page1 .wrapper .right {
        width: 100%;
    }

    .about .page1 .wrapper .left .title-wrap .cn-title {
        font-size: 40px;
    }

    .about .page1 .wrapper .left .title-wrap .en-title {
        font-size: 28px;
    }

    .about .page1 .wrapper .left .slogn p {
        line-height: 40px;
    }

    .about .page1 .wrapper .left .cover {
        width: 100%;
        margin-bottom: 30px;
        height: auto;
    }

    .about .page1 .wrapper .right ul .top1 .num {
        font-size: 36px;
    }

    .about .page1 .wrapper .right ul {
        flex-wrap: wrap;
        margin-top: 40px;
    }

    .about .page1 .wrapper .right ul li {
        margin-bottom: 36px;
    }

    .about .overview_div .container {
        display: flex;
        flex-direction: column;
    }

    .about .overview_div .building-img {
        width: 100%;
        height: auto;
    }

    .page2 .wrapper .news-header .left .cn-name {
        font-size: 30px;
    }

    .page2 .wrapper .news-header .left .en-name {
        font-size: 20px;
    }

    .page2 .wrapper {
        width: 96%;
    }

    .page2 .wrapper table td {
        height: 40px;
        font-size: 16px;
    }

    .page2 .wrapper table thead th {
        font-size: 20px;
    }


    .page5 .wrapper {
        width: 96%;
    }

    .page5 .wrapper .title-wrap .cn-title {
        font-size: 30px;
    }

    .page5 .wrapper .title-wrap .en-title {
        font-size: 20px;
    }

    .page5 .wrapper .wrap {
        flex-wrap: wrap;
    }

    .page5 .wrapper .left {
        width: 100%;
        height: 300px;
    }

    .page5 .wrapper .wrap .left .item {
        line-height: 30px;
        padding-left: 15px;
    }

    .page5 .wrapper .wrap .left .item::after {
        width: 10px;
        height: 10px;
        top: calc(50% - 5px);
    }

    .page5 .wrapper .wrap .honorSwiper {
        width: 100%;
        height: 300px;
    }

    .page6 .wrapper {
        width: 96%;
    }

    .page6 .list-wrap .item {
        height: 40px;
        font-size: 16px;
    }

    .page6 .list-wrap .item .icon {
        width: 10px;
        height: 10px;
    }

    .page5 .wrapper .wrap .honorSwiper .swiper-slide-active {
        margin-left: 0px;
        padding: 0px;
        width: 100% !important;
    }

    .exhibition .paragraph1 .wrapper {
        width: 96%;
        margin-top: 30px;
    }

    .contact .page1 .wrapper {
        width: 96%;
        flex-wrap: wrap;
    }

    .contact .page1 .wrapper .item {
        width: 49%;
        height: 200px;
    }

    .contact .page1 .wrapper .item .icon {
        max-width: none;
        max-height: none;
        width: 30px;
        height: auto;
    }

    .contact .page1 .wrapper .item .label {
        font-size: 20px;
    }

    .contact .page1 .wrapper .item .value {
        font-size: 20px;
    }

    .contact .page1 .wrapper .item .map {
        width: 120px;
        height: 30px;
        line-height: 30px;

    }

    .contact .page1 .wrapper .item .ms {
        font-size: 12px;
    }

    .contact .page2 .wrapper {
        width: 96%;
        flex-wrap: wrap;
        box-sizing: border-box;
        padding: 30px 0px;
    }

    .contact .page2 .wrapper .left {
        width: 100%;
    }

    .contact .page2 .wrapper form {
        width: 100%;
    }

    .contact .page2 .wrapper form .ipt-wrap {
        width: 100%;
        height: 30px;
        margin: 10px 0;
    }

    .contact .page2 .wrapper form .ipt-wrap input {
        font-size: 16px;
    }

    .contact .page2 .wrapper form .area-wrap {
        height: 200px;
    }

    .contact .page2 .wrapper form .area-wrap textarea {
        font-size: 20px;
    }

    .contact .page2 .wrapper .title-wrap .cn-title {
        font-size: 30px;
    }

    .contact .page2 .wrapper form button {
        width: 120px;
        height: 30px;
        font-size: 16px;
    }

    .news .wrapper {
        width: 96%;
        padding: 30px 0px;
    }

    .contentDetail .title {
        font-size: 30px;
        line-height: 40px;
    }

    .tal-item {
        height: 100px;
    }

    .tal-item .time {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 50px;
    }

    .tal-item .info .title {
        font-size: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        line-height: 30px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .tal-item .info .desc {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .tal-item img {
        width: 30px;
        height: auto;
        margin-top: 15px;
    }

    .tal-item .time .year {
        font-size: 12px;
    }

    .tal-item .time .day {
        font-size: 14px;
    }

    .tal-item .info {
        margin-right: 30px;
    }

    .news .item {
        width: 100%;
        height: 16rem !important;
    }

    .news .item .content .title {
        height: auto !important;
        font-size: 14px !important;
        line-height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .news .item .desc {
        height: auto !important;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2 !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .news .item .more .left_div img {
        width: 0.5rem;
        height: 0.5rem;
    }

    .section3 .wrapper .news .item .more .left_div span {
        font-size: 0.56rem;
    }

    .section3 .wrapper .type_div {
        display: flex;
        flex-direction: column;
    }

    .section3 .wrapper .type_div .left_img img {
        width: 100%;
        height: auto;
    }

    .section3 .wrapper .type_div .right_img .top_img a {
        flex: 1;
    }

    .section3 .wrapper .type_div .right_img .top_img img {
        width: 100%;
        height: auto;
    }

    .section3 .wrapper .type_div .right_img .bot_img {
        width: 100%;
        height: auto;
    }

    .news .item .more .left_div span {
        font-size: 12px;
    }

    .news .item .more {
        margin-top: 10px;
        height: 1.5rem;
    }



    .exhibition .jishuzl .card {
        max-width: 100%;
    }

    .exhibition .downloadfile .file_list .item {
        font-size: 14px;
        height: 50px;
    }

    .exhibition .downloadfile .file_list .item p {
        width: 80%;
    }

    .exhibition .downloadfile .file_list .item .right_down img {
        width: 20px;
        height: 20px;
    }

    .exhibition .downloadfile .file_list .item .right_down a {
        font-size: 14px;
    }

    .product_type .left_div {
        font-size: 16px;
    }

    .news_list .item {
        min-height: 320px;
    }

    .exhibition-nav {
        overflow-x: scroll;
        box-sizing: border-box;
        height: 40px;
        line-height: 40px;
        padding: 0;
        margin-left: 5.4rem;
        width: calc(100% - 5.4rem);
        
    }

    .exhibition-nav ul {
        white-space: nowrap;
    }

    .exhibition-nav ul li {

        min-width: 70px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        /* line-height: 40px; */
    }

    .exhibition-nav ul li a {
        font-size: 12px !important;
        white-space: nowrap;
    }

    /* 横向滚动导航容器 */
.exhibition-nav ul {
  display: flex;
  flex-wrap: nowrap;    /* 关键：不换行 */
  overflow-x: auto;     /* 关键：超出横向滚动 */
  overflow-y: hidden;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  scroll-behavior: smooth; /* 平滑滚动 */
  width: 100%;           /* 跟随父级宽度 */
}

/* 每个菜单项不被挤压 */
.exhibition-nav ul li {
  flex-shrink: 0;
  display: inline-block;
}

/* 文字不换行 */
.exhibition-nav ul li a {
  white-space: nowrap;
  display: block;
  padding: 14px 15px;
}

    .exhibition-nav .right_nav {
        display: none;
    }

    .exhibition .title {
        width: 4.6rem;
        height: 3.36rem;
        left: 0;
    }

    .exhibition .title .en-title {
        font-size: 12px;
    }

    .exhibition .title .cn-title {
        font-size: 12px;
    }

    .about .overview_div {
        padding: 20px;
        height: auto;
    }

    .about .overview_div .right-section {
        width: auto;
        margin-left: 10px;
    }

    .about .overview_div .company-desc {
        font-size: 12px;
    }

    .about .overview_div .title {
        font-size: 16px;
    }

    .about .overview_div .data-num {
        font-size: 18px;
    }

    .about .overview_div .data-label {
        font-size: 14px;
    }

    .about .development_history_div {
        height: 14.6rem;
        padding: 10px;
        box-sizing: border-box;
    }

    .about .development_history_div .timeline-dot {
        width: 0.22rem;
        height: 0.22rem;
    }

    .about .development_history_div .timeline {
        height: 9rem;
    }

    .about .development_history_div .timeline-img {
        margin-bottom: 2rem;
    }

    .about .development_history_div .timeline-img {
        width: 4.8rem;
        height: 2.8rem;
    }

    .about .development_history_div .timeline-title {
        font-size: 0.48rem;
        margin-top: 0;
        margin-bottom: 4px;
    }

    .about .development_history_div .timeline-desc {
        font-size: 0.3rem;
        width: 4.8rem;
    }

    .about .development_history_div .timeline-item:nth-child(2) img {
        margin-top: 1.6rem;
    }

    .about .honor_div .title p:first-child {
        font-size: 0.66rem;
    }

    .about .honor_div .title p:nth-of-type(3) {
        font-size: 0.56rem;
    }

    .about .honor_div {
        padding: 20px;
        box-sizing: border-box;
        height: auto;
    }

    .about .honor_div .honor_list .item {
        width: 48%;
        height: auto;
    }

    .about .honor_div .honor_list .item img {
        width: 100%;
        height: 80%;
        object-fit: contain;
    }

    .about .honor_div .honor_list .item p {
        font-size: 0.6rem;
    }

    .information .list_div {
        padding: 20px;
        box-sizing: border-box;
    }

    .information .list_div .item {
        padding: 0 0.18rem;
        box-sizing: border-box;
        line-height: 60px;
    }

    .information .list_div .item .title {
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .information_details {
        padding: 0 0.4rem;
    }

    .information_details .article-header h1 {
        font-size: 0.8rem;
    }

    .information_details .article-meta {
        font-size: 0.5rem;
    }

    .information_details .share-icons img {
        width: 1rem;
        height: 1rem;
    }

    .information_details .article-footer {
        font-size: 0.5rem;
    }

    .products {
        padding: 12px;
        box-sizing: border-box;
    }

    .products .products_div .products_list {
        gap: 0.6rem;
    }

    .products .products_div .products_list .item {
        width: 48%;
        height: 10.7rem;
    }
    .products .products_div .products_list .item img{
        height: 6.3rem;
    }

    .products .products_div .products_list .item .name {
        font-size: 14px;
    }

    .products .products_div .products_list .item .remark {
        font-size: 12px;
        height: auto;
    }

    .products .products_div .products_list .item .price {
        font-size: 14px;
    }

    .marginTop {
        margin-top: 30px;
    }

    .product_out {
        padding: 20px;
        box-sizing: border-box;
    }

    .product_details .thumbnails {
        display: none;
    }

    .product_details .main-image {
        height: auto;
    }

    .product_details .product-title {
        font-size: 16px;
    }

    .product_details .product-info {
        gap: 2px;
    }

    .product_details .btn {
        padding: 0.12rem 0.4rem;
        border: none;
        border-radius: 8px;
        font-size: 0.5rem;
        cursor: pointer;
        transition: all 0.2s;
        width: 3rem;
        height: 1rem;
        border-radius: 0.26rem;
    }

    .product_out .goods_last .section-title {
        font-size: 20px;
    }

    .product_out .goods_last {
        display: flex;
        flex-direction: column;
    }

    .product_out .goods_last .left_div {
        width: 100%;
    }

    .product_out .goods_last .right_div {
        margin-top: 20px;
    }

    .myOrderCenter .container {
        display: flex;
        flex-direction: column;
        margin: 62px auto;
    }

    .myOrderCenter .sidebar {
        width: 100%;
    }

    .menu-list {
        display: flex;
        gap: 10px;
        overflow-x: scroll;
    }
     .menu-list a{
        white-space: nowrap;
     }

    .myOrderCenter {
        padding: 20px 12px;
    }

    .myOrderCenter .menu-item {
        padding: 0;
    }

    .myOrderCenter .menu-item .arrow {
        display: none;
    }

    .myOrderCenter .main-content {
        overflow-x: scroll;
    }

    .myOrderCenter .order-table {
        width: 800px !important;
    }

    .myOrderCenter .tab-item {
        width: 60px;
    }
    .myOrderCenter .menu-item.active{
        padding: 0 10px;
    }

    .receivingAddress .address-modal {
        width: 95%;
        height: 85%;
        padding: 20px;
        box-sizing: border-box;
    }

    .receivingAddress .form-label {
        font-size: 14px;
    }

    .area-selector {
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex: 1;
    }

    .area-select {
        padding: 10px 0;
    }

    .login,
    .register {
        padding: 4rem 0;
    }

    .login .login-container,
    .register .register-container {
        width: 80%;
        margin: 0 auto;

    }

    .login .login-title,
    .register .register-title {
        font-size: 0.8rem;
    }

    .login .form-label,
    .register .form-label {
        font-size: 0.6rem;
    }

    .login .form-input,
    .register .form-input {
        height: 2rem;
        line-height: 2rem;
        font-size: 0.6rem;
    }

    .login .login-btn,
    .login .register-btn,
    .register .confirm-btn {
        height: 1.5rem;
        font-size: 0.6rem;
    }

    .login .forgot-password,
    .register .login-link {
        font-size: 0.6rem;
    }

    .register .code-input,
    .register .send-code-btn {
        font-size: 0.6rem;
        height: 2rem;
        line-height: 2rem;
    }

    .myInformation .code-group{
        flex: 1;
    }
    .myInformation .send-code-btn {
        margin-top: 10px;
    }
}