* {margin:0px; padding:0px; border:0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
img {vertical-align: top;}
body{padding:0px; margin:0px; /* font-family: "微软雅黑"; font-size: 14px; */ color: #333333;}
ul{ list-style:none; }
/* ul li{float:left;} */
a{color: #333333; text-decoration: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%;}
    
}

input::-webkit-input-placeholder {
color: #959595 !important;
}
input:-moz-placeholder {
color: #959595 !important;
}
input::-moz-placeholder {
color: #959595 !important;
}
input:-ms-input-placeholder {
color: #959595 !important;
}
select{color: #959595;}
input{outline:none; color:#333333;}
.fL{float:left;}
.fR{float:right;}
.dn{display:none;}
.db{display:block;}
.oh{ overflow:hidden;}
.pa{position:absolute; }
.re{position:relative;}
.fx{position:fixed;}
.box{text-indent:2em;} 
.bdbottom{border-bottom:1px solid #dedede;} 
.tc{ text-align:center;}

.fff{color:#fff}
.000{color:#000}
.bd{border: 1px solid #dedede;}
.tbline{border-top: 1px solid #B8B7B7;}
.btline{border-bottom: 1px solid #eeeded;}
.btleft{border-left: 1px solid #3d3f4c;}
.btright{border-right: 1px solid #3d3f4c;}
.bdtop{border-top: 1px solid #dedede;}
.bg1a1b1f{background-color:#1a1b1f;}
.bge3e5e4{background-color:#fbfbfb;}
.bg57004f{background-color:#57004f;}
.bgfff{background-color:#fff;}
.bg000{background-color:#000;}
.dc{margin:0 auto;padding:0px;}
.h1_index{line-height: 0; width:0; height:0;padding-left: 0px; padding-right: 0px;opacity:0; padding-top: 5px;background: none;float: left;margin-top: 0px; }
.biground{border: 1px solid #373a40;background-color:#373a40;color:#fff;-moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius:30px;           }
.pro{border: 1px solid #4C5257;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;           }

.btnavline{border-bottom: 1px solid #3d3f4c;}
.btbigline{border-bottom: 3px solid #000;}
.bghide{z-index:2; opacity:0.8;background-color:#1a1b1f;}
.nav{background-color:#000;}
.nav a{background-color:#2c2e3b;color:#fff; font-weight:bold; text-align:center;}
.closenav{background: url('https://m.durex.com.cn/img/closenav.png') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.navline{background: url('https://m.durex.com.cn/img/navline.png') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.navsina{background: url('https://m.durex.com.cn/img/sina.png') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.navbuy{background: url('https://m.durex.com.cn/img/cert.png') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.navwechat{background-size:100% 100%;margin:0 auto; padding:0px;}
.navsearch{background: url('https://m.durex.com.cn/img/search.png') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.proinfo{background: url('https://m.durex.com.cn/img/msgbg.jpg') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.app{background: url('https://m.durex.com.cn/img/app.jpg') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.btlogo{background: url('https://m.durex.com.cn/img/bottomlogo.jpg') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
#listbox{background: url('https://m.durex.com.cn/img/probg.jpg') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
#listbox1{background: url('https://m.durex.com.cn/img/probg_1.jpg') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.searchbtn{background: url('https://m.durex.com.cn/img/searchinfo.png') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.searchbtnnew{background: url('https://m.durex.com.cn/img/searchinfonew.png') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.searchbtnimg{background: url('https://m.durex.com.cn/img/searchbg.png') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.fdj{background: url('https://m.durex.com.cn/img/fdj.png') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.sextk{background: url('https://m.durex.com.cn/img/sexbg.png') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.sitetk{background: url('https://m.durex.com.cn/img/site.png') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.close{background: url('https://m.durex.com.cn/img/close.png') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.link1{background: url('https://m.durex.com.cn/img/logo.png') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}
.articelinfo{background: url('https://m.durex.com.cn/img/sexarticel.png') no-repeat; background-size:100% 100%;margin:0 auto; padding:0px;}

.focused{ position:relative; overflow:hidden;}
.focused .hd{position:absolute; z-index:1;text-align:center;}
.focused .hd ul{text-align:center;margin:0 auto; height:16px;}
.focused .hd ul li{background: url('https://m.durex.com.cn/img/off.png') no-repeat; background-size:100% 100%;margin:0 auto;margin-right:5px; padding:0px;-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0;width:18px; height:16px; display:inline-block; }
.focused .hd ul .on{ background: url('https://m.durex.com.cn/img/on.png') no-repeat; background-size:100% 100%;margin:0 auto;margin-right:5px; padding:0px;-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0;width:18px; height:16px; display:inline-block; }

.focused .sexhd{position:absolute; z-index:1;text-align:center;}
.focused .sexhd ul{text-align:center;margin:0 auto; height:9px;}
.focused .sexhd ul li{background: url('https://m.durex.com.cn/img/sex-nosel.png') no-repeat; background-size:100% 100%;margin:0 auto;margin-right:5px; padding:0px;-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0;width:9px; height:9px; display:inline-block; }
.focused .sexhd ul .on{ background: url('https://m.durex.com.cn/img/sex-sel.png') no-repeat; background-size:100% 100%;margin:0 auto;margin-right:5px; padding:0px;-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0;width:9px; height:9px; display:inline-block; }

.bdpoint{ position:relative; z-index:0;}
.bdpoint ul li {text-align: center;}
.bdpoint ul li img{width:auto; width:100%;}

.focused .hd1{position:absolute; z-index:1;text-align:center;}
.focused .hd1 ul{text-align:center;margin:0 auto; height:8px;}
.focused .hd1 ul li{background: url('https://m.durex.com.cn/img/off1.jpg') no-repeat; background-size:100% 100%;margin:0 auto;margin-right:5px; padding:0px;-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0;width:20px; height:8px; display:inline-block; }
.focused .hd1 ul .on{ background: url('https://m.durex.com.cn/img/on1.jpg') no-repeat; background-size:100% 100%;margin:0 auto;margin-right:5px; padding:0px;-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0;width:20px; height:8px; display:inline-block; }
.bdpoint1{ position:relative; z-index:0;}
.bdpoint1 ul li {text-align: center;}
.bdpoint1 ul li img{width:auto; width:100%;}
.focused .prev{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:24px; height:41px; background:url(https://m.durex.com.cn/img/left.png) no-repeat; filter:alpha(opacity=50); }
.focused .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:24px; height:41px; background:url(https://m.durex.com.cn/img/right.png) no-repeat; filter:alpha(opacity=50); }
.focused .next{ left:auto; right:3%; }
.focused .prev:hover,
.focused .next:hover{ filter:alpha(opacity=100);opacity:1;  }

/* .logo{float:left;width:20%;margin:5%;} */
.linkdesc{margin: 0.5rem;font-size: 1.3em}
.linkinfo{margin: 0.5rem;font-size: 1em}
.linkinfo a{text-decoration: none;color: #333333;}
.bottom{width:100%; background-color:#fff;}
.bottom{background-color:#fff;overflow: hidden;margin: 0 auto;width: 100%;padding-bottom: 4.7rem}
.bottom>span{font-size: 0.5rem}
.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;}
.bottommenu{z-index: 1001;position: fixed;bottom: 0;}
.bottommenu li{background-color: #1a1b1f;-webkit-box-flex:1;position: relative;}
.bottommenu li.on{background: transparent;}
.bottommenu img{width: 100%;display: block;}
.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{font-size: 0.6rem;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.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:3.95rem;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;}
.block{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);display: none;}
.none{display:none;}