.public {
    width: 100%;
    max-width: 14rem;
    height: 100%;
    margin: 0 auto;
}


.content_list {
    width: 100%;
    margin-top: 0.3rem;
    margin-bottom: 0.6rem;
}

.content_list .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.content_list .out .viewBox {
    width: 31%;
    border: 0.01rem solid #1919192f;
    box-sizing: border-box;
    padding: 0.2rem;
    position: relative;
}

.content_list .out .viewBox h5 {
    color: #1a1a1ac2;
    font-size: 0.18rem;
    margin-bottom: 0.15rem;
    text-transform: uppercase;
}

.content_list .out .viewBox img {
    width: 100%;
    display: block;
    margin-top: 0.2rem;
    margin-bottom: 0.1rem;
}

.content_list .out .Latest_News .list {
    width: 100%;
}

.content_list .out .Latest_News .item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.1rem;
}

.content_list .out .Latest_News .item:last-child {
    margin-bottom: 0px;
}

.content_list .out .Latest_News .item a {
    width: 100%;
    padding-right: 0.3rem;
    box-sizing: border-box;
    color: #1a1a1ac2;
    font-weight: 500;
    font-size: 0.14rem;
    line-height: 1.6em;
}

.content_list .out .Latest_News .item span {
    flex: none;
    color: #191919;
    font-size: 0.14rem;
    font-weight: 400;
}

.content_list .out .Latest_News .item a:hover {
    text-decoration: underline;
}

.content_list .out .viewBox h6 {
    line-height: 1;
    color: #1a1a1ac2;
    font-size: 0.16rem;
    margin: 0.1rem 0px 0.15rem 0px;
}

.content_list .out .viewBox p {
    color: #191919;
    font-size: 0.13rem;
    line-height: 1.6em;
    margin-bottom: 0.2rem;
}

.content_list .out .Products a {
    position: absolute;
    bottom: 0.2rem;
    right: 0.2rem;
    color: #1a1a1ac2;
    font-size: 0.14rem;
    font-weight: 400;
}

.content_list .out .Offers_Promotions {
    cursor: pointer;
}


#main {
    margin-top: 1.5rem;
}

.pages_yem .Nav_Menu {
    background: #fffff;
}

.public_top_Form {
    width: 100%;
    margin-left: auto;
    width: max-content;
    display: flex;
    align-items: center;
}

.public_top_Form span {
    font-size: 0.19rem;
    color: #333;
    font-weight: 500;
    margin-right: 0.1rem;
}

.public_top_Form input {
    width: 0.72rem;
    height: 0.36rem;
    padding: 0.1rem;
    box-sizing: border-box;
    border: 0.01rem solid #19191931;
    box-sizing: border-box;
}

.public_top_Form input:nth-child(3) {
    width: 1.45rem;
}

.public_top_Form button {
    width: 0.6rem;
    height: 0.36rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a1a1ac2;
    font-size: 0.15rem;
    font-weight: 400;
    background: #57BBEB;
    margin-left: 0.15rem;
    border-radius: 0.3rem;
    border: none;
    cursor: pointer;
}



.Dialog_out {
    width: 100% ;
    background: #0000001f;
    height: 100vh;
    position: fixed ;
    top: 0px ;
    left: 0px ;
    z-index: 20000 ;
    display: none ;
}

.Dialog_out .out {
    width: 95% ;
    max-width: 4.98rem ;
    position: absolute ;
    left: 50% ;
    transform: translateX(-50%);
    top: 10% ;
    background: #FFF ;
    border-radius: 0.05rem ;
    box-shadow: 0px 0px 0.1rem 0.01rem #00000028 ;
}

.Dialog_out .out .title {
    display: flex ;
    align-items: center ;
    justify-content: space-between ;
    padding: 0.09rem 0.18rem ;
    box-sizing: border-box ;
    padding-bottom: 0.15rem ;
    border-bottom: 0.01rem solid #0000001a ;
}

.Dialog_out .out .title h5{
    color: #1a1a1ac2 ;
    font-size: 0.2rem ;
    font-weight: 500;
}

