﻿.swiper-container{max-width:100%}

.appli{padding: 3% 0;max-width:100%}
.appli .applitop{display: flex;align-items: center;justify-content: space-between;}
.appli .applitop .topr{display: flex;align-items: center;}
.appli .applitop .prevnext{display: flex;align-items: center;line-height: 1;}
.appli .applitop .prevnext>div{cursor: pointer;margin: 0 10px;}
.appli .applitop .prevnext em{font-style: initial;font-size: 36px;font-weight: bold;color: #636363;}
.appli .common-tip,.appli .common-title{text-align: left;}
.appli .common-tip{margin-bottom: 20px;display: inline-block;}
.appli .common-tip::after{display: block;content: '';width:100%;height: 1px;background-color: var(--color);margin-top: 5px;;}
.appli .applitop .pagination{display: flex;align-items: baseline;}
.appli .applitop .pagination .num{font-weight: bold;font-size: 40px;color: #cecece;line-height: 1;padding: 0 30px;border-left: 1px #cecece solid;}
.appli .applitop .swiper-pagination{position: static;margin: 0 30px;}
.appli .applitop .swiper-pagination-bullet{background: initial;border-radius: none;width: auto;height: auto;font-size: 80px;display: none;font-weight: bold;}
.appli .applitop .swiper-pagination-bullet.swiper-pagination-bullet-active{display: block;}

.appli .appliSwiper{margin-top: 30px;}
.appli .swiper-container .swiper-slide{display: block;text-align: center;}
.appli .appliSwiper .info{padding-top: 20px;font-size: 24px;font-weight: bold;}
@media (max-width:768px) {
.appli .applitop{flex-wrap: wrap;}
.appli .applitop .topl{width: 100%;}
.appli .applitop .topr{width: 100%;justify-content: end;}
}