.courseImg, .imgAdapt .courseImg {
    height: 8.05rem;
    width: 100%;
}

.c-img-href {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 99;
}

.c-relative {
    position: relative;
    z-index: 1;
}

.c-width {
    width: 100%;
    float: left;
}

.c-100 {
    width: 100%;
    display: flex;
    display: -webkit-flex;
}

.c-100-bottom {
    border-bottom: 0.1875rem solid #f9f7f8;
}

/*tab 切换*/
.c-tab {
    display: flex;
    display: -webkit-flex;
    flex: 1;
    justify-content: center;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.875rem;
}

.c-tab-bottom {
    border-bottom: 0.0625rem solid #fe6342;
    color: #fe6342;
}
/************************************************/
/* pages/courseinfo/courseinfo.wxss */
.tab {
    display: -webkit-flex;
    display: inline-block;
    border-bottom: 0.125rem solid #fff;
    text-align: center;
    line-height: 1.875rem;
    width: 100%;
}

    .tab .tab-list {
        flex-grow: 1;
        font-size: 1.125rem;
        border-bottom: #f9f7f8 8rem solid;
        padding: 0.625rem 0rem;
        width: 50%;
        display: -webkit-flex;
        display: flex;
        float: left;
    }

    .tab .cur {
        color: #fe6342;
        border-bottom: #fe6342 solid 0.125rem;
    }


/* progress模块 */
.progress {
    padding-top: 8rem;
    height: 11.125rem;
    display: -webkit-flex;
    display: flex;
}

    .progress .pdvalue {
        flex-grow: 1;
        height: 11.125rem;
    }

    .progress .jdbox {
        width: 11.125rem;
        height: 11.125rem;
    }

        .progress .jdbox canvas {
            width: 11.125rem;
            height: 11.125rem;
        }

.chapter {
    padding-top: 0.0625rem;
}

.chapter-fa-list {
    padding-top: 0.0625rem;
}

.chapter-fa-list-bj {
    /*border-bottom: #f9f7f8 0.25rem solid;*/
}

.chapter .last {
    border-bottom: 0 none;
}

.chapter-son-list {
    padding: 0.5rem 0.5rem;
    display: -webkit-flex;
    display: flex;
}

    .chapter-son-list:active {
        background-color: #DADADA;
    }

    .chapter-son-list .left {
        width: 0.1256rem; /* height: 126rem; */
        position: relative;
        z-index: 9999;
    }

        .chapter-son-list .left image {
            width: 0.75rem;
            height: 0.75rem;
            position: relative;
            z-index: 99999;
        }

    .chapter-son-list .middle {
        flex-grow: 1; /* height: 110rem; */
        overflow: hidden;
    }

.text-tp {
    font-size: 0.7rem;
    color: #353535;
}

.text-tp-1 {
    font-size: 0.7rem;
    color: #353535;
    margin-bottom: 0.3rem;
}

.text-bt {
    font-size: 0.625rem;
    color: #888888;
    line-height: 15px;
}

    .text-bt div {
        vertical-align: middle;
        float: left;
    }

    .text-bt text {
        vertical-align: middle;
        float: left;
    }

.chapter-son-list .right {
    justify-content: center;
    align-items: Center;
}

    .chapter-son-list .right image {
        width: 1.125rem;
        height: 1.125rem;
    }

.chapter-son-list .gm {
    width: 2.1875rem;
    height: 1.125rem;
    border: 0.06rem #F00 solid;
    font-size: 0.7rem;
    line-height: 1.125rem;
    border-radius: 0.5rem;
    color: #F00;
    text-align: center;
}

.chapter-son-list .gmImage {
    width: 1rem !important;
    height: 1rem !important;
    position: relative;
    top: 50%;
    margin-top: -0.5rem;
    display: block;
}

.nullJson {
    height: 100%;
    width: 100%;
    line-height: 3.125rem;
    text-align: center
}

.border-2 {
    width: 2rem;
    height: 100%;
    border-left: 2rem solid #3097fc;
    margin: 0rem 10rem;
    position: absolute;
    z-index: 99;
    top: 0px;
    left: 0px;
}

.border-top {
    top: 1.25rem;
}

.border-img-bottom {
    height: 1.25rem;
}

.top-1-border-right {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    justify-content: center;
}

.top-1-border-left {
    border-right: 2rem solid #ccc;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    justify-content: center;
    width: 100%;
}

.icon {
    font-size: 5px;
    margin: -2px 3px 0px 3px;
}
/* --------- 顶部 图片样式 ----------------*/
.view-100 {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

.view-title-img {
    width: 100%;
    height: 310rem;
    border-radius: 10rem 10rem 0rem 0rem;
}

.view-relative {
    position: relative;
    z-index: 9;
}

.view-absolute {
    position: absolute;
    bottom: 0.625rem;
    right: 1.875rem;
    z-index: 999;
}


/* --------- 底部 购买 样式 ----------------*/
.view-foot-100 {
    height: 3.125rem;
    line-height: 3.125rem;
    border-top: 10rem solid #f9f7f8;
    position: fixed;
    bottom: 0rem;
    left: 0rem;
    background: #fff;
    z-index: 9999;
}

.view-title-left {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

.view-title-right {
    display: -webkit-flex;
    display: inline-block;
    width: 300rem;
}

.view-foot-bj {
    background: #fb5f21;
    font-size: 1.125rem;
    text-align: center;
    color: #fff;
}

.view-foot-color {
    color: #fb5f21;
}

.view-foot-zw {
    height: 11.25rem;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}


/* 0.625190110.125 新样式*/
.player {
    width: 0.7rem;
    height: 0.7rem;
    vertical-align: middle;
    margin-right: 0.3125rem;
    float: left;
}

.ico_bottom {
    width: 1rem !important;
    display: block;
}

.ico_right {
    width: 0.8rem;
    display: block;
}

.charTrue {
    width: 3.125rem;
    height: 3.125rem;
}

.ico_tx {
    width: 0.5rem;
    height: 0.5rem;
    vertical-align: middle;
    margin-right: 0.3125rem;
    float: left;
    margin-top: 0.2rem;
}

.charTrue, .imgAdapt .charTrue {
    width: 3.1rem;
    height: 3.1rem;
    position: absolute;
    z-index: 999;
    bottom: 0.6rem;
    right: 1.8rem;
}

.Ablock {
    display: block;
}