@charset "utf-8";
/* CSS Document */

* {
    -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 {
    width:100%;
    display:block;
    list-style:none;
}
a {
  color: #333;
}
.clearfix:after {
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0;
}
.clearfix{
    zoom:1;
}

body{font-size:.14rem; color:#36333d;background:#fff;}

.title{width:87%; margin:.2rem auto 0; text-align:center; background:url(../img/tit_bg.png); background-size:100% 100%; padding-top:.05rem;}
.title h2{color:#7e3120; font-size:.2rem; font-weight:bold;}
.title p{color:#666; font-size:.15rem;}
.title p font{color:#fe3e4f; font-size:.18rem; font-weight:bold;}

.btn{display:block; text-align:center; letter-spacing:1px; color:#fff; font-size:.18rem; background:#ffef49; line-height:1.8; border-radius:.2rem; box-shadow:rgba(226,100,105,.5) 0 0 10px 0px; color:#5d2dd8;}
.btn font{color:#f33f46; font-size:.14rem}
.btn font i{font-weight:bold; font-size:.2rem}

.sec1,
.sec2,
.sec3,
.sec4{height:auto; overflow:hidden;}

.box{height:auto; overflow:hidden;}

/* header */
.m-box{width:100%;}
.m-ban{width:100%;}

.adv-pack{width:100%; margin:.05rem auto 0;}
.adv-pack a{display: block;}

/* sec1 */
.sec1{width:97%; margin:.1rem auto 0;}
.gift{display:block; width:48%; height:.76rem; float:left; margin:0 1%; background:url(../img/gift_bg.jpg); background-size:100% 100%;}
.gift .gift-l{width:34%; box-sizing: border-box; padding-left:.15rem; margin-top:.15rem; float:left; color:#f9254f;}
.gift .gift-l font{font-weight:bold; font-size:.19rem;}
.gift .gift-c{width:40%; float:left; margin-top:.1rem; color:#7e3120;}
.gift .gift-c h3{font-size:.14rem; font-weight:bold;}
.gift .gift-c p{font-size:.11rem;}
.gift .gift-c p font{color:#f9254f;}
.gift .gift-r{width:.4rem; height:.4rem; margin-top:.1rem; float:left; background:url(../img/yuan.png); background-size:100% 100%; color:#fff; text-align:center;font-size:.125rem; line-height:1.2;box-sizing: border-box; padding-top:.06rem;}

.item{width:48%; float:left; border-radius:.05rem; box-sizing: border-box; padding:.05rem .05rem .1rem;box-shadow:rgba(255,171,180,.6) 0 0 10px 0px; margin:.05rem 1%;}
.item a{display: block;}
.item_txt{height:1.0rem; background:url(../img/coursebg.jpg); background-size:100% 100%; box-sizing: border-box; padding:.20rem 0 0 .13rem;}
.item_txt p{width:40%; height:.16rem; padding-top:.01rem; text-align:center; color:#fff; font-size:.11rem; background:url(../img/pbg.png); background-size:100% 100%;}
.item_txt h2{font-size:.2rem; font-weight:bold; letter-spacing:2px; line-height:1.2; padding:.05rem 0 0;}
.item_txt h3{font-size:.14rem; }
.item_l{padding-left:.1rem;}
.item_l h3{ font-size:.16rem; color:#ff3d4f; margin-top:.05rem;line-height:1.2;}
.item_l p{line-height:1.2;}
.item_r{margin-top:.1rem;}
.item_r h4{width:80%; margin:0 auto; }

/* sec2 */
.sec2{width:96%; margin:.1rem auto 0;}

/* section6 */
.sec6{width:95%; margin:10px auto 0;position:relative;}
.sec6_info{width:100%; position:absolute; left:0; top:0; color:#fff;}
.sec6_tit{text-align:center; padding-top:.2rem;}
.sec6_tit h2{ font-size:.19rem; font-weight:bold;}
.sec6_tit p{ font-size:.16rem;}
.sec6_txt{ box-sizing:border-box; padding:.2rem 0 0 .14rem; line-height:2;}
.sec6_txt h3{font-size:.13rem; font-weight:bold;}
.sec6_txt p{font-size:.13rem;}
.sec6_info a{display:block; color:#ff5464; font-size:.18rem; padding:3px 0; border-radius:5px; letter-spacing:5px;background:#fff; text-align:center; font-weight:bold; width:40%; margin:.15rem 0 0 .27rem;}

/* sec3 */
.sec3{width:96%; margin:.1rem auto 0;}
.pBox{width:48%; float:left; border-radius:.05rem; box-sizing: border-box; padding:.05rem .05rem .1rem;box-shadow:rgba(255,171,180,.6) 0 0 10px 0px; margin:.05rem 1%;}
.pBox a{display: block;}
.pBox .txt{height:1.03rem; background:url(../img/coursebg2.jpg); background-size:100% 100%; box-sizing: border-box; padding:.15rem 0 0 .13rem;}
.pBox .txt h4{font-size:.11rem; width:30%; text-align:center; border:1px solid #ccc; background:#fff; line-height:1.2;}
.pBox .txt p{width:43%; height:.16rem; padding-top:.01rem; text-align:center; color:#fff; font-size:.11rem; background:url(../img/pbg2.png); background-size:100% 100%; margin-top:.03rem;}
.pBox .txt h2{font-size:.2rem; font-weight:bold; letter-spacing:2px; line-height:1.2; padding:.03rem 0 0;}
.pBox .txt h3{font-size:.14rem;}
.pBox .txt h3 font{color:#ff3d4f;}
.pBox .btn{width:80%; margin:.1rem auto 0;}


@media screen and (max-width:320px){

}