@charset "utf-8";body.overhidden{overflow: hidden;}
.wrap{width: 1180px;margin: 0 auto;}
img{display: block;margin: 0 auto;}
body{background: #fff;text-align: left;}
body{font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;}
body.overhide{overflow: hidden;}
.magR0{margin-right: 0 !important;}
.magB0{margin-bottom: 0 !important;}
.red{color: #e00e0e;}
i{font-style: normal;}
a:hover{text-decoration: none !important;}
/* header*/
.header{width: 100%;height: 76px;padding-top: 4px;line-height: 72px;background: #fff;color: #333;position: fixed;top: 0;left: 0;font-size: 18px;z-index: 5;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);}
.sp_logo{padding-top: 12px;line-height: 23px;}
.a_txt{display: inline-block;margin-top: 2px;margin-left: 14px;border-left: 1px solid #dddddd;padding-left: 14px;}
.a_txt i{font-size: 21px;font-style: normal;}
.sp_link a{display: inline-block;margin-left: 60px;padding: 0 5px;}
.sp_link .on{border-bottom: 4px solid #ff5224;color: #ff5224;}
.sp_link a:hover{color: #ff5224;}
.hot{position: relative;}
.head_on{border-bottom: 4px solid #ff5224;color: #ff5224;}
.sp_link a{display: inline-block;margin-left: 60px;padding: 0 5px;}
.header.header_small{height: 50px;font-size: 16px;padding-top: 0px;}
.header_small .sp_logo{padding-top: 7px;line-height: 32px;}
.header_small img{height: 35px;}
.header_small .sp_link{line-height: 45px;height: 50px;}
.header_small .sp_link a{height: 47px;line-height: 45px;position: relative;font-size: 14px;position: relative;}
.header_small .sp_link a:hover:before{
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    background: #ff5224;
    bottom: 0;
    content: '';
    left: 0px;

}
/* banner*/
.banner{width: 100%;height: 593px;background: url(../img/banner.jpg) no-repeat center;background-size: cover;margin-top: 50px;position: relative;}
.time{width: 635px;height: 132px;background: url(../img/time.png) no-repeat center;position: absolute;top: 453px;left: 50%;margin-left: -317.5px;}
.time span{display: block;float: left;padding-top: 61px;font-size: 46px;color: #fff;width: 80px;text-align: center;
    position: relative;
    top: 5px;
}
.day{margin-left: 87px;}
.hour{margin-left: 38px;}
.minutes{margin-left: 25px;}
.time_s{margin-left: 40px;}
.barrage{height: 294px;background-image: linear-gradient(0deg, #30938a 0%, #29887f 38%, #217d73 100%);width: 100%;}
.barrage_tit{font-size: 28px;color: #c9fce4;padding-top: 35px;margin-bottom: 30px;text-align: center;}
.barrage_div{position: relative;width: 100%;height: 164px;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;}
.zhe{position: absolute;}
.barrage_div_top{position: absolute;height: 65px;top: 0;left: 1183px;width: 6700px;animation-name: moveleft;/* 动画持续时间*/animation-duration: 30s;/* 设置动画速度曲线:线性*/animation-timing-function: linear;/* 动画的播放次数:无限次*/animation-iteration-count: infinite;/* -webkit-animation: 10s moveleft linear infinite normal;animation: 10s linear moveleft infinite normal;*/}
.barrage_div_bottom{position: absolute;height: 65px;bottom: 0;left: 1183px;width: 6700px;animation-name: moveleft;/* 动画持续时间*/animation-duration: 30s;/* 设置动画速度曲线:线性*/animation-timing-function: linear;/* 动画的播放次数:无限次*/animation-iteration-count: infinite;/* -webkit-animation: 10s moveleft linear infinite normal;animation: 10s moveleft linear infinite normal;*/-webkit-animation-delay: 500ms;animation-delay: 500ms;}
.barrage_div_bottom img,
.barrage_div_top img{display: block;float: left;margin-right: 160px;}
@keyframes moveleft{/* ul从左边0位置到左边-1250px位置*/
    from{margin-left: 0px;}
to{margin-left: -6700px;}}
/*45天*/
.one{background: #f3fcf9;padding-top: 58px;padding-bottom: 40px;}
.tit{display: block;margin: 0 auto;}
.picture{display: block;margin: 30px auto;}
.one_btn{display: block;width: 260px;height: 46px;text-align: center;line-height: 46px;background: url(../img/btn_bg.png) no-repeat;margin: 0 auto;font-size: 20px;color: #7c532d;cursor: pointer;}
.one_div{margin: 30px auto;width: 1150px;}
.pic1{width: 280px;height: 304px;background-color: #4ba99d;border-radius: 0px 30px 0px 0px;margin-top: 60px;margin-left: 68px;margin-right: 80px;}
.one_pic1{padding: 23px 0 15px 16px;display: inline-block;}
.one_nav{position: relative;margin-left: 21px;}
.one_nav1{font-size: 20px;color: #f3fcf9;}
.one_nav2{font-size: 16px;color: #cdfff8;margin-top: 10px;margin-left: 19px;line-height: 28px;}
.one_nav1 span{width: 14px;height: 14px;background-color: #f6e1a6;display: inline-block;text-align: center;line-height: 14px;font-size: 14px;color: #47a498;border-radius: 50% 50%;margin-right: 6px;}
.xian{position: absolute;top: 9px;left: 6px;background: #fff;width: 1px;height: 91%;z-index: 1;}
.one_nav p{position: relative;z-index: 2;}
.space1{margin-top: 30px;}
.pic2{width: 280px;height: 334px;background-color: #25867b;border-radius: 0px 30px 0px 0px;margin-right: 80px;margin-top: 30px;}
.pic3{width: 280px;height: 364px;background-color: #16695b;border-radius: 0px 30px 0px 0px;-webkit-border-radius: 0px 30px 0px 0px;-moz-border-radius: 0px 30px 0px 0px;-ms-border-radius: 0px 30px 0px 0px;-o-border-radius: 0px 30px 0px 0px;}
.one_bot{width: 100%;position: relative;margin-top: 30px;}
.one_bot_nav1{width: 80px;margin-right: 276px;font-size: 26px;color: #47a498;text-align: center;position: relative;z-index: 2;left: -7px;}
.one_bot_nav1:last-child{margin-right: 0;}
.one_bot_nav1 span{position: relative;font-size: 20px;color: #ffffff;display: inline-block;padding: 4px 3px;/* line-height: 20px;*/font-weight: bold;background-color: #a9c9c4;line-height: 18px;margin-bottom: 8px;}
.one_bot_nav1 span:before{
    position: absolute;
    display: block;
    content: '';
    width: 5px;
    height: 5px;
    background:#a9c9c4 ;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: -13px;
    left: 50%;
    margin-left: -2.5px;
}

.xian2{position: absolute;width: 1051px;height: 6px;background-color: #a9c9c4;opacity: 0.3;left: 28px;top: 10px;z-index: 1;}
/*爆款好课*/
.two{padding: 50px 0 45px;}
.teacher{margin: 34px 78px 0 ;}
.teacher1{position: relative;margin-right: 85px;width: 284px;margin-top: 6px;}
.teacher1:last-child{margin-right: 0;}
.teacher1:first-child{margin-top: 0;}
.teacher1 img{display: block;margin: 0 auto;}
.teacher_btn{width: 234px;position: absolute;bottom: 27px;left: 23px;}
.zixun1,
.zixun{display: block;width: 96px;height: 42px;background-image: linear-gradient(0deg, #d5ac86 0%, #e6c7a6 67%, #f6e2c6 100%);border-radius: 21px;font-size: 18px;color: #7c532d;text-align: center;line-height: 42px;}
.zixun2{margin-left: 10px;}
.a_href{width: 120px;height: 42px;background-image: linear-gradient(0deg, #d90c0c 0%, #e83e27 100%);border-radius: 21px;font-size: 18px;color: #fefeff;text-align: center;line-height: 42px;}
.teacher_div{position: absolute;top: 279px;left: 24px;}
.teacher_div1{top: 272px;}
.teacher_p1{font-size: 23px;color: #333333;font-weight: bold;}
.teacher_p2{font-size: 19px;color: #333333;margin-top: 10px;line-height: 24px;height: 57px;}
.teacher_p3{font-size: 19px;color: #de0000;margin-top: 22px;}
.teacher_p3 span{font-size: 30px;font-weight: bold;}
.teacher_p3 i{text-decoration: line-through;font-size: 18px; color: #999;margin-left: 10px;}
/*吸底*/
.xidi{position: fixed;width: 100%;height: 76px;background: url(../img/bot_bg.png) no-repeat;left: 50%;bottom: 0;z-index: 10;margin-left: -960px;min-width: 1920px;}
.word{display: block;margin-left: 38px;padding-top: 16px;float: left;}
.xidi_btn{float: right;width: 207px;height: 51px;background-image: linear-gradient(0deg, #d90c0c 0%, #e83e27 100%);border-radius: 25px;font-size: 24px;color: #ffffff;text-align: center;line-height: 51px;margin-top: 13px;margin-right: 54px;}
.con_footer{margin-bottom: 76px;border-top: 1px solid #f3f3f3;}
.jul{width: 100%;height: 20px;background: #f3fcf9;}
/*弹窗*/
.pop{display: none;}
.mask{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.3);z-index: 110;}
.pop_div{position: fixed;width: 520px;height: 220px;background: url(../img/pop_bg.png) no-repeat;left: 50%;top: 50%;margin-left: -260px;margin-top: -110px;z-index: 111;}
.close{position: absolute;width: 24px;height: 24px;background: url(../img/close.png) no-repeat;right: 5px;top: 5px;cursor: pointer;}
.erwei{display: block;padding-top: 22px;margin-right: 38px;}
.pop_word{padding: 46px 0 0 32px;width: 245px;}
.pop_tit{font-size: 30px;color: #06352d;}
.pop_p{font-size: 18px;color: #666666;line-height: 29px;margin-top: 17px;}
.pop_p span{color: #b58d68;}
.pop_btn{cursor: pointer;}
/*.barrage_div{background: #217d73;}*/
.left_shadow{position: absolute;left: -1px;height: 100%;width: 1px;z-index: 2;box-shadow: 0 0 100px 50px #217d73;}
.right_shadow{position: absolute;right: -1px;height: 100%;width: 1px;box-shadow: 0 0 100px 50px #217d73;z-index: 2;}
.barrage_div img{display: block;margin: 0 auto;}
.barrage_top_div>li{width: 400px;position: absolute;right: -400px;top: 10px;}
.barrage_bottom_div>li{width: 400px;position: absolute;right: -400px;bottom: 10px;}


.barrage_top_div > div{border-radius: 32px;height: 65px;background-color: #36938a;display: inline-block;padding: 0 15px 0 5px ;position: absolute;top:10px;}
.barrage_bottom_div > div{border-radius: 32px;height: 65px;background-color: #36938a;display: inline-block;padding: 0 15px 0 5px ;position: absolute;bottom:10px;}
.barrage_top_div > div img.fl,.barrage_bottom_div > div img.fl{/* margin-top: 5px;*/margin-right: 5px;}
.barrage_top_div > div div.fl,.barrage_bottom_div > div div.fl{text-align: left;padding-top: 8px;}
.barrage_top_div > div div.fl > p,.barrage_bottom_div > div div.fl > p{color: #f3fcf9;font-size: 18px;}
.barrage_top_div > div div.fl > p:first-child,.barrage_bottom_div > div div.fl > p:first-child{margin-bottom: 6px;}
.open_kf{cursor: pointer;}