@charset "UTF-8";
/*头部*/
.i-header { background: -webkit-linear-gradient(to right, #6d64fb 0%, #9b66fc 100%); background: -webkit-gradient(linear, left top, right top, from(#6d64fb), to(#9b66fc)); background: -webkit-linear-gradient(left, #6d64fb 0%, #9b66fc 100%); background: linear-gradient(to right, #6d64fb 0%, #9b66fc 100%); padding-top: 0.15rem; padding-bottom: 0.15rem; }

.i-search { overflow: hidden; height: 0.6rem; -webkit-border-radius: 0.3rem; border-radius: 0.3rem; padding: 0.1rem 0; }

.i-search .i-icon { width: 0.66rem; background: url(../images/index/search.png) no-repeat 0.26rem center/0.26rem 0.26rem; }

.i-search .i-input { line-height: 0.4rem; }

.i-search .i-btn { width: 1.2rem; background-color: #fff;}

/*头部列表*/
.i-menu { height: 0.89rem; padding-right: 1rem;}

.i-menu .i-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; line-height: 0.89rem; overflow-x: auto; }

.i-menu .i-list a { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 0.2rem 0 0.3rem; }

.i-menu .i-list a.on { border-bottom: 2px solid #6d64fb; font-size: 0.36rem; }

.i-menu .i-add { position: absolute; right: 0; top: 0; height: 100%; overflow-y: hidden; padding-left: 5px; }

.i-menu .i-add a { display: block; width: 0.9rem; height: 100%; background: #fff url(../images/index/add.png) no-repeat center/0.36rem 0.36rem; -webkit-box-shadow: -1px 0 4px 1px #ccc; box-shadow: -1px 0 4px 1px #ccc; }

/*图文列表*/
.i-list.asks { padding-top: .2rem; }

.i-list,.i-home { border-bottom: none; border-top: 1px solid #eee; }

.i-list:first-child { border: none; } 

.i-list .i-a { width: 100%; }

.i-list .i-a .i-p .i-h4 { padding-top: 0.04rem; margin-bottom: 0.12rem; line-height: 0.44rem; max-height: 0.84rem; overflow: hidden; }

.i-list .i-a .i-p .i-p-des { line-height: 0.42rem; padding-top: .08rem; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-bottom: .1rem; }

.i-list .i-a .i-img { width: 2.2rem; height: 1.65rem; margin-left: 0.2rem; overflow: hidden; }

.i-list .i-a .i-img img { width: 100%; }

.i-list .i-a .i-img-list { padding-bottom: 0.1rem; }

.i-list .i-a .i-img-list .i-img { margin: 0; }

.i-list .i-a .i-img-list .i-img:nth-child(2) { margin: 0 0.14rem; }

.i-list .i-a.i-no-img .i-from { padding-top: 0.1rem; }

.i-list .i-from { padding-top: 0.15rem; }

/*特邀名医*/
.i-tag { height: 0.64rem; background: url(../images/index/tymy.png) no-repeat left/auto 100%; }

.i-doctors { overflow-x: auto; }

.i-doctors .i-d-list { width: 2rem; border: 1px solid #eee; -webkit-border-radius: 0.12rem; border-radius: 0.12rem; margin-right: 0.24rem; margin-bottom: 0.1rem; padding-bottom: 0.2rem; }

.i-doctors .i-d-list .i-header-img { width: 1rem; height: 1rem; margin: 0 auto; margin-bottom: 0.2rem; padding-top: 0.3rem; }

.i-doctors .i-d-list .i-header-img img { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; }

.i-doctors .i-d-list .i-header-img .i-vip { position: absolute; right: 0; bottom: 0; width: 0.3rem; height: 0.3rem; }

.i-doctors .i-d-list p { line-height: 0.4rem; text-align: center; }

/*底部 loading*/
.i-loading { height: 1.28rem; }

.i-loading .loading { padding-right: 0.3rem; background: url(../images/index/loading.gif) no-repeat right/0.26rem 0.26rem; }

/*头像来源时间*/
.i-from { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.i-from .i-icon { height: 0.42rem; width: 0.42rem; margin-right: 0.1rem; }

.i-from .i-icon img { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: top; }

.i-from .i-icon img.i-vip { position: absolute; right: -0.08rem; bottom: 0; width: 0.18rem; height: 0.18rem; -webkit-border-radius: 50%; border-radius: 50%; }

.i-from .i-des { line-height: 0.42rem; }

.i-from .i-des .blue { color: #999; }

.i-from .i-des .fg { margin: 0 0.1rem; }

.i-from .i-des time { margin-left: 0.4rem; }

/*文章详情*/
.a-header { background: -webkit-linear-gradient(to right, #6d64fb 0%, #9b66fc 100%); background: -webkit-gradient(linear, left top, right top, from(#6d64fb), to(#9b66fc)); background: -webkit-linear-gradient(left, #6d64fb 0%, #9b66fc 100%); background: linear-gradient(to right, #6d64fb 0%, #9b66fc 100%); height: 0.9rem; }

.a-header .btn { display: block; width: 100%; height: 100%; }

.a-header .left, .a-header .right { width: 0.8rem; height: 100%; }

.a-header .left .btn { background: url(../images/index/left.png) no-repeat 0.3rem center/0.19rem 0.34rem; }

.a-header .center { line-height: 0.9rem; }

.a-header .right .btn { background: url(../images/index/list.png) no-repeat 0.12rem center/0.38rem 0.29rem; }

.a-article .a-title { line-height: 0.6rem; }

.a-article .a-des { height: 0.8rem; }

.a-article .a-des .a-see { position: absolute; right: 0; top: 0; line-height: 0.8rem; padding-left: 0.35rem; background: url(../images/index/see.png) no-repeat left/0.26rem 0.16rem; }

.a-article .a-article-content { font-size: 0.34rem; line-height: 0.6rem; padding: 0.2rem 0; }

.a-article .a-article-content img{ display: block; max-width: 100%; margin: 0 auto; }

.a-article .a-article-content p {word-break: break-all; word-wrap: break-word; font-size: 0.34rem; line-height: 0.6rem; color: #333; }

.a-article .a-tags { padding: 0.2rem 0 .1rem; display: flex; }

.a-article .a-tags .a-tags-a{ flex-grow: 1; flex-wrap: wrap; }

.a-article .a-tags .a-tags-a a{ margin: 0 .05rem .1rem;}

.a-article .a-tags .cell { margin: 0 0.1rem; }

.a-article .page { padding: 0.2rem 0 0.4rem; }

/*分页*/
.page { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.page .cell { height: 0.72rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f8f8f8; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 1.8rem; }

.page .current { width: 2.7rem; }

.page .current .on { color: #353ed6; }

.other-page { padding: 0.14rem 0 0.2rem; }

.other-page .cell {padding: .05rem 0; height: 0.6rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.other-page .cell .title { margin-left: 0.1rem; width: 50%; height: 100%; line-height: 0.62rem; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.other-page .cell .empty { margin-left: 0.1rem; }

.other-page .cell .lab { color: #fc6c51; }

/*热门推荐*/
.a-list-header .h4 { height: 1rem; line-height: 1rem; padding-left: 0.5rem; background: url(../images/index/remen.png) no-repeat left/0.3rem 0.37rem; }

.a-list-header.a-d-xgwt .h4 { background: url(../images/index/xgwt.png) no-repeat left/0.36rem 0.36rem; }

.a-footer { height: 1rem; line-height: 1rem; }

/*标签*/
.tags .tags-title { line-height: 1; padding: 0.45rem 0.3rem 0.35rem; }

.tags .tags-list{ padding: 0 .22rem; }

.tags .tags-list .list { width: 25%; float: left; }

.tags .tags-list .list .a { display: block; margin: 0 0.08rem 0.2rem; line-height: 1; padding: 0.25rem 0; text-align: center; border: 1px solid #f8f8f8; background-color: #f8f8f8; -webkit-border-radius: 0.06rem; border-radius: 0.06rem; }

.tags .tags-list .list .a.on { color: #999; }

.tags .tags-list .list .a.add { border: 1px solid #ddd; background-color: #fff; }

/*视频*/
.videos .a { display: block; height: 4.2rem; }

.videos .a img { height: 100%; width: 100%; }

.videos .a .play { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2) url(../images/index/play.png) no-repeat center/0.8rem 0.8rem; }

.videos .a .v-title { position: absolute; left: 0; top: 0; width: 100%; padding: 0.2rem 0.3rem 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 0.46rem; }

.videos .a .time { position: absolute; right: 0.14rem; bottom: 0.1rem; padding: 0 0.15rem; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; height: 0.36rem; line-height: 0.36rem; background-color: rgba(0, 0, 0, 0.3); }

.videos .a-des .a-see { background: url(../images/index/video.png) no-repeat left/0.25rem 0.22rem; }

.content-title { line-height: 1; padding: 0.14rem 0; }

.doctor-page { background-color: #f4f3fb; height: 1.3rem; }

.doctor-page .doctor-img { width: 0.9rem; height: 0.9rem; padding: 0 0.16rem 0 0.2rem; }

.doctor-page .doctor-img img { width: 100%; height: 100%; -webkit-border-radius: 50%; border-radius: 50%; }

.doctor-page .doctor-p { width: 50%; padding-right: 0.2rem; }

.doctor-page .doctor-p p:first-child { margin-bottom: 0.14rem; }

/*视频相关推荐*/
.videos-link { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.videos-link .video-cell { width: 50%; padding-right: 0.3rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.15rem; }

.videos-link .video-cell.videos .a { width: 100%; height: 1.86rem; }

.videos-link .video-cell .v-des { display: block; padding: 0.15rem 0.05rem; }

.i-home.videos .a { height: 3.86rem; }

.s-page { padding: 0.3rem 0 0.5rem; }

.s-over-des { height: 0.8rem; line-height: 0.8rem; }

.search .a-list-header .h4 { background: url(../images/index/stj.png) no-repeat left/0.35rem 0.36rem; }

.search-nolist { height: 2.4rem; background: #fff url(../images/index/snolist.png) no-repeat center/4.38rem 1.66rem; }

.page404 .cell { height: 2.4rem; width: 50%; }

.page404 .cell .p { padding-top: 0.75rem; padding-bottom: 0.2rem; }

.page404 .cell .a { display: block; width: 1.16rem; height: 0.42rem; line-height: 0.41rem; font-size: 0.18rem; text-align: center; -webkit-border-radius: 0.08rem; border-radius: 0.08rem; background-color: #a6b5eb; }

.page404 .img { background: url(../images/index/404.jpg) no-repeat right/3.12rem 1.2rem; }

.a-article-content.video-article { padding: 0.1rem 0 0.2rem; }

.a-article-content p { font-size: 0.34rem; line-height: 0.6rem; margin-bottom: 0.3rem; }

.a-article-content p:last-child { margin-bottom: 0; }

.a-article-tags { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.12rem; }

.a-article-tags .a { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; color: #6e69a9; background-color: #efecf4; -webkit-border-radius: 0.06rem; border-radius: 0.06rem; line-height: 1; padding: 0.15rem 0.26rem; margin-right: 0.1rem; margin-bottom: 0.2rem; }

.asks-details { padding-bottom: 0.2rem; }

.asks-details .a-article-content { padding: 0; }

.asks-details .a-h2 { margin-bottom: 0.3rem; }

.asks-details .a-des .a-see { background-image: none; padding-left: 0; top: 0.1rem; line-height: 1.1rem; }

.asks-details .i-from .i-des { line-height: 0.72rem; }

.asks-details .i-from .i-icon { width: 0.72rem; height: 0.72rem; }

.asks-details .i-from .i-des .fg { padding: 0; }

.asks-details .a-des { padding-top: 0.1rem; height: 1.1rem; }

.asks-details .see-all { padding: 0.2rem 0; }

.asks-details .see-all .button { width: 3.2rem; height: 0.6rem; color: #5259ce; -webkit-border-radius: 0.3rem; border-radius: 0.3rem; background-color: #f6f6f6; }

.asks-details .see-all .button span { padding-left: 0.3rem; background: url(../images/index/xjt.png) no-repeat left/0.18rem 0.1rem; }

.a-article-imgs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.2rem 0; }

.a-article-imgs .i-cell-img { width: 1.6rem; height: 1.2rem; margin-right: 0.16rem; }

.a-article-imgs .i-cell-img img { width: 100%; height: 100%; vertical-align: top; }

/*check big img*/
.check-big-img{ position: fixed; left: 0; top: 0; bottom: 0; right: 0; display: none; z-index: 999999; background: #000/* url('img.jpg') no-repeat center/contain*/; }
.check-big-img .swiper-container{ width: 100%; height: 100%;}
.check-big-img .swiper-container img{ max-height: 100%;}
.check-big-img .swiper-slide{ display: flex; align-items: center; justify-content: center;}
.check-big-img .swiper-pagination-list{display: flex; align-items: center; justify-content: center; font-size: 0.28rem; color: #fff; height: 40px; line-height: 40px; bottom: 0; position: absolute;}
.check-big-img .swiper-pagination-bullet{ background-color: #efefef; }


/*voice*/
.i-list .i-from{ position: relative; }
.i-list .i-from .voice-play{position: absolute; bottom: 0; right: 0; height: .44rem; width: 1.02rem; border:1px solid #aaa; padding-left: .36rem; text-align: left; border-radius: 3px; font-size: .24rem; }
.i-list .i-from .bobao{ color: #666; background: url(../images/index/voice.png) no-repeat .08rem center/.24rem .24rem;}
.i-list .i-from .zanting{display: none; color: #6292ff; border-color: #6292ff; background: url(../images/index/zt.png) no-repeat .12rem center/.14rem .2rem;}

.voice-panel{display: none; position: fixed; left: 0; bottom: 0; width: 100%; padding: 10px 8px; box-sizing: border-box;}
.voice-progress{ display: none; position: fixed; left: 20px; bottom: 15px; height: 50px; width: 50px; overflow: hidden;}
.voice-panel .voice-main{ position: relative; padding-left: 64px; height: 60px; 
	background: -webkit-linear-gradient(#666666, #333334); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#666666, #333334); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#666666, #333334); /* Firefox 3.6 - 15 */
    background: linear-gradient(#666666, #333334); /* 标准的语法（必须放在最后） */
	border-radius: 8px; overflow: hidden; display: flex; align-items: center;}
.voice-panel .voice-main:after{ position: absolute; left: 62px; top: 0; width: 25px; height: 60px; content: ''; background: url(../images/index/mb-01.png) no-repeat left top/100% 100%; }
.voice-panel .voice-main .v-title{ font-size: 14px; flex-grow: 1; line-height: 20px; color: #fff; width: 140px; overflow: hidden; white-space: nowrap;}
.voice-panel .voice-main .button{ width: 40px; height: 100%;}
.voice-panel .voice-main .button.off{ opacity: 0.3; }
.voice-panel .voice-main .play-btn{background: url(../images/index/bt-01.png) no-repeat center/12px 14px; }
.voice-panel .voice-main .play-btn.on{background: url(../images/index/zt-01.png) no-repeat center/10px 14px; }
.voice-panel .voice-main .next-btn{background: url(../images/index/next-01.png) no-repeat center/14px 14px; }
.voice-panel .voice-main .set-btn{background: url(../images/index/set-01.png) no-repeat center/14px 14px; }
.voice-panel .voice-main .close-btn{background: url(../images/index/gb-01.png) no-repeat center/14px 14px; }

.v-mask{ background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 999; }
.v-close{ position: fixed; left: 0; bottom: 0; right: 0; top: 0; z-index: 9999; }
.v-close .close-box{position: absolute; left: 50%; top: 50%; width: 6rem; margin-left: -3rem; margin-top: -1.7rem; background-color: #fff;  border-radius: 10px;}
.v-close .close-box .close-main{padding: .3rem 0 .5rem; border-bottom: 1px solid #ddd;}
.v-close .close-box .close-main h4{ font-weight: normal; font-size: .36rem; color: #000; text-align: center; line-height: .9rem; }
.v-close .close-box .close-main p{ font-size: .3rem; color: #666; line-height: .70rem; text-align: center; }
.v-close .close-box .btn{ display: flex; }
.v-close .close-box .btn button{ height: .88rem; width: 50%; text-align: center; font-size: .32rem; color: #000;}
.v-close .close-box .btn button:first-child{ border-right: 1px solid #ddd; }

.set-voice{ background-color: #fff; position: fixed; left: 0; bottom: 0; z-index: 9999; width: 100%; }
.set-voice .cell-one h5{ padding: .15rem .3rem 0; line-height: .82rem; font-size: .32rem; color: #333; font-weight: normal; }
.set-voice .read-style{ display: flex; padding: 0 .22rem .33rem; border-bottom: 1px solid #ddd; }
.set-voice .read-style button{ margin: 0 .08rem; border-radius: 4px; background-color: #f5f5f5; font-size: .28rem; color: #666; height: .64rem; width: 25%; }
.set-voice .read-style button.on{ background-color: #4a73f3; color: #fff; }
.progress-cell{ color: #333; font-size: .32rem; padding: 0 .3rem; height: 1.33rem; border-bottom: 1px solid #ddd; display: flex; align-items: center; }
.progress-cell h5{ flex-shrink: 0; font-weight: normal; margin-right: .44rem; font-size: .32rem;}
.progress-cell .progress{ position: relative; width: 3rem; flex-grow: 1; padding: 0 .5rem; height: 48px; display: flex; align-items: center;}
.progress-cell .progress .line{ height: 2px; background-color: #cfcfcf; width: 100%; }
.progress-cell .progress .active-line{ height: 2px; }
.set-voice .close-btn{display: block; height: 1rem; font-size: .32rem; width: 100%; background-color: #fff; border:none; }

/*详情页播报*/
.circleProgress{ width: 50px; height: 50px; position: fixed; left: 18px; bottom: 20px; }
.voice-progress .wrapper,.circleProgress .wrapper{ width: 46px; height: 46px; border:2px solid #000; opacity: 0.3; border-radius: 50%; }
/*.voice-progress img, .circleProgress img{ position: absolute; left: 2px; top: 2px; width: 46px; height: 46px; border-radius: 50%;}*/
.voice-progress .voice-img{position: absolute; left: 2px; top: 2px; width: 46px; height: 46px; border-radius: 50%; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.voice-progress .voice-img img{ height: 100%; max-width: none;}
.voice-progress #canvas, .circleProgress #canvas{ position: absolute; left: 0; top: 0; }
.v-button{position: absolute; right: .8rem; top: 0; width: 0.8rem; border:none; outline: none; height: 100%; background:url(../images/index/erji.png) no-repeat center/.38rem .29rem; }
.v-button-zt{ display: none; }

.details-page{ font-size: .3rem; }
.details-page .cell{ width: 1.5rem; }
.details-page .current { width: 1.8rem; }