/*选课中心标题共用*/

.class_tit{

    width:1200px;

    margin:40px auto;

    height:auto;

    overflow:hidden;

}

.class_tit_one>h2 ,.class_tit_two>h2 ,.class_tit_three>h2 ,.class_tit_four>h2 ,.class_tit_five>h2 ,.class_tit_six>h2 ,.class_tit_six_one>h2 ,.class_tit_four_one>h2{

    font-size:34px;

    font-weight:bold;

    color:#666;

    text-align:center;

}

.class_tit_one>p ,.class_tit_two>p ,.class_tit_three>p ,.class_tit_four>p ,.class_tit_five>p ,.class_tit_six>p ,.class_tit_six_one>p  ,.class_tit_four_one>p{

    font-size:11px;

    color:#b3b3b3;

    margin-top:-3px;

    text-transform:uppercase;

    text-align:center;

}

.class_tit>p{

    width:90%;

    margin:20px auto 0;

    text-align:center;

    font-size:16px;

    color:#666;

}







/*选课中心选项卡共用*/

.class_tab{

    width:1200px;

    margin:auto;

    /* overflow:hidden; */

}

.class_tab a{

    position: relative;

    display:block;

    float:left;

    width:182px;

    height:170px;

    border-radius:5px!important;

    -webkit-transition:-webkit-transform  .4s;

    transition:-webkit-transform  .4s;

    -o-transition:transform  .4s;

    transition:transform  .4s;

    transition:transform  .4s, -webkit-transform  .4s;

}

  

.class_tab a:hover{

    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.27);

    -webkit-transform:scale(1.05);

        -ms-transform:scale(1.05);

            transform:scale(1.05);

}

.class_tab a:nth-child(1){

    background:url(../images/course1.png) no-repeat center;

}

.class_tab a:nth-child(2){

    background:url(../images/course2.png) no-repeat center;

}

.class_tab a:nth-child(3){

    background:url(../images/course3.png) no-repeat center;

}

.class_tab a:nth-child(4){

    background:url(../images/course4.png) no-repeat center;

}

.class_tab a:nth-child(5){

    background:url(../images/course5.png) no-repeat center;

}

.class_tab a:nth-child(6){

    background:url(../images/course6.png) no-repeat center;

}

.class_tab a:not(:last-child){

    margin-right:21px;

}

.last_a{

    margin-right:0!important;

}



.class_tab a .tab_text{

    position:absolute;

    top:50%;

    left:10px;

    -webkit-transform:translateY(-50%);

        -ms-transform:translateY(-50%);

            transform:translateY(-50%);

}

.class_tab a .tab_text>p{

    color:#fff;

    text-align:left;

    text-transform:uppercase;

}

.class_tab a .tab_text>h3{

    font-size:22px;

    color:#fff;

    font-weight:bold;

    text-align:left;

    position: relative;

}

.class_tab a .tab_text>h3::after{

    position: absolute;

    bottom:-8px;

    left:0;

    content: "";

    height:2px;

    width:60px;

    background:#fff;

}









/*选课中心 产品卡片共用样式*/



.course_con img ,

.board_con img ,

.course_con img ,

.rainbow_con img ,

.ingfly_con img{

    display:block;

}



.board_bot ,

.course_bot{

    padding:15px 20px;

    overflow:hidden;

    height:120px;

}

.custom_bot>h2 ,

.board_bot>h2 ,

.course_bot>h2 ,

.rainbow_bot>h2 ,

.ingfly_bot>h2 ,

.vip_bot>h2{

    text-align:left;

    font-size:18px;

    font-weight:bold;

    margin-bottom:10px;

    color:#666;

}

.custom_bot>p ,

.board_bot>p ,

.course_bot>p ,

.rainbow_bot>p ,

.ingfly_bot>p ,

.vip_bot>p{

    text-align:left;

    font-size:14px;

}

.custom_bot>p>i ,

.board_bot>p>i ,

.course_bot>p>i ,

.rainbow_bot>p>i ,

.vip_bot>p>i{

    font-size:18px!important;

    color:#fb9f00;

    margin-right:5px;

}

.custom_bot>p>span ,.ingfly_bot>p>span{

    display:inline-block;

    width:16px;

    height:16px;

    font-size:14px;

    background:#fb9f00;

    color:#fff;

    text-align:center;

    line-height:16px;

    margin-right:2px;

    border-radius:3px;

}



/*卡片小按钮*/





.board_bot>a ,.rainbow_bot>a ,.ingfly_bot>a{

    display:block;

    float:right;

    width:100px;

    height:30px;

    font-size:16px;

    font-weight:bold;

    text-align:center;

    color:#fff;

    margin-top:10px;

    line-height:30px;

    border-radius:15px!important;

    background-image: linear-gradient( 0deg, rgb(250,175,0) 0%, rgb(250,125,0) 100%);

    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%);

    -webkit-box-shadow: 0px 3px 11px 0px rgba(250, 128, 0, 0.4);

            box-shadow: 0px 3px 11px 0px rgba(250, 128, 0, 0.4);



}





