/*选课中心共用部分*/
.xkzx_tab{
    width:98%;
    margin:15px auto;
    overflow:hidden;
    
}
.xkzx_tab a{
    display:block;
    float:left;
    width:30%;
    margin-right:5%;
    font-size:20px;
    line-height:50px;
    background:#a6a8ae;
    color:#fff;
    text-align:center;
}
.xkzx_tab a.xk_cur{
    background-image: -moz-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);
    background-image: -webkit-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);
    background-image: -ms-linear-gradient( 0deg, #faaf00 0%, #fa8500 100%);
}
.xkzx_tab a:nth-child(3),
.xkzx_tab a:nth-child(6){
    margin-right:0;
}
.xkzx_tab a:nth-child(1),
.xkzx_tab a:nth-child(2),
.xkzx_tab a:nth-child(3){
    margin-bottom:3%;
}


.course_tit{
    width:100%;
    position:relative;
    overflow:hidden;
}
.course_mask{
    position:absolute;
    right:0;
    top:0;
    width:36%;
    height:140px;
    text-align:center;
    color:#fff;
    background:rgba(0, 139, 171,.8);
    padding:7% 0;
    -webkit-transition:width .3s ease;
    -o-transition:width .3s ease;
    transition:width .3s ease;
}
.course_mask .course_icon{
    padding-left:25%;
    margin:auto;
    background:url(../images/course_icon.png) no-repeat ;
    background-position:23% center;
    background-size:48px 48px;
}
.online_icon{
    background-position:19% center!important; 
}
.course_tit:hover .online_icon{
    background-position: 39% center!important;
    padding-left:7%!important;
}


.course_mask h2{
    font-size:28px;
}
.course_mask p{
    font-size:14px;
    text-transform:uppercase;
}
.course_tit:hover .course_mask{
    width:100%;
}
.course_tit:hover .course_mask .course_icon{
    background-position: 42.5% center;
    padding-left:10%;
}


/* vip一对一*/

.vip ,
.dz ,
.jxy ,
.jsy ,
.online ,
.weekend{
    width:100%;
    padding:20px 0;
    margin:auto;
    overflow:hidden;
}
.vip_con ,
.dz_con ,
.jxy_con ,
.jsy_con ,
.online_con ,
.weekend_con{
    width:100%;
    margin:20px auto 0;
    overflow:hidden;
}



.vip_con ul ,
.dz_con ul ,
.jxy_con ul ,
.jsy_con ul ,
.online_con ul ,
.weekend_con ul{
    overflow:hidden;
}
.vip_con li ,
.dz_con li ,
.jxy_con li ,
.jsy_con li ,
.online_con li ,
.weekend_con li{
    padding:3% 0;
    cursor:pointer;
   
}
.vip_con li:nth-child(1),
.dz_con li:nth-child(1) ,
.jxy_con li:nth-child(1){
    border-bottom:solid 1px #ededed;
}

.vip_con li .vip_left ,
.online_con li .online_left ,
.weekend_con li .weekend_left{
    float:left;
    height:130px;
    border-radius:10px;
    border:solid 1px #ededed;
    overflow:hidden;
}
.vip_con li .vip_left img
{
    width:110%;
}
.vip_con li .vip_right ,
.dz_con li .dz_right ,
.jxy_con li .jxy_right ,
.jsy_con li .jsy_right ,
.online_con li .online_right ,
.weekend_con li .weekend_right{
    float:right;
    width:63.5%;
    overflow:hidden;
}
.vip_con li .vip_right h4,
.dz_con li .dz_right h4 ,
.jxy_con li .jxy_right h4 ,
.jsy_con li .jsy_right h4 ,
.online_con li .online_right h4,
.weekend_con li .weekend_right h4{
    font-size:20px;
    color:#444;
    position:relative;
    padding-bottom:4px;
    border-bottom:solid .5px #ededed;
}

.vip_con li .vip_right p ,
.jsy_right p ,
.online_right p,
.weekend_right p{
    font-size:16px;
    color:#555;
    margin-top:2%;
}
.vip_con li .vip_right p span,
.jsy_right p span ,
.online_right p span,
.weekend_right p span{
    display: block;
    -webkit-transform:translateY(2px);
        -ms-transform:translateY(2px);
            transform:translateY(2px);
    width:6%;
    float:left;
    font-size:18px;
    color:#fb9f00;
    vertical-align: middle;
}

