body{
  min-width: 1200px;
  color: #333;
}
#container{
  background: #fff;
  width: 100%;
  overflow: hidden;
  margin-top: 38px;
}
.header, .intro, .people, .a-feedback{
  width: 1920px;
  position: relative;
  left: 50%;
  margin-left: -960px;
}
.header{
  background: url("/imgs/active/PASS_BC_1_580_1920.jpg") no-repeat;
  background-size: 1920px 580px;
}
.live-wrap, .header-wrap, .intro-wrap, .teacher-wrap, .people-wrap, .course-wrap, .lists-wrap, .special-wrap, .a-feedback-wrap, .question-wrap{
  width: 1200px;
  margin: 0 auto;
}
.header-wrap{
  padding-top: 1px;
  color: #fff;
  position: relative;
  height: 400px;
  padding-top: 1px;
}
.header-wrap .logo{
  margin: 39px auto 0;
  width: 224px;
  overflow: hidden;
  display: none;
}
.header-wrap .logo img{
  float: left;
  width: 224px;
  height: 45px;
}
.header-wrap .title-2{
  width: 1510px;
  text-align: center;
  font-size: 90px;
  margin: 78px 0 15px -147px;
} 
.header-wrap .title-2 img{
  vertical-align: middle;
  margin: -10px 27px 0 0;
}
.header-wrap .title-3{
  font-size: 30px;
  text-align: center;
}
.header-wrap .op-box{
  width: 1200px;
  height: 150px;
  background: #f3c317;
  position: absolute;
  left: 0;
  bottom: -75px;
  padding: 0 60px;
  box-sizing: border-box;
}
.header-wrap .op-box p{
  font-size: 72px;
  line-height: 150px;
  float: left;
}
.header-wrap .op-box span{
  float: left;
  font-size: 16px;
  margin: 85px 0 0 17px;
}
.header-wrap .op-box div{
  float: right;
  margin-top: 50px;
}
.header-wrap .op-box div button, .header-wrap .op-box  .receive-btn{
  float: left;
  width: 200px;
  height: 50px;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  transition: all 300ms;
}
.header-wrap .op-box  .receive-btn{
  line-height: 50px;
  box-sizing: border-box;
  text-align: center;
  margin-left: 10px;
}
.header-wrap .op-box div button:hover, .header-wrap .op-box  .receive-btn:hover{
  background: #fff;
  color: #f3c317;
}
.live{
  width: 100%;
  background: #e1f0ff;
}
.live-wrap{
  height: 454px;
  overflow: hidden;
}
.title-main{
  text-align: center;
  font-size: 30px;
  margin-top: 115px;
  margin-bottom: 10px;
}
.title-tip{
  font-size: 16px;
  text-align: center;
}
.c-card{
  width: 850px;
  height: 220px;
  margin: 26px auto 0;
  background: #fff;
}
.c-card .c-left{
  width: 398px;
  height: 100%;
  float: left;
  background: gray;
}
.c-card .c-right{
  width: 450px;
  padding: 22px 0 0 23px;
  float: left;
  box-sizing: border-box;
}
.c-card .c-right div{
  overflow: hidden;
}
.c-card .c-right .avatar{
  width: 52px;
  height: 52px;
  float: left;
  border-radius: 50%;
}
.c-card .c-right .name{
  float: left;
  margin: 12px 0 0 17px;
  font-size: 24px;
}
.c-card .c-right p{
  font-size: 16px;
  margin: 6px 0;
}
.c-card .c-right h6{
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 15px;
}
.c-card .c-right button{
  width: 160px;
  height: 36px;
  background: #f3c317;
  color: #fff;
  font-size: 16px;
  display: block;
  margin: 0 auto;
  border: none;
  cursor: pointer;
}
.intro{
  background: url("/imgs/active/PASS_BC_2_200_1920.jpg") no-repeat;
  background-size: 1920px 580px;
}
.intro-wrap{
  height: 200px;
  overflow: hidden;
  color: #fff;
}
.intro-wrap h2{
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  margin: 35px 0 33px 0;
}
.intro-wrap p{
  width: 740px;
  text-align: center;
  margin: 0 auto;
  font-size: 18px;
  line-height: 28px;
}
.teacher-wrap{
  height: 530px;
  overflow: hidden;
}
.teacher-wrap .title-main{
  margin: 20px 0 8px 0;
}
.teacher-wrap .t-card{
  width: 600px;
  height: 250px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 38px;
  background: #e1f0ff;
}
.teacher-wrap .t-card .t-avatar{
  width: 240px;
  height: 230px;
  float: left;
  margin: 10px 0 0 10px;
}
.teacher-wrap .t-card .t-right{
  width: 350px;
  float: left;
}
.teacher-wrap .t-card .t-right h3{
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  padding: 22px 0 27px;
}
.teacher-wrap .t-card .t-right p{
  text-align: center;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  width: 250px;
  margin: 0 auto 2px;
  padding: 2px 0;
}
.teacher-wrap .t-card .t-right a{
  width: 180px;
  display: block;
  height: 36px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 36px;
  background: #f3c317;
  border-radius: 3px;
  margin: 17px auto 0;
  transition: all 300ms;
}
.teacher-wrap .t-card .t-right a:hover{
  background: #fdcb17;
}
.teacher-wrap .t-card .t-right span{
  display: block;
  text-align: center;
  border-bottom: 1px solid #333;
  width: 250px;
  margin: 0 auto;
  padding: 2px 0;
}
.teacher-wrap .t-card .t-avatar img{
  width: 100%;
  height: 100%;
}
.zixun{
  width: 258px;
  height: 68px;
  border: 1px solid #2d3a89;
  display: block;
  line-height: 68px;
  text-align: center;
  font-size: 26px;
  margin: 40px auto 0;
  cursor: pointer;
  transition: all 300ms;
}
.zixun a{
  width: 258px;
  height: 68px;
  display: block;
  color: #2d3a89;
}
.zixun:hover{
  background: #2d3a89;
}
.zixun:hover a{
  color: #fff;
}
.people{
  background: url("/imgs/active/PASS_BC_3_160_1920.jpg") no-repeat;
  background-size: 1920px 160px;
}
.people-wrap{
  height: 160px;
  overflow: hidden;
  color: #fff;
}
.people-wrap h3{
  font-size: 30px;
  text-align: center;
  margin: 42px 0 10px;
  font-weight: normal;
}
.people-wrap p{
  font-size: 24px;
  text-align: center;
}
.course{
  width: 100%;
  background: #e1f0ff;
}
.course-wrap{
  height: 622px;
  padding-top: 1px;
}
.course-wrap .title-main{
  margin: 37px 0 23px;
}
.c-list{
  width: 1090px;
  margin: 25px auto 0;
  margin-left: 224px;
}
.c-list li{
  overflow: hidden;
  margin-bottom: 15px;
}
.c-icon{
  width: 69px;
  height: 54px;
  float: left;
  background: url("/imgs/active/PASS_icon_1.jpg") no-repeat;
}
.c-list li:nth-of-type(1) .c-icon{
  background-position: 0 -7px;
}
.c-list li:nth-of-type(2) .c-icon{
  background-position: 0 -80px;
}
.c-list li:nth-of-type(3) .c-icon{
  background-position: 0 -154px;
}
.c-list li:nth-of-type(4) .c-icon{
  background-position: 0 -227px;
}
.c-list li:nth-of-type(5) .c-icon{
  background-position: 0 -300px;
}
.c-list li:nth-of-type(6) .c-icon{
  background-position: 0 -371px;
}
.c-text{
  float: left;
  margin-left: 26px;
}
.c-text p{
  font-size: 20px;
  margin: 3px 0 2px;
}
.c-text span{
  font-size: 16px;
}
.lists-wrap{
  overflow: hidden;
}
.train-wrap .title-main,
.lists-wrap .title-main{
  margin: 36px 0 36px; 
}
.lists-wrap .main{
  width: 1001px;
  margin: 0 auto;
}
.lists-wrap .main .th ul{
  overflow: hidden;
}
.lists-wrap .main .th ul li{
  float: left;
  height: 70px;
  background: #f3c317;
  color: #fff;
  line-height: 70px;
  text-align: center;
  margin-right: 1px;
  font-size: 30px;
}
.lists-wrap .main .th ul li:nth-of-type(1), .day{
  width: 160px;
}
.lists-wrap .main .th ul li:nth-of-type(2), .time{
  width: 129px;
}
.lists-wrap .main .th ul li:nth-of-type(3), .course-name{
  width: 259px;
}
.lists-wrap .main .th ul li:nth-of-type(4), .course-aim{
  width: 319px;
}
.lists-wrap .main .th ul li:nth-of-type(5), .fix-up{
  width: 129px;
}
.tbox{
  overflow: hidden;
  box-shadow: 0 7px 7px #eee;
}
.time,.course-name,.course-aim,.fix-up{
  float: left;
  margin-left: 1px;
}
.day{
  float: left;
  height: 256px;
  border-right: 1px solid #f0f0f0;
}
.day p{
  text-align: center;
  line-height: 40px;
}
.day p:first-child{
  margin-top: 60px;
}
.time ul li,.course-name ul li,.course-aim ul li,.fix-up ul li{
  display: flex;
  height: 84px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}
