.ranking-box[data-v-02f2b399]{background:url(./detail-bg.BQGPXOzw.webp) no-repeat;background-size:100%;min-height:100vh;padding:100px 16% 50px;width:100%}.swiper-box[data-v-02f2b399]{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#ffffffe6;border:4px solid #fff;border-radius:40px;box-shadow:0 0 26px #1514143b;display:flex;height:55vh;margin-bottom:1rem;overflow:hidden;z-index:1}.swiper-box .left-box[data-v-02f2b399]{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1rem 5rem;width:50%}.swiper-box .left-box .left-box-1[data-v-02f2b399]{display:flex;margin-bottom:1rem}.swiper-box .left-box .left-box-2[data-v-02f2b399]{align-items:center;color:#666;display:flex;margin-bottom:1rem;word-break:break-all}.swiper-box .left-box .left-box-2 ul[data-v-02f2b399]{display:flex}.swiper-box .left-box .left-box-2 ul li[data-v-02f2b399]{height:2rem;width:2rem}.swiper-box .left-box .left-box-2 ul li[data-v-02f2b399]:nth-child(2){transform:translate(-.6rem);z-index:-1}.swiper-box .left-box .left-box-2 ul li[data-v-02f2b399]:nth-child(3){transform:translate(-1.1rem);z-index:-2}.swiper-box .left-box .left-box-3[data-v-02f2b399]{color:#313131;font-family:BigShouldersText-Black;font-size:3.5rem;line-height:1;margin-bottom:1rem}.swiper-box .left-box .left-box-1 img[data-v-02f2b399],.swiper-ul .left-box-1 img[data-v-02f2b399]{height:2rem;width:2rem}.swiper-box .left-box .left-box-1 span[data-v-02f2b399],.swiper-ul .left-box-1 span[data-v-02f2b399]{align-items:center;background:#f82d3c;border-radius:5px;display:flex;margin-left:.4rem;padding:0 .6rem}.swiper-box .left-box .read-btn[data-v-02f2b399]{margin:0;width:100%}.swiper-box .right-box[data-v-02f2b399]{height:100%;width:50%}.swiper-ul[data-v-02f2b399]{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:1rem;width:100%}.swiper-ul li[data-v-02f2b399]{border:2px solid #000;border-radius:20px;cursor:pointer;height:55vh;margin:0 .33rem .6rem;overflow:hidden;position:relative;width:32.5%}[data-v-02f2b399] .el-carousel{height:100%}.swiper-ul .left-box-1[data-v-02f2b399]{display:flex;left:1rem;margin-bottom:1rem;position:absolute;top:1rem;z-index:1}[data-v-02f2b399] .el-carousel__indicators--horizontal{bottom:0;left:auto;right:10px;transform:none}[data-v-02f2b399] .el-carousel__button{border-radius:6px;height:6px;width:20px}[data-v-02f2b399] .is-active .el-carousel__button{width:40px}[data-v-02f2b399] .el-carousel__arrow{background:#31313199;font-size:1.4rem;height:3.4rem;width:3.4rem}