
/*pad适配样式*/

@media screen and (min-width:768px) and (max-width:1024px) {
    .fastPass{
        width: 100%!important;
    }
    .fastPass .swiper-wrapper{
        width:100%;
    }
    .fastPass .swiper-wrapper li{
        width:32.5%;
        margin-right:1%;
    }
    .fastPass .swiper-wrapper li:last-child{
        margin-right:0px;
    }
    .classInfor{
        width:150%!important;
        margin-left: -25%;
    }
    .packetRight{
        width:48%;
    }
    .newzi-text .newzi-time span{
        margin-right: 3px;
    }
    .newzi-text .newzi-time span:last-child{
        margin-right:0px;
    }
    .newzi-text .newzi-time{
        padding-left:8px;
    }
    /*   模板8   */
    html,body{
        width:100%;
        overflow-x:hidden;
    }
    .loginBefore .loginBut, .loginBefore .registerBut{
        width:46%;
    }

    .q_alert .register .reg-form li {
        height: 40px;
    }

    .showstar {
        width: 90%;
        height: 30px;
        display: inline-block;
        left: 0px;
        text-align:left;
        padding-left:5%;
        margin-top: 10px;
    }
    .showstar i{
        width:14px;
        height:14px;
        background-size:cover;
    }
    .fract {
        right: 14%!important;
        bottom: 33px!important;
    }


    * {
        box-sizing: border-box;
    }
    .article {
        padding: 0 10px;
    }
    .mouldBox {
        width: 100%;
        padding: 2px 10px 0px;
        /* height: 236px; */
    }
    .articleLeft {
        width: 20%;
    }
    .articleRight {
        width: 80%;
    }
    .articleLeft dt {
        font-size: 16px;
    }
    .customTemplate{
        padding-top: 0px!important;
    }
    .allClassIcon {
        /*     font-size:16px; */
    }
    .articleLeft h3 span {
        max-width: 85%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .swiperBox .mouldSwiper {
        width: 70%;
    }

    .loginRegist {
        width: 28%!important;
        margin-left: 2%;
    }
    .adertList {
        width: 100%;
    }
    .adertList li {
        width: 32%;
        margin-left: 1%;
    }
    .contentListBox li {
        width: 24%;
        margin-left: 1%;
    }
    .contentListBox {
        width: 100%;
    }
    .openClass h4 {
        height: auto;
    }
    .contentList {
        margin-bottom: 84px;
    }
    .subjectLeft {
        width: 18%;
    }
    .subjectRight {
        width: 80%;
    }
    .subjectRight {
        margin-left: 2%;
    }
    .groomClass {
        padding-top: 29px;
        height: 150px;
    }
    .subjectRight h4 {
        height: 64px;
    }
    .section {
        height:auto;
        overflow: hidden;
    }
    .subjectBox {
        padding-bottom: 0px;
    }
    .leftAdert {
        height: 300px;
    }
    .packetLeft {
        width: 50%;
    }
    .coursePacketBox li:after, .coursePacketBox li:before{
        width: 99%;
    }
    .coursePacketBox li {
        width: 48%;
        margin-right: 1%;
    }
    .coursePacketBox {
        padding-bottom: 25px;
    }
    .packetRight p {
        padding-top: 9px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .packetLeft {
        /*height: 80px;*/
    }
    .famousT {
        padding-top: 17px;
    }
    .famousT-list li {
        width: 18%;
        margin: 0 1%
    }
    .famousT {
        margin-left: 0px;
    }
    .membg-area {
        width: 100%;
        padding: 0 10px;
    }
    .answerque .courque {
        width: 60%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .newzi-list {
        padding-top: 17px;
    }
    .newzi-list li {
        margin: 0;
        width: 50%;
    }
    .newzi-list .newzi-pic {
        width: 50%
    }
    .newzi-list .newzi-ding {
        width: 50%;
    }
    .customList {
        padding: 18px 0 0 15px;
    }
    .customList li {
        width: 24%;
    }
    .customList .cusImg {
        margin: 0 1%;
    }
    .body-box {
        height: auto;
        margin-bottom: 25px;
    }
    .famSec{
        height:auto;
        overflow: hidden;
        padding-bottom: 42px;
    }
    .f-3-left{
        width: 39%!important;
    }
    .f-3-middle>div{
        width:150px!important;
    }

    .f-3-right>div{
        margin-left:10%!important;
    }

    .f-3-right{
        width:39%!important;
    }
    .c-footer{
        padding:0 10px!important;
    }
    .qimg_hover span{
        margin-right:8px!important;
    }
    /*模板7*/
    .classList{
        width: 141%;
        padding:0 15px;
        margin-left:0px;
        box-sizing:border-box;
        margin-left: -20%;
        margin-top: -9px;
    }
    .classList li{
        margin:0px;
        /* margin-right:1%; */
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .listImg{
        width:100%;
    }
    .articleBox{
        width:100%;
    }
    .famousArea{
        width:100%;
    }
    .famousArea li{
        width: 15%;
        margin-right: 1%;
    }
    /*模板六*/
    section .line-title{
        height: 100px;
        line-height: 100px;
    }
    .class-area{
        width:100%!important;
        height:auto;
        overflow:hidden;
    }
    .class-area .class-box{
        width: 24.25%;
        margin-right:1%;
    }
    .class-area .class-box:nth-child(4n){
        margin-right:0;
    }
    .class-area .class-box img{
        width:100%;
    }
    .loginCon h4{
        width:100%;
        height:auto;
        overflow:hidden;
    }
    section{
        padding:0 15px;
        box-sizing:border-box;
    }
    .content{
        width:100%;
    }
    section .footer-btn{
        height: 80px;
    }
    section .footer-btn .more-btn{
        margin-top:14px;
    }
    .sec-2 .content{
        width:100%;
    }
    .class-area .play-class-box{
        width:24%;
        margin-right:1%;
    }
    .class-area .play-class-box:nth-child(4n){
        margin-right:0;
    }
    .class-area .class-box-p{
        width:100%;
        margin:0;
    }
    .class-area .class-box-p img{
        display:block;
        width:100%;
    }
    .class-area .class-box-p p{
        width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .play-class-box .play-box{
        width: 105%!important;
    }
    .play-class-box .play-box .lines{
        width:100%!important;
    }
    .play-box .play-state{
        width:105%;
    }
    .class-area .layer-box{
        width:24%;
        margin-right:1%;
    }
    .top-box{
        width:100%;
    }
    .top-box img{
        width:96%;
        margin-top:3px;
    }
    .teacher-box{
        width:24%;
        margin-right:1%;
    }
    .nav-item.head_lists{
        width:30%;
    }
    /*  模板5	 */
    /*.nav-item.head_lists{
        width:100px!important;
    }*/
    .w{
        width:100%;
        padding:0 15px;
    }
    .pt30{
        padding-top:15px;
    }
    .item-course{
        padding-top:15px;
    }
    .title .title-list{
        max-width:70%;
    }
    .item-course ul{
        width:100%;
    }
    .item-course ul li{
        width:24%;
        margin-right:1%;
    }
    .w .teacher-box{
        width:100%;
    }
    .loginTile{
        height:auto;
        padding-bottom:10px;
        overflow: hidden;
    }
    .loginBefore p.fl{
        width:100%;
    }
    .loginBefore div.fr{
        margin-top:10px;
    }
    .loginCon{
        padding-top:0;
    }
    .loginCon p{
        padding-top:18px;
    }
    .loginRegist{
        padding-top:10px;
    }
    .teacher-box li{
        width: 24%;
        margin-right:1%!important;

    }
    .teacher-box li:nth-child(4n){
        margin-right:0px;
    }
    /*模板四*/
    .width1200{
        width:100%;
        padding:0 15px;
    }
    width1200 .left-tem{
        width:100%;
    }
    .left-tem{
        width:75%!important;
    }
    .content-tem .adaption{
        width:100%!important;
    }
    .left .content-box .content-tem{
        box-sizing:border-box;
    }
    .content-box .adaption .text-box:first-child{
        margin-right:1%!important
    }
    .content-tem .text{
        width:32.3%!important;
        margin-left:0px!important;
        margin-right:1%
    }
    .content-box .adaption .text-box:last-child{
        margin-right:0px!important;
    }
    .right-tem{
        width:25%!important;
    }
    .hot-teacher .teacher-box{
        width:100%;
    }
    .mingshow-box .mingshow{
        width:32%;
    }
    .content-tem .adaption{
        margin-left:0;
    }
    .subjectRight h4 img{
        height:100%;
    }
    @media (max-width: 1024px) {
        .navBox ul{max-width: 750px;}
        .poster-main.heart-swiper-container,.poster-list{width:100%!important;}
    }
    @media (max-width: 768px) {
        .stuHeart{width:380px!important;}
        .navBox ul{max-width: 550px;}
        .poster-main.heart-swiper-container,.poster-list{width:100%!important;}
        .poster-item{width:400px!important;}
    }
    .heart-swiper-container .prevbut, .heart-swiper-container .nextbut{top:70%!important;}

}