.fix-up ul li{
  border-right: none;
}
.time ul li:last-child,.course-name ul li:last-child,.course-aim ul li:last-child,.fix-up ul li:last-child{
  border-bottom: none;
}
.fix-up ul li p{
  color: #2d3a89;
  font-weight: bold;
}
.lists-wrap .zixun{
  margin-bottom: 35px;
}
.people2{
  background: url("/imgs/active/PASS_BC_4_180_1920.jpg") no-repeat;
}
.people2-wrap{
  height: 180px;
  overflow: hidden;
}
.people2-wrap ul{
  width: 900px;
  overflow: hidden;
  margin: 40px auto 0;
}
.people2-wrap ul li{
  float: left;
}
.people2-wrap ul li .pic{
  width: 63px;
  height: 54px;
  margin: 0 auto;
  background: url("/imgs/active/PASS_icon_2.png") no-repeat;
}
.people2-wrap ul li:nth-of-type(2) .pic{
  background-position: -63px 0;
}
.people2-wrap ul li:nth-of-type(3) .pic{
  background-position: -126px 0;
}
.people2-wrap ul li:nth-of-type(4) .pic{
  background-position: -189px 0;
}
.people2-wrap ul li:nth-of-type(5) .pic{
  background-position: -252px 0;
}
.people2-wrap ul li:nth-of-type(6) .pic{
  background-position: -315px 0;
}
.people2-wrap ul li p{
  color: #fff;
  font-size: 16px;
  margin-top: 12px;
}
.people2-wrap ul span{
  float: left;
  color: #5ea5e7;
  font-size: 40px;
  margin: 15px 8px 0;
}
.special-wrap{
  height: 442px;
  overflow: hidden;
}
.special-wrap .title-main{
  margin: 35px 0 25px;
}
.special-wrap ul{
  width: 864px;
  margin: 0 auto;
}
.special-wrap ul li{
  width: 288px;
  height: 150px;
  float: left;
  background: #e1f0ff;
  position: relative;
}
.special-wrap ul li.xishuo{
  background: #f5faff;
}
.special-wrap ul li.face, .special-wrap ul li.sign {
  background: #f5faff;
}
.special-wrap ul li em{
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  font-style: normal;
  display: block;
}
.special-wrap ul li b{
  font-size: 20px;
  text-align: center;
  font-weight: normal;
  display: block;
}
.special-wrap ul li b:first-child{
  margin-top: 50px;
}
.special-wrap ul li p, .special-wrap ul li span{
  display: block;
  text-align: center;
  font-size: 20px;
  margin-top: 35px;
}
.special-wrap ul li:first-child p{
  margin-top: 22px;
}
.special-wrap ul li span{
  margin-top: 5px;
}
.special-wrap ul li a{
  width: 140px;
  height: 36px;
  position: absolute;
  left: 50%;
  margin-left: -70px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 36px;
  bottom: 26px;
  background: #f3c317;
  transition: all 300ms;
}
.special-wrap ul li a:hover{
  background: #ffcd19;
}
.a-feedback{
  background: url("/imgs/active/ZERO_BC_5_500_1920.jpg") no-repeat;
  background-size: cover;
}
.a-feedback-wrap{
  height: 570px;
  overflow: hidden;
}
.a-feedback-wrap .title-main{
  margin: 35px 0 18px;
}
.a-feedback-wrap ul{
  width: 1094px;
  margin: 0 auto;
}
.a-feedback-wrap li {
  overflow: hidden;
  float: left;
  margin-right: 10px;
}
.a-feedback-wrap li img{
  float: left;
}
.question-wrap{
  height: 743px;
  overflow: hidden;
}
.question-wrap .title-main{
  margin: 36px 0;
}
.question-wrap ul{
  width: 100%;
  overflow: hidden;
}
.question-wrap ul li{
  width: 598px;
  height: 198px;
  background: #f5faff;
  float: left;
  margin: 1px 0 0 1px;
  transition: all 300ms;
  padding: 0 25px;
  box-sizing: border-box;
}
.question-wrap ul li:hover{
  background: #e1f0ff;
}
.question-wrap ul li h3{
  font-size: 24px;
  font-weight: normal;
  margin: 33px 0 0 0;
}
.question-wrap ul li p{
  margin-top: 5px;
  line-height: 30px;
  font-size: 16px;
}

.train-wrap {
  padding: 1px 0;
  width: 100%;
  background: #e1f0ff;
}
.MapCharts {
  width: 1200px;
  height: 700px;
  margin: 0 auto;
}