.vip_con li .vip_right p a ,
.jxy_p3 a ,
.jsy_right p a,
.online_right p a,
.weekend_right p a{
    display:block;
    float:right;
    margin-right:1%;
    width:60px;
    line-height:24px;
    -webkit-transform:translateY(-5%);
        -ms-transform:translateY(-5%);
            transform:translateY(-5%);
    color:#fff;
    text-align:center;
    border-radius:15px;
    background-image: -moz-linear-gradient( 0deg, rgb(250,175,0) 0%, rgb(250,125,0) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(250,175,0) 0%, rgb(250,125,0) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(250,175,0) 0%, rgb(250,125,0) 100%);
}



/*定向定制*/
.dz_con li .dz_left ,
.jxy_con li .jxy_left ,
.jsy_left ,
.online_left ,
.weekend_left{
    float:left;
    border-radius:10px;
    border:solid 1px #ededed;
    overflow:hidden;
}
.last_span {
    margin-right:5%!important;
}
.dz_right p span ,.jxy_right p span{
    display:inline-block;
    width:16px;
    height:16px;
    background:#fb9a00;
    color:#fff;
    line-height:16px;
    border-radius:2px;
    font-size:14px;
    text-align:center;
    margin-right:1%;
}
.dz_con li .dz_right p{
    font-size: 16px;
    color: #555;
    margin-top: 3%;
}


/*集训营*/
.jxy_con li .jxy_right{
    width:62%;
}
.jxy_con li .jxy_right p{
    font-size: 16px;
    color: #555;
    margin-top: 4%;
}

.jxy_p3{
    width:100%;
    overflow:hidden;
    padding-top:2%;
}

.jxy_p1{
    width:50%;
    float:left;
}
.jxy_p2{
    width:50%;
    float:right;
}
.jxy_con li:not(:last-child) ,
.jsy_con li:not(:last-child) ,
.online_con li:not(:last-child),
.weekend_con li:not(:last-child){
    border-bottom: solid 1px #ededed;
}
.jxy_right span{
    margin-right:2%!important;
}

/*寄宿营*/
/*网课*/
.online_con li .online_left{
    height:auto;
}
.online_right p a,
.weekend_right p a{
    -webkit-transform:translateY(0px);
        -ms-transform:translateY(0px);
            transform:translateY(0px);
}
/*周末班*/
.weekend_con li .weekend_left{
    width:33%;
}
.weekend_con li .weekend_left{
    height:auto;
}

@media screen and (max-width:414px){
    .xkzx_tab a{
        font-size:14px;
        line-height:36px;
    }
    .vip_left ,
    .dz_left ,
    .jxy_left ,
    .weekend_left ,
    .online_left ,
    .jsy_left,
    .weekend_left{
        border-radius:5px!important;
    }
    .vip{
        padding:20px 0 10px 0;
    }
    .course_mask{
        padding-top:5%;
        width:40%;
    }
    .course_mask h2{
        font-size:22px;
    }
    .course_mask p{
        font-size:12px;
        text-transform:none;
        margin-top:-2%;
    }
    .course_mask .course_icon{
        background-size:38px 38px;
        padding-left:29%;
    }
    .course_tit:hover .course_mask .course_icon{
        padding-left:16%;
    }
    .online_icon{
        background-position:13% center!important; 
        padding-left:24%!important;
    }
    .course_tit:hover .online_icon{
        background-position: 36% center!important;
        padding-left:7%!important;
    }
    .vip_con li .vip_left ,
    .dz_con li .dz_left,
    .online_con li .online_left{
        width:32%;
        height:100px;
    }
    .vip_con li .vip_left img ,
    .dz_con li .dz_left img {
        width:135%;
    }

    .vip_con li .vip_right ,
    .dz_con li .dz_right {
        width:65%;
    }
    .vip_con li .vip_right h4 ,
    .dz_con li .dz_right h4 ,
    .jxy_con li .jxy_right h4 ,
    .jsy_con li .jsy_right h4 ,
    .online_con li .online_right h4 ,
    .weekend_con li .weekend_right h4{
        font-size:15px;
        padding-bottom:1px;

    }
    .vip_con li .vip_right p,
    .dz_con li .dz_right p ,
    .jsy_con li .jsy_right p ,
    .weekend_con li .weekend_right p ,
    .online_con li .online_right p{
        font-size:14px;
        margin-top:1%;
        line-height:18px;
    }

    .vip_con li .vip_right p a ,
    .jxy_con li .jxy_right p a ,
    .jsy_con li .jsy_right p a ,
    .online_con li .online_right p a ,
    .weekend_con li .weekend_right p a{
        font-size:12px;
        width:50px;
        line-height:20px;
    }
 
    .jxy_con li .jxy_left{
        width:32%;
        height:90px;
    }
    .jxy_con li .jxy_left img{
        width:127%;
    }

    /*评分*/
    .dz_right p span, .jxy_right p span{
        -webkit-transform:translateY(-2px);
        -ms-transform:translateY(-2px);
        transform:translateY(-2px);
        width:12px;
        height:12px;
        line-height:12px;
        font-size:10px;
    }
    .jxy_con li .jxy_right{
        width:65.5%;
    }
    .jxy_con li .jxy_right p{
        font-size:14px;
        margin-top:2%;
    }
    .jxy_p3{
        padding-top:1.2%;
    }
    .jsy_con li .jsy_right p {
        margin-top:2%;
    }
    .jsy_right p span,
    .online_right p span,
    .weekend_right p span,
    .vip_con li .vip_right p span{
        font-size:14px;
        -webkit-transform:translateY(0);
            -ms-transform:translateY(0);
                transform:translateY(0);
        margin-right:1%;
    }
 
    .jsy_left{
        width:32%;
        height:90px;
    }
    .jsy_left img{
        width:121%;
    }

    .online_con li .online_left {
        height:82px;
    }
    .online_con li .online_left img{
        width:110%;
    }
  /*   .more_text{
        font-size:12px!important;
    }
 */
    .weekend_con li:last-child ,
    .online_con li:last-child{
        padding-bottom:0!important;
    }

}

