.xx-top{margin-top: 50px;padding:40px 0;}
.xx-top .wrap{max-width:1300px;margin:0 auto;width: 94%;}
.xx-top .lbox{}
.xx-top .title{font-size: 32px;color:#fff;}
.xx-top .bot{margin-top: 55px;}
 .anniubox{width: 190px;height: 50px;border-radius:6px;background: #e1151d;}
 .anniubox .anniu{width: 125px;line-height: 50px;font-size: 20px;color: #fff;background: transparent;cursor: pointer;border:none;border-radius:6px}
/* .xx-top .anniubox .anniu:hover{background: #e00000;} */

.freetitle{
  margin-bottom: 40px;
}
.freetitle>.title>div{
  margin: 10px 0;
}
.img-arrow{
  width: 30px;
}
.freetitle>.title>h1{
  font-size: 30px;
  font-weight: 600;
}
.freetitle>.title h6{
  font-size: 14px;
  color: #747373;
  font-weight: 600;
}
.freetitle>.title span{
  font-size: 16px;
  color: #747373;
  font-weight: 600;
  margin-right: 10px;
}
 .anniubox .xing{width: 65px;height: 50px;background-size:20px;cursor: pointer;position:relative;border-radius:6px}
 .anniubox .xing::before{content:'';position:absolute;left: 0;top: 50%;width: 3px;background: #fff;height: 18px;margin-top: -9px;}

.xx-top .list{margin-right: 30px;margin-left: 30px;}
.xx-top .list li{padding:0 30px;position:relative;}
.xx-top .list .fz{font-size: 16px;color: #fff;}
.xx-top .list .wz{font-size: 18px;color: #fff;margin-top: 8px;}
.xx-top .list li:first-child .wz{font-size: 20px;}
.xx-top .list li::after{content:'';position:absolute;right: 0;width: 1px;top: 50%;background: #fff;height: 22px;margin-top: -11px;}

.xx-top .kc{font-size: 14px;color: #fff;width: 104px;line-height: 34px;height: 36px;border:1px solid #fff;border-radius:6px;text-align: center;}
.xx-top .kc::before{content:'';display: inline-block;vertical-align: middle;width: 20px;height: 20px;border:1px solid rgba(255,255,255,.7);background: url(../images/xx_04.png) no-repeat center;background-size:contain;border-radius:4px;margin-right: 6px;}
.xx-top .kc:hover{color:#fff;background: #e1151d;border-color:#e1151d;}


.xx-top .rbox{width: 320px;height: 200px;border-radius:6px;background: #fff5e6;padding:25px 30px;margin-left: 5%;}
.xx-top .fz{font-size: 20px;color: #5e5e5e;}
.xx-top .smbox{max-width:175px;border-right:1px solid #ff9c01;margin-top: 30px;}
.xx-top .smbox .num{font-size: 50px;color: #ff9c01;font-family: 'DIN';margin-bottom: 12px;}
.xx-top .smbox .star{}
.xx-top .smbox .ic{width: 14px;display: inline-block;vertical-align: middle;margin-right: 10px;}



.xx-main{}
.xx-main .wrap{max-width:1520px;width: 100%;margin:0 auto;}
.xx-l{padding-right: 7%;}
.xx-r{/* width: 420px; *//* padding-left: 45px; */width: 28%;padding-left: 2.8%;}



.xx-mod{}
.xx-mod .t-tit{font-size: 18px;color:#333;font-weight: bold;line-height: 30px;margin-bottom: 20px;}

.xx-lecturer{margin-bottom: 60px;}
.xx-lecturer .detail{}
.xx-lecturer .top{padding:0 25px;}
.xx-lecturer .hdpic{width: 84px;height: 84px;border-radius:50%;margin-right: 25px;}
.xx-lecturer .info{}
.xx-lecturer .name{font-size: 20px;color:#4c4c5f;font-weight: bold;}
.xx-lecturer .ms{font-size: 18px;color:#4c4c5f;margin-top: 20px;}
.xx-lecturer .box{border-radius:6px;padding:15px;background: #ffc174;margin-top: 50px;position:relative;/* min-height:360px; */}
.xx-lecturer .box::before{content:'';position:absolute;width: 30px;height: 15px;background: url(../../images/xx_08.png) no-repeat center;background-size:contain;left: 52px;top: -17px;}
.xx-lecturer .txt{font-size: 16px;color:#333;line-height: 26px;}

.xx-kc{
  position: relative;
  padding: 40px;
  width: 420px;
  left: -60px;
  box-shadow:0px 0px 5px #dcdcdc;
}
.briefIntroduction>p{
  height: 36px;
  color: #767676;
}
.course-introduction{
  font-size: 14px;
    color: #504e4e;
    line-height: 37px;
    background-color: #f3f5f7;
}
.xx-kc .list{}
.xx-kc .list .item{margin-bottom: 25px;}
.xx-kc .list .imgbox{display: block;width: 92px;margin-right: 10px;}
.xx-kc .list .img{width: 100%;height: 78px;}
.xx-kc .list .info{padding-top: 3px;}
.xx-kc .list .title{display: block;font-size: 14px;color:#000;line-height: 24px;}
.xx-kc .list .txt{font-size: 15px;color:#999;line-height: 22px;-webkit-line-clamp: 2;margin-top: 5px;}
.xx-kc .list .item:hover .title{color: #e1151d;}

.xx-intro{margin-bottom: 40px;}
.xx-intro .t-tit{font-size: 28px;color: #1c1c1c;font-weight: bold;}
.xx-intro .desc{font-size: 18px;color:#878787;line-height: 38px;margin-top: 20px;}




.xx-menu{border-bottom:1px solid #d7d7d7;margin-bottom: 40px;}
.xx-menu .lk{font-size: 22px;color:#1c1c1c;display: inline-block;vertical-align: middle;line-height: 60px;margin-right: 50px;font-weight: bold;}
.xx-menu .lk.cur,.xx-menu .lk:hover{color: #e1151d;}

.xx-chapter{}
.xx-chapter .t-tit{font-size: 26px;color: #1c1c1c;font-weight: bold;background: url(../images/xx_06.png) no-repeat left center;background-size:30px;padding-left: 45px;margin-bottom: 25px;}
.xx-chapter .list{padding-left: 45px;}
.xx-chapter .list .item{margin-bottom: 30px;padding:15px 20px;line-height: 30px;background: #f3f5f7;}
.xx-chapter .list .title{display: block;font-size: 18px;color:#333;position:relative;padding-left: 30px;}
.xx-chapter .list .title::before{content:'';position:absolute;width: 0;height: 0;border-style: solid;border-width: 7.5px 0 7.5px 10px;border-color: transparent transparent transparent #b5b9bc;left: 0;top: 6px;}
.xx-chapter .list .item:hover .title{color: #e1151d;}
.xx-chapter .list .item:hover .title::before{border-color: transparent transparent transparent #e1151d;}