@charset "utf-8";
/*
* Site:远东专家介绍—PC
* Author:wangshi
* Date:2019/4/9
*/
br{line-height:0;}
.container{width:100%;overflow:hidden;padding-bottom:80px;}
.item{width:1280px;margin:0 auto;}

/*f1Bg*/
.f1Bg{padding-top:16px;}
.f1L{width:282px;background-color:#fafafa;padding-bottom:30px;margin-top:14px;}
.f1L h2{font-size:26px;line-height:90px;background-color:#bf9586;text-align:center;color:#fff;position:relative;font-weight:normal;}
.f1L h2 i{display:block;width:56px;height:56px;background:#886a5f url(/style/images/yishengtuandui/ico02.png) 0 -68px no-repeat;border-radius:50%;position:absolute;top:50%;margin-top:-28px;left:22px;}
.f1L ul li{padding:0 24px;position:relative;}
.f1L ul li a{display:block;border-bottom:1px solid #eaeaea;font-size:16px;color:#999999;line-height:60px;position:relative;}
.f1L ul li a i{display:block;width:7px;height:14px;background:url(/style/images/yishengtuandui/ico02.png) -68px -68px no-repeat;position:absolute;right:0;top:50%;margin-top:-7px; transition:all .3s;}
.f1L ul li.active,.f1L ul li:hover{background-color:#ececec;margin-top:-1px;}
.f1L ul li.active a,.f1L ul li:hover a{color:#4c4c4c;}
.f1L ul li.active a i,.f1L ul li:hover a i{background-position:-56px -68px;}
.f1L .link{margin-top:25px;}
.f1L .link a{display:block;width:230px;height:56px;text-align:center;border:1px solid #dcdcdc;border-radius:6px;margin:20px auto 0;}
.f1L .link a span{display:inline-block;line-height:56px;font-size:20px;color:#b2b2b2;position:relative;padding-left:45px;}
.f1L .link a span i{display:block;width:34px;height:34px;background:url(/style/images/yishengtuandui/ico02.png) no-repeat;position:absolute;left:0;top:50%;margin-top:-17px;transition:all .3s;}
.f1L .link .a2 span i{background-position:-34px 0;}
.f1L .link .a3 span i{background-position:-68px 0;}
.f1L .link a:hover{border-color:#bf9586;background-color:#bf9586;}
.f1L .link a:hover span{color:#fff;}
.f1L .link .a1:hover span i{background-position:0 -34px;}
.f1L .link .a2:hover span i{background-position:-34px -34px;}
.f1L .link .a3:hover span i{background-position:-68px -34px;}

.f1R{width:896px;}
.f1R h3{border-bottom:1px solid #eaeaea;height:52px;}
.f1R h3 b{display:inline-block;font-size:20px;color:#5c5c5c;line-height:52px;position:relative;padding-right:5px;float:left;}
.f1R h3 b i{display:block;width:100%;height:2px;background-color:#bf9586;position:absolute;left:0;bottom:-1px;}
.f1R h3 span{font-size:20px;color:#818181;line-height:52px;font-weight:normal;float:right;}
.f1R h3 span em{color:#169ca7;}
.f1R h3 span a{color:#818181;padding-left:25px;display:inline-block;}
.f1R h3 span a:hover{color:#079167;}
.f1R .doctor dl{overflow:hidden;padding:30px 0;border-bottom:1px solid #eeeeee;}
.f1R .doctor dl dt,.f1R .doctor dl dt img{width:260px;height:377px;float:left;}
.f1R .doctor dl dd{padding-left:300px;}
.f1R .doctor dl dd h4 a{color:#bf9586;font-size:30px;line-height:38px;font-weight:normal;}
.f1R .doctor dl dd h4 a:hover{color:#ec910f;}
.f1R .doctor dl dd p{font-size:14px;line-height:24px;color:#808080;margin:8px 0;}
.f1R .doctor dl dd .p2{font-size:20px;line-height:30px;color:#808080;margin:8px 0;}
.f1R .doctor dl dd .p2 em{display:block;font-weight:bold;font-size:20px;color:#666;}
.f1R .doctor dl dd .p1 span{font-size:20px;margin-right:65px;}
.f1R .doctor dl dd .p1 span b{font-weight:bold;color:#666;}
.f1R .doctor dl dd .askBox{overflow:hidden;margin-top:20px;}
.f1R .doctor dl dd .askBox a{display:block;float:left;width:150px;height:50px;border-radius:50px;background-color:#adabab;text-align:center;margin-right:12px;}
.f1R .doctor dl dd .askBox a:hover{opacity:0.8;filter:alpha(opacity=80);}
.f1R .doctor dl dd .askBox a span{display:inline-block;font-size:20px;line-height:50px; color:#fff;position:relative;padding-left:25px;}
.f1R .doctor dl dd .askBox a span i{display:block;width:20px;height:20px;background:url(/style/images/yishengtuandui/btn.png) no-repeat;position:absolute;left:0;top:50%;margin-top:-10px;}
.f1R .doctor dl dd .askBox .a2{background-color:#ec910f;}
.f1R .doctor dl dd .askBox .a2 span i{background-position:-20px 0;}

@media only screen and (max-width: 750px){
        .container{max-width:750px;padding-bottom:.8rem;}
        .item{width:7rem;}
        
        .f1L{width:100%;background: none;padding-bottom: 0;margin-top: 0;}
        .f1L h2{display:none;}
        .f1L ul{display:flex;display:-webkit-flex;flex-wrap:wrap;}
        .f1L ul li{position:relative;padding:0 .1rem .16rem;}
        .f1L ul li a{line-height:.6rem;font-size:.28rem;color:#999999;padding:0 .14rem;border:1px solid #eaeaea;border-radius:.1rem;display:block;position:relative;}
        .f1L ul li a i{display:block;width:7px;height:14px;background:url(/style/images/yishengtuandui/ico02.png) -68px -68px no-repeat;position:absolute;right:0;top:50%;margin-top:-7px;transition:all .3s;}
        .f1L ul li.active,.f1L ul li:hover{background:none;margin-top:-1px;}
        .f1L ul li.active a,.f1L ul li:hover a{color:#4c4c4c;background-color:#ececec;}
        .f1L ul li.active a i,.f1L ul li:hover a i{background-position:-56px -68px;}
        .f1L .link{display:none;}

        .f1R{width:100%;}
        .f1R h3{display:none;}
        .f1R .doctor dl{overflow:hidden;padding:.4rem 0;border-bottom:1px solid #eeeeee;}
        .f1R .doctor dl dt,.f1R .doctor dl dt img{width:2.6rem;float:left;}
        .f1R .doctor dl dd{padding-left:3rem;}
        .f1R .doctor dl dd h4 a{font-size:.3rem;line-height:.4rem;font-weight:normal;}
        .f1R .doctor dl dd h4 a:hover{color:#ec910f;}
        .f1R .doctor dl dd p{font-size:.24rem;line-height:.4rem;margin:0;}
        .f1R .doctor dl dd .p2{line-height:.35rem;font-size: .24rem;margin: 0;}
        .f1R .doctor dl dd .p2 em{font-size:.24rem;}
        .f1R .doctor dl dd .p1 span{font-size:.24rem;margin-right:0;display:block;}
        .f1R .doctor dl dd .askBox{margin-top:.1rem;}
        .f1R .doctor dl dd .askBox a{width:1.8rem;height:.5rem;border-radius:.5rem;margin-right:.2rem;}
        .f1R .doctor dl dd .askBox a:hover{opacity:0.8;filter:alpha(opacity=80);}
        .f1R .doctor dl dd .askBox a span{font-size:.24rem;line-height:.5rem; padding-left:.25rem;}
        .f1R .doctor dl dd .askBox a span i{display:block;width:.2rem;height:.2rem;background-size:.4rem .2rem;position:absolute;left:0;top:50%;margin-top:-.1rem;}
        .f1R .doctor dl dd .askBox .a2{background-color:#ec910f;}
        .f1R .doctor dl dd .askBox .a2 span i{background-position:-.2rem 0;}
}