body,
html {
  background-color: #eff4f9;
}
.head {
  width: 100%;
  height: 946px;
  overflow: hidden;
  background-image: url('/activity/content/trial/images/tax_accountant/toutu.png');
  background-size: 1920px 946px;
  background-position: center;
  background-repeat: no-repeat;
}
.head-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.head-title {
  position: absolute;
  top: 60px;
  width: 1120px;
  height: 253px;
}
.head-video {
  position: absolute;
  top: 313px;
}
.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: 126px;
  height: 40px;
  width: 1320px;
}
.plan .btn-group .btn {
  cursor: pointer;
  width: 180px;
  height: 40px;
  border-radius: 20px;
}
.stay {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
.stay .stay-group {
  position: absolute;
  top: 240px;
  width: 1200px;
}
.stay .img {
  cursor: pointer;
  margin: 5px;
}
.proposal {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
.proposal .img {
  width: 1920px;
}
.arrange {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}
.arrange .arrange-bg {
  width: 1920px;
}
.arrange .arrange-menu {
  display: flex;
  align-items: center;
  position: absolute;
  top: 395px;
}
.arrange .arrange-menu .menu-item {
  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: 27px;
  left: 149px;
}
.teachers .teachers-container {
  position: absolute;
  top: 77px;
  left: 620px;
  width: 600px;
  height: 140px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.teachers .teachers-container .teachers-menu {
  position: absolute;
  width: 1800px;
  display: flex;
  align-items: center;
}
.teachers .teachers-container .teachers-item {
  cursor: pointer;
  margin: 0 15px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  background: linear-gradient(0deg, #feae83, #fdf1ea);
  border: 4px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 3px #6a8ecb;
}
.teachers .teachers-container .teachers-item .item-img {
  margin-top: 10px;
  width: 120px;
}
.teachers .teachers-container .teachers-item_active {
  box-shadow: 0 0 8px #376dc9;
}
.teachers .teachers-name {
  width: 300px;
  text-align: center;
  position: absolute;
  top: 367px;
  left: 116px;
  font-size: 30px;
  color: #fff;
}
.teachers .teachers-brief {
  position: absolute;
  top: 325px;
  left: 640px;
  width: 560px;
  font-size: 16px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #fff;
  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
    }