* {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0)
}

i,a,li {
    font-style: normal;
    text-decoration: none;
    list-style: none
}

body {
    width: 10rem;
    margin: 0 auto;
    overflow-x: hidden;
    background: #fff;
    background-color: #f9f9f9
}

.header {
    width: 100%;
    background: #e75d09
}

.header>div {
    width: 92%;
    margin: 0 auto;
    height: 1.093333rem;
    padding: .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
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.header>div>a {
    padding-right: .5rem;
    color: #313131;
    font-size: .386667rem
}

.header>div>a>i {
    color: #313131
}

.header>div>span {
    font-size: .48rem;
    color: #fff
}

.tabhead {
    font-size: 0;
    text-align: center;
    padding: .3rem 0;
    border-bottom: 1px solid #e1e0e0;
    background-color: #fff;
    width: auto;
    overflow-x: auto;
    white-space: nowrap
}

.tabhead li {
    display: inline-block;
    border-radius: 20px;
    margin: 0 .3rem
}

.tabhead li a {
    font-size: .4rem;
    padding: .2rem .3rem;
    display: block;
    color: #323232
}

.tabhead li.active {
    background-color: #e75d09
}

.biaozhu {
    padding: 0 10px;
    margin-bottom: 10px
}

.biaozhu li {
    display: inline-block
}

.biaozhu li .point {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    background-color: #2bba8f
}

.biaozhu li .p_font {
    margin: 0 .2rem
}

.eventUl {
    padding: 10px 10px;
    margin: 0 10px;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 10px;
    max-height: 12rem;
    overflow-y: scroll
}

.eventUl .itemLi {
    box-shadow: 0 0 5px 0 #ccc;
    position: relative;
    margin-top: 8px
}

.eventUl .itemLi .greenPart {
    background-color: #2bba8f;
    width: 1.8rem;
    height: 1.8rem;
    display: block;
    padding: .2rem;
    position: absolute;
    left: 0;
    top: 0
}

.eventUl .itemLi .greenPart .week {
    font-size: .5rem;
    color: #fff;
    margin: .1rem 0
}

.eventUl .itemLi .greenPart .d_day {
    color: #e75d09;
    font-size: .6rem;
    display: inline-block
}

.eventUl .itemLi .greenPart .m_month {
    font-size: .4rem;
    color: #fff;
    display: inline-block;
    text-align: right
}

.eventUl .itemLi .infoPart {
    padding: .2rem;
    padding-left: 2.5rem;
    display: block;
    height: 1.8rem
}

.eventUl .itemLi .infoPart .class_name {
    font-size: .4rem;
    color: #2f2f2f;
    margin-top: .1rem
}

.eventUl .itemLi .infoPart .m_dv {
    margin-top: .2rem;
    font-size: .3rem;
    color: #898989
}

.eventUl .itemLi .infoPart .m_dv .s_name {
    float: left
}

.eventUl .itemLi .infoPart .m_dv .t_time {
    float: right
}

.courseLists {
    padding: 0 10px;
    margin-bottom: 15px
}

.courseLists .s_title {
    background-color: #e75d09;
    font-size: .5rem;
    color: #fff;
    padding: 8px 10px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.courseLists .s_classLists {
    background-color: #fff;
    padding: 20px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.courseLists .s_classLists .s_item {
    position: relative;
    min-height: 1.5rem;
    margin-bottom: .5rem;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: .5rem
}

.courseLists .s_classLists .s_item .imgDv {
    position: absolute;
    width: 3rem;
    height: 1.5rem;
    background-image: url("../img/class_default.jpg");
    background-size: cover;
    border-radius: 3px
}

.courseLists .s_classLists .s_item .imgDv img {
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.courseLists .s_classLists .s_item .infoDv {
    display: block;
    padding-left: 3.4rem
}

.courseLists .s_classLists .s_item .infoDv h3 {
    font-size: .4rem;
    font-weight: normal;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.courseLists .s_classLists .s_item .infoDv .lineDv {
    font-size: .35rem;
    margin: .1rem 0
}

.courseLists .s_classLists .s_item .infoDv .lineDv p {
    display: block
}

.courseLists .s_classLists .s_item .infoDv .lineDv img {
    width: .35rem;
    margin-right: .2rem;
    vertical-align: middle
}

.courseLists .s_classLists .s_item .infoDv .lineDv span {
    font-size: .35rem;
    color: #4a4949;
    margin-left: 5px
}

.courseLists .s_classLists .s_item .infoDv .lineDv span p {
    display: inline-block
}

.courseLists .s_classLists .s_item .btn_group {
    text-align: right;
    margin-top: 7px
}

.courseLists .s_classLists .s_item .btn_group a {
    background-color: #e75d09;
    color: #fff;
    padding: .1rem .3rem;
    font-size: .35rem;
    border-radius: 3px
}

.flatpickr-wrapper {
    margin-top: 10px;
    margin-bottom: 20px
}

.flatpickr-calendar {
    width: 90%;
    margin: 0 auto;
    background-color: #e75d09;
    border-radius: 20px
}

.flatpickr-calendar:before,.flatpickr-calendar:after {
    display: none
}

.flatpickr-calendar .flatpickr-day {
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    border-radius: 50%;
    outline: none;
    font-size: .4rem
}

.flatpickr-calendar .flatpickr-day.today {
    border-radius: 50%;
    color: #fff
}

.flatpickr-calendar .flatpickr-day.outdate {
    color: #2bba8f;
    position: relative
}

.flatpickr-calendar .flatpickr-day.outdate:after {
    left: 50%;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    background-color: #2bba8f;
    display: block;
    border-radius: 50%;
    content: "";
    position: absolute
}

.flatpickr-calendar .flatpickr-day.indate {
    color: #dc1115;
    position: relative
}

.flatpickr-calendar .flatpickr-day.indate:after {
    left: 50%;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    background-color: #dc1115;
    display: block;
    border-radius: 50%;
    content: "";
    position: absolute
}

.flatpickr-calendar .flatpickr-months {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #b4b098
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
    top: 14px
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    top: 14px
}

.footer {
    color: #6f6f6f;
    font-size: 12px;
    text-align: center;
    padding: 1rem 0;
    background-color: #434343
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    color: #fff;
}
.lubo {
    padding: 0 10px
}

.lubo h3 {
    font-size: .45rem;
    font-weight: normal;
    display: block;
    margin: 10px 0
}

.lubo .ulList {
    font-size: 0
}

.lubo .ulList .li_item {
    display: inline-block;
    width: 46%;
    margin: 2%;
    vertical-align: top
}

.lubo .ulList .li_item .imgDv {
    width: 100%
}

.lubo .ulList .li_item .imgDv img {
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.lubo .ulList .li_item .info {
    background-color: #fff;
    padding: 10px 12px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid #e3e3e3
}

.lubo .ulList .li_item .info .name {
    font-size: .4rem;
    color: #5f5f5f;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 1.1rem
}

.lubo .ulList .li_item .info .btn-group {
    font-size: .3rem;
    margin-top: 25px
}

.lubo .ulList .li_item .info .btn-group .a {
    background-color: #e75d09;
    padding: .1rem .18rem;
    border-radius: 10px;
    float: left;
    color: #313131
}

.lubo .ulList .li_item .info .btn-group .num {
    color: #737272;
    float: right;
    padding: .1rem 0
}

.m_videopart {
    border: 0;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 95%;
    margin: 0 auto;
    margin-top: 15px
}

.m_videopart thead {
    background-color: #e75d09
}

.m_videopart thead td {
    color: #fff;
    padding: .2rem;
    font-size: .45rem
}

.m_videopart tbody tr {
    background-color: #fffefa
}

.m_videopart tbody tr:nth-child(odd) {
    background-color: #fff
}

.m_videopart tbody td {
    font-size: .3rem;
    padding: .6rem .2rem;
    font-size: .4rem
}

.m_videopart tbody td .btn_play {
    color: #323232;
    padding: .2rem;
    border: 1px solid #d0cfcf;
    border-radius: 4px
}

.m_videopart tbody td .btn_play.disabled {
    background-color: #ccc;
    color: #fff
}

.videopart {
    position: fixed;
    z-index: 22222;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.videopart .coverbg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3)
}

.videopart video {
    position: relative;
    width: 80%;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-60%);
    display: block
}

.videopart .innerInfo {
    background-color: #fff;
    position: relative;
    width: 80%;
    margin: 0 auto;
    padding: 0 20px;
    top: 50%;
    transform: translateY(-60%);
    border-radius: 2px
}

.videopart .innerInfo .h3Dv {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    position: relative
}

.videopart .innerInfo .h3Dv h3 {
    padding: 0;
    margin: 0
}

.videopart .innerInfo .h3Dv .fa-close {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 15px;
    font-size: 20px
}

.videopart .innerInfo .videolist {
    position: relative;
    padding: 0;
    margin: 0 auto;
    padding-top: 10px
}

.videopart .innerInfo .videolist .lii_item {
    display: block;
    padding-bottom: 10px
}

.videopart .innerInfo .videolist .lii_item a {
    color: #36c5ff
}

.chooseUl {
    margin: .3rem .2rem
}

.chooseUl .itemLi {
    display: inline-block;
    margin: 5px 5px;
    border-radius: 20px;
    padding: .1rem .3rem;
    font-size: 14px
}

.chooseUl .itemLi.active {
    background-color: #e75d09
}