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;}}
label{ font-family: Helvetica;}

      .swiper-container {
      width: 100%;
      height: 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; }
 
-webkit-tap-highlight-color: rgba(0,0,0,0);
.video{width:92%; position:absolute; left:4%; background:#000; top:0%; height:70.2%;}
.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:-1rem; 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-container {
      width: 100%;
      height: 100%;

    }

     .swiper-slide {
    width:100%; height:100%; position:relative
   

      /* Center slide text vertically */
    
    }
	
	
    .my4 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      height: calc((100% - 30px) / 2);

      /* 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;
    }
	
	
 
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
.Lbox{position:absolute;width:35%;height:22%;bottom:3%;left:59%;}
.jiage{ width:100%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
  line-clamp: 2;-webkit-box-orient: vertical; text-align:left; padding-top:2px; padding-bottom:1px; font-size:0.22rem;line-height: 0.28rem;color:#b5290b;font-weight: 600;text-align:center;}
.jiage label{ font-size:0.22rem; color:#b5290b; font-family:Helvetica; font-weight: 600}



.swiper-slide-active{ opacity:1  !important;}
.swiper-pagination-bullet{ margin-right:1% !important;   border-radius:3rem; }
.swiper-pagination-bullet{ width:10px !important; height:10px !important; background:#b8e7e9;   opacity:0.8!important;  }
.swiper-pagination-bullet-active{  opacity:1!important; width:20px!important; background:#b8e7e9; }

/* .my5 .swiper-slide-active{ opacity:1  !important;} */
/* .my5 .swiper-pagination-bullet{ margin-right:2px !important;   border-radius:3rem; } */
/* .my5 .swiper-pagination-bullet{ width:4px !important; height:4px !important;  border:1px solid #b8e7e9; background:none; opacity:0.8!important;  } */
/* .my5 .swiper-pagination-bullet-active{  opacity:1!important; width:4px!important; border:1px solid #fff; background:none; background:#fff; } */




.video{width:100%; position:absolute; left:0%; background:#000; top:0%; height:79.5%;}
.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:-1rem; color:#666; border-radius:100%}
.page1boxdsc{position: absolute; width:100%;  top:0%; height:100%; left:0%; overflow:auto}
.vdtxt p{ font-size:0.22rem; padding-right:4px;  padding-top:4px; box-sizing:border-box; color:#18896f; text-align:justify; line-height:0.32rem;}
.vdtxt p b{ font-weight:bold}
.vdtxt{  width:100%; height:auto;  box-sizing:border-box; padding-top:0px; }
.madios{ position:absolute; width:96%; left:2%; border:1px solid #000; box-sizing:border-box; top:0; height:100%;  overflow:hidden}
.madios div{  position:absolute; top:38%; left:44.5%; width:11%; z-index:55}
.myspblidv .madios div{  position:absolute; top:32%; left:40.5%; width:19%; z-index:55}

.boxppr{ height:10%; width:42%;  position:absolute; left:56%;  bottom:26%; box-sizing:border-box;}
/* .jiage{ width:56%; text-indent:-2px;  height:100%;  color:#ff6000; font-size:0.4rem;  display: flex;align-items: center; justify-content:center; float:left} */
.price{font-size:0.4rem;margin-top:0rem }

.spbg { width: 100%; height: 100%;position: absolute; top: 0;left: 0;z-index: 11;}
.palys{ width:13%; position:absolute; z-index:22; left:45%; top:40%; cursor:pointer}
.vbg{ background:#000; opacity:0.4; width:100%; height:100%; z-index:4; position:absolute; top:0; left:0}


.page1boxdsc::-webkit-scrollbar {/*滚动条整体样式*/

        width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/

        height: 1px;

    }

.page1boxdsc::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

        border-radius: 3px; 
 
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

        background: #58a896;

    }

.page1boxdsc::-webkit-scrollbar-track {/*滚动条里面轨道*/

     

        border-radius: 1px;

        background: #c8cbca;

}



.box p{  font-size:0.15rem; text-align:center; color:#000;}
 /* .J_link{padding:8px 0px; border-radius:3px; margin:0 auto; text-align:center; color:#fff; font-size:0.22rem;  display:block;border:1px blue solid} */


.pptt{ position:absolute; top:8%; width:92%; padding-top:6px; padding-bottom:6px; box-sizing:border-box; left:4%; font-size:0.18rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;
  line-clamp: 1;-webkit-box-orient: vertical; font-weight:bold; text-align:left; color:#0f375e}

.touxv{ float:right;font-family: Helvetica; height:0.6rem; width:0.6rem; width:32%; font-size:0.15rem; display: flex;align-items: center; justify-content:right;}

.myptL1{ float:left; width:30%;}
.myptR1{ float:right; width:70%; height:auto}
.my3box{ width:32%; float:left; box-sizing:border-box; margin-right:2%; text-align:center; font-size:0.18rem; line-height:0.28rem;}
.my3box:nth-child(3){ margin-right:0px;}

.myprL{ float:left; width:25%;}
.myprR{ float:right; width:74%; height:auto; padding-left:3%; box-sizing:border-box}


.proboxli{ position:absolute; width:100%; left:0; top:0%; height:100%; display:none }
.page5box2mli{  width:95%;   height:100%;top:2%;left:3%;   box-sizing:border-box; background:#fff;}
 .box1:nth-child(2n){ float:right} 

.page5box2mimg{ width:100%; height:63%;  overflow:hidden}
.page5box2mtt{ position:absolute; width:93%;  left:3.5%; top:65%;}
.page5box2mtt p{ width:100%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
  line-clamp: 2;-webkit-box-orient: vertical; text-align:left; padding-top:2px; padding-bottom:1px; font-size:0.2rem;line-height: 0.28rem;}
  .page5box2mbq{ position:absolute; width:93%;  left:3.5%; top:73%;}
   .page5box2mbq span{ display:block; float:left; padding:4px 7px; margin-right:4px;font-size:0.18rem; background:#fdeee9; color:#a4543e;}
  
.page5box2mttr{ position:absolute; width:92%; height:12%; right:4%; bottom:1%; z-index:9999}
.page5jiage2{ width:55%; height:100%; float:left;color:#000; display: flex;align-items: center; justify-content:left; font-size:0.22rem;}
   .page5jiage2 label{ font-size:0.2rem; color:#ff8400; font-family:Helvetica; font-weight: 600}
 .page5jiage2 font{color:#ff8400;font-size:0.2rem}
.page5box2mttr a{width:45%; height:100%; float:right; color:#fff; display: flex;align-items: center; justify-content:center; font-size:0.18rem; background:#ff7541;  margin:0 auto }  

.box1{position:relative;width:49%;height:29%;float:left;margin-bottom:5%;}


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