@media screen and (max-width:375px){
    .vip_con li .vip_right p{
        font-size:12px;
    }
    .vip_con li .vip_left{
        height:90%;
    }
    .course_mask h2{
        font-size:20px;
    }
    .course_mask .course_icon{
        background-position:22% center;
        background-size:36px 36px;
    }
    .course_mask p{
        margin-top:-1%;
    }
    .course_tit:hover .course_mask .course_icon{
        padding-left:8%;
        background-position:39% center;
    }
    .online_icon {
        background-position: 11% center!important;
        padding-left: 26%!important;
    }
    .dz_con li .dz_right p{
        font-size:13px;
    }
    .dz_p2{
        line-height:16px;
        margin-top:2%!important;
    }
    .last_span{
        margin-right:2%!important;
    }
    .vip_con li .vip_left img, .dz_con li .dz_left img{
        width:150%;
    }

    .jxy_con li .jxy_left img{
        width:140%;
    }
    .jsy_con li .jsy_right p{
        font-size:13px;
        margin-top:1.5%;
    }
    .jsy_left{
        height:85px;
    }
    .jsy_left img{
        width:127%;
    }
    .online_con li .online_right p,
    .weekend_con li .weekend_right p,
    .dz_con li .dz_right p,
    .vip_con li .vip_right p,
    .jxy_con li .jxy_right p,
    .jsy_con li .jsy_right p{
        
        font-size:13px;
    }
    .online_con li .online_left img{
        width:122%;
        -webkit-transform:translateX(-5px);
            -ms-transform:translateX(-5px);
                transform:translateX(-5px);
    }
}
@media screen and ( max-width:360px ){
    .course_mask .course_icon{
        background-size:35px 35px;
    }
    .vip_con li .vip_right h4,
    .dz_con li .dz_right h4,
    .jxy_con li .jxy_right h4 ,
    .jsy_con li .jsy_right h4 ,
    .weekend_con li .weekend_right h4 ,
    .online_con li .online_right h4{
        font-size:14px;
        padding-bottom:3px;
    }
    .vip_con li .vip_right h4, .dz_con li .dz_right h4{
        font-size:14px;
    }
    .dz_con li .dz_right p,
    .vip_con li .vip_right p{
        font-size:12.5px;
        margin-top:3%
    }
    .vip_con li .vip_right p a, 
    .jxy_con li .jxy_right p a,
    .jsy_con li .jsy_right p a{
        width:46px;
        line-height:18px;
    }
    .vip_con li .vip_left, .dz_con li .dz_left{
        height:90px;
    }
    .vip_con li .vip_left img, .dz_con li .dz_left img{
        width:140%;
    }

    .jxy_con li .jxy_left{
        height:80px;
    }
    .jxy_con li .jxy_right p{
        margin-top:5%;
        font-size:13px;
    }
    .jxy_p3{
        padding-top:2%;
    }
    .vip_con li .vip_right p,
    .dz_con li .dz_right p{
        line-height:normal;
    }
    .jsy_left img{
        width:132%;
    }
    .jsy_right p span{
        -webkit-transform:translateY(-1.5px);
            -ms-transform:translateY(-1.5px);
                transform:translateY(-1.5px)
    }
    .online_con li .online_left img{
        width:129%;
        -webkit-transform:translateX(-5px);
            -ms-transform:translateX(-5px);
                transform:translateX(-5px)
    }
    .dz_right p span, .jxy_right p span{
      /*   width:11px; */
    }
    .last_span{
        margin-right:0!important
    }
}