.banner{
    height:100vh;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative
}
.book-box{position:relative}
.book {
    background: #be9562;
    width: 50%;
    margin:auto;
    padding: 5rem 0;
    text-align: center;
    color:#fff
}
.book-title {
    font-weight: bold;
    font-size: 3rem;
}
.book-desc {
    font-size: 1.75rem;
    margin-bottom: 2rem;
}
.gifts {
    background: #f5f7fa;
    text-align: center;
    padding: 8rem 15%;
}
.section-title {
    font-size: 2rem;
    font-weight: bold;
}
.section-desc{margin-top:1rem}
.gift_show {
    display: flex;
    justify-content: space-between;
    margin-top: 5rem;
}
.gift_box {
    width: 30%;
}
.gift_i{line-height:0}
.gift_box img{width:100%;}
.gift_c {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 25rem;
    text-align: left;
    background: #fff;
    color: #8e8e8e
}
.gift_c strong{font-size:1.25rem;margin-bottom:1rem;display:inline-block;color:#000}
.desc {
    margin-bottom: 1rem;
    text-align: justify;
    font-size: var(--small-font-size);
    line-height: 1.75;
}
.date{display:flex;justify-content:space-between;align-items:center;}
.date .line{flex:1;border-top: 1px solid;margin-right:1rem}
.international {
    text-align: center;
    padding: 8rem 10%;
}
.international img{width:100%}
.international .swiper-container{margin-top:4rem;padding-bottom:6rem;padding-right:10px}
.international .swiper-slide{box-shadow: 4px 5px 10px #dbdbdb;}
.gift_box:hover .gift_c,.swiper-slide:hover .gift_c{background:#be9562;color:#fff}
.gift_box:hover .gift_c strong,.swiper-slide:hover .gift_c strong{color:#fff}
.swiper-pagination-bullet {
    width: 105px;
    height: 4px;
    border-radius: 0;
    opacity: .1;
}
.swiper-pagination-bullet-active {
    background: #be9562;
    opacity: 1
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}