html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    position: relative;
    transform-origin: top left;
    font-size: 16px;
    display: flex;
    justify-content: center;
    font-family: "Open Sans", Arial, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    scroll-behavior: smooth;


}

::-webkit-scrollbar {
    width: 1px;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

header {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0);
    z-index: 9999;
    border-bottom: 0.01rem solid #e7e7e7;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
}

/* 手机设备 */
@media (max-width: 480px) {
    /* 在小屏幕上的样式 */
    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 5.625rem;
        font-size: 1.375rem;
        width: 30.0625rem;
    }

    .mengban3_child_radius {
        width: 45.0625rem;
        height: 4.1rem;
        background-color: #ffffff;
        margin-bottom: 1vh;
        border-radius: 50px;
        border: 1px solid #dadada;
        cursor: pointer;
        display: flex;
        color: black;
        align-items: center;
        justify-content: center;
    }

    body {
        margin: 0;
        padding: 0;
        font-size: 1rem;
        width: 30.0625rem;

    }
    .footer_head {
        width: 30.0625rem;
        height: 100%;

    }
    .child_page_imgbody {
        width: 100%;
        height: 32rem;
        /*background-color: #2860ef;*/
        border-radius: 0.5rem;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }
}

/* 平板设备 */
@media (min-width: 481px) and (max-width: 1024px) {
    /* 在中等屏幕上的样式 */
    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 5.625rem;
        font-size: 1.375rem;
        width: 50rem;
    }

    .mengban3_child_radius {
        width: 50.0625rem;
        height: 4.1rem;
        background-color: #ffffff;
        margin-bottom: 1vh;
        border-radius: 50px;
        border: 1px solid #dadada;
        cursor: pointer;
        display: flex;
        color: black;
        align-items: center;
        justify-content: center;
    }

    body {
        margin: 0;
        padding: 0;
        font-size: 1rem;
        width: 50rem;
    }
    .footer_head {
        width: 50rem;
        height: 100%;

    }
    .child_page_imgbody {
        width: 100%;
        height: 22rem;
        /*background-color: #2860ef;*/
        display: flex;
        justify-content: space-between;
        border-radius: 0.5rem;
        overflow: hidden;
    }
}

/* 小型笔记本电脑 */
@media (min-width: 1025px) and (max-width: 1366px) {
    /* 在较大屏幕上的样式 */
    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 5.625rem;
        font-size: 1.375rem;
        width: 67rem;
    }

    .mengban3_child_radius {
        width: 50rem;
        height: 4.1rem;
        background-color: #ffffff;
        margin-bottom: 1vh;
        border-radius: 50px;
        border: 1px solid #dadada;
        cursor: pointer;
        display: flex;
        color: black;
        align-items: center;
        justify-content: center;
    }

    body {
        margin: 0;
        padding: 0;
        font-size: 1rem;
        width: 67rem;
    }
    .footer_head {
        width: 67rem;
        height: 100%;
    }
    .child_page_imgbody {
        width: 100%;
        height: 28.1875rem;
        /*background-color: #2860ef;*/
        display: flex;
        justify-content: space-between;
        border-radius: 0.5rem;
        overflow: hidden;
    }
}


