/* 灰度 */
/* html {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
} */
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.cb,
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body {
  min-width: 1200px;
}
.container {
 width: 1200px;
}
.top__box {
  width: 1200px;
}
.headerBox {
  width: 1200px;
  /*width: 1232px;*/
}
.header1 {
  position: relative;
  height: 520px;
}
@media only screen and (max-width: 1200px) {
}
.iWrap {
  width: 1200px;
  margin: 0 auto;
}

.banner {
  max-width: 1920px;
  min-width: 1200px;
  margin: 0 auto;
  height: 520px;
}
/*.bannerSlick:hover .bannerArrow--next,
.bannerSlick:hover .bannerArrow--prev */
.bannerSlick .bannerArrow--next,
.bannerSlick .bannerArrow--prev{
  opacity: 1;
}
.bannerItem {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 100%;
  height: 520px;
  margin: 0 auto;
  margin-top: -2px;
}
.bannerArrow--next,
.bannerArrow--prev {
      font-size: 18px;
    position: absolute;
    top: 50%;
    z-index: 2;
    color: #fff;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    opacity: 0;
    cursor: pointer;
    width: 20px;
    height: 52px;
    border-radius: 0;
    background: rgba(0, 0, 0, 0.5);
    line-height: 52px;
    text-align: center;
}
.bannerArrow--next:hover,
.bannerArrow--prev:hover {
  background: rgba(0, 0, 0, 0.5);
}
.bannerArrow--prev {
  left: 50%;
  margin-left: -305px;
  -webkit-transform: translateY(-50%) scale(-1, 1);
  -ms-transform: translateY(-50%) scale(-1, 1);
  transform: translateY(-50%) scale(-1, 1);
}
.bannerArrow--next {
  right: 50%;
  margin-right: -560px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bannerDots {
  position: absolute;
  bottom: 20px;
  left: 58%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 0;
}
.bannerDots li {
 width: 8px;
    height: 8px;
    display: inline-block;
    margin: 5px;
    border-radius: 20px;
    position: relative;
    display: inline-block;
    /* width: 20px; */
    /* height: 20px; */
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.bannerDots button {
  outline: 0;
    border: 0;
    display: block;
    width: 8px;
    height: 8px;
    background: hsla(0,0%,100%,.7);
    font-size: 0;
    border-radius: 10px;
    margin: 0;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 0;
    line-height: 0;
    display: block;
    /* width: 20px; */
    /* height: 20px; */
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
}
.bannerDots .slick-active{
    width: 25px;
    height: 7px;
}
.bannerDots .slick-active button {
  background: #fff;
  width: 25px;
  height: 7px;
}
.userCard {
        height: 160px;
    background-color: #237ffd;
    /* box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%); */
    /* border-radius: 6px; */
    box-sizing: border-box;
    padding: 5px;
}
.userCard__info {
  font-size: 0;
    border: 3px solid #fff;
    padding: 10px;
}
.userCard__avatar {
  width: 68px;
  height: 68px;
  background-color: #ddebff;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 14px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.userCard__avatar img {
  display: block;
  max-width: 100%;
}
.userCard__desc {
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.userCard__desc p {
      color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: 2px;
}
.userCard__btns {
  margin-top: 20px;
}
.userCard__btns div,
.userCard__btns a {
  font-size: 16px;
  width: 43%;
  height: 36px;
  line-height: 36px;
  border-radius: 6px;
  text-align: center;
  cursor: pointer;
}
.userCard__btns div:after,
.userCard__btns a:after {
  content: '';
  display: block;
  clear: both;
}
.userCard__btns a:hover{
       /* background-color: #237ffd;*/
    color: red;
}
.userCard__login {
      background-color: #fff;
    color: #237ffd;
    border: solid 1px transparent;
    float: right;
    font-weight: bold;
    letter-spacing: 2px;
}
.userCard__login:hover {
  /*background-color: #ff5656;*/
}
.userCard__reg {
     background-color: #fff;
    color: #237ffd;
    border: solid 1px transparent;
    
    font-weight: bold;
    letter-spacing: 2px;
  float: left;
}
.userCard__myCourse,
.userCard__shoppingCart {
  border: 1px solid #ef4545;
  border-radius: 6px;
  background-color: #ffffff;
  width: 118px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
  color: #ef4545;
  text-align: center;
  display: block;
}
.userCard__myCourse:hover,
.userCard__shoppingCart:hover {
  background: #ef4545;
  border-color: #ef4545;
  color: #fff;
}
.userCard__myCourse {
  float: left;
}
.userCard__shoppingCart {
  float: right;
}
.header2 {
  width: 1200px;
  margin: 40px auto;
}
.header2xx{
    
}
.header2:after {
  content: '';
  display: block;
  clear: both;
}
.header2Left {
  width: 280px;
  float: left;
}
.header2Left .cardbox{
    
}
.header2Left .cardbox:after {
  content: '';
  display: block;
  clear: both;
}
.kqcx{
    background-color: #f50066;
}
.bktj{
    background-color: #fab52a;
}
.cjcx{
    background-color: #037dff;
}
.bjkd{
     background-color: #00c9ff;
}
.kqcx,.cjcx{
    margin-right:20px;
}
.kqcx,.bktj{
    margin-bottom: 10px;
}
.header2Left .cardbox .card{
        width: 130px;
    float: left;
    text-align: center;
        padding: 11px;
            border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
.header2Left .cardbox .card:hover{
      box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
    transform: translateY(-5px);
}
.header2Left .cardbox .card img{
    width: 40px;
}
.header2Left .cardbox .card p{
        margin-top: 10px;
        color: #fff;
}
.header2Leftimga{
    width: 920px;
}
.header2Leftimga .link{
    margin-left: 23px;
    width: 280px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
        text-decoration: none;
}
.header2Leftimga .link img{
    vertical-align: baseline;
    /*display: block;*/
    width: 280px;
}
.header2Pos1 {
  margin: 20px auto 0;
  background-color: #237ffd;
    color: #fff;
    border-radius: 10px;
    padding: 20px;
}
.header2Pos1 h2{
    font-size: 30px;
    margin: 0;
    letter-spacing: 10px;
        font-weight: bold;
}
.header2Pos1 p{
        margin: 20px 0;
    border: 1px solid #fff;
    text-align: center;
    padding: 5px;
}
.header2Pos1 a {
  display: block;
}
.header2Pos1 a{
    width: 110px;
    text-align: center;
    margin: 0 auto;
    background-color: #fefb48;
    padding: 6px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 550;
}
.header2Pos1 img {
  display: block;
  max-width: 100%;
  transition: all 0.5s;
}
.header2Pos1 img:hover {
  transform: translateY(-5px);
  transition: all 0.5s;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
}
.header2Center {
 margin: 0 24px;
    float: left;
   /* box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    background: #fff;*/
    width: 586px;
}
.header2Blank {
      height: 300px;/*box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);*/
    background: #fff;
}
.header2Box {
  border-bottom: 1px solid #dcdcdc;
  padding: 20px 0 0 40px;
  position: relative;/*box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);*/
    background: #fff;
}
.header2Box:after {
  content: '';
  display: block;
  clear: both;
}
.header2Right {
  float: left;
 width: 286px;
 /* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);*/
  position: relative;
     /* background: #fff;*/
}
.hb__item {
  float: left;
     margin: 0 30px 0 0;
  cursor: pointer;
}
.hb__item--focus{
    color:#fff;
    /*background-image: url('/img/hbfocusb');*/
}
.hb__item--focus .hb__h2:after{
        content: '';
    background: url(../image/jtd.png) no-repeat;
    background-size: 40px 30px;
    width: 40px;
    height: 30px;
    position: absolute;
        left: 29%;
    top: 80%;
}
.hb__item--focus .hb__h2 {
    background-color: red;
    color: #fff;
        position: relative;
 /* border-bottom: 3px solid #ef4545;*/
}
.hb__item--focus .hb__info {
  display: block;
}
.hb__h2 {
     font-size: 18px;
    color: #333333;
    margin: 0;
    letter-spacing: 2px;
    font-weight: 550;
        margin-bottom: 15px;
    padding: 5px 8px;
}
.hb__info {
  left: 0;
  display: none;
 position: absolute;
    width: 575px;
    padding: 16px 20px 3px 35px;
    top: 50px;
}
.hb__infoItem {
  margin: 20px auto;
      font-size: 13px;
}
.hb__infoItem:after {
  content: '';
  display: block;
  clear: both;
}
.hb__infoItem a {
  float: left;
}
.hb__infoItem a:hover{
        color: red;
}
.hb__infoItem a.zjgx{
    width: 470px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}
.hb__infoItem span {
  float: right;
  color: #000;
}
.hr__head {
  border-bottom: 1px solid #dcdcdc;
  padding: 22px 0 0;    background: #fff;
}
.hr__head:after {
  content: '';
  display: block;
  clear: both;
}
.hr__head > p {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #333333;
  float: left;
  margin: 0 15px 0 10px;
}
.hr__list {
  float: left;
}
.hr__list:after {
  content: '';
  display: block;
  clear: both;
}
.hr__item {
  float: left;
  width: 45px;
  text-align: center;
  margin-right: 14px;
}
.hr__item--focus .hr__h2 {
      background-color: red;
    color: #fff;
    position: relative;
}
.hr__item--focus .hr__h2:after {
        content: '';
    background: url(../image/jtd.png) no-repeat;
    background-size: 40px 30px;
    width: 40px;
    height: 30px;
    position: absolute;
        left: 6%;
    top: 75%;
}
.hr__item--focus .hr__msg {
  display: block;
}
.hr__h2 {
 font-size: 17px;
    cursor: pointer;
    margin-bottom: 14px;
    padding: 5px;
    white-space: nowrap;
}
.hr__msg {
    display: none;
  position: absolute;
       top: 78px;
    left: 0;
    width: 286px;
    padding: 6px 10px 0;
    text-align: left;
    height: 287px;
    overflow: auto;
}
.hr__msg::-webkit-scrollbar {
  width: 4px;
  opacity: 0;
  background: #f5f5f5;
}
.hr__msg::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px;
}
.hr__msgItem {
  margin: 20px 0;
}
.hr__msgItem td {
  padding: 10px 0;
}
.hr__msg table {
  width: 100%;
}
.hr__content {
  height: 300px;    background: #fff;
}
.hr__link1 {
  display: block;
}
.hr__link2 {
  text-align: center;
  display: block;
}
.hr__link3 {
  text-align: right;
  display: block;
}
.live {
  background-color: #f6f6f6;
  padding: 10px 0 40px;
}
.liveTitle {
  font-size: 28px;
  color: #333333;
  margin-bottom: 10px;
  height: 45px;
}
.liveItem {
  width: 284px !important;
  height: 264px;
  background: #fff;
  border: solid 1px #e5e5e5;
  padding: 28px 20px;
  box-sizing: border-box;
  position: relative;
  margin-right: 16px;
}
.liveItem__class {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0px 0px 0px 14px;
  background: linear-gradient(to bottom, #1874ff, #4085ed);
  color: #fff;
  font-size: 14px;
  padding: 7px 15px;
  box-sizing: border-box;
}
.liveItem__status {
  display: inline-block;
}
.liveItem__start {
  background-color: #ff7b33;
  color: #fff;
  border-radius: 4px;
  padding: 3px 5px;
  box-sizing: border-box;
  vertical-align: middle;
}
.liveItem__off {
  background-color: #1874ff;
}
.liveItem__day {
  display: inline-block;
  font-size: 16px;
  vertical-align: middle;
}
.liveItem__title {
  font-size: 18px;
  margin: 10px 0 0px;
  height: 100px;
}
.liveItem__teacher {
  border-bottom: 1px solid #e5e5e5;
  height: 50px;
}
.liveItem__teacher img {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #eeeeee;
  vertical-align: middle;
  margin-right: 10px;
}
.liveItem__teacher span {
  font-size: 16px;
}
.liveItem__tool {
  padding-top: 15px;
  box-sizing: border-box;
  height: 50px;
}
.liveItem__person {
  display: inline-block;
  width: 155px;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
}
.liveItem__person span {
  color: #ef4545;
}
.liveItem__btn {
  display: inline-block;
  width: 78px;
  height: 28px;
  line-height: 25px;
  border: 1px solid #4085ed;
  border-radius: 14px 14px 14px 14px;
  font-size: 14px;
  color: #4085ed;
  text-align: center;
  cursor: pointer;
}
.liveItem__btn:hover {
  color: #fff;
  background-color: #4085ed;
}
.news {
  margin: 40px auto;
}
.news__head {
  border-bottom: 1px solid #eeeeee;
}
.news__head:after {
  content: '';
  display: block;
  clear: both;
}
.news__type {
  color: #333333;
  font-size: 28px;
  float: left;
  margin: 0;
}
.news__nav {
  float: right;
  position: relative;
}
.news__nav:after {
  content: '';
  display: block;
  clear: both;
}
.news__navItem {
  float: left;
  font-size: 18px;
  color: #666666;
  cursor: pointer;
}
.news__navItem--focus {
  color: #ef4545;
  padding-bottom: 24px;
  border-bottom: 3px solid #ef4545;
}
.news__navItem ~ .news__navItem {
  margin-left: 30px;
}
.news__box {
  margin: 30px auto 0;
}
.news__box:after {
  content: '';
  display: block;
  clear: both;
}
.news__position {
  width: 200px;
  float: left;
  transition: all 0.5s;
}
.news__position:hover {
  transform: translateY(-5px);
  transition: all 0.5s;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
}
.news__position a {
  display: block;
}
.news__position img {
  display: block;
  max-width: 100%;
}
.news__center {
  float: left;
  margin: 0 40px;
}
.news__courseName {
  color: #333333;
  font-size: 18px;
}
.news__courseList:after {
  content: '';
  display: block;
  clear: both;
}
.news__courseList li {
  width: 192px;
  float: left;
  transition: all 0.5s;
}
.news__courseList li:hover img {
  transform: translateY(-5px);
  transition: all 0.5s;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
}
.news__courseList li:hover p {
  color: #ef4545;
}
.news__courseList li ~ li {
  margin-left: 20px;
}
.news__courseList li p {
  height: 50px;
}
.news__courseList a {
  display: block;
}
.news__courseList img {
  display: block;
  max-width: 100%;
  width: 192px;
  height: 108px;
  transition: all 0.5s;
}
.news__courseList p {
  margin: 6px 0 0;
  color: #333333;
  font-size: 14px;
  line-height: 24px;
}
.news__actList:after {
  content: '';
  display: block;
  clear: both;
}
.news__actList a {
  float: left;
}
.news__actList a ~ a {
  margin-left: 20px;
}
.news__actList img {
  display: block;
  max-width: 100%;
  transition: all 0.5s;
}
.news__actList img:hover {
  transform: translateY(-5px);
  transition: all 0.5;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);
}
.news__r {
  width: 300px;
  float: left;
}
.news__rn {
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}
.news__rn:after {
  content: '';
  display: block;
  clear: both;
}
.news__rni {
  margin-right: 30px;
  float: left;
}
.news__rni .subNews {
  display: none;
}
.news__rni p {
  color: #333333;
  font-size: 18px;
}
.news__rni--focus p {
  border-bottom: 3px solid #ef4545;
  padding-bottom: 18px;
  color: #ef4545;
}
.news__rni ul {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
}
.news__rni--focus ul {
  display: block;
}
.news__rni li {
  display: block;
  margin: 18px auto;
  position: relative;
}
.news__rni li:beofre {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 0;
  height: 0;
  border: 2px solid #ff7e7e;
  border-radius: 50%;
}
.news__rni a {
  overflow: hidden;
  width: 20em;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  padding: 0 0 0 1em;
  font-size: 14px;
}
.news__rnc {
  height: 180px;
}
/*.news__hot a::before {
  display: inline-block;
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ff7e7e;
  margin: 5px 13px 2px 0;
}*/
.news__free a:before {
  display: inline-block;
  content: '';
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #dcdcdc;
  margin: -2px 9px 0px 0;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 13px;
}
.news__free li:nth-child(1) a::before {
  content: '1';
  background-color: #ff3737;
}
.news__free li:nth-child(2) a::before {
  content: '2';
  background-color: #ff9037;
}
.news__free li:nth-child(3) a::before {
  content: '3';
}
.news__free li:nth-child(4) a::before {
  content: '4';
}
.news__free li:nth-child(5) a::before {
  content: '5';
}
.news__sName {
  font-size: 18px;
  color: #333333;
  margin: 10px auto 18px;
}
.news__sBox {
  width: 300px;
  padding: 10px 0;
  background-color: #f6f6f6;
  border: 1px solid #e5e5e5;
}
.news__sList {
  padding: 0 20px;
  height: 110px;
  overflow: auto;
}
.news__sList::-webkit-scrollbar {
  width: 4px;
  opacity: 0;
  background: #f5f5f5;
}
.news__sList::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px;
}
.news__sItem {
  color: #333333;
  margin: 20px auto;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news__sItem span {
  color: #ff3737;
}
.news__navItem--focus .news__msg {
  display: block;
}
.news__msg {
  display: none;
  position: absolute;
  top: 80px;
  right: 0;
  width: 300px;
}
.fixed {
  z-index: 2;
}
.liveMask {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
}
.liveMaskBox {
  width: 413px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.liveMaskBox--close {
  width: 24px;
  height: 24px;
  background: url(../image/sprite.png)
    no-repeat 0 -57px;
  position: absolute;
  right: 16px;
  top: 6px;
  cursor: pointer;
}
.lc1:after {
  content: '';
  display: table;
  clear: both;
}
.fixed {
  position: fixed;
  top: 20%;
  right: 0px;
  width: 56px;
  background-color: #ffffff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.fixedItem {
  padding: 10px 0;
  cursor: pointer;
  position: relative;
}
.fixedItem ~ .fixedItem {
  border-top: 1px solid #eeeeee;
}
.fixedItemContent {
  display: none;
  position: absolute;
  background: #fff;
  right: 56px;
  top: -30px;
  width: 139px;
  height: 132px;
  box-sizing: border-box;
  padding: 16px 20px 16px 16px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIsAAACEBAMAAABSYcUZAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURQAAAAAAABMTE/v7+////28pFoAAAAAEdFJOUwEFDMFNMn4+AAAA40lEQVRo3u3a0Q2DMAxFUboBzgZBTBAxQZP9Z2pLIWkrVZXs+9GP9wY4cgwJQvE0gbmYKzOBfEIWyJuyOPPq+JWHMzqTtuZMzb07ltbmzrWXEyhmL6czLZDBLBFmsbPDQWYWI0aMGDFixIgRI0aMmO9MhhhDmGNVQaYwTD1WFWTOcqJMff6LR5lWMsLUfVVhphWGqX/FMIuCWsw8cOj1YzYDtDWhgwI6tqhDNOtzJ0aMGDFixIgRI0aMmN8MdJGNXatDl/y2+pkxcnDv8RYopo+HWCLGMajhEGhUhRqcgcZ4gNwAgcruuisjQnAAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-size: contain;
}
.fixedItemContent img {
  max-width: 100%;
}
.fixedItem--focus {
  background: linear-gradient(0deg, #ff5536 0%, #ff1f16 100%);
}
.fixedItem--focus i {
  color: #fff;
}
.fixedItem--focus p {
  color: #fff;
}
.fixedItem--focus .fixedItemContent {
  display: block;
}
.fixedLink {
  display: block;
  text-align: center;
  color: #666666;
}
.fixedLink:hover {
  text-decoration: none;
}
.fixedLink i {
  display: block;
  margin: 0 auto 7px;
  font-size: 24px;
}
.fixedLink--goBack:hover i {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAALCAYAAACd1bY6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF3WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOC0xMS0yOFQxMDozMDoxNSswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDEtMDRUMTY6MjI6NTIrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDEtMDRUMTY6MjI6NTIrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6YjlkODI2MzYtMmFhNy01YjRiLWI5MzAtYTM3YTVlYjUzNTNjIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhmYTcxZjIyLTAyYWMtMjA0Yi1iZDczLTg0NTlmNThmOTJlZSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjhmYTcxZjIyLTAyYWMtMjA0Yi1iZDczLTg0NTlmNThmOTJlZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OGZhNzFmMjItMDJhYy0yMDRiLWJkNzMtODQ1OWY1OGY5MmVlIiBzdEV2dDp3aGVuPSIyMDE4LTExLTI4VDEwOjMwOjE1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiOWQ4MjYzNi0yYWE3LTViNGItYjkzMC1hMzdhNWViNTM1M2MiIHN0RXZ0OndoZW49IjIwMTktMDEtMDRUMTY6MjI6NTIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++xJv8wAAANlJREFUKBVj+P//PwMBHAXE54DYnJBaQgaFA/Gf/xDwAYiNyTUsEIh/QQ26DqVfA7EuqYZ5AfFPqAHdQMwGxFuh/FdArEmsYS5A/A2qcSKSOAcQ74KKPwViFUKG2QHxV6iGWUDMiCbPBcQHofKPgFgBl2EWQPwJqnABEDPhCAJeID4GVXcXiGXQDTOGxhYIrABiZgKxzA/EZ6DqbwKxBMwwUOy8gUqsA2JWItIeCAsD8UWovitALMoA9ft/aGyxEWkQDIsC8TWo/g0ggWVQr3GSaBAMS0EjpQYAN1KkKIPnz08AAAAASUVORK5CYII=);
}
.fixedLink--goBack i {
  width: 19px;
  height: 11px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAALCAYAAACd1bY6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOS0wMS0wNFQxNjoxNzo1MCswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTktMDEtMDRUMTY6MjQ6MjQrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTktMDEtMDRUMTY6MjQ6MjQrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OWRmYTQxN2EtYTIzMi03ZjQ3LTkzNzgtMGFlNWIyNGY3ZDQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlkZmE0MTdhLWEyMzItN2Y0Ny05Mzc4LTBhZTViMjRmN2Q0NyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjlkZmE0MTdhLWEyMzItN2Y0Ny05Mzc4LTBhZTViMjRmN2Q0NyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OWRmYTQxN2EtYTIzMi03ZjQ3LTkzNzgtMGFlNWIyNGY3ZDQ3IiBzdEV2dDp3aGVuPSIyMDE5LTAxLTA0VDE2OjE3OjUwKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp3xG2wAAADfSURBVCgVY0hLS2MggKOA+BwQm2OT////PxwTMigciP8A8X8g/gDExuQaFgjEv6AGXYfSr4FYl1TDvID4J9SAbiBmA+KtUP4rINYk1jAXIP4G1TgRSZwDiHdBxZ8CsQohw+yA+CtUwywgZkST5wLig1D5R0CsgMswCyD+BFW4AIiZcAQBLxAfg6q7C8Qy6IYZQ2MLpGAFEDMTiGV+ID4DVX8TiCVghoFi5w1UYh0QsxKR9kBYGIgvQvVdAWJRBqjf/0Nji41Ig2BYFIivQfVvAAksg3qNk0SDYFgKGik1ACeuUwVtAv8fAAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.fixedLink--goBack p {
  width: 2.2em;
  margin-right: auto;
  margin-left: auto;
}

/* 2020.3.10 右侧建议悬浮样式*/
.suggest {
  width: 56px;
  height: 56px;
  display: block;
  background-image: url(../image/footer__icon.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.suggest:hover {
  background-image: url(../image/11.png);
}
/*建筑工程部分*/
.expose-live-block{background: transparent;}
.expose-live-block .expose-live-title{font-size: 24px;margin: 22px 0 0;}
.expose-live-block .expose-live-title .title, .expose-live-block .expose-live-title .icon, .expose-live-block .expose-live-title .subtitle{display: inline-block;float: left;}
.expose-live-block .expose-live-title .icon-livehot{position: relative;left: 27px;}
.expose-live-block .expose-live-title .subtitle{font-size: 15px;position: relative;left: 36px;font-weight: normal;}
.expose-live-block .expose-live-title .more-link {font-size: 14px;float: right;color: #9598a2;}
.expose-live-block .expose-live-title .icon-arrow2-right{float: right;position: relative;top: 4px;margin-left: 4px;}
.expose-live-block .expose-live-title .more-link:hover {color: #649cf0;}
.expose-live-block .expose-live-title .more-link:hover .icon-arrow2-right {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+1pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTgtMDUtMjhUMTg6MTY6MTcrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE4LTA1LTI5VDEwOjIxOjQ2KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE4LTA1LTI5VDEwOjIxOjQ2KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NjY4MTc5MzVBREIxMUU4QkQ4MkE3NDI0NEZDMjY1MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NjY4MTc5NDVBREIxMUU4QkQ4MkE3NDI0NEZDMjY1MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhBRjc0NTdFNUFDQTExRThCRDgyQTc0MjQ0RkMyNjUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ2NjgxNzkyNUFEQjExRThCRDgyQTc0MjQ0RkMyNjUxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QcAIiwAAAWhJREFUeNqU008oRFEUx/GZ1xALf3bWLJCZHdkqUiPKwqCsqFlY2Fjaix0lTdTIVkxTilKUrLGQSVgoKwuSP0nNZnxP/Z6u25uFW5+a7rnnvnPuvRPP5t9i3uhCFkNo1dwDjpDHjbs4cH7XYh2neMYEmmRScxbbQH2YlHCSD/GBdrx7VV1LDls4UIXlsIJVfCITkewOi43D+l4JW0hiDNOoOIsLasMftmZGOclAB5ZT+e5YxiI2UefFbO2a5doGaexHfOkSPWjAOTq9uJ1D2jZow22Vnu1LU/raGZac2J3lBrH/jYp37eWEHomVdxWR0Kh7T6HPq9Qqfwz0wkYjkrtxoevtjWhzGCdxnrLtfowO7ybsGnclqjI7g0FroYQitvWQwj4zVc4hrrWWUwoPcV67FvT2qw2L7aFZOb9/prJ6esI9FnRwNTrtlOYs9oIR5fz5N9rEHPrRomq+8IodzQ1gFt9h0o8AAwABwFU8j3GBAwAAAABJRU5ErkJggg==);}

.subscribe-success{position: fixed;top: 0;left: 0;background: rgba(47, 47, 47, 0.75);width: 100%;height: 100%;z-index: 9999999;display: none;}
.subscribe-success.data-active, .subscribe-success[data-active]{display: block;}
.subscribe-success .dialog-container{position: absolute;width: 350px;height: 380px;*height: 418px;background: #ffffff;border-radius: 5px;top: 50%;left: 50%;margin-left: -200px;margin-top: -210px;padding: 20px 25px;}
.subscribe-success .dialog-container{width: 700px;height: 450px;margin-left: -370px;margin-top: -225px;}
.subscribe-success .dialog-container .icon-close{position: absolute;right: 20px;}
.subscribe-success .dialog-container .yvyue-top .p1{text-align: center;height: 34px;vertical-align: middle;line-height: 34px;font-size: 24px;margin-top: 50px;}
.subscribe-success .dialog-container .yvyue-top .p1 .icon-success{vertical-align: middle;}
.subscribe-success .dialog-container .yvyue-top .p2{text-align: center;margin-top: 33px;height: 16px;line-height: 16px;font-size: 16px;color: #f44130;}
.subscribe-success .dialog-container .yvyue-top .p3{text-align: center;margin-top: 10px;height: 16px;line-height: 16px;font-size: 16px;padding-bottom: 68px;border-bottom: 1px solid #f0f0f0;}
.subscribe-success .dialog-container .yvyue-bottom{width: 350px;margin: auto;margin-top: 30px;}
.subscribe-success .dialog-container .yvyue-bottom img{float: left;margin-right: 20px;width: 100px;height: 100px;}
.subscribe-success .dialog-container .yvyue-bottom p{font-size: 16px;padding-top: 9px;height: 16px;float: right;width: 230px;line-height: 28px;}
.subscribe-success .dialog-container .button-group{margin-top: 30px;text-align: center;}


.subscribe-buy{position: fixed;top: 0;left: 0;background: rgba(47, 47, 47, 0.75);width: 100%;height: 100%;z-index: 9999999;display: none;}
.subscribe-buy .dialog-container{width: 400px;height: 220px;margin-left: -220px;margin-top: -130px;left: 50%;top: 50%;position: absolute;background: #ffffff;padding: 20px;}
.subscribe-buy .dialog-container .icon-close{position: absolute;right: 20px;}
.subscribe-buy .dialog-container .yvyue-top p{text-align: center;height: 16px;line-height: 16px;font-size: 16px;}
.subscribe-buy .dialog-container .yvyue-top .p1{margin-top: 57px;}
.subscribe-buy .dialog-container .yvyue-top .p2{margin-top: 10px;}
.subscribe-buy .dialog-container .yvyue-bottom{margin-top: 70px;}
.subscribe-buy .dialog-container .yvyue-bottom .button{margin: auto;display: block;width: 140px;}
.subscribe-buy[data-active], .subscribe-buy.data-active{display: block;}
.w1180 {
    width: 1200px;
    margin: 0 auto
}

.w1180 .tab_title {
    font-size: 18px;
    font-weight: 700;
    color: #171920;
    padding: 20px 0;
    display: none
}
.eui.icon-time:before{
    content: inherit;
}
.titbg{
        color: white;
    background-image: url(../image/titbg.png);
    background-size: cover;
    width: 146px;
    height: 38px;
    background-repeat: no-repeat;
    padding-top: 8px;
    font-size: 18px;
    padding-left: 23px;
       /* font-style: italic;*/
}
.tit1{
   font-size: 20px;
    text-align: center;
    width: 100%;
    color: #535353;
    height: 40px;
    display: block;
    font-weight: bold;
    line-height: 1.3;
}
.titgmrs{
        color: #9598a2;
}
.titjebox{
        float: right;
    font-size: 16px;
    /* vertical-align: bottom; */
    /* align-items: flex-end; */
    font-weight: bold;
    color: #535353;
    letter-spacing: 2px;
}
.titje{
    font-size: 30px;
    letter-spacing: normal;
}
/*网校老师*/
.lscard{
    width: 236px;
    height: 390px;
    min-height: 246px;
    float: left;
    margin-right: 5px;
    margin-bottom: 20px;
}
.lscard:last-child{
     margin-right: 0;
}
.lscard .course-card-footer {
   
}
.lscard .course-card-footer p {
    width: fit-content;
    float: left;
    font-size: 20px;
    letter-spacing: 2px;
    margin-right: 20px;
    padding-left: 5px;
    font-weight: bold;
}
.lscard .course-card-footer .lstitjebox{
  color: #3d3d3d;
        font-size: 14px;
}
.newLivingPart .expose-live-block {
            padding-top: 11px;
        }
/*重复部分*/
.cfbf__list {
  position: relative;
    width: 1200px;
}
.cfbf__list:after {
  content: '';
  display: block;
  clear: both;
}
.cfbfpart{
    /*height: 800px;*/
}
.cfbf__item {
     float: right;
    /* width: 40px; */
    text-align: center;
    margin-right: 8px;
    color: #3d3d3d;
    font-style: italic;
}
.cfbf__item--focus .cfbf__h2 {
    color:#237ffd;
}

.cfbf__item--focus .cfbf__msg {
  display: block;
}
.cfbf__h2 {
  font-size: 17px;
    cursor: pointer;
    margin-top: 10px;
    padding: 3px;
}
.cfbf__msg {
       left: 0;
    display: none;
    position: absolute;
    width: 1200px;
    padding: 0;
    top: 70px;
}

.cfbf__msgItem {
  margin: 20px 0;
}
.cfbf__msgItem td {
  padding: 10px 0;
}
.cfbf__msg table {
  width: 100%;
}
.cfbf__content {
  height: 325px;
}
.cfbf__link1 {
  display: block;
}
.cfbf__link2 {
  text-align: center;
  display: block;
}
.cfbf__link3 {
  text-align: right;
  display: block;
}
.cfbf__msg .leftcfbf{
        width: 890px;
    float: left;
        margin-right: 24px;
}
.leftcfbftop{
        background: #fff;
    padding: 10px 15px 5px;
}
.leftcfbftopl{
    float: left;
        margin-right: 24px;
}
.leftcfbftopl video{
        width: 580px;
    height: 272px;
    background: rgb(0, 0, 0);
}
.leftcfbftopr{
        width: 280px;
    float: left;
    background: #fff;
    padding: 20px;
}
.leftcfbftopr ul li a:hover{
    color:red;
}
.leftcfbftopr ul li{
   font-size: 14px;
    font-style: normal;
    font-weight: 100;
    padding: 4px 0;
        text-align: left;
}
.leftcfbftopr ul li a span{
        background: #f7f7f7;
    color: #9598a2;
    padding: 2px;
    border-radius: 5px;
    margin-right: 20px;
}
.leftcfbftopr ul li a span.mf{
        background: #237ffd;
    color: #fff;
    padding: 2px;
    border-radius: 5px;
    margin-right: 20px;
}

.leftcfbfbottom{
   margin-top: 14px;
    font-style: normal;
}
.lcbcard{}
.rightcfbf{
    width: 286px;
    float: left;
}
.rightcfbftop{
        padding: 12px 0;
    background: #fff;
}
.rightcfbftop a:hover{
    color:red;
}
.rightcfbftop a{
        font-weight: 100;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 14px;
    margin-left: 5px;
}
.rightcfbfcen{
        background: #fff;
        margin-top: 25px;
    padding: 20px 10px;
    height: 458px;
    overflow: hidden;
    overflow-y: auto;
}
.rightcfbfcen::-webkit-scrollbar {
    display: none;
}
.rightcfbfcen .xbjcItem{
   width: 120px;
    float: left;
    font-style: normal;
        margin-top: 20px;
}
.rightcfbfcen .xbjcItem:nth-child(odd){
    margin-right: 20px;
}
.rightcfbfcen .xbjcItem:first-child,.rightcfbfcen .xbjcItem:nth-child(2){
     margin-top: 0;
}
.rightcfbfcen .xbjcItem__img{
    padding: 0 10px;
        width: 100px;
}
.rightcfbfcen .xbjcItem__title{
        width: 120px;
        font-size: 13px;
}
.rightcfbfcen .xbjcPrice a:hover {
    background: #8ecf2d;
}

.rightcfbfbottom{
    font-size: 22px;
    font-style: normal;
    font-weight: 550;
    background: #237ffd;
    color: #fff;
    margin-top: 20px;
   
    padding: 23.5px 25px;
    letter-spacing: 2px;
}
.leftcfbftopl_spxx{
    background: #fff;
    font-size: 15px;
    font-style: normal;
    /* padding: 15px; */
    font-weight: inherit;
    letter-spacing: 1px;
}
.bottomzl{
    float: left;
    background: #fff;
    width: 100%;
    margin-top: 10px;
    padding: 15px 20px;
}
.zjls{
        width: fit-content;
    float: left;
    padding: 15px;
    background: #237ffd;
    color: #fff;
    margin-right: 10px;
}
.zzbf{
        padding: 15px;
}
.leftcfbfbottom .eui.card.live-card{
    width: 281px;
    
    margin-right: 23px;

}
.leftcfbfbottom .eui.card.live-card:last-child{
    margin-right: 0;
}
.leftcfbfbottom .eui.card.live-card .teacher-group{
        margin-top: 80px;
    margin-bottom: 60px;
}
.leftcfbfbottom .eui.card.live-card .course-card-footer p{
    top: 20px;
}
.rb__item {
  float: left;
     margin: 0 8px 0 0;
  cursor: pointer;
}
.rb__item:last-child{
    margin: 0;
}
.rb__item--focus{
    color:#fff;
    /*background-image: url('/img/hbfocusb');*/
}
.rb__item--focus .rb__h2:after{
    content: '';
    background: url(../image/jtd.png) no-repeat;
    background-size: 40px 30px;
    width: 40px;
    height: 30px;
    position: absolute;
    left: 24%;
    top: 77%;
}
.rb__item--focus .rb__h2 {
    background-color: red;
    color: #fff;
        position: relative;
 /* border-bottom: 3px solid #ef4545;*/
}
.rb__item--focus .rb__info {
  display: block;
}
.rb__h2 {
        font-size: 14px;
    color: #333333;
    margin: 0;
    letter-spacing: 2px;
    font-weight: 100;
    margin-bottom: 15px;
    padding: 4px 8px;
    font-style: normal;
}
.rb__info {
  left: 0;
  display: none;
 position: absolute;
    width: 860px;
    padding: 0;
    top: 50px;
}
.rb__infoItem {
  margin: 10px auto;
  font-size: 13px;
    font-style: normal;
    font-weight: 400;
        width: 100%;
    float: left;
    margin-bottom: 0;
}
.rb__infoItem:nth-child(odd){
    margin-right: 24px;
}
.rb__infoItem:after {
  content: '';
  display: block;
  clear: both;
}
.rb__infoItem a {
  float: left;
 margin-left: 6px;
    letter-spacing: 1.5px;
    color: #237ffd;
}
.rb__infoItem>span {
      float: left;
    color: #000;
        width: 320px;
    text-align: left;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}
.cfbf2Blank {
    height: 700px;
}
.rightcfbfcen_box{
    position: relative;
        border-bottom: 1px solid #000;
}
.rightcfbfcen2Blank{
    height: 280px;
}
.rightcfbfbottom a{
    color:#fff;
}
.rightcfbfbottom a img{
       margin-left: 7px; 
}
/*logo跳转*/
.flinklogo{
    width: 1200px;
    margin: 0 auto;
        margin-top: 40px;
}
.cfbfpart:last-child{
    height: 760px;
}
.flinklogo a{
        margin-right: 19.8px;
}
.flinklogo a:last-child{
    margin-right: 0;
}
.flinklogo a img{
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
/*高效通关*/
.gxtgCon{
    margin-bottom: 40px;
}
.gxtgCon ul li{
    float: left;
        margin-right: 15px;
}
.gxtgCon ul li:last-child{
     margin-right: 0;
}
/*.gxtgCon ul li img{
    transition: all 0.6s;
}
.gxtgCon ul li img:hover {
    transform: scale(1.2);
}*/

/*学员评价*/
.yj13{ width:100%; height:auto; overflow:auto; /*background:#E9E9E9;*/}
.yj13 .wrap{ width:1200px; height:970px; margin:0 auto; overflow:hidden; background:#fff;}
.yj13 .wrap .left{ float:left; width:683px; height:968px; border:1px solid #DBDBDB; border-bottom:none;}
.yj13 .wrap .left .scroll{float:left;width:683px;height:968px; overflow:hidden;}
.yj13 .wrap .left h3{ display:block; width:683px; height:87px; background:url(../image/xf13-1.png) no-repeat left center;}
.yj13 .wrap .left dl{ width:653px; margin-left:30px; padding:20px 0 10px 0; height:auto; overflow:auto; border-bottom:1px solid #DBDBDB;}
.yj13 .wrap .left dl dd{ float:left; width:483px; line-height:25px; height:auto; overflow:auto; min-height:40px;}
.yj13 .wrap .left dl dd span{ font-size:14px; color:#CCC;}
.yj13 .wrap .left dl dd p{ font-size:14px; color:#333;}
.yj13 .wrap .left dl dt{ float:right; width:150px;}
.yj13 .wrap .left dl dt img{ width:40px; height:40px; float:left;}
.yj13 .wrap .left dl dt span{ display:block; line-height:40px; float:left; margin-left:10px; font-size:14px; color:#5E5E5E;}
.yj13 .wrap .right{ float:left; width:498px; margin-left:15px; height:968px; border:1px solid #DBDBDB; border-bottom:none;}
.yj13 .wrap .right .scroll1{float:left;width:683px;height:968px; overflow:hidden;}
.yj13 .wrap .right h3{ display:block; width:498px; height:87px; background:url(../image/xf13-2.png) no-repeat left center;}
.yj13-top{ width:498px; overflow:hidden; position:relative; }
.yj13-top .bd{ padding:10px;   }
.yj13-top .bd ul{ overflow:hidden; zoom:1; }
.yj13-top .bd ul li{ width:498px; height:50px; line-height:50px; border-bottom:1px solid #DBDBDB; text-align:center; zoom:1; }
.yj13-top .bd ul li span{ display:block; width:25%; float:left; height:50px;}
.yj13-top1{ width:498px; overflow:hidden; position:relative; }
.yj13-top1 .bd1{ padding:10px;   }
.yj13-top1 .bd1 ul{ overflow:hidden; zoom:1; }
.yj13-top1 .bd1 ul li{ width:498px; height:50px; line-height:50px; border-bottom:1px solid #DBDBDB; text-align:center; zoom:1; }
.yj13-top1 .bd1 ul li span{ display:block; width:25%; float:left; height:50px;}

/*cxjg*/
.autoplay{
    margin: 40px auto;
}