.Dialog_out .out .title img {
    height: 0.2rem ;
    display: block ;
    cursor: pointer;
}

.Dialog_out .out .Dialog_swiper {
    width: 100% ;
    padding: 0.18rem ;
    box-sizing: border-box ;
}

.Dialog_out .out .Dialog_swiper .swiper-slide {
    width: 100% ;
}

.Dialog_out .out .Dialog_swiper .swiper-slide img {
    width: 100% ;
    display: block ;
}

.Dialog_out .out .swiper-button-prev,
.Dialog_out .out .swiper-button-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13%;
    background: #ffffff00;
    height: 100%;
    top: 0px;
    margin-top: 0px;
}

.Dialog_out .out .swiper-button-prev {
    left: 0px;
}

.Dialog_out .out .swiper-button-next {
    right: 0px;
}

.Dialog_out .out .swiper-button-prev::after,
.Dialog_out .out .swiper-button-next::after {
    color: #000;
    font-size: 0.2rem;
}

.Dialog_out .out .swiper-button-prev:hover,
.Dialog_out .out .swiper-button-next:hover {
    background: #0000002c;
}



.toggle_button {
    width: 0.4rem;
    height: 0.3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 0.5rem;
    cursor: pointer;
    display: none;
}

.toggle_button span {
    height: 0.03rem;
    width: 100%;
    display: block;
    background: #1a1a1ac2;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.toggle_button.on span:nth-child(1) {
    transition-delay: 0.2s;
    transform: rotate(45deg);
    transform-origin: 0.01rem;
}

.toggle_button.on span:nth-child(2) {
    opacity: 0;
    transform: translateX(0.25rem);
}

.toggle_button.on span:nth-child(3) {
    transition-delay: 0.4s;
    transform: rotate(-45deg);
    transform-origin: 0.01rem;
}


#Main {
    padding: 0.5rem 0px;
    box-sizing: border-box;
    width: 100%;
    max-width: 12rem;
    margin: 0 auto;
}

.Track {
    border-radius: 0.04rem;
    display: flex;
    position: relative;
    background: #FFF;
    border: 0.01rem solid #8c8c8c;
    box-sizing: border-box;
    width: max-content;
    height: 0.56rem;
    position: relative;
    overflow: hidden;
    padding: 0.02rem;
    box-sizing: border-box;
}

.Track label {
    display: block;
    width: 100%;
    font-size: 0.1rem;
    color: #444;
    position: absolute;
    left: 0.13rem;
    top: 0.03rem;
    z-index: 0;
}

.Track input {
    width: 4.69rem;
    padding: 0.18rem 0.13rem 0px 0.13rem;
    box-sizing: border-box;
    height: 100%;
    display: block;
    position: relative;
    z-index: 1;
    background: none;
    color: #333;
    font-size: 0.15rem;
}

.Track button {
    width: 1.12rem;
    height: 100%;
    background: #1a1a1ac2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 0.16rem;
    border: none;
    border-radius: 0px 0.04rem 0.04rem 0px;
    font-weight: bold;
    cursor: pointer;
}

.Track button:hover {
    background: #8b0a11;
}

.picker_pages {
    width: 100%;
    max-width: 8.93rem;
    border: 0.01rem solid #8c8c8c;
    border-radius: 0.04rem;
    margin-top: 0.5rem;
    background: #FFF;
}

.picker_pages .page {
    padding: 0.28rem;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #b2b2b2;
}

.picker_pages .page_1 .txt {
    display: flex;
    align-items: center;
    margin-bottom: 0.14rem;
}

.picker_pages .page_1 .txt span {
    font-weight: 400;
    font-size: 0.15rem;
    color: #191919;
}

.picker_pages .page_1 .txt b {
    font-size: 0.15rem;
    color: #191919;
}

.picker_pages .page_2 {
    width: 100%;
}

.picker_pages .page_2 .tit {
    margin-bottom: 0.2rem;
}

.picker_pages .page_2 h5 {
    color: #67a31d;
    font-size: 0.22rem;
    margin-bottom: 0.07rem;
    line-height: 1.5em;
}

