.m-classify { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.m-classify .c-item { text-align: center; }
.m-classify .c-item .img-box { width: 1.25rem; height: 1.25rem; line-height: 1.25rem; text-align: center; margin: 0 auto; background-color: #7fc45a; border-radius: 50%; }
.m-classify .c-item .img-box img { width: .8rem; }
.m-classify .c-item p { margin-top: .3rem; }

.m-case { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.m-case .case-item { width: 48%; margin-bottom: 4%; }
.m-case .case-item a { position: relative; display: block; }
.m-case .case-item .intro { position: absolute; left: 0; bottom: .2rem; width: 90%; background-color: #7fc45a; padding: .02rem .1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.m-case .case-item .intro p { color: #fff; font-size: .24rem; line-height:200%;}

.m-course { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
    .m-course .course-item {
        width: 48%;
        margin-bottom: 4%;
        border-radius: .1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: .2rem;
        border: 1px solid #efefef;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }
.m-course .course-item .title { font-size: .32rem; padding-bottom: .15rem; margin-bottom: .1rem; position: relative; }
.m-course .course-item .title::before { content: ''; display: inline-block; width: 1rem; height: .04rem; background-color: #fff; position: absolute; left: 0; bottom: 0; }
.m-course .course-item .intro { line-height: 180%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.m-course .course-item i { margin-top: .1rem; display: inline-block; padding: .05rem .2rem; border-radius: .06rem; font-size: .24rem; -webkit-box-shadow: 0.04rem 0.04rem 0 rgba(0, 0, 0, 0.2); box-shadow: 0.04rem 0.04rem 0 rgba(0, 0, 0, 0.2); }
.m-course .course-bg-green i { background-color: #8aca48; }
.m-course .course-bg-blue i { background-color: #4eb1c8; }
.m-course .course-bg-yellow i { background-color: #d3ac44; }
.m-course .course-bg-orange i { background-color: #da7049; }
.m-course .course-bg-purple i { background-color: #c497d1; }
.m-course .course-bg-green2 i { background-color: #25b977; }
.m-course .course-bg-blue2 i { background-color: #69b7dc; }
.m-course .course-bg-green3 i { background-color: #a5bf17; }

.m-mode .mode-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 4%; }
.m-mode .mode-item .mode-title { font-size: .36rem; width: 2rem; height: 1.5rem; line-height: 1.5rem; color: #fff; text-align: center; border-top-left-radius: .1rem; border-bottom-left-radius: .1rem; }
.m-mode .mode-item .mode-intro { width: calc(100% - 2rem); height: 1.8rem; background-color: #efefef; border-radius: .1rem; }
.m-mode .mode-item .mode-intro strong { display: block; width: 90%; margin-top: .3rem; color: #fff; padding: .1rem .3rem; font-size:.32rem}
.m-mode .mode-item .mode-intro p { margin-top: .15rem; padding: 0 .3rem; font-size:.28rem}

.m-honor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: row; flex-wrap: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.m-honor .honor-item { width: 48%; margin-bottom: 4%; }

.m-register { background: url(../images/m_green_bg.png) no-repeat top center/7.1rem 11.5rem; padding: .2rem; color: #fff; }
.m-register .register-item { margin-bottom: .3rem; }
.m-register .register-item:last-child { margin-bottom: 0; }
.m-register .register-item p { line-height: 200%; }
.m-register .register-item .title { display: inline-block; margin-bottom: .2rem; }
.m-register .register-item .qr-code-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.m-register .register-item .qr-code-list .qr-code-box { text-align: center; }
.m-register .register-item .qr-code-list .qr-code-box img { width: 2rem; }
.m-register .register-item .qr-code-list .qr-code-box p { margin-top: .2rem; }
.m-register .register-item .intro { line-height: 200%; }
.m-register .register-item .intro .flex-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.m-register .register-item .intro .flex-wrap .sub-title { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
.m-register .register-item .link-item a { margin-right: .5rem; }

.m-news .news-item { margin-bottom: 4%; }
.m-news .news-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.m-news .news-item a .img-box { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 2.6rem; }
.m-news .news-item a .news-intro { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 0; padding-left: .2rem; }
.m-news .news-item a .news-intro h3 { font-size: .32rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.m-news .news-item a .news-intro p { color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: .2rem; line-height: 200%; }