@charset "utf-8";
/*
* Site:溶脂瘦身
* Author:曹林莉
* Date:2016/07/14
*/
.clear{ clear: both;}
.container{position:relative;width:100%;background-color:#fcfcfc;}
.container img{ width: 100%;}
.layout{padding:0 0.1rem;}
.item{ clear:both;}
.itemTie{ font-size: 0.22rem; font-weight: bold; color: #000; text-align: center; padding:0.25rem 0;}
.itemTie span{ font-size: 0.16rem; font-weight: normal; display: block;}
.Tie{ font-weight: normal;}
.btn{ width: 63.33%; height: 0.3rem; line-height: 0.3rem; display: block; margin: 0 auto; font-size: 0.15rem; color: #fff; text-align: center; border-radius: 15px; background-color: #ff4e00;}
.btn2{ width: 50.8%;}
.bg1{ background-color: #f4f3f5;}
.bg2{ background-color:#fff;}
.pd{ padding-bottom: 0.2rem; overflow: hidden;}
.cn{ padding:0 0.1rem;}
/* navList */
.navList{width:100%; height:0.36rem; line-height: 0.36rem;background: url(/images/zt/weightLose-navList-bg.jpg) repeat-x; border:1px solid #c4c4c4; border-left: none; border-right: none;}
.navList li{ width: 25%; float: left;}
.navList li a{ width: 100%; font-size: 0.16rem; color: #333; position: relative; display:inline-block; height: 0.36rem; line-height: 0.36rem; text-align: center;}
.navList li a i{ width: 1px; height: 0.14rem; background-color: #000; position: absolute; right: 0; top: 30%; display: block;}

/*f1Box*/
.f1Box .itemTie{ background-color:#fff;}
.f1Con{ overflow: hidden;}
/*f2Box*/
.f2Con{ position: relative;}
.f2Con .con{ position: absolute; width: 40%;left: 33%;top: 40%; text-align: center;}
.f2Con .con p{ font-size: 0.14rem; color: #333; text-align: center; border-bottom: 1px dashed #c2c1c2; height:0.25rem; line-height: 0.25rem;}
.f2Con .con a{ display: block; width: 76.6%; height: 0.26rem; margin:0.1rem auto 0; line-height: 0.26rem; text-align: center; color: #fff; border-radius: 15px; background-color: #ff4e00;}
.f2Box>p{ font-size: 16px; color:#333; line-height: 0.24rem;}

/*f3Box*/
.f3Con dl{ width: 42%; border-radius: 10px; font-size: 0.16rem; line-height: 0.24rem; padding: 0 0.1rem 0.1rem; min-height: 1.36rem;}
.f3Con dt{ font-size:0.18rem; padding:0.1rem 0 0.05rem; text-align: center;}
.f3Con dl:nth-of-type(1){ color: #000; background-color: #ffe894; float: left;}
.f3Con dl:nth-of-type(2){ color: #fff; background-color: #c7ac41; float: right;}

/*f4Box*/
.f4Con{ position: relative; overflow: hidden;}
.f4Con>div{ overflow: hidden;}
.f4Con div:nth-of-type(1){ position: absolute; right: 0; top: 0; }
.f4Con div:nth-of-type(1),.f4Con img{ width:1.45rem; height: 2.25rem;}
.f4Con div:nth-of-type(2){ width: 1.7rem; padding-right: 1.6rem;}
.f4Con div dl{ width: 0.72rem; height: 1.7rem; line-height: 0.24rem; background-color: #fff; float: left; font-size: 0.16rem; color: #333; padding:0 0.05rem; margin-bottom: 0.1rem;}
.f4Con div dt{ width: 0.6rem; height: 0.2rem; line-height: 0.2rem; margin:0 auto; text-align:center; background-color: #765a0e; color: #fff;}
.f4Con div dl:nth-child(odd){ margin-right: 0.05rem;}

/*f5Box*/
.f5Con{ overflow: hidden;}

/*f6Box*/
.f6Con dl{ width: 100%; margin-bottom: 0.1rem; font-size: 0.12rem; color: #fff; line-height: 0.2rem; overflow: hidden;}
.f6Con dt{ width: 21.16%; margin-right: 0.1rem; padding:0.20rem 0.1rem;border-radius: 15px; text-align: center;}
.f6Con dd{ width: 60%; padding:0.05rem 0.15rem;border-radius: 15px; font-size:16px; line-height:24px;}
.f6Con dl:nth-child(odd) dt,.f6Con dl:nth-child(odd) dd{background-color: #c7ac41;}
.f6Con dl:nth-child(even) dt,.f6Con dl:nth-child(even) dd{ background-color: #988552;}
.f6Con dt i{ display: inline-block; width: 0.28rem; height: 0.325rem; background: url(/images/zt/weightLose-bg.png) no-repeat; background-size: 0.7rem 1.2rem;}
.f6Con dl:nth-child(1) dt i{ background-position: 0 -0.03rem;}
.f6Con dl:nth-child(2) dt i{ background-position: 0 -0.41rem;}
.f6Con dl:nth-child(3) dt i{ background-position: -0.03rem -0.78rem;}
.f6Con dl:nth-child(4) dt i{ background-position: -0.39rem -0.63rem;}
/*.f6Con dt span{display: inline-block; width: 0.28rem; height: 0.325rem; margin-left: 0.1rem;}*/
.f6Con dt span{display: inline-block;width: 0.39rem;height: 0.325rem;font-size: 16px;}

/*f7Box*/
.f7Box>a{ margin:0.1rem auto 0;}
.f7Con{ overflow: hidden;}
.f7Con{ font-size:16px;}

/*f8Box*/
.f8Con dl{ padding:0.15rem 0; border-bottom: 1px dashed #c1c0c1;} 
.f8Con dt{ font-size: 0.16rem; color: #333; height: 0.25rem; line-height: 0.25rem; position: relative; margin-left: 0.3rem;}
.f8Con dl i{ display: block; width: 0.2rem; height: 0.2rem; position:absolute; left: -0.3rem; top: 0.03rem; background: url(/images/zt/weightLose-bg.png) no-repeat; background-size: 0.7rem 1.2rem;}
.f8Con dd{ display: none; font-size: 0.16rem; color: #848484; line-height: 0.24rem; margin-left: 0.3rem; position: relative;}
.f8Con dt i{ background-position: -0.39rem -0.03rem;}
.f8Con dd i{ background-position:-0.39rem -0.35rem;;}
.f8Con dd.on{ display: block;}
/*f9Box*/
.f9Box{ overflow: hidden;}
.f9Box>a{ font-size:0.16rem; color: #ff4e00; text-align:center; padding: 0.15rem 0; display:block;}
.f9Con{ overflow: hidden;}
.f9Con a{float:left;width:50%;height: 0.3rem; line-height: 0.3rem;margin-bottom:0.05rem;display:block;background-color: #ac8f23;color:#fff;font-size:0.15rem;text-align:center;}
.f9Con a:nth-child(odd){ background-color: #988552;}
.f9Con a:nth-child(even){ background-color: #c7ac41;}
.f9Con a:nth-child(3){ width: 100%; }

/**/
.hotKey ul{height:80px;}
.hotKey li{float:left;width:32%;height:40px;margin-right:2%;white-space:nowrap;overflow:hidden;}
.hotKey li span{display:block;height:30px;color:#333;font-size:12px;line-height:30px;white-space:nowrap;}
.hotKey li a{height:28px;display:block;box-shadow:1px 1px 1px rgba(0, 0, 0, .1);background-color:#d39b20;border:1px solid #d2d2d2;border-radius:4px;color:#fff;font-size:16px;line-height:28px;text-align:center;}
.hotKey li:nth-child(2) a{background-color:#d39b20;}
.hotKey li:nth-child(3) a{background-color:#ee6c16;}
.hotKey li:nth-child(4) a{background-color:#ee6c16;}
.hotKey li:nth-child(5) a{background-color:#f0940f;}
.hotKey li:nth-child(6) a{background-color:#f0940f;}
.hotKey li:nth-child(3n){margin-right:0;}

.f4BoxList{padding-bottom:0.20rem;overflow:hidden;}
.f4BoxList li{line-height:0.35rem;border-bottom:#c9c9c9 dashed 0.01rem;position:relative;padding-left:0.1rem;}
.f4BoxList .link_a{font-size:0.16rem;color:#676767;display: block;margin-right: 0.3rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.f4BoxList li i{position: absolute;;width:0.03rem;height:0.03rem;border-radius:50%;background-color:#959595;left: 0.02rem;top:50%;margin-top: -0.01rem}
.f4BoxList .tel{width:0.20rem;height:0.19rem;background: url('/images/zt/shaping-phone-img.png') no-repeat;background-size: 100% 100%;position:absolute;right:0.06rem;top:50%;margin-top:-0.09rem;}




/* wonderful */
.wonderful{background-color:#fff;padding:10px;}
.wonderful h2{position:relative;height:12px;border-bottom:1px dashed #cacaca;}
.wonderful h2 span{position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);padding:0 6px;background-color:#fff;color:#000;font-size:20px;line-height:22px;white-space:nowrap;}
.wonderful ul{padding-top:14px;}
.wonderful li{position:relative;height:34px;padding:0 24px 0 10px;border-bottom:1px dashed #c9c9c9;overflow:hidden;white-space:nowrap;}
.wonderful li i{position:absolute;left:2px;top:50%;margin-top:-2px;width:4px;height:4px;border-radius:50%;background-color:#959595;overflow:hidden;}
.wonderful li span{position:absolute;left:0;top:50%;margin-top:-7px;width:14px;height:14px;background-color:#ef930f;color:#fff;font-size:10px;line-height:14px;text-align:center;}
.wonderful li a{color:#676767;font-size:12px;line-height:34px;}
.wonderful li .callBtn{position:absolute;right:0.02rem;top:50%;margin-top:-0.1rem;width:0.21rem;height:0.21rem;background:url(/images/zt/call.png) no-repeat;background-size:0.21rem 0.21rem;}

#quik-booking{padding:0.1rem 0.1rem .08rem!important;background-color:#fff !important;}
footer{padding:0!important;}

@media screen and (min-width:360px){
	.navList h2,.f8Box h2,.f9Box h2,.f10Box h2{font-size:22px;}
	
	.f2Box li h3{font-size:14px;}
	.f2Box li span{height:144px;}
	.f4Box li p{height:54px;}
	.f4Box dl dd p{line-height:20px;}
	.f7Box dl dt .chatBtn{font-size: 14px;}
	.expertSlide dl dd{padding-top: 20px;}
	.expertSlide dl dd p{padding:10px 0;line-height:22px;}
	.expertSlide .askBox{height: 48px;}
	.expertSlide .askBox a{height: 48px;}
	.expertSlide .askBox a i{top:8px;}
	.expertSlide .askBox a span{font-size:12px;}
	.f3Con dt{font-size: 0.20rem;} 
	.itemTie{ font-size: 0.24rem;}
	.btn,.f9Con a{font-size: 0.17rem;}
	.f2Con .con p{ font-size: 0.16rem;}
	.f3Con dl,.f4Con div dl,.f8Con dd,.f8Con dt,.f9Box>a,.f4BoxList .link_a{font-size: 0.18rem;}
	.f2Box>p,.f7Con,.hotKey li a{font-size:18px;}
}
/*脉冲*/
.pulse{animation:pulse 1s .2s ease infinite;-webkit-animation:pulse 1s .2s ease infinite;-moz-animation:pulse 1s .2s ease infinite;}
@keyframes pulse{
0%{transform:scale(1)}
50%{transform:scale(0.9)}
100%{transform:scale(1)}
}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(0.9)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(0.9)}
100%{-moz-transform:scale(1)}
}