@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%; }
.swtCenter { width: 278px; height: 274px; background-color: #FFF; position: fixed; left: 50%; top: 50%; margin-left: -139px; margin-top: -137px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0 0 20px rgba(10,2,4,0.75); -webkit-box-shadow: 0 0 20px rgba(10,2,4,0.75); box-shadow: 0 0 20px rgba(10,2,4,0.75); z-index: 10;display:none; }
.swtCenter h3 { width: 100%; font-size: 28px; text-align: center; color: #2e3642; font-weight: 500; margin-top: 33px; }
.swtCenter h6 { width: 100%; font-size: 16px; text-align: center; color: #2e3642; }
.mfhd { width: 227px; height: 32px; border: 1px solid #6a7380; -moz-border-radius: 17px; -webkit-border-radius: 17px; border-radius: 17px; margin: 30px auto 5px; }
.mfhd input { width: 156px; height: 30px; line-height: 30px; background-color: #FFF; font-size: 14px; color: #6a7380; -moz-border-radius: 15px 0 0 15px; -webkit-border-radius: 15px 0 0 15px; border-radius: 15px 0 0 15px; padding-left: 13px; float: left; outline: none; }
.mfhd a { width: 69px; height: 30px; line-height: 30px; color: #fff; background-color: #6a7380; font-size: 12px; text-align: center; text-decoration: none; -moz-border-radius: 0 14px 14px 0; -webkit-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0; float: left; }
.swtCenter p { width: 230px; font-size: 12px; color: #6a7380; margin: 0 auto; }
.swt_lists { bottom: 0; left: 0; width: 100%; height: 58px; line-height: 58px; -moz-border-radius: 0 0 15px 15px; -webkit-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; }
.swt_lists a { display: block; width: 50%; height: 100%; position: relative; float: left; }
.swt_list1 { background-color: #26c540; -moz-border-radius: 0 0 0 15px; -webkit-border-radius: 0 0 0 15px; border-radius: 0 0 0 15px; }
.swt_list2 { background-color: #ff6005; -moz-border-radius: 0 0 15px 0; -webkit-border-radius: 0 0 15px 0; border-radius: 0 0 15px 0; }
.swt_lists a i, .swt_lists a em { display: block; position: absolute; left: 50%; color: #fff; text-decoration: none; }
.swtCallIcon { top: 50%; margin-left: -50px; margin-top: -13px; width: 27px; height: 27px; background: url(../image/footerLink3.png) no-repeat; -moz-background-size: 100%; -webkit-background-size: 100%; background-size: 100%; }
.swt_lists em { height: 100%; top: 0; margin-left: -16px; font-size: 16px; }
.swtLinkIcon { top: 50%; margin-left: -50px; width: 27px; height: 24px; margin-top: -12px; background: url(../image/footerLink2.png) no-repeat; -moz-background-size: 100%; -webkit-background-size: 100%; background-size: 100%; }
.swtLinkCounter { top: 15px; width: 14px; height: 14px; margin-left: -34px; line-height: 13px; text-align: center; font-size: 9px; background-color: #e60012; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.8); box-shadow: 0 0 3px rgba(0,0,0,0.8); z-index: 3; font-style: normal; }
.closeBtn_swt { right: -5px; top: -5px; width: 40px; height: 40px; background: url(../image/closeBtn_swt.png) no-repeat; -moz-background-size: 100%; -webkit-background-size: 100%; background-size: 100%; cursor: pointer; }
.animated{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-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%;}*/


.footer { width: 100%; height: 116px; position: fixed; bottom: 0; left: 0; line-height: 116px; z-index: 100; display: none; }
.footer .footerInner { width: 100%; height: 100%; -moz-box-shadow: 6px 0 24px rgba(32,21,18,.72); -webkit-box-shadow: 6px 0 24px rgba(32,21,18,.72); box-shadow: 6px 0 24px rgba(32,21,18,.72); }
.footer a { display: block; float: left; position: relative; }
.footer a em, .footer a i { display: block; position: absolute; }
.footerLink4 { width: 18.125%; height: 100%; background-color: #2e3642;border-right:1px solid #464e5b; }
.footerLink1 { width: 18.125%; height: 100%; background-color: #2e3642; }
.homeIcon { left: 50%; top: 18px; width: 59px; height: 50px; margin-left: -29px; background: url(../image/footerLink1.png) no-repeat; }
.sqfqIcon { left: 50%; top: 21px; width: 57px; height: 44px; margin-left: -29px; background: url(../image/footerLink4.png) no-repeat; }
.footerLink1 em,.footerLink4 em { display: block; left: 0; top: 68px; width: 100%; color: #6a7380; font-size: 20px; line-height: 36px; text-align: center; }
.footerLink2 {  width: 31.875%; height: 100%; background-color: #ff6005; }
.swtIcon { left: 50%; top: 36px; width: 54px; height: 48px; margin-left: -100px; background: url(../image/footerLink2.png) no-repeat; }
.swtIcon_Counter { left: 50%; top: 30px; width: 28px; height: 28px; margin-left: -68px; text-align: center; line-height: 26px; background-color: #e60012; color: #fff; font-size: 18px; font-style: normal; -moz-border-radius: 28px; -webkit-border-radius: 28px; border-radius: 28px; -moz-box-shadow: 0 0 3px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.8); box-shadow: 0 0 3px rgba(0,0,0,0.8); }
.footerLink2 em { display: block; left: 50%; top: 50%; margin-left: -28px; margin-top: -23px; color: #fff; font-size: 32px; line-height: 46px; }
.footerLink3 { width:  31.875%; height: 100%; background-color: #26c540; }
.phoneIcon { left: 50%; top: 50%; width: 54px; height: 54px; margin-top: -27px; margin-left: -90px; background: url(../image/footerLink3.png) no-repeat; }
.footerLink3 em { display: block; left: 50%; top: 50%; margin-left: -28px; margin-top: -23px; color: #fff; font-size: 32px; line-height: 46px; }
 @media screen and (min-width:320px) and (max-width:900px) {
.footer { height: 58px; }
.homeIcon { top: 9px; width: 30px; height: 25px; margin-left: -15px; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.sqfqIcon { top: 9px; width: 29px; height: 22px; margin-left: -15px; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.footerLink1 em,.footerLink4 em { font-size: 10px; top: 34px; line-height: 18px; }
.swtIcon { top: 18px; width: 27px; height: 24px; margin-left: -50px; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.swtIcon_Counter { top: 15px; width: 14px; height: 14px; margin-left: -34px; line-height: 13px; font-size: 9px; }
.footerLink2 em { font-size: 16px; line-height: 23px; margin-left: -14px; margin-top: -12px; }
.phoneIcon { width: 27px; height: 27px; margin-top: -14px; margin-left: -45px; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; }
.footerLink3 em { font-size: 16px; line-height: 23px; margin-left: -14px; margin-top: -12px; }
/*圣诞帽子css
.Christmas_hats {width:59px;height:52px;left:-22px;top:-16px;}*/
}
/*脱毛活动*/
.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; }
}