body{
    background-color: rgb(243,243,243);
}
*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}

#content{
    width: 1200px;
    margin: 0 auto;
}
/*背景图*/
.banner{
    width: 100%;
    height: 262px;

}
.banner img{
    width: 100%;
    height: 262px;
}
.address{

    font-size: 14px;
    margin-bottom: 25px;
    margin-top: 36px;
}
.prevAddress{
    color:#999999;
}
.curPage{
    color: #23B8FF;
}
/*类型选择导航*/
.types{
    overflow: hidden;
    margin-bottom: 50px;
}

.typesInfo{
    display: block;
    width:224px;
    height:136px;
    float: left;
    margin-right: 20px;
}
.typesInfo:last-child{
    margin-right: 0;
}
.typesInfo img{
    width:224px;
    height:136px;
}
/*所有课程*/
.allLessons{
    overflow: hidden;
}
 .lessons{
    width: 290px;
    height: 270px;
    margin-bottom: 10px;
     float: left;
     margin-right: 13px;
     margin-bottom: 20px;
}
 .lessons:nth-child(4n){
     margin-right: 0;
 }
 .lessons .pic{
     display: block;
 }
.lessons .pic img{
    width: 290px;
    height: 190px;
}

.lessons .information{
    width: 100%;
    height: 80px;
    background-color: white;
    padding: 15px;
}
.information .lessonName{
    font-size: 18px;
    color: #313131;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.information .hots{
    font-size: 14px;
    color: #F96A6A;
    vertical-align: middle;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

.information .lesson_money{float: right;display: inline-block;height: 32px;line-height: 32px;color: #F96A6A;font-size: 14px;}
.information .money_icon{width: 20px;height:20px;float: right;margin:5px 4px 0 0;}
.information .money_icon{width: 20px;height: 20px}



.fire{
    width: 14px;
    height: 18px;
    margin-right: 4px;
}
.newlist_nav li:nth-child(3) a{color: #FFF;}

.curPage a{color: #23B8FF;}
.newsInfo{display: inline-block;width: 250px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;font-size: 16px;}
.pc_nav{position: fixed;top: 0.25rem;right: 0.25rem;width: 0.6rem;height: 0.6rem;background: #22a9ff;z-index: 999;display: none;}
.pc_nav_con{position: fixed;z-index: 99;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s
;background: #FFF;top: 0;right: -5.5rem;width:5.5rem;height: 100%;opacity: 0;}
/*pc-media*/
@media screen and (max-width:750px) {
    body{font-size: 0.24rem;}
    .nav{display: none;}
    #footer{display: none;}
    .pc_nav{display: block;text-align: center;}
    .pc_nav a{color: #fff;display: inline-block;height: 0.8rem;width: 0.5rem;line-height: 0.8rem;text-align: center;}
    .pc_nav_show{display: block;right:0;    -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;opacity: 1;-moz-opacity: 1;}
    .pc_nav_con{box-sizing: border-box;padding-top: 2rem;-webkit-box-shadow: 4px 0 15px;  box-shadow: 4px 0 15px;}
    .pc_nav_con ul li{height: 0.8rem;line-height: 0.8rem;border-bottom:1px solid #f5f5f5;color: #b0b0b0;}
    .pc_nav_con ul li a{display: block;height: 0.8rem;line-height: 0.8rem;;font-size: 0.32rem;text-indent:1em;color: #666;}
    .nav_color a{color: #22a9ff !important;border-left: 5px solid #22a9ff;}
    #content{background: #FFF;box-sizing: border-box;margin: 0;width: 7.5rem;}
    .address{padding:0.2rem;margin: 0;width: 7.1rem;}
    .types{width: 7.5rem;padding: 0.2rem;}
    .types a{width: 1.25rem;height: 1rem;margin-right: 0.2rem}
    .types a img{width: 1.25rem;height: 1rem;}
    .allLessons{width: 7.5rem;padding: 0.2rem;}
    .lessons{width: 3.4rem;height: 3.2rem;margin-bottom: 0.2rem;    margin-right: 0.3rem;}
    .lessons:nth-child(2n){margin-right: 0;}
    .lessons .pic{width: 3.4rem;height: 2rem;}
    .lessons .pic img{width: 3.4rem;height: 2rem;}
    .lessons .information {
        width: 3.4rem;
        height: 1.2rem;
        background-color: white;
        padding: 0;
    }
    .newsInfo {
        width: 3.4rem;
        font-size: 0.30rem;
        height: 0.6rem;
        line-height: 0.6rem;

    }
    .fire {
        width: 0.25rem;
        height: 0.36rem;
        margin-right: 0.2rem;
    }
    .information .hots {
        font-size: 0.14rem;
        color: #F96A6A;
        vertical-align: middle;
    }
    .types{margin-bottom: 0.5rem;}
    .pc_nav{display: block;text-align: center;}
    .pc_nav a{display: inline-block;height: 0.6rem;width: 0.6rem;line-height: 0.6rem;text-align: center;background: url(../images/caidan.png) no-repeat center;  background-size: 0.4rem 0.4rem;}
    .nav_bg{background: url("../images/cuowu.png") no-repeat center !important;background-size: 0.4rem 0.4rem !important;}
    #toolbar{display: none;}
    .banner{height: 2.5rem;}
    .banner img{height: 2.5rem;}
    .information .lesson_money{font-size: 0.24rem;}

}