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

*{ font: normal 0.22rem/100% Helvetica, Arial, sans-serif;}
*{ 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%;

    }

    .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
.swiper-slide {
      text-align: center;
      font-size: 18px;
   width: 100%;
      height: 100%;

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

      /* Center slide text vertically */
    
    }

	


p{font-family:Helvetica;}
a{ text-decoration:none;}

 .notice {overflow: hidden;text-overflow: ellipsis;white-space:nowrap;} 
	 
	.boxdem{ width:100%; max-width:640px; margin:0 auto; }
   .huanghuan{ width:100%; position:relative; }
	#ios{ position: fixed; width:100%; bottom:0%; left:0; height:30px; z-index:999; display:none }
.oscc{ position:absolute; width:100%; background:#fff; opacity:0.5; left:0%; height:100%; top:0; z-index:2}
.ostxt{ position:absolute; width:96%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;  left:2%; height:30px; font-size:12px; color:#000; text-align:left; top:0; z-index:11; }
.tanc{ position:absolute; width:13%; height:6%; cursor:pointer;top:4%; right:2%;}


.tt1{ position:absolute; width:58.5%; height:auto; top:0; left:21%;}
.dscx{ position:absolute; width:92%; height:89%; background:#209c99; left:4%; top:0px; border-radius:0.3rem; color:#fff; padding:0.2rem; box-sizing:border-box; 
}
.dscx p{font-size:0.2rem;line-height:0.32rem; text-align:justify;
 overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}




.mybox1{ position:absolute; width:94%; height:94%;  top:3%; left:3%;}
.mysd1{ width:100%; height:12%; }
.mysd2{ width:94%; height:54%;}
.mysd3{ width:100%; height:8%;}
.mysd4{ width:100%; }

 .demtabw{  position:relative; width:88%; margin:0 auto; height:100%}


 .my5 .swiper-slide a{ display:block; height:100%; width:100%;}
 .my2 .swiper-slide-prev{ opacity:0  !important;}
.my2 .swiper-slide-next{ opacity:0  !important;}
.my2 .swiper-slide-active{ opacity:1  !important;}


	.my0 .swiper-pagination-bullets{ width:94%; bottom:9%;  z-index:6666 }
	.wentt{ position:absolute; bottom:-9%; left:19%; width:62%; z-index:666}
	.my0 .swiper-pagination-bullet{margin-right:1% !important; background:#70d6f9;  border-radius:3rem; float:right;  margin-bottom:5%; }
	.bggtop{ position:absolute; bottom:0; left:0; width:100%; z-index:666}
	
	.my1 .swiper-pagination-bullet{ margin-right:1% !important;   border-radius:3rem; }
	.my1 .swiper-pagination-bullet{ width:8px !important; height:8px !important; background:#70d6f9; opacity:0.4!important;  margin-bottom:5%; }
	.my1 .swiper-pagination-bullet-active{  opacity:1!important;}
	
		.my2 .swiper-pagination-bullet{ margin-right:1% !important;   border-radius:3rem; }
	.my2 .swiper-pagination-bullet{ width:8px !important; height:8px !important; background:#70d6f9; opacity:0.4!important;  margin-bottom:5%; }
	.my2 .swiper-pagination-bullet-active{  opacity:1!important;}
	
	.my6 .swiper-pagination-bullet{ margin-right:1% !important;   border-radius:3rem; }
	.my6 .swiper-pagination-bullet{ width:8px !important; height:8px !important; background:#70d6f9; opacity:0.4!important;  margin-bottom:5%; }
	.my6 .swiper-pagination-bullet-active{  opacity:1!important;}
	
	
		.my3 .swiper-pagination-bullet{ margin-right:1% !important;   border-radius:3rem; }
	.my3 .swiper-pagination-bullet{ width:8px !important; height:8px !important; background:#70d6f9; opacity:0.4!important;  margin-bottom:5%; }
	.my3 .swiper-pagination-bullet-active{  opacity:1!important;}
	
			.my4 .swiper-pagination-bullet{ margin-right:1% !important;   border-radius:3rem; }
	.my4 .swiper-pagination-bullet{ width:8px !important; height:8px !important; background:#70d6f9; opacity:0.4!important;  margin-bottom:5%; }
	.my4 .swiper-pagination-bullet-active{  opacity:1!important;}
	

	.swiper-button-next1{ background:url(../img/tab3/rt.png) no-repeat center; background-size:100% 100%;  right:-5.5%;   width: 5%; height: 5%;}
  .swiper-button-prev1{background:url(../img/tab3/lt.png) no-repeat center; background-size:100% 100%; left:-5.5%;   width: 5%; height: 5%;}
	
	.swiper-button-next2{ background:url(../img/tab1/rt.png) no-repeat center; background-size:100% 100%;  top:33%; right:0.5%;   width: 5%; height: 5%;}
  .swiper-button-prev2{background:url(../img/tab1/lt.png) no-repeat center; background-size:100% 100%; left:0.5%;  top:33%;  width: 5%; height: 5%;}
	
		.swiper-button-next3{ background:url(../img/tab2/rt.png) no-repeat center; background-size:100% 100%;  top:33%; right:0.5%;   width: 5%; height: 5%;}
  .swiper-button-prev3{background:url(../img/tab2/lt.png) no-repeat center; background-size:100% 100%; left:0.5%;  top:33%;  width: 5%; height: 5%;}

		.swiper-button-next4{ background:url(../img/tab3/rt.png) no-repeat center; background-size:100% 100%;  top:33%; right:0.5%;   width: 5%; height: 5%;}
  .swiper-button-prev4{background:url(../img/tab3/lt.png) no-repeat center; background-size:100% 100%; left:0.5%;  top:33%;  width: 5%; height: 5%;}


	
		

		.my3 .swiper-pagination-bullet{ width:8px !important; height:8px !important; background:#000; opacity:0.4!important; border:1px solid #fff; margin-bottom:5%; }
	.my3 .swiper-pagination-bullet-active{  opacity:1!important;}





.mysa1{ width:86%; height:8.58%; }
.mysa2{ width:86%; height:47%;}
.mysa3{ width:79%; }




.mysb1{ width:92%;  height:10%; margin-left:7%}
.mysb2{ width:92%; height:25%; margin-left:7%}
.mysb3{ width:91%; margin-left:7.3% }



.mysq1{ width:92%;  height:10%; margin-left:7%}

.a1{position:absolute; width:18%; top:14%; right:6%; display:block;  height:3%; z-index:988;}
.a2{position:absolute;width:18%; top:93%; right:6%; display:block;  height:3%; z-index:988;}

.video{position: absolute;top: 0%; overflow:hidden;  width: 93.2%; left: 3.5%;height: 40%; overflow:hidden; z-index: 666;}
.navs{ position:absolute; top:0; left:2%; width:96%; height:30%; }
.navsli{ position:absolute; top:0; left:2%; width:40%; cursor:pointer }
.navsli p{ font-size:0.12rem; text-align:left; color:#000; line-height:0.24rem}
.navsli2{ position:absolute; top:0; left:2%;  cursor:pointer }
.navsli2 p{ font-size:0.12rem; text-align:left; color:#000; line-height:0.24rem}

.nvvurr p{ color:#fff; font-weight:bold}

.huaxbx{ position:absolute; width:94%; left:3%; top:22%; height:61%; }
.huaxbxli2{ position:absolute; width:100%; left:0%; top:0%; height:100%; display:none }
.huaxbxli{ position:absolute; width:100%; left:0%; top:0%; height:100%; display:none }
.myhuapic{ width:100%; }
.myhuatt{ width:50%; position:absolute; top:53%; background:#70d6f9; border-radius:0 3rem 3rem 0; height:7%;}
.muu2 .myhuatt{ top:50%}

.myhuatt p{ font-size:0.26rem; color:#000; height:100%; text-indent:0.1rem;display: flex;align-items: center; justify-content: left;  text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
   
    -webkit-line-clamp: 1;
    line-clamp:1;line-height:0.3rem;
    -webkit-box-orient: vertical;}
.myhuadsc{ width:100%; position:absolute; top:62%; left:0}
.muu2 .myhuadsc{ top:58%}
.myhuadsc p{ font-size:0.15rem; color:#000; line-height:0.28rem; text-align:justify; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
     display: -webkit-box;
    -webkit-line-clamp: 8;
    line-clamp:1;line-height:0.3rem;
    -webkit-box-orient: vertical;}
	
	



.contxt{position: absolute;top: 0%; width:88%; left: 6%;height: 100%; z-index: 8;}
.contxt p{font-size:0.15rem; line-height:0.32rem; text-align:justify; text-indent:0.4rem; color:#000;text-overflow: ellipsis; display: flex; -webkit-box-orient: vertical;}
.showtxt{position: absolute; bottom: 22%; width:96%; font-size:0.22rem; color:#fff;  left:2%; z-index: 8;display: flex;align-items: center; justify-content: center;  text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align:center; }
.bannerqh{ position:absolute; top:0;}
.showtabtxt p{font-size:0.15rem; line-height:0.32rem; text-align:justify; text-indent:0.4rem; color:#000;display: flex; text-overflow: ellipsis; -webkit-line-clamp: 9;-webkit-box-orient: vertical;}

.hdtt{width:51%;  position:absolute; top:-21%; left:5%; z-index:9999 }

.boxmk{ width:100%; height:100%; position:relative}
.boxmkli{ width:49%; height:38%; margin-bottom:2%; padding:1%;  box-sizing:border-box; background:#fff;  float:left; position:relative; border-radius:0px; overflow:hidden}
.boxmkli:nth-child(2n){ float:right}

.boximg{width:100%; height:61%; }
.boxdsk{ width:94%; height:19%;  position:absolute;top:59.8%; left:3%}
.boxdsk p{ font-size:0.2rem; color:#000; width:100%; height:50%; left:2%; line-height:0.26rem; z-index: 8;display: flex;align-items: center; justify-content: left; text-align:justify; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp:5;
    -webkit-box-orient: vertical;}

.sdsc p{font-size:0.1rem; color:#626262;-webkit-line-clamp: 1; text-align:left; line-height:0.24rem}



.price{position:absolute;font-size:0.25rem;font-weight:bold;display: flex;align-items: center; justify-content:center;  width:100%; height:11%;  left:0%; bottom:13%; color:#ff7800; }
.price label{ font-size:0.35rem; font-weight:bold}
.boxmkli a{position:absolute; font-size:0.22rem;display: flex;align-items: center; justify-content:center; left:2%; height:11%; bottom:2%;  width:96%; color:#fff; background:#ff8400}

.more{ width:26%; height:0.3rem;  text-align:center; position:absolute; left:37%;z-index: 8888; bottom:-0.36rem; border:1px solid #000; border-radius:8px;box-sizing: border-box;}
.more a{ line-height:0.3rem;font-size:0.18rem; color:#000}
.more2{ width:26%; height:0.3rem;  text-align:center; position:absolute; left:37%;z-index: 8888; bottom:-0.36rem; border:1px solid #fff; border-radius:8px;box-sizing: border-box;}
.more2 a{ line-height:0.3rem;font-size:0.18rem; color:#fff}
.my3fool .boxmkli a{ width:48%; left:48%;height:12%;}
.my3fool .boxmkli span{ font-size:0.2rem; color:#f10637; background:none;width:44%; height:11%;left:4%;}

.nav{ position:absolute; top:0; left:2%; width:96%; height:100%;}
.navli{ width:50%; height:100%; float:left; text-align:center; font-size:0.24rem; color:#fff;}
.navli:nth-child(2n){ float:right}
.curr{ color:#000; font-weight:bold; background:url(../img/anv.png) no-repeat bottom center; font-weight:bold; background-size:42% auto}

.boxmkgg,.boxmkgg3{ position:absolute; width:94%; height:98%; left:3%; top:0%; }
.youtu span{ display:block; width:100%; height:100%}
.boxmkgg .boxdsk{top: 62.8%;}
.boxmkgg2{ position:absolute; width:100%; height:100%; left:0; top:0; }

.boxmkgg3{ display:block }
.boxmkgg3 .boxdsk{top: 59.8%;}
.boxmk2 .boximg{ height:45.6%;}
.boxmk2 .boxmkli{ padding:1.5%; box-sizing:border-box; margin-top:5%; margin-bottom:2%; overflow:visible ; height:23.2%}
.xnn{ position:absolute; left:0; bottom:-3%; width:100%}
.snn{ position:absolute; left:0; top:-3%; width:100%}
.boxdsk2{width:94%;   position:absolute;top:49.8%; left:3%; border:1px solid #666; height:35%; box-sizing:border-box; padding:1%; }
.tty{ position:absolute; top:-0.2rem; left:14%; width:72%; height:0.4rem; line-height:0.4rem; text-align:center; background:#fff; font-size:0.22rem; font-weight:bold; color:#000}
.sdsc2{ width:96%; margin:0 auto; position:relative; padding-top:8%; }
.sdsc2 p{ font-size:0.2rem; color:#000; width:100%; height:50%; left:2%; line-height:0.26rem; z-index: 8;display: flex;align-items: center; justify-content: left; text-align:justify; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp:5;
    -webkit-box-orient: vertical;}
.boxmk2 .boxmkli a{position:absolute; width:94%; height:11%;  left:3%; bottom:2%; display:block; background:#ff7e00;display: flex;align-items: center; justify-content: center; font-size:0.22rem; color:#fff }
.nac{position:absolute; width:94%; height:100%;  left:3%; top:0%;  }
.nacli{ width:10%; color:#fff; height:100%;display: flex;align-items: center; justify-content:center; float:left; font-size:0.22rem; margin-right:1.2%; padding:0% 3%; box-sizing:border-box; background:#5b89d2}
.nacli:nth-child(9){ margin-right:0px;}
.nacurr{ background:#ff8400 }






.myswpg{position:absolute; width:94%; height:98%;  left:3%; top:0%; }
.myswpgli{position:absolute; width:100%; height:100%;  left:0%; top:0%; display:none  }
.mylist{ width:100%; height:100%; position:relative}
.bgtm{ position:absolute; width:97%; left:1.5%; bottom:1%; height:19%; background:#000; opacity:0.5; z-index:22}
.mylist p{ position:absolute; width:97%; left:1.5%; padding:1% 1.5%; box-sizing:border-box; font-size:0.15rem; line-height:0.28rem; color:#fff; bottom:3%; height:16%;  text-align:justify; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp:2;
    -webkit-box-orient: vertical;  z-index:222;}


.wenb{ width:96%; position:absolute; left:7%; bottom:0; height:14%; z-index:6}
.wenb p{  width:80%; float:left;display: flex;align-items: center; justify-content: left;  text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp:1;line-height:0.3rem;
    -webkit-box-orient: vertical;}

.wenb span{ height:100%; width:15%;  float:right;display: flex;align-items: center; justify-content: left;  text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp:1;
    -webkit-box-orient: vertical;}