.question {
  width: 1100px;
  margin: 0 auto;
  padding-top: 24px
}

.question .question-title {
  width: 1100px;
  height: 200px;
  background: url(../images/unsplash.17ab1787.png) no-repeat;
  background-size: 100% 100%;
  font-family: PingFangSC-Medium;
  font-size: 32px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px
}

.question .question-list {
  margin-bottom: 64px
}

.question .list {
  font-family: PingFangSC-Regular
}

.question .list > span {
  font-size: 20px;
  color: #fff;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  text-align: center;
  line-height: 24px;
  margin-right: 8px
}

.question .list p {
  width: 1068px;
  display: inline-block
}

.question .list-question span {
  background: #35599f
}

.question .list-question p {
  font-size: 20px;
  color: #35599f;
  padding-bottom: 14px;
  border-bottom: 1px solid #fafafa
}

.question .list-answer {
  margin-top: 18px
}

.question .list-answer > span {
  background: #ef6262;
  display: inline-block;
  vertical-align: top
}

.question .list-answer div {
  width: 1068px;
  display: inline-block
}

.question .list-answer p {
  font-size: 14px;
  color: rgba(0, 0, 0, .45);
  line-height: 25px
}

.el-dialog {
  border-radius: 20px
}

.el-dialog__header {
  border-bottom: 1px solid #f2f2f2;
  padding: 24px;
  text-align: center
}

.detail-top {
  /*height: 731px;*/
  width: 100%;
  background: #fff;
  font-family: PingFangSC
}

.detail-top .top-img {
  width: 100%;
  height: 300px;
  background: url(../images/aaron-burden-QJDzYT_K8Xg-unsplash.5c85a8c5.png) no-repeat;
  background-size: 100% 100%
}

.detail-top .top-img h2 {
  font-size: 32px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  width: 1100px;
  margin: 0 auto;
  padding-top: 64px
}

.detail-top .top-desc {
  width: 1100px;
  /* height: 330px;*/
  background: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
  border-radius: 4px;
  margin: -148px auto 0
}

.detail-top .top-desc h4, .detail-top .top-desc p {
  text-align: center
}

.detail-top .top-desc h4 {
  font-size: 24px;
  color: #35599f;
  line-height: 32px;
  padding-top: 50px
}

.detail-top .top-desc > p {
  font-family: AlibabaPuHuiTiR;
  font-size: 14px;
  color: #35599f;
  line-height: 22px;
  margin: 4px 0 40px
}

.detail-top .top-desc .top-flex {
  display: flex;
  padding: 0 81px;
  box-sizing: border-box
}

.detail-top .top-desc .top-flex .hasWidth {
  width: 449px
}

.detail-top .top-desc .top-flex .top-flex-item {
  font-size: 14px;
  line-height: 28px;
  color: rgba(0, 0, 0, .65);
  text-align: justify
}

.detail-top .top-desc .top-flex .top-flex-item:first-child {
  margin-right: 40px
}

.detail-top .top-desc .top-flex .top-flex-item .line {
  width: 100%;
  height: 4px;
  background: #f5f6fa;
  border: 1px solid #f7f7f7;
  margin-bottom: 16px
}

.detail-top .notice {
  width: 1100px;
  margin: 40px auto 0
}

.detail-top .notice .title {
  font-size: 20px;
  color: #35599f;
  padding-bottom: 8px;
  border-bottom: 1px solid #35599f;
  /*margin-bottom: 24px*/
}

.detail-top .notice ul {
  /*background: #fafafa;*/
  /*padding: 0 24px;*/
  box-sizing: border-box
}

.detail-top .notice ul li {
  /*height: 64px;*/
  /*line-height: 64px;*/
  border-bottom: 1px solid #f2f2f2;
  padding: 10px 0;
  font-size: 16px;
  color: rgba(0, 0, 0, .85);
  cursor: pointer;
  display: flex;
  justify-content: space-between
}

.detail-top .notice ul li:not(:last-child) {
  border-bottom: 1px solid #f2f2f2
}

.detail-top .notice ul li .date {
  font-size: 14px;
  color: rgba(0, 0, 0, .45)
}

.img-box-notice {
  text-align: center;
  height: 450px;
  overflow-y: scroll
}

.img-box-notice .notice-img {
  width: 542px;
  height: auto
}

.policy-title h3, .policy-title p {
  text-align: center
}

.policy-title h3 {
  font-family: PingFangSC-Regular;
  font-size: 24px;
  color: #35599f;
  line-height: 32px;
  padding: 23px 0 4px
}

.policy-title p {
  font-family: AlibabaPuHuiTiR;
  font-size: 14px;
  color: #35599f;
  line-height: 22px;
  margin-bottom: 40px
}

.course {
  font-family: AlibabaPuHuiTiR;
  height: 574px;
  width: 100%
}

.course .course-title h3 {
  text-align: center
}

.course .course-title h3 {
  font-family: PingFangSC-Regular;
  font-size: 24px;
  color: #fff;
  line-height: 32px;
  padding: 23px 0 4px
}

.course .course-title p {
  font-family: AlibabaPuHuiTiR;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  margin-bottom: 40px
}

.course .course-list {
  display: flex;
  width: 1100px;
  margin: 0 auto
}

.course .course-list .course-list-item {
  padding-top: 44px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
  position: relative
}

.course .course-list .course-list-item:not(:last-child) {
  margin-right: 16px
}

