.accordion-wrap{background:url(/images/mien-bg.png) no-repeat center;background-size:cover;padding:60px 0;}.accordion-item{display:flex;align-items:center;justify-content:space-between;padding:30px;background:#fff;margin-bottom:15px;box-shadow:0 0 5px 0 rgba(0,0,0,0.1);border-radius:10px;cursor:pointer;}.accordion-item .p{font-size:24px;color:#333;}.accordion-item-wrap.active .p{color:var(--main-color);}.accordion-item .arrow{width:30px;height:30px;transition:transform .3s ease;}.accordion-item-wrap.active .arrow{transform:rotate(90deg);}.accordion-item .arrow .icon{width:100%;height:100%;}.accordion-item .arrow .icon path{fill:#666;}.accordion-item-wrap.active .accordion-item .arrow .icon path{fill:var(--main-color);}.accordion-item-wrap{height:90px;overflow:hidden;transition:height .3s ease;}.accordion-item-wrap+.accordion-item-wrap{margin-top:20px;}.accordion-item-wrap.active{height:415px;overflow:unset;}.accordion-item-wrap .swiper{flex:1;height:310px;margin:0 40px;}.accordion-item-wrap .swiper-slide img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block;}.accordion-item-wrap .swiper-slide p{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#fff;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.5));border-radius:0 0 10px 10px;margin:unset;padding:15px 0;}.accordion-content{display:flex;align-items:center;margin:0 -110px;}.accordion-content .prev,.accordion-content .next{width:70px;height:70px;background:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,0.1);transform:rotate(45deg);display:flex;align-items:center;justify-content:center;border-radius:15px;transition:background .3s ease;cursor:pointer;}.accordion-content .prev:hover,.accordion-content .next:hover{background:var(--main-color);}.accordion-content .prev svg,.accordion-content .next svg{width:45%;height:45%;display:block;transform:rotate(-45deg);}.accordion-content .prev svg path,.accordion-content .next svg path{transition:fill .3s ease;}.accordion-content .prev:hover path,.accordion-content .next:hover path{fill:#fff;}@media screen and (max-width:640px){.accordion-wrap{padding:30px 0;}.accordion-item{padding:15px 20px;}.accordion-item .p{font-size:20px;}.accordion-item .arrow{width:24px;height:24px;}.accordion-item-wrap{height:54px;}.accordion-item-wrap .swiper{height:180px;}.accordion-item-wrap.active{height:250px;}}