body,
html {
  background-color: #eff4f9;
}

.head {
  width: 100%;
  height: 900px;
  overflow: hidden;
  background-image: url('/activity/content/trial/images/junior_accounting/toutu.png');
  background-size: 1920px 900px;
  background-position: center;
  background-repeat: no-repeat;
}

.head-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.head-title {
  position: absolute;
  top: 80px;
  width: 1098px;
  /*  height: 365px;*/
}

.head-video {
  position: absolute;
  top: 350px;
}

.head-foot {
  position: absolute;
  bottom: 28px;
  width: 1500px;
  height: 163px;
}

.plan {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.plan>.img {
  width: 1920px;
}

.plan .btn-group {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  bottom: 142px;
  height: 40px;
  width: 1320px;
}

.plan .btn-group .btn {
  cursor: pointer;
  width: 180px;
  height: 40px;
  border-radius: 20px;
}

.advantage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.advantage .advantage-bg {
  width: 1920px;
}

.advantage .advantage-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1360px;
  position: absolute;
  top: 200px;
}

.advantage .advantage-menu .menu-item {
  font-size: 0;
  display: block;
  cursor: pointer;
}

.teachers {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.teachers .teachers-bg {
  width: 1920px;
}

.teachers .teachers-content {
  position: absolute;
  top: 258px;
  width: 1320px;
  height: 480px;
}

.teachers .teachers_active {
  position: absolute;
  top: 53px;
  left: 60px;
}

.teachers .teachers-container {
  position: absolute;
  top: 203px;
  left: 513px;
  width: 700px;
  height: 251px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.teachers .teachers-container .teachers-menu {
  position: absolute;
  width: 2100px;
  display: flex;
  align-items: end;
}

.teachers .teachers-container .teachers-item {
  position: relative;
  text-align: center;
  cursor: pointer;
  width: 175px;
  height: 150px;
}

.teachers .teachers-container .teachers-item:hover::after {
  background-color: rgba(255, 255, 255, 0);
}

.teachers .teachers-container .teachers-item::after {
  content: ' ';
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.teachers .teachers-container .teachers-item .item-img {
  height: 100%;
}

.teachers .teachers-container .teachers-item .item-name {
  color: #666;
  width: 175px;
  text-align: center;
  font-size: 22px;
  position: absolute;
  bottom: -40px;
}

.teachers .teachers-container .teachers-item_active {
  height: 175px;
}

.teachers .teachers-container .teachers-item_active .item-name {
  color: #0f4888;
}

.teachers .teachers-container .teachers-item_active::after {
  background-color: rgba(255, 255, 255, 0);
}

.teachers .teachers-name {
  width: 300px;
  text-align: center;
  position: absolute;
  top: 59px;
  left: 425px;
  font-size: 30px;
  color: #333;
}

.teachers .teachers-brief {
  position: absolute;
  top: 126px;
  left: 514px;
  width: 700px;
  font-size: 16px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #666;
  line-height: 27px;
}

.questionBank {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.questionBank .questionBank-bg {
  width: 1920px;
}

.bottom,
.selfStudy {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%
}

.bottom-menu {
  display: flex;
  justify-content: space-between;
  width: 1325px;
  position: absolute
}

.bottom-menu .menu-item {
  cursor: pointer
}