.course .course-list .course-list-item .course-item-title {
  display: inline-block;
  padding: 15px 16px 14px;
  background-image: linear-gradient(270deg, #fbfbfd, #dee6f1, #c4d1e5);
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
  font-size: 20px;
  color: #35599f
}

.course .course-list .course-list-item .course-item-list {
  font-size: 16px;
  color: #35599f;
  margin: 28px auto 0
}

.course .course-list .course-list-item .course-item-list p {
  margin-bottom: 20px
}

.course .course-list .course-list-item img {
  position: absolute;
  bottom: 0;
  right: 0
}

.policy {
  margin-top: 23px;
  width: 100%;
  height: 564px;
  background: #f5f6fa;
  font-family: PingFangSC-Regular
}

.policy .policy-container {
  width: 1100px;
  margin: 0 auto
}

.policy .policy-container .policy-content {
  display: flex
}

.policy .policy-container .policy-content .policy-item {
  width: 356px
}

.policy .policy-container .policy-content .policy-item .item {
  width: 356px;
  border-top: 4px solid #ffd9d9;
  background: #fff;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
  border-radius: 4px;
  padding: 29px 24px 0 24px;
  box-sizing: border-box
}

.policy .policy-container .policy-content .policy-item .item:first-child {
  height: 162px;
  margin-bottom: 16px
}

.policy .policy-container .policy-content .policy-item .item:nth-child(2) {
  height: 225px
}

.policy .policy-container .policy-content .policy-item .item img {
  vertical-align: top;
  width: 22px;
  height: 20px;
  margin-right: 15px
}

.policy .policy-container .policy-content .policy-item .item .item-box {
  display: inline-block;
  width: 271px
}

.policy .policy-container .policy-content .policy-item .item .item-box .item-title {
  margin-bottom: 12px;
  font-family: AlibabaPuHuiTiM;
  font-size: 16px;
  color: #35599f;
  text-align: justify;
  font-weight: 500;
  display: inline-block;
  line-height: 20px
}

.policy .policy-container .policy-content .policy-item .item .item-box .item-cont {
  font-size: 14px;
  color: rgba(0, 0, 0, .65);
  text-align: justify;
  line-height: 28px
}

.policy .policy-container .policy-content .policy-list {
  width: 356px;
  height: 403px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
  border-radius: 4px
}

.policy .policy-container .policy-content .policy-list h1 {
  font-family: STSongti-SC-Black;
  font-size: 28px;
  color: rgba(221, 16, 16, .65);
  font-weight: 500;
  text-align: center;
  margin-bottom: 7px;
  line-height: 1;
}

.policy .policy-container .policy-content .policy-list .country-list {
  width: 184px;
  height: 200px;
  margin: 0 auto
}

.policy .policy-container .policy-content .policy-list .country-list p {
  width: 184px;
  font-size: 14px;
  color: rgba(221, 16, 16, .65);
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify;
  margin-bottom: 6px;
  font-weight: 600;
  line-height: 1;
}

.policy .policy-container .policy-content .policy-list .country-list p:after {
  content: "";
  display: inline-block;
  width: 100%;
  position: absolute
}

.policy .policy-container .policy-content .policy-list .tips {
  font-family: STSongti-SC-Regular;
  font-size: 12px;
  transform: scale(.67);
  *font-size: 8px;
  color: rgba(0, 0, 0, .45);
  margin-top: 7px;
  text-align: center
}

.policy .policy-container .policy-content .policy-list .notice {
  border-top: 1px solid rgba(221, 16, 16, .65);
  margin-top: 4px;
  font-family: STSongti-SC-Regular;
  font-size: 12px;
  color: rgba(0, 0, 0, .85);
  padding-top: 11px
}

.policy .policy-container .policy-content .policy-list .notice p {
  text-align: center;
  line-height: 15px
}

.policy .policy-container .policy-content .policy-list .desc-small {
  font-family: STSongti-SC-Regular;
  font-size: 12px;
  transform: scale(.67);
  *font-size: 8px;
  color: rgba(0, 0, 0, .65);
  text-align: justify;
  width: 450px;
  height: 66px;
  margin-left: -75px
}

.policy .policy-container .policy-content .policy-list .desc-small p {
  text-indent: 2em
}

.policy .policy-container .policy-content .policy-list .desc-small div {
  margin-bottom: 5px
}

.policy .policy-container .policy-content .list-center {
  margin: 0 16px;
  padding: 16px 28px
}

.policy .policy-container .policy-content .list-last {
  padding: 24px
}

.policy .policy-container .policy-content .list-last .last-title {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, .65);
  text-align: justify;
  line-height: 28px;
  margin-bottom: 28px
}
.policy .policy-container .policy-content .list-last .last-title a,
.policy .policy-container .policy-content .list-last .last-title span {
  font-family: PingFangSC-Medium;
  font-size: 14px;
  color: #35599f;
  text-align: justify;
  line-height: 28px
}

.policy .policy-container .policy-content .list-last .last-two-desc {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, .65);
  text-align: justify;
  line-height: 28px;
  margin-bottom: 29px
}

.policy .policy-container .policy-content .list-last .has-img-desc img {
  width: 22px;
  height: 20px;
  margin-right: 16px
}

.policy .policy-container .policy-content .list-last .has-img-desc div {
  width: 270px;
  background: #fafafa;
  border-radius: 4px;
  height: 102px;
  border-top: 4px solid #ffd9d9;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: rgba(0, 0, 0, .65);
  text-align: justify;
  line-height: 28px;
  display: inline-block;
  vertical-align: top;
  padding: 9px 24px;
  box-sizing: border-box
}

.policy-title h3 {
  text-align: center
}

.policy-title h3 {
  font-family: PingFangSC-Regular;
  font-size: 24px;
  color: #35599f;
  line-height: 32px;
  padding: 23px 0 4px
}

.policy-title p {
  font-family: AlibabaPuHuiTiR;
  font-size: 14px;
  color: #35599f;
  line-height: 22px;
  margin-bottom: 40px
}

.course {
  font-family: AlibabaPuHuiTiR;
  height: 574px;
  width: 100%
}

.course .course-title h3 {
  text-align: center
}

.course .course-title h3 {
  font-family: PingFangSC-Regular;
  font-size: 24px;
  color: #fff;
  line-height: 32px;
  padding: 23px 0 4px
}

.course .course-title p {
  font-family: AlibabaPuHuiTiR;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  margin-bottom: 40px
}

.course .course-list {
  display: flex;
  width: 1100px;
  margin: 0 auto
}

.course .course-list .course-list-item {
  padding-top: 44px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
  position: relative
}

.course .course-list .course-list-item:not(:last-child) {
  margin-right: 16px
}

