.float-btn {
    position: fixed;
    right: 10px;
    top: 45%;
    z-index: 999;
    display: flex;
    width: 60px;
    height: 60px;
    transform: translateY(-50%);
    align-self: center;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-align: center;
    line-height: 120px;
    color: white;
    font-size: 30px;
    cursor: pointer;
    background-color: whitesmoke;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    /* 让按钮变成略带圆角的方形，可根据需求调整 */
    background-color: #006caa;
    display: flex;
    justify-content: center;
    align-items: center;
}

.float-btn .float-link i.iconfont {
    color: #ffffff; /* 设置为纯白色 */
    /* 可选：可以增加字体大小让图标更清晰 */
    font-size: 24px;
}

.float-btn:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}


.inner-des {
    display: flex;
    flex-direction: column;
    width: 100%;

    .des {
        height: 0.8rem;
        width: 100%;
    }
}


.benifit-add {
    text-align: right;
    width: 4rem;

    .des {
        margin-bottom: 1.2rem;
    }
}

.contact-aiDes {
    width: 40%;
    position: absolute;
    right: .6rem;
    top: 1.6rem;
    text-align: left;
}

.new-r7 {
    height: 80vh !important;
    .layer-top-add {
        background-color: #f2f5f5;
        @extend .fxb;
        padding-bottom: .4rem;
        width: 100%;
        align-items: flex-end;
        overflow: hidden;

        h2 {
            max-height: 60%;
            line-height: 1.15;
        }
    }

    .bottom {
        position: relative;
        bottom: 0;
        width: 100%;
        max-height: calc(60% - 1.2rem);

        .fullheight {
            height: 100%;
            align-items: center;
            justify-content: center;
            align-self: center;
        }

        .feature-item {
            padding: .4rem;
            background-color: white;
            width: 90%;
            height: 100%;
            border-radius: .2rem;
            justify-content: center;

            .photo {
                height: 70%;
                width: 100%;
                justify-content: center;
                flex-direction: column;
                align-items: center;
                align-self: center;

                .imagediv {
                    height: 100%;
                }

                p {
                    padding: .2rem .4rem
                }
            }

        }
    }
}

.new-r8 {
    .layer-top-add {
        /* background-color: #f2f5f5; */
        @extend .fxb;
        padding-bottom: .4rem;
        width: 100%;
        height: 100%;
        align-items: flex-end;
        overflow: hidden;

        h2 {
            max-height: 60%;
            line-height: 1.15;
        }
    }

    .contentDes {
        margin-bottom: 0.4rem;
        text-align: left;
    }

    .bg {
        background-size: 959px;
        background-position-x: 6vw;
        background-position-y: bottom;
    }

    .inner {
        padding-top: 180px;
        padding-bottom: 100px;
        align-items: flex-start;
        mix-blend-mode: multiply;
        flex-wrap: wrap;

        .group {
            padding-top: 35px;
            width: 1165px;

            &>img {
                width: 100%;
            }
        }

        .other {
            padding-top: 80px;
            width: 100%;

            .line {
                height: 1px;
                background-color: rgba(0, 18, 10, 0.2);
                width: 100%;
                flex: 1;
                margin-right: .25rem;
            }

            h4 {
                white-space: nowrap;
            }
        }
    }
}


.cookie-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 10px;
    width: 100%;
    background-color: #f2f2f2;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 999;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

.cookie-popup p {
    margin: 0;
    flex: 1;
    font-size: 14px;
    color: #666;
}

.cookie-btn {
    background-color: #006caa;
    color: #fff;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
    margin-left: 10px;
    border-radius: 4px;
    width: 1.5rem;
}

.cookie-btn.reject {
    background-color: #fff;
    color: #006caa;
    border: 1px solid #006caa
}


.contact-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: right;
    align-items: center;
    z-index: 9999;
    font-size: 20px;
}

.popup-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    width: 300px;
    position: relative;
}

.close-popup {
    position: absolute;
    top: 0px;
    right: 5px;
    cursor: pointer;
    font-size: 20px;
}

.contact-popup form input,
.contact-popup form textarea {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
    box-sizing: border-box;
}
.contact-popup form select{
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
    padding-left: 15px;
    box-sizing: border-box;
}


.contact-popup form button {
    background-color: #006caa;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    width: 100%;
}

.bannerCot{
    p{
      display: none;
      &.active{
        display: block;
        opacity: 1;
      }
    }
}

.home-itemitro-active{
    display: block;
}

.home-itemitro-none{
    display: none;
}
.thank-contract{
    padding: 1.6rem 6% 1.6rem 6%;
    position: static;

    background-color: transparent;
    background-image: linear-gradient(180deg, #0A0B1480 50%, #FFFFFFCC 100%);
    opacity: 1;
 
    .thankBtn{
        padding: 12px 24px;
        background-color: #6eb92d;
        border-radius: .14rem;
    }
}

.tn-flex {
    display: -webkit-flex;
    display: flex;
}


/* 垂直布局 */
.tn-flex-direction-column {
    flex-direction: column;
}

/* 水平布局 */
.tn-flex-direction-row {
    flex-direction: row;
}

/* 反向垂直布局 */
.tn-flex-direction-column-reverse {
    flex-direction: column-reverse;
}

/* 反向水平布局 */
.tn-flex-direction-row-reverse {
    flex-direction: row-reverse;
}

.tn-flex-center {
    align-self: center;
}

.tn-flex-top {
    align-self: flex-start;
}

.tn-flex-end {
    align-self: flex-end;
}

.tn-flex-stretch {
    align-self: stretch;
}

.tn-flex-col-center {
    align-items: center;
}

.tn-flex-col-top {
    align-items: flex-start;
}

.tn-flex-col-bottom {
    align-items: flex-end;
}

.tn-flex-row-center {
    justify-content: center;
}

.tn-flex-row-left {
    justify-content: flex-start;
}

.tn-flex-row-right {
    justify-content: flex-end;
}

.tn-flex-row-between {
    justify-content: space-between;
}

.tn-flex-row-around {
    justify-content: space-around;
}

.tn-flex-1 {
    flex: 1
}

.tn-flex-2 {
    flex: 2
}

.tn-flex-3 {
    flex: 3
}

.tn-flex-4 {
    flex: 4
}

.tn-flex-5 {
    flex: 5
}

.tn-flex-6 {
    flex: 6
}

.tn-flex-7 {
    flex: 7
}

.tn-flex-8 {
    flex: 8
}

.tn-flex-9 {
    flex: 9
}

.tn-flex-10 {
    flex: 10
}

.tn-flex-11 {
    flex: 11
}

.tn-flex-12 {
    flex: 12
}

/* 显示一行 */
.tn-text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 显示两行 */
.tn-text-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}