@charset "UTF-8";
/*自定义初始化样式*/
a { color: inherit; text-decoration: none; }

/*背景颜色*/
.bg-yellow { background-color: #f5cb33; }

.bg-gray { background-color: #efefef; }

.bg-gray2 { background-color: #eeeeee; }

.bg-footer { background-color: #f3f3f3; }

/*课程背景颜色*/
.course-bg-green { background-color: #a0dc62; }

.course-bg-blue { background-color: #74cfe4; }

.course-bg-yellow { background-color: #edbf47; }

.course-bg-orange { background-color: #ec774b; }

.course-bg-purple { background-color: #d0b0d9; }

.course-bg-green2 { background-color: #39cf8c; }

.course-bg-blue2 { background-color: #7ecef4; }

.course-bg-green3 { background-color: #b3ce1d; }

/*更多背景颜色*/
.more-bg-red { background-color: #f75a5e; }

/*教育模式背景*/
.mode-bg-green { background-color: #a0dc62; }

.mode-bg-green2 { background-color: #10b090; }

.mode-bg-blue { background-color: #42b3ca; }

.mode-bg-orange { background-color: #f5aa3a; }

.mode-bg-orange2 { background-color: #ff6130; }

/*标题背景*/
.title-bg-orange { background-color: #f39800; }

.title-bg-blue { background-color: #83e5fd; }

.title-bg-red { background-color: #eb6877; }

.title-bg-green { background-color: #8dd0be; }

.title-bg-green2 { background-color: #8fc31f; }

.title-bg-blue2 { background-color: #7ecef4; }

.title-bg-orange2 { background-color: #ec6941; }

/*外间距*/
.mt30 { margin-top: .6rem; }

.mb60 { margin-bottom: 1.2rem; }

/*公共标题样式*/
.g-header { text-align: center; color: #7fc45a; margin: .6rem 0 .4rem; }
.g-header .title { font-size: .36rem; }
.g-header p { font-size: .28rem; }
.g-header .sp-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: .2rem 0; }
.g-header .sp-wrap span { display: inline-block; margin: 0 .06rem; }
.g-header .sp-wrap span.small-box { width: .06rem; height: .06rem; }
.g-header .sp-wrap span.middle-box { width: .1rem; height: .1rem; }
.g-header .sp-wrap span.large-box { width: .14rem; height: .14rem; }

/*公共更多按钮*/
.m-more { text-align: center; }
.m-more a { display: inline-block; font-size: .28rem; padding: .16rem 1rem; background-color: #f75a5e; color: #fff; border-radius: .36rem; }

/*顶部样式*/
.m-header { padding: 0 .2rem; 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; margin: .3rem 0; }
.m-header .m-logo { width: 3rem; }
.m-header .m-tel { font-size: .3rem; padding-left: .9rem; color: #80c458; background: url(../images/m-phone.png) no-repeat left center/0.6rem auto; }

/*导航样式*/
.m-navbar { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #80c458; }
.m-navbar .nav-item { width: 25%; text-align: center; padding: .06rem 0; color: #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.m-navbar .nav-item:nth-child(4n) { border-right: 0; }

.m-banner .swiper-container { width: 100%; height: 100%; height: 2.5rem; }
.m-banner .swiper-slide { background-position: top center; background-size: 100% auto; cursor: pointer; }
.m-banner .swiper-slide a { display: block; }

.m-container { padding: 0 .2rem; }

/*底部样式*/
.m-foot { margin: .4rem 0 .8rem; padding: 0 .2rem; }
.m-foot p { text-align: center; line-height: 200%; font-size: .24rem; color: #666; }

/*底部工具条样式*/
.tool-bar { padding: .15rem .2rem; background-color: #80c458; 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; position: fixed; left: 0; bottom: 0; width: 100%; }
.tool-bar .t-item { width: 25%; color: #fff; text-align: center; border-right: .02rem solid #fff; }
.tool-bar .t-item:last-child { border-right: 0; }
.tool-bar .t-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.tool-bar .t-item a img { width: .4rem; margin-right: .05rem; }

/*站点导航样式*/
.m-site { padding: .1rem .2rem .2rem; 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; background: url(../images/m_site_bg.png) repeat-x left bottom/auto 0.06rem; }
.m-site .site-name { font-size: .32rem; }
.m-site .look-but { color: #666; }

.wrap-bg { position: fixed; width: 100%; height: 100vh; z-index: 999; visibility: hidden; -webkit-transition: all ease .3s; transition: all ease .3s; }

/*侧边二级导航样式*/
.m-sub-nav { position: fixed; z-index: -1; }
.m-sub-nav .sub-navbar { background-color: #fff; height: 100vh; width: 3.5rem; -webkit-transform: translateX(-3.5rem); transform: translateX(-3.5rem); -webkit-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.3); box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.3); -webkit-transition: all ease .3s; transition: all ease .3s; visibility: hidden; overflow-y: auto; }
.m-sub-nav .sub-navbar li { padding: 0.2rem; border-bottom: .02rem solid #ddd; }
.m-sub-nav .sub-navbar li h3 { font-size: .36rem; }
.m-sub-nav .sub-navbar li a { display: block; color: #666; }

.click { background-color: rgba(0, 0, 0, 0.6); visibility: visible; }