.course .course-list .course-list-item .course-item-title {
  display: inline-block;
  padding: 15px 16px 14px;
  background-image: linear-gradient(270deg, #fbfbfd, #dee6f1, #c4d1e5);
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
  font-size: 20px;
  color: #35599f
}

.course .course-list .course-list-item .course-item-list {
  font-size: 16px;
  color: #35599f;
  margin: 28px auto 0
}

.course .course-list .course-list-item .course-item-list p {
  margin-bottom: 20px
}

.course .course-list .course-list-item img {
  position: absolute;
  bottom: 0;
  right: 0
}

.certificate {
  background: #f5f6fa;
  font-family: PingFangSC-Regular;
  padding-bottom: 65.7px
}

.certificate .content {
  width: 1100px;
  margin: 0 auto
}

.certificate .content .cer-desc {
  font-size: 14px;
  color: rgba(0, 0, 0, .65);
  text-align: center;
  margin-bottom: 40.4px
}

.certificate .content .cer-img {
  text-align: center
}

.policy-title h3 {
  font-family: PingFangSC-Regular;
  font-size: 24px;
  color: #35599f;
  line-height: 32px;
  padding: 23px 0 4px
}

.policy-title p {
  font-family: AlibabaPuHuiTiR;
  font-size: 14px;
  color: #35599f;
  line-height: 22px;
  margin-bottom: 40px
}

.course {
  font-family: AlibabaPuHuiTiR;
  height: 574px;
  width: 100%
}

.course .course-title h3 {
  text-align: center
}

.course .course-title h3 {
  font-family: PingFangSC-Regular;
  font-size: 24px;
  color: #fff;
  line-height: 32px;
  padding: 23px 0 4px
}

.course .course-title p {
  font-family: AlibabaPuHuiTiR;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  margin-bottom: 40px
}

.course .course-list {
  display: flex;
  width: 1100px;
  margin: 0 auto
}

.course .course-list .course-list-item {
  padding-top: 44px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
  position: relative
}

.course .course-list .course-list-item:not(:last-child) {
  margin-right: 16px
}

.course .course-list .course-list-item .course-item-title {
  display: inline-block;
  padding: 15px 16px 14px;
  background-image: linear-gradient(270deg, #fbfbfd, #dee6f1, #c4d1e5);
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
  font-size: 20px;
  color: #35599f
}

.course .course-list .course-list-item .course-item-list {
  font-size: 16px;
  color: #35599f;
  margin: 28px auto 0
}

.course .course-list .course-list-item .course-item-list p {
  margin-bottom: 20px
}

.course .course-list .course-list-item img {
  position: absolute;
  bottom: 0;
  right: 0
}

.exam {
  font-family: AlibabaPuHuiTiR
}

.exam .exam-list {
  width: 1100px;
  background: hsla(0, 0%, 100%, .65);
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
  margin: 0 auto 24px;
  box-sizing: border-box
}

.exam .exam-list .button {
  background: #35599f;
  border-radius: 8px;
  width: 96px;
  height: 32px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 32px
}

.exam .exam-list .exam-item {
  text-align: center
}

.exam .exam-list .exam-item .button {
  margin: 22.7px auto 24px
}

.exam .exam-list .exam-item .desc-exam {
  font-size: 14px;
  color: rgba(0, 0, 0, .65);
  text-align: center;
  width: 224px
}

.exam .exam-list .exam-item:first-child {
  margin-right: 139px
}

.exam .exam-list .exam-item:nth-child(2) {
  margin-right: 160px
}

.exam .one {
  padding: 56px 120px 48px 73px;
  height: 256px;
  display: flex
}

.exam .two {
  text-align: center;
  height: 306px;
  margin-bottom: 64px;
  padding-top: 40px
}

.exam .two .button {
  margin: 0 auto 40px
}

.exam .two .two-flex {
  display: flex;
  padding: 0 112px 40px 38px
}

.exam .two .two-flex .qualifications {
  margin-right: 64px
}

.exam .two .two-flex .qua-two {
  margin-right: 125px
}

.exam .two .two-flex .number {
  width: 32px;
  height: 32px;
  background: #35599f;
  border-radius: 100%;
  text-align: center;
  line-height: 32px;
  color: #fff;
  margin: 0 auto
}

.exam .two .two-flex .title {
  margin-top: 24px;
  font-size: 16px;
  color: rgba(0, 0, 0, .65);
  text-align: center
}

.exam .two .two-flex .desc-flex {
  font-size: 14px;
  color: rgba(0, 0, 0, .45);
  text-align: center;
  margin-top: 16px
}

.exam .two .two-flex .desc-flex p {
  margin-bottom: 5px
}

.teacher {
  font-family: PingFangSC-Medium;
  width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap
}

.teacher .teacher-list {
  width: 356px;
  height: 399px;
  background: #f5f6fa;
  border-radius: 4px;
  text-align: center;
  padding-top: 33.3px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 24px
}

.teacher .teacher-list:not(:nth-child(3n)) {
  margin-right: 16px
}

.teacher .teacher-list .hide-box {
  position: absolute;
  height: 399px;
  width: 100%;
  background: rgba(53, 89, 159, .85);
  border-radius: 0 0 4px 4px;
  top: 311px;
  padding-left: 16px;
  box-sizing: border-box
}

.teacher .teacher-list .hide-box p {
  width: 312px;
  border-bottom: 1px solid #d8d8d8;
  font-size: 28px;
  color: #fff;
  line-height: 88px;
  text-align: left
}

.teacher .teacher-list .hide-box:hover {
  cursor: pointer;
  animation: animate-show-data-v-eb8e5a20 1s ease-in 1 reverse both running
}

.teacher .teacher-list .hide-box .hide-desc {
  margin-top: 24px
}

.teacher .teacher-list .hide-box .hide-desc div {
  font-size: 14px;
  color: #fff;
  letter-spacing: -.2px;
  text-align: left;
  margin-bottom: 25px
}

@-webkit-keyframes animate-show-data-v-eb8e5a20 {
  0% {
    top: 0
  }
  to {
    top: 311px
  }
}

@keyframes animate-show-data-v-eb8e5a20 {
  0% {
    top: 0
  }
  to {
    top: 311px
  }
}

.policy-title h3 {
  text-align: center
}

.policy-title h3 {
  font-family: PingFangSC-Regular;
  font-size: 24px;
  color: #35599f;
  line-height: 32px;
  padding: 23px 0 4px
}

.policy-title p {
  font-family: AlibabaPuHuiTiR;
  font-size: 14px;
  color: #35599f;
  line-height: 22px;
  margin-bottom: 40px
}

.course {
  font-family: AlibabaPuHuiTiR;
  height: 574px;
  width: 100%
}

.course .course-title h3 {
  text-align: center
}

.course .course-title h3 {
  font-family: PingFangSC-Regular;
  font-size: 24px;
  color: #fff;
  line-height: 32px;
  padding: 23px 0 4px
}

.course .course-title p {
  font-family: AlibabaPuHuiTiR;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  margin-bottom: 40px
}

.course .course-list {
  display: flex;
  width: 1100px;
  margin: 0 auto
}

.course .course-list .course-list-item {
  padding-top: 44px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
  position: relative
}

.course .course-list .course-list-item:not(:last-child) {
  margin-right: 16px
}

.course .course-list .course-list-item .course-item-title {
  display: inline-block;
  padding: 15px 16px 14px;
  background-image: linear-gradient(270deg, #fbfbfd, #dee6f1, #c4d1e5);
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
  font-size: 20px;
  color: #35599f
}

.course .course-list .course-list-item .course-item-list {
  font-size: 16px;
  color: #35599f;
  margin: 28px auto 0
}

.course .course-list .course-list-item .course-item-list p {
  margin-bottom: 20px
}

.course .course-list .course-list-item img {
  position: absolute;
  bottom: 0;
  right: 0
}

.profession .teacher-box {
  padding-bottom: 64px
}

.profession .course {
  background: url(../images/mel-ghW_jLS8eAw-unsplash.f5c9fc9a.png) no-repeat;
  background-size: 100% 100%
}

.profession .course .course-list-item {
  width: 264px;
  height: 384px
}

.profession .course .course-item-list {
  width: 232px
}

.query {
  width: 1100px;
  margin: 0 auto;
  padding-top: 24px
}

.query .question-title {
  width: 1100px;
  height: 200px;
  background: url(../images/unsplash.17ab1787.png) no-repeat;
  background-size: 100% 100%;
  font-family: PingFangSC-Medium;
  font-size: 32px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px
}

.query .search {
  text-align: center;
  margin-bottom: 20px
}

.query .search .el-input {
  width: 400px;
  margin-right: 30px
}

.query .cont {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 160px;
  box-sizing: border-box
}

.query .cont .list {
  background: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
  border-radius: 20px;
  font-size: 16px;
  color: #262626;
  text-align: center;
  width: 351px;
  height: 88px;
  line-height: 88px;
  margin-bottom: 24px
}

.query .cont .list:not(:nth-child(3n)) {
  margin-right: 23.5px
}
.home .header-box .header-container ul li a { color: #fff; }
@media (max-width:768px) {
  .home .logo-box {
    width: 100%;
    /*height: 80px;*/
    /*line-height: 80px;*/
    background: #35599f;
    font-family: STSongti-SC-Black
  }

  .home .logo-box .logo-content {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 15px 0;
  }

  .home .logo-box .logo-content .logo {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 100%;
    margin-right: 9px;
    padding: 5px;
    box-sizing: border-box;
    vertical-align: middle;
    display: inline-block;
  }

  .home .logo-box .logo-content .logo img {
    width: 100%
  }
  .home .logo-box .logo-content .title-content {
    line-height: 20px;
  }
  .home .logo-box .logo-content h3 {
    font-size: 15px;
    color: #ffffff;
    display: inline
  }

  .home .logo-box .logo-content p {
    font-size: 12px;
    color: #fff;
    display: block;
    text-align: left;
  }

  .home .header-box {
    background: #4268b0;
    width: 100%;
    height: 34px
  }

  .home .header-box .header-container {
    width: 100%;
    margin: 0 auto
  }

  .home .header-box .header-container ul {
    display: flex;
    justify-content: space-between
  }

  .home .header-box .header-container ul li {
    display: inline-block;
    height: 34px;
    box-sizing: border-box;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #fff;
    line-height: 34px;
    width: 20%;
    text-align: center
  }

  .home .header-box .header-container ul li:hover {
    cursor: pointer
  }

  .home .header-box .header-container ul li:first-child {
    /*width: 40%*/
  }

  .home .header-box .header-container ul .item-active {
    background: #2f4a7d
  }
}

@media screen and (max-width: 768px) {

  .footer {
    width: 100%;
    height: 68px;
    background: #233c6b;
    font-family: PingFangSC-Medium;
    color: #fff
  }

  .footer .footer-container {
    width: calc(100vw - 32px);
    margin: 0 auto;
    display: block;
    padding-top: 15px;
    box-sizing: border-box;
    overflow: hidden
  }

  .footer .footer-container .homeLogo {
    margin-right: 0;
    display: block;
    float: left
  }

  .footer .footer-container .homeLogo img {
    width: 40px;
    height: 40px
  }

  .footer .footer-container .left {
    display: block;
    float: left;
    transform: scale(.8);
    margin-left: -20px
  }

  .footer .footer-container .left .contact {
    display: inline-block;
    padding-right: 0;
    border-right: 1px solid #12274d
  }

  .footer .footer-container .left .contact .contact-CH {
    font-size: 16px;
    font-weight: 400;
    padding: 4px 0;
    transform: scale(.8)
  }

  .footer .footer-container .left .contact .contact-EN {
    font-size: 12px;
    transform: scale(.8)
  }

  .footer .footer-container .left .way {
    margin-left: 0;
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    transform: scale(.9)
  }

  .footer .footer-container .left .way span {
    font-size: 14px
  }

  .footer .footer-container .left .association {
    margin-left: 8px
  }

  .footer .footer-container .left .association .img {
    width: 24px;
    height: 24px;
    display: inline-block;
    padding: 3px;
    box-sizing: border-box;
    background: #fff;
    margin-right: 0;
    border-radius: 100%;
    transform: none;
  }

  .footer .footer-container .left .association .img img {
    width: 100%;
    height: 100%;
    vertical-align: middle
  }

  .footer .footer-container .left .association span {
    vertical-align: middle;
    font-size: 12px;
    transform: scale(.75);
    display: inline-block;
    width: 50px;
  }

  .footer .footer-container .left:nth-child(3) {
    /*width: 25%;*/
    margin-top: 5px;
    float: right !important;
    text-align: right;
    line-height: 14px;
    transform: scale(1)
  }

  .footer .footer-container .homeLogo img {
    width: 30px;
    height: 30px;
    margin-top: 5px
  }

  .footer .footer-container .left {
    transform: scale(.75);
    margin-left: -30px;
    margin-right: 0 !important;
    line-height: 1;
  }

  .footer .footer-container .right {
    width: 29%
  }

  #app .el-header {
    padding: 0;
    height: auto !important
  }

  .el-footer {
    padding: 0 !important;
    height: 68px !important
  }

  .el-main {
    padding: 0 !important;
    overflow: visible
  }
}

@media screen and (max-width: 768px) {
  .question {
    width: calc(100vw - 33px);
    margin: 0 auto;
    padding-top: 20px
  }

  .question .question-title {
    width: 100%;
    height: 100px;
    background: url(../images/unsplash.17ab1787.png) no-repeat;
    background-size: 100% 100%;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    margin: auto
  }

  .question .question-list {
    margin-bottom: 32px
  }

  .question .list {
    font-family: PingFangSC-Regular;
    margin-top: 20px
  }

  .question .list > span {
    font-size: 12px;
    color: #fff;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    text-align: center;
    line-height: 16px;
    margin-right: 8px;
    vertical-align: top;
  }

  .question .list p {
    width: calc(100vw - 60px);
    display: inline-block
  }

  .question .list-question span {
    background: #35599f
  }

  .question .list-question p {
    line-height: 18px;
    font-size: 12px;
    color: #35599f;
    padding-bottom: 14px;
    border-bottom: 1px solid #fafafa
  }

  .question .list-answer {
    margin-top: 2px
  }

  .question .list-answer > span {
    background: #ef6262;
    display: inline-block;
    vertical-align: top
  }

  .question .list-answer div {
    width: calc(100vw - 60px);
    display: inline-block
  }
  .question .list-answer p span { font-size: 12px !important; }
  .question .list-answer p {
    font-size: 12px;
    color: rgba(0, 0, 0, .45);
    line-height: 18px
  }
}

.m-detail .el-dialog {
  border-radius: 20px
}

.m-detail .el-dialog__header {
  border-bottom: 1px solid #f2f2f2;
  padding: 12px 30px 12px 24px
}

.m-detail .el-dialog__header .el-dialog__title {
  font-size: 12px
}

.detail-top .notice ul li span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 30px;
}
@media (max-width:768px) {
  .detail-top {
    width: 100%;
    height: auto;
    background: #fff;
    font-family: PingFangSC;
    padding-bottom: 20px
  }

  .detail-top .top-img {
    width: 100%;
    height: 150px;
    background: url(../images/aaron-burden-QJDzYT_K8Xg-unsplash.5c85a8c5.png) no-repeat;
    background-size: 100% 100%
  }

  .detail-top .top-img h2 {
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-top: 32px;
    line-height: inherit;
  }

  .detail-top .top-desc {
    width: calc(100vw - 33px);
    height: auto;
    background: #fff;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
    border-radius: 4px;
    margin: -75px auto 0;
    padding-bottom: 20px
  }

  .detail-top .top-desc h4 {
    text-align: center
  }

  .detail-top .top-desc h4 {
    font-size: 16px;
    color: #35599f;
    padding-top: 24px;
    line-height: inherit;
  }

  .detail-top .top-desc > p {
    font-family: AlibabaPuHuiTiR;
    font-size: 14px;
    color: #35599f;
    margin: 4px 0 20px;
    transform: scale(.5);
    line-height: inherit;
  }

  .detail-top .top-desc .top-flex {
    display: flex;
    padding: 0 16px;
    box-sizing: border-box
  }

  .detail-top .top-desc .top-flex .hasWidth {
    width: 449px
  }

  .detail-top .top-desc .top-flex .top-flex-item {
    font-size: 12px;
    line-height: 18px;
    color: rgba(0, 0, 0, .65);
    text-align: justify;
    margin-right: 0 !important;
  }

  .detail-top .top-desc .top-flex .top-flex-item .line {
    width: 100%;
    height: 1px;
    background: #f5f6fa;
    border: 1px solid #f7f7f7;
    margin-bottom: 16px
  }

  .detail-top .notice {
    width: calc(100vw - 33px);
    margin: 20px auto 0
  }

  .detail-top .notice .title {
    font-size: 14px;
    color: #35599f;
    padding-bottom: 8px;
    border-bottom: 1px solid #35599f;
    /*margin-bottom: 12px*/
  }

  .detail-top .notice ul {
    /*background: #fafafa;*/
    /*padding: 0 10px;*/
    box-sizing: border-box
  }

  .detail-top .notice ul li {
    /*height: 32px;*/
    /*line-height: 32px;*/
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
    cursor: pointer;
    display: flex;
    justify-content: space-between
  }

  .detail-top .notice ul li:not(:last-child) {
    border-bottom: 1px solid #f2f2f2
  }

  .detail-top .notice ul li .date {
    font-size: 10px;
    color: rgba(0, 0, 0, .45)
  }

  .img-box-notice {
    text-align: center;
    height: 60%
  }

  .img-box-notice .notice-img {
    width: 90%;
    height: auto
  }

  .policy-title h3 {
    text-align: center
  }

  .policy-title h3 {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #35599f;
    line-height: 32px;
    padding: 23px 0 4px
  }

  .policy-title p {
    line-height: 22px;
    margin-bottom: 40px
  }

  .course {
    font-family: AlibabaPuHuiTiR;
    height: 574px;
    width: 100%
  }

  .course .course-title h3 {
    text-align: center
  }

  .course .course-title h3 {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #fff;
    line-height: 32px;
    padding: 23px 0 4px
  }

  .course .course-title p {
    font-family: AlibabaPuHuiTiR;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    margin-bottom: 40px
  }

  .course .course-list {
    display: flex;
    width: 1100px;
    margin: 0 auto
  }

  .course .course-list .course-list-item {
    padding-top: 44px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
    position: relative
  }

  .course .course-list .course-list-item:not(:last-child) {
    margin-right: 16px
  }

  .course .course-list .course-list-item .course-item-title {
    display: inline-block;
    padding: 15px 16px 14px;
    background-image: linear-gradient(270deg, #fbfbfd, #dee6f1, #c4d1e5);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
    font-size: 20px;
    color: #35599f
  }

  .course .course-list .course-list-item .course-item-list {
    font-size: 16px;
    color: #35599f;
    margin: 28px auto 0
  }

  .course .course-list .course-list-item .course-item-list p {
    margin-bottom: 20px
  }

  .course .course-list .course-list-item img {
    position: absolute;
    bottom: 0;
    right: 0
  }

  .policy {
    margin-top: 23px;
    height: 564px;
    font-family: PingFangSC-Regular
  }

  .policy .policy-container {
    width: 1100px
  }

  .policy .policy-container .policy-content {
    display: flex
  }

  .policy .policy-container .policy-content .policy-item {
    width: 356px
  }

  .policy .policy-container .policy-content .policy-item .item {
    width: 356px;
    border-top: 4px solid #ffd9d9;
    padding: 29px 24px 0 24px
  }

  .policy .policy-container .policy-content .policy-item .item:first-child {
    height: 162px;
    margin-bottom: 16px
  }

  .policy .policy-container .policy-content .policy-item .item:nth-child(2) {
    height: 225px
  }

  .policy .policy-container .policy-content .policy-item .item .item-box {
    width: 271px
  }

  .policy .policy-container .policy-content .policy-item .item .item-box .item-title {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
  }

  .policy .policy-container .policy-content .policy-item .item .item-box .item-cont {
    font-size: 14px;
    line-height: 28px
  }

  .policy .policy-container .policy-content .policy-list {
    width: 356px;
    height: 403px
  }

  .policy .policy-container .policy-content .policy-list .country-list p:after {
    position: absolute
  }

  .policy .policy-container .policy-content .policy-list .notice {
    padding-top: 11px
  }

  .policy .policy-container .policy-content .policy-list .desc-small {
    transform: scale(.67);
    *font-size: 8px;
    width: 450px;
    height: 66px;
    margin-left: -75px
  }

  .policy .policy-container .policy-content .list-center {
    margin: 0 16px;
    padding: 16px 28px
  }

  .policy .policy-container .policy-content .list-last {
    padding: 24px
  }

  .policy .policy-container .policy-content .list-last .last-title {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 28px
  }

  .policy .policy-container .policy-content .list-last .last-title span {
    line-height: 28px
  }

  .policy .policy-container .policy-content .list-last .last-two-desc {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 29px
  }

  .policy .policy-container .policy-content .list-last .has-img-desc div {
    width: 270px;
    height: 102px;
    border-top: 4px solid #ffd9d9;
    font-size: 14px;
    line-height: 28px;
    padding: 9px 24px
  }

  .policy-title h3 {
    line-height: 16px;
    font-size: 16px;
    padding-top: 24px
  }

  .policy-title p {
    font-family: AlibabaPuHuiTiR;
    font-size: 14px;
    color: #35599f;
    margin: 4px 0 20px;
    transform: scale(.5);
    line-height: 8px
  }

  .policy {
    margin-top: 0;
    width: 100%;
    height: auto;
    background: #f5f6fa;
    padding-bottom: 26px
  }

  .policy .policy-container {
    width: 100%;
    margin: 0 auto
  }

  .policy .policy-container .policy-content {
    display: block
  }

  .policy .policy-container .policy-content .policy-item {
    display: block;
    width: calc(100vw - 33px);
    margin: 0 auto
  }

  .policy .policy-container .policy-content .policy-item .item {
    width: 100%;
    border-top: 3px solid #ffd9d9;
    background: #fff;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
    border-radius: 4px;
    padding: 16px 16px 0 16px;
    box-sizing: border-box
  }

  .policy .policy-container .policy-content .policy-item .item:first-child {
    height: auto;
    margin-bottom: 12px
  }

  .policy .policy-container .policy-content .policy-item .item:nth-child(2) {
    height: auto
  }

  .policy .policy-container .policy-content .policy-item .item img {
    vertical-align: top;
    width: 22px;
    height: 20px;
    margin-right: 15px
  }

  .policy .policy-container .policy-content .policy-item .item .item-box {
    display: inline-block;
    width: calc(100vw - 110px)
  }

  .policy .policy-container .policy-content .policy-item .item .item-box .item-title {
    margin-bottom: 4px;
    font-family: AlibabaPuHuiTiM;
    font-size: 12px;
    color: #35599f;
    text-align: justify;
    font-weight: 700;
    display: inline-block;
    line-height: 16px
  }

  .policy .policy-container .policy-content .policy-item .item .item-box .item-cont {
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    text-align: justify;
    line-height: 18px;
    margin-bottom: 24px
  }

  .policy .policy-container .policy-content .policy-list {
    width: calc(100vw - 33px);
    height: auto;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
    border-radius: 4px;
    margin: auto;
    margin-top: 12px !important
  }

  .policy .policy-container .policy-content .policy-list h1 {
    font-family: STSongti-SC-Black;
    font-size: 28px;
    color: rgba(221, 16, 16, .65);
    font-weight: 500;
    text-align: center;
    margin-bottom: 7px
  }

  .policy .policy-container .policy-content .policy-list .country-list {
    width: 184px;
    height: 200px;
    margin: 0 auto
  }

  .policy .policy-container .policy-content .policy-list .country-list p {
    width: 184px;
    height: 14px;
    font-size: 14px;
    color: rgba(221, 16, 16, .65);
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
    margin-bottom: 6px;
    font-weight: 600
  }

  .policy .policy-container .policy-content .policy-list .country-list p:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
    position: static !important
  }

  .policy .policy-container .policy-content .policy-list .tips {
    font-family: STSongti-SC-Regular;
    font-size: 12px;
    transform: scale(.67);
    *font-size: 8px;
    color: rgba(0, 0, 0, .45);
    margin-top: 7px;
    text-align: center
  }

  .policy .policy-container .policy-content .policy-list .notice {
    border-top: 1px solid rgba(221, 16, 16, .65);
    margin-top: 4px;
    font-family: STSongti-SC-Regular;
    font-size: 12px;
    color: rgba(0, 0, 0, .85);
    padding-top: 8px
  }

  .policy .policy-container .policy-content .policy-list .notice p {
    text-align: center;
    line-height: 15px
  }

  .policy .policy-container .policy-content .policy-list .desc-small {
    font-family: STSongti-SC-Regular;
    font-size: 12px;
    transform: scale(.85);
    color: rgba(0, 0, 0, .65);
    text-align: justify;
    width: 100%;
    height: auto;
    line-height: 16px;
    display: block;
    margin-left: 0
  }

  .policy .policy-container .policy-content .policy-list .desc-small p {
    text-indent: 2em
  }

  .policy .policy-container .policy-content .policy-list .desc-small div {
    margin-bottom: 5px
  }

  .policy .policy-container .policy-content .list-center {
    margin: auto;
    padding: 16px
  }

  .policy .policy-container .policy-content .list-last {
    padding: 16px
  }

  .policy .policy-container .policy-content .list-last .last-title {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    text-align: justify;
    line-height: 18px;
    margin-bottom: 16px
  }

  .policy .policy-container .policy-content .list-last .last-title span {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #35599f;
    text-align: justify;
    line-height: 18px;
    font-weight: 700
  }

  .policy .policy-container .policy-content .list-last .last-two-desc {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    text-align: justify;
    line-height: 18px;
    margin-bottom: 16px
  }

  .policy .policy-container .policy-content .list-last .has-img-desc img {
    width: 22px;
    height: 20px;
    margin-right: 16px
  }

  .policy .policy-container .policy-content .list-last .has-img-desc div {
    width: calc(100vw - 105px);
    background: #fafafa;
    border-radius: 4px;
    height: auto;
    border-top: 3px solid #ffd9d9;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    text-align: justify;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
    padding: 10px 14px;
    box-sizing: border-box
  }

  .policy-title h3 {
    text-align: center
  }

  .policy-title h3 {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #35599f;
    line-height: 32px
  }

  .policy-title p {
    font-family: AlibabaPuHuiTiR;
    font-size: 14px;
    color: #35599f;
    line-height: 22px;
    margin-bottom: 40px
  }

  .course {
    font-family: AlibabaPuHuiTiR;
    height: 574px;
    width: 100%
  }

  .course .course-title h3 {
    text-align: center
  }

  .course .course-title h3 {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #fff;
    line-height: 32px;
    padding: 23px 0 4px
  }

  .course .course-title p {
    font-family: AlibabaPuHuiTiR;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    margin-bottom: 40px
  }

  .course .course-list {
    display: flex;
    width: 1100px;
    margin: 0 auto
  }

  .course .course-list .course-list-item {
    padding-top: 44px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
    position: relative
  }

  .course .course-list .course-list-item:not(:last-child) {
    margin-right: 16px
  }

  .course .course-list .course-list-item .course-item-title {
    display: inline-block;
    padding: 15px 16px 14px;
    background-image: linear-gradient(270deg, #fbfbfd, #dee6f1, #c4d1e5);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
    font-size: 20px;
    color: #35599f
  }

  .course .course-list .course-list-item .course-item-list {
    font-size: 16px;
    color: #35599f;
    margin: 28px auto 0
  }

  .course .course-list .course-list-item .course-item-list p {
    margin-bottom: 20px
  }

  .course .course-list .course-list-item img {
    position: absolute;
    bottom: 0;
    right: 0
  }

  .policy-title h3 {
    font-size: 16px;
    line-height: 16px;
    padding: 23px 0 4px
  }

  .policy-title p {
    font-size: 12px;
    line-height: 16px;
    transform: scale(.5);
    margin-bottom: 9px
  }

  .certificate {
    background: #f5f6fa;
    font-family: PingFangSC-Regular;
    padding-bottom: 24px
  }

  .certificate .content {
    width: 100%;
    margin: 0 auto
  }

  .certificate .content .cer-desc {
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    text-align: center;
    margin-bottom: 16px
  }

  .certificate .content .cer-img {
    text-align: center
  }

  .certificate .content .cer-img img {
    width: 100% !important;
  }

  .policy-title h3 {
    text-align: center
  }

  .policy-title h3 {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #35599f;
    line-height: 32px
  }

  .policy-title p {
    font-family: AlibabaPuHuiTiR;
    font-size: 14px;
    color: #35599f;
    line-height: 22px;
    margin-bottom: 40px
  }

  .course {
    font-family: AlibabaPuHuiTiR;
    height: 574px;
    width: 100%
  }

  .course .course-title h3, .course .course-title p {
    text-align: center
  }

  .course .course-title h3 {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #fff;
    line-height: 32px;
    padding: 23px 0 4px
  }

  .course .course-title p {
    font-family: AlibabaPuHuiTiR;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    margin-bottom: 40px
  }

  .course .course-list {
    display: flex;
    width: 1100px;
    margin: 0 auto
  }

  .course .course-list .course-list-item {
    padding-top: 44px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
    position: relative
  }

  .course .course-list .course-list-item:not(:last-child) {
    margin-right: 16px
  }

  .course .course-list .course-list-item .course-item-title {
    display: inline-block;
    padding: 15px 16px 14px;
    background-image: linear-gradient(270deg, #fbfbfd, #dee6f1, #c4d1e5);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
    font-size: 20px;
    color: #35599f
  }

  .course .course-list .course-list-item .course-item-list {
    font-size: 16px;
    color: #35599f;
    margin: 28px auto 0
  }

  .course .course-list .course-list-item .course-item-list p {
    margin-bottom: 20px
  }

  .course .course-list .course-list-item img {
    position: absolute;
    bottom: 0;
    right: 0
  }

  .policy-title h3 {
    font-size: 16px;
    line-height: 16px;
    padding: 23px 0 4px
  }

  .policy-title p {
    font-size: 12px;
    line-height: 16px;
    transform: scale(.5);
    margin-bottom: 24px
  }

  .exam {
    font-family: AlibabaPuHuiTiR;
    width: calc(100vw - 33px);
    margin: auto
  }

  .exam .exam-list {
    width: 100%;
    background: hsla(0, 0%, 100%, .65);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
    margin: 0 auto 24px;
    box-sizing: border-box;
    padding-top: 16px !important;
    padding-bottom: 27px !important
  }

  .exam .exam-list .button {
    background: #35599f;
    border-radius: 4px;
    width: 64px;
    height: 16px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 16px
  }

  .exam .exam-list .exam-item:first-child,
  .exam .exam-list .exam-item:nth-child(2) {
    margin-right: 0;
  }

  .exam .exam-list .exam-item {
    text-align: center
  }

  .exam .exam-list .exam-item img {
    width: 25px
  }

  .exam .exam-list .exam-item .button {
    margin: 11px auto 8px
  }

  .exam .exam-list .exam-item .desc-exam {
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    text-align: center;
    width: 100%;
    margin-bottom: 32px
  }

  .exam .exam-list .exam-item:nth-child(2) {
    margin-right: 0
  }

  .exam .one {
    padding: 0;
    height: auto;
    display: block
  }

  .exam .two {
    text-align: center;
    height: auto;
    margin-bottom: 34px;
    padding-top: 40px
  }

  .exam .two .button {
    margin: 0 auto 20px
  }

  .exam .two .two-flex {
    display: block;
    padding: 0;
    text-align: center
  }

  .exam .two .two-flex .qualifications {
    margin-right: 0
  }

  .exam .two .two-flex .qua-two {
    margin-right: 0;
    margin-top: 16px;
    margin-bottom: 16px
  }

  .exam .two .two-flex .number {
    width: 16px;
    height: 16px;
    background: #35599f;
    border-radius: 100%;
    text-align: center;
    line-height: 16px;
    color: #fff;
    margin: 0 auto;
    font-size: 12px
  }

  .exam .two .two-flex .title {
    margin-top: 8px;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    text-align: center
  }

  .exam .two .two-flex .desc-flex {
    font-size: 12px;
    color: rgba(0, 0, 0, .45);
    text-align: center;
    margin-top: 8px;
    transform: scale(.9)
  }

  .exam .two .two-flex .desc-flex p {
    margin-bottom: 5px
  }

  .teacher::-webkit-scrollbar {
    display: none
  }

  .teacher {
    font-family: PingFangSC-Medium;
    width: calc(100vw - 33px);
    margin: 0 auto;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 344px;
    display: block;
  }

  .teacher .teacher-list {
    width: 288px;
    height: 320px;
    background: #f5f6fa;
    border-radius: 4px;
    text-align: center;
    padding-top: 33.3px;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 16px;
    display: inline-block;
    margin-right: 16px
  }

  .teacher .teacher-list .hide-box {
    position: absolute;
    width: 288px;
    height: 320px;
    word-wrap: break-word;
    word-break: normal;
    background: rgba(53, 89, 159, .85);
    border-radius: 0 0 4px 4px;
    top: 276px;
    padding-left: 8px;
    box-sizing: border-box
  }

  .teacher .teacher-list .hide-box p {
    width: 288px;
    word-wrap: break-word;
    word-break: normal;
    border-bottom: 1px solid #d8d8d8;
    font-size: 14px;
    color: #fff;
    line-height: 44px;
    text-align: left;
    font-weight: 700
  }

  .teacher .teacher-list .hide-box:hover {
    cursor: pointer;
    animation: animate-show-data-v-d786463a 1s ease-in 1 reverse both running
  }

  .teacher .teacher-list .hide-box .hide-desc {
    margin-top: 12px
  }

  .teacher .teacher-list .hide-box .hide-desc div {
    font-size: 12px;
    color: #fff;
    letter-spacing: -.2px;
    text-align: left;
    margin-bottom: 25px;
    white-space: normal !important;
    word-wrap: break-word;
    word-break: normal
  }

  @-webkit-keyframes animate-show-data-v-d786463a {
    0% {
      top: 0
    }
    to {
      top: 311px
    }
  }

  @keyframes animate-show-data-v-d786463a {
    0% {
      top: 0
    }
    to {
      top: 311px
    }
  }

  .policy-title h3 {
    text-align: center
  }

  .policy-title p {
    font-family: AlibabaPuHuiTiR;
    font-size: 14px;
    color: #35599f;
    margin: 4px 0 20px;
    transform: scale(.5);
    line-height: 8px
  }

  .course {
    font-family: AlibabaPuHuiTiR;
    height: 574px;
    width: 100%
  }

  .course .course-title h3 {
    text-align: center
  }

  .course .course-title h3 {
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #fff;
    line-height: 32px;
    padding: 23px 0 4px
  }



  .course .course-list {
    display: flex;
    width: 1100px;
    margin: 0 auto
  }

  .course .course-list .course-list-item {
    padding-top: 44px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
    position: relative
  }

  .course .course-list .course-list-item:not(:last-child) {
    margin-right: 16px
  }

  .course .course-list .course-list-item .course-item-title {
    display: inline-block;
    padding: 15px 16px 14px;
    background-image: linear-gradient(270deg, #fbfbfd, #dee6f1, #c4d1e5);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, .05);
    font-size: 20px;
    color: #35599f
  }

  .course .course-list .course-list-item .course-item-list {
    font-size: 16px;
    color: #35599f;
    margin: 28px auto 0
  }

  .course .course-list .course-list-item .course-item-list p {
    margin-bottom: 20px
  }

  .course .course-list .course-list-item img {
    position: absolute;
    bottom: 0;
    right: 0
  }

  .course-title h3 {
    line-height: 16px !important;
    font-size: 16px !important;
    padding-top: 24px !important
  }

  .course-list {
    width: 100% !important;
    white-space: nowrap;
    overflow-x: scroll;
    display: block !important
  }

  .course-list::-webkit-scrollbar {
    display: none
  }

  .course .course-list .course-list-item {
    margin-left: 16px
  }

  .course-title p {
    font-size: 14px;
    margin: 4px 0 20px;
    transform: scale(.5);
    line-height: 8px !important
  }

  .course-item-title {
    font-size: 12px !important;
    box-sizing: border-box;
    width: 100% !important;
    padding: 7px 8px 7px !important;
    margin: 14px auto 0 !important;
    white-space: normal;
    word-wrap: break-word
  }

  .course-list-item {
    display: inline-block;
    vertical-align: top
  }

  .course .course-list .course-list-item:not(:last-child) {
    margin-right: 0
  }

  .course .course-list .course-list-item:last-child {
    margin-right: 16px
  }

  .profession .teacher-box {
    padding-bottom: 32px
  }

  .profession .course {
    background: url(../images/mel-ghW_jLS8eAw-unsplash.f5c9fc9a.png) no-repeat;
    background-size: 100% 100%;
    height: auto !important;
    padding-bottom: 34px
  }

  .profession .course .course-list-item {
    width: 148px;
    height: 220px;
    padding-top: 22px !important
  }

  .profession .course .course-item-list {
    width: 100%;
    font-size: 12px !important;
    margin-top: 14px !important
  }

  .profession .course .course-item-list p {
    width: 110%;
    display: block;
    white-space: normal;
    word-wrap: break-word;
    transform: scale(.85);
    margin-bottom: 10px !important
  }

  .query {
    width: calc(100vw - 33px);
    margin: 0 auto;
    padding-top: 20px
  }

  .query .question-title {
    width: 100%;
    height: 100px;
    background: url(../images/unsplash.17ab1787.png) no-repeat;
    background-size: 100% 100%;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    margin: auto
  }

  .query .search {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
  }

  .query .search .el-input {
    width: 200px;
    margin-right: 30px
  }

  .query .cont {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 60px;
    box-sizing: border-box;
    margin-top: 20px
  }

  .query .cont .list {
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-radius: 10px;
    font-size: 12px;
    color: #262626;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 12px
  }

  .query .cont .list:not(:nth-child(3n)) {
    margin-right: 0
  }
}