#xuexiaochengguo{width: 1000px;margin: 0px auto 0px;padding-bottom: 50px;}
a{color: #333;text-decoration: none}
.xuexiao_cg_leixing {
        display: flex;
        padding: 15px 20px;
        background: white;
        width: 100%;
        margin: 0px auto 30px;
        box-sizing: border-box;
    }
.xuexiao_type_noactive {
        padding: 5px 15px;
        background: white;
        color: #666666;
        margin-left: 20px;
        cursor: pointer;
        border-radius: 7px;
    }
.xuexiao_type_actived {
        background: #1d9adb;
        color: white;
    }
.guankanshuju {
        margin: 10px 0px;    display: flex;
        color: #999999;
    }
.liulan {
        margin-right: 10px;
        display: flex;
    }
    .courseList01 .guankanshuju img {
        width: 20px;
        vertical-align: bottom;
        margin-right: 4px;
        height: 20px;
    }
    .courseList01 .picText .c1 img{    width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: bottom;}
    .f-up:hover {transform:translate(0,-10px);   
        -webkit-transform:translate(0,-10px);   
         -moz-transform:translate(0,-10px);   
          -o-transform:translate(0,-10px);   
           -ms-transform:translate(0,-10px);
           box-shadow: 0 0 10px #ccc;top: -3px;
           box-shadow: 5px 5px 4px #ccc;
           border-radius: 20px;
           transition: 0.2s ease-in-out;cursor: pointer;}

           .nodate{font-size: 18px;margin-bottom: 30px;color: #888888;font-weight: bold;margin-left: 20px;}
    .m-style {
        position: relative;
        text-align: center;
        zoom: 1;
        margin-bottom: 50px;
        justify-content: center;
    }
    
    .m-style:before,
    .m-style:after {
        content: "";
        display: table;
    }
    
    .m-style:after {
        clear: both;
        overflow: hidden;
    }
    
    .m-style span {
        /* float: left; */
        margin: 0 5px;
        width: 38px;
        height: 38px;
        line-height: 38px;
        color: #bdbdbd;
        font-size: 14px;
    }
    
    .m-style .active {
        /* float: left; */
        margin: 0 5px;
        width: 38px;
        height: 38px;
        line-height: 38px;
        
        color: #fff;
        font-size: 14px;
        border: 1px solid #2d98e6;
        background: #2d98e6;
       
        
    }
    
    .m-style a {
        /* float: left; */
        margin: 0 5px;
        width: 50px;
        height: 38px;
        line-height: 38px;
        background: #fff;
        border: 1px solid #ebebeb;
        color: #666;
        font-size: 16px;
    }
    .prev,.next{
      /* float: left; */
        margin: 0 5px;
        width: 55px;
        height: 38px;
        line-height: 38px;
        background: #fff;
        border: 1px solid #ebebeb;
        color: #666;
        font-size: 14px;
        cursor: pointer;
    }
    .m-style a:hover,.prev:hover,.next:hover {
        color: #fff;
        background: #2d98e6;
    }
    
    .m-style .next,
    .m-style .prev {
        font-family: "Simsun";
        font-size: 16px;
        font-weight: bold;
    }
    
    .now,
    .count {
        padding: 0 5px;
        color: #2d98e6;
    }
    
    .eg img {
        max-width: 800px;
        min-height: 500px;
    }