div{ margin:0 auto}
img{ border:0; display:block;  }

*{ font: normal 0.22rem/100% Helvetica, Arial, sans-serif; letter-spacing:1px;font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
*{ padding:0; margin:0;font-family:Helvetica; font-family:'黑体';   -webkit-tap-highlight-color: transparent;	font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:100px;}}
@media screen and (min-width: 720px) {html{font-size:100px;}}
@media screen and (min-width: 760px) {html{font-size:100px;}}
@media screen and (min-width: 800px) {html{font-size:100px;}}
@media screen and (min-width: 960px) {html{font-size:100px;}}


body,html{ height:100%; width:100%}

/*.htmls { font-size: calc(100vw/7.5); font-size: -webkit-calc(100vw/20.75); -webkit-text-size-adjust: 100%; line-height: -webkit-calc(100vw/18.75*1.2);}
@media screen and (min-width: 751px) { html { font-size: 75px; -webkit-text-size-adjust: 100%; } }*/



label{ font-family: Helvetica;}

      .swiper-container {
      width: 100%;
 

    }

 
input{font-family: sans-serif; font-family:Helvetica; text-indent:4px; outline:none;-webkit-appearance: none;border-radius: 0;}
p{font-family:Helvetica;font-family:'微软雅黑'; font-family:'Microsoft YaHei';}
a{ text-decoration:none;}
::-webkit-input-placeholder{ color:#d0b688;font-size:0.22rem;display: flex;align-items: center; justify-content:center;  text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.notice {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;} 

.huanghuan{ width:100%; position:relative; }
 


.video{width:100%; position: fixed; height:100%; left:0%; top:35%; display: none; z-index:9999 }
.bgsp{width:100%; position: fixed; height:100%; background:#000; left:0%; top:0%; display:none; z-index:9998}
.vclose{ position:absolute; width:0.6rem; height:0.6rem; border:2px solid #666; text-align:center; font-size:0.22rem; line-height:0.6rem; left:47%; bottom:64%; color:#666; border-radius:100%}
 select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;
 
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none; height:100%;
 outline:none;-webkit-appearance: none;border-radius: 0;
  /*在选择框的最右侧中间显示小箭头图片*/
 

 
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  
}
  .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      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;
	  transition: 300ms;
	  transform: scale(0.8);
	  position:relative;
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}


	
	
  
 .huanghuan{ width:100%; height:100%; position:relative; max-width:750px}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.box{ position:absolute; width:92%; height:87.5%; top:0%; left:4%;  }

.mulu{ position: absolute; z-index:9999;  width:0.6rem;    left:-0.7rem; top:10%;cursor:pointer}


.navs2{ position: absolute; height:42%; background:#efefef; overflow:hidden;  width:42%; left:-43%; display:none; z-index:99999; top:10%;border:1px solid #999; }
.navsbox2{ position:absolute; width:90%; left:5%; top:15%; height:81%; background:#fff; }
.navsboxli2{ width:100%; cursor:pointer; height:25%;  box-sizing:border-box; display: flex;align-items: center; justify-content:center; border-bottom:1px dotted #CCC}
.goback{ position:absolute; top:3%; right:6px;  width:20px;cursor:pointer}

.p1{ position:absolute; width:17%; right:0%; top:15%;  }
.p2{ position:absolute; width:60%; left:20%; top:26%;  }
.p3{ position:absolute; width:96%; left:0%; top:9%;  }
.juzhong{ width:100%; height:100%;display: flex;align-items: center; justify-content:center;}
.zsts{ position:absolute; z-index:9999; width:100%; bottom:5%; right:0%; border-bottom:1px dotted #000; height:1px;}
.zst{  position:absolute; z-index:9999; width:10%; bottom:3.4%; right:-10%; animation: changeright linear infinite 4.8s;}



@-webkit-keyframes changeright{       
		 
				0%{right:-10%}
		 
			
		 
				100%{right:110%}
			}
			/*自定义动画类----逆时针旋转（使用这个动画的时候才设置动画执行时间）*/
			@-webkit-keyframes changeleft{
		 
				0%{-webkit-transform:rotate(0deg);}
		 
				50%{-webkit-transform:rotate(-180deg);}
		 
				100%{-webkit-transform:rotate(-360deg);}
			}



.shaky{transition: transform 0.6s ease-out;
    transition: transform .5s ease-in-out;
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -ms-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
   
    animation: turnOut_actSpTips linear infinite 4.8s;
    -webkit-animation: turnOut_actSpTips linear infinite 4.8s;}
@-webkit-keyframes turnOut_actSpTips{0%{transform: rotateY(0deg);}5%{transform: rotateY(-280deg);}10%{transform: rotateY(-540deg);}50%{transform: rotateY(-540deg);}55%{transform: rotateY(-260deg);}60%{transform: rotateY(-0deg);}100%{transform: rotateY(-0deg);}}
@keyframes turnOut_actSpTips{0%{transform: rotateY(0deg);}10%{transform: rotateY(-180deg);}50%{transform: rotateY(-180deg);}60%{transform: rotateY(-360deg);}100%{transform: rotateY(-360deg);}}