﻿/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote{ padding:0rem; margin:0rem; font-family: "微软雅黑";}
fieldset, img { 
 border: 0;
 }
 ol, ul {
 list-style: none;
}
 p{
	margin: 0rem;
	padding: 0rem;
}
.clear{
	clear:both;
	height:0rem;
}
* html .clear{
	clear:both;
	display:inline;
}

*{
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none!important; 
	display: block;

}

img{ display:block!important; vertical-align:top}
em{ font-style: normal;}
body{max-width:750px; overflow-x:hidden; transform-origin:center top; width:100%; margin:0 auto; text-align: center;}
body { background-color:#f6f6f6;}




.zsy img{ width:100%; height: auto;}
/*-----------------------------------Reset pointer-events: none;display: block;text-decoration: none!important; ------------------------------------*/ 

.zhu{ position: relative;}
.kkk{ position: fixed; right: 0; top:3.5rem; width:1.6rem; height: auto;}
 .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
		width: 100%;
    }

.swiper-01{ overflow: hidden;}
.swiper-02{ overflow: hidden;}
.bei{position: absolute; width: 7.5rem;}


.tab-nav {
	position: absolute;
    display: flex;
    gap:0.1rem;
    padding: 0;
	top:4.8rem;
	left: 0.8rem;
		background-color:none!important;
	z-index: 999;
}

.tab-nav button {
    flex: 1;
    border: none;
	opacity: 0;
    cursor: pointer;
	width:1.2rem; height: 1.4rem;

}

.tab-nav button.active {

    position: relative;
}



.tab-content {
    display: none;
    border-top: none;
}

.tab-content.active {
    display: block;
}


.tab-container{position: relative;}	


.tab-container-a { width: 100%; margin: 0 auto;position: relative;}
.tabs-a {display: flex;  justify-content: space-around;position: absolute;
/*
	left: 50%;
	transform: translateX(-50%);
*/
	
	width:54%;top:0rem; right: 0; opacity: 0; height: 2rem;}
.tab-button-a { cursor: pointer; color: #333;width: 100%;height:2rem; background-color:#FF0004 ;}
.tab-button-a.active-a { color: #fff; }
.tab-content-a {display: none; }
.tab-content-a.active-a { display: block;}


.bei_2{position: absolute; width: 7.5rem;}

.menu{  background-position:bottom!important; position: fixed; bottom: 0; z-index:9999; width: 7.5rem;}
.image-container { position:fixed; right:0.1rem; top:4.6rem; z-index:99;}
.image-container img {width:1.3rem; height: auto; transition: transform 2s ease-in-out; animation: moveUpDown 4s infinite; }