@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;

}
fieldset,img {
    border:0; /*有些浏览器默认这些标签有边框，所以要清除默认边框*/
    display:block;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
    /*清除标签默认文本样式和加粗*/
}
ol,ul {
    list-style:none; /*清除列表默认样式*/
}
caption,th {
    text-align:left; /*清除标签默认文本居中对齐*/
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal; /*清除标题标签的默认样式*/
}
a{
    text-decoration:none;/*大部分页面中的链接没有下划线*/
}

.clearfix:after{
        height:0;
        content:" ";
        display:block;
        overflow:hidden;
        clear:both;
    }
.clearfix{
    zoom:1;/*IE低版本浏览器不支持after伪类所以要加这一句*/
}
body, div, ul, li, section, header, footer, a, h1, h2, h3, h4, h5, time, span, p, img {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5 {
    font-weight: normal;
}
img {
	width:100%;
	display:block;
}
a {
  text-decoration: none;
  color: #333;
}
ul, li {
  list-style: none;
}
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 去掉a, input点击的时候的附带效果 */
    -webkit-touch-callout: none; /* 禁止长按a标签连接于图片弹出的菜单 */
    -webkit-overflow-scrolling: touch; /* 让页面滚动更流畅，对一些低版本的安卓尤其良好 */
    -webkit-text-size-adjust: 100%; /* 关闭横竖屏的时候调整文字大小 */

    font-family: "\5FAE\8F6F\96C5\9ED1", helvetica, sans-serif;
}
img:not([src*="/"]) {
    display: none; /* 如果图片没有地址，则隐藏 */
}
.clearfix:after {
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}
.clearfix{
    zoom:1;
}
.clear {
    clear: both;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
input, select, textarea {
    outline:none;
    border:none;
    background:none;
}
textarea {
    resize:none;
}
em, i {
    font-style: normal;
}

body{ background:#fff;}

.m-box{width:100%;}
.title{width:64%; height:auto; overflow:hidden; background-size:100% auto; background-repeat:no-repeat; margin:25px auto 0; text-align:center;}
.title h3{ font-size:.22rem; font-weight:bold; letter-spacing:1px; color:#312320;}
.title h4{ font-size:.19rem; color:#312320;}

.no1{ background-image:url(../img/t_bg_1.jpg);}
.no1 h3{ letter-spacing:3px;}
.no2{ background-image:url(../img/t_bg_2.jpg);background-size:100% 100%;}
.no3{ background-image:url(../img/t_bg_3.jpg);}
.no4{width:76%; background-image:url(../img/t_bg_9.jpg);background-size:100% 100%;}
.no4 h3 span{color:#ff4d52;}


/* 强烈推荐课程标题 */
.no5{ background-image:url(../img/t_bg_5.jpg); margin:10px auto 0;}
.no5 h4 span{color:#ff545c;}

.no6{width:88%; background-image:url(../img/t_bg_6.jpg);}
.no6 h4 span{color:#ff792d;}

.no7{width:80%; background-image:url(../img/t_bg_7.jpg);}
.no7 h4 span{color:#39d9b5;}

.no8{width:72%; background-image:url(../img/t_bg_8.jpg);}
.no8 h4 span{color:#ff2943;}

.title span i:nth-child(1) {
  animation: blink 1s steps(1, start) 0.33s infinite;
}
.title span i:nth-child(2) {
  animation: blink 1s steps(1, start) 0.66s infinite;
}
.title span i:nth-child(3) {
  animation: blink 1s steps(1, start) 0.33s infinite;
}
.title span i:nth-child(4) {
  animation: blink 1s steps(1, start) 0.66s infinite;
}
.title span i:nth-child(5) {
  animation: blink 1s steps(1, start) 0.33s infinite;
}
@keyframes blink {
  33% {
    color: #FF4057;
  }
  66% {
    color: #FF8260;
  }
}



/* 公共部分 */
a.btn{ display:inline-block; height:28px; line-height:28px; background:#fb6558; color:#fff; font-size:.13rem; padding:0 .2rem; border-radius:30px;}
.item{width:46%; float:left; background:#fff; border-radius:10px; box-shadow:#999 0 0 5px 0px; margin:12px 2% 0; position:relative;}
.item_hot{width:40px; height:46px; position:absolute; left:0; top:-5px; background: url(../img/tab_hot.png); background-size:100% 100%;}
.item_t{text-align:center; padding:.2rem 0 .15rem;color:#fff; }
.item_t h3{ font-size:.19rem;font-weight:bold;}
.item_t p{ font-size:.13rem; margin-top:3px;}
.item_link{ padding:.12rem .1rem; overflow:hidden;}

/* header */
.m-ban{width:100%; position:relative;}
.ban-zi{width:56%; position:absolute; top:27%; right:6%;animation-duration:1s; animation-fill-mode:both}
@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.zoomIn{animation-name:zoomIn}


.sec0 a.btn{ display:block; width:48%; background:url(../img/btnbg.png); color:#fff; text-align:center; letter-spacing:1px; font-size:.18rem; background-size:100% 100%; padding:.02rem 0 .03rem;}
.sec0 a.btn2 {
    display: block;
    width: 48%;
    background: url(../img/btnbg.png);
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-size: .18rem;
    background-size: 100% 100%;
    padding: .02rem 0 .03rem;
}
.sec0 .conA{width:95%; margin:.1rem auto 0; text-align:center; box-shadow:rgba(57,48,51,.2) 0 2px 10px 0px; padding-bottom:.1rem;}
.sec0 .conA h2{font-size:.16rem; color:#ff4d52; font-weight:bold; letter-spacing:1px; border-bottom:1px dashed #ff4d52; padding:.05rem 0;}
.sec0 .conA ul{width:99%; margin:0 auto; overflow:hidden;}
.sec0 .conA ul li{width:33.3%; float: left; margin-top:.1rem; color:#666; text-align:left; box-sizing: border-box; font-size:.125rem;}
.sec0 .conA ul li:before{display:inline-block; width:6px; height:6px; background:#f05559; border-radius:3px; content:""; margin-right:3px;}

.sec0 .conA .liuc{width:95%; margin:.1rem auto 0; background:#f0f0f0; border-radius:.05rem; padding-top:.1rem;}
.sec0 .conA .liuc h3{font-size:.16rem; color:#333; font-weight:bold;}
.sec0 .conA .liuc p{color:#ff4d52; margin:.05rem 0;font-size:.13rem;}
.sec0 .conA .liuc a{display: block; background:#ff4d52; color:#fff; border-radius:0 0 .05rem .05rem; font-size:.16rem; font-weight:bold; padding:.05rem 0; letter-spacing:1px;}

// .sec0 .conA h2{width:30%; margin:0 auto; font-size:.16rem; color:#ff4d52; font-weight:bold; letter-spacing:1px; background-size:100% 100%;}
// .sec0 .conA h2.lc{background-image:url(../img/tit-1.png);}
// .sec0 .conA h2.ts{background-image:url(../img/tit-2.png); margin-top:.1rem;}
// .sec0 .conA .imgbox{padding:.1rem 0; border-bottom:1px dashed #f05759;}
// .sec0 .conA ul{width:96%; margin:0 auto; overflow:hidden;}
// .sec0 .conA ul li{background:#fff6f6; margin-top:.1rem; color:#666; text-align:left; box-sizing: border-box; padding-left:.05rem; border-radius:.2rem; line-height:2; font-size:.145rem;}
// .sec0 .conA a.btn{margin:.1rem auto 0;}

// .sec0 .conB{width:97%; margin:.1rem auto 0;}
// .sec0 .conB p{font-size:.15rem; text-align:center; padding-bottom:.05rem;}
// .sec0 .conB .course{width:50%; height:1.1rem; float:left; text-align:center; color:#fff; background-size:100% 100%; box-sizing: border-box; padding-top:.12rem; font-size:.145rem;}
// .sec0 .conB .course a{color:#fff;}
// .sec0 .conB .course h2{font-size:.19rem; font-weight:bold;}
// .sec0 .conB .course1{background-image:url(../img/item-bg1.png);}
// .sec0 .conB .course2{background-image:url(../img/item-bg2.png);}
// .sec0 .conB .course3{background-image:url(../img/item-bg3.png);}
// .sec0 .conB .course4{background-image:url(../img/item-bg4.png);}
// .sec0 .conB .course5{background-image:url(../img/item-bg5.png);}
// .sec0 .conB .course6{background-image:url(../img/item-bg6.png);}
// .sec0 .conB a.btn{margin:.05rem auto 0;}
//     .sec0 .conB a.btn2 {
//         margin: .05rem auto 0;
//     }

/* section1 */
.sec1{ padding:0 .1rem;}
.sec1 .pBox{width:50%; margin-top:5px; float:left; background:url(../img/sec-1-bg.png) no-repeat;background-size:100% 100%; text-align:center; padding:11% 0 9%;}
.sec1 .pBox p{color:#18191a; font-size:.1rem;}
.sec1 .pBox h2{color:#c7161f; font-weight:bold; font-size:.18rem;}
.sec1 .pBox a{display:block; width:75px; height:30px; line-height:28px; background:#ffda5f; font-size:.15rem; color:#ab221a; border-radius:5px; margin:10px auto 0; box-shadow:#7d0001 0 5px 8px 0px;}
.sec1 .pBox:first-child h2{ letter-spacing:3px;}

/* section2 */
.swiper-container{width:92%; height:auto; margin:0 auto; padding-bottom:.3rem;}
.swiper-slide{box-sizing: border-box; margin-top:.1rem;}
.swiper-slide a{display: block;}
.swiper-slide img{width:100%;border-radius:.05rem;}
.swiper-slide .btn{display: block; width:80%; margin:.06rem auto 0; color:#fff; background:#fb6558; border-radius:.12rem; line-height:2; font-size:.14rem; text-align: center;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0;}

/* section3 */
.sec3{padding:0 .18rem;}
.news{padding-top:15px; overflow:hidden;}
.news_l{width:30%; color:#999; font-size:.12rem; text-align:center;}
.news_r{width:67%; color:#666; font-size:.14rem;}
.news_r ul li{background:url(../img/arrow.jpg) left 7px no-repeat; padding-left:11px; margin-top:3px;}
.news_Slj ul li{margin-top:10px;}

/* section4 */
.tabNav{width:100%; height:auto; overflow:hidden; background:#f0ebec; border-radius:30px; margin-top:10px;}
.tabNav ul li{width:50%; float:left;font-size:.14rem; color:#666; text-align:center; padding:5px 0;}
.tabNav ul li.active{color:#fff;}
.tabNav ul li.li1.active{background: url(../img/tab_bg1.png); background-size:100% 100%;}
.tabNav ul li.li2.active{background: url(../img/tab_bg2.png); background-size:100% 100%;}

.tabDetail{display:none; padding:0 .1rem 5px; overflow:hidden;}
.show{ display:block;}
.sec4 .item_t{background: url(../img/item_bg1.png); background-size:100% 100%;}

/* section5 */
.sec5{ padding:0 .1rem;}
.yidui{width:48%; float:left; margin:12px 1% 0; background:url(../img/sec5_bg1.jpg); background-size:100% auto; text-align:center;}
.yidui h2{color:#e0e0e0; font-weight:bold; font-size:.24rem; line-height:.18rem;}
.yidui h3{color:#000;font-size:.14rem;}
.yidui p{color:#999; font-size:.13rem; line-height:.18rem;}
.sec5 .item_t{background: url(../img/item_bg2.png); background-size:100% 100%;}
.sec5 .item_link{ text-align:center;}

/* section6 */
.sec6{ padding:0 .1rem;}
.sec6 .item_t{background: url(../img/item_bg3.png); background-size:100% 100%;}
.sec6 .item_link{ text-align:center;}
.sec6 .item_more{ padding:.4rem 0 .35rem;}

/* section7 */
.sec7{ padding:0 .1rem;}
.sec7 .item_t{background: url(../img/item_bg4.png); background-size:100% 100%;}
.sec7 .item_link{ text-align:center;}

/* section8 */
.sec8{ text-align:center; padding-top:15px; color:#666; font-size:.14rem;}
.sec8 h3{width:50%; text-align:center; color:#393033; font-size:.16rem; border:1px solid #393033; border-radius:20px; margin:15px auto 20px; padding:2px 0;}

/* add20190415 */
.sec0 .conB .course{position:relative; cursor: pointer; }
.checked-box{display:none; position:absolute; left:2%; top:0;width:96%; height:1rem; background:rgba(0,0,0,0.5);}

.poup-container{position:fixed; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.8); z-index: 9999999; display:none;  }
.poup-innerCon{position:absolute; left:7%; right:10%; top:35%; width:86%; max-width:500px;  height:2rem; background:url(../img/popBg.png) no-repeat; background-size:100% 100%; margin:0 auto;}
.close-poup{position:absolute; right:-14px; top:-36px; width:36px; height:36px; background:url(../img/close.png) center center no-repeat; background-size:36px 36px; cursor: pointer; z-index: 9;}
.think-btn,.sure-btn,.next-time,.get-course{display:inline-block; width:42%; height:40px; line-height: 40px; text-align: center; color: #fff; font-size:18px; border-radius:8px; margin:0 2%; cursor: pointer;}
.think-btn,.get-course{ background:#ff3300;}
.sure-btn{background:#02a428;}
.next-time{background:#fe724f;}
.go-center{display:inline-block;width:60%;  height:40px;  line-height:40px; text-align: center; color: #fff; font-size:18px; border-radius:8px; background: #ff3300; margin:0 10px;}
.course-tips{height:0.9rem;padding-left:0.2rem; padding-top:0.56rem; font-size:18px; color: #333; /*line-height: 0.28rem;*/ }
.course-btn{text-align: center;}
.course-tips small{font-size:12px;}
.poup-container a:hover{color:#fff;}
@media screen and (max-width:320px){
  .course-tips{line-height: 0.28rem;}
}