.anther-banner {
    position: relative;
    --pc-smaller-font-size: 1.02vw;
    --pc-small-font-size: 1.17vw;
    --pc-normal-font-size: 1.34vw;
    --pc-normal2-font-size: 1.63vw;
    --pc-big-font-size: 2.20vw;

    --mob-small-font-size: 2.78vw;
    --mob-normal-font-size: 3.45vw;
    --mob-normal2-font-size: 3.78vw;
    --mob-big-font-size: 4.13vw;
}

.another-txt-main {
    /* border: 1vw solid pink; */
    position: relative;
    top: 10vw;
    left: -2vw;
    opacity: 0;
    animation: show 1s linear;
    animation-delay: 0.4s;
    animation-fill-mode: forwards;
    z-index: 3;
}
@keyframes show {
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
}

.another-banner-title {
    width: auto;
    margin-bottom: 0.9vw;
    font-size: var(--pc-big-font-size);
    font-family: "Alibaba_PuHuiTi_Regular";
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0.08vw;
}

.another-banner-memo {
    width: auto;
    font-size: var(--pc-smaller-font-size);
    font-family: "Alibaba_PuHuiTi_Light";
    line-height: 1;
    letter-spacing: 0.1vw;
    opacity: 0.91;
    margin-bottom: 3.1vw;
}

.another-banner-btn {
    width: 12.55vw;
    height: 2.71vw;
    background-color: rgba(117, 117, 117, 0);
    border: solid 0.1vw #ffffffea;
    position: relative;
    left: -1.2vw;
    display: flex;
    align-items: center;
   
    justify-content: space-around;
    font-size: var(--pc-smaller-font-size);
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0.1vw;
    color: #ffffff;
    cursor: pointer;
    transition: background-color 0.6s, color 0.6s;
    overflow: hidden;
    transform: scale(0.8);
    text-decoration: none;
}

.another-banner-btn .txt {
    position: relative;
    z-index: 6;
    font-family: "Alibaba_PuHuiTi_Regular";
}

.another-banner-btn:hover {
    /* background-color: #ffffff83; */
    background-color: transparent;
    /* color: rgba(0, 0, 0, 1); */
}

.another-banner-btn .hover-bg {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-0%, -50%);
    isolation: isolate;
    z-index: -1;
    width: 2vw;
    opacity: 0;
    height: 100%;
    z-index: 666;
    background-color: rgba(117, 117, 117, 0.24);
    transition: width 0.5s, opacity 0.3s;
}

.another-banner-btn:hover .hover-bg {
    width: 120%;
    opacity: 1;
}

.another-banner-btn .block-row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.another-banner-btn .block {
    width: 0.26vw;
    height: 0.23vw;
    background-color: #ffffff;
    margin: 0 0.2vw;
    display: inline-block;
    transition: background-color 0.6s;
    z-index: 6;
    position: relative;
}

.another-banner-btn:hover .block {
    /* background-color: rgba(0, 0, 0, 1); */
}

.another-banner-btn .block-row.left .block:nth-child(1) {
    opacity: 0.31;
}

.another-banner-btn .block-row.left .block:nth-child(2) {
    opacity: 0.49;
}

.another-banner-btn .block-row.left .block:nth-child(3) {
    opacity: 1;
}

.another-banner-btn .block-row.right .block:nth-child(1) {
    opacity: 1;
}

.another-banner-btn .block-row.right .block:nth-child(2) {
    opacity: 0.49;
}

.another-banner-btn .block-row.right .block:nth-child(3) {
    opacity: 0.31;
}

@media (max-width: 1324px) {
    .another-txt-main {
        /* border: 1vw solid pink; */
        width: 49vw;
        position: relative;
        top: 20vw;
        left: 1.5vw;
        transform: scale(0.8);
    }

    .another-banner-title {
        width: auto;
        margin-bottom: 1.9vw;
        font-size: var(--mob-big-font-size);
        font-weight: bold;
        font-stretch: normal;
        letter-spacing: 0.38vw;
    }

    .another-banner-memo {
        width: auto;
        font-size: var(--mob-small-font-size);
        font-family: "Alibaba_PuHuiTi_Light";
        line-height: 1.3;
        letter-spacing: 0.55vw;
        opacity: 0.91;
    }

    .another-banner-btn {
        width: 35.53vw;
        height: 7.53vw;
        background-color: transparent;
        border: solid 0.13vw #ffffff;
        position: relative;
        left: -7.4vw;
        display: flex;
        align-items: center;
        justify-content: space-around;
        font-size: var(--mob-small-font-size);
        font-weight: bold;
        font-stretch: normal;
        letter-spacing: 0.33vw;
        color: #ffffff;
        cursor: pointer;
        transform: scale(0.6);
    }

    .another-banner-btn .block-row {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .another-banner-btn .block {
        width: 0.67vw;
        height: 0.67vw;
        background-color: #ffffff;
        margin: 0 0.5vw;
        display: inline-block;
    }

    .another-banner-btn .block-row.left .block:nth-child(1) {
        opacity: 0.31;
    }

    .another-banner-btn .block-row.left .block:nth-child(2) {
        opacity: 0.49;
    }

    .another-banner-btn .block-row.left .block:nth-child(3) {
        opacity: 1;
    }

    .another-banner-btn .block-row.right .block:nth-child(1) {
        opacity: 1;
    }

    .another-banner-btn .block-row.right .block:nth-child(2) {
        opacity: 0.49;
    }

    .another-banner-btn .block-row.right .block:nth-child(3) {
        opacity: 0.31;
    }
}
.focusFull{
   width: 100%;
   height: 100%;
   position: relative;
}
#focusBar .focusFull .focusL,
#focusBar .focusFull .focusR{
  opacity: 0;
  pointer-events: none;
}
.focusFull .img{
   width: 100%;
   height: var(--height);
   object-fit: cover;
}