.content {
  position: relative;
  z-index: 10;
  padding: 0 20rem;
  margin-top: -80rem;
}

.home-block {
  margin-top: 30rem;
}

/* banner */
.banner-wraper {
  height: 480rem;
  overflow: hidden;
}

.banner-wraper .swiper-slide {
  height: 480rem;
  border-bottom-left-radius: 16rem;
  border-bottom-right-radius: 16rem;
  overflow: hidden;
}

.banner-wraper .swiper-slide a,
.banner-wraper .swiper-slide img {
  height: 480rem;
  overflow: hidden;
}

/* banner-END */

/* 首页服务 */
.serve-wraper {
  padding: 18rem 20rem;
}

.serve-wraper .serve-top {
  display: grid;
  grid-template-columns: 266rem 1fr;
  grid-gap: 20rem;
  grid-auto-rows: 124rem;
}

.serve-wraper .serve-top .serve-item {
  padding: 20rem;
  background-size: 100% 100%;
}

.serve-wraper .serve-item a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.serve-wraper .serve-top .serve-item h3 {
  font-size: 34rem;
  font-weight: bold;
  line-height: 53rem;
}

.serve-wraper .serve-top .serve-item p {
  font-size: 22rem;
}

.serve-wraper .disease {
  grid-row-start: 1;
  grid-row-end: 3;
  background-image: url(../images/home/disease_bg.png);
}

.serve-wraper .disease h3 {
  color: #1E50FF;
}

.serve-wraper .disease p {
  color: #556CBB;
}

.serve-wraper .drug {
  background-image: url(../images/home/drug_bg.png);
}

.serve-wraper .drug h3 {
  color: #9A5F31;
}

.serve-wraper .drug p {
  color: #A08672;
}

.serve-wraper .register {
  background-image: url(../images/home/register_bg.png);
}

.serve-wraper .register h3 {
  color: #283EA3;
}

.serve-wraper .register p {
  color: #7580B0;
}

.serve-wraper .serve-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10rem;
  width: 98rem;
  height: 40rem;
  background: linear-gradient(180deg, #FE621A 0%, #FE9439 100%);
  border-radius: 20rem;
  font-weight: 500;
  color: #FFFFFF;
  font-size: 24rem;
}

.serve-wraper .serve-btn img {
  width: 12rem;
  height: 18rem;
  margin-left: 5rem;
}

.serve-wraper .serve-bottom {
  display: flex;
  height: 88rem;
  justify-content: space-between;
  margin-top: 23rem;
}

.serve-wraper .serve-bottom .serve-item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.serve-wraper .serve-bottom .serve-item .serve-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64rem;
  height: 48rem;
  overflow: hidden;
  margin-bottom: 10rem;
}

.serve-wraper .serve-bottom .serve-item .serve-icon img {
  width: 100%;
  height: auto;
}

.serve-wraper .serve-bottom .serve-item h3 {
  font-size: 24rem;
  font-weight: 400;
}

/* 首页服务-END */

/* 精选短视频 */
.featured-videos-wraper {
  overflow: hidden;
}

.featured-videos-swiper {
  margin-left: 20rem;
}

.featured-videos-swiper .swiper-slide {
  width: 268rem;
  height: 442rem;
}

.featured-videos-swiper .swiper-slide .video-link {
  position: relative;
  width: 100%;
  height: 100%;
}

.featured-videos-swiper .swiper-slide .video-link .video-play {
  position: absolute;
  color: #fff;
  padding-left: 46rem;
  height: 36rem;
  line-height: 36rem;
  font-size: 22rem;
  top: 20rem;
  left: 20rem;
  background: url(../images/public/play_icon.png) no-repeat;
  background-size: 36rem 36rem;
}

.featured-videos-swiper .swiper-slide .video-link .video-img {
  width: 100%;
  height: 100%;
  border-radius: 12rem;
}

/* 精选短视频-END */

/* 健康专题 */
.health-subject-wraper {
  overflow: hidden;
  padding-bottom: 20rem;
}

.health-subject-swiper {
  margin-left: 20rem;
}

