* {margin:0px; padding:0px; border:0px; -webkit-tap-highlight-color: rgba(228, 223, 203, 0);}
img {vertical-align: top;}
li {list-style:none;}
html{font-size: 110%;-webkit-text-size-adjust:none;}
@media screen and (max-device-width:768px) 
{
    html{font-size: 200%;}
    
}
@media screen and (max-device-width:414px) 
{
    html{font-size: 120%;}
    
}
@media screen and (max-device-width:375px) 
{
    html{font-size: 110%;}
    
}
@media screen and (max-device-width:320px) 
{
    html{font-size: 90.5%;}
    
}
body{padding:0px; margin:0px;  /* font-family:"微软雅黑", "Yahei Mono"; */ font-size: 14px; color: #333333;background-color:#f8f8f8}
@media (min-width: 1024px) {
	#firstDiv {width:480px;margin: 0 auto;}
}
.h1_index {
    line-height: 0;
    width: 0;
    height: 100PX;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    background: none;
    float: left;
    margin-top: 0px;
	display:none;
}
.top{width:100%;}
.product{ border:1px solid #cfcfcf; background:#fff;margin: 0 auto;}
.tdimg{padding-left: 2%;width: 25%; padding-top: 3%;}
.tdtxt{width:78%;padding-top: 5%; vertical-align:text-top;}
.tdp{padding-left:2%;}
.selectDiv{position:absolute; width:97%; top:0px; left:2%;}
select{background-color: #fff;opacity: .8;-webkit-appearance: none;color: #000;width: 40%;border: 1px solid #cfcfcf;
  padding-left: 2%;border-radius: 0;background-image: url(https://m.durex.com.cn/egl_img/sel.png);background-repeat: no-repeat; background-size: auto 25%;background-position: 95%;}
.dproduct{position:absolute; left:1.5%; top:0px; margin: 0 auto;}
.ptdtxt{position:absolute;width:82%; left:20%; top:0px;text-align:left;}
.tdp1{width:100%; clear:both;}
.buydiv{width:50%; margin-left:26%; margin-top:3%;}
.divleft{ float:left;width:22%;} 
.divright{ float:left;width:72%;text-align: left;}
.cproduct{position:absolute;width:100%; left:0%; top:0px;text-align:left;}
.newsdiv{ background:#fff;margin: 0 auto; width:100%; margin-top:2%;}
.listtitle{width:100%; text-align:center;}
.desctxt{font-size:1em; line-height:1.4em;}
.newsli{ border-bottom:1px solid #ccc; height:auto; clear:both;}
.font14em{ font-size:1.4em; line-height:3em;}
.morediv{border-bottom:1px solid #ccc; height:auto; text-align:center; padding: 1.5%;}
.bottom{width:100%; background-color:#fff;}
.logo{float:left;width:20%;}
.listtitle a,.newsli a{ color:#333333; text-decoration:none;}
.back{position:absolute;width:10%; right:5%; top:0px;}
.bottom{background-color:#fff;overflow: hidden;margin: 0 auto;width: 100%;padding-bottom: 4.7rem}
.bottom>span{font-size: 0.6rem}
/* .logo{float:left;width:20%;margin: 5%} */
.bottomtxt{width: 70%;float: right;padding: 5% 0 2% 0}
	.bottomtxt a{text-decoration: none;color: #333333;border-right: 1px solid #3d3f4c;
		white-space: nowrap;display: inline-block;text-align: center;padding: 0 0.2em;}
.linkdesc{margin: 0.5rem;font-size: 1.3em}
.linkinfo{margin: 0.5rem;font-size: 1em; justify-content: space-around}
.linkinfo a{text-decoration: none;color: #333333;}



.bottommenu{z-index: 1001;position: fixed;bottom: 0; width:100%;}
.bottommenu li{background-color: #1a1b1f;border-left: 1px solid #3d3f4c;-webkit-box-flex:1;
	position: relative;}
.bottommenu li.on{background: transparent;}
.bottommenu img{width: 100%;display: block;}
.block{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);display: none;}
.bottommenu li a img:last-child{position: absolute;top: -0.26rem;left: 0;opacity: 0;-webkit-transition:0.3s all ease;}
.bottommenu li.on a img:last-child{opacity: 1}
.bottommenu li:nth-child(3) a img:last-child,.bottommenu li:nth-child(4) a img:last-child{position: relative;top: 0;left: 0;opacity: 1;
    -webkit-transition:0.3s all ease;}
.bottommenu li:nth-child(3).on,.bottommenu li:nth-child(4).on{background-color: #57004f;}

.menu{background-color: #1a1b1f;position: relative;display: -webkit-box;height: 3rem}
.menuclose{position: absolute;top: 0;left: 0;width: 100%}

.menu1{text-align: center;width: 40%;-webkit-transform:translateY(100%);opacity: 0;z-index: 1000;
	-webkit-transition:0.3s all ease;position: fixed;bottom: 3rem;}
.menu1.on{-webkit-transform:translateY(0);opacity: 1}
.menu1 a{height: 3rem;width: 100%;line-height: 3rem;display: block;color: #fff;
	background-color: #2c2e3b;text-decoration: none;border-bottom: 1px solid #3d3f4c}

.menu2{position: fixed;top: 0%;left: 0;width: 100%;z-index: 1000;height: 93%;display: none; background:#e7ebee;
	-webkit-transition:0.3s all ease;opacity: 0}
    .menu2>div{position: relative;}
.menu2.on{display: block;opacity: 1}
.menu2 a{position: absolute;}
.menu2_more1{top: 0;left: 78%;width: 16%;height: 6%}
.menu2_more2{top: 25%;left: 78%;width: 16%;height: 6%}
.menu2_more3{top: 49%;left: 78%;width: 16%;height: 6%}
.menu2_more4{top: 74%;left: 78%;width: 16%;height: 6%}
.menu2_11{top: 5%;left: 8%;width: 27%;height: 18%}
.menu2_12{top: 5%;left: 37%;width: 27%;height: 18%}
.menu2_13{top: 5%;left: 66%;width: 27%;height: 18%}

.menu2_11_0{top: 6%;left: 3%;width: 18%;height: 18%}
.menu2_12_0{top: 6%;left: 22%;width: 18%;height: 18%}
.menu2_13_0{top: 6%;left: 41%;width: 18%;height: 18%}
.menu2_14_0{top: 6%;left: 60%;width: 18%;height: 18%}
.menu2_15_0{top: 6%;left: 78%;width: 18%;height: 18%}

.menu2_21{top: 30%;left: 8%;width: 27%;height: 18%}
.menu2_22{top: 30%;left: 37%;width: 27%;height: 18%}
.menu2_23{top: 30%;left: 66%;width: 27%;height: 18%}
.menu2_31{top: 55%;left: 8%;width: 27%;height: 18%}
.menu2_32{top: 55%;left: 37%;width: 27%;height: 18%}
.menu2_33{top: 55%;left: 66%;width: 27%;height: 18%}
.menu2_41{top: 81%;left: 8%;width: 86%;height: 18%}
.menu2 img{width: 100%}

.menu3{position: fixed;bottom: 4.5rem;left: 30%;width: 50%;z-index: 1000;-webkit-transition:0.3s all ease;
	-webkit-transform:translateY(100%);opacity: 0}
.menu3.on{display: block;opacity: 1;-webkit-transform:translateY(0);opacity: 1}
.menu3 img{width: 100%}

.menu4{position: fixed;top: 0;left: 0;width: 100%;z-index: 1;background: #000;height: 90%;
	display: none;}
.menu4.on{display: block;}
.searchbtn {position: absolute;top: 5%;left: 5%;width: 90%;}
.menu4 input{position: absolute;top: 0;left: 15%;width: 63%;height: 100%;background: transparent;
	font-size: 1rem;}
.inpsbtn{position: absolute;top: 0;right: 0;height: 100%;width: 20%}
.ftinfo{position: absolute;top: 20%;left: 5%;width: 90%;}
.biground {
	font-size: 0.7rem;line-height: 2rem;padding: 0.3rem 0.7rem;
    border: 1px solid #373a40;
    background-color: #373a40;
    color: #fff;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
.ftinfo li{float: left;margin-right: 5px;height: 2.5rem}
.bottommenu li:first-child{border-left:none;}
.menu1 a{font-size: 0.6rem}
.menu2_31 {
  top: 55%;
  left: 7%;
  width: 20%;
  height: 18%;
  }
  .menu2_32 {
  top: 55%;
  left: 29%;
  width: 20%;
  height: 18%;
  }
  .menu2_33 {
  top: 55%;
  left: 51%;
  width: 18%;
  height: 18%;
  }
  .menu2_34 {
  top: 55%;
  left: 73%;
  width: 18%;
  height: 20%;
  }