@charset "gb2312";
/* CSS Document */
/*清除默认样式--移动端*/
html{ font-size:100px; }
body{ font-size:12px; }
body,p,h1,h2,h3,h4,h5,h6{ margin:0; }
a{ color:#333; text-decoration:none; font-family: "microsoft yahei"; outline:none; }
img{ vertical-align:middle; border:none; }
ul,ol,dl,dd,td,th,input,select{ padding:0; margin:0; }
li{ list-style:none; }
table{ border-collapse:collapse; }
input,select{ outline:none; border:none; background:none; }
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none; }
a,button,input,optgroup,select,textarea {
    -webkit-tap-highlight-color:rgba(0,0,0,0);outline: none; /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/border:0
}


/*公共样式*/
.fl{ float:left; }
.fr{ float:right; }
.clearfix{ *zoom:1; }
.clearfix:after{ content:""; display:block; clear:both; }
.main{ width:7.02rem; margin:0 auto; }
.zg_content{width: 7.5rem;margin: 0 auto;background: #f3f5f7}



header {
    width:100%;
    max-width:750px;
    background:#f52f37;
    /*padding:2.5% 0;*/
    height: .86rem;
    z-index: 59;
    position: relative;
}
header h2{font:.32rem/.36rem "Microsoft YaHei";color: #fff;text-align: center;margin-top: -.36rem}
header h2 a{color: #fff;}
header a,header b {
    display:block;
}
.zg_topr {
    position:absolute;
    right:0%;
    top:.2rem;
    width:30.5%;
}
.zg_liebiao {
    float:right ;
    margin-right:12%;
    font-size:.26rem;
    line-height:1.7;
    border:1px solid #fff;
    border-radius:.22rem;
    color:#fff;
    width:40%;
    padding-left:6%;
    z-index: 30;
}
.zg_fir {
    display:inline-block;
    width:20%;
    margin-left:4%;
}
.zg_sec {
    display:inline-block;
    display:none;
    width:20%;
    margin-left:4%;
}
.zg_logo {
    height:auto;
    margin-left: .3rem;
    padding-top: .28rem;
}
.zg_logo a {
    display: block;
    width:.2rem;
    height: .37rem;
}
.zg_logo img {
    width:100%;
    margin:0 auto;
}
/*筛选课程弹框*/
.zg_z2 {
    width: 100%;
    max-width:750px;
    height: 100%;
    position: fixed;
    left: auto;
    top: 5%;
    display: none;
    z-index:55;
}
.zg_zzc2 {
    width: 100%;
    max-width:750px;
    height: 100%;
    background:rgba(0,0,0,0.4);
    z-index: 56;
    position: fixed;
    left: auto;
    top: 0;
}
.zg_xzks {
    width:100%;
    height: 64%;
    max-width:750px;
    position: fixed;
    left: auto;
    top:0%;
    z-index: 57;
    -webkit-overflow-scrolling: touch;
    z-index:99 ;
    padding-top:10%;
}
.zg_ksdl {
    width:42%;
    height:100%;
    float: left;
    overflow: hidden;
    background:#fff;
    /* position: absolute;
    left:0;
    top:0;*/
}
.zg_lx {
    width:100%;
    height:100%;
    overflow-y: scroll;
}
.zg_lxli a,.zg_lxfir a {
    display: inline-block;
    width: 73%;
    padding-left:27%;
    font-size: .3rem;
    line-height: 3;
    color: #333;
    height:3em;
    position: relative;
}
.zg_lxfir a {
    width: 85%;
    padding-left:15%;
}
.zg_lxli,.zg_lxfir {
    background:#f1f1f1;
    border-bottom:1px solid #e6e6e6;
    cursor: pointer;
    z-index: 90;
}
.zg_lxfir a {
    color:#e62929;
}
.zg_act1 {
    background:#fff;
}
.zg_lxli img {
    width:6%;
    float:right;
    position: absolute;
    right: 5%;
    top:50%;
    margin-top: -6px;
}
.zg_act1 img {
    display:none;
}
.zg_lxfir img {
    width:12%;
    float:left;
    position: relative;
    top: 50%;
    margin-top: -9px;
    left:-10%;
}
.zg_ksxl {
    width:58%;
    height:100%;
    float: left;
    overflow: hidden;
    background: #fff;
}
.zg_ksfllb {
    width:100%;
    height:100%;
    overflow-y: auto;
    display: none;
}
.zg_ksfllb:first-child {
    display: block;
}
.zg_ksfllb li {
    width: 100%;
    border-bottom:1px solid #e6e6e6;
}
.zg_ksfllb a {
    display: inline-block;
    width: 78%;
    font-size: .3rem;
    padding-left:22%;
    color: #333;
    line-height: 3.2em;
}
/*返回顶部*/
.zg_trtop {
    width:.96rem;
    height: .96rem;
    /*padding:6.6% 0;*/
    position: fixed;
    right:0;
    bottom:10%;
    z-index: 50;

}
.zg_trtop img {
    width:100%
}


























/*start nav*/
.nav{
    background-color: #fff;
    margin-top: .2rem;
}
.nav ul{
    margin: 0 0.25rem;
    padding: 0.3rem 0;
    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.nav li{width: 20%;text-align: center;}
.nav li a{
    display: block;
    text-align: center;
    font-size: .24rem;
}
.nav img{
    width: 0.8rem;
    height: 0.8rem;
}
.nav p{
    font-size: 0.24rem;
    margin-top: 0.2rem;
}
/*end nav*/



footer{
    padding-top: .4rem;
    color: #999999;
    background-color: #fff;
    font-size: 0.22rem;
    text-align: center;
    padding-bottom: 1.5rem;
    line-height: 0.46rem;
    margin-top:.2rem
}
footer a{
    color: #999;
    font-size: .24rem;
    padding: 0 .28rem;
}
.fixed{
    max-width:750px;
    margin: 0 auto;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 1rem;
    border-top: 1px solid #ebebeb;
    background-color: #fff;
    z-index: 1;
}
.fixed ul{
    height: 100%;
    font-size: 0.24rem;
    display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
}
.fixed ul li{width:18%;text-align:center;padding-top:.15rem;}
.fixed .icon.icon5{width:28%;text-align:center;}
.fixed .icon a{
    display: block;
    color: #999999;
    padding-top: 0.44rem;
    background-size: 0.48rem 0.44rem;
    background-repeat: no-repeat;
    background-position: center top;
}
.fixed .plus{
    width: 1.08rem;
    height: 1.15rem;
    background-image: url(../images/btm_center.png);
    background-size: 1.08rem 1.15rem;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: -0.23rem;
    /*left: 0.155rem;*/margin:0 .4rem;
}
.fixed .icon.icon1 a{
    background-image: url(../images/btm_tel.png);
}
.fixed .icon.icon2 a{
    background-image: url(../images/btm_qq.png);
}
.fixed .icon.icon3 a{
    background-image: url(../images/btm_course.png);
}
.fixed .icon.icon4 a{
    background-image: url(../images/btm_group.png);
}
.fixed .icon.icon1.act a{
    background-image: url(../images/btm_tel_act.png);
}
.fixed .icon.icon2.act a{
    background-image: url(../images/btm_qq_act.png);
}
.fixed .icon.icon3.act a{
    background-image: url(../images/btm_course_act.png);
}
.fixed .icon.icon4.act a{
    background-image: url(../images/btm_group_act.png);
}
.btm_layer{
    background-color: #fff;
    position: fixed;
    left:0;
    /*bottom: 0.5rem;*/
    top: 0;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0.6rem 0.25rem 0;
    z-index: 1004;
    display: none;

}
.btm_layer>div{
    width: 6.7rem;
    height: 1.1rem;
    margin: 0 auto;
}
.btm_layer>div img{width:6.7rem;
    height: 1.1rem;}
.btm_layer a img{
    width:100%;
    height:100%;
}
.btm_layer .btm_ad{
    display: block;
    /*padding: 0 0.25rem;
    box-sizing: border-box;*/
}
.btm_layer .btm_ad img{
    width: 6.7rem;
    height: 1.1rem;
}
.btm_layer .btm_nav{
    overflow: hidden;
    width: 100%;
    /*margin: 1.2rem 0 1.1rem 0;*/
    margin: 0.6rem 0 0.2rem 0;
}
.btm_layer .btm_nav li{
    width: 25%;
    float: left;
    margin-top: 0.4rem;
    text-align: center;
}
.btm_layer .btm_nav li a{
    display: block;
    font-size: 0.24rem;
    padding-top: 1rem;
    line-height: 0.6rem;
    background-size: 1rem 1rem;
    background-repeat: no-repeat;
    background-position: center top;
}
.btm_layer .btm_nav li:nth-of-type(1) a{
    background-image: url(../images/btm_nav1.png);
}
.btm_layer .btm_nav li:nth-of-type(2) a{
    background-image: url(../images/btm_nav2.png);
}
.btm_layer .btm_nav li:nth-of-type(3) a{
    background-image: url(../images/btm_nav3.png);
}
.btm_layer .btm_nav li:nth-of-type(4) a{
    background-image: url(../images/btm_nav4.png);
}
.btm_layer .btm_nav li:nth-of-type(5) a{
    background-image: url(../images/btm_nav5.png);
}
.btm_layer .btm_nav li:nth-of-type(6) a{
    background-image: url(../images/btm_nav6.png);
}
.btm_layer .btm_nav li:nth-of-type(7) a{
    background-image: url(../images/btm_nav7.png);
}
.btm_layer .btm_nav li:nth-of-type(8) a{
    background-image: url(../images/btm_nav8.png);
}

.btm_layer .btm_nav li:nth-of-type(9) a{
    background-image: url(../images/btm_nav9.png);
}
.btm_layer .btm_nav li:nth-of-type(10) a{
    background-image: url(../images/btm_nav10.png);
}
.btm_layer .btm_nav li:nth-of-type(11) a{
    background-image: url(../images/btm_nav11.png);
}
.btm_layer .btm_nav li:nth-of-type(12) a{
    background-image: url(../images/btm_nav12.png);
}
.btm_layer .close{
    text-align: center;
    padding: 0.355rem 0;
}
.btm_layer .close span{
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    background-image: url(../images/close.png);
    background-size: 0.31rem 0.31rem;
    background-repeat: no-repeat;
    background-position: center;
}
.tips{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3.85rem;
    z-index: 5;
    background-image: url(../images/trigger2.png);
    background-size: 7.2rem 3.85rem;
    background-position: center bottom;
    background-repeat: no-repeat;
    display: none;
}
.mask{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 3;
    background-color: #000;
    display: none;
}


.zg_content1 img{width: 7.5rem;height: 3rem;}
.zg_content1 .swiper-pagination-bullet-active{background: url("../images/zg_bg.png") no-repeat left top;width: .12rem;height: .12rem;background-size: .12rem .12rem;}
.zg_content1 .swiper-pagination-bullet{background: url("../images/zg_bg1.png") no-repeat left top;width: .12rem;height: .12rem;margin: 0 .8rem;background-size: .12rem .12rem;}