/* 稍微大点的 */
@media (min-width: 1367px) and (max-width: 1440px) {
    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 5.625rem;
        font-size: 1.375rem;
        width: 77rem;
    }

    .mengban3_child_radius {
        width: 54rem;
        height: 4.1rem;
        background-color: #ffffff;
        margin-bottom: 1vh;
        border-radius: 50px;
        border: 1px solid #dadada;
        cursor: pointer;
        display: flex;
        color: black;
        align-items: center;
        justify-content: center;
    }

    /* 在大屏幕上的样式 */
    body {
        margin: 0;
        padding: 0;
        font-size: 1rem;
        width: 77rem;
    }
    .footer_head {
        width: 77rem;
        height: 100%;
    }
    .child_page_imgbody {
        width: 100%;
        height: 32rem;
        /*background-color: #2860ef;*/
        border-radius: 0.5rem;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }
}
/* 稍微大点的 */
@media (min-width: 1441px) and (max-width: 1700px) {
    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 5.625rem;
        font-size: 1.375rem;
        width: 87rem;
    }

    .mengban3_child_radius {
        width: 54rem;
        height: 4.1rem;
        background-color: #ffffff;
        margin-bottom: 1vh;
        border-radius: 50px;
        border: 1px solid #dadada;
        cursor: pointer;
        display: flex;
        color: black;
        align-items: center;
        justify-content: center;
    }

    /* 在大屏幕上的样式 */
    body {
        margin: 0;
        padding: 0;
        font-size: 1rem;
        width: 87rem;
    }
    .footer_head {
        width: 87rem;
        height: 100%;
    }
    .child_page_imgbody {
        width: 100%;
        height: 32rem;
        /*background-color: #2860ef;*/
        border-radius: 0.5rem;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }
}
/* 稍微大点的 */
@media (min-width: 1701px) {
    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 5.625rem;
        font-size: 1.375rem;
        width: 110rem;
    }

    .mengban3_child_radius {
        width: 54rem;
        height: 4.1rem;
        background-color: #ffffff;
        margin-bottom: 1vh;
        border-radius: 50px;
        border: 1px solid #dadada;
        cursor: pointer;
        display: flex;
        color: black;
        align-items: center;
        justify-content: center;
    }

    /* 在大屏幕上的样式 */
    body {
        margin: 0;
        padding: 0;
        font-size: 1rem;
        width: 110rem;
    }
    .footer_head {
        width: 110rem;
        height: 100%;
    }
    .child_page_imgbody {
        width: 100%;
        height: 32rem;
        /*background-color: #2860ef;*/
        border-radius: 0.5rem;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }
}
.showBigImg {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    z-index: 99999;
    display: none;
    transition: height 0.5s ease-in-out; /* 0.3秒的动画，使用ease缓动函数 */
    opacity: 0;
    overflow: auto;
}

.showBigImg_header {
    position: sticky;
    top: 0;
    left: 0;
    height: 7rem;
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding: 0 2rem;
    box-sizing: border-box;
    z-index: 99999;
    background-color: #ffffff;

}

