@charset "utf-8";
/*
* Site:博爱美容竞价站_艺术纹绣专题
* Author:luochou
* Date:2016/06/15
*/
.container{position:relative;width:100%;background-color:#f3f3f3;}
/*banner*/
.banner{position:relative;}
.banner a{position:absolute;left:14%;bottom:10%;width:27%;height:26px;background-color:#ffde00;border-radius:4px;color:#ff4000;font-size:12px;line-height:26px;text-align:center;}
/* navList */
.navList{padding:6px 0 20px;}
.navList p{height:30px;padding:0 10px;color:#515151;font-size:14px;line-height:30px;}
.navList ul{padding-top:4px;overflow:hidden;}
.navList li{float:left;width:19%;height:54px;margin:0 0.5%;border:1px solid #c4c4c4;box-sizing:border-box;}
.navList li a{display:box;display:-webkit-box;height:48px;border:2px solid #e2d6bf;background-color:#8a5d00;color:#fff;font-size:14px;line-height:18px;text-align:center;box-align:center;-webkit-box-align:center;box-pack:center;-webkit-box-pack:center;}
/* hotline */
.hotline{height:42px;padding:0 10px;background-color:#8a5d00;overflow:hidden;}
.hotline .iphone{position:relative;display:block;padding-left:42px;margin-top:4px;color:#fff;font-size:12px;line-height:16px;}
.hotline .iphone i{position:absolute;left:0;top:0;width:36px;height:30px;background:url(/images/zt/public-callIco_bg.png) no-repeat;background-size:36px 30px;}
.hotline .iphone b{display:block;color:#fff;font-size:14px;line-height:16px;}
.hotline .btn{width:32%;height:28px;margin-top:7px;display:block;background-color:#fff;border-radius:4px;color:#7b5c18;font-size:12px;line-height:28px;text-align:center;}
/* f1Box */
.f1Box{position:relative;padding:12px 0;background-color:#fff;}
.f1Box p{color:#515151;font-size:12px;line-height:20px;text-align:center;}
.f1Box a{display:block;color:#ff6600;font-size:12px;line-height:28px;text-align:center;}
.f1Box img{position:absolute;left:6%;bottom:12px;width:59px;height:60px;}
/* f2Box */
.f2Box{position:relative;}
.f2Box h2{padding-bottom:12px;color:#000;font-size:20px;line-height:28px;text-align:center;}
.f2Box h2 span{display:block;color:#8a5d00;font-size:16px;font-weight:normal;line-height:24px;}
.f2Box dl{position:relative;height:204px;padding:0 10px;}
.f2Box dl dt{position:absolute;top:0;left:10px;}
.f2Box dl dt img{width:138px;height:184px;}
.f2Box dl dd{padding-left:145px;}
.f2Box dl dd p{color:#616161;font-size:12px;line-height:16px;text-align:justify;}
.f2Box dl dd p b{color:#fe7200;}
.f2Box dl dd a{width:80%;height:30px;margin:5px 0;display:block;border-radius:4px;background-color:#fe7200;color:#fff;font-size:12px;line-height:30px;text-align:center;}
/* f3Box */
.f3Box{padding-top:16px;}
.f3Box h2{padding-bottom:10px;color:#000;font-size:20px;line-height:28px;text-align:center;}
.f3Box h2 span{display:block;color:#8a5d00;font-size:16px;font-weight:normal;line-height:24px;}
.f3Box .p1{padding:0 10px;color:#616161;font-size:12px;line-height:20px;}
.f3Box .p1 b{color:#fe7200;}
.f3Box .p1 a{display:block;color:#fe7200;}
.f3Box ul{padding:12px 10px 15px;overflow:hidden;}
.f3Box li{float:left;position:relative;width:32%;padding:0 3px;box-sizing:border-box;}
.f3Box li:nth-child(1){background-color:#da9300;}
.f3Box li:nth-child(2){background-color:#fe7200;margin:0 2%;}
.f3Box li:nth-child(3){background-color:#c08c22;}
.f3Box li h3{color:#fff;font-size:14px;font-weight:normal;line-height:32px;text-align:center;}
.f3Box li span{display:block;height:90px;padding-top:6px;color:#fff;font-size:12px;line-height:18px;text-align:justify;}
.f3Box li a{width:80%;height:20px;margin:8px auto 6px;display:block;border-radius:4px;background-color:#fff;color:#da9300;font-size:12px;line-height:20px;text-align:center;}
.f3Box li:nth-child(2) a{color:#fe7200;}
.f3Box li:nth-child(3) a{color:#c08c22;}
.f3Box dl{position:relative;height:174px;padding:12px 0 14px;border-top:1px dashed #cecece;margin:0 10px;}
.f3Box dl dt{position:absolute;top:12px;left:0;width:140px;}
.f3Box dl dt h3{height:28px;background-color:#fff;color:#616161;font-size:16px;font-weight:normal;line-height:28px;text-align:center;}
.f3Box dl dt img{width:136px;height:142px;border:2px solid #fff;}
.f3Box dl dd{padding-left:144px;}
.f3Box dl dd p{color:#616161;font-size:12px;line-height:19px;}
.f3Box dl dd p b{color:#fe7200;}
/* f4Box */
.f4Box{padding-top:16px;}
.f4Box h2{padding-bottom:10px;color:#000;font-size:20px;line-height:28px;text-align:center;}
.f4Box h2 span{display:block;color:#8a5d00;font-size:16px;font-weight:normal;line-height:24px;}
.f4Box .p1{padding:0 10px;color:#616161;font-size:12px;line-height:20px;}
.f4Box .p1 b{color:#fe7200;}
.f4Box .p1 a{display:block;color:#fe7200;}
.f4Con{ border-bottom:1px dashed #d0d0d0;margin:0 10px;}
.f4Con dl{position:relative;height:114px;}
.f4Con dl dt{position:absolute;top:0;}
.f4Con dl:nth-child(1) dt{left:0;}
.f4Con dl:nth-child(2) dt{right:0;}
.f4Con dl dt img{width:126px;height:96px;}
.f4Con dl:nth-child(1) dd{padding-left:130px;}
.f4Con dl:nth-child(2) dd{padding-right:130px;}
.f4Con dl dd h3{color:#616161;font-size:14px;font-weight:normal;line-height:22px;}
.f4Con dl dd p{color:#616161;font-size:12px;line-height:18px;}
.f4Con dl dd a{color:#fe7200;font-size:12px;line-height:24px;}
.f4Info{padding-top:12px;}
.f4Info ul{padding:0 10px 12px;overflow:hidden;}
.f4Info li{float:left;width:31%;height:52px;padding:8px 0;border:1px solid #959595;border-radius:4px;color:#353535;font-size:12px;line-height:18px;text-align:center;box-sizing:border-box;}
.f4Info li:nth-child(2){margin:0 3.5%;}
.f4Info a.btn{width:70%;height:36px;margin:0 auto;display:block;border-radius:4px;background-color:#fe7200;color:#fff;font-size:12px;line-height:36px;text-align:center;}
.f4Info p{padding:14px 10px 8px;color:#484848;font-size:12px;line-height:20px;}
.f4Info p b{display:block;color:#fe7200;}
/* f5Box */
.f5Box{padding:16px 0 12px;}
.f5Box h2{padding-bottom:10px;color:#000;font-size:20px;line-height:28px;text-align:center;}
.f5Box h2 span{display:block;color:#8a5d00;font-size:16px;font-weight:normal;line-height:24px;}
.f5Box p{padding:0 10px;color:#616161;font-size:12px;line-height:20px;}
.f5Box p.pb12{padding-bottom:12px;}
.f5Box p b{color:#fe7200;}
.f5Box p span{display:block;color:#fe7200;}
.f5Box p a{display:block;color:#fe7200;}
.f5Box ul{padding:10px 0;overflow:hidden;}
.f5Box li{float:left;width:40%;padding:0 4px;margin:0 5%;background-color:#da9300;box-sizing:border-box;}
.f5Box li h3{color:#fff;font-size:14px;font-weight:normal;line-height:32px;text-align:center;}
.f5Box li span{display:block;height:36px;padding-top:6px;color:#fff;font-size:12px;line-height:18px;}
.f5Box li a{width:80%;height:20px;margin:8px auto 6px;display:block;border-radius:4px;background-color:#fff;color:#da9300;font-size:12px;line-height:20px;text-align:center;}
/* f6Box */
.f6Box{padding:16px 0 18px;background-color:#fff;}
.f6Box h2{color:#000;font-size:20px;line-height:30px;text-align:center;}
.f6Box ul{padding:16px 10px 0;overflow:hidden;}
.f6Box li{float:left;width:48%;height:134px;padding-top:8px;margin:0 1% 2%;background-color:#e3dbc6;color:#333;}
.f6Box li:nth-child(2),.f6Box li:nth-child(3){background-color:#bf9c43;color:#fff;}
.f6Box li h3{position:relative;height:32px;color:#333;font-size:14px;font-weight:normal;text-align:center;line-height:32px;}
.f6Box li h3 i{position:absolute;bottom:-2px;left:50%;margin-left:-19px;width:38px;height:2px;background-color:#333;overflow:hidden;}
.f6Box li p{padding:10px 8px 0;font-size:12px;line-height:20px;text-align:justify;}
.f6Box li:nth-child(2) h3,.f6Box li:nth-child(3) h3{color:#fff;}
.f6Box li:nth-child(2) h3 i,.f6Box li:nth-child(3) h3 i{background-color:#fff;}
.f6Box .p1{height:25px;padding-top:10px;color:#000;font-size:13px;line-height:25px;text-align:center;}
.f6Box .p1 a{width:78px;height:25px;margin-left:8px;display:inline-block;border-radius:4px;background-color:#ff5a00;color:#fff;font-size:12px;line-height:25px;text-align:center;}
/* f7Box */
.f7Box{padding-top:8px;}
.f7Box h2{height:40px;padding-bottom:12px;color:#000;font-size:20px;line-height:40px;text-align:center;}
.experts{position:relative;height:313px;background:url(/images/zt/public-expests_bg.jpg) no-repeat;background-size:100% 313px;}
.experts dl{position:relative;height:313px;padding:0 10px 0 160px;}
.experts dl dt{position:absolute;top:0;left:0;width:160px;}
.experts dl dt img{width:160px;height:313px;}
.experts dl dt a{position:absolute;right:10px;bottom:50px;width:42px;height:42px;display:box;display:-webkit-box;background-color:#6c3d00;border-radius:50%;color:#fff;font-size:12px;line-height:14px;box-align:center;-webkit-box-align:center;box-pack:center;-webkit-box-pack:center;}
.experts dl dd{padding-top:10px;}
.experts dl dd h3{height:42px;border-bottom:1px solid #f0d797;color:#000;font-size:14px;font-weight:normal;line-height:22px;}
.experts dl dd h3 a{display:inline-block;padding-right:4px;margin-right:4px;border-right:1px solid #000;color:#000;font-size:20px;vertical-align:top;}
.experts dl dd h3 span{display:block;color:#b78300;font-size:14px;line-height:20px;}
.experts dl dd p{padding:4px 0;color:#333;font-size:12px;line-height:16px;text-align:justify;}
.experts dl dd p b{display:block;}
.experts dl dd .btn{width:100%;height:32px;display:block;border-radius:4px;background-color:#fe7200;color:#fff;font-size:14px;line-height:32px;text-align:center;}
.experts .askBox{position:relative;}
.experts .askBox h4{height:28px;color:#434343;font-size:14px;font-weight:normal;line-height:28px;text-align:center;}
.experts .askBox ul{height:40px;padding-top:5px;}
.experts .askBox li{float:left;position:relative;width:31%;height:42px;background-color:#ef8d00;border-radius:4px;}
.experts .askBox li:nth-child(2){margin:0 3.5%;background-color:#b68200;}
.experts .askBox li:nth-child(3){background-color:#df9f00;}
.experts .askBox li i{position:absolute;top:4px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);background:url(/images/zt/public-expestIco.png) no-repeat;background-size:75px 20px;}
.experts .askBox li:nth-child(1) i{width:23px;height:19px;}
.experts .askBox li:nth-child(2) i{width:20.5px;height:19px;background-position:-25px 0;}
.experts .askBox li:nth-child(3) i{width:22px;height:20px;background-position:-50px 0;}
.experts .askBox li span{position:absolute;left:0;bottom:0;width:100%;color:#fff;font-size:10px;line-height:20px;text-align:center;white-space:nowrap;}
.expertsLink{background-color:#fff;padding:18px 10px 0;overflow:hidden;}
.expertsLink a{float:left;width:50%;height:28px;margin-bottom:5px;display:block;background-color:#a4a4a4;color:#fff;font-size:12px;line-height:28px;text-align:center;}
.expertsLink a:nth-child(2),.expertsLink a:nth-child(3){background-color:#dcdcdc;color:#333;}
/* 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){
	.f2Box dl dd p{line-height:20px;}
	.f2Box dl dd a{margin:8px 0;}
	.f3Box dl dd p{padding-bottom:8px;line-height:20px;}
	.experts dl dd p{padding:6px 0;line-height:20px;}
	.experts .askBox li span{font-size:12px;}
}
/*脉冲*/
.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)}
}