@import "reset.css";

body{
    max-width: 750px;
    margin: 0 auto;
}
.banner {
    width: 100%;
    height: 3rem;
    background: url(../images/mbanner.jpg) no-repeat center;
    background-size: cover;
}

.main {
    width: 6.9rem;
    margin: 0 auto;
    text-align: center;
    padding-top: 1px;
}

.content1{
    padding-bottom: .4rem;
}

.course_list{
    margin-top: .5rem;
}

.course_list li{
    float: left;
    width: 3.25rem;
	height: 3.25rem;
	background-color: #ffffff;
	box-shadow: 0rem 0rem .8rem 0rem 
		rgba(194, 213, 242, 0.6);
    border-radius: .1rem .1rem 0rem 0rem;
    margin: 0 .4rem .3rem 0;
}
.course_list li:nth-child(even){
    margin-right: 0;
}
.course_list li a{
    display: block;
    width: 3.25rem;
	height: 3.25rem;
}
.course_list li a>img{
    width: 100%;
}
.course_list a>h3{
    font-size: .12rem;
    color: #303030;
    height: .54rem;
    margin: .15rem auto .18rem;
    text-align: left;  
    padding-left: .1rem;
} 
.course_info{
    /* width: 2.25rem; */
    margin: 0 auto;
    padding: 0 .1rem;
}
.course_info>span{
    float: left;
    color: #1cb877;
    font-size: .16rem;
}

.course_info>p{
    float: right;
    font-size: .12rem;
    color: #9c9ea9;
}
.course_info>p span{
    vertical-align: middle;
}

.course_ad{
    display: block;
    width: 4.43rem;
	height: .6rem;
	line-height: .6rem;
	background-color: #1bc47e;
	box-shadow: 0rem 1px 6px 0rem 
		rgba(172, 183, 178, 0.9);
    border-radius: .3rem;
    font-size: .2rem;
    color: #ffffff;
    margin: .4rem auto 0;
}
.content2{
    padding-bottom: .5rem;
}
.content2 .main{
    height: 8.4rem;
    background: url(../images/mCon2.png) no-repeat center;
    box-shadow: 0px 1px 18px 0px 
        rgba(195, 214, 242, 0.8);
    background-size: 100%;
}