@charset "utf-8";
/* 2020 07 10 */
body{background: #fff;}
.mar-r8{margin-right: .32rem;}
/* header */
.idx-header-fix{position: fixed;top: 0;left: 0;right: 0;width: 100%;background: #fff;z-index: 102;height: 2.56rem;}
.idx-header-top{padding:.16rem .8rem;}
.idx-header-top .idx-header-in{padding: .4rem; border:.06rem solid #0071D1; border-radius: .32rem;}
.idx-header-top .logo img{display: block; height: .96rem;}
.search-wrap .search{width: 100%;height: .8rem; padding: 0 .48rem; font-size: .48rem;color: #bbb;text-align: left;border-left: .04rem solid #C4C4C4;margin-left: .48rem;}
.icon-magnifier{
	display: block; width: 1.44rem;height: 1.44rem;border-radius: .32rem;
	background-color: #0071D1;
	background-image: url('../../../images/youlai/patient/icon/icon_search3.png');
	background-size: .64rem .64rem;
	background-repeat: no-repeat;
	background-position: center;
}
.idx-header-top .idx-header-in-fix{padding: .24rem .4rem;}
/* content */
.con-fixtop{padding-top: 2.56rem;}
/* ask */
.idx-header-ask ul{padding: .72rem .56rem;position: relative;z-index: 1;}
.idx-header-ask li{padding: 0 .24rem;}
.ask-link .ask-icon{width: 100%;height: 1.76rem;border-radius: .48rem;overflow: hidden;margin-bottom: .56rem;}
.ask-link .ask-icon img{display: block;height: 100%;border-radius: .48rem;}
.ask-link .ask-title{font-size: .72rem;color: #333;font-weight: normal;line-height: .8rem;margin-bottom: .08rem;}
.ask-link .ask-text{font-size: .48rem;color: #999;line-height: .64rem;}
.ask-link .fontcol-1{color: #FA9621;}

/* service list */
.idx-service-wrap{padding: .4rem .48rem .8rem;}
.swiper-service-list{padding-bottom: .24rem;}
.idx-hot-link{position: relative; display: block;text-align: center;font-size: .56rem;color: #666;}
.idx-hot-wrap li{padding: .4rem 0;}
.idx-hot-link .idx-hot-title{font-size: .48rem;color: #333;line-height: .56rem;text-align: center;}
.idx-hot-link .idx-hot-icon{width: 1.44rem;height: 1.44rem;margin: 0 auto .16rem;background: rgba(0, 113, 209, 0.06);border-radius: 1.28rem;}
.idx-hot-link .idx-hot-icon img{display: block;width: .96rem;height: auto;}

.idx-service-wrap .swiper-container-horizontal>.swiper-pagination-bullets{bottom: .08rem;font-size: 0;}
.idx-service-wrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: .64rem;height: .08rem;border-radius: .08rem; margin: 0 .08rem;}

.icon-hot,.icon-new{position: absolute;left: 50%;top: -.16rem;margin-left: .32rem; border-radius: .48rem;width: .8rem;height: .48rem;font-size: .32rem;color: #fff;text-align: center;line-height: .48rem;font-style: normal;}
.icon-hot{background: #FC534D;}
.icon-new{background: #2DD46F;}
/* banner */
.idx-banner-wrap{margin: 0 .8rem;}
.swiper-banner {width: 100%;border-radius: .24rem;overflow: hidden;}
.swiper-banner .swiper-slide {
    text-align: center; font-size: 18px; background: #fff;
    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
    -webkit-box-pack: center; -ms-flex-pack: center; 
    -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
    -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.swiper-banner .swiper-pagination{font-size: 0;bottom: .4rem;}
.swiper-banner .swiper-pagination-bullet{background: #fff;width: .16rem; height: .16rem;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 .16rem;}
.swiper-banner a,.swiper-banner img{display: block;width: 100%; height: 3.2rem;}

/* recommend */
#navSwiper{height: 1.92rem;}
.navSwiper-fix{position: fixed;top: 2.24rem;left: 0;right: 0;z-index: 101}
.idx-recommend-wrap{padding: .64rem 0;background: #fff;border-radius: .32rem .32rem 0 0;}
.recommend-list-wrap{
	padding: 0 .8rem;
	background-color: #F5F8FA;
	background-image: url('../../../images/youlai/patient/index/list_bg.png');
	background-size: .4rem 4.8rem;
	background-repeat: repeat-x;
	background-position: left 0;
}
/* nav */
.nav-swiper{padding-right: 1.6rem;margin-bottom: .16rem;background: #fff;}
.nav-swiper .swiper-container {position: relative;width: 100%;height: 1.76rem;}
.nav-swiper .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: auto;}
.nav-all-con{display: none;}
.nav-swiper .swiper-slide a{display: block; height: 1.76rem;border-radius: .16rem; font-size: .64rem;color: #999; line-height: 1.6rem;margin-left: .8rem;}
.nav-swiper .swiper-slide:last-child a{margin-right: .8rem;}
.nav-swiper .swiper-slide a.curr{position: relative; color: #0071D1;}
.nav-swiper .swiper-slide a.curr:after{content: '';position: absolute;bottom: .08rem;left: 50%;width: .8rem;height: .08rem;margin-left: -.4rem;background: #0071D1;border-radius: .04rem;}
.nav-swiper .swiper-container{bottom: 0;}

.nav-all{position: absolute;top: 0;right: 0;width: 1.6rem;height: 1.6rem;background: #fff;z-index: 100;box-shadow: -0.4rem 0 0.8rem rgba(255, 255, 255, .95);}

.more-go-follow {
    display: block; width: 100%;height: 100%;
    background-image: url(../../../images/youlai/patient/icon/hot_tab_add.png);
    background-size: .64rem .64rem;
    background-repeat: no-repeat;
    background-position: .2rem .48rem;
}
/* list */
.re-li{padding: .8rem 0;border-top: 1px solid #E0E0E0;}
.re-li:first-child{border-top: 0;}
.re-li .li-title{font-size: .72rem;color: #222;line-height: .96rem;margin-bottom: .16rem;font-weight: bold;}
.re-li .li-text{font-size: .56rem;color: #666;line-height: .8rem;font-weight: normal; max-height: 1.6rem;}
.re-li .li-info{font-size: .48rem;color: #999;line-height: 1.4;font-weight: normal;max-height: .66rem;}
.li-video .li-pic{margin-left: .32rem;position: relative;border-radius: .16rem; overflow: hidden;}
.li-video .li-pic,.li-video .li-pic img{width: 5.12rem;height: 2.88rem;}
.li-video .li-pic .icon-play{position: absolute;top: 50%;left: 50%;width: 1.28rem;height: 1.28rem;margin: -.64rem 0 0 -.64rem;background-position: center -20rem;}
.li-video .li-title{height: 1.92rem;}
.li-voice .li-text{margin-bottom: .32rem;}
.li-article .li-text{margin-bottom: .48rem;}
.li-ask .li-text{position: relative; background: #F5F8FA; padding: .24rem .48rem;border-radius: .32rem;margin: .16rem 0 .48rem;max-height: 2.08rem;}
.li-ask .li-text:after{
	content: ' ';position: absolute;top: -.16rem;left: 1.12rem; width: .32rem;height: .32rem;background: #F5F8FA;-webkit-transform:rotate(45deg); transform:rotate(45deg);
}
.li-ask .icon-ask{width: .72rem;height: .92rem;background-position: center -18rem;margin-right: .16rem;}
.li-voice-wrap{margin-bottom: .64rem;}
.li-voice-wrap .doc-pic{border-radius: 50%;overflow:hidden;margin-right: .32rem;}
.li-voice-wrap .doc-pic,.li-voice-wrap .doc-pic img{width: 1.28rem;height: 1.28rem;}
.li-voice-wrap .li-voice-bar{width: 6.4rem;height: 1.28rem;border-radius: 1.28rem;background: rgba(0,137,228,.5);padding: 0 .64rem 0 .4rem;font-size: .48rem;color: #fff;}
.li-voice-wrap .li-voice-bar .icon-voice{width: .72rem;height: .56rem;background-position: center -19rem;margin-right: .4rem;}
.re-list-no{padding: 2rem .6rem;font-size: .64rem;color: #666;text-align: center;}

/* list hot */
.idx-hot-li{margin: .16rem 0 .64rem;}
.idx-hot-li img{border-radius: .48rem;height: 9.6rem; box-shadow: 0px .16rem .64rem rgba(0, 137, 228, 0.1);}
/* icon */
.idx-dept-more:after,
.li-video .li-pic .icon-play,.li-ask .icon-ask,.li-voice-wrap .li-voice-bar .icon-voice,
.go-my-follow:after{
	background-image: url('../../../images/youlai/patient/index/index_icon01.png');
	background-size: 2rem 24rem;background-repeat: no-repeat;
}
.tinfo,.bromptbottom{font-size: .48rem;color: #666;text-align: center;padding: .8rem 0;}

/* 语音播放按钮 */
.li-voice-wrap .li-voice-bar .icon-voice{width: .76rem;height: .72rem;background-position: center -18.92rem;margin-right: .36rem;}
.li-voice-wrap .li-voice-bar .play{
	background-image: url('../../../images/youlai/patient/icon/voiceplay/list_voice_play.gif');
	background-repeat:no-repeat; background-size:.96rem .96rem;background-position: -.08rem -.08rem;
}
.li-voice-wrap .li-voice-bar .loading{ 
	background-image: url('../../../images/youlai/patient/icon/voiceplay/list_voice_loading.gif');
	background-size:.72rem .72rem;background-repeat: no-repeat;background-position: 0 0;
}
.li-voice-wrap .li-voice-bar .error{
	background-image: url('../../../images/youlai/patient/icon/voiceplay/list_voice_error.png');
	background-size:.72rem .72rem;background-repeat: no-repeat;background-position: 0 0;
}


.tinfo, .bromptbottom{
	font-size: .48rem;color: #999;
}
.bromptbottom img{height: .96rem;}