/*发现课程*/
@media screen and (min-width: 768px) and (max-width: 1024px){
    .header.header .page-container{
        width:100%;
    }
    .w{width:100%!important;}
    .advertisement{width:100%!important;}
    .main > .left{width:68%!important;margin-left:20px;}
    .main > .left .tab-menu{
        width:100%;
    }
    .class-data li.data1,.class-data li.data2,.class-data li.data3,.class-data li.data4{
        width: 25%;
        padding-left:0px;
    }
    .class-data .data-list{
        width:100%;
        height:auto;
        overflow:hidden;
    }
    .class-data li{
        width:100%;
    }
    .data-title ul{
        width:100%;
    }
    .main > .left .tab-menu li{
        width:15%;
        padding:0px;
        text-align:center;
    }
    .elsejoin-course{margin:0 20px;}
    .footer .content{width:100%!important;margin:0 20px;}
    .main > .right{width:26%;margin-right:20px;}
    .footer .content{width:100%;}
    .w{width:100%;}
    .top{overflow: hidden!important;}
    .top .w ul,.top .w h2,.top .path{margin:0 20px;}
    .ask .inner-top .title .label, .ask .inner-top .sub .label{left:0;}
    .ask .inner .inner-top{width:100%;}
    .ask .inner-top .title input.frame{width:90%;margin-left:50px;}
    .ask .inner-top .sub .cont-wrap{margin-left:50px;width:89%;}
    #cke_editor01{width:100%!important;}
    .top-tit {
        padding: 28px 15px 24px 15px;
    }
    .footer .content li{
        width: 18%;
        margin:0!important;
        margin-right: 1%!important;
    }
    .footer .content li .img-box{
        width:100%;
    }
    /*详情*/
    .detail-show-pic{
        width: 30%!important;
    }
    .detail-show-cont{
        width: 67%!important;
    }
    #end_time{
        top:40px;
        bottom:0px;
    }
    .detail-show-cont{
        width: 67%!important;
    }
    .study-info{
        top: 73px!important;
        bottom:80px!important;
    }
    .course-box{
        width: 40%!important;
    }
    .progres-box{
        width: 30%!important;
        padding-left: 3%!important;
    }
    .study-box{
        width: 14%!important;
        padding-left:0px!important;
        text-align:center;
    }
    .clamat{
        width:100%!important;
    }
    .right-conti .classmate ul li{
        width: 23%;
        margin:0 0.5%;
    }
    .clamat .clamatP{
        width:40px;
        height:40px;
        background-size:cover;
    }
    .left .comment .row .cnt{
        width: 98%;
    }

}