body {
    background: #f3f3f3;
}

.threetopdiv {
    font-size: 0rem;
    padding: 0.5rem 1rem;
    text-align: center;
}


.ThreeDiv {
    width: 33.33%;
    display: inline-block;
    font-size: 0.7rem;
    font-weight: bold;
}

.spancolor {
    color: #9C9C9C;
}

.spansel {
    padding: 0.2rem 0rem;
    border-bottom: 2px solid #FF5722;
    color: black;
}

.chapterdiv {
    font-size: 0rem;
    text-align: center;
    background: white;
    margin: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 0.3rem;
    margin-top: 0rem;
}

.chapterfenduan {
    display: inline-block;
    font-size: 0.6rem;
}

.chapterTxt {
    font-size: 0.6rem;
    text-align: left;
    font-weight: bold;
}

.gooddiv {
    background: #009285;
    color: white;
}

.nogooddiv {
    background: #FF7979;
    color: white;
}

.nostudydiv {
    background: #D7D7D7;
    color: #676767;
}

.datadiv {
    padding: 0.5rem 0rem;
    display: inline-block;
    width: 84%;
}

.details {
    display: inline-block;
    font-size: 0.6rem;
    width: 16%;
    text-align: right;
}

.cls90 {
    background: #009285;
    color: white;
}

.cls80 {
    background: #0BA99B;
    color: white;
}

.cls70 {
    background: #65C0B8;
    color: white;
}

.cls60 {
    background: #B4CFCF;
    color: white;
}

.clsxy60 {
    background: #D1B0B0;
    color: white;
}

.cls50 {
    background: #EC9797;
    color: white;
}

.cls40 {
    background: #FF7979;
    color: white;
}

.cls0 {
    background: #D7D7D7;
    color: #676767;
}

.spantx {
    font-size: 0.6rem;
    margin: 0.3rem;
    padding: 0.3rem;
    display: inline-block;
}

.TopCL {
    background-color: rgb(0 0 0 / 43%);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.circleyd1 {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 1rem;
    margin-right: 0.2rem;
    background: #009285;
    vertical-align: middle;
}

.circleyd2 {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 1rem;
    margin-right: 0.2rem;
    background: #D7D7D7;
    vertical-align: middle;
}

.circleyd3 {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 1rem;
    margin-right: 0.2rem;
    background: #FF7979;
    vertical-align: middle;
}

.texttl {
    vertical-align: middle;
    display: inline-block;
}


.STOPSC {
    overflow: hidden;
}

.cls1 {
    font-size: 0rem;
    background: white;
    margin: 0rem 1rem;
    text-align: center;
}

.cls2 {
    font-size: 0.6rem;
    padding: 0.5rem;
}

.cls3 {
    font-size: 0.8rem;
    padding: 0.5rem;
    padding-bottom: 0rem;
    font-weight: bold;
}

.fouth1 {
    display: inline-block;
    vertical-align: middle;
    width: 20%
}

.btncls {
    background: #FF5722;
    font-size: 0.6rem;
    padding: 0.2rem;
    margin: 0.3rem;
    border-radius: 0.2rem;
    color: white;
}


.halfdiv {
    font-size: 0.6rem;
    display: inline-block;
    width: 50%
}

.leftjb {
    padding: 0.2rem 0.4rem;
    background: white;
    border-radius: 0.2rem
}

.kemuqiehuan {
    font-size: 0rem;
    background: #ffffff;
    text-align: center;
    margin: 0.5rem 1rem;
    margin-top: 0rem;
    text-align: left;
}

.coursethree {
    width: 33.33%;
    font-size: 0.6rem;
    display: inline-block;
    padding: 0rem 0.2rem;
    margin: 0.3rem 0rem;
    text-align: center;
}

.defalutcor {
    background: #EEEEEE;
    padding: 0.2rem
}

.seldefalt {
    background: #EEF5FF;
    color: #3C83F1;
}

.jbspans {
    display: inline-block;
    vertical-align: middle
}

#cover {
    opacity: 0.5;
    background: rgb(0, 0, 0);
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    user-select: none;
    z-index: 1024;
    display: none;
}

.skucs {
    position: fixed;
    bottom: 50%;
    z-index: 9999;
    width: 100%;
    display: none;
    height: 6rem;
}

.condivsku {
    margin: 0rem 1rem;
    background: white;
    text-align: center;
    padding: 0.5rem;
}

.spanbtnclss {
    padding: 0.2rem 0.4rem;
    background: #FF5722;
    border-radius: 0.2rem;
    color: white;
    font-size: 0.6rem;
}

.wxts {
    font-size: 0.6rem;
    color: #FF5722;
    padding-bottom: 0.5rem
}

.nodatatxt {
    font-size: 0.6rem;
    color: gray;
    padding: 0.5rem 0rem;
}

.xtpj {
    text-align: center;
    padding: 0.5rem;
    font-size: 0.8rem;
    font-weight: bold;
}

.MbDivcls p{
    font-size:0.6rem;
    line-height:2;
}


.firdivcls {
    background: #fff;
    margin: 0.5rem 1rem;
    padding: 0.5rem;
}

@media only screen and (min-width: 640px) {
    .skucs {
        width: 640px;
        margin: 0 auto;
    }
}