html,body {margin: 0; position: relative; font-size: 12px;}


.case .swiper-slide img {width:100%; height:100%;}
.swiper-container {width: 100%; height: 3.57rem;}
.carousel {position: relative; margin-bottom: .13rem; width: 100%; height: 3.57rem;}

/*ÊÓƵ*/
.swiper-slideVideo {width: 100%; height: 100%; position: relative;}
.video_btn { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 0.6rem; height: 0.6rem;}
.video_btn>img {width: 100%; height: 100%;}
.swiper-slideVideo>video { width: 100%; height: 100%;}


/*ͼƬ/ÊÓƵÇл»*/

.vAndi {display: none; position: absolute; left: 0; right: 0; bottom: 0.2rem; margin: auto; width: 1.2rem; height: 0.2rem; z-index: 9999;}
.vAndiCont {display: flex; width: 1.2rem; height: 0.2rem; align-items: center; justify-content: space-between;}
.vAndiCont>div { margin:0px 5px; padding:0px 5px; width: 0.6rem; height: 0.25rem; border-radius: 15px; line-height: 0.25rem; background: #fff; color: #444444; font-size: 0.09rem; text-align: center;}
.videoBtn:before { content: ""; display: inline-block; width: 0; height: 0; border-left: 0.07rem solid #444444; border-top: 0.035rem solid transparent; border-bottom: 0.035rem solid transparent;}
.videoBtn.SWactive:before { border-left: 0.07rem solid #fff; border-top: 0.035rem solid transparent; border-bottom: 0.035rem solid transparent;}
.videoBtn.SWactive {background: #FE3F47; color: #fff;}
.imgBtn.SWactive { background: #FE3F47; color: #fff;}

.carousel .swiper-pagination { font-size: 0.2rem;}
.carousel .swiper-pagination-custom { position: static !important; display: inline-block; float: right; width: 0.40rem; height: 0.20rem; opacity: 0.5; line-height: 0.20rem; margin-bottom: 0.10rem; font-size: 12px; border-radius: 0.1rem; margin-right: 0.109rem; background: #000; color: white;}