/* pages/card/card.wxss */
.header{
  height: 250rpx;
  position: relative;
  width: 100%;
}
.title{
  position: absolute;
  font-family: "xiaowei";
  font-weight: 300;
  font-size: 70px;
  color: #333;
  top:30px;
  left: 20px;
}

.logo{
  position: absolute;
  top: 12px;
  right: 15px;
  height: 120px;
  width:120px;
  z-index: 1;
}
.swiperTtemBox {
    /* 底部内容样式 */
    height: 82vh;
    overflow: scroll;
    /* margin: 0rpx 0rpx; */
    background: white;
    font-size: 28rpx;
}
.top-bar {
    display: flex;
    height: 100%;
    width: 100%;
    font-size: 80rpx;
    align-items: flex-end;
    justify-content: center;

    background: skyblue;
}
.bottom-bar {
    display: flex;
    height: 100%;
    width: 100%;
    font-size: 80rpx;
    align-items: flex-start;
    justify-content: center;
    background: rgb(137, 255, 137);
}
.left-bar {
    display: flex;
    height: 100%;
    width: 100%;
    font-size: 80rpx;
    align-items: center;
    justify-content: flex-end;
    background: rgb(255, 70, 70);
}
.right-bar {
    display: flex;
    height: 100%;
    width: 100%;
    font-size: 80rpx;
    align-items: center;
    justify-content: flex-start;
    background: rgb(255, 255, 70);
}
.main {
    display: flex;
    height: 100%;
    width: 100%;
    font-size: 100rpx;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: rgb(244, 244, 244);
}
.vertical-text {
    padding-left: 5%;
    padding-right: 5%;
    font-weight: bold;
    /* border: 2px solid black; */
    writing-mode: vertical-lr;
}
.horizontal-text {
    padding-top: 5%;
    padding-bottom: 5%;
    font-weight: bold;
    /* border: 2px solid black; */
}

.student-info1 {
  position: fixed;
  top: 40%;
  left: 50%; /* 水平方向居中 */
  transform: translate(-50%, -50%); /* 将元素的中心点移动到父容器的中心 */
  font-size: 40px;
}
.student-info2 {
  display: flex;
  font-size: 55px;
  font-weight: bold;
  justify-content: center;
}

.picture22 {
  position: fixed;
  width: 40%;
  bottom: 5%;
  /* bottom: -10%; */
  /* right: 5%; */
}

.picture42 {
  position: fixed;
  width: 40%;
  bottom: 30%;
  right: 20%;
}

.picture31 {
  position: fixed;
  width: 40%;
  bottom: 34%;
  left: 20%;
}

.picture17 {
  position: fixed;
  width: 40%;
  top: 7%;
  /* bottom: 30%; */
}