@charset "utf-8";
html,body{ height: 100%;overflow: hidden}
body,h1,h2,h3,h4,h5,h6,a,p,font,form,ul,li,ol{margin: 0; padding: 0; font-size: 100%; font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";}
a{text-decoration: none;-webkit-tap-highlight-color:transparent;}
a:hover{text-decoration: none !important;}
a:active{text-decoration: none !important;}
a:visited{text-decoration: none !important;}
a:focus{text-decoration: none !important;}
h1, h2, h3, i, th, caption, code, address,cite,dfn,em,var{font-style: normal; font-weight: normal;}
ul,ol,li{list-style: none;font-size: 0.33rem;}
img, fieldset, button, input{border:none;}
input, textarea, button,img,select{outline:none;}
input.btn{outline: none;}
hr{border:none; height:1px;}
button, input, select, textarea {font-size: 100%;/*-webkit-appearance: none;*/}
table{border-collapse:collapse; border-spacing:0;}
button, select, label{vertical-align:middle;}
/*清浮动*/
body{margin: 0 auto;}
.clearfixed:after {content: '.';display: block;clear: both;visibility: hidden;height: 0;}
.lef{float:left;}
.rig{float:right;}
/*公共头部*/
header{width:100%;height:1.2rem;background-color: #ffffff;
    padding:0.133333rem 0.4rem 0.133333rem 0.4rem;position: fixed;top:0;z-index:999;
    box-sizing: border-box;}

header .index_h{text-align: center;}
header .index_h>div{width:1.066666rem;height:0.8rem;font-size:0.24rem;}
header .index_h>span{font-size:0.4rem;color: var(--theme-color);line-height: 0.906666rem;display: inline-block;}
header .index_h div{text-align: center;color:#fff;}
header .index_h div a{color:#fff;}
header .index_h>.h_rig img{width:0.586666rem;height:0.586666rem;}
header .index_h>.h_lef img{width:0.586666rem;height:0.493333rem;}
header .index_h .h_mark a{width:0.8rem;height:100%;background: url(/static/img/mobile/common/header-back.png) no-repeat; background-size:cover;}
.layout-header{
    font-size: 0.4rem;
    background-color: #fff;
    position: static !important;
}
.layout-header .div_back {
    cursor:pointer;
    width: 10%;
    height: 0.906666rem;
}
.layout-header .div_back span {
    width: 0.533333rem;
    height: 0.533333rem;
    background: url(/static/img/mobile/common/header-back.png) no-repeat;
    background-size: cover;
    margin: 0.26rem 0.26rem 0.26rem 0;
    display: inline-block;
}
.layout-header .header-title {
    width: 70%;
    text-align: center;
    line-height: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--theme-color);
}

.layout-header .header-btn {
    text-align: center;
    line-height: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--theme-color);
    float: right;
    padding-right: 0.4rem;
}


.layout-content{
    height: calc(100% - 1.306667rem);
    overflow-y: auto;
    background-color: #fff;
}
.layout-content-hasfooter{
    height: calc(100% - 2.306667rem);
    overflow-y: auto;
    margin-bottom: 1.2rem;
    background-color: #fff;
}
.layout-content.body-color{
    background-color: var(--theme-body-bk-color);
}
.body-color{
    background-color: var(--theme-body-bk-color)!important;
}
.data-color{
    background-color: var(--theme-data-bk-color) !important;
}
/*点击加载更多*/
.div_jiazai {
    font-size: 0.32rem;
    display: block;
    width: 4.8rem;
    height: .96rem;
    margin: 0.4rem auto 0.4rem auto;
    border-radius: .50666667rem;
    line-height: .96rem;
    text-align: center;
    border: 1px solid #d9dde1;
    color: #71777d;
}
.nonum_p{color: #5e5e5e;text-align: center; margin-top: 20px;display: none}
.new_price{color:var(--theme-color);font-size:0.32rem;}
/*.new_price{color:#d7242a;font-size:0.32rem;}*/
.study_num{font-size:0.32rem;color:#999999;}
.jiao{width:0.613333rem;height:0.373333rem;color:#fff;font-size: 0.24rem;text-align:center;line-height:0.4rem;background: #000000;display: inline-block;opacity: 0.7;    border-radius: 2px;}
.old_price{color:#666666;font-size:0.32rem;text-decoration:line-through}
/*遮罩层*/
.mask {display:none;width:100%;height:100%;position: fixed; top: 0px; filter: alpha(opacity=60); background-color: #777;z-index: 100; left: 0px; opacity:0.5; -moz-opacity:0.5;} 
/*暂无内容公共页面*/
.no_center{text-align: center;width: 100%;margin-top:2rem;display: none}
.no_center img{width:4.266666rem;height:4.266666rem;}
.no_center p:first-of-type{font-size: 0.4rem;color:#333333;}
.no_center p:last-of-type{font-size: 0.32rem;color: #999999;}
#goTopBtn{-webkit-tap-highlight-color:transparent;width:1.066666rem;height:1.066666rem;background: url(/static/img/mobile/index/icons/to_top.png) no-repeat; background-size:cover;position:fixed;bottom:1.733333rem;right:0.666666rem;}
.yanzheng{display: none;padding:0 0.4rem;height:1.366666rem;line-height: 1.366666rem;background: #000000;opacity: 0.7;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);border-radius: 0.133333rem;color:#fff;}

.course-pic-two{
    border-radius: 0.13rem;
    width: 4.16rem;
    height: 2.307rem;
}