* {margin: 0;padding: 0; -webkit-box-sizing: border-box;box-sizing: border-box;}
body,html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, footer{display: block}
body{font-family:-apple-system-font,Helvetica Neue,Helvetica,sans-serif;background: #f5f5f5;}
i,ul{list-style:none;font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;clear: both;content: "";visibility: hidden;height: 0;}
.clearfix{zoom:1;} 
img{width: 100%;height: 100%;display: block;}

.tea-content{position: relative;top: 0;left: 0;bottom: 0;overflow-y: scroll;width: 100%;height: auto;-webkit-overflow-scrolling: touch;padding-bottom: 4.68rem} 

.course-box{padding: 1.125rem 0.8125rem 0.625rem 0.8125rem;margin-bottom: 0.3125rem;background: #fff;}
.course-box .course-title h1{font-size: 1.06rem;line-height: 1.06rem;margin-bottom: 0.875rem}
.course-box .course-title .more-eva{width: 4.06rem;height: 1.3125rem;display: inline-block;font-size: 0.72rem;line-height: 1.25rem;margin-bottom: 0.875rem;color: #0283f3;border: 1px solid #0283f3;border-radius: 0.63rem;text-align: center;margin-top: -0.15rem}
.course-box .course-con{margin-left: 1.25rem}
.course-box .course-con .course-mid-bot{margin-bottom: 0.8125rem}
.course-box .course-con h2{font-size: 0.875rem;line-height: 0.875rem;font-weight: normal;margin-bottom: 0.5625rem}
.course-box .course-con p{font-size: 0.72rem;line-height: 1.125rem;color: #808080}
.course-box .course-mid-bot p{font-size: 0.72rem;line-height: 1.125rem;color: #808080}

.course-box .course-mid-bot-last p{font-size: 0.72rem;line-height: 1.125rem;color: #808080;margin-bottom: 0.3125rem}


.course-box ul li{background: #ffffff;border-radius: 0.3125rem;text-align: left;margin-bottom: 0.94rem;border: 1px solid #e5e8f1}
.course-box ul li .stu_ask{padding: 0.78rem 0.56rem 0.78rem;font-size: 0.72rem;line-height: 1.125rem;color: #555555;background: #f6f6f6}
.course-box ul li .stu_ask p{overflow: hidden;word-break: break-all;-webkit-line-clamp: 2;text-overflow: ellipsis;height: 2.19rem;display:-webkit-box;white-space:normal;-webkit-box-orient: vertical;}
.course-box ul li .stu_box{height: 1.5625rem;line-height: 1.5625rem;border-radius: 0 0 0.3125rem 0.3125rem;background: #e7e7e7}
.course-box ul li .stu_box .s_name{color: #e79b37;font-size: 0.75rem;margin-left: 0.8125rem}
.course-box ul li .stu_box .s_date{color: #a5a5a5;font-size: 0.75rem;margin-right: 0.8125rem}
.course-box ul li .stu_box .s_time{color: #a5a5a5;font-size: 0.75rem;margin-right: 1.25rem}


.footer-box{position: fixed;left: 0;bottom: 0;background: #f1f2f1;width: 100%;text-align: center;display: flex;justify-content: space-around;padding: 0.63rem 1.875rem;height: 4.68rem;}
.footer-box a{display: block;width: 8.22rem;height: 2.125rem;text-align: center;font-size: 0.84rem;line-height: 2.125rem}
.footer-box .btn-taste{background: #ff9801;border-radius: 1.56rem;color: #fff}
/* .footer-box .btn-buy{border-radius: 1.56rem;color: #ff9801;border: 0.0635rem solid #ff9801} */
.footer-box .btn-buy{border-radius: 1.56rem;color: #fff;border: 0.0635rem solid #ff9801;background: #ff9801;}


.tea-banner{position: relative;height: 11.65rem;}
.tea-banner .teacher-tit{position: absolute;bottom: 0.94rem;left: 0.94rem;color: #fff;font-size: 1.1rem;}
.tea-banner .person-entry{position: absolute;top: 0.94rem;left: 0.94rem;}
.tea-banner .person-entry .static-touxiang{width: 1.875rem;height: 1.875rem;border-radius: 50%}
.tea-banner .person-entry .static-touxiang img{border-radius: 50%}
.tea-banner .person-entry .s-nologin{font-size: 0.75rem;color: #fff;margin-left: 0.3125rem;margin-top: 0.375rem;display: none}



.tea-hd_banner{display: block;width: 100%; height: 7.8125rem; position: relative}
.tea-hd_banner img{display: block;width: 100%;}
.tea-hd_banner .tea-hd_text{text-align: center;color: #ffffff;position: absolute;bottom:0.75rem;left: 0.5rem;right: 0;font-size:0.75rem}


.mask{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.4);z-index: 100;display: none;}
.surebox{position: fixed;left: 0;bottom: 0;width:100%;background: #ffffff;border-top-left-radius: 1rem;border-top-right-radius: 1rem;padding: 1.625rem 1rem 3rem;text-align: center;z-index: 999;display: none;}
.surebox-head .sure-h1{font-size: 1.06rem;}
.surebox-head i{display: inline-block;width: 1.31rem;height: 1.31rem;margin-top: 0.05rem;}
.surebox-head i img{width: 100%;height: 100%;}
.sure-phone{font-size: 0.875rem;line-height: 0.875rem;color: #000000;margin: 2.1rem 0 2rem 0;}
.sure-btnbox a{display: inline-block;text-align: center;border: 2px solid #4490f7;font-size: 0.75rem;color: #4490f7;border-radius: 1rem;padding: 0.5rem 1.81rem;margin: 0 0.8rem;text-decoration: none;}
.sure-btnbox a.active{background: #4490f7;color: #ffffff;}



.J-act-succ{position: relative;}
.J-act-succ .act-succ-btnbox{position: absolute;width: 6rem;height: 1.56rem;left: 0;right: 0;bottom: 2.2rem;margin: auto;}
.J-act-succ .act-succ-btnbox a{width: 6rem;height: 1.56rem;display: block;}

.J-act-before{position: relative;}
.J-act-before .act-succ-btnbox{position: absolute;width: 14rem;height: 1.8rem;left: 0;right: 0;bottom: 2.3rem;margin: auto;}
.J-act-before .act-succ-btnbox a{width: 6rem;height: 1.8rem;display: block;}

/* 倒计时样式 */
.djs-box{position: absolute;top: 0.8rem;right: 3.125rem;line-height: 1rem}
.djs-box .djs-day{display: inline-block;width: 1rem;background: #ffdeb7;border-radius: 0.01rem;text-align: center;color: #d6052e;font-size: 0.625rem;height: 1rem;}
.djs-box i{display: inline-block;font-size: 0.625rem;color: #ffdeb7;margin: 0 0.312rem;}


/* 元宵节活动 */
.act_yuanxiao{position: relative;}
.act_yuanxiao .year_btn{position: absolute;width: 20.9375rem;height: 5.625rem;top: 13.34rem;left: 1.25rem;}
.act_yuanxiao .month_btn{position: absolute;width: 9.875rem;height: 7.7rem;top: 20rem;left: 1.25rem;}
.act_yuanxiao .ji_btn{position: absolute;width: 9.875rem;height: 7.7rem;top: 20rem;right: 1.25rem;}

.yuanxiao-djs-box{text-align: center;position: absolute;top: 0;width: 100%;height: 2.5rem;line-height: 2.5rem;}
.yuanxiao-djs-box p{height: 2.5rem;line-height: 2.5rem;font-size: 1.125rem;color: #fff;}

.yuanxiao-djs-box span,i{color: #fdf45b;}
.yuanxiao-djs-box span{font-size: 1.5rem;font-weight: 700;margin-right: 0.3rem;}