@charset "utf-8";
/*
* Site:五洲—口腔金沙mg—五洲正畸wap-陈春芳 重构
* Author:luochou
* Date:2020/09/11
*/
body{max-width:750px !important;margin: 0 auto;}
.container{min-width:320px;width:100%;max-width:750px;margin:0 auto;background-color:#fff !important;}
.container img{width:100%;display:block;}
.item{padding:0 0.2rem;}
.itemTie{text-align:center;padding:0.5rem 0 0.3rem;}
.itemTie span{line-height:0;position:relative;display:inline-block;padding:0 0.15rem;z-index:1;}
.itemTie i{width:100%;height:0.36rem;border:#18aaa8 solid 1px;display:block;position:absolute;left:0;top:50%;margin-top:-0.145rem;z-index:-1;}
.itemTie br{line-height:0;}
.itemTie em{line-height:0.48rem;font-size:0.45rem;color:#136db7;font-weight:bold;background-color:#fff;padding:0 5px;}
.itemTie small{line-height:0.3rem;font-size:0.11rem;color:#bcbcbc;text-transform:uppercase;background-color:#fff;padding:0 5px;font-weight: normal;}
.f2Bg .itemTie span{margin-left:30px;}
.f2Bg .itemTie span i.ioc{width:0.77rem;height:1.18rem;background:url(/images/kouqiang/jiaozheng/tie.jpg) no-repeat;background-size: 100% 100%;border: 0;position: absolute;left: -0.79rem;top: 50%;margin-top: -0.59rem;}
/*banner*/
.banner{height:auto;overflow:hidden;}
.banner .swiper-banner-pagination {bottom:3px !important;width:100%;}
.banner .swiper-banner-pagination .swiper-pagination-bullet {width: .2rem; height: .2rem; margin: 0 .2rem; background-color:#fff;opacity:1;}
.banner .swiper-banner-pagination .swiper-pagination-bullet-active {background-color:#0277bc;}

.f1Box{line-height:0;}

.f2Box{padding:0 0.1rem;overflow:hidden;}
.f2Box dl{float:left;width:2.10rem;height:1.42rem;border-radius:0.05rem;overflow:hidden;margin-bottom:0.43rem;margin-right:0.3rem;position:relative;}
.f2Box dd{width:2.10rem;height:0.46rem;text-align:center;line-height:0.46rem;font-size:0.3rem;color:#fff;background-color:rgba(0,0,0,0.5);position:absolute;left:0;bottom:0;}
.f2Box dl:nth-child(3n){margin-right:0;}

.f3BoxCon{background-color:#f8f8f8;border-radius:0.1rem;padding:0.45rem 0 0.3rem 0;margin-bottom:0.4rem;overflow:hidden;position:relative;}
.f3BoxCon i.ioc{width:0.7rem;text-align:center;line-height:0.7rem;font-size:0.51rem;color:#fff;font-weight:bold;display:block;position:absolute;top:0;}
.f3BoxCon:nth-child(2n-1) i.ioc{height:1.25rem;padding-right:0.53rem;background:url(/images/kouqiang/jiaozheng/bg_01.png) no-repeat;background-size:100% 100%;left:0;}
.f3BoxCon:nth-child(2n) i.ioc{height:1.29rem;padding-left:0.57rem;background:url(/images/kouqiang/jiaozheng/bg_02.png) no-repeat;background-size:100% 100%;right:0;}
.f3BoxCon h3{text-align:center;line-height:0.76rem;font-size:0.5rem;color:#136db7;font-weight:normal;padding-bottom: 0.05rem;}
.f3BoxCon h3 small{line-height:0.5rem;font-size:0.35rem;color:#767777;display:block;}
.f3BoxCon dl{padding:0 0.33rem;}
.f3BoxCon dt{line-height:0;}
.f3BoxCon dd ul{text-align:center;padding:0.1rem;overflow:hidden;border-bottom:#e5e3e2 solid 1px;margin-bottom:0.1rem;}
.f3BoxCon dd li{line-height:0.48rem;font-size:0.3rem;color:#767777;font-weight:bold;display:inline-block;position:relative;padding:0 0.2rem 0 0.15rem;}
.f3BoxCon dd li i{width:0.09rem;height:0.09rem;background-color:#767777;border-radius:50%;display:block;position:absolute;left:0;top:50%;margin-top:-rem;}
.f3BoxCon dd li:last-child{padding-right:0;}
.f3BoxCon dd p{line-height:0.48rem;font-size:0.28rem;color:#767777;}
.f3BoxCon dd ul.list{padding-left:0.75rem;}
.f3BoxCon dd ul.list li{float:left;width:2.6rem;text-align:left;padding-right:0;}
.f3Box a.btn{width:4.80rem;height:0.71rem;text-align:center;line-height:0.71rem;font-size:0.45rem;color:#fff;background-color:#ed6a1a;border-radius:0.05rem;display:block;margin:0 auto;}
.f3BoxImg{line-height:0;padding:0.6rem 0 0;}

.f4Box{padding-left:0.12rem;overflow:hidden;}
.f4Box li{float:left;width:2.2rem;height:0.92rem;line-height:0.31rem;text-align:center;font-size:0.28rem;color:#fff;padding-top:1.4rem;margin:0 0.01rem 0.02rem 0;background:linear-gradient(145deg,#1270b8 50%,#06a2ac);position:relative;}
.f4Box li i{background:url(/images/kouqiang/jiaozheng/bg_03.png) no-repeat;background-size:5.41rem 0.98rem;display:block;position:absolute;left:50%;}
.f4Box li i.ioc1{width:0.91rem;height:0.76rem;background-position:0rem 0rem;margin-left:-0.455rem;top:0.36rem;}
.f4Box li i.ioc2{width:0.75rem;height:0.98rem;background-position:-0.95rem 0rem;margin-left:-0.375rem;top:0.25rem;}
.f4Box li i.ioc3{width:0.86rem;height:0.87rem;background-position:-1.74rem 0rem;margin-left:-0.43rem;top:0.36rem;}
.f4Box li i.ioc4{width:1.05rem;height:0.80rem;background-position:-2.64rem 0rem;margin-left:-0.502rem;top:0.47rem;}
.f4Box li i.ioc5{width:1.39rem;height:0.66rem;background-position:-3.73rem 0rem;margin-left:-0.695rem;top:0.48rem;}
.f4Box li i.ioc6{width:0.25rem;height:0.81rem;background-position:-5.16rem 0rem;margin-left:-0.125rem;top:0.33rem;}
.f4Box li:nth-child(2n){color:#136db7;background:#e5e5e4;}


.f5BoxCon{overflow:hidden;padding-bottom: 0.27rem;}
.f5BoxCon dl{float:left;width:2.1rem;padding-top:0.3rem;margin-right:0.4rem;position:relative;}
.f5BoxCon dt{width:2.02rem;height:1.96rem;border:#136db7 solid 0.04rem;border-radius:50%;overflow:hidden;position:absolute;left:50%;margin-left:-1.01rem;top:0;}
.f5BoxCon dd{width:2.08rem;height:3.98rem;background-color:#e5e5e4;overflow:hidden;border-radius:1rem;}
.f5BoxCon dd h3{text-align:center;line-height:0.33rem;font-size:0.26rem;color:#0d74b5;padding-top:1.72rem;}
.f5BoxCon dd h3 br{line-height:0;}
.f5BoxCon dd p{line-height:0.36rem;font-size:0.24rem;color:#767777;padding:0 0.05rem;}
.f5BoxCon dl:last-child{margin-right:0;}

.f5BoxList{height:3.96rem !important;background-color:#f8f8f8;overflow:hidden;}
.f5BoxList li{float:left;height:3.96rem;padding:0 0.27rem;}
.f5BoxList h3{line-height:0.8rem;font-size:0.33rem;color:#0d74b5;padding-top:0.2rem;}
.f5BoxList h3 a {color:#0d74b5;}
.f5BoxList dl{overflow:hidden;}
.f5BoxList dt{float:left;width:3.22rem;padding-top:0.06rem;}
.f5BoxList dd{float:right;width:3.2rem;}
.f5BoxList dd p{line-height:0.37rem;font-size:0.28rem;color:#767777;}
.f5BoxList dd p br{line-height:0;}
.f5BoxList dd span.btn{display:block;padding-top:0.1rem;}
.f5BoxList dd span.btn a{float:left;width:1.41rem;height:0.46rem;text-align:center;line-height:0.46rem;font-size:0.31rem;color:#fff;background-color:#ed6a1a;border-radius:0.05rem;margin-right:0.1rem;display:block;}
.f5BoxList dd span.btn a:nth-child(2){background-color:#0d74b5;}
.f5BoxList .bajs-easy-slider-pagination{width:100%;text-align:center;line-height:0;font-size:0;position:absolute;left:0;bottom:0.22rem;}
.f5BoxList .bajs-easy-slider-pagination a{width:0.1rem;height:0.1rem;background-color:#004570;border-radius:50%;display:inline-block;margin:0 3px;}
.f5BoxList .bajs-easy-slider-pagination a.active{background-color:#ed6a1a;}
.f5Box a.chat{width:3.59rem;height:1rem;font-size:0;background:url(/images/kouqiang/jiaozheng/bg_04.png) no-repeat;background-size:100% 100%;display:block;margin:0.18rem auto 0;}

.f6Box .bajs-easy-slider-pagination{width:100%;text-align:center;line-height:0;font-size:0;position:absolute;left:0;bottom:0.15rem;}
.f6Box .bajs-easy-slider-pagination a{width:0.1rem;height:0.1rem;background-color:#004570;border-radius:50%;display:inline-block;margin:0 3px;}
.f6Box .bajs-easy-slider-pagination a.active{background-color:#ed6a1a;}


.f7Box{overflow:hidden;padding-left: 0.22rem;}
.f7Box li{float:left;width:2.03rem;height:1.23rem;border:#e7e7e6 solid 0.04rem;margin:0 0.17rem 0.17rem 0;}
.f7Box li:first-child{width:6.57rem;height:2.59rem;margin-right:0;}
.f7Box li:last-child{margin-right:0;}
.f8Box{border:#eef6f5 dashed 1px;background-color:#fcfdfd;padding:0 0.1rem;}
.f8Box li{height:0.9rem;line-height:0.9rem;font-size:0.35rem;color:#767777;border-bottom:#d6d6d5 dashed 2px;position:relative;}
.f8Box li a{color:#767777;}
.f8Box li a.tel{width:0.32rem;height:0.3rem;background:url(/images/kouqiang/jiaozheng/tel.jpg) no-repeat;background-size:100% 100%;display:block;position:absolute;right:0.21rem;top:50%;margin-top:-0.15rem;}
.f8Box li:last-child{border-bottom:0;}

.titleH2 {color:#37bccf;text-align:center;}
.titleH2 span {color:#ff8003;font-weight:normal;margin-left:.03rem;}
.titleH2:before  {content:'';display:inline-block;visibility:visible;width:.26rem;height:.29rem;background:url(/images/kouqiang/jiaozheng/tooth.png) no-repeat;background-size:100% 100%;vertical-align:middle;margin-top:-.02rem;margin-right:.08rem;}
/*f7Box*/
.f9Box {padding-top:.2rem;}
.f9Box .titleH2 {color:#444e54;margin-bottom:.08rem;}
.f9Box .titleH2:before {background:url(/images/kouqiang/jiaozheng/booking.png) no-repeat;width:.56rem;height:.56rem;background-size:100% 100%;}
.f7add {background-color:#eee;padding:.14rem 10px;color:#828282;}
.f7add em {display:block;position:relative;padding-left:.2rem;line-height:30px;font-size:.13rem;}
.f7add em i {display:inline-block;background:url(/images/kouqiang/jiaozheng/bgImg.png) no-repeat;background-size:.877rem .438rem;height:.15rem;width:.15rem;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.f7add em:nth-of-type(2) i {height:.17rem;background-position:-.17rem 0;}
.f7add em:nth-of-type(3) i {width:.14rem;height:.16rem;background-position:-.35rem 0;}
.f7add em:nth-of-type(4) i {width:.14rem;height:.17rem;background-position:-.52rem 0;}
