html{font-size:20px;}
*{padding:0;margin:0;box-sizing: border-box;}
body{background-color:#fff;font-family:STHeiti,Droidsansfallback,Helvetica,"Microsoft YaHei",Arial,sans-serif,"宋体";font-size:0.7rem;}
ul li{list-style:none;}
.button {
    font-size: 0.7rem;
    font-weight: normal;
    letter-spacing: 0.01em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
    margin-bottom: 0;
    border: 0.05rem solid #3c91f9;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    background-image: none !important;
    color: #fff;
    background-color: #3c91f9;
    text-shadow: none;
    box-shadow: none;
    line-height: 1.5;
    padding: 0.5rem 0.9rem;
    position: relative;
    transition: color 0.1s linear 0s, background-color 0.1s linear 0s, opacity 0.2s linear 0s !important;
    width: 100%;
}
.size-12 {
font-size:0.6rem;
}
.PageHCenter {
    font-size: 0.8rem;
    text-align: center;
    margin: 0rem 2rem;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
}
.PageHRight {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    font-size: 0rem;
}
input {
    outline-style: none;
}
img{display:block;width:100%;}
a{text-decoration:none;}
.padiing{padding:0 1rem;}
.marginBottom{margin-bottom:3rem;}

.navTopBg{background:#3c91f9;position: fixed;width: 100%;z-index: 3;top: 0rem;height: 2rem;}
.navTopTxt{text-align:center;}
.navTopTxt p{line-height:2rem;color:#fff;}
.backIco{width: 1.1rem;display: inline-block;position: absolute;left: 0.4rem;top: 0.4rem;height: 1.1rem;}
.backIco img{width:100%;}
.menuIco {width: 1.1rem;display: inline-block;position: absolute;right: 0.4rem;top: 0.4rem;height: 1.1rem;}
.menuIco img{width:100%;margin-top: 0.45rem;}

.footerNav{position:fixed;bottom:0;text-align:center;width:100%;background: #fff;}
.footerUl{font-size:0;border-top: 0.05rem solid #cdcdcd;}
.footerLi{display:inline-block;width:20%;padding: 0.3rem 0;cursor:pointer;font-size: 0.7rem;}
.footerIco{width: 1.2rem;text-align: center;display: block;margin: 0 auto;}
.footerTxt{color:#000;}
.footerThis {
    color: #3c91f9;
}
.paddingTop{padding-top:1rem!important;}
.HomeFooterM-T{height: 2.75rem;margin:0px;padding:0px;border-width:0px;line-height: 2.75rem;}
.contentNo{text-align:center;margin-bottom:5rem;}
.contentNo a{width:5rem;display:block;margin:5rem auto 2rem;}
.contentNo p{color:#666;}
.bottomText{text-align:center;margin-bottom:2rem;color:#666;display:none;}
/*body*/ .hide{display:none !important;}

.dise{background: #333;width: 100%;height: 100%;position: fixed;top: 2rem;opacity: 0.6;display:none;z-index:1;}



.chaperContNull{text-align:center;font-size: 1rem;padding-top: 1rem;}
.chaperContNull p{ }
.chaperContNull img{width: 75%;margin: 0 auto;max-width: 300px;}

.ListBottomQQAndBuy{position: fixed;bottom: 0rem;left: 0rem;width: 100%;background-color: #3C91F9;font-size: 0rem;height: 2rem;}
.ListBottomQQAndBuy .QQAndBuyItem{font-size: 0.8rem;display: inline-block;width: 50%;padding: 0.5rem;color: #fff;text-align: center;}
.ListBottomQQAndBuy .QQAndBuyItem a{color: #fff;}
.ListBottomQQAndBuy .QQAndBuyQQ{ }
.ListBottomQQAndBuy .QQAndBuyBuy{background-color: #1387FF;}
.QQAndBuyBottom{margin-bottom:2.5rem;}

.ZTButton{padding: 0.25rem 0.5rem;border-radius: 0.25rem;border: 1px solid #4AA11F;background-color: #4AA11F;color: #fff;}
.ZTButton-white{background-color: #fff;color: #333333;border-color: #E4E4E4;}
.ZTButton-blue{background-color: #3C91F9;border-color: #3C91F9;}

@media only screen and (min-width: 640px) {
    body{width: 640px;margin:0 auto;}
    .footerNav{width: 640px;margin:0 auto;}
    #player-container-id {
        width: 640px !important;
    }
    #player-container-imgid {
        width: 640px !important;
    }
    body .navTopBg{width: 640px;margin:0 auto;}
    body .userImgLf{width:15%;}
    .cdkeyContBig .cdkeyBinding{width: 640px;margin:0 auto;}
    body .dise,body .courseList,body .setContBox{width: 640px;margin:0 auto;}
}
.PageHButton {
    font-size: 0.8rem;
    color: white;
    cursor: pointer;
}

.m-center {
    margin: 0 auto;
}

.m10 {
    margin: 0.5rem !important;
}

.m20 {
    margin: 1rem !important;
}

.m30 {
    margin: 1.5rem !important;
}

.m40 {
    margin: 2rem !important;
}

.m50 {
    margin: 2.5rem !important;
}

.m5 {
    margin: 0.25rem !important;
}

.mb5 {
    margin-bottom: 0.25rem !important;
}

.mb10 {
    margin-bottom: 0.5rem !important;
}

.mb20 {
    margin-bottom: 1rem !important;
}

.mb30 {
    margin-bottom: 1.5rem !important;
}

.mb40 {
    margin-bottom: 2rem !important;
}

.mb50 {
    margin-bottom: 2.5rem !important;
}

.mt5 {
    margin-top: 0.25rem !important;
}

.mt10 {
    margin-top: 0.5rem !important;
}

.mt20 {
    margin-top: 1rem !important;
}

.mt30 {
    margin-top: 1.5rem !important;
}

.mt40 {
    margin-top: 2rem !important;
}

.mt50 {
    margin-top: 2.5rem !important;
}

.ml5 {
    margin-left: 0.25rem !important;
}

.ml10 {
    margin-left: 0.5rem !important;
}

.ml20 {
    margin-left: 1rem !important;
}

.ml30 {
    margin-left: 1.5rem !important;
}

.ml40 {
    margin-left: 2rem !important;
}

.ml50 {
    margin-left: 2.5rem !important;
}

.mr5 {
    margin-right: 0.25rem !important;
}

.mr10 {
    margin-right: 0.5rem !important;
}

.mr20 {
    margin-right: 1rem !important;
}

.mr30 {
    margin-right: 1.5rem !important;
}

.mr40 {
    margin-right: 2rem !important;
}

.mr50 {
    margin-right: 2.5rem !important;
}
.p5 {
    padding: 0.25rem !important;
}

.p10 {
    padding: 0.5rem !important;
}

.p20 {
    padding: 1rem !important;
}

.p30 {
    padding: 1.5rem !important;
}

.p40 {
    padding: 2rem !important;
}

.p50 {
    padding: 2.5rem !important;
}

.pb5 {
    padding-bottom: 0.25rem !important;
}

.pb10 {
    padding-bottom: 0.5rem !important;
}

.pb20 {
    padding-bottom: 1rem !important;
}

.pb30 {
    padding-bottom: 1.5rem !important;
}

.pb40 {
    padding-bottom: 2rem !important;
}

.pb50 {
    padding-bottom: 2.5rem !important;
}

.pt5 {
    padding-top: 0.25rem !important;
}

.pt10 {
    padding-top: 0.5rem !important;
}

.pt20 {
    padding-top: 1rem !important;
}

.pt30 {
    padding-top: 1.5rem !important;
}

.pt40 {
    padding-top: 2rem !important;
}

.pt50 {
    padding-top: 2.5rem !important;
}

.pl5 {
    padding-left: 0.25rem !important;
}

.pl10 {
    padding-left: 0.5rem !important;
}

.pl20 {
    padding-left: 1rem !important;
}

.pl30 {
    padding-left: 1.5rem !important;
}

.pl40 {
    padding-left: 2rem !important;
}

.pl50 {
    padding-left: 2.5rem !important;
}

.pr5 {
    padding-right: 0.25rem !important;
}

.pr10 {
    padding-right: 0.5rem !important;
}

.pr20 {
    padding-right: 1rem !important;
}

.pr30 {
    padding-right: 1.5rem !important;
}

.pr40 {
    padding-right: 2rem !important;
}

.pr50 {
    padding-right: 2.5rem !important;
}


/*没有内容显示模块样式*/
.NowDataInfo {
    text-align: center;
}

    .NowDataInfo img {
        width: 5rem;
        margin: 6rem auto 1rem;
    }

    .NowDataInfo span {
        color: #ccc;
    }



.imgAdapt {
    position: relative;
    overflow: hidden;
}

    .imgAdapt img {
        width: auto;
        height: auto;
    }

/*滚动广告 高度 5rem 只是默认，请根据实际情况调整 */
.rollImgBody {
    width: 100%;
    position: relative;
    height: 5rem
}

.rollImgUl {
    position: relative;
}

.rollImgLi {
    position: absolute;
    display: none;
    width: 100%;
    height: 5rem;
    overflow: hidden;
    top: 0rem;
    left: 0rem;
}

    .rollImgLi img {
        display: block;
        width: auto;
        padding:0.1rem;
    }

.rollImgBox {
    position: absolute;
    bottom: 0rem;
    font-size: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(255,255,255,0.3);
    padding: 0.2rem;
}

.rollImgBoxItem {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 0.5rem;
    background: #666;
    display: inline-block;
    margin: 0 0.5rem;
    cursor: pointer;
}

    .rollImgBoxItem i {
    }

.rollImgBoxThis {
    background: #fff;
}

.rollImgBody .AdInfoJson {
    display: none !important;
}

/*h5 顶部 样式显示 返回、标题*/
.PageHead{padding: 0.5rem;position: relative;border-bottom: 0.05rem solid #f7f7f7;}
.PageHeadImg{width: 1rem;padding: 0rem;border-width: 0rem;margin: 0rem;}
.PageHLeft{position: absolute;left: 0.5rem;top: 0.5rem;padding: 0rem;font-size: 0rem;}
.PageHCenter{font-size: 0.8rem;text-align: center;margin: 0rem 2rem;word-break: break-all;white-space: nowrap;overflow: hidden;}
.PageHRight{position: absolute;right: 0.5rem;top: 0.5rem;font-size: 0rem;}
.PageHead a{}
.PageHButton{font-size:0.8rem;color: #2196F3;cursor: pointer;}

.studySelect {
    width: 15%;
    position: absolute;
    bottom: 1.2rem;
    margin-left: -4%;
}