@charset "UTF-8";
/*
 * @authors 谢二霞
 * @date    2016-04-05
 */
body{ font-family: "Microsoft YaHei"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.clearfix:after{ clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: ""; }
.clearfix{ *zoom: 1; }
.bold{ font-weight: bold; }
/*头图*/
header{ height: 5.1rem; background-size: contain; overflow: hidden; width: 6.40rem; margin: 0 auto; }
header .giftIntro{ width: 1.55rem; margin: 2.9rem 0 .35rem 1.95rem; font-size: 0.25rem; }
header .liveInfo{ margin-top: 4rem; }
header h3,
header h3 a{ font-size: 0.21rem; }
header h3{  margin-left: 0.4rem; }

.expertIntro,
.videoWrap,
.hospitalIntro,
.comment,
.reviewGuest,
.reviewVideo{ margin: 0 auto; margin-bottom: 0.3rem; position: relative; border-radius: 0.08rem; }
/*专家介绍*/
.expertIntro{ width: 5.72rem; padding: 0 0.2rem 0.33rem; margin: 0 auto; margin-bottom: 0.26rem; }
.expertIntro .title{ width: 0.48rem; height: 1.61rem; text-align: center; float: left; margin-left: 0.2rem; }
.expertIntro .expertPic{ border-radius: 0.08rem; width: 1.97rem; height: 2.66rem; float: left; margin: 0.4rem 0.53rem 0 0.3rem; }
.expertIntro .liveCode{ width: 2.1rem; float: left; margin-top: 0.6rem; text-align: center; }
.expertIntro .liveCode img{ width: 1.77rem; height: 1.77rem; border: 0.03rem solid #caad78; }
.expertIntro .liveCode span{ font-size: 0.24rem; }
.expertIntro .expertInfo{ border-radius: 0.04rem; width: 5.26rem; margin: 0 auto; padding: 0.24rem; margin-top: 0.26rem; position: relative; }
.expertIntro .triangle{ width: 0; border-top: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: -0.25rem; left: 1.75rem; }
.expertInfo h3{ font-size: 0.27rem; margin-left: 0.1rem; }
.expertInfo p{ font-size: 0.18rem; padding-left: 0.1rem; }

/*视频*/
.videoWrap{ /*display: none;*/ background-color:#ffffff; border-radius: 0.08rem; width: 6.12rem; padding: 0.18rem 0 .15rem;}
.videoWrap .videoTitle{ width: 4.76rem; height: 0.67rem; font-size: 0.26rem; color: #fff; line-height: 0.6rem; text-align: center; position: absolute; top: 0.3rem; left: -0.13rem; }
.videoWrap video{ width: 6rem; height: 3.61rem; margin: 0 auto; margin-top: 1rem; margin-bottom: 0.3rem; display: block; /*background: #000;*/}

/*分类标题背景图*/
.sortTitle{ width: 2.66rem; height: 0.68rem; line-height: 0.6rem; font-size: 0.26rem; text-align: center; position: absolute; left: -0.07rem; top: 0.3rem; }

/*往期嘉宾*/
.reviewGuest{ width: 6.12rem; padding-top: 1.04rem; position: relative; }
.swipe-container{ position: relative; overflow: hidden; margin: 0 0.6rem; }
.swipe-before,.swipe-after{ position: absolute; display: none; width: 0.32rem; height: 0.57rem; top: 50%; -webkit-transform:translate(0,-50%);margin-top: -.3rem;}
.swipe-before{ left: 0.1rem; top: 2.5rem;}
.swipe-after{ right: 0.1rem; top: 2.5rem; }
.swipe-wrap{ position: relative; margin: .16rem auto; overflow: hidden; }
.swipe-wrap > .swipe-item{ float: left; width: 100%; height: 100%; position: relative; overflow: hidden; }
.swipe-wrap > .swipe-item > img{ display: block; width: 1.69rem; height: 2.24rem; float: left; }
.swipe-wrap > .swipe-item > .jiabinInfo{ width: 2.45rem; font-size: 0.16rem; float: left; margin-left: 0.2rem; }
.swipe-wrap .swipe-item .jiabinInfo .name{ font-size: 0.24rem; }
.swipe-btn{ text-align: center; font-size: .18rem; padding-bottom: .15rem; }
.swipe-btn > span{ display: inline-block; }
.swipe-btn > span:last-child:before{ content:'/';margin: 0 6px; }


/*医院介绍*/
.hospitalIntro{ width: 5.22rem; padding: .18rem .56rem .47rem .34rem;  }
.hospitalIntro p{ font-size: .18rem; line-height: .3rem; }
.hospitalIntro .p1{ margin-top: .9rem; margin-bottom: .3rem; }

/*往期回顾*/
.reviewVideo{ width: 6.12rem; border-radius: 0.04rem; background-color: #fff; position: relative; margin-top: 0.5rem; padding: 0.2rem 0; }
.reviewVideo .top{ padding: 0 0.24rem; }
.reviewVideoList{ margin-top: 1rem; margin-left: 0.24rem; }
.reviewVideoList li{ width: 5.5rem; height: 1.15rem; margin-bottom: .15rem; }
.reviewVideoList li a{display: block; position: relative; width: 5.5rem; height: 1.15rem; overflow: hidden; }
.reviewVideoList li a img{ width: 1.13rem; height: 1.01rem; float: left; }
.reviewVideoList li a .title{ width: 3.6rem; font-size: 0.15rem; float: left; margin-left: 0.2rem; }
.reviewVideoList li a .p1{ margin-top: 0.18rem; margin-bottom: 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reviewVideoList li a .p2{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reviewVideoList li a .reviewArrow{ position: absolute; width: 0.13rem; height: 0.27rem; top: 0.45rem; right: 0; }
.moreReview{ position: absolute; right: 0.35rem; top: 0.5rem; font-size: 0.14rem; }
.moreReview:hover{ text-decoration: underline; }
.borderB{ border-bottom: 1px solid #ddd; }
/*下载*/
.download{ width: 6.12rem; height: 3.16rem; margin: 0 auto; margin-top: .2rem; margin-bottom: .36rem; position: relative; background-color: #fff; border-radius: .08rem; }
/*下载模块左边背景图片*/
.client{ width: 3.11rem; height: 2.56rem; position: absolute; top: .39rem; left: -.05rem; }
.logo{ width: .59rem; height: .76rem; margin: .45rem .15rem 0 .3rem; float: left; background: url(../images/dongzhimen-hospital/logo.png) no-repeat center; background-size: contain; }
.client p{ font-size: .26rem; }
.client .p1{ margin-top: .4rem; }
.client .p2{ margin: .05rem 0; }
.downloadBtn{ display: inline-block; width: 2rem; height: .61rem; margin-left: .6rem; margin-top: .2rem; }
/*下载模块右边背景图片*/
.twoCode{ width: 3.11rem; height: 2.86rem; position: absolute; top: .21rem; left: 3.06rem; text-align: center; }
.twoCode img{ width: 1.7rem; height: 1.7rem; margin-top: .2rem; }
.twoCode .p3{ font-size: .22rem; }
.twoCode .p4{ font-size: .2rem; }

/*评论*/
.comment{ width: 6.12rem; }