.app-product-memorabilia{background-color:#000;box-shadow:0 10px 18px rgba(63,4,4,.21);color:#fff;height:488px;overflow:hidden}@media screen and (max-width:860px){.app-product-memorabilia{height:420px}}@media screen and (max-width:600px){.app-product-memorabilia{height:auto}}.app-product-memorabilia .earth{background:url(/static/images/earth.ceddd038.png) no-repeat 50%/100% 100%;height:508px;left:-278.5px;position:absolute;top:50%;transform:translateY(-48%);width:557px}@media screen and (max-width:860px){.app-product-memorabilia .earth{height:420px;left:-230.5px;width:461px}}@media screen and (max-width:700px){.app-product-memorabilia .earth{left:-322.7px}}@media screen and (max-width:600px){.app-product-memorabilia .earth{background-image:url(/static/images/earth_m.93651ad6.png);height:0;left:50%;padding-bottom:109.7%;top:0;transform:translateX(-50%) translateY(-70%);width:100%}}.app-product-memorabilia .main{align-items:stretch;display:flex;height:100%;position:relative;width:100%;z-index:1}@media screen and (max-width:600px){.app-product-memorabilia .main{flex-wrap:wrap}}.app-product-memorabilia .title{align-items:center;display:flex;flex:0 0 auto;height:100%;padding-left:220px;user-select:none;width:60%}@media screen and (max-width:860px){.app-product-memorabilia .title{padding-left:180px}}@media screen and (max-width:700px){.app-product-memorabilia .title{padding-left:80px;width:50%}}@media screen and (max-width:600px){.app-product-memorabilia .title{height:240px;padding-left:0;padding-top:5%;width:100%}}.app-product-memorabilia .title .swiper{height:100%;overflow:visible;width:100%}.app-product-memorabilia .title .swiper-inner{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:.4;transition:opacity .3s ease}@media screen and (max-width:600px){.app-product-memorabilia .title .swiper-inner{display:block;height:auto;text-align:center}}.app-product-memorabilia .title .swiper-inner .year{font-size:24px}@media screen and (max-width:1200px){.app-product-memorabilia .title .swiper-inner .year{font-size:20px}}@media screen and (max-width:860px){.app-product-memorabilia .title .swiper-inner .year{font-size:18px}}.app-product-memorabilia .title .swiper-inner .intro{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:65%}@media screen and (max-width:1200px){.app-product-memorabilia .title .swiper-inner .intro{font-size:12px}}@media screen and (max-width:600px){.app-product-memorabilia .title .swiper-inner .intro{transform:scale(.88);transform-origin:center top;white-space:pre-wrap;width:100%}}.app-product-memorabilia .title .swiper-slide-active .swiper-inner{opacity:1}.app-product-memorabilia .content{flex:0 0 auto;height:100%;width:40%}@media screen and (max-width:700px){.app-product-memorabilia .content{width:50%}}@media screen and (max-width:600px){.app-product-memorabilia .content{width:100%}}.app-product-memorabilia .content .swiper{height:100%;width:100%}@media screen and (max-width:700px){.app-product-memorabilia .content .swiper{width:calc(100% + 3vw)}}@media screen and (max-width:600px){.app-product-memorabilia .content .swiper{height:auto;margin-left:-3vw;margin-right:-3vw;width:auto}}.app-product-memorabilia .content .swiper-slide{padding:50px 0}@media screen and (max-width:860px){.app-product-memorabilia .content .swiper-slide{padding:30px 0}}@media screen and (max-width:700px){.app-product-memorabilia .content .swiper-slide{padding:0}}.app-product-memorabilia .content .swiper-inner{background-image:linear-gradient(to right bottom,hsla(0,0%,100%,.08),hsla(0,0%,100%,0));border-radius:4px;height:100%;padding:25px}@media screen and (max-width:860px){.app-product-memorabilia .content .swiper-inner{padding:20px}}@media screen and (max-width:700px){.app-product-memorabilia .content .swiper-inner{border-radius:0}}.app-product-memorabilia .content .swiper-inner .year{align-items:center;display:flex;font-size:18px;line-height:0}@media screen and (max-width:1200px){.app-product-memorabilia .content .swiper-inner .year{font-size:22px}}@media screen and (max-width:860px){.app-product-memorabilia .content .swiper-inner .year{font-size:20px}}.app-product-memorabilia .content .swiper-inner .year:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC4yIDE0LjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0LjIgMTQuMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgc3R5bGU9Im9wYWNpdHk6LjU7ZW5hYmxlLWJhY2tncm91bmQ6bmV3Ij48cGF0aCBkPSJNNy4xIDEuMWMzLjMgMCA2IDIuNyA2IDZzLTIuNyA2LTYgNi02LTIuNy02LTYgMi43LTYgNi02bTAtMWMtMy45IDAtNyAzLjEtNyA3czMuMSA3IDcgNyA3LTMuMSA3LTctMy4xLTctNy03eiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvZz48Y2lyY2xlIGN4PSI3LjEiIGN5PSI3LjEiIHI9IjMuNSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I2ZmZiIvPjwvc3ZnPg==) no-repeat 50%/100% 100%;content:"";display:block;height:15px;margin-right:6px;width:15px}@media screen and (max-width:1200px){.app-product-memorabilia .content .swiper-inner .year:before{height:12px;width:12px}}.app-product-memorabilia .content .swiper-inner .intro{background:url(/static/images/bg.1cab2521.png) no-repeat 50%/cover;border-radius:4px;font-size:16px;line-height:2;margin-bottom:1em;margin-top:1em;min-height:152px;padding:1.25em 30% 1.25em 1.25em}@media screen and (max-width:1200px){.app-product-memorabilia .content .swiper-inner .intro{font-size:16px}}@media screen and (max-width:860px){.app-product-memorabilia .content .swiper-inner .intro{font-size:14px}}.app-product-memorabilia .content .swiper-inner .intro p{text-align:justify}.app-product-memorabilia .content .swiper-inner .data{display:flex;flex-wrap:wrap;margin:-5px -20px}@media screen and (max-width:600px){.app-product-memorabilia .content .swiper-inner .data{padding-bottom:5%}}.app-product-memorabilia .content .swiper-inner .data .item{flex:0 0 50%;padding:5px 20px}.app-product-memorabilia .content .swiper-inner .data .item strong{color:#df242a;font-size:32px;font-weight:500}@media screen and (max-width:1200px){.app-product-memorabilia .content .swiper-inner .data .item strong{font-size:26px}}@media screen and (max-width:860px){.app-product-memorabilia .content .swiper-inner .data .item strong{font-size:22px}}.app-product-memorabilia .content .swiper-inner .data .item div{font-size:14px}@media screen and (max-width:1200px){.app-product-memorabilia .content .swiper-inner .data .item div{font-size:12px}}.app-product-memorabilia .app-container{align-items:stretch;display:flex;height:100%;justify-content:flex-start;position:relative}
