@charset "utf-8";

body,input,select,textarea,button {
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,PingFang SC,Microsoft Yahei,arial,STHeiTi,sans-serif;
}

body {
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    margin: 0 auto;
    padding: 0;
    background: #f6ffe6;
    color: #333;
}

p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe {
    margin: 0;
    padding: 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

video embed,video object,video iframe,video {
    width: 100%;
    height: auto;
}

img {
    max-width: 100%;
    vertical-align: top;
    border: 0;
}

li,ol,ul {
    list-style: none
}

i,em,cite {
    font-style: normal;
}

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

.clearfix {
    *zoom:1;}

a {
    color: #333;
    text-decoration: none;
    outline: none;
}

textarea {
    resize: none
}

input,input:focus,select,textarea,button {
    outline: 0;
    -webkit-user-modify: read-write-plaintext-only;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tc {
    text-align: center;
}

.abs {
    position: absolute
}

.pr {
    position: relative;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tc {
    text-align: center;
}

.wrap {
    min-width: 320px;
    max-width: 768px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.title {
    font-style: italic;
    font-size: .4533rem;
    font-weight: bold;
    color: #293716;
    text-align: center;
    width: 9.2rem;
    margin: .6667rem auto 0.4rem;
    height: 1.1067rem;
    background: url(/images/jiankangketang/title.png) no-repeat center top;
    background-size: 100% auto;
}

.topHeader {
    height: 6.9333rem;
    position: relative;
}

.topHeader .logo {
    display: block;
    width: 2.24rem;
    height: 1.0667rem;
    left: 0.4rem;
    top: 0.2rem;
    position: absolute;
}

.p_step .p_step_con {
    margin: 0 0.2rem;
}

.p_step .p_step_con li {
    position: relative;
    width: 4.4667rem;
    float: left;
    height: 4.5333rem;
    margin: 0 .15rem .2667rem 0.18rem;
    box-shadow: 0 13px 21px 0 rgba(27, 92, 5, .11);
    border-radius: .2667rem;
    background: -webkit-linear-gradient(to bottom,#fff,#fffae7);
    background: -moz-linear-gradient(to bottom,#fff,#fffae7);
    background: -ms-linear-gradient(to bottom,#fff,#fffae7);
    background: linear-gradient(to bottom,#fff,#fffae7);
}

.p_step .p_step_con li h5.p_s_top {
    background: url(/images/jiankangketang/s_top_bg.png) no-repeat left center;
    background-size: 100% auto;
    height: 1.0133rem;
    line-height: 1.0133rem;
    position: relative;
}

.p_step .p_step_con li h5.p_s_top i {
    background: url(/images/jiankangketang/s_txt.png) no-repeat left center;
    background-size: 100% auto;
    width: 2.32rem;
    height: 1.04rem;
    line-height: 1.04rem;
    text-align: center;
    color: #000;
    font-size: .3733rem;
    font-style: italic;
    display: block;
    position: absolute;
    left: 0.2rem;
    top: -0.2rem;
}

.p_step .p_step_con li h5.p_s_top .p_s_img {
    width: 1.84rem;
    height: 1.1067rem;
    position: absolute;
    right: -.2667rem;
    top: -0.1rem;
}

.p_step .p_step_con li .s_p_img {
    position: absolute;
    left: -0.1rem;
    top: 1.4667rem;
    position: absolute;
    z-index: 1;
}

.p_step .p_step_con li .s_p_img.s_p_img01 {
    width: 2.0133rem;
    height: 2.4rem;
}

.p_step .p_step_con li .s_p_img.s_p_img02 {
    width: 1.3333rem;
    height: 2.3333rem;
    left: 0.2rem;
}

.p_step .p_step_con li .s_p_img.s_p_img03 {
    width: 2.1333rem;
    height: 2.1333rem;
}

.p_step .p_step_con li .s_p_img.s_p_img04 {
    width: 1.76rem;
    height: 2.2rem;
    left: 0.2rem;
}

.p_step .p_step_con li p {
    display: block;
    text-align: right;
    padding: .4667rem .1333rem 0 0.2rem;
    z-index: 2;
    position: relative;
}

.p_step .p_step_con li p em {
    display: inline-block;
    margin-bottom: .2667rem;
    border-radius: .24rem 0.24rem 0 0.24rem;
    padding: 0 0.4rem;
    height: .48rem;
    line-height: 0.48rem;
    font-size: .24rem;
}

.p_step .p_step_con li p em span {
    color: #ff581e;
}

.p_step .p_step_con li p em.l_em_01 {
    background: #f9f17a;
}

.p_step .p_step_con li p em.l_em_02 {
    background: #d0f9a3;
}

/**/
.prac_class {
    margin: 0 0.2rem;
}

.prac_class ul li {
    width: 4.48rem;
    float: left;
    text-align: center;
    height: 4.52rem;
    margin: 0 .15rem .133rem 0.15rem;
    background: url(/images/jiankangketang/prac_c_bg.png) no-repeat;
    background-size: 100% auto;
}

.prac_class ul li h3.pr_l_txt {
    height: .72rem;
    line-height: 0.82rem;
    color: #fff;
    font-size: .3733rem;
    color: #fff;
    text-align: left;
    margin-left: 0.32rem;
}

.prac_class ul li .prac_c_img {
    width: 3.8rem;
    height: 2rem;
    margin: .2667rem 0;
}

.prac_class ul li p {
    text-align: left;
    font-size: .2933rem;
    line-height: .4267rem;
    margin: 0 .2667rem;
}

/**/
.course-tab-visible {
    width: 100%;
    height: 1.0667rem;
    display: none;
}

.l_class_h .course-tab.addOn {
    position: fixed;
    width: 100%;
    height: 1.0667rem;
    background: #63c642;
    padding: 0 .1333rem;
    left: 0;
    top: 0;
    z-index: 51;
}

.l_class_h .course-tab {
    height: 1.0667rem;
    background: #63c642;
    padding: 0 .1333rem;
    margin-bottom: .2667rem;
}

.l_class_h .course-tab li,.course-tab-visible li {
    position: relative;
    float: left;
    width: 2.1333rem;
    height: .8rem;
    line-height: 0.8rem;
    text-align: center;
    vertical-align: top;
    background: #8dd575;
    border-radius: 0.067rem;
    color: #fff;
    font-size: .32rem;
    margin: 0.1rem .15rem;
}

.l_class_h .course-tab li.on,.course-tab-visible li.on {
    background: #fbff41;
    color: #010101;
}

.l_class_h .course-tab li.on::after,.course-tab-visible li.on::after {
    content: '';
    position: absolute;
    display: block;
    width: .1333rem;
    height: 0.133rem;
    background: #fbff41;
    transform: rotate(45deg);
    left: 50%;
    margin-left: -0.067rem;
    bottom: -0.08rem;
}

.l_class_h .course-con {
    margin: 0 0.24rem;
}

.l_class_h .course-con li {
    float: left;
    width: 4.4667rem;
    height: 6.8rem;
    background: #fff;
    border-radius: .3333rem;
    box-shadow: 0 13px 21px 0 rgba(27, 92, 5, .11);
    margin: 0 .1333rem .2667rem;
    padding-bottom: .2667rem;
}

.l_class_h .course-con .l_class_top {
    width: 4.4667rem;
    height: 2.8rem;
    position: relative;
}

.l_class_h .course-con .l_class_top em {
    display: block;
    width: .7467rem;
    height: .7467rem;
    background: url(/images/jiankangketang/l_class_play.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 0.2rem;
    bottom: 0.2rem;
}

.l_class_h .course-con .l_class_txt {
    margin: .2667rem .2133rem;
    font-size: .2667rem;
}
.l_class_h .course-con li .l_class_txt:nth-child(3){
    height: 1.6533rem;
}
.l_class_h .course-con .l_class_txt em {
    display: inline-block;
    height: 0.4rem;
    line-height: 0.4rem;
    background: #fbf179;
    border-radius: .0667rem;
    padding: 0 0.15rem;
    font-size: .2667rem;
    margin-bottom: .1333rem;
}

.l_class_h .course-con .l_c_btn {
    margin: 0 .2667rem;
}

.l_class_h .course-con .l_c_btn p {
    font-size: .2667rem;
}

.l_class_h .course-con .l_c_btn p strong {
    font-size: .4267rem;
    color: #f8365e;
}

.l_class_h .course-con .l_c_btn .l_c_btn_buy {
    display: block;
    width: 1.8667rem;
    height: .6667rem;
    line-height: .6667rem;
    text-align: center;
    border-radius: .1333rem;
    color: #fff;
    font-size: .32rem;
    background: #f8355e;
}

.l_class_h .l_class_info {
    font-size: .2667rem;
    background: #d3ebbf;
    padding: .2667rem;
    line-height: .4267rem;
}

.l_class_h .l_class_info h6 {
    font-size: .2933rem;
    position: relative;
}

.l_class_h .l_class_info h6::after {
    content: '';
    display: block;
    width: 1.2667rem;
    height: .1333rem;
    background: #63c642;
    position: absolute;
    left: 0;
    bottom: 0rem;
}

/**/
.t_class {
    background: #f6ffe6;
}

.t_class h3 {
    text-align: center;
    width: 3.4667rem;
    height: 1.0667rem;
    display: block;
    margin: .32rem auto;
}

.t_class ul {
    margin: 0 .2rem;
}

.t_class ul li {
    width: 4.5333rem;
    height: 3.7333rem;
    background: #fff;
    border-radius: .2667rem;
    float: left;
    margin: 0 .1333rem .2667rem;
}

.t_class ul li .t_class_li {
    margin: 0.2rem .2667rem;
}

.t_class ul li .t_class_li p span {
    font-size: .4267rem;
    color: #f8365e;
    font-weight: bold;
}

.t_class ul li .t_class_li p del {
    font-size: .2133rem;
    color: #999;
}

.t_class ul li .t_class_li .t_class_btn {
    display: block;
    width: 1.8667rem;
    height: .6667rem;
    line-height: .6667rem;
    text-align: center;
    border-radius: .1333rem;
    color: #fff;
    font-size: .32rem;
    background: #f8355e;
}

.fix_cursom {
    position: fixed;
    width: 1.4933rem;
    height: 1.5867rem;
    right: 0;
    top: 50%;
    overflow: hidden;
    line-height: 9.5rem;
    background: url(/images/jiankangketang/zxkf.png) no-repeat;
    background-size: 100% auto;
    z-index: 50;
}