body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{border:0 none}
address,caption,cite,code,dfn,em,th,var,b,h1,h2,h3{font-style:normal;font-weight:normal}
ol,ul,li{list-style-type:none}
header,footer,section,nav,menu,details,figure,figcaption,article,aside{margin:0;padding:0;display:block}
*{margin:0;padding:0}
body{ font-family:"宋体";font-style:normal;min-width: 320px; max-width: 640px; height: auto;margin:0 auto; }
a:link,a:visited,a:hover,a:focus{text-decoration:none;}
img,fieldset,button{border:0 none;margin:0;padding:0}
img,input,button{vertical-align:middle}
.clear{ clear: both;}
.header{ width: 100%; height: 80px; background: #f00887;}
.container,.w100,.m_news_list,.m_zj_list,.mz_list{ min-width: 320px; max-width: 640px; height: auto; margin: 0 auto;position: relative;}
.container{background-color: #fff;margin-top: 45px;}

/*swiper*/
.swiper1{margin-top: 45px;}
.swiper2,.swiper3{margin-top: 0;}
.swiper-pagination{width: 100%;height: 10px; position: absolute;z-index: 0; bottom: 6px;text-align: center;}
.swiper-pagination span{display: inline-block; width: 10px; height: 10px;background: #dfb0ca;margin: 0 5px;vertical-align: top;overflow: hidden;border-radius: 25px;margin-top: 1px;}
.swiper-pagination span.swiper-pagination-bullet-active {background: #e6148a;}
.swiper-slide img{width: 100%;}

/*爱康健品牌 医生团队...导航*/
.ToothMenu{width: 96%;  margin: 2px 0; padding:0 2%;}
.ToothMenu ul{ width: 100%;}
.ToothMenu ul li{ width:18%; float: left; text-align: center; margin:3% 0;margin-right:2.5%;margin-bottom: 0;}
.ToothMenu ul li:last-child{margin-right:0px;}
.ToothMenu ul li a{display:block;width: 100%;height: 100%;}
.ToothMenu ul li a img{width: 100%;}

/*特色项目*/
.index_zz,.index_zz1{width: 96%;margin:3% auto;}
.index_zz1{margin-top:1em;}
.index_zz li{float: left; width:50%;color: #3a2a12; text-align: center; font-size: 1.6em;line-height:2em;border-right: none;box-sizing:border-box;background: #e1e1e1;}
.index_zz li.zzhover,.index_zz li.zxhover{background: #f243a2;color: #fff; }
.index_mb{width: 96%;margin:0 auto;}
.zz_img ul li {position: relative;border-bottom: 1px solid #bfbfbf;border-right:1px solid #bfbfbf;float: left;width: 33%;}
.zz_img ul li:nth-child(3n){border-right: none;}
.zz_img ul li:nth-last-child(1),.zz_img ul li:nth-last-child(2),.zz_img ul li:nth-last-child(3){border-bottom: none;}
.zz_img ul li img{width: 100%;display: block;}
.showMorehandle{display: block;width:50%;height:45px;margin:3% auto 0;line-height:45px;text-align: center;font-size: 20px;color: #fff;border-radius: 3px;background: #e65685;}
#con2_zz_2  img{width: 100%;}
.index-tit{width: 96%;margin:5% auto;padding: 0 2%;}
.index-tit-bt{height:1.5em;font-size:20px;line-height:1.5em;color: #333;margin:2% 0 1% 0;}
.index-tit-bt img{height:1.5em;width:auto;vertical-align: middle;margin-right: 10px;display: block;float: left;}
.index-tit-nr {width: 100%;}
.index-tit-nr img {width: 100%;}

/*活动专区*/
.ty-index{overflow: hidden;}
.ty-index-list{margin-top:4px;margin-bottom: 10px;}
.ty-index-list li{width:33.33%;text-align: center;}
.ty-index-list .pic{width:98%;margin: 0 auto;padding: 0 2% 0 0;}

/*品牌资讯*/
.index_zx{margin: 0 auto;}
.index_zx .hd ul li{float: left; width:25%; color: #3a2a12; text-align: center; font-size: 1.6em;line-height:2em;border:1px solid #efefef; border-right: none;box-sizing:border-box;background: #e0e0e0;cursor: pointer;border-bottom: none;}
.index_zx .hd ul li.on{background: #f243a2;color: #fff; }
.index_zx img{display: block;width: 100%;}
.index_zx .bd{padding:3%; height:auto; overflow: hidden; background: #ededed;margin-bottom: 14px;background:url(../images/index_zx/zxbg.png) no-repeat 0 0;background-size: 100% ;padding-bottom:0; }
.index_zx .bd p{height:36px;padding:0;line-height:36px;text-align:center; font-size:16px; color:#444;}
.index_zx .bd ul li{float:left;width:50%;}



/*手机闪动浮窗*/

@-webkit-keyframes pan-ripple {
    0% {-webkit-transform:scale(1);opacity:0;}
    30% {-webkit-transform:scale(1.1);opacity:1;}
    100% {-webkit-transform:scale(1.4);opacity:0;}
}
.m_rightfloat{z-index:99999;position:fixed;width:50px;height:50px;padding:8px;display: none;}
/*.s-ripple{z-index:99999;width:50px;height:50px;padding:8px}*/


.m_rightfloat .s-ripple i {

    position:absolute;
    width:45px;
    height:45px;
    line-height:thin;
    border-radius:50%;
    border:1px solid #f243a2;
    box-sizing:border-box;
}
.m_rightfloat .ripple {
    background:#f243a2;
    color:#fff;
    font-size:13px;
    text-align:center;
    font-style:normal;
    padding-top:13%;
    opacity:.8;
}
.m_rightfloat .ripple-a {
    opacity:0;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation:pan-ripple 2s linear infinite;
    animation:pan-ripple 2s linear infinite;
}
.m_rightfloat .ripple-b {
    opacity:0;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-animation:pan-ripple 1s linear infinite;
    animation:pan-ripple 1s linear infinite;
}
.m_rightfloat .s-ripple {
    z-index:99999;
    /*position:fixed;*/
    width:50px;
    height:50px;
    display:block;
    transform-origin: 0px 0px 0px;
    transform: scale(1, 1);
    top: 40%;
    right:15px;
}
.new_head,
.foot-swt .foot-swt-fixed {
    z-index: 5 !important;
}
body {
    padding-top: 1px;
    position: relative;
}
.left-what {
  position:fixed;
  right: 3%;
  top: 50%;
  background-size: 100% 100%;
  z-index:10;
}
.left-what a {
  display: block;
  width: 60px;
  height: 60px; 
  background-image: url(/img/mm.png);
  background-size: 65px 130px;
  background-position: -5px 0;
}
.left-what a:last-child {
  background-position: -5px 60px;
}

  .masks {
    position:fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 20;
    display: none;
  }
  .mask-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 18.6667rem;
    box-sizing: border-box;
    padding: 1.3333rem;
    background-color: #ffffff;
      border-radius: .2667rem;
  }
  .blue-title {
    font-family: MicrosoftYaHei;
      font-size: .88rem;
      font-weight: bold;
      font-stretch: normal;
      color: #0088bf;
    text-align: center;
  }
  .mask-box>p {
    font-family: MicrosoftYaHei;
      font-size: .8rem;
      font-weight: bold;
    line-height: 1.4;
      color: #000000;
    margin: .8rem 0;
  }
  .mask-btns {
    display: flex;
    justify-content: center;
  }
  .mask-btns .mask-btnl,
  .mask-btns .mask-btnr {
    padding: .4rem .8rem;
    background-color: #0088bf;
      border-radius: 6px;
    font-family: MicrosoftYaHei;
      font-size: .7733rem;
      font-weight: bold;
      color: #ffffff;
  }
  .mask-btns .mask-btnl {
    background-color: #eaeaea;
    color: #b3b1b1;
    margin-right: .5333rem;
  }
  @media screen and (min-width: 751px) {
    .left-what {
      position:fixed;
      right: 3%;
      top: 50%;
      background-size: 100% 100%;
      z-index:10;
    }
    .left-what a {
      display: block;
      width: 120px;
      height: 120px; 
      background-image: url(/img/mm.png);
      background-size: 130px 260px;
      background-position: -10px 0;
    }
    .left-what a:last-child {
      background-position: -10px 120px;
    }
  }