@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,   /* structural elements 锟结构元锟斤拷 */ dl, dt, dd, ul, ol, li, /* list elements 锟叫憋拷元锟斤拷 */ pre, /* text formatting elements 锟侥憋拷锟斤拷式元锟斤拷 */ form, fieldset, legend, button, input, textarea, /* form elements 锟斤拷锟皆拷锟�?*/ th, td, /* table elements 锟斤拷锟皆拷锟�?*/ img { border: medium none; margin: 0; padding: 0; list-style-type: none; }
body, button, input, select, textarea { font: 12px/1.5 '微软雅黑', tahoma, Srial, helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
em { font-style: normal; }
ul, ol, {
list-style: none;
}
a { text-decoration: none; }
a:hover { text-decoration: none; }
img { border: 0px; }
body, .ui-overlay-h { margin: 0 auto; background: #fff; }
input, img { vertical-align: middle; }
body, html { margin: 0 auto;max-width:640px; }
img { border: none; vertical-align: top; }
* { margin: 0; padding: 0; text-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.blank { height: 8px; clear: both; }
.blank20 { height: 20px; clear: both; }
.clearfix:after, .clear:before { display: table; content: ''; }
.clearfix:after { clear: both; overflow: hidden; }
.clearfix { zoom: 1; }
.relative { position: relative; }
.absolute { position: absolute; }
.float_left { float: left; }
.float_right { float: right; }
.translateXY { -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.translateY { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.translateX { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.contentBox { -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.borderBox { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.backgroundSize { -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

@-webkit-keyframes fadeInDown { 0% {
-webkit-transform:translate3d(0, -300%, 0) ;
transform: translate3d(0, -300%, 0);
}

50%{
-webkit-transform:rotate(3deg);
transform:rotate(3deg);
	}

100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown { 0% {
-webkit-transform:translate3d(0, -300%, 0) ;
transform: translate3d(0, -300%, 0) ;
}
50%{
-webkit-transform:rotate(3deg);
transform:rotate(3deg);
	}

100% {
-webkit-transform: none;
transform: none;
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeOutDown { 
50%{
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg);
	}
100% {
-webkit-transform:translate3d(0, 300%, 0);
transform:translate3d(0, 300%, 0);
}
}
@keyframes fadeOutDown { 
50%{

-webkit-transform:rotate(-5deg);
transform:rotate(-5deg);
	}
100% {
-webkit-transform:translate3d(0, 300%, 0);
transform:translate3d(0, 300%, 0) ;
}
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown }
/*圣诞帽子css
.Christmas_hats {width:119px;height:104px;left:-44px;top:-32px;background:url(../image/Christmas_hats.png) no-repeat;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}*/

}
/*脱毛活动*/
.tuomaoAdc { width: 87px; position: fixed; top: 50%; left: 0; z-index: 100 }
.tuomaoAdc .hdBtn { width: 31px; height: 31px; }
.tuomaoAdc a { display: block; width: 100%; }
.tuomaoAdc a img, .tuomaoAdc .hdBtn a img { display: block; width: 100%; height: auto; }
@media screen and (min-width:320px) and (max-width:359px) {
/*  0.5    */
.tuomaoAdc { width: 40px; }
.tuomaoAdc .hdBtn { width: 15px; height: 15px; right: -5px; top: -3px; }
}
@media screen and (min-width:360px) and (max-width:409px) {
/*   0.56    */
.tuomaoAdc { width: 45px; }
.tuomaoAdc .hdBtn { width: 17px; height: 17px; right: -6px; top: -4px; }
}
@media screen and (min-width:410px) and (max-width:479px) {
/*  0.64    */
.tuomaoAdc { width: 50px; }
.tuomaoAdc .hdBtn { width: 20px; height: 20px; right: -7px; top: -4px; }
}
@media screen and (min-width:480px) and (max-width:639px) {
/*  0.75    */
.tuomaoAdc { width: 62px; }
.tuomaoAdc .hdBtn { width: 23px; height: 23px; right: -8px; top: -5px; }
}
/*6月活动*/
.activity_bar { width: 87px; position: fixed; left: 0; top: 50%; z-index: 10; }
.activity_bar img { width: 100%; }
.activity_bar a { position: absolute; display: block; width: 100%; left: 0; }
.activity_bar a.activity1 { top: 0; height: 24.3%; }
.activity_bar a.activity2 { top: 28%; height: 33%; }
.activity_bar a.activity3 { top: 64%; height: 32.4%; }
.activity_bar .hdBtn { width: 31px; height: 31px; position: absolute; top: -7px; right: -11px; display: block; z-index: 12 }
@media screen and (min-width:320px) and (max-width:359px) {
/*  0.5    */
.activity_bar { width: 40px; }
.activity_bar .hdBtn { width: 15px; height: 15px; right: -5px; top: -3px; }
}
@media screen and (min-width:360px) and (max-width:409px) {
/*   0.56    */
.activity_bar { width: 45px; }
.activity_bar .hdBtn { width: 17px; height: 17px; right: -6px; top: -4px; }
}
@media screen and (min-width:410px) and (max-width:479px) {
/*  0.64    */
.activity_bar { width: 50px; }
.activity_bar .hdBtn { width: 20px; height: 20px; right: -7px; top: -4px; }
}
@media screen and (min-width:480px) and (max-width:639px) {
/*  0.75    */
.activity_bar { width: 62px; }
.activity_bar .hdBtn { width: 23px; height: 23px; right: -8px; top: -5px; }
}