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-slide {
      text-align: center;


      /* 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;
    }
 .my1 .swiper-slide{ opacity:0 !important;}
 .my1 .swiper-slide-prev{ opacity:0  !important;}
.my1 .swiper-slide-next{ opacity:0  !important;}
.my1 .swiper-slide-active{ opacity:1  !important;}


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;
}
.navs{ position:absolute; width:92%; height:19%;  top:0; left:4%;}
.navli{ float:left; position:relative; width:24.2%; margin-right:1%;justify-content:center;  align-items:center; display: flex;  font-size:0.18rem; color:#fff; background: url(../img/ofnav.png) no-repeat center; background-size:100% 100%; height:24.5%; margin-bottom:3%; cursor:pointer}
.navli:nth-child(4n){ margin-right:0}
.navli span{ position:absolute; width:10%; left:45%; top:-27%; display:none}
.navs2{ position:absolute; width:92%; height:100%;  top:0; left:4%;}
.navli2{ float:left; position:relative; width:24.2%; margin-right:1%;justify-content:center;  align-items:center; display: flex;  font-size:0.22rem; color:#fff; background: url(../img/ofnav.png) no-repeat center; background-size:100% 100%; height:100%; cursor:pointer}
.navli2:nth-child(4n){ margin-right:0}

.curr{ color:#085455; background: url(../img/onnav.png) no-repeat center; background-size:100% 100%; }
.curr span{ display:block}

.mybox1{ position:absolute; width:90%; height:78%;  top:20%; left:5%;}
.myboxli{ position:absolute; width:100%; height:100%; left:0; top:0;display:none }
.myboxlis{ position:absolute; width:100%; height:13%; left:0; top:0}
.myboxlis img{ display:block; margin:0 auto}
.myboxliz{ position:absolute; width:93%; height:66%;left:3.5%; top:15%}
.boxpic2{position:absolute; width:100%; height:100%;left:0%; top:0%; z-index:55 }
.boxpic{position:absolute; width:96%; height:96%;left:2%; top:2.8%; z-index:3; border-radius:100%; overflow:hidden }


.myboxlix{ position:absolute; width:94%; height:16%; left:3%; top:84%;  }
.myboxlix p{font-size:0.15rem;line-height:0.32rem; text-align:justify;
 overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; color:#fff; text-align:center}
.mybox2{ position:absolute; width:92%; height:92.5%;  top:1.8%; left:4%; }
.mybox2li{ position:absolute; width:100%; height:100%; left:0; top:0; display:none}
.myproli{ width:49.5%; height:24.5%; margin-bottom:1.5%; position:relative; background:#fff; float:left;  }
.myproli:nth-child(2n){ float:right;}
.kuangk{ position:absolute; width:94%; height:96%; border:1px solid #ccc; box-sizing:border-box; top:2%; left:3%; z-index:2}
.mycdsc{position:absolute; width:88.5%; height:33%;bottom:5%; left:6%;  z-index:4}

.divtt{ width:100%; height:26%; font-size:0.21rem; color:#000; font-weight:bold; line-height:0.3rem}
.divdsc{ width:100%; height:44%;  box-sizing:border-box}
.divdsc p{font-size:0.15rem;line-height:0.23rem; text-align:justify;
 overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.divbuy{width:100%; height:30%;}
.pprice{ float:left; width:58%; font-size:0.2rem; color:#000;}
.pprice label{ font-size:0.4rem; font-weight:bold; color:#F00}
.divbuy a{ float:right; width:42%; box-sizing:border-box; border:1px solid #000; height:100%; display:block; color:#F00; font-size:0.2rem;justify-content:center;align-items:center; display: flex;}

.myswip{ position:absolute; width:93%; height:100%;   top:0%; left:3.5%;}
.my1 .swiper-pagination-bullet{ margin:0 3px !important}
	.my1 .swiper-pagination-bullet{ width:8px !important; height:8px !important;  border:1px solid #fff;}
	.my1 .swiper-pagination-bullet-active{ background:#fff !important}
.swiper-slide a{ position:absolute; width:30%; height:8%; left:35%; bottom:0%; display:block; cursor:pointer }
.imghh{ width:100%; height:59.5%; overflow:hidden}