.main{
  background-color: #EAF3FF;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.container{
  color: #333;
}
.header-box{
  height: 2.22rem;
}
.tabbar-boxNone{
  height: 1.2rem;
  width: 100%;
}
.container{
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.yyhead-wrap{
  height: 2.1rem;
  background: linear-gradient(to bottom, #78AAFC,#fff, #fff);
  overflow: hidden;
}
.yyhead-wrap .yyhead-sub{
  background: #fff;
  width: 7.10rem;
  margin: 0 auto;
  border-radius: 0.30rem;
  padding: 0.20rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.2rem;
}
.yyhead-wrap .yyhead-sub .yyhead-left{
  flex: 1;
}
.yyhead-wrap .yyhead-sub .yyhead-left .yyhead-text1{
  font-size: 0.38rem;
  /* font-weight: bold; */
  margin: 0;
}
.yyhead-wrap .yyhead-sub .yyhead-left .yyhead-text2{
  display: flex;
  align-items: center;
  margin-top: 0.05rem;
}
.yyhead-wrap .yyhead-sub .yyhead-left .yyhead-text2 .yyhead-img1Wrap{
  width: 0.21rem;
  height: 0.24rem;
  margin-right: 0.10rem;
  display: flex;
}
.yyhead-wrap .yyhead-sub .yyhead-left .yyhead-text2 .yyhead-img1Wrap .yyhead-img1{
  width: 100%;
  height: 100%;
}
.yyhead-wrap .yyhead-sub .yyhead-left .yyhead-text2 .yyhead-text4{
  font-size: 0.23rem;
  color: #666666;
}
.yyhead-wrap .yyhead-sub .yyhead-left .yyhead-text3{
  font-size: 0.23rem;
  color: #2073F9;
  display: flex;
  align-items: center;
  margin-top: 0.15rem;
}
.yyhead-wrap .yyhead-sub .yyhead-left .yyhead-text3 .yyhead-tag{
  padding: 0 0.15rem;
  height: 0.3rem;
  line-height: 0.3rem;
  border-radius: 0.10rem;
  border: 0.01rem solid #83B2F1;
  margin-right: 0.10rem;
}
.yyhead-wrap .yyhead-sub .yyhead-right{
  width: 2rem;
  height: 1.50rem;
  border-radius: 0.20rem;
  overflow: hidden;
}
.yyhead-wrap .yyhead-sub .yyhead-right .yyhead-img2{
  width: 100%;
  height: 100%;
}
.yynav-Warp{
  /* height: 1.22rem; */
  height: 0.75rem;
  padding: 0.2rem 0.2rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.3rem;
  color: #666666;
}
.yynav-Warp .yynav-left{
  display: flex;
  align-items: center;
}
.yynav-Warp .yynav-left .yynav-active{
  font-weight: bold !important;
  color: #333;
}
.yynav-Warp .yynav-left .yynav-leftItem{
  margin-right: 0.65rem;
  cursor: pointer;
  position: relative;
  font-size: 0.3rem;
  font-weight: 500;
}
.yynav-Warp .yynav-left .yynav-leftItem .yynav-img2{
  width: 0.28rem;
  height: 0.07rem;
  position: absolute;
  bottom: -0.15rem;
  left: 50%;
  transform: translateX(-50%);
}
.yynav-Warp .yynav-right{
  display: flex;
  align-items: center;
}
.yynav-Warp .yynav-right .yynav-img1{
  width: 0.26rem;
  height: 0.26rem;
  margin-right: 0.05rem;
}
.yy-content{
  flex: 1;
  display: flex;
  overflow: hidden;
}
.yy-content .yy-contentLeft{
  flex: 1;
  height: 100%;
  overflow-y: auto;
  background-color: #fff;
}
.yy-content .yy-contentLeft .yy-doctorItem{
  display: flex;
  align-items: center;
  padding-top: 0.20rem;
  padding-bottom: 0.30rem;
  border-bottom: 0.01rem solid #E1E1E1;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
.yy-content .yy-contentLeft .yy-doctorItem .yy-itemLeft{
  width: 1rem;
  height: 1rem;
  margin-right: 0.2rem;
  position: relative;
  display: flex;
}
.yy-content .yy-contentLeft .yy-doctorItem .yy-itemLeft .yy-itemImg1{
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.yy-content .yy-contentLeft .yy-doctorItem .yy-itemLeft .yy-itemTag{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0.49rem;
  height: 0.25rem;
  line-height: 0.25rem;
  border-radius: 0.25rem;
  text-align: center;
  font-size: 0.18rem;
  color: #5C3921;
  background: url('../images/images/doc-tag.png') no-repeat;
  background-size: 100% 100%;
}
.yy-content .yy-contentLeft .yy-doctorItem .yy-itemRight{
  flex: 1;
}
.yy-content .yy-contentLeft .yy-doctorItem .yy-itemRight .yy-itemDetail1{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.1rem;
}
.yy-content .yy-contentLeft .yy-doctorItem .yy-itemRight .yy-itemDetail1 .yy-itemDetail1-left{
  display: flex;
  align-items: center;
}
.yy-content .yy-contentLeft .yy-doctorItem .yy-itemRight .yy-itemDetail1 .yy-itemDetail1-left span:nth-child(1){
  font-size: 0.30rem;
  font-weight: bold;
  color: #333;
}
.yy-content .yy-contentLeft .yy-doctorItem .yy-itemRight .yy-itemDetail1 .yy-itemDetail1-left span:nth-child(2){
  font-size: 0.26rem;
  color: #333;
  margin: 0 0.10rem;
}
.yy-content .yy-contentLeft .yy-doctorItem .yy-itemRight .yy-itemDetail1 .yy-itemDetail1-left span:nth-child(3){
  font-size: 0.30rem;
  font-weight: bold;
  color: #FF9E2B;
}
.yy-content .yy-contentLeft .yy-doctorItem .yy-itemRight .yy-itemDetail1 .yy-itemDetail1-right{
  width: 1.00rem;
  line-height: 0.44rem;
  font-size: 0.29rem;
  color: #fff;
  text-align: center;
  background-color: #2073F9;
  border-radius: 0.44rem;
  cursor: pointer;
}
.yy-content .yy-contentLeft .yy-doctorItem .yy-itemRight .yy-itemDetail2{
  width: 100%;
  font-size: 0.27rem;
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.yy-content .yy-contentRight{
  height: 100%;
  width: 1.52rem;
  background-color: #EAF3FF;
  overflow-y: auto;
}
.yy-content .yy-contentRight .yy-contentActive{
  background-color: #fff;
}
.yy-content .yy-contentRight .yy-departmentItem{
  font-weight: bold;
  font-size: 0.26rem;
  text-align: center;
  padding: 0.2rem 0;
  cursor: pointer;
  margin: 0;
}

.yy-main{
  flex: 1;
  overflow-y: auto;
}
.yymain-card{
  background-color: #fff;
}
.c1-addressWrap{
  display: flex;
  padding: 0 0.3rem;
  padding-top: 0.3rem;
}
.c1-img1Wrap{
  width: 0.24rem;
  height: 0.27rem;
  margin-right: 0.19rem;
  display: flex;
}
.c1-img1Wrap .c1-img1{
  width: 100%;
  height: 100%;
}
.c1-address .c1-addressTop{
  font-size: 0.27rem;
  font-weight: bold;
}
.c1-address .c1-addressBottom{
  font-size: 0.25rem;
  font-weight: normal;
  margin-top: 0.05rem;
  color: #666;
}
.c1-phoneWrap{
  display: flex;
  padding: 0 0.3rem;
  margin-top: 0.2rem;
}
.c1-img2Wrap{
  width: 0.24rem;
  height: 0.27rem;
  margin-right: 0.19rem;
  display: flex;
}
.c1-img2Wrap .c1-img2{
  width: 100%;
  height: 100%;
}
.c1-phone{
  padding-bottom: 0.3rem;
}
.c1-phone .c1-phoneTop{
  font-size: 0.27rem;
  font-weight: bold;
}
.c1-phone .c1-phoneBottom{
  font-size: 0.25rem;
  font-weight: normal;
  margin-top: 0.05rem;
  color: #666;
}
.yymain-cardLine{
  height: 0.09rem;
  background-color: #F1F1F1;
}

.yymain-card2{
  padding: 0.40rem 0.30rem 0.20rem 0.30rem;
}
.yymain-card2Title{
  position: relative;
  text-align: center;
  height: 0.35rem;
}
.yymain-card2Title .yyInline{
  width: 100%;
  height: 50%;
  border-bottom: 0.01rem solid #E1E1E1;

}
.yymain-card2Title .yymain-card2Text1{
  display: inline-block;
  font-weight: bold;
  font-size: 0.33rem;
  padding: 0 0.20rem;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.yymain-card2Text2{
  margin-top: 0.20rem;
  font-size: 0.27rem;
  line-height: 0.45rem;
  overflow: hidden;
}
.yymain-img1Wrap{
  width: 0.29rem;
  height: 0.16rem;
  cursor: pointer;
  display: flex;
  margin: 0 auto;
}
.yymain-img1Wrap .yymain-img1{
  width: 100%;
  height: 100%;
}
.yymain-card3{
  padding: 0.3rem 0;
}
.yymain-card3Nav{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.20rem;
  border-bottom: 0.01rem solid #E1E1E1;
  font-size: 0.29rem;
}
.yymain-card3Nav .yymain-card3NavItem{
  position: relative;
  cursor: pointer;
}
.yymain-card3Nav .yymain-card3NavItem:nth-child(2){
  margin-left: 1rem;
}
.yymain-card3Nav .yymain-card3NavItem .yymain-card3Line{
  width: 0.53rem;
  height: 0.07rem;
  background-color: #2073F9;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.21rem;
}
.yymain-card3Nav .yymainFontWeight{
  font-weight: bold;
}
.yymain-card3Cont1 .swiper{
  overflow: hidden;
  width: 7.1rem;
}
.yymain-card3Cont1 .swiper .swiper-wrapper{
  height: 1.27rem;
  width: 7.1rem;
  margin-top: 0.4rem;
}
.yymain-card3Cont1 .swiper .swiper-wrapper .swiper-slide{
  width: 1.27rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.yymain-card3Cont1 .swiper .swiper-wrapper .swiper-slide .swiper-imgWrap{
  width: 33.33%;
  height: 1.27rem;
  text-align: center;
}
.yymain-card3Cont1 .swiper .swiper-wrapper .swiper-slide img{
  width: 1.7rem;
  height: 1.27rem;
}
.yymain-card3Cont1 .yymain-roundWrap{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.2rem;
}
.yymain-card3Cont1 .yymain-roundWrap .currentRound{
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  background-color: #D0E3FC;
  margin-right: 0.1rem;
}
.yymain-card3Cont1 .yymain-roundWrap .currentRoundColor{
  background-color: #1067F2;
}

.yymain-card4{
  padding: 0.30rem 0.32rem 0.70rem 0.32rem;
}
.yymain-card4Title{
  font-size: 0.31rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}
.yymain-card4Title .yymain-card4TitleL{
  width: 0.10rem;
  height: 0.29rem;
  background-color: #2073F9;
  margin-right: 0.24rem;
}
.yymain-card4Content{
  font-size: 0.28rem;
}

.swiperPopup{
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 7.5rem;
  height: 100vh;
  background-color: #000;
  z-index: 99999;
  display: flex;
  align-items: center;
}
.swiperPopup .swiper{
  width: 100%;
}
.swiperPopup .swiper .swiper-wrapper{
  width: 100%;
  display: flex;
  align-items: center;
}
.swiperPopup .swiper .swiper-wrapper .swiper-slide{
  width: 100%;
  display: flex;
}
.swiperPopup .swiper .swiper-wrapper .swiper-slide img{
  width: 100%;
}