.box[data-v-88f50ca4] {
  display: flex;
  align-items: center;
  justify-content: left;
  flex-wrap: wrap;
}
.boxItem[data-v-88f50ca4] {
  width: 100px;
  height: 100px;
  border-radius: 5px;
  margin: 0 20px 20px 0;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.boxItem img[data-v-88f50ca4] {
  width: 100px;
  height: 80px;
  margin: 0;
  display: block;
}
.botList[data-v-88f50ca4] {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  margin: 0;
}
.statusType[data-v-88f50ca4] {
  width: 40px;
  height: 20px;
  background: #02ce02;
  font-size: 12px;
  color: #fff;
  position: absolute;
  text-align: center;
  line-height: 20px;
  left: 0;
  top: 0;
  border-radius: 5px;
}
.statusTypeGray[data-v-88f50ca4] {
  width: 40px;
  height: 20px;
  background: #cdd3cd;
  font-size: 12px;
  color: #fff;
  position: absolute;
  text-align: center;
  line-height: 20px;
  left: 0;
  top: 0;
  border-radius: 5px;
}
.lunList[data-v-88f50ca4] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lunList .imgIntro[data-v-88f50ca4] {
  width: 300px;
  height: 510px;
  background: #fff;
}
.lunList .imgIntro p[data-v-88f50ca4] {
  margin-left: 20px;
}
.imgIntroTitle[data-v-88f50ca4] {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-top: 40px;
  margin-bottom: 20px;
}
.botImg[data-v-88f50ca4] {
  color: #fff;
  text-align: center;
  margin-top: 30px;
}
.botImg img[data-v-88f50ca4] {
  width: 45px;
  height: 53px;
  margin-right: 20px;
}
[data-v-88f50ca4] .el-dialog {
  box-shadow: none;
  background: none;
}
[data-v-88f50ca4] .el-carousel__arrow {
  background: none;
}
[data-v-88f50ca4] .el-carousel__arrow i {
  font-size: 70px;
}
[data-v-88f50ca4] .el-carousel__container {
  height: 600px;
}
.imgSty[data-v-88f50ca4] {
  width: 430px;
  height: 510px;
}

.header[data-v-43610104] {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.info[data-v-43610104] {
  background: #eee;
  padding: 3px 5px;
  border-radius: 5px;
}
.info i[data-v-43610104] {
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
  color: #fff;
}
.leftTitle[data-v-43610104] {
  display: flex;
  align-items: center;
}
.leftTitle span[data-v-43610104] {
  margin-right: 15px;
}
.el-icon-male[data-v-43610104] {
  background: #15a0e0;
}
.el-icon-female[data-v-43610104] {
  background: pink;
}
.leftTitle span[data-v-43610104]:nth-child(1) {
  font-weight: bold;
  font-size: 18px;
}
.leftTitle span[data-v-43610104]:nth-child(2) {
  color: gray;
  font-size: 14px;
}
.rightIcon i[data-v-43610104] {
  margin-left: 15px;
  font-size: 25px;
  cursor: pointer;
}
.videoStyle[data-v-43610104] {
  height: 180px;
  border-radius: 5px;
}
.box[data-v-43610104] {
  display: flex;
  align-items: flex-start;
  padding-left: 20px;
  box-shadow: 0px 11px 25px -25px #000;
}
.box1[data-v-43610104],
.box2[data-v-43610104] {
  width: 200px;
}
.tabBar[data-v-43610104] {
  margin-top: 30px;
  margin-left: 20px;
  padding-bottom: 20px;
  display: flex;
  align-items: center;
}
.tabBar div[data-v-43610104] {
  margin-right: 20px;
  font-size: 12px;
  padding: 5px 15px;
  cursor: pointer;
}
.tabBar .tabList[data-v-43610104] {
  border: 1px solid #cecdcd;
  background: #eee;
  color: gray;
  border-radius: 6px;
}
#tabActive[data-v-43610104] {
  border: 1px solid #15a0e0;
  color: #000;
}
.tabComponent[data-v-43610104] {
  padding: 0 20px 20px;
  height: calc(100% - 350px);
  overflow-y: scroll;
}