/* 整体控制 */
#div0 {
  width: 40px;
  height: 206px;
  /* 固定定位 */
  position: fixed;
  top: 70%;
  right: 10px;
  /* 阴影 */
  /* box-shadow: 1px 1px 5px 5px rgba(0, 0, 0,0.1); */
  /* background-color:#000000; */
}

/* 按钮尺寸 */
#div1,
#div2,
#div3,
#div4 {
  width: 40px;
  height: auto;
}

/* 按钮间距 */
#div2,
#div3,
#div4 {
  margin-top: 2px;
}

/* 定义弹窗的样式 */
#popup {
  /* 设置弹窗的位置 */
  position: fixed;
  /* 居中显示 */
  top: 50%;
  left: 50%;
  /* 通过transform属性进行位置居中 */
  transform: translate(-50%, -50%);
  /* 设置弹窗的宽度和高度 */
  width: 300px;
  height: 300px;
  /* 设置弹窗的背景颜色 */
  background-color: #ffffff;
  /* 设置弹窗的内边距 */
  padding: 20px;
  /* 设置弹窗的阴影效果 */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  /* 添加渐变显示的动画效果 */
  animation: fadeIn 0.5s ease-in-out;
}

/* 通过@keyframes定义动画效果 */
@keyframes fadeIn {

  /* 从完全透明过渡到完全不透明 */
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* 控制关闭弹窗的动画效果 */
#closepopup {
  margin-top: -19px;
  margin-right: -15px;
  float: right;
  font-size: 20px;
  /* 修改鼠标默认样式 */
  cursor: default
}


#div2-1{
  margin: auto;
  /* 绝对定位 */
  position: absolute;
  right: -130px;
  top: 20%;
  width: 120px;
  height: 40px;
  line-height: 40px;
  background-color:#23b1a4;
  color: aliceblue;
  transition: all 1s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}