.health-subject-swiper .swiper-slide {
  width: 620rem;
  height: 366rem;
  background: #EEF3FF;
  border-radius: 16rem;
  overflow: hidden;
}

.health-subject-swiper .swiper-slide .subject-head {
  position: relative;
  width: 100%;
  height: 150rem;
  overflow: hidden;
}

.health-subject-swiper .swiper-slide .subject-head .subject-head-title {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -28rem;
  width: 100%;
  height: 56rem;
  line-height: 56rem;
  padding-left: 15rem;
  color: #FFFFFF;
  font-size: 40rem;
  font-weight: 600;
  box-sizing: border-box;
  z-index: 10;
}

.health-subject-swiper .swiper-slide .subject-head img {
  width: 100%;
  height: 518rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -259rem;
}

.health-subject-swiper .swiper-slide .subject-list {
  height: 216rem;
  padding: 10rem 30rem;
  box-sizing: border-box;
}

.health-subject-swiper .swiper-slide .subject-list .subject-item {
  height: 63rem;
}

.health-subject-swiper .swiper-slide .subject-list .subject-item-link {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 63rem;
  line-height: 63rem;
  padding-left: 20rem;
  box-sizing: border-box;
}

.health-subject-swiper .swiper-slide .subject-list .subject-item-link::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -5rem;
  left: 0;
  content: "";
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background-color: #000;
}

/* 健康专题-END */

/* 特邀名医-END */
.special-doctor-wraper {
  overflow: hidden;
  padding-bottom: 20rem;
}

.special-doctor-swiper {
  margin-left: 20rem;
}

.special-doctor-swiper .swiper-slide {
  display: flex;
  width: 258rem;
  height: 276rem;
  border-radius: 16rem;
  background: #FEECDA;
  overflow: hidden;
}

.special-doctor-swiper .doctor-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.special-doctor-swiper .doctor-item .departments {
  position: absolute;
  top: 0;
  right: 0;
  height: 34rem;
  font-size: 20rem;
  font-weight: 500;
  color: #A76927;
  line-height: 34rem;
  background-color: #f4dcc2;
  padding: 0 7rem;
  border-bottom-left-radius: 16rem;
}

.special-doctor-swiper .doctor-item .picture-box {
  width: 106rem;
  height: 106rem;
  box-sizing: border-box;
  background: #FEE5CA;
  border-radius: 50%;
  overflow: hidden;
  border: 2rem solid #cdaf8d;
  margin-bottom: 10rem;
}

.special-doctor-swiper .doctor-item .picture {
  width: 106rem;
  height: 106rem;
}

.special-doctor-swiper .doctor-item .doctor-name {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
}

.special-doctor-swiper .doctor-item .doctor-name strong {
  font-size: 30rem;
  font-weight: 500;
  margin-right: 5rem;
}

.special-doctor-swiper .doctor-item .doctor-name span {
  display: inline-block;
  max-width: 128rem;
  font-size: 24rem;
  font-weight: 400;
}

.special-doctor-swiper .doctor-item .hospital-name {
  width: 249rem;
  font-size: 24rem;
  font-weight: 400;
  text-align: center;
  margin: 10rem 0;
}

.special-doctor-swiper .doctor-item .label {
  display: inline-block;
  padding: 0 8rem;
  background: #F4DBC2;
  border-radius: 4rem;
  font-size: 24rem;
  font-weight: 500;
  color: #A76927;
  height: 38rem;
  line-height: 38rem;
}

.departments-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 8rem;
  grid-auto-rows: 124rem;
  margin-top: 20rem;
  padding: 0 20rem;
  overflow: hidden;
  border-radius: 15rem;
}

.departments-list .departments-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  padding-left: 15rem;
}

.departments-list .departments-item.bg0 {
  background-image: url(../images/home/departments_bg_pifu.png);
}

.departments-list .departments-item.bg1 {
  background-image: url(../images/home/departments_bg_neike.png);
}

.departments-list .departments-item.bg2 {
  background-image: url(../images/home/departments_bg_fuchanke.png);
}

