.swiper-button-next, .swiper-button-prev { background: rgba(0,0,0,0.5); width: 50px; height: 50px; color: #fff; border-radius: 30px; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 24px; } .swiper-pagination-bullet { width: 14px; height: 14px; } .swiper-pagination-bullet-active { opacity: 1; background: #004d90; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px; } .yan tr td { border-left: solid 2px #ffffff; border-bottom: solid 2px #ffffff; padding: 5px 15px; line-height: 26px !important; font-size: 14px !important; color: #333 !important; } .yan p { padding: 5px 15px; line-height: 26px !important; font-size: 14px !important; color: #333 !important; } td{ min-width:120px; } .page_a { display: inline-block; line-height: 30px; height: 30px; width: 30px; margin: 0 3px; text-align: center; background: #f5f5f5; color: #666; text-decoration: none } .page_a:hover { text-decoration: none; background: #004d90; color: #fff; } .page_a.current { background: #004d90; color: #fff } .page_a.disabled { background: #f5f5f5; color: #333; cursor: not-allowed } .page_jump { margin-left: 5px } .page_input { border: 1px solid #d5d5d5; line-height: 28px; height: 28px; width: 40px; text-align: center } @media only screen and (max-width: 768px) { .swiper-button-next, .swiper-button-prev { background: rgba(0,0,0,0.5); width: 36px; height: 36px; color: #fff; border-radius: 30px; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 18px; } }