.page-details{font-size:1.2rem;color:#666;padding:2rem;background-color:#fff;text-align:center;}
.bg-white{background-color:#fff;}
.page-swiper-box,.page-swiper{width:13.2rem;height:24.5rem;}
.page-swiper-box{margin:0 auto;padding:2.5rem 0 1rem 0;}
.page-swiper-box .swiper-img img{width:12.4rem;height:22rem;box-shadow:.4rem .4rem 0 0 rgba(0,0,0,.1);}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0!important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:rgba(0,0,0,.4);}
.swiper-pagination-bullet{width:.6rem;height:.6rem;border-radius:15px;border:0!important;background-color:rgba(0,0,0,.2);margin:0 3px!important;}
.swiper-details{font-size:1rem;color:#666;width:80%;margin:0 auto;padding:0 0 2.5rem 0;}

.area-content{justify-content:space-between;margin:2.5rem 1rem;}
.area-content .list{text-align:center;color:#666;width:calc(50% - .5rem);border:solid 1px #f6f6f6;box-sizing:border-box;padding:0 1rem 1rem;}
.area-content .img{margin:0 auto;justify-content:center;align-items:center;height:5rem;}
.area-content .name{font-weight:bold;font-size:1rem;margin:0 0 1rem 0;}
.area-content .small{font-size:.7rem;}