@charset "utf-8";
/* CSS Document */
.doctor-wrap{
  width:100%;
  max-width:1920px;
  height:960px;
  background:#f5f5f5;
  position:relative;
  overflow:hidden;
}
.left-photo-box{
  width:100%;
  height:100%;
}
.doctor-big-img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: opacity 0.4s ease;
}
.right-list-box{
  position:absolute;
  width:240px;
  right:40px;
  top:80px;
  background:#fff;
  box-shadow:0 4px 12px #00000018;
  border-radius:8px;
  overflow:hidden;
}
.btn-bar{
  display:flex;
	height: 65px;
  flex-direction:column;
}
.btn-bar button{
		position: relative;
		top:0;
	left:80%;
  width:22px;
  height:22px;
  border:none;
  cursor:pointer;
  font-size:20px;
border-radius: 6px;
	margin-top: 10px;
	background: rgba(223, 137, 68, 1);
}
#btnPrev{
  background:#ffffff;
  color:#888888;
  border-bottom:1px solid #eeeeee;
}
#btnPrev:hover{
  background:#e67e22;
  color:#ffffff;
}
#btnNext{
  background:#e67e22;
  color:#ffffff;
}
#btnNext:hover{
  background:#d3701b;
}

/* 可视窗口：正好显示9条，超出隐藏 */
.right-list{
  height: calc(9 * 40px);
  overflow:hidden;
}
.list-inner{
  transition: transform 0.4s ease;
}
.right-list ul{
  list-style:none;
}
.right-list li{
  height:40px;
  line-height:40px;
  padding:0 20px;
  cursor:pointer;
  position:relative;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.right-list li .cn{
  font-size:18px;
  color:#333;
  margin-right:8px;
}
.right-list li .en{
  font-size:14px;
  color:#ccc;
}
.right-list li.active{
  background:#fff;
}
.right-list li.active::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:0px;
  height:2px;
  background:#e67e22;
}
.right-list li:hover{
  background:#f8f8f8;
}