/*选课中心 底部广告共用*/

.bot_ad{

    position:relative;

    margin-top:50px;

}

























/*****************----------验定向定制班*************/



.class_tit .class_tit_one{

    width:400px;

    margin:auto;

    background:url(../images/tit_1.png) no-repeat center 16px;



}



/*定向和vip卡片样式共用*/

.custom_con ,.vip_con{

    width:1200px;

    margin:50px auto 0 ;

    

}

.custom_con .custom_class ,

.vip_con .vip_class{

    width:1100px;

    margin:auto;

    height:auto;

  

}

.custom_con .custom_class>ul>li{

    float:left;

    width:490px;

    height:500px;

    background:#fff;

    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.16);

            box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.16);

    border-radius:20px!important;

    transition:transform .3s;

}

.custom_con .custom_class>ul>li:hover  ,

.vip_con .vip_class>ul>li:hover{

    transform: translateY(-10px);

    

} 

.custom_con .custom_class>ul>li:not(:last-child) ,

.vip_con .vip_class>ul>li:not(:last-child){

    margin-right:120px;

}

.custom_class .custom_top,

.vip_class .vip_top{

    padding:10px;

    overflow:hidden;

}

.custom_class .custom_top>ul,

.vip_class .vip_top>ul{

    overflow:hidden;

}

.custom_class .custom_top>ul>li ,

.vip_class .vip_top>ul>li{

    width:50%;

    height:170px;

}



.custom_class .custom_top>ul>li:first-child ,

.vip_class .vip_top>ul>li:first-child{

    float:left;

    display:block;

    position:relative;

}

.custom_class .custom_top>ul>li:last-child ,

.vip_class .vip_top>ul>li:last-child{

    float:right;

}

.custom_class .custom_top>ul>li>.custop_posi ,

.vip_class .vip_top>ul>li>.viptop_posi{

    position:absolute;

    width:100%;

    top:50%;

    left:50%;

    -webkit-transform:translate(-50%,-50%);

        -ms-transform:translate(-50%,-50%);

            transform:translate(-50%,-50%);

}

.custop_posi img ,

.viptop_posi img{

    -webkit-transform-origin:center;

        -ms-transform-origin:center;

            transform-origin:center;

    -webkit-transition: -webkit-transform  .5s;

    transition: -webkit-transform  .5s;

    -o-transition: transform  .5s ;

    transition: transform  .5s ;

    transition: transform  .5s, -webkit-transform  .5s;

}

.custom_con .custom_class>ul>li:hover .custop_posi img ,

.vip_con .vip_class>ul>li:hover .viptop_posi img{

    -webkit-transform:rotate(360deg);

        -ms-transform:rotate(360deg);

            transform:rotate(360deg);

}



.custom_class .custom_top>ul>li>.custop_posi>h3 ,

.vip_class .vip_top>ul>li>.viptop_posi>h3{

    font-size:18px;

    font-weight:bold;

    color:#666;

}



.custom_class .custom_bot ,

.vip_class .vip_bot{

    padding:20px 30px;

    border-top:10px solid #f0f0f0;

}



.custom_bot>a ,

.vip_bot>a{

    display:block;

    margin:30px auto 10px;

    width:240px;

    height:50px;

    line-height:50px;

    border-radius:25px;

    font-size:18px;

    color:#fff;

    background-image: linear-gradient( 0deg, rgb(250,175,0) 0%, rgb(250,125,0) 100%);

    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%);

    -webkit-box-shadow: 0px 3px 11px 0px rgba(250, 128, 0, 0.4);

            box-shadow: 0px 3px 11px 0px rgba(250, 128, 0, 0.4);

}













/*****************----------寄宿营*************/



.class_tit .class_tit_two{

    width:650px;

    margin:auto;

    background:url(../images/tit_2.png) no-repeat center 16px;



}





.board_con{

    width:1200px;

    margin:50px auto 0;

}

.board_con>ul>li{

    width:380px;

    float:left;

    margin-right:28px;

    background:#fff;

    border-radius:10px!important;

    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.23);

            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.23);

    margin-bottom:30px;

    transition: transform .3s;

}

.board_con>ul>li:hover{

    transform: translateY(-10px);

}

.board_con>ul>li:nth-child(3){

    margin-right:0;

}

/* .board_con>ul>li:nth-child(4),.board_con>ul>li:nth-child(5){} */





/*****************----------文都网课*************/



.class_tit .class_tit_three{

    width:650px;

    margin:auto;

    background:url(../images/tit_3.png) no-repeat center 16px;



}





.course_con{

    width:1200px;

    margin:50px auto 0;

}

.course_con>ul>li{

    width:380px;

    float:left;

    margin-right:28px;

    background:#fff;

    border-radius:10px!important;

    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.23);

            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.23);

    margin-bottom:30px;

    transition: transform .3s;

}

