@charset "gb2312";
/* CSS Document */
/*
* Description: 21周年庆
* Update:      18/04/2024
* Author:      xuyongmei
*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font-size: 16px;background: url(../images/bg.jpg) center top repeat-y;background-color: #8a180e;color:#333;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{ color:#fff; text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
/* ---------------------------------分隔线--------------------------------- */
.autoin{margin:0 auto;width:1200px;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
img{display:block;}
.bz{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.btn{display: block;}
.btn:hover{opacity: 0.9;}

/* banner */
.banner{width:100%;height:450px;background: url(../images/banner.jpg) center top no-repeat;overflow: hidden;}

/*时间轴*/
.time_wrap{width: 100%;height:120px;background: url(../images/time_bg.jpg) center top no-repeat;overflow: hidden;}

.time_ul{height:95px;background: url(../images/line1.png) center 45px no-repeat;margin-top: 16px;overflow: hidden;}
.time_ul li{float: left;}
.time_li1{width: 247px;margin-left: 74px;}
.time_li2{width: 208px;}
.time_li3{width: 242px;}
.time_li4{width: 164px;}
.time_li5{width: 190px;}
.time_ul li em,.time_ul li i,.time_ul li span{display: block;}
.time_ul li em,.time_ul li span{font-size:24px;text-align: center;color: #ffdfb3;overflow: hidden;}
.time_ul li em{height:34px;line-height: 34px;}
.time_ul li span{height:30px;line-height: 30px;font-weight: bold;}
.time_ul li i{height:26px;background: url(../images/icon1.png) center center no-repeat;}

.time_ul li.cur em,.time_ul li.cur span{color: #fff4e6;}
.time_ul li.cur i{background-image: url(../images/icon2.png);}

.title{overflow: hidden;}
.title img{margin: 0 auto;}

/*优惠券*/
.yhq_wrap{width: 100%;height:833px;background: url(../images/yhq_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 50px;}

.yhq_t,.yhq_b{position: relative;}
.yhq_t img,.yhq_b img{display: block;margin: 25px auto 0;}
.yhq_wrap a{display: block;width: 300px;height:54px;line-height:54px;font-size:28px;color: #8a0e0e;text-align: center;letter-spacing:1px;background: url(../images/yhq_btn.png) no-repeat;overflow: hidden;margin: 25px auto 0;}

.dhua{animation: dhua 0.8s linear infinite;
  -webkit-animation: dhua 0.8s linear infinite;
  -moz-animation: dhua 0.8s linear infinite;
  -ms-animation: dhua 0.8s linear infinite;
  -o-animation: dhua 0.8s linear infinite;
}
@keyframes dhua {
  from {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
@-webkit-keyframes dhua {
  from {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}

.yhq_wrap p{line-height: 30px;font-size: 20px;color: #462d19;text-align: center;margin-top: 15px;}
.yhq_wrap p i{color: #cd0c0d;}

/*领取成功提示*/
.pop1,.pop2,.pop3{position: absolute;top:50%;left: 50%;z-index: 99;display: none;}
.pop1,.pop2{width: 258px;}
.pop3{width: 382px;}
.pop1 {height: 80px;background: url(../images/pop1.png) no-repeat;margin: -80px 0 0 -129px;}
.pop2 {height: 112px;background: url(../images/pop2.png) no-repeat;margin:-96px 0 0 -129px;}
.pop3 {width:382px;height: 162px;background: url(../images/pop3.png) no-repeat;margin:-120px 0 0 -191px;position: fixed;}


/*直播*/
.zbo_wrap{width: 100%;height:600px;background: url(../images/zbo_bg.jpg) center top no-repeat;padding-top: 34px;}

.zbo_ul{margin-top: 40px;overflow: hidden;}
.zbo_ul li{float:left;width: 560px;height: 308px;background: url(../images/zbo_li.png) no-repeat;overflow: hidden;margin: 0 20px;}
.zbo_t{height:222px;overflow: hidden;margin-top: 16px;}
.zbo_tl{float: left;width: 206px;height: 206px;margin-left: 16px;}
.zbo_tr{float: left;width: auto;height: 184px;margin: 12px 0 0 20px;}

.zbo_b{height:70px;overflow: hidden;}
.zbo_bl{float: left;width: 292px;height: 25px;margin: 22px 0 0 20px;}
.zbo_b a,.zbo_span{float: right;width: 140px;height: 48px;margin: 11px 20px 0 0;}
.zbo_b a{background: url(../images/yyue_btn.png) no-repeat;}
.zbo_span{display:none;background: url(../images/zbo_span.png) no-repeat;}

.zbo_b.cur a{display: none;}
.zbo_b.cur .zbo_span{display: block;}

/*精选好课*/
.tao_wrap{width: 100%;height:auto;background-color:#f3e6d2;padding: 40px 0 35px;}

.nav_div{width: 1162px;height: 50px;margin: 30px auto 0;}
.nav1{width: 1162px;height: 50px;overflow: hidden;}
.nav_ul{width: 1162px;height: 50px;background-color:#faf4e7;overflow: hidden;margin: 0 auto;display:-webkit-flex;display: flex; display: -webkit-flex;
  flex-direction: row;-webkit-flex-direction: row;
  flex-wrap: nowrap;-webkit-flex-wrap: nowrap;
  justify-content:space-around;-webkit-justify-content:space-around;
    align-items:center;-webkit-align-items:center;margin:0 auto;}
.nav_ul li{flex: 1;height: 50px;line-height: 50px;font-size: 20px;color: #623c1d;text-align: center;border-right: 1px solid #ddc9aa;cursor: pointer;}
.nav_ul li.cur{color: #fff;font-weight:bold;border-right: 0;background-color:#c10001;}

.nav_fixed{width: 100%;background-color: #f3e6d2;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);position: fixed;top: 0;left: 0;z-index: 99;}


.m_div{height: auto;overflow: hidden;}
.mcon_in{display: none;}
.tao_mic{overflow: hidden;}
.tao_mic1,.tao_mic4,.tao_mic5{height: 595px;}
.tao_mic2,.tao_mic3,.tao_mic6,.tao_mic7{height: auto;}

.tao_ul{width:1180px;overflow: hidden;padding-top: 20px;margin: 0 auto;}
.tao_ul li{float:left;width: 280px;height:270px;background: url(../images/tao_li.png) no-repeat;margin: 0 7px 20px;overflow: hidden;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.tao_ul li:hover{transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);}
.tao_ul li a{display: block;width: 280px;height:270px;overflow: hidden;}
.tao_t{height: 158px;overflow: hidden;margin-top: 10px;}
.h4_01{width:100%;height: 30px;text-align:center;}
.h4_01 span{display: table;height: 30px;line-height: 28px;font-size: 18px;color:#fff;font-weight:bold;background-color:#cd0c0d;border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;padding: 0 10px;margin: 0 auto;overflow: hidden;}
.h5_01{height: 38px;line-height: 38px;font-size: 20px;font-weight: bold;color: #333;text-align: center;overflow: hidden;margin-top: 8px;}
.tao_t p{width: 240px;background-color: #faf4e7;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;overflow: hidden;}
.tp1{height: 44px;margin: 15px auto 0;}
.tp2{height: 64px;margin: 5px auto 0;}
.tao_t p em{display: block;font-size: 16px;color: #533a0f;text-align: center;overflow: hidden;}
.tp1 em{line-height: 44px;}
.tp2 em{line-height: 24px;margin-top: 8px;padding: 0 3px;}

.tao_b{height: 93px;margin-top:9px;overflow: hidden;}
.tao_bl{float: left;width: 185px;margin-left: 19px;overflow: hidden;}
.tao_bl em,.tao_bl s{display: block;}
.tao_bl em{height: 22px;line-height: 22px;font-size: 14px;color: #fff;}
.tao_bl p{height: 36px;line-height: 36px;font-size: 36px;color: #fff;font-family: "Impact";overflow: hidden;}
.i1{display: inline-block;vertical-align: middle;font-size:18px;letter-spacing: -2px;margin: 5px 1px 0 -2px;}
.tao_bl s{height: 24px;line-height: 24px;font-size: 14px;color: #fae7cc;text-decoration: line-through;}

.tao_br{float: left;width: 64px;height: 64px;background: url(../images/tao_br.png) no-repeat;margin-top: 10px;}
.tao_ul li a:hover .tao_br{opacity: 0.9;}

.control_btn,.ctrol_btn{width: 206px;height: 50px;margin: 10px auto 0;overflow: hidden;}
.control_btn a,.ctrol_btn a{display: block;width: 206px;height:50px;}
.control_a1{background: url(../images/ct_btn.png) no-repeat;}
.control_a2{background: url(../images/ct_btnh.png) no-repeat;}
.control_a2,.control_btn.cur .control_a1,.ctrol_btn.cur .control_a1{display: none;}
.control_a1,.control_btn.cur .control_a2,.ctrol_btn.cur .control_a2{display: block;}
.control_btn a:hover,.ctrol_btn a:hover{opacity: 0.9;}

/*职场新人必学*/
.new_wrap{width: 100%;height:auto;background: url(../images/new_bg.jpg) center top no-repeat;background-color:#f9f4e9;padding: 83px 0 36px;}


.new_mcon{height: auto;overflow: hidden;padding: 20px 0 20px;}
.tao_mic10,.tao_mic11{height:308px;}

/*点亮美好生活*/
.dianl_wrap{width: 100%;height:auto;background: url(../images/dl_bg.jpg) center top no-repeat;background-color:#f3e6d2;padding: 83px 0 36px;}


/*活动说明*/
.explain_wrap{width: 100%;height:387px;background: url(../images/exp_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 73px;}

.explain_con{width: 712px;height:241px;background: url(../images/exp_img.png) no-repeat;margin: 0 auto;}