@charset "utf-8";
/*
	http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 2011/2/28 
 	-----------------------------------------
	westdrug | 2016(yy)/12(mm)/14(dd) 
	http://www.268xue.com
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,menu,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	-webkit-text-size-adjust:none;
}
body {
	  background: #f6f6f6;
	line-height: 160%; 
	-webkit-font-smoothing: antialiased;		/* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;				/* Fix for webkit minFont size */
	-webkit-tap-highlight-color	:rgba(0,0,0,0);	/* Remove highlight on tap event*/
	-moz-tap-highlight-color	:rgba(0,0,0,0);
	-ms-tap-highlight-color		:rgba(0,0,0,0);
	tap-highlight-color			:rgba(0,0,0,0);	
	/* 上面的css是用来禁止用户选中 */
	font-family: "Hiragino Sans GB","Helvetica Neue","Heiti SC","Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,Tohoma; /* mac字体，黑体，微软雅黑，xp字体，宋体有点问题，所以不用，除非自写*/
}
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td {
  text-align: left;
  font-weight: normal;
  float:none !important;
}
table, th, td {
  vertical-align: middle;
}
em,i {font-style:normal;}
/* Remove annoying border on linked images. */
a,img { border: none; text-decoration:none; }

/* Remember to define your own focus styles! */
:focus { outline: 0; }
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
/* #comm style
================================================== */
.pageLoad {background: rgba(0,0,0,.4) url(../img/page-loading.gif) no-repeat 50% 50% / 50% 50%;border-radius: 0.075rem;height: 2.0rem;width: 2.0rem;text-align: center;display: block;position: absolute;top: 50%;left: 50%;margin: -1.0rem 0 0 -1.0rem;z-index: 9999;}
.mui-flex {display: -webkit-box!important;display: -webkit-flex!important;display: -ms-flexbox!important;display: flex!important;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.mui-flex>.cell {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: 0;-webkit-flex-basis: 0;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;display: block;padding: 0!important;}
.mui-flex>.cell.fixed {-webkit-box-flex: 0!important;-webkit-flex: none!important;-ms-flex: none!important;flex: none!important;width: auto;}
.bg-gray {background-color: #fafafa;}
/*header*/
#header {position: fixed;top: -0.025rem;left: 0;right: 0;width: 100%;z-index: 9;}
.headerbg {background-color: #2a3440;position: relative;height:1.125rem;padding: 0 0.375rem;}
.logo>a {background: url(../img/logo.svg) no-repeat 0 50% / 90% 90%;display: block;height: 1.125rem;width: 2.05rem;}
.tTel,.tMenu {display: inline-block;vertical-align: middle;margin-left: 0.25rem;}
.tTel>a {background: url(../img/t-tel-ico.png) no-repeat 0 50% / 100%;display: block;height: 1.125rem;width: 0.75rem;font-size: 0.3rem;text-indent: -1000em;}
.tMenu>.tMenu-btn {background: url(../img/menu-ico.png) no-repeat 0 50% / 100%;display: block;width: 0.8rem;height: 0.8rem;}
.tMenu-sub-bx {position: absolute;top: 1.1rem;left: 0;right: 0;width: 100%;z-index: -5;opacity: 0;-webkit-transform: translate3d(0, -7.2rem, 0);transform: translate3d(0, -7.2rem, 0);-webkit-transition: .3s;transition: .3s;}
.tMenu-sub-wrap {background-color: rgba(42,52,64,.9);padding: 0.25rem 0.5rem;}
.tMenu-sub-wrap>p>a {border-bottom: 0.025rem solid #384350;color: #BBC3CD;display: block;height: 1.1rem;line-height: 1.1rem;font-size: 0.35rem;}
.tMenu-sub-wrap>p:last-child>a {border-bottom: 0;}
.tMenu-sub-wrap>p.current>a {color: #AAD3FF;}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.delay0d5s {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@media only screen and (min-width: 768px) {
	.s-thr .p-wid .p-wid-li {
       padding-bottom: .6rem;
    	height: 1.2rem;
}
}