[data-v-c1016ea5]:root{
    --el-color-primary:#00dbdb!important;
    --el-color-danger:red!important
}
.swiper-lazy-preloader[data-v-c1016ea5]{
    border-color:transparent #00dbdb #00dbdb
}
.my_right_arrow_btn[data-v-c1016ea5]{
    align-items:center;
    background:#00dbdb;
    border-radius:4.16667vw;
    color:#000;
    cursor:pointer;
    display:inline-flex;
    font-size:1.09375vw;
    height:2.60417vw;
    justify-content:center;
    overflow:hidden;
    padding:0 1.35417vw;
    position:relative;
    transition:all .3s;
    z-index:2
}
.my_right_arrow_btn[data-v-c1016ea5]:after{
    background:#000;
    border-radius:4.16667vw;
    content:"";
    display:block;
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    transform:scaleX(0);
    transform-origin:0 50%;
    transition:all .3s linear 0s;
    width:100%;
    z-index:-1
}
.my_right_arrow_btn svg[data-v-c1016ea5]{
    margin-left:.26042vw;
    width:.98958vw
}
.my_right_arrow_btn svg path[data-v-c1016ea5]{
    fill:#000
}
.my_right_arrow_btn[data-v-c1016ea5]:hover{
    background:none;
    color:#00dbdb
}
.my_right_arrow_btn[data-v-c1016ea5]:hover:after{
    transform:scaleX(1)
}
.my_right_arrow_btn:hover svg path[data-v-c1016ea5]{
    fill:#00dbdb
}
.my_top_arrow_btn[data-v-c1016ea5]{
    align-items:center;
    background:#00dbdb;
    border-radius:4.16667vw;
    color:#000;
    cursor:pointer;
    display:inline-flex;
    font-size:1.09375vw;
    height:3.28125vw;
    justify-content:center;
    overflow:hidden;
    padding:0 1.35417vw;
    position:relative;
    transition:all .3s;
    z-index:2
}
.my_top_arrow_btn[data-v-c1016ea5]:after{
    background:#000;
    border-radius:4.16667vw;
    content:"";
    display:block;
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    transform:scaleX(0);
    transform-origin:0 50%;
    transition:all .3s linear 0s;
    width:100%;
    z-index:-1
}
.my_top_arrow_btn svg[data-v-c1016ea5]{
    margin-left:.26042vw;
    transition:all .3s linear 0s;
    width:1.04167vw
}
.my_top_arrow_btn svg path[data-v-c1016ea5]{
    fill:#000
}
.my_top_arrow_btn[data-v-c1016ea5]:hover{
    background:none;
    color:#00dbdb
}
.my_top_arrow_btn[data-v-c1016ea5]:hover:after{
    transform:scaleX(1)
}
.my_top_arrow_btn:hover svg path[data-v-c1016ea5]{
    fill:#00dbdb
}
@media screen and (max-width:768px){
    .el-select-dropdown__wrap[data-v-c1016ea5]{
        max-height:4rem!important
    }
    .el-select-dropdown__empty[data-v-c1016ea5]{
        font-size:.3rem;
        padding:.2rem 0
    }
    .my_top_arrow_btn[data-v-c1016ea5]{
        font-size:.2rem;
        height:.5rem;
        padding:0 .3rem
    }
    .my_top_arrow_btn svg[data-v-c1016ea5]{
        margin-left:.03rem;
        width:.18rem
    }
    .my_right_arrow_btn[data-v-c1016ea5]{
        font-size:.2rem;
        height:.5rem;
        padding:0 .3rem
    }
    .my_right_arrow_btn svg[data-v-c1016ea5]{
        margin-left:.03rem;
        width:.18rem
    }
}
.screen_box[data-v-c1016ea5]{
    align-items:center;
    display:flex;
    justify-content:center;
    margin-top:5.20833vw;
    min-height:calc(100vh - 5.20833vw);
    width:100%
}
.history_swiper[data-v-c1016ea5]{
    display:block;
    padding-bottom:1.5625vw;
    padding-left:12.5vw;
    padding-top:7.29167vw;
    width:100%
}
.history_swiper[data-v-c1016ea5] .swiper-button-next,.history_swiper[data-v-c1016ea5] .swiper-button-prev{
    border:1px solid #000;
    border-radius:50%;
    bottom:auto;
    height:3.125vw;
    opacity:1;
    top:20.83333vw;
    transition:all .3s ease-in-out;
    width:3.125vw
}
.history_swiper[data-v-c1016ea5] .swiper-button-next:after,.history_swiper[data-v-c1016ea5] .swiper-button-prev:after{
    color:#000;
    font-size:1.19792vw;
    font-weight:bolder
}
.history_swiper[data-v-c1016ea5] .swiper-button-next.swiper-button-disabled,.history_swiper[data-v-c1016ea5] .swiper-button-prev.swiper-button-disabled{
    background:none
}
.history_swiper[data-v-c1016ea5] .swiper-button-next.swiper-button-prev,.history_swiper[data-v-c1016ea5] .swiper-button-prev.swiper-button-prev{
    display:none;
    left:4.16667vw
}
.history_swiper[data-v-c1016ea5] .swiper-button-next.swiper-button-next,.history_swiper[data-v-c1016ea5] .swiper-button-prev.swiper-button-next{
    right:27.60417vw
}
.history_swiper[data-v-c1016ea5] .swiper-button-next:hover,.history_swiper[data-v-c1016ea5] .swiper-button-prev:hover{
    background:rgba(0,0,0,.2);
    border-color:transparent
}
.history_swiper .pagination2[data-v-c1016ea5]{
    bottom:1.5625vw;
    display:flex;
    justify-content:center;
    left:0;
    position:absolute;
    width:100%
}
.history_swiper .pagination2 .item[data-v-c1016ea5]{
    background:#000;
    border-radius:.10417vw;
    height:.20833vw;
    margin-left:.41667vw;
    opacity:.5;
    width:1.04167vw
}
.history_swiper .pagination2 .item.is[data-v-c1016ea5]{
    opacity:1;
    width:1.66667vw
}
.history_swiper .swiper-slide .text[data-v-c1016ea5]{
    width:100%
}
.history_swiper .swiper-slide .text .tit[data-v-c1016ea5]{
    font-family:OutfitB;
    font-size:2.1875vw;
    line-height:1.5;
    margin-bottom:.78125vw
}
.history_swiper .swiper-slide .text .desc[data-v-c1016ea5]{
    color:#666;
    display:flex;
    flex-wrap:wrap;
    font-size:.9375vw
}
.history_swiper .swiper-slide .text .desc span[data-v-c1016ea5]{
    margin-right:1.04167vw;
    padding-left:.625vw;
    position:relative
}
.history_swiper .swiper-slide .text .desc span[data-v-c1016ea5]:after{
    background:#666;
    border-radius:50%;
    content:"";
    height:.3125vw;
    left:0;
    position:absolute;
    top:.3125vw;
    width:.3125vw
}
.history_swiper .swiper-slide .right_img[data-v-c1016ea5]{
    border-radius:2.08333vw;
    height:52.037vh;
    margin-bottom:1.5625vw;
    max-width:100%;
    width:92.59vh
}
.history_swiper .swiper-slide .right_img .img_bg[data-v-c1016ea5]{
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:2.08333vw;
    height:auto!important;
    overflow:hidden;
    transition:all 1s;
    width:75%
}
.history_swiper .swiper-slide .right_img img[data-v-c1016ea5]{
    display:block;
    width:100%
}
.history_swiper .swiper-slide .right_img:hover .img_bg[data-v-c1016ea5]{
    transform:scale(1.05)
}
.history_swiper .swiper-slide.swiper-slide-active .right_img .img_bg[data-v-c1016ea5]{
    padding:0;
    width:100%
}
.history_swiper[data-v-c1016ea5] .swiper-pagination{
    align-items:flex-end;
    border-bottom:.10417vw solid #e6e6e6;
    bottom:auto;
    display:flex;
    justify-content:space-between;
    left:8.54167vw;
    padding-bottom:1.04167vw;
    top:0;
    width:85.15625vw
}
.history_swiper[data-v-c1016ea5] .swiper-pagination .pagination_item{
    background:none;
    border-radius:0;
    display:block;
    height:auto;
    opacity:1;
    position:relative;
    width:auto
}
.history_swiper[data-v-c1016ea5] .swiper-pagination .pagination_item .num{
    color:#c4c4c4;
    font-family:Outfit;
    font-size:1.45833vw
}
.history_swiper[data-v-c1016ea5] .swiper-pagination .pagination_item .bar{
    background:#00dbdb;
    border-radius:50%;
    bottom:-1.51042vw;
    height:.83333vw;
    left:50%;
    opacity:0;
    position:absolute;
    transform:translate(-50%);
    width:.83333vw
}
.history_swiper[data-v-c1016ea5] .swiper-pagination .pagination_item.swiper-pagination-bullet-active .num{
    color:#00dbdb;
    font-family:OutfitB;
    font-size:2.08333vw
}
.history_swiper[data-v-c1016ea5] .swiper-pagination .pagination_item.swiper-pagination-bullet-active .bar{
    opacity:1
}
@media screen and (max-width:1336px){
    .brand_box .text[data-v-c1016ea5]{
        top:48%;
        width:52.47917vw
    }
}
@media screen and (max-width:768px){
    .screen_box[data-v-c1016ea5]{
        align-items:baseline;
        height:auto;
        min-height:auto
    }
    .title[data-v-c1016ea5]{
        color:#000;
        font-size:.36rem;
        font-weight:700;
        margin-bottom:.4rem;
        margin-left:.5rem;
        margin-top:1.4rem
    }
    .history_swiper[data-v-c1016ea5]{
        margin:0 0 1rem;
        padding:1rem 0 0;
        width:calc(100% - 1rem)
    }
    .history_swiper[data-v-c1016ea5] .swiper-button-next,.history_swiper[data-v-c1016ea5] .swiper-button-prev,.history_swiper .pagination2[data-v-c1016ea5]{
        display:none
    }
    .history_swiper[data-v-c1016ea5] .swiper-pagination{
        border-bottom:none;
        left:0;
        margin-left:0;
        overflow:scroll;
        padding:0;
        width:100%
    }
    .history_swiper[data-v-c1016ea5] .swiper-pagination::-webkit-scrollbar{
        background:rgba(0,0,0,.5);
        display:none;
        height:0;
        width:0
    }
    .history_swiper[data-v-c1016ea5] .swiper-pagination::-webkit-scrollbar-track{
        border-radius:.15625vw;
        -webkit-box-shadow:inset 0 0 .3125vw #fff
    }
    .history_swiper[data-v-c1016ea5] .swiper-pagination::-webkit-scrollbar-thumb{
        background-color:#00dbdb;
        border-radius:.15625vw;
        height:5.20833vw
    }
    .history_swiper[data-v-c1016ea5] .swiper-pagination .pagination_item{
        flex-shrink:0;
        height:.58rem;
        width:1.28rem
    }
    .history_swiper[data-v-c1016ea5] .swiper-pagination .pagination_item .num{
        font-size:.32rem;
        line-height:.58rem
    }
    .history_swiper[data-v-c1016ea5] .swiper-pagination .pagination_item .bar{
        display:none
    }
    .history_swiper[data-v-c1016ea5] .swiper-pagination .pagination_item.swiper-pagination-bullet-active{
        background-color:#00dbdb;
        border-radius:.3rem
    }
    .history_swiper[data-v-c1016ea5] .swiper-pagination .pagination_item.swiper-pagination-bullet-active .num{
        color:#000;
        font-size:.36rem
    }
    .history_swiper .swiper-slide[data-v-c1016ea5]{
        align-self:baseline;
        border-radius:.3rem;
        flex-wrap:wrap;
        height:auto
    }
    .history_swiper .swiper-slide .text[data-v-c1016ea5]{
        background:#f5f5f7;
        height:4rem;
        order:2;
        overflow:auto;
        padding:.6rem .8rem;
        width:100%
    }
    .history_swiper .swiper-slide .text .tit[data-v-c1016ea5]{
        font-size:.36rem;
        line-height:.58rem;
        margin-bottom:.2rem;
        margin-top:0
    }
    .history_swiper .swiper-slide .text .desc[data-v-c1016ea5]{
        font-size:.28rem
    }
    .history_swiper .swiper-slide .text .desc span[data-v-c1016ea5]{
        padding-left:.2rem
    }
    .history_swiper .swiper-slide .text .desc span[data-v-c1016ea5]:after{
        height:.1rem;
        top:.1rem;
        width:.1rem
    }
    .history_swiper .swiper-slide .right_img[data-v-c1016ea5]{
        border-radius:0;
        height:auto;
        margin-bottom:0;
        width:100%
    }
    .history_swiper .swiper-slide .right_img .img_bg[data-v-c1016ea5]{
        border-radius:.36rem .36rem 0 0;
        height:100%;
        width:100%
    }
    .history_swiper .swiper-slide .right_img:hover .img_bg[data-v-c1016ea5]{
        transform:scale(1)
    }
}
 