.app-monthly{padding-bottom:7.8%}.app-monthly .app-page-title{padding:1.5em 0}.app-page-monthly .year-wrap{position:relative}.app-page-monthly .year-wrap:after{background-color:#eee;bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.app-page-monthly .year-wrap .year{align-items:center;color:#333;cursor:pointer;display:flex;height:60px;justify-content:center;position:relative}.app-page-monthly .year-wrap .year:after{background-image:linear-gradient(90deg,#ffb232,#eb6513 3.75%,#e51014 7.5%,#2c80df 15%,#08a941 25%,#2c80df 28.75%,#e51014 32.5%,#eb6513 40%,#ffb232 50%,#eb6513 53.75%,#e51014 57.5%,#2c80df 65%,#08a941 75%,#2c80df 78.75%,#e51014 82.5%,#eb6513 90%,#ffb232);background-size:400% auto;bottom:0;content:"";display:block;height:2px;left:20%;opacity:0;position:absolute;right:20%;transition:opacity .3s ease;z-index:1}.app-page-monthly .year-wrap .active .year,.app-page-monthly .year-wrap .year:hover{color:#0f5fa9}.app-page-monthly .year-wrap .active .year:after{opacity:1}.app-page-monthly .year-wrap .swiper-next-page,.app-page-monthly .year-wrap .swiper-prev-page{align-items:center;color:#999;cursor:pointer;display:flex;height:50px;justify-content:center;left:0;position:absolute;top:50%;transform:translate(-25%,-50%);width:50px;z-index:2}.app-page-monthly .year-wrap .swiper-next-page svg,.app-page-monthly .year-wrap .swiper-prev-page svg{fill:currentColor;display:block;height:auto;width:50%}.app-page-monthly .year-wrap .swiper-next-page{left:auto;right:0;transform:translate(25%,-50%)}.app-page-monthly .year-wrap .swiper-next-page:hover svg,.app-page-monthly .year-wrap .swiper-prev-page:hover svg{fill:#1865ac}.app-page-monthly .rows{margin-top:80px}@media screen and (max-width:1440px){.app-page-monthly .rows{margin-top:60px}}@media screen and (max-width:960px){.app-page-monthly .rows{margin-top:40px}}@media screen and (max-width:550px){.app-page-monthly .rows{margin-top:30px}}.app-page-monthly .rows .row{align-items:stretch;display:flex;flex-wrap:wrap;padding-bottom:140px;position:relative}@media screen and (max-width:1440px){.app-page-monthly .rows .row{padding-bottom:9vw}}@media screen and (max-width:800px){.app-page-monthly .rows .row{padding-bottom:7vw}}.app-page-monthly .rows .row:before{background:url(/static/images/monthly-shelf.eaf7f64f.png) no-repeat;background-position:bottom;background-size:100% auto;bottom:0;content:" ";left:-2.5%;position:absolute;right:-2.5%;top:0}.app-page-monthly .rows .row .item{padding:0 35px;position:relative;width:25%;z-index:1}@media screen and (max-width:1440px){.app-page-monthly .rows .row .item{padding:0 20px}}@media screen and (max-width:1200px){.app-page-monthly .rows .row .item{padding:0 10px}}@media screen and (max-width:800px){.app-page-monthly .rows .row .item{padding:10px;width:50%}}.app-page-monthly .rows .row .item a{color:#333;display:block}.app-page-monthly .rows .row .item a:hover span{transform:scale(1.1)}.app-page-monthly .rows .row .item .image{box-shadow:0 5px 27.52px 4.48px rgba(8,4,4,.08);overflow:hidden;width:100%}.app-page-monthly .rows .row .item .image span{background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;padding-bottom:140.8%;transition:all .5s ease;width:100%}.app-page-monthly .rows .row .item .text{font-size:20px;font-weight:500;padding:.5em 1em}@media screen and (max-width:1440px){.app-page-monthly .rows .row .item .text{font-size:18px}}@media screen and (max-width:1200px){.app-page-monthly .rows .row .item .text{font-size:16px}}@media screen and (max-width:1000px){.app-page-monthly .rows .row .item .text{font-size:14px}}@media screen and (max-width:800px){.app-page-monthly .rows .row .item .text{font-size:12px}}