@charset "UTF-8"; * { margin: 0; padding: 0; } li { list-style: none; } a { text-decoration: none; } section { height: 1200px; background-color: #f5f5f5; } section .whoil { padding: 15px 50px; } section .whoil .whoil-1 { margin: 20px auto; padding: 25px; } section .whoil .whoil-1 .all { padding-bottom: 10px; float: left; display: contents; } section .whoil .whoil-1 .all h2 { font-weight: 600; color: #cb1919; padding: 20px; background-color: #fff; border-bottom: #cb1919 2px solid; } section .whoil .whoil-1 table { width: 100%; border: 1; border-collapse: separate; border-spacing: 0px 20px; background-color: #fff; } section .whoil .whoil-1 table thead { width: 100%; background-color: #f3f3f3; border: 2px solid #000; margin-bottom: 20px; } section .whoil .whoil-1 table thead th { padding: 10px 20px; } section .whoil .whoil-1 table thead th:nth-child(2) { float: left; } section .whoil .whoil-1 table thead th input { float: left; } section .whoil .whoil-1 table tbody .inline { border: 1px solid #e0e0e0; } section .whoil .whoil-1 table tbody .inline td span { display: inline-block; margin-left: 10px; } section .whoil .whoil-1 table tbody .inline td:nth-child(1) { width: 70px; padding: 0px 10px; } section .whoil .whoil-1 table tbody .inline td:nth-child(n + 2) { padding: 10px 20px; } section .whoil .whoil-1 table tbody .inline td:nth-child(n + 3) { text-align: center; } section .whoil .whoil-1 table tbody .inline td:nth-child(4) span { width: 20px; margin: 0; } section .whoil .whoil-1 table tbody .inline td:nth-child(4) input { width: 40px; text-align: center; } section .whoil .whoil-1 table tfoot { background-color: #f3f3f3; } section .whoil .whoil-1 table tfoot td:nth-child(1) { padding: 10px 20px; } section .whoil .whoil-1 table tfoot td:nth-child(5) { width: 200px; } section .whoil .whoil-1 table tfoot td:nth-child(5) #allPrice { color: #cb1919; font-size: 30px; font-weight: 800; } section .whoil .whoil-1 table tfoot td:nth-child(6) span { background-color: #cb1919; padding: 15px 25px; } section .whoil .whoil-1 .swiper-container { width: 100%; height: 380px; background-color: #fff; } section .whoil .whoil-1 .swiper-container .swiper-text { padding: 10px 5px; border-bottom: #e0e0e0 1px solid; } section .whoil .whoil-1 .swiper-wrapper { margin-top: 20px; } section .whoil .whoil-1 .swiper-container img { display: block; height: 287px; overflow: hidden; } section .whoil .whoil-1 .swiper-container .swiper-button-prev, section .whoil .whoil-1 .swiper-container .swiper-button-next { height: 24px; margin: auto; } section .whoil .whoil-1 .swiper-container { --swiper-theme-color: #ff6600; } section .whoil .whoil-1 .swiper-container .swiper-pagination { bottom: 10px; } section .whoil .whoil-1 .swiper-container .swiper-pagination span { width: 10px; height: 10px; --swiper-pagination-color: red; } section .whoil .whoil-1 .swiper-container .hide { opacity: 0; } section .whoil .whoil-1 .swiper-button-next, section .whoil .whoil-1 .swiper-button-prev { transition: opacity 0.5s; }