.picker_pages .page_2 p {
    font-weight: 400;
    font-size: 0.14rem;
    color: #191919;
}

.picker_pages .page_2 .iocn_box {
    margin: 0.1rem 0px;
    display: flex;
    align-items: center;
}

.picker_pages .page_2 .iocn_box .item {
    clip-path: polygon(0.01rem 0, calc(100% - 0.06rem) 0, calc(100% - 0.01rem) 0.05rem, calc(100% - 0.06rem) 0.1rem, 0.01rem 0.1rem, 0.06rem 0.05rem);
    background: #67a31d;
    width: 33.33%;
    height: 0.1rem;
    position: relative;
}

.picker_pages .page_2 .iocn_box .item:nth-child(1) {
    background: linear-gradient(90deg, #fff 0, #fff 0.1rem, #67a31d 0.1rem, #67a31d 100%);
    clip-path: polygon(0 -0.1rem, 0.2rem -0.1rem, 0.2rem 0, calc(100% - 0.06rem) 0, calc(100% - 0.01rem) 0.05rem, calc(100% - 0.06rem) 0.1rem, 0 0.1rem);
}

.picker_pages .page_2 .iocn_box .item:nth-child(3) {
    background: linear-gradient(270deg, #fff 0, #fff 0.1rem, #67a31d 0.1rem, #67a31d 100%);
    clip-path: polygon(0.01rem 0, 100% 0, 100% 0.2rem, calc(100% - 0.2rem) 0.2rem, calc(100% - 0.2rem) 0.1rem, 0.01rem 0.1rem, 0.06rem 0.05rem);
}


.picker_pages .page_2 .iocn_box .item:nth-child(1)::before {
    border: 0.1rem solid #67a31d;
    border-radius: 0.14rem;
    clip-path: polygon(0 0.1rem, 0.1rem 0.1rem, 0.12rem 0.27rem, 0 0.27rem);
    content: "";
    height: 0.07rem;
    left: 0;
    position: absolute;
    top: -0.17rem;
    width: 0.03rem;
}

.picker_pages .page_2 .iocn_box .item:nth-child(3)::before {
    border: 0.1rem solid #67a31d;
    border-radius: 0.14rem;
    clip-path: polygon(0.1rem 0, 0.23rem 0, 0.23rem 0.17rem, 0.13rem 0.17rem);
    content: "";
    height: 0.07rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 0.03rem;
}

.picker_pages .page_2 .begin {
    color: #191919;
    font-size: 0.15rem;
    font-weight: bold;
    text-align: left;
    display: block;
}

.picker_pages .page_2 .terminus {
    color: #191919;
    font-size: 0.15rem;
    font-weight: bold;
    text-align: right;
    display: block;
}

.picker_public_title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.picker_public_title h5 {
    font-size: 0.22rem;
    color: #191919;
}

.picker_public_title svg {
    fill: #1a1a1ac2;
    height: 0.24rem;
}

.picker_public_title.active svg {
    transform: rotate(180deg);
}

.picker_pages .page_3 ul {
    padding-top: 0.28rem;
    width: 100%;
    display: none;
}

.picker_pages .page_3 ul li {
    display: flex;
    align-items: center;
    background: #f2f2f2;
    padding: 0.07rem;
    box-sizing: border-box;
}

.picker_pages .page_3 ul li:nth-child(2n) {
    background: #FFF;
}

.picker_pages .page_3 ul li span:nth-child(1) {
    width: 40%;
    padding-right: 0.21rem;
    box-sizing: border-box;
}

.picker_pages .page_3 ul li span {
    width: 60%;
    color: #191919;
    font-size: 0.14rem;
}

.picker_pages .page_3 ul li span a {
    color: #1a1a1ac2;
    font-size: 0.14rem;
}

.picker_pages .page_4 ul {
    padding-top: 0.28rem;
    display: none;
}

.picker_pages .page_4 ul li {
    border-bottom: 0.01rem solid #b2b2b2;
    padding: 0.14rem 0px;
}

.picker_pages .page_4 ul li .item {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.picker_pages .page_4 ul li .item .left {
    width: 2.24rem;
    padding-bottom: 0.14rem;
}

.picker_pages .page_4 ul li .item .left .tit {
    display: none;
}

.picker_pages .page_4 ul li .item:nth-child(1) .tit {
    display: block;
}

.picker_pages .page_4 ul li .item .left span {
    font-size: 0.14rem;
    color: #191919;
    font-weight: 400;
}

.picker_pages .page_4 ul li .item .left h5 {
    font-size: 0.18rem;
    color: #191919;
    margin-bottom: 0.07rem;
    line-height: 1.5em;
}

.picker_pages .page_4 ul li .item .left p {
    font-size: 0.14rem;
    color: #191919;
    font-weight: 300;
}

.picker_pages .page_4 ul li .item .conter {
    position: relative;
}

.picker_pages .page_4 ul li .item .conter svg {
    height: 0.2rem;
    fill: #191919;
    background: #FFf;
    position: relative;
    z-index: 10;
}

.picker_pages .page_4 ul li .item .conter i {
    width: 0.01rem;
    height: 100%;
    background: #191919;
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.picker_pages .page_4 ul li .item .right {
    width: 5.43rem;
    padding-bottom: 0.14rem;
}

.picker_pages .page_4 ul li .item .right b {
    font-size: 0.14rem;
    color: #191919;
}

.picker_pages .page_4 ul li .item .right p {
    font-size: 0.14rem;
    color: #191919;
}

.picker_pages .page_4 ul li .item .right span {
    display: flex;
    align-items: center;
    font-size: 0.14rem;
    color: #191919;
}

.picker_pages .page_4 ul li .item .right span a {
    font-size: 0.14rem;
    color: #1a1a1ac2;
}

.picker_pages .page_4 ul li:last-child {
    border-bottom: none;
}

.track-query__container--simplified {
    width: 100%; /* 全屏宽度 */
    height: 150px;
    background-color: #fff;
    padding: 2rem 0px 1rem 0px;
    box-sizing: border-box;
}

.track-query__heading--adjusted {
    max-width: 12rem; /* 文字区域最大宽度 */
    margin: 0 auto; /* 水平居中 */
    color: #1a1a1ac2;
    font-weight: bold;
    font-size: 45px;
    text-align: left; /* 文字左对齐 */
}
@media (max-width: 768px) {
    .Track {
        width: 100%;
    }

    .Track .box {
        width: 100%;
    }

    .Track input {
        width: 100%;
    }
    
      .track-query__heading--adjusted {
        font-size: 35px;
    }  
}
@media (max-width: 480px) {
    .track-query__heading--adjusted {
        font-size: 28px;
    }
}


@media (max-width: 360px) {
    .track-query__heading--adjusted {
        font-size: 22px;
    }
}
@media (max-width:1024px) {

    .public {
        padding: 0px 0.2rem;
        box-sizing: border-box;
    }

    .toggle_button {
        display: flex;
    }


    .content_list .out {
        flex-wrap: wrap;
    }

    .content_list .out .viewBox {
        width: 100%;
        margin: 0.2rem 0px;
    }

    #main {
        padding: 0.9rem 0px;
        margin-top: 0px;
    }

    #Main {
        padding: 0px ;
        padding-top: 1.4rem ;
    }

    .Latest_News_list ul li span:nth-child(3) {
        width: 21%;
    }

    .Latest_News_list ul li span:nth-child(2) {
        width: 70% ;
    }

    .Latest_News_list ul li span:nth-child(1) {
        width: 9% ;
    }

}





@media (min-width:1601px) and (max-width:1920px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 19.2);
    }
}

@media (min-width:1441px) and (max-width:1600px) {
    html {
        font-size: 75px;
        font-size: calc(100vw / 16);
    }
}

@media (min-width:1025px) and (max-width:1440px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 14.4);
    }
}

@media (min-width:769px) and (max-width:1024px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 10.24);
    }
}

@media (min-width:426px) and (max-width:768px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 7.68);
    }
}

@media (max-width:425px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 4.25);
    }
}

@media (min-width:1920px) {
    html {
        font-size: 100px !important;
    }
}