@charset "utf-8";
/*
* Site:五洲-新医疗推广页面-陈春芳-刘潇
* Author:pengxing
* Date:2019/4/19
*/
body{background:#f7f7f7}
.container{min-width:320px;max-width:750px;margin:0 auto;background-color:#fff;}
.container img{display:block;width:100%;}
/*banner*/
.banner{position:relative;}
.banner .pageclick {position:absolute;bottom:.15rem;text-align:center;width:100%;}
.banner .pageclick  span{width:.2rem;height:.2rem;background:#fff;margin:0 .05rem;}
.item{padding:0 .2rem;}
.itemTie{text-align:center;line-height:0;}
.itemTie span{line-height:1.58rem;font-size:.46rem;color:#3988ff;font-weight:normal;display:inline-block;position:relative;padding:0 .2rem;}
.itemTie span i{width:.54rem;height:.16rem;display:block;position:absolute;top:50%;transform:translateY(-50%);}
.itemTie span i.ioc1{background:url(/images/kouqiang/kaociya/tie_01.png) no-repeat;background-size:100% 100%;right:100%;}
.itemTie span i.ioc2{background:url(/images/kouqiang/kaociya/tie_02.png) no-repeat;background-size:100% 100%;left:100%;}
.f2Box{padding-bottom:.45rem;overflow:hidden;}
.f2BoxList{padding-bottom:.25rem;overflow:hidden;}
.f2BoxList dl{float:left;width:25%;padding-bottom:.23rem;}
.f2BoxList dt{border:#fff solid .04rem;border-radius:50%;overflow:hidden;box-shadow:rgba(32,32,32,.23) .05rem .05rem .05rem;margin:0 auto;}
.f2BoxList dt,.f2Box dt img{width:1.34rem;height:1.34rem;}
.f2BoxList dd{text-align:center;line-height:.5rem;font-size:.26rem;color:#313131;}
.f2Box a.chat{width:2rem;text-align:center;line-height:.5rem;font-size:.28rem;color:#fff;background-color:#ff7e00;border-radius:.1rem;display:block;margin:0 auto;}
.f3Bg{background-color:#f4f7fa;padding-bottom:.33rem;}
.f3Bg h2{text-align:center;background-color:#3988ff;}
.f3Bg h2 span{line-height:1.11rem;font-size:.56rem;color:#fff;font-weight:normal;position:relative;padding-right:.75rem;display:inline-block;}
.f3Bg h2 i{width:.56rem;height:.56rem;background:url(/images/kouqiang/kaociya/bg_02.png) no-repeat;background-size:100% 100%;display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.f3Box h3{text-align:center;line-height:1.33rem;font-size:.42rem;color:#4a4a4a;font-weight:normal;padding-top:.14px;}
.f3Box dl{overflow:hidden;}
.f3Box dt{float:left;line-height:0;border-radius:.05rem;overflow:hidden;box-shadow:rgba(32,32,32,.1) .12rem .12rem .12rem;margin-bottom:.36rem;}
.f3Box dt,.f3Box dt img{width:3.28rem;}
.f3Box dd{float:right;width:3.6rem;}
.f3Box dd p{line-height:.4rem;font-size:.26rem;color:#2d2e30;}
.f3Box dd p span{display:block;position:relative;padding-left:.4rem;}
.f3Box dd p i{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.f3Box dd p i.ioc1{width:.21rem;height:.27rem;background:url(/images/kouqiang/kaociya/ioc_01.png) no-repeat;background-size:100% 100%;}
.f3Box dd p i.ioc2{width:.29rem;height:.22rem;background:url(/images/kouqiang/kaociya/ioc_02.png) no-repeat;background-size:100% 100%;}
.f3Box h4{line-height:0;padding-bottom:.3rem;}
.f3Box h4 span{line-height:.48rem;font-size:.32rem;color:#fff;font-weight:normal;background-color:#3988ff;display:inline-block;padding:0 .1rem;}
.f3Box ul{overflow:hidden;padding-bottom:.66rem;}
.f3Box li{float:left;width:25%;border-bottom:#b2b4b6 solid 1px;position:relative;padding-bottom:.55rem;}
.f3Box li img{width:1.14rem;height:1.14rem;border-radius:50%;margin:0 auto;}
.f3Box li span{width:100%;text-align:center;line-height:.66rem;font-size:.26rem;color:#333;display:block;position:absolute;left:0;padding-top:.54rem;}
.f3Box li span em{width:100%;text-align:center;line-height:0.55rem;display:block;position:absolute;left:0;top:0;}
.f3Box li span em i{width:.1rem;height:.1rem;background-color:#27abff;display:block;border-radius:50%;position:absolute;left:50%;bottom:0;transform:translateX(-50%) translateY(50%);}
.f3Box2 li{width:20%;}
.f3Bg a.chat{width:2rem;text-align:center;line-height:.5rem;font-size:.28rem;color:#fff;background-color:#ff7e00;border-radius:.1rem;display:block;margin:0 auto;}
.f4Box dt,.f4Box dt img{width:6.4rem;height:4rem;margin:0 auto;}
.f4Box dd{background:url(/images/kouqiang/kaociya/bg_01.jpg) center center no-repeat;background-size:100% 3.49rem;position:relative;overflow:hidden;padding:0 .25rem;}
.f4Box dd p{float:left;width:2.85rem;line-height:.4rem;font-size:.24rem;color:#000;padding:.6rem 0;}
.f4Box dd p:nth-child(2n){float:right;}
.f4Box ul{overflow:hidden;}
.f4Box li{float:left;padding-bottom:.1rem;}
.f4Box li,.f4Box li img{width:2.3rem;height:1.53rem;}
.f4Box li:first-child,.f4Box li:first-child img{width:7.1rem;height:3.55rem;}
.f4Box li:nth-child(3n){padding-left:.1rem;}
.f4Box li:nth-child(3n+1){float:right;}