.departments-list .departments-item h2 {
  font-size: 26rem;
  font-weight: 500;
  color: #000000;
  line-height: 36rem;
}

.departments-list .departments-item p {
  font-size: 22rem;
  font-weight: 400;
  color: #000000;
  line-height: 32rem;
}

/* 特邀名医-END */

/* 专家视频 */
.expert-video-wraper {
  overflow: hidden;
  padding-bottom: 20rem;
}

/* 专家视频-END */

/* 专家视频、语音、文章、问答 */
.expert-video-wraper {
  overflow: hidden;
  padding-bottom: 20rem;
}
.expert-video-wraper .video-tab-content {
  display: none;
}
.audio-wraper .audio-tab-content {
  display: none;
}
.article-wraper .article-tab-content {
  display: none;
}
.ask-wraper .ask-tab-content {
  display: none;
}
/* 专家视频、语音、文章、问答-END */

/* 感兴趣的 */
.interested-wraper {
  background: url(../images/home/interested_bg.png) no-repeat;
  background-position: center top;
  background-size: 100% auto;
  overflow: hidden;
  border-radius: 16rem;
}

.interested-wraper .interested-title {
  font-size: 30rem;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 42px;
  margin: 80rem 80rem 50rem 30rem;
}

.interested-wraper .interested-content {
  padding: 40rem 40rem 0 40rem;
  overflow: hidden;
}

.interested-wraper .interested-list {
  margin: -10rem -15rem;
}

.interested-wraper .interested-list .disease-item {
  display: inline-block;
  height: 72rem;
  line-height: 72rem;
  margin: 10rem 15rem;
  background-color: #F5F7FA;
  border-radius: 36px;
  font-size: 28rem;
  color: #202020;
  padding: 0 20rem;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}

/* 感兴趣的-END */

/* 医患问答 */
.ask-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 76rem;
  background: #0052FE;
  border-radius: 38px;
  border: 2px solid #0052FE;
  color: #fff;
  margin: 38rem 20rem 30rem 20rem;
  font-size: 28rem;
  font-weight: 500;
}

.ask-btn img {
  width: 20rem;
  height: 26rem;
  margin-right: 10rem;
}

/* 医患问答-END */

/* 自媒体矩阵 */
.we-media-wraper {
  height: 750rem;
  background-image: url(../images/home/media_bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.we-media-wraper .media-list {
  margin: 194rem 20rem 0 20rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20rem 42rem;
  grid-auto-rows: 162rem;
}

.we-media-wraper .media-item {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 16px;
}

.we-media-wraper .media-item .media-img {
  width: 72rem;
  height: 72rem;
  margin: 0 40rem 0 48rem;
}

.we-media-wraper .media-item .media-info h2 {
  font-size: 30rem;
  font-weight: 500;
  color: #202020;
  line-height: 42rem;
}

.we-media-wraper .media-item .media-info span {
  display: inline-block;
  width: 108rem;
  height: 48rem;
  overflow: hidden;
  margin-top: 6rem;
  background: #0052FE;
  border-radius: 36px;
  font-size: 22rem;
  color: #FFFFFF;
  line-height: 48rem;
  text-align: center;
}

/* 自媒体矩阵-END */


.content .qrcode-img {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
}

.qrcode-img .qrcode-content {
  width: 590rem;
  height: 562rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 16rem;
  padding: 210rem 40rem 0;
  box-sizing: border-box;
  background: url('../images/home/qrcode-bg.png') no-repeat;
  background-size: cover;
  position: relative;
}

.qrcode-img .qrcode-content .con-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 28rem;
  color: #000;
  font-weight: 500;
}

.qrcode-img .qrcode-content .con-flex1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 28rem;
  color: #000;
  font-weight: 500;
}

.qrcode-img .qrcode-content img {
  width: 226rem;
  height: 222rem;
  margin-bottom: 18rem;
}

.close-img{
  width: 26rem !important;
  height: 26rem !important;
  position: absolute;
  top: 12rem;
  right: 12rem;
}