.showBigImg_header_back {
    width: 2.8rem;
    height: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

.showBigImg_header_back img {
    width: 50%;
    height: 50%;
    object-fit: cover;
}

.showBigImg_header_back:hover {
    background-color: #f1f1f1;
}

.showBigImg_header_else {
    width: 10rem;
    height: 2.8rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.showBigImg_header_else_child {
    width: 40%;
    height: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 20px;
}

.showBigImg_header_else_child img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.showBigImg_header_else_child:hover {
    background-color: #e3e3e3;
}

.showBigImg_child {
    margin-top: 9rem;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    position: absolute;
    padding: 0 0 5rem 0;
}

.showBigImg_child_bigImg {
    position: relative;
    margin-top: 0.6rem;
    width: 50rem;
    height: 30rem;
    cursor: pointer;
    background-color: #757575;
}

.showBigImg_child_bigImg:hover .image-overlay {
    opacity: 1; /* 鼠标悬停时显示遮罩 */
}

.showBigImg_child_bigImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.twobox {
    margin-top: 0.6rem;
    width: 50rem;
    height: 15rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;

}

.showBigImg_child_smallImg {
    position: relative;
    width: 24.7rem;
    height: 15rem;
    cursor: pointer;
}


.showBigImg_child_smallImg:hover .image-overlay {
    opacity: 1; /* 鼠标悬停时显示遮罩 */
}

.showBigImg_child_smallImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.headtext {
    font-size: 1.375rem;
    font-weight: 700;
    color: #000000;
    cursor: pointer;
}
.tittle_hhh:hover{
    text-decoration: none;
}

.bodys {

    height: 100%;
    width: 100%;
}

.bodys_child {
    height: 100vh;
    width: 100%;
}

.bodys_child video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.box {
    width: 100%;
    background-color: #ffffff;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.mengban {
    height: 100vh;
    width: 100%;
    z-index: 2;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 38px;
    overflow: hidden;
}

.mengban img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mengban1 {
    flex-direction: column;
    height: 100%;
    width: 100%;
    z-index: 4;
    position: absolute;
    background-color: rgba(41, 34, 43, 0.6);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5rem;
    transition: opacity 0.5s ease;
}

.mengban2 {
    flex-direction: column;
    height: 100%;
    width: 100%;
    z-index: 3;
    position: absolute;
    color: white;
    justify-content: end;
    align-items: start;
    font-size: 1.25rem;
    display: none;
}

.centerbox {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.active {
    display: inline-block;
    transition: transform 0.3s;
    cursor: pointer;
    font-weight: 1000;
}

.active:hover {
    transform: scale(1.1);
}

.Search {
    height: 3rem;
    width: 24rem;
    border-radius: 3.125rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    font-size: 1rem;
    cursor: pointer;
}

.input1 {
    border-radius: 50px;
    width: 30%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input2 {
    border-radius: 50px;
    width: 30%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.input2::after {
    content: "";
    left: 0;
    width: 0;
    height: 2px;
    background-color: black;
    transition: width 0.3s ease;
}

.input2:hover::after {
    width: 50%;
}

.input2:hover {
    color: #777777;
}

.Search1 {
    border-radius: 3.125rem;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1aa134;
    margin-right: 0.5rem;
}

.Search2 {
    height: 3rem;
    width: 24rem;
    display: none;
    align-items: center;
    justify-content: center;
    color: #000000;
    font-size: 1rem;
    object-fit: contain;
    cursor: pointer;
}

.Search1 img {
    width: 50%;
    height: 50%;
}

.mys {
    height: 3rem;
    width: 5.625rem;
    border-radius: 3.125rem;
    border: 1px solid #adadad;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-evenly;
}


.mys:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.mys1 {
    height: 3rem;
    width: 5.625rem;
    border-radius: 3.125rem;
    border: 1px solid #adadad;
    display: none;
    align-items: center;
    cursor: pointer;
    justify-content: space-evenly;
}


.mys1:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.headerimg{
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    overflow: hidden;

}
.headerimg1{
    width: 1.8rem;
    height: 1.8rem;
}
.mengban3 {
    display: none;
    flex-direction: column;
    height: 100%;
    width: 100%;
    z-index: 5;
    left: 0;
    position: absolute;
    background-color: rgba(51, 51, 51, 0.6);
    color: white;
    font-size: 1.125rem;
    transition: height linear;
    overflow: hidden;
    align-items: center;
}

.mengban3_child {
    width: 100%;
    /*height: 10.625rem;*/
    background-color: #ffffff;
    display: flex;
    align-items: end;
    justify-content: center;
}

.showmsg {
    height: 31.25rem;
    background-color: #ffffff;
    width: 54rem;
    border-radius: 1.75rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    display: none;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.showmsg_small {
    height: 31.25rem;
    width: 54rem;
    border-radius: 1.75rem;
    display: none;
    justify-content: end;
    align-items: start;
}

.showmsg_small_child {
    height: 60%;
    width: 36%;
    background-color: #ffffff;
    border-radius: 1.75rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
}

.showmsg_small_child_item_content {
    display: flex;
    align-items: start;
    flex-direction: column;
    width: 60%;
}

.showmsg_small_child_item_content_radio {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 35%;
}

.custom-radio {
    width: 2rem;
    height: 2rem;
    text-align: center;
    border-radius: 50%;
    color: #000;
    border: 1px solid #c5c5c5;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.custom-radio:hover {
    border: 1px solid #444444;
}

.custom-radio img {
    width: 50%;
    height: 50%;
    object-fit: contain;
}

.showmsg_small_child_item {
    color: #000;
    font-size: 1.3rem;
    height: 25%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.datepicker {
    width: 50%;
    height: 100%;
    padding: 1rem 0;
    box-sizing: border-box;
    display: flex;
    align-items: start;
    justify-content: center;
}

.block {
    height: 100%;
    width: 38%;
    background-color: #ffffff;
    border-top-left-radius: 28px;
    border-bottom-left-radius: 28px;
    font-weight: 550;
    overflow: auto;
}

.block_child {
    padding: 50px 40px 10px 50px;
    font-size: 15px;
    color: black;
    background-color: #ffffff;
}

.block_child2 {
    width: 100%;
    height: 80px;
    font-size: 15px;
    color: black;
    background-color: #ffffff;
    display: flex;
    justify-content: start;
    align-items: center;
    cursor: pointer;
}

.block_child2:hover {
    background-color: #dcdcdc;
}

.block_child2_child {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background-color: #c7c7c7;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 50px;
}

.block_child2_child img {
    height: 50%;
    width: 50%;
}

.block_child2_child1 {
    margin-left: 10px;
    width: 50%;
    white-space: nowrap; /* 不换行 */
    /*overflow: hidden; !* 隐藏溢出 *!*/
    text-overflow: ellipsis; /* 使用省略号处理溢出 */
}

.block1 {
    height: 100%;
    width: 62%;
    background-color: #ffffff;
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
    font-weight: 550;
    overflow: auto;
}

.block1_child {
    width: 100%;
    height: 200px;
    background-color: #ffffff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: black;
}

.block1_child_box {
    width: 130px;
    height: 130px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d2d2d2;
    cursor: pointer;
}

.block1_child_box:hover {
    border: 1px solid #707070;
}

.block1_child_box img {
    width: 100%;
    height: 100%;
}


.item_1 {
    width: 40%;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding-left: 40px;
    box-sizing: border-box;
}

.item_1:hover {
    border-radius: 50px;
    background-color: #dcdcdc;
}

.border {
    width: 1px;
    height: 50%;
    background-color: #dcdcdc;
    right: 0;
    top: 50%;
}

.border1 {
    width: 1px;
    height: 80%;
    background-color: #dcdcdc;
    right: 0;
}

.item_2 {
    margin-left: 1px;
    height: 100%;
    width: 15%;
    border-bottom-left-radius: 30px;
    border-top-left-radius: 30px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding-left: 1rem;
    box-sizing: border-box;
}

.item_2:hover {
    border-radius: 50px;
    background-color: #dcdcdc;
}

.item_3 {
    height: 100%;
    width: 30%;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding:  0 1rem;
    box-sizing: border-box;
}

.item_3_child {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
}

.item_3_child1 {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
}

.title {
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
}

.subheading {
    font-size: 12px;
    color: #757575;
    overflow: hidden;
}

.subheading1 {
    font-size: 12px;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.auto_img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1aa134;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.auto_img img {
    width: 50%;
    height: 50%;
    object-fit: contain;
    cursor: pointer;
}

.box-list {
    margin: 0.625rem 0;
    width: 88rem;
    height: 37.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-list_child {
    width: 48rem;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid #dedede;
}

.box-list_child img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-left: 2.5rem;
    margin-top: 2.5rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.box-list_child1 {
    width: 36rem;
    height: 80%;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
}

.big_tittle {
    font-size: 1.5rem;
    color: #000;
    cursor: pointer;
}

.big_tittle:hover {
    color: #018d0b;
}

.smaller_text {
    font-size: 16px;
    color: #848484;
}

.button_all {
    border-radius: 50px;
    width: 9.375rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1aa134;
    color: white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.button_all:hover {
    background-color: #225e2c;
}

.line_back {
    margin-top: 1.5rem;
    color: #000;
    display: flex;
    align-items: end;
    justify-content: start;
    font-size: 2rem;
    font-weight: 700;
    padding: 0 0 0 10%;
}

.tx {
    width: 100%;
    height: 135rem;
    background-color: #9f9f9f;
}

.tx_child {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    height: 67.5rem;
    width: 100%;
    background-color: #000000;
    position: sticky;
    top: 0;
}

.tx_child_list {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 30rem;
    flex-direction: column;
}

.tx_child_list_c {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.tx_child_list_item {
    width: 15.125rem;
    height: 10.125rem;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.tx_child_list_item_font {
    bottom: 0.1rem;
    left: 1rem;
    position: fixed;
    color: #fff;
    display: flex;
    justify-content: end;
    align-items: start;
    font-size: 1.25rem;
    flex-direction: column;
}

.tx_child_list_box {
    background-color: #757575;
}

.inbox {
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inbox:hover {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

.inbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

footer {
    position: absolute;
    left: 0;
    width: 100%;
    height: 32rem;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    flex-direction: column;
    margin-top: 5rem;
    border-top: 0.1rem solid #d7d7d7;

}



.footer_child {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    padding: 1rem 0;
    box-sizing: border-box;
}
.footer_child_iconANDn{
    font-size: 1.8rem;
    height: 4rem;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 0.1rem solid #d7d7d7;
}
.footer_child_body{
    margin-top: 3rem;
    display: flex;
    width: 100%;
    height: 18rem;
    color: black;
    border-bottom: 0.1rem solid #d7d7d7;

}
.footer_child_body_footer{
    margin-top: 1rem;
    height: 6rem;
    width: 100%;
    display: flex;
}
.gototop{
    height: 2rem;
    color: #333;
    font-size: 0.9rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;

}
.footer_general_bigfont{
    font-size: 1.2rem;
    font-weight: 700;

}
.footer_general_a{
    font-size: 0.97rem;
    color: #333;
    margin: 0.5rem 0;
}
.footer_child_body_child{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.footer_child_body_child_body{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 1rem 0;
    box-sizing: border-box;
}
.child_page_bodys {
    position: relative;
    height: auto;
    width: 100%;
    top: 1rem;

    /*background-color: #1aa134;*/
}

/*child_page_bodys*/
.child_page_header {
    width: 100%;
    height: 6rem;
    display: flex;
    flex-direction: column;
}

.header_headline {
    font-size: 1.5rem;
    width: 100%;
    display: flex;
    justify-items: start;
    font-weight: 550;
    color: #333; /* 修改文本颜色 */
    padding: 0.3rem 0 0 0; /* 添加内边距 */
    height: 3rem;

}

.header_subheading {
    font-size: 0.8em;
    height: 1rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333; /* 修改文本颜色 */
    padding: 0.3rem 0 0 0; /* 添加内边距 */
    font-weight: 550;
    line-height: 1rem;
}

.header_subheading_chile {
    width: 85%;
    display: flex;
    justify-content: start;
    align-items: center;
    height: 100%;
}

.header_subheading_chile1 {
    width: 15%;
    height: 100%;
    display: flex;
    justify-content: end;
    align-items: center;

}

.share {
    font-size: 1.1em;
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333; /* 修改文本颜色 */
    padding: 0.3rem 0 0 0; /* 添加内边距 */
    font-weight: 550;
    line-height: 1.1rem;
    cursor: pointer;

}

.share:hover {
    background-color: #f5f5f5;
    border-radius: 1rem;
}

/*child_page_bodys*/

a {
    text-decoration: none; /* 移除下划线 */
    /*color: #0077cc; */
    color: #000;
    font-weight: bold; /* 设置链接文本加粗 */
    /* 可以添加其他样式，如背景颜色、悬停效果等 */
}

a:hover {
    text-decoration: underline; /* 鼠标悬停时重新显示下划线 */
    /* 添加悬停时的其他样式 */
}


.big_img {
    position: relative;
    width: 50%;
    height: 100%;
    cursor: pointer;
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.18); /* 半透明的黑色背景 */
    opacity: 0; /* 默认情况下不可见 */
    transition: opacity 0.1s ease; /* 添加渐变动画效果 */
}

.big_img:hover .image-overlay {
    opacity: 1; /* 鼠标悬停时显示遮罩 */
}

.big_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.samll_img {
    width: 49.5%;
    height: 100%;
    display: flex;
    flex-direction: column; /* 将子元素堆叠在垂直方向上 */
    justify-content: space-between; /* 将子元素分散放置在容器的顶部和底部 */
    align-items: flex-start; /* 在容器的起始位置对齐子元素 */
}

.small_block {
    width: 100%;
    height: 49.5%;
    display: flex;
    justify-content: space-between;

}

.samller_img {
    position: relative;
    width: 49.5%;
    height: 100%;
    cursor: pointer;
}

.samller_img:hover .image-overlay {
    opacity: 1; /* 鼠标悬停时显示遮罩 */
}

.samller_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.child_page_subbody {
    margin-top: 2rem;
    width: 100%;
    max-height: 90rem;
    /*background-color: #e70000;*/
    display: flex;
    justify-content: space-between;
    border-bottom: 0.01rem solid #c9c9c9;
    padding: 2rem 0;
    box-sizing: border-box;
}

.child_page_mainbody {
    width: 65%;
    background-color: #ffffff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.child_page_elsebody {
    flex: 1;
}

.child_page_elsebody_fudong {
    position: sticky;
    top: 3rem;
    width: 100%;
    max-height: 28rem;
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    border: 0.1rem solid rgba(210, 210, 210, 0.73);
    padding: 0.8rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;


}

.child_page_elsebody_fudong_header {
    height: 2rem;
    font-weight: 700;
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin: 0 0 1rem 0;
}

.general_hfont {
    font-size: 1.2rem;
}

.general_subfont {
    position: absolute;
    right: 0;
    font-size: 0.98rem;
    height: 5rem;
    /*background-color: #1aa134;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.general_subfont img {
    width: 80%;
    height: 100%;
    object-fit: contain;
}

.general_openubfont {
    font-size: 0.98rem;
    font-weight: 700;
    color: #1aa134;
}

.fudong_body_child_location_goto {
    font-size: 0.98rem;
    font-weight: 700;
    color: #000000;
    cursor: pointer;
}

.fudong_body_child_location_goto:hover {
    text-decoration: underline;
}

.child_page_elsebody_fudong_body {
    max-height: 30rem;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    justify-items: start;
}

.fudong_body_child_header {
    display: flex;
    align-items: center;
}

.fudong_body_child_location {
    display: flex;
    align-items: center;
}

.fudong_body_child_body {
    height: auto;
    display: flex;
    align-items: center;
    padding: 1rem 0;
    box-sizing: border-box;
    flex-direction: column;
}

.fudong_body_child_body_child {
    cursor: pointer;
    width: 100%;
    height: 2.8rem;
    border-top: 0.1rem solid #d3d3d3;
    border-left: 0.1rem solid #d3d3d3;
    border-right: 0.1rem solid #d3d3d3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.fudong_body_child_body_child1 {
    cursor: pointer;

    width: 100%;
    height: 2.8rem;
    border: 0.1rem solid #d3d3d3;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.fudong_body_child_footer {
    margin: 1rem 0;
    height: auto;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    flex-direction: column;
}

.fudong_body_child_footer_button {
    width: 100%;
    height: 3rem;
    /*background-color: #1aa134;*/
    background: linear-gradient(to right, #1aa134, #1aa134);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
}

/*.fudong_body_child_footer_button:hover{*/
/*    clip-path: circle(30% at 50% 50%);*/

/*}*/
.bigimg_overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    z-index: 1000000;
    justify-content: center;
}

img {
    -webkit-user-drag: none; /* Safari */
}

.leftArrow {
    display: flex;
    position: fixed;
    top: 47%;
    left: 1%;
    width: 3rem;
    height: 3rem;
    border: 0.18rem solid #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: width 0.3s, height 0.3s;
}

.leftArrow:hover {
    background-color: rgba(245, 245, 245, 0.29);
}

.leftArrow img {
    width: 30%;
    height: 30%;
    object-fit: contain;
}

.rightArrow {
    display: flex;
    position: fixed;
    top: 47%;
    right: 1%;
    width: 3rem;
    height: 3rem;
    border: 0.18rem solid #fff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: width 0.3s, height 0.3s;

}

.rightArrow:hover {
    background-color: rgba(245, 245, 245, 0.29);
}

.rightArrow img {
    width: 30%;
    height: 30%;
    object-fit: contain;
}

/* 大图样式 */
.image-container {
    display: flex;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-height: 80%;
    justify-content: center;
    overflow: hidden;
}

.image-container img {
    max-height: 100%;
    max-width:100% ;

}

/* 关闭按钮样式 */
.close-button {
    height: 1.5rem;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bigimg_overlay_child {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 5rem;
    padding: 0 3rem;
    box-sizing: border-box;
}

.close {
    height: 2.2rem;
    width: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
    cursor: pointer;
}

.close1 {
    height: 2.2rem;
    width: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.close:hover {
    background-color: rgba(75, 75, 75, 0.75);
}

.myall {
    position: absolute;
    right: 0;
    top: 4.5rem;
    width: 11rem;
    height: 11rem;
    background-color: #ffffff;
    border-radius: 1rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    display: none;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    overflow: hidden;

}
#myall1{
    display: none;
}
.myall_login {
    width: 100%;
    height: 33%;
    font-size: 1rem;
    padding: 0 1rem;
    box-sizing: border-box;
    font-weight: 700;
    display: flex;
    align-items: center;
    cursor: pointer;

}

.myall_login:hover {
    background-color: rgba(238, 238, 238, 0.78);
}

.myall_registered {
    width: 100%;
    height: 33%;
    font-size: 1rem;
    padding: 0 1rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    cursor: pointer;

}

.myall_registered:hover {
    background-color: rgba(238, 238, 238, 0.78);
}

.myall_help {
    border-top: 0.1rem solid rgba(220, 220, 220, 0.78);
    width: 100%;
    height: 33%;
    font-size: 1rem;
    padding: 0 1rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    cursor: pointer;


}

.myall_help:hover {
    background-color: rgba(238, 238, 238, 0.78);
}

.child_page_subbody_child {
    display: flex;
    background-color: #ffffff;
    width: 65%;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    height: 100%
}

.child_page_subbody_childheader {
    width: 88%;
    height: auto;
    max-height: 45%;
    overflow: hidden;
    margin: 1rem 0;
}

.openhours {
    width: 88%;
    height: auto;
    max-height: 10%;
    overflow: hidden;
}

.child_page_subbody_child_header {
    font-size: 1.5rem;
    width: 100%;
    display: flex;
    justify-items: start;
    font-weight: 550;
    color: #333; /* 修改文本颜色 */
    height: 2.2rem;
}


.openhours_child {
    font-size: 0.98em;
    height: 2rem;
    max-height: 7rem;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: start;
    color: #333; /* 修改文本颜色 */
    padding: 1rem 0;
}

.child_page_subbody_child_subheader {
    font-size: 0.98em;
    max-height: 40rem;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: start;
    color: #333; /* 修改文本颜色 */
    padding: 1rem 0;
}

.mapsbox {
    width: 100%;
    height: 40rem;
    display: flex;
    align-items: start;
    justify-content: start;
    /*background-color: #1aa134;*/
    flex-direction: column;
    border-bottom: 0.01rem solid #c9c9c9;
    margin: 2rem 0;

}

.map {
    width: 100%;
    height: 30rem;
}

.distance {
    width: 100%;
    font-size: 1.2rem;
    font-weight: 700;
    height: 3rem;
    display: flex;
    align-items: center;
}

.comment {
    margin-top: 1rem;
    width: 100%;
    height: auto;
    display: flex;
    align-items: start;
    justify-content: start;
    /*background-color: #1aa134;*/
    flex-direction: column;
    border-bottom: 0.01rem solid #c9c9c9;

}

.comment_header {
    width: 100%;
    height: 5rem;
    display: flex;
    justify-content: start;
    align-items: center;
    line-height: 1rem;
}

.comment_header_subheader {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
}

.comment_bigfont {
    font-size: 1.4rem;
    width: 100%;
    display: flex;
    justify-items: start;
    align-items: center;
    font-weight: 550;
    color: #333; /* 修改文本颜色 */
    box-sizing: border-box;
}

.comment_header_sub {
    width: 100%;
    box-sizing: border-box;
    height: 12rem;
    background-color: #f6fcf8;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow: auto;
}

.comment_body {
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    background-color: #ffffff;
}

.comment_body_header {
    float: right;
    width: 10rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

#smartsort {
    cursor: pointer;
    color: #1aa134;
}

#timesort {
    cursor: pointer;
    color: #333;
}

.comment_body_block {
    width: 100%;
    padding: 1.2rem;
    box-sizing: border-box;
    height: auto;
    display: flex;
    justify-content: space-between;
}

.comment_body_block_user {
    height: 100%;
    width: 7.1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

.comment_body_block_body {
    height: 100%;
    width: 88%;
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
}

.comment_body_block_body_content {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: start;

}

.comment_body_block_body_img {
    width: 8rem;
    height: 8rem;
    display: flex;
    margin: 0.2rem;
    background-color: #2a2227;
    overflow: hidden;
    cursor: pointer;
}

.comment_body_block_body_img_img {
    object-fit: contain;
}

.comment_body_block_body_imgbox {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.comment_body_block_body_footer {
    width: 100%;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.5rem;

}

.praise {
    display: flex;
    align-items: center;
    cursor: pointer;
    line-height: 1.5rem;
    font-size: 0.9rem;
}
.footer_inner_div1{
    font-size: 0.9rem;
    color: #757575;
}
.comment_body_block_user_avatar {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    overflow: hidden;
    background-size: 100% 100%;
    background-position: center center;

}


.comment_body_block_user_name {
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comment_body_block_user_star {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.comment_header_lable {
    width: fit-content;
    display: initial;
    align-items: center;
    border-radius: 0.2rem;
    margin: 0.8rem;
    height: 1.3rem;
    cursor: pointer;
    color: #5b5b5b;
}

.comment_header_lable:hover {
    color: #1aa134;
}

/*.comment_header_sub > * {*/
/*    flex: 1;*/
/*    padding: 0.1rem;*/
/*    box-sizing: border-box;*/
/*    white-space: nowrap;*/
/*    overflow: hidden;*/
/*    text-overflow: ellipsis;*/
/*}*/
.comment_smallfont {
    font-size: 0.98em;
    max-height: 40rem;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: start;
    color: #333; /* 修改文本颜色 */
}

.linegeneral {
    width: 100%;
    height: 0.1rem;
    background-color: #ececec;
}

.generallocationtext{
    margin-top: 10px
}
#destination{
    border : none;
    background-color: rgba(0,0, 0, 0);
    font-weight: 700;
    font-size: 0.9rem;
}
#destination:focus{
    border : none;
    outline: none;
}

#playpeople{
    width: 9.375rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.commenticon{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18rem;
    padding: 0.5rem;
    box-sizing: border-box;
    flex-direction: column;
}
.commenticon_body{
    width: 100%;
    height: auto;
    display: flex;
    align-items: start;
    justify-content: center;
    padding: 2rem 0;
    box-sizing: border-box;
    flex-direction: column;
}
.commenticon_body_header{
    flex: 1;
}
.commenticon_body_body{
    margin: 1rem 0;
    width: 12.8rem;
    height: 3.28rem;
    border: 0.1rem solid black;
    border-radius: 12px;
    display: flex;
    color: #333333;
    font-weight: 700;
    font-size: 1.2rem;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}
.commenticon_body_body:hover{
    background-color: rgba(224, 224, 224, 0.27);
}
.maisui{
    height: 80%;
    max-width: 100%;
    background-color: transparent;
    filter:drop-shadow(0px 0px 10px rgba(255, 160, 0, 0.5));

}
.commenticon_header{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18rem;
    height: 100%;
}
.commenticon_subheader{
    position: absolute;
    color: #333;
    font-weight: 600;
    font-size: 5rem;
}
.commenticon_subheader_body{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.98rem;
    color: #333;
    flex-direction: column;
}
.commenticon_subheader_body_header{
    color: #333;
    font-size: 1.1rem;
    font-weight: 700;
}
.commenticon_subheader_body_body{
    color: #717171;
    font-size: 1.0rem;
}
.commenticon_subheader_body_foolter{
    color: #717171;
    font-size: 1.0rem;
}
.QandA{
    width: 100%;
    height: 50rem;

}
iframe{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}


/*
Listbox
*/
.filter{
    position: relative;
    width: 100%;
    height: 6rem;
    /*background-color: #1aa134;*/
    display: flex;
    align-items: center;
    margin-top: 1rem;
    box-sizing: border-box;
    overflow: hidden;
}
.iconlf{
    position: absolute;
    right: 0;
    width: 5rem;
    height: 100%;
    background: linear-gradient(to right ,rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 1));
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;

}
.iconlf1{
    position: absolute;
    left: 0;
    width: 5rem;
    height: 100%;
    background: linear-gradient(to right ,rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.2));
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;

}
.filter_body{
    padding-left: 1.8rem;
    box-sizing: border-box;
    width: auto;
    height: 100%;
    /*background-color: #ba8b00;*/
    display: flex;
    transition: transform 0.5s ease;

}

.filter_item{
    height: 100%;
    width: 5.8rem;
    /*background-color: #a11a72;*/
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    color: #757575;
    cursor:pointer ;

}
.filter_item.active::after {
    width: 50% !important;
}
.filter_item::after {
    content: "";
    left: 0;
    width: 0;
    height: 2px;
    background-color: black;
    transition: width 0.3s ease;

}

.filter_item:hover::after {
    width: 50%;
}

.filter_item:hover {
    color: #000;
}
.filter_item_img{
    width: 2em;
    height: 2rem;
    /*background-color: #ba8b00;*/
    display: flex;
    align-items: center;
    justify-content: center;

}
.filter_item_img img{
    width: 88%;
    height: 88%;

}
.filter_item_body{
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

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

}
.list_item_body{
    display: flex;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
}
.list_item{
    width: 290px;
    height: 280px;
    margin: 10px;
    overflow: hidden;
    cursor: pointer;
}

.list_item_child{
    display: flex;
    overflow: hidden;
    border-radius: 1rem;
    position: relative;
    align-items: center;

}
.list_item_child img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: left 0.5s ease-in-out;

}

/*.list_item_child img.new {*/
/*    transform: translateX(-100%);*/

/*}*/
.list_item_child_header{

    width: 100%;
    height: 30%;
    display: flex;
    justify-content: start;
    flex-direction: column;
    margin-top: 1rem;
}
.list_item_child_header_child{
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
}
.list_item_child_header_body{
    color: #757575;
    margin-top: 0.5rem;
}
.list_item_child_header_footer{
    margin-top: 0.5rem;
    font-size: 0.98rem;
    font-weight: 600;
}
.drop{
    position: absolute;
    width: 100%;
    height: 2rem;;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.drop_num{
    width: 0.4rem;
    height: 0.4rem;
    background-color: rgba(211, 211, 211, 0.9);
    border-radius: 50%;
    margin: 0 0.18rem;
}
.drop_numaa{
    width: 0.44rem;
    height: 0.44rem;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    margin: 0 0.18rem;
}

.arrowr, .arrowl{
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    right: 1rem;
    background: rgba(255, 255, 255, 0.9);
    display: none;
    align-items: center;
    justify-content: center;
    transition : transform 0.2s ease-in;

}
.arrow_icon {
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    transition : transform 0.2s ease-in;
    border: 0.1rem solid #000;
    cursor: pointer;
    z-index: 999;
}
.arrow_icon:hover{
    transform : scale(1.1);
}
.arrow_icon img{
    width: 30%;
    height: 50%;
}
.arrowl {
    left: 1rem;
}

.arrowr {
    right: 1rem;

}
.arrowl img,
.arrowr img{
    width: 30%;
    height: 50%;
}
.arrowl:hover,
.arrowr:hover{
    transform : scale(1.1);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
}