/* BASIC css start */
section {text-align:center; padding:70px 0;}
section h2 {font-size:30px; font-weight:800;}
section span {font-size:16px;}
section a.more {border:3px solid #000; line-height:40px; display:block; text-align:left; padding:0 16px; margin-top:10px; font-weight:500; margin:30px 16px 0; width:auto; position:relative; font-size:16px;}
section a.more i {position:absolute; right:16px; font-size:16px; top:50%; margin-top:-8px;}

section.white {color:#fff;}
section.white a.more {border:3px solid #fff; color:#fff;}

.attendanceTop {position:relative;}
.attendanceTop img {width:100%;}
.attendanceTop .svg_wrap {position:absolute; top:0; left:0;}
.attendanceTop .svg_wrap svg {width:100%; height:auto;}

.attendanceTab {background:#3030c1; position:sticky; top:0; z-index:100;}
.attendanceTab a {color:#fff; font-size:16px; line-height:50px; display:inline-block; padding:0 20px;}
.attendanceTab .swiper-slide {position:relative; width: auto;}
.attendanceTab .swiper-slide:after {content:''; width:1px; height:10px; top:50%; margin-top:-5px; background:#4f4fdd; right:0; position:absolute;}
.attendanceTab .swiper-slide:last-child:after {content:none;} 
.dropdown {margin-top:30px; text-align:center;}
.dropdown.white a {color:#fff;}
.dropdown a {padding-right:20px; font-size:16px; position:relative; line-height:40px; display:inline-block;}
.dropdown a i {position:absolute; font-size:14px; top:50%; margin-top:-7px; right:0;}
.dropdown .dropdownWrap {display:none;}
.dropdown.active .dropdownWrap {display:block;}
.dropdown.active i {transform:rotate(180deg)}


section .bannerWrap {padding:0 16px; margin-top:30px;}
section .bannerWrap .banner {position:relative; margin-bottom:10px;}
section .bannerWrap .banner:last-child {margin-bottom:0;}
section .bannerWrap .banner img {width:100%;}
section .bannerWrap .banner .svg_wrap {position:absolute; top:0; left:0;}
section .bannerWrap .banner .svg_wrap svg {width:100%; height:auto;}

section .couponWrap {width:68%; margin:30px auto 10px;}
section .couponWrap img {width:100%;}
section .couponWrap .coupon {position:relative; margin-bottom:10px;}
section .couponWrap .coupon:last-child {margin-bottom:0;}
section .couponWrap .svg_wrap {position:absolute; top:0; left:0;}
section .couponWrap .svg_wrap svg {width:100%; height:auto;}

section .couponWrap.small {width:auto; padding:0 16px; margin:30px auto 0; display:flex; gap:15px 10px; flex-wrap: wrap; flex-direction: row;}
section .couponWrap.small .coupon {width: calc(50% - 5px); margin-bottom:0;}

section .productWrap {width:auto; padding:0 16px; margin:30px auto 0; display:flex; gap:15px 10px; flex-wrap: wrap; flex-direction: row;}
section .productWrap img {width:100%;}
section .productWrap .product {width: calc(50% - 5px); margin-bottom:0; position:relative;}
section .productWrap .product span.icon {position:absolute; background:#3030c1; padding:5px; color:#fff; font-size:14px; position:absolute; top:-5px; left:10px;}
section .productWrap .desc {position:absolute; bottom:0; left:0; padding:0 10px 20px; right:0;}
section .productWrap .desc h2 {font-size:14px; text-align:left; font-weight:500;}
section .productWrap .desc .price {text-align:right; font-size:14px; color:#000; display:flex; flex-direction: row; justify-content: flex-end; line-height:28px; margin-top:10px;}
section .productWrap .desc .price .ori_price {text-decoration:line-through;}
section .productWrap .desc .price .sale_price {font-size:20px; color:#3030c1; margin-left:5px; font-weight:600;}


.section_01 {}
.section_02 {background:#000000;}



.section_03 {background:#eeeeee;}


.section_04 {background:#eeeeee;}


.section_05 {background:#eeeeee;}
.section_06 {background:#000000;}


.section_07 {background:#eeeeee;}
.section_08 {background:#000000;}




/* BASIC css end */