/*
* @Author: hongyu.duan
* @Date:   2019-03-14 10:55:15
* @Last Modified by:   Marte
* @Last Modified time: 2019-03-14 14:49:39
*/
@media only screen and (min-width: 100px) and (max-width: 980px) {
   
    .header .header_box button{
        font-size: 14px;
        height:30px;
        left:43%;
    }
	.content .wrap .type-one,.content .wrap .free,.content .more .more-box{
		width: 750px;
	}
	.c_tit{
		max-width: 750px;
		margin: 3% auto;
	}
	.content .wrap .type-one .course .course_r .cont_box p{
		height: 255px;
	}
}
@media screen and (min-width:100px) and (max-width:640px){
    .header{
        height:260px;
    }
    .header .header_box button{
        font-size: 14px;
        height:30px;
        left:37%;
    }
    .type-one{
    	width: 100%;
    }
    .header .header_box .box_tit {
        padding-top: 68px;
        font-size: 24px;
    }
    .c_tit{
    	font-size: 22px;
    }
    .wrap{
    	padding: 0 3%;
    }
    .header .header_box .box_desc{
        display: none;
    }
    .header .header_box .share .share_content a{
        width:35px;
        height:35px;
        line-height: 35px;
        font-size:16px;
        margin:0 15px;
    }
    .content .wrap .type-one{
        width:100%;

    }
    .content .wrap .type-one .c_tit{
        padding: 0;
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 24px;
    }
    .content .wrap .type-one .course{
    	height: auto;
    }
    .content .wrap .type-one .course .course_l{
        width:100%;
    }
    .content .wrap .type-one .course .course_r{
    	 width:100%;
        /*display:none;*/
    }
    .cl_top img{
        height: 100%;
        width:100%;
    }
    .content .wrap .free{
        width:100%; display: none;
    }
    .content .wrap .free .free-box{
        width:100%;
    }
    .content .wrap .free .free-box .free-cont{
        width:100%;
        margin:0 0 20px;
    }
    .content .wrap .type-one .course .course_r .cont_box p {
	    height: auto;
	}
    .content .wrap .free .free-box .free-cont a .img{
        width:100%;
    }
    .content .wrap .free .free-box .free-cont .card-title{
    }
    .content .wrap .free .free-box .free-cont .card-title a h3{
        font-size:14px;
    }
    .content .wrap .free .free-box .free-cont .card-title .users .users-cont{
        line-height:1px;
    }
    .content .more .more-box{
        width:100%;
    }
    .more-list dd{
        width: 90%;
        margin: 0 5% 36px 5%;
    }
    .more-list a p{
        font-size:16px;
    }
    footer p br{
		display: block;
	}
}