.course_con>ul>li:hover{

    transform: translateY(-10px);

}

.course_con>ul>li:nth-child(3){

    margin-right:0;

}









/*****************----------彩虹版*************/



.class_tit .class_tit_four{

    width:680px;

    margin:auto;

    background:url(../images/tit_4.png) no-repeat center 16px;

}

.cycle_tit .class_tit_four_one{

    width:750px;

    margin:auto;

    background:url(../images/tit_4_4.png) no-repeat center 16px;

}

.rainbow_con{

    width:1200px;

    margin:50px auto 0;

}

.rainbow_con>ul>li{

    width:380px;

    float:left;

    margin-right:28px;

    background:#fff;

    border-radius:10px!important;

    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.23);

            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.23);

    margin-bottom:30px;

    transition: transform .3s;

}

.rainbow_con>ul>li:hover{

    transform: translateY(-10px);

}

.rainbow_con>ul>li:nth-child(3){

    margin-right:0;

}



.rainbow_bot{

    padding:15px 20px;

    overflow:hidden;

    height:160px;

}



.cycle{

    width:100%;

    background:#13c0a9;

    padding:40px 0;

}

.cycle_con{

    width:1200px;

    margin:0 auto;



}

.cycle_tit{

    width:1200px;

    margin:0 auto;

    overflow:hidden;

}



.cycle_box{

    width:1000px;

    height:400px;

    margin:50px auto 0;

    background:url(../images/for.png) no-repeat 190px center;

}

.cycle ul{

    overflow:hidden;

}

.cycle_box li{

    position:relative;

    width:170px;

    height:170px;

    float:left;

    border-radius:85px;

    background:#fff;

}

.cycle_box li:not(:last-child){

    margin-right:100px;

}

.cycle_box li.cycle_cur{

    background:#fb9f00;

}

.cycle_cur>.cycle_center>h3 ,.cycle_cur>.cycle_center>p{

    color:#fff!important;

}





ul.cycle_ul2{

    margin-top:55px!important;

}



.cycle_box li .cycle_center{

    position: absolute;

    width:90%;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

}

.cycle_box li .cycle_center>h3{

    font-size:44px;

    color:#fb9f00;

}

.cycle_box li .cycle_center>p{

    font-size:15px;

}









/*****************----------英菲集训营*************/



.class_tit .class_tit_five{

    width:680px;

    margin:auto;

    background:url(../images/tit_5.png) no-repeat center 16px;

}

  

.ingfly_con{

    width:1200px;

    margin:50px auto 0;

}

.ingfly_con>ul>li{

    width:380px;

    float:left;

    margin-right:28px;

    background:#fff;

    border-radius:10px!important;

    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.23);

            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.23);

    margin-bottom:30px;

    transition: transform .3s;

}

.ingfly_con>ul>li:hover{

    transform: translateY(-10px);

}

.ingfly_con>ul>li:nth-child(3){

    margin-right:0;

}

.ingfly_bot{

    padding:15px 20px;

    overflow:hidden;

    height:140px;

}

.ingfly_bot>p{

    float:left;

    width:50%;

    line-height:32px;

}

.ingfly_bot>a{

    margin-top:0!important;

}







/*****************----------vip一对一*************/









.class_tit .class_tit_six{

    width:464px;

    margin:auto;

    background:url(../images/tit_6.png) no-repeat center 16px;



}



.vip_con .vip_class>ul>li{

    float:left;

    width:490px;

    height:450px;

    background:#fff;

    -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.16);

            box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.16);

    border-radius:20px!important;

    transition:transform .3s;

}

.baozhang{

    width:1200px;

    margin:60px auto 0;

    overflow:hidden;

}

.baozhang_tit{

    width:1200px;

}

.baozhang_tit .class_tit_six_one{

    width:750px;

    margin:auto;

    background:url(../images/tit_6_6.png) no-repeat center 16px;

}

.baozhang>ul{

    padding:40px 0 0;

}

.baozhang>ul>li{

    overflow:hidden;

    float:left;

    width:200px;

    height:200px;

    border-radius:100px;

    background:#faa900;

}

.baozhang>ul>li:not(:last-child){

    margin-right:50px;

}

.baozhang>ul>li>h4{

    position:relative;

    width:200px;

    height:100px;

    background:#eee;

    color:#faa900;

    line-height:120px;

    text-align:center;

    font-size:20px;

    font-weight:bold;

}

.baozhang>ul>li>h4::after{

    position:absolute;

    bottom:20px;

    left:50%;

    transform:translateX(-50%);

    content: '';

    width:60px;

    height:3px;

    background:#faa900;

}

.baozhang>ul>li>p{

    text-align:center;

    padding-top:10px;

    color:#fff;

    font-size:16px;

    width:80%;

    margin:0 auto;

}