html, body, div, span,object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strike, strong, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0; font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html,body{margin:0; padding:0; font-family:"Microsoft YaHei","SimSun"; color: #3C464F; font-size: 14px; background:#f7f8fa; min-width: 1300px;}
body a{cursor: pointer; text-decoration:none; color:#3C464F; font-size: 14px;}
body input{outline:none;}
body input::-webkit-input-placeholder { color: #999; }
body input:-moz-placeholder { color: #999; }
body input::-moz-placeholder { color: #999; }
body input:-ms-input-placeholder { color: #999; }
ol,ul{list-style: none;}
.clear:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clear{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px; margin: 0 auto; position: relative;}


/** HEADER **/
.header{background: #fff;}
/* HEADER  TOP */
.top{padding: 14px 0; box-shadow: 0px 5px 20px 0px rgba(230, 230, 230, 0.35);}
.top div a{color: #666; height: 20px; line-height: 20px; padding: 0 20px; display: block; float: left; border-right: 1px solid #e6e6e6;}
.top div a:last-child{border-right: none;}
.top div a:hover{color: #ce4936;}
.studyCenter:before{content: '';  display: block; float: left; width: 20px; height: 16px; margin: 2px 10px 0 0; background: url(../images/top_center.png);background-size: 100%;}
.studyCenter:hover:before{ background: url(../images/top_center_h.png); }
/* HEADER LOGO */
.topImg{padding: 26px 0 12px; position: relative;}
.topImg .logo{display: block; height:70px; width: 300px; text-align: center;}
.topImg .logo img{height: 100%;}
.topImg .animal{position: absolute; right: 0; top: 18px; }
/* HEADER 导航 */
.navigation p{font-size: 18px; width: 300px; height: 42px; line-height: 42px; color: #fff; letter-spacing: 2px; text-align: center; background: #D95341; margin-right: 20px; float: left;}
.navigation a{font-size: 16px; line-height: 30px; padding: 0 20px; display: inline-block;}
.navigation a:after{width: 20px; height: 2px; background: #fff; margin: 10px auto 0; content: ''; display: block;}
.navigation a:hover{color: #D95341;}
.navigation a:hover:after{background: #D95341;}

/** BANNER **/
/*BANNER & 轮播图*/
.banner{width:100%; position: relative;}
.banner .flexslider{position:relative; width:100%; height:420px; overflow: hidden; z-index:1;}
.banner .flexslider .slides{z-index:2; overflow:hidden;}
.banner .flexslider .slides li{width:100%; height:420px; overflow:hidden;}
.banner .flexslider .slides li a{display: block; width: 100%; height: 100%;}
.flex-control-nav{position:absolute; bottom:8px; z-index:2; width: 100%; text-align:center;}
.flex-control-nav li{display:inline-block; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{display:inline-block; width:10px; height:10px; line-height:40px; overflow:hidden; background:#FFF; opacity:.5; border-radius:5px;}
.flex-control-nav a.flex-active{width: 30px !important; opacity:1;}
/*BANNER & 栏目展示*/
.listW{position: absolute; left: 0; top: 0; width: 100%;}
.listCon {position: absolute; left: 0; top: 0; width: 300px; height:420px; background: rgba(255, 255, 255, 0.92); z-index: 3; overflow: auto; }
/*定义滚动条样式*/
.listCon::-webkit-scrollbar{width:6px; height:6px;}
/*定义滚动条轨道内阴影+圆角*/
.listCon::-webkit-scrollbar-track{background:#e2e2e2;}
/*定义滑块内阴影+圆角*/
.listCon::-webkit-scrollbar-thumb{background:#ccc; border-radius:20px; }
.listCon dt{line-height: 24px; font-size: 18px; padding:20px 0 0 20px; margin-bottom: 8px;}
.listCon dt img{width: 22px; display: block; float: left; margin-right: 10px;}
.listCon dd{padding: 0 20px 0 50px; display: flex; flex-wrap: wrap;}
.listCon dd a{font-size:14px; line-height:36px; min-width: 50%; display: inline-block;}
.listCon dd a:hover{color: #D95341;}
/*BANNER & 登录注册*/
.loginCont{width: 240px; height:420px; padding: 0 20px; background:url(../images/login_bg.png); z-index: 3; position: absolute; right: 0; top: 0;}
.loginCont .loginBtn{width: 240px; height: 40px; line-height: 40px; background: #D95341; color: #fff; font-size: 18px; border-radius: 20px; margin: 30px 0; display: block; text-align: center;}
.loginCont .loginBtn:hover{background: #bb3d2c;}
.loginForm .loginTitle{text-align: center; font-size: 24px ;font-weight: bold; margin: 30px 0; letter-spacing: 1px;}
.loginForm .loginTitle span{color: #D95341; display: inline-block;}
.loginForm .loginTitle span:after{width: 26px; height: 9px; background: url(../images/login_title_icon.png); content: ''; display: block; margin: 0 auto;}
.loginForm #userName{margin-bottom: 20px;}
.loginForm #userName,.loginForm #userPwd{width:240px; height:44px; border-radius:20px; background:#F4F4F4; color: #999; text-indent: 20px; border: 0; }
.loginForm .tools #autologin{float: left;}
.loginForm .tools a{float: right; color: #D95341;}
.loginForm .tools a:hover{text-decoration: underline;}
.loginAfter .userInfo{display: flex; flex-wrap: wrap; margin: 42px 0 26px;}
.loginAfter .userInfo .userImg{width: 60px; height: 60px; margin:0 16px 0 8px;}
.loginAfter .userInfo p{padding: 6px; font-size: 15px; line-height: 24px;}
.loginAfter .userInfo span{color: #D95341;}
.loginAfter .alerTxt{color:#666; line-height:24px;}
.loginAfter .alerTxt span{color: #D95341;}
.loginAfter .loginMenu{display: flex; flex-wrap: wrap;}
.loginAfter .loginMenu a{width: 50%; text-align: center; color: #666; line-height: 14px; margin-bottom: 12px;}
.loginAfter .loginMenu a:before{width: 14px; height: 14px; margin-right: 8px; background: url(../images/login_right.png); position: relative; top: 1px; content:''; display: inline-block;}
.loginAfter .loginMenu a:hover{color: #D95341;}

/** 优势 **/
.flow{padding:50px 0;}
.flow ul{display: flex;}
.flow li{width: 20%; text-align: center;}
.flow li div{width: 100px; height: 100px; border:2px dotted #f8dedb; border-radius:50%; margin: 0 auto; }
.flow li div img{width: 79px; height: 79px; margin: 10px 0;}
.flow li p{font-size: 20px; line-height: 20px; margin: 16px 0 12px;}
.flow li  span{color: #666;}

/** 主体内容 **/
.con{width: 1120px; padding: 40px; background: #fff; box-shadow: 0px 8px 20px 0px rgba(45, 28, 23, 0.04); margin: 0 auto 20px;}
.con ul li:hover{box-shadow: 0px 6px 15px 0px rgba(45, 28, 23, 0.04); cursor: pointer;}

/** 主内容 通用标题 **/
.unifyTitle{height: 30px; padding-bottom:20px; border-bottom: 1px solid #F5F5F5; margin-bottom: 40px;  background: url(../images/title_icon.png)no-repeat left center;}
.unifyTitle b{font-size:30px; line-height: 30px; margin:0 60px 0 42px; font-weight: bold; float: left;}
.unifyTitle b span{color: #D95341;}
.unifyTitle .navMenu{float: left; width: 760px; overflow: hidden;}
.unifyTitle .navMenu .swiper-slide{font-size: 18px; line-height: 18px; padding-top:6px; text-align: center; cursor: pointer; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.unifyTitle .navMenu .swiper-slide:after{width: 20px; height: 2px; background: #fff; margin:10px auto 0; content: ''; display: block;}
.unifyTitle .navMenu .swiper-slide:hover{color: #D95341;}
.unifyTitle .navMenu .swiper-slide:hover:after{background: #D95341;}
.unifyTitle .navMenu .active{color: #D95341;}
.unifyTitle .navMenu .active:after{background: #D95341;}
.unifyTitle .more{color: #666; width: 90px; height: 30px; line-height: 30px; background: #F5F5F5; text-align: center; border-radius: 14px; display: block; float: right;}
.unifyTitle .more:hover{color: #fff; background: #D95341;}

/** 热门课程 **/
.hotCourse ul{display: flex;}
.hotCourse li{width: 262px; height: 326px; border-radius: 8px; border: 1px solid #F5F5F5; margin-right: 21px;}
.hotCourse li:last-child{margin-right: 0;}
.hotCourse li a{display: block;}
.hotCourse li .courseTop{width: 262px; height: 165px; text-align: center; border-radius: 8px 8px 0 0;}
.hotCourse li .courseTop h6{font-size:32px; line-height:32px; padding: 42px 0 23px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hotCourse li .courseTop p{font-size: 18px; line-height: 30px; color: #fff; padding: 0 16px; border-radius: 15px; max-width: 200px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hotCourse li .courseBotm{padding: 10px; height:141px; position: relative;}
.hotCourse li .courseBotm p{font-size: 16px; line-height: 22px; margin-bottom: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hotCourse li .courseBotm span{color: #666; font-size: 13px; background: #F5F5F5; border-radius: 2px; padding: 5px 10px; margin:0 10px 5px 0; display: inline-block;}
.hotCourse li b{font-size: 24px; line-height: 24px; color: #D95341; font-weight: bold; position: absolute; left: 10px; bottom: 16px;}
.hotCourse li b:before{font-size: 16px; content: '￥'; display: inline-block;}
.hotCourse li:nth-child(4n+1) .courseTop{background: url(../images/course_bg01.png)no-repeat center; background-size: 100%;}
.hotCourse li:nth-child(4n+1) .courseTop h6{color: #fff; text-shadow: 5px 4px 2px #0e899e;}
.hotCourse li:nth-child(4n+1) .courseTop p{background: linear-gradient(0deg, #019F72, #31B079); box-shadow: 3px 3px 1px #157e57;}
.hotCourse li:nth-child(4n+2) .courseTop{background: url(../images/course_bg02.png)no-repeat center; background-size: 100%;}
.hotCourse li:nth-child(4n+2) .courseTop h6{color:#E83B2B; text-shadow:3px 3px 2px #f3b1ab;}
.hotCourse li:nth-child(4n+2) .courseTop p{ background:#F25344; box-shadow: 3px 3px 1px #f3b1ab;}
.hotCourse li:nth-child(4n+3) .courseTop{background: url(../images/course_bg03.png)no-repeat center; background-size: 100%;}
.hotCourse li:nth-child(4n+3) .courseTop h6{color:#FFDAB2; text-shadow:3px 3px 2px #45538b;}
.hotCourse li:nth-child(4n+3) .courseTop p{color: #223066; background:#FFE5C9; box-shadow: 3px 3px 1px #45538b;}
.hotCourse li:nth-child(4n+4) .courseTop{background: url(../images/course_bg04.png)no-repeat center; background-size: 100%;}
.hotCourse li:nth-child(4n+4) .courseTop h6{color:#3761DB; text-shadow:3px 3px 2px #a8bef9;}
.hotCourse li:nth-child(4n+4) .courseTop p{ background:#4C7DEE; box-shadow: 3px 3px 1px #a8bef9;}

/** 公开直播课 **/
.openClass .classCon{display: none;}
.openClass .classCon:first-child{display: block;}
.openClass ul{display: flex;}
.openClass li{width: 264px; margin-right: 21px; text-align: center;}
.openClass li:last-child{margin-right: 0;}
.openClass li h6{width: 230px; height: 46px; line-height: 46px; font-size: 20px; color: #fff; font-weight: bold; margin: 0 auto; background:url(../images/open_top.png); }
.openClass li div{width: 260px; height:316px; border-radius: 8px; border: 1px solid #F5F5F5; background: url(../images/open_bg.png)no-repeat center #fff; background-size: auto 100%;}
.openClass li div img{display: block; width: 112px; height: 112px; margin:20px auto 12px; background: #f5f5f5; border-radius: 50%;}
.openClass li div b{font-size: 18px; line-height: 18px; color: #000; font-weight: bold;}
.openClass li div p{font-size: 16px; color: #666; margin:20px 10px 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.openClass li div span{font-size: 16px; color: #666;}
.openClass li .joinLive{display: block; width: 136px; height: 38px; line-height: 38px; font-size: 15px; margin:20px auto 0; border-radius: 30px; color: #fff; background: linear-gradient(90deg,#ff3521 0%,#fc9481 100%);}
.openClass li .joinLive:hover{background: linear-gradient(90deg,#fc9481 0%,#ff3521 100%);}

/** 免费试听课 **/
.freeDemo ul{display: flex;}
.freeDemo li{width: 262px; margin-right: 21px; padding-bottom: 20px; border: 1px solid #F5F5F5; border-radius: 8px;}
.freeDemo li:last-child{margin-right: 0;}
.freeDemo li a{display: block;}
.freeDemo li .lessonTop{text-align: center; width: 262px; height: 180px; border-radius: 8px 8px 0 0; background: url(../images/free_img.png)no-repeat center center; background-size: 100%;}
.freeDemo li .lessonTop h6{font-size: 32px; line-height: 30px; color:#fff; padding: 46px 0 32px; font-weight: bold; text-shadow: 3px 3px 1px #C23732; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.freeDemo li .lessonTop span{font-size: 18px; line-height: 30px; color: #CD0000; padding: 0 16px; border-radius: 15px; max-width: 200px; display: inline-block; box-shadow: 3px 3px 1px #ef7c5a; background:#FFF899; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.freeDemo li p{font-size: 16px; line-height: 16px; margin: 14px 12px 32px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.freeDemo li .lessonBotm{padding: 0 12px; height: 28px; line-height: 28px;}
.freeDemo li .lessonBotm b{font-size: 24px; color: #D95341;  font-weight: bold;}
.freeDemo li .lessonBotm b:before{font-size: 16px; content: '￥'; display: inline-block; margin-right:2px;}
.freeDemo li .lessonBotm i{ width: 80px; height: 28px; line-height: 28px; color: #fff; background: #D95341; text-align: center; border-radius: 14px; display: block; float: right;}
.freeDemo li:hover .lessonBotm i{opacity: .8;}

/*师资团队*/
.teacherTeam{position: relative; height: 460px;}
.teacherTeam .view{width:100%; height: 400px; position: absolute; left: 0; top: 140px;}
.teacherTeam .view .t_left{margin-left: 122px; }
.teacherTeam .view .t_left h5{font-size: 24px; line-height: 24px; margin-bottom: 26px;}
.teacherTeam .view .t_left h5 a{display: inline-block; width: 27px; height: 19px; margin-left: 20px; position: relative; top: 2px;  background: url(../images/teacher_shiting.png);}
.teacherTeam .view .t_left h5:after{display: block; content: ''; width: 93px; height: 5px; margin-top: 8px; background: url(../images/teacher_line.png); }
.teacherTeam .view .t_left p{line-height: 28px; margin-bottom: 18px;}
.teacherTeam .view .t_left p:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.teacherTeam .view .t_left p b{color: #D95341; float: left; display: block;}
.teacherTeam .view .t_left p span{width: 546px; float: left; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.teacherTeam .view .t_right{width: 378px; height: 400px; text-align: center; position: absolute; right:0; bottom: 0; background:url(../images/teacher_big_bg.png)no-repeat center; overflow: hidden;}
.teacherTeam .view .t_right img{vertical-align: bottom;}
.teacherTeam .preview{position: absolute; left: 10px; bottom: 10px; width: 680px; padding: 10px 46px; background: #F5F5F5; cursor: pointer;}
.teacherTeam .preview .swiper-container{width:680px; height: 160px; overflow: hidden;}
.teacherTeam .preview .swiper-slide{opacity: 0.7; width: 150px; height: 160px; margin: 0 10px; text-align: center; background:url(../images/teacher_small_bg.png); overflow: hidden;}
.teacherTeam .preview .swiper-slide img{width: 130px; margin-top: 10px;}
.teacherTeam .preview .btn{position:absolute; top: 0; width: 24px; height: 100%; z-index: 2; background-repeat: no-repeat; background-position: center;}
.teacherTeam .preview .prev{background-image:url(../images/teacher_arrow_prev.png); left:0;}
.teacherTeam .preview .next{background-image:url(../images/teacher_arrow_next.png); right:0;}
.teacherTeam .preview .active{opacity: 1;}
.teacherTeam .preview .btn:hover{opacity: .8;}

/*历年真题*/
.queCon div:first-child{display: block;}
.queCon div{display: none;}
.queCon div:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.queCon div dl{width: 340px; margin-right: 50px; float: left;}
.queCon div dl:last-child{margin-right: 0;}
.queCon div dl span{color: #999; float: right;}
.queCon div dt{line-height: 18px; border-bottom: 1px solid #F0F0F0;}
.queCon div dt b{font-size: 18px; float: left;}
.queCon div dt b:after{display: block; content: ''; width: 50px; height: 2px; background: #D95341; border-radius: 1px; margin:12px 0 0 10px;}
.queCon div dd{color: #EC8148; line-height: 14px; margin-top: 22px;}
.queCon div dd a{float: left; margin-left:8px; width: 246px; display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.queCon div dd i{float: left; font-size: 12px; position: relative; top: -1.5px}
.queCon div dd a:hover{color: #D95341; text-decoration: underline;}
.queCon div dt:after,.queCon dd:after{content:""; display:block; visibility:hidden; height:0; clear:both;}

/*最新资讯 & 常见问题*/
.news_question {width: 1200px; margin: 20px auto;}
.news_question div{padding: 40px; width:510px; min-height: 393px; background: #fff; float: left; box-shadow: 0px 8px 20px 0px rgba(45, 28, 23, 0.04);}
.news_question div h5{line-height: 18px; border-bottom: 1px solid #F0F0F0;}
.news_question div h5 b{font-size: 18px; float: left;}
.news_question div h5 b:after{display: block; content: ''; width: 50px; height: 2px; background: #D95341; border-radius: 1px; margin:12px 0 0 10px;}
.news_question div h5 a{color: #999; float: right;}
.news_question div h5 a:hover{color: #D95341;}
.news_question div p:after,.news_question div h5:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.news_question div p {margin-top: 22px; line-height: 14px;}
.news_question div p i{display: block; float: left; width: 14px; height: 14px; font-size: 12px; color: #fff; background: #8FC2EF; text-align: center; border-radius: 3px;}
.news_question div p:nth-child(2) i{background: #D95341;}
.news_question div p:nth-child(3) i{background: #EC8148;}
.news_question div p:nth-child(4) i{background: #F5C667;}
.news_question div p a{float: left; margin-left:10px; width: 386px; display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.news_question div p a:hover{color: #D95341; text-decoration: underline;}
.news_question div p span{float: right; color: #999;}
.news_question div:last-child{float: right;}
.news_question div dl dt{height: 20px; line-height: 20px; padding-bottom: 6px; margin-top: 20px; border-bottom: 1px dashed #F0F0F0;}
.news_question div dl dt span{float: right; color: #999}
.news_question div dl dt:before{display: block; content: 'Q'; width: 20px; height: 20px; background: #D95341; color: #fff; border-radius: 4px; text-align: center; float: left; margin-right: 12px; }
.news_question div dl dd{line-height: 22px; padding-top: 10px;}
.news_question div dl dd:before{display: block; content: 'A'; width: 20px; height: 20px; background: #F5F5F5; border-radius: 4px; text-align: center; float: left; margin-right: 12px; }

/*荣誉资质*/
.honor ul{display: flex;}
.honor ul li {width: 33.33%; text-align: center; margin-right: 20px;}
.honor ul li div{width: 352px; height: 34px; line-height: 34px; margin:0 auto; color: #fff; font-size: 24px; background: url(../images/honor_bg.png); text-align: center;}
.honor ul li p{list-style: 14px; margin-top: 10px;}

/*通用*/
.picScroll-left{position: relative;}
.picScroll-left .tempWrap{width: 1120px; position: relative; overflow: hidden;}
.picScroll-left i.btn{display: block; width:24px; height: 100%; position: absolute; top: 0; z-index: 999; cursor: pointer;}
.picScroll-left i.prev{left: -40px; background: url(../images/teacher_arrow_prev.png)no-repeat center;}
.picScroll-left i.next{right: -40px; background: url(../images/teacher_arrow_next.png)no-repeat center; }
.picScroll-left i.btn:hover{opacity: .8;}