html, body, div, span,object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strike, strong, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0; font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html,body{margin:0 auto; padding:0; width: 100%; height: 100%; background: #fff; font-family:"Microsoft YaHei","SimSun"; color: #333; font-size: 14px; max-width: 750px;}
body.padBotm{padding-bottom:1.4rem;}
body a{cursor: pointer; text-decoration:none; color:#333;}
ol,ul{list-style: none;}
.clear{zoom:1;}
.clear:after{clear:both; height:0; visibility:hidden; font-size:0; display:block; content:"";}
.fl{float:left;}
.fr{float:right;}
.w92{width: 92%; margin:0 auto; position: relative;}
.w92:after{clear:both; height:0; visibility:hidden; font-size:0; display:block; content:"";}

/*首页头部*/
.header{width:92%; padding:0.32rem 4%; background:#f03540;}
.header .logo{display: block; height:0.98rem; float: left;}
.header .logo img{height:100%;}
.header .loginCont{float: right; color: #fff;  height:0.98rem; line-height:0.98rem;}
.header .loginCont a{color: #fff; padding: 0 0.1rem;}
.header .loginCont a:hover{text-decoration: underline;}
.header .loginCont .userImg{display: block; height:0.4rem; position: relative; top:0.28rem; float:left; margin-right:0.2rem;}
.header .loginCont span{color: #fff; float: left; max-width: 2.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*标题头部*/
.sublevel{position: relative;}
.sublevel{height:1.36rem; padding:0 4%; text-align: center; background:#f4514a;}
.sublevel p{line-height:1.36rem; color: #fff; font-size: 0.48rem; font-weight: bold;}
.sublevel i.backPage{width:0.7rem; height:1.36rem; display: block; position: absolute; top: 0; left: 4%; background: url(/mobile/static/images/head_back.png)no-repeat center; background-size: 100%;}

/*banner*/
.banner{width:92%; margin-top:0.5rem; box-shadow: 0 0 4px 2px #dcdcdc;}
.banner .swiper-slide{width: 100%;}
.banner .swiper-slide img{width: 100%; vertical-align: bottom;}
.banner .swiper-pagination-bullet-active{background: #fff;}

/*通用标题*/
.sumTitle{line-height:0.5rem;}
.sumTitle span{font-size:0.42rem; font-weight: bold;}
.sumTitle a{float: right; color: #999; font-size:0.32rem;}
.sumTitle:before{display: block; margin-right:0.1rem; float: left; content: ""; width:0.5rem; height:0.5rem; background-size: 100%; background-position: center center; background-repeat:no-repeat; }
.index_audition .sumTitle:before{ background-image: url(/mobile/static/images/audition_icon.png);}
.index_course .sumTitle:before{ background-image: url(/mobile/static/images/course_icon.png);}
.index_news .sumTitle:before{ background-image: url(/mobile/static/images/news_icon.png);}

/*通用区域*/
.publicArea{margin:0 auto; background: #fff; padding:0.6rem 4%; border-bottom: 0.16rem solid #f3f3f3;}
.publicArea:last-of-type{border:0;}

/* 试听 */
.aduStyle ul li{padding:0.25rem 0; border-bottom: 1px solid #f3f3f3;}
.aduStyle ul li:last-child{border-bottom: 0; padding-bottom: 0;}
.aduStyle ul li a{display: block;}
.aduStyle ul li a:after{clear:both; height:0; visibility:hidden; font-size:0; display:block; content:"";}
.aduStyle ul li a i{width: 40%; height:2rem; float: left; display: block; background-size: 100% 100%; background-position: center center;}
.aduStyle ul li a i img{ display: block; width: 100%; height: 100%;}
.aduStyle ul li a div{margin-left:4%; width: 56%; float: left; font-size: 0;}
.aduStyle ul li a b{font-size:0.34rem; display: inline-block; padding-top: 0.1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; width: auto; max-width: 82%; padding-right:1rem;}
.aduStyle ul li a b:after{content: ""; display:block; width: 0.9rem; height:0.4rem; position: absolute; right: 0; top: 0.12rem; background: url(/mobile/static/images/free.png); background-size:100% 100%;}
.aduStyle ul li a p{font-size:0.32rem; padding:0.3rem 0 0.26rem; color:#888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.aduStyle ul li a span{font-size:0.32rem; display: block; color: #acacac; line-height:0.42rem;}
.aduStyle ul li a span:before{float: left; content: ""; display: block; margin-right:0.1rem; width:0.4rem; height:0.4rem; background: url(/mobile/static/images/teacher_icon.png); background-size:100%;}

/* 试听 & 主页 */
.index_audition ul li:nth-child(3n+1) a i{ background-image: url(/mobile/static/images/audition_img01.png);}
.index_audition ul li:nth-child(3n+2) a i{ background-image: url(/mobile/static/images/audition_img02.png);}
.index_audition ul li:nth-child(3n+3) a i{ background-image: url(/mobile/static/images/audition_img03.png);}
/* 试听 & 二级页 */
.second_audition{padding-bottom: 0.5rem; }
.second_audition ul li{background: #fff; padding:0.32rem;}
.second_audition ul li a i{ background-image: url(/mobile/static/images/audition_img01.png);}

/*课程*/
.second_course{background: #fff;}
.second_course ul li a h3{border-radius:0.05rem;}
.second_course ul{display: none;}
.second_course ul:first-child{display: block;}

.couStyle ul li{padding:0.25rem 0; border-bottom: 1px solid #f3f3f3;}
.couStyle ul li:last-child{border-bottom: 0; padding-bottom: 0;}
.couStyle ul li a{display: block;}
.couStyle ul li a:after{clear:both; height:0; visibility:hidden; font-size:0; display:block; content:"";}
.couStyle ul li a h3{width: 40%; height:2rem; float: left; display: block; background: url(/mobile/static/images/course_bg.png)no-repeat center center; background-size:100%;}
.couStyle ul li a h3 p{color: #fff; padding-left:0.4rem; padding-top: 0.24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.couStyle ul li a h3 p:nth-child(1){font-size: 0.3rem; line-height: 0.3rem;}
.couStyle ul li a h3 p:nth-child(2){font-size: 0.36rem; line-height:0.36rem;}
.couStyle ul li a h3 p:nth-child(3){font-size: 0.28rem; line-height:0.42rem; border-radius:0.2rem; padding:0 0.2rem; margin:0.2rem 0 0 0.3rem; max-width: 76%; display: inline-block; background: linear-gradient(to right, #e49627, #ffe887);}
.couStyle ul li a div{margin-left:4%; width: 56%; float: left; }
.couStyle ul li a h6{font-size: 0.36rem; line-height:0.36rem; padding-top:0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.couStyle ul li a span{font-size:0.3rem; line-height:0.3rem; color: #666; display: block; padding:0.3rem 0; letter-spacing: 1px;}
.couStyle ul li a p{line-height:0.344rem;}
.couStyle ul li a p b{color: #f92222; font-size: 0.35rem;}
.couStyle ul li a p s{color: #adadad; margin-left:0.25rem; font-size:0.3rem;}

/*新闻*/
.index_news .sumTitle{margin-bottom:0.2rem;}
.index_news ul li{padding:0.3rem 0; border-bottom: 1px solid #eee;}
.index_news ul li:last-child{border: 0; padding-bottom: 0;}
.newStyle{border-bottom: 0;}
.newStyle ul li a{display: block;}
.newStyle ul li a:after{clear:both; height:0; visibility:hidden; font-size:0; display:block; content:"";}
.newStyle ul li a i{width:34%; height:1.8rem; background: url(/mobile/static/images/new_img_default.png)no-repeat center; background-size: 100% 100%; float: right; display: block; box-shadow: 0 0 0.15rem #d0d0d0;}
.newStyle ul li a i img{display: block; width: 100%; height: 100%;}
.newStyle ul li a div{margin-right:4%; width: 62%; float: left;}
.newStyle ul li a p{font-size: 0.32rem; line-height:0.52rem; min-height:1rem; margin:0.2rem 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.newStyle ul li a span{color: #999; font-size:0.3rem; line-height:0.35rem; display: block;}
.newStyle ul li a span:before{content: ""; display:block; float: left; margin-right:0.14rem; width: 0.34rem; height: 0.34rem; background: url(/mobile/static/images/news_time.png)no-repeat left center; background-size:100%;}

/*版权所有*/
.copyright{text-align: center; color: #777; padding: 0.5rem 0; font-size: 0.34rem;}

/*背景灰色*/
.bg_gary{background:#f6f6f6;}
/*菜单滑动*/
.tab_menu_head{background:#fff; width: 100%; max-width: 750px; list-style-type:none; display:flex; flex-wrap:nowrap; -webkit-box-pack: justify; justify-content:space-between; padding:0; overflow:auto; border-bottom: 1px solid #ddd;}
.tab_menu_head p{line-height: 1rem; padding: 0 0.32rem; text-align: center; -webkit-box-flex:1; flex:1 0 auto; }
.tab_menu_head p.active:after{display: block; content: ''; margin: 0 auto; width: 0.86rem; height:0.06rem; background: url(/mobile/static/images/menu_line.png);}

/** 试听列表页 **/
.audition .whiteBg{background:#fff; border-radius:0.15rem; width:86%; margin:0.25rem auto 0.5rem; padding:0 4%; box-shadow: 0 0 0.15rem #d0d0d0;}
.audition ul{display: none;}
.audition ul:first-child{display: block;}
.audition ul li{border-bottom: 1px solid #f6f6f6; padding:0.25rem 0;}
.audition ul li:last-child{border:0;}

/** 试听播放页 **/
.playPage{background: #fff;}
.playPage .videoTitle{font-size:0.42rem; line-height:0.68rem; text-align: center; padding:0.5rem 10% 0.3rem;}
.playPage .video{width: 100%; margin: 0 auto;}
.playList{ -webkit-box-sizing: content-box;}
.playList .menuTabs{text-align: center; display: flex;}
.playList .menuTabs span{display: block; width: 50%; height:1.1rem; line-height: 1.1rem; font-size:0.38rem; border: 1px solid #eee;}
.playList .menuTabs span.active{background: #f4514a; color: #fff;}
.playList .menuTabs span:first-child{border-right-width: 0;}
.playList .menuTabs span:last-child{border-left-width: 0;}
.playList .navsCon .nav_ac{display: none;}
.playList .navsCon .nav_ac:first-child{display: block;}
.playList .navsCon .nav_ac:last-child ul li:after{display: none;}
.playList .menuTitle{text-align: center; padding:0.56rem 8%; font-size:0.42rem; line-height: 0.66rem; font-weight: bold; border-bottom: 1px solid #f5f5f5;}
.playList ul{overflow: auto; height: 12.2rem;}
.playList ul li{padding: 0.26rem 4%; display: flex; border-bottom:1px solid #f5f5f5;}
.playList ul li a{font-size: 0.38rem; line-height:0.6rem; width: 88%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.playList ul li:last-child{border:0;}
.playList ul li:hover{background:#fff3f3; }
.playList ul li:after{width:8%; margin-left:4%; content:''; background:url(/mobile/static/images/play_btn.png)no-repeat center; background-size: auto 100%;}
.playList ul li.stActive{background:#fff3f3; border-bottom: 0;}
.playList ul li.stActive:after{display: block; background:url(/mobile/static/images/play_underway.png)no-repeat center; background-size:auto 100%;}
.playList ul li.forbidden{background:#f5f5f5; border-bottom: 0;}
.playList ul li.forbidden:after{display: block; background:url(/mobile/static/images/pay_forbidden.png)no-repeat center; background-size:auto 100%;}

/** 新闻列表页 **/
.news .whiteBg{background:#fff; border-radius:0.15rem; width:86%; margin:0.25rem auto 0.5rem; padding:0 4%; box-shadow: 0 0 0.15rem #d0d0d0;}
.news ul{display: none;}
.news ul:first-child{display: block;}
.news ul li{border-bottom: 1px solid #eee; padding: 0.28rem 0;}
.news ul li:last-child{border:0;}

/** 新闻详情页 **/
.newSon{background: #fff;}
.newSon .newsTitle{font-size: 0.5rem; padding:0.86rem 2% 0.42rem 2%; text-align: center;}
.newSon .newsData{color: #666; text-align: center;}
.newSon .newsDetails{padding: 0.86rem 4%;}
.newSon .newsDetails img{max-width:100%;}

/** 课程列表页 **/
.course {width: 94%; padding:0.25rem 3%; }
.course ul{display: none;}
.course ul:first-child{display: block;}
.course ul li{border-bottom: 1px solid #f1f1f1; padding: 0.25rem 0;}
.course ul li:last-child{border:0;}

/*课程详情页*/
.courseIntr .courseIntrBg{width:100%; height:4rem; position: relative; color: #fff;  background:url(/mobile/static/images/course_details_bg.png)center; background-size: 100%;}
.courseIntr .courseIntrBg h5{font-size: 0.76rem; line-height:4rem; text-align:center;}
.courseIntr .courseIntrBg p{position: absolute; right: 0; bottom: 0; width:3.5rem; height: 0.9rem; line-height: 0.9rem; text-indent: 30%; background:url(/mobile/static/images/course_price_bg.png); background-size: 100% 100%;}
.courseIntr .courseIntrBg p b{font-size: 0.5rem; margin-left: 0.16rem; letter-spacing: 1px;}
.courseIntr .courseIntrTitle{background: #fff; padding:0.32rem 6%; border-radius: 0 0 0.05rem 0.05rem; box-shadow: 0 0.05rem 0.1rem 0 rgba(212, 223, 249, 0.6); }
.courseIntr .courseIntrTitle h5{font-size:0.46rem; letter-spacing: 1px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.courseIntr .courseIntrTitle ul{margin-top:0.25rem;}
.courseIntr .courseIntrTitle ul li{background: #E3ECFD; color: #8ABAFF; font-size:0.28rem; padding:0.05rem 0.15rem; margin-right:0.15rem; border-radius:0.05rem; display: inline-block;}
.courseDet .courseDetImg{padding:0 4%; margin-top:0.4rem; background: #fff; border-radius:0.05rem 0.05rem 0 0; box-shadow: 0 -0.05rem 0.1rem 0 rgba(212, 223, 249, 0.6);}
.courseDet .courseDetImg h5{font-size:0.5rem; padding: 0.3rem 0;}
.courseDet .courseDetImg img{width: 100%;}

/*公开课*/
.zhiboList li{border-bottom: 1px solid #f3f3f3; padding: 0.36rem 4%;}
.zhiboList li:after{clear:both; height:0; visibility:hidden; font-size:0; display:block; content:"";}
.zhiboList li .liveDefault{width: 2rem; float: left; border-radius: 50%; }
.zhiboList li div{float: right; width: 74%; position: relative;}
.zhiboList li .courseName{width: 100%;font-size: 0.38rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;color: #555;}
.zhiboList li .courseTime{font-size:0.34rem; padding:0.24rem 0; display: block; color: #adadad; line-height:0.42rem;}
.zhiboList li .courseTime:before{float: left; content: ""; display: block; margin-right:0.1rem; width:0.4rem; height:0.4rem; background: url(/mobile/static/images/news_time.png); background-size: 100%;}
.zhiboList li .teacherName{font-size:0.34rem; color: #9d9d9d; line-height:0.42rem;}
.zhiboList li .teacherName:before{float: left; content: ""; display: block; margin-right:0.1rem; width:0.4rem; height:0.4rem; background: url(/mobile/static/images/teacher_icon.png); background-size: 100%;}

/*我的*/
.myHeader{padding:0.8rem 0 0.5rem; background: url(/mobile/static/images/my_bg.png)no-repeat center; background-size: 100% 100%;}
.myHeader .userImg{text-align: center;}
.myHeader .userImg img{width:2rem; height:2rem; vertical-align: middle;}
.myHeader .userCon{text-align: center; color: #fff; padding:0.35rem 0;}
.myHeader .userName{font-size:0.44rem;}
.myHeader .userTel{font-size: 0.34rem; padding-top:0.26rem;}
.myMenu{padding:0 4%;}
.myMenu a{display: block; font-size:0.38rem; padding: 0.4rem 0; border-bottom: 1px solid #f0f1f6; background: url(/mobile/static/images/my_head_enter.png)no-repeat right center; background-size: auto 32%;}
.myMenu a i{display:block; width:0.46rem; height:0.46rem; background-size:100%; background-repeat: no-repeat; float: left; margin-right:0.2rem; position: relative; top: 1px;}
.myMenu a:nth-child(1) i{background-image: url(/mobile/static/images/my_course.png);}
.myMenu a:nth-child(2) i{background-image: url(/mobile/static/images/my_dingdan.png);}
.myMenu a:nth-child(3) i{background-image: url(/mobile/static/images/my_xieyi.png);}
.myMenu a:nth-child(4) i{background-image: url(/mobile/static/images/my_info.png);}
.myMenu a:nth-child(5) i{background-image: url(/mobile/static/images/my_about.png);}
.myMenu a:last-child{border:0;}


/*我的订单*/
.orderForm{padding: 0 4%;}
.orderForm ul li{margin-top: 0.5rem; padding: 0.36rem 0.3rem; background: #fff; border-radius:0.15rem;}
.orderForm ul li div:after{clear:both; height:0; visibility:hidden; font-size:0; display:block; content:"";}
.orderForm ul li h6{font-size: 0.42rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.orderForm ul li div span{font-size:0.34rem; color: #585858; padding: 0.36rem 0 0.3rem;}
.orderForm ul li div span:before{copxntent: ''; display: block; float:left; width: 0.28rem; height:0.32rem; margin-right:0.1rem; background: url(/mobile/static/images/order_number.png);  background-size: 100%; position: relative; top: 2px;}
.orderForm ul li div span:nth-child(1){float: left;}
.orderForm ul li div span:nth-child(2){float: right;}
.orderForm ul li div span:nth-child(2):before{background: url(/mobile/static/images/news_time.png)no-repeat; background-size: 100%;}
.orderForm ul li div p{font-size: 0.32rem; color: #585858; float: left;}
.orderForm ul li div p b{font-size: 0.36rem; color:#FA4F4F; font-weight: bold;}
.orderForm ul li div strong{font-size: 0.34rem; float: right; color:#666;}
.orderForm ul li .orderResult{float: right; text-align: center; font-size:0.3rem;}
.orderForm ul li .orderResult a{display: inline-block; padding:0.08rem 0.34rem; color: #fff; border-radius:0.3rem; margin-left:0.12rem; background: linear-gradient(270deg, #f86859 0%, #ef3540 100%);}

/*我的协议*/
.myAgreement .agreementTab{display: flex; background: #fff;}
.myAgreement .agreementTab p{width: 50%; height:1.15rem; line-height:1.15rem; text-align: center; color:#6B6E7A;}
.myAgreement .agreementTab p.active{color:#ff0000;}
.myAgreement .agreementTab p.active:after{display: block; content: ''; margin: 0 auto; width:0.9rem; height:0.05rem; background: url(/mobile/static/images/menu_line.png);}
.myAgreement .agreementCon {padding: 0 4%;}
.myAgreement .agreementCon ul{display: none;}
.myAgreement .agreementCon ul:first-child{display: block;}
.myAgreement .agreementCon li{margin-top:0.5rem; padding: 0.3rem; border-radius:0.15rem; background: #fff;}
.myAgreement .agreementCon li:after{clear:both; height:0; visibility:hidden; font-size:0; display:block; content:"";}
.myAgreement .agreementCon li span{font-size:0.325rem; color: #585858; padding:0.4rem 0; line-height: 0.44rem}
.myAgreement .agreementCon li span:before{content: ''; display: block; float:left; width: 0.44rem; height:0.44rem; margin-right:0.15rem; background: url(/mobile/static/images/order_number.png)no-repeat center center;  background-size: 92% auto;}
.myAgreement .agreementCon li p{padding: 0.26rem 0 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.myAgreement .agreementCon li h5{margin:0.4rem 0 0.3rem; font-size:0.375rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.myAgreement .agreementCon li a{display: inline-block; padding:0.18rem 0.34rem;  color: #fff; border-radius:0.3rem; margin-left:0.12rem; float: right; background: linear-gradient(270deg, #ef3540 0%, #ff9185 100%); font-size: 0.32rem; line-height: 0.26rem;}

/*个人信息*/
.myInfo{background:#fff;}
.myInfo .userImg{text-align: center; padding:0.65rem 0;}
.myInfo .userImg img{width:2.15rem; height:2.15rem; border-radius: 50%;}
.myInfo ul{ width: 90%; margin: 0 auto; }
.myInfo ul li{font-size:0.375rem; line-height:0.375rem; padding:0.45rem 0; border-bottom: 1px solid #F0F0F0; display: flex;}
.myInfo ul li label{width: 30%; display:block;}
.myInfo ul li span{ color: #666; font-size:0.35rem; width: 70%; display: block; text-align: right;}

/*关于我们*/
.myInfo .companyLogo{text-align: center; padding:0.65rem 0 0.4rem;}
.myInfo .companyLogo img{height:1.65rem;}

/*2022-1-3 我的课程*/
.goon{height: 1rem; line-height: 1rem; font-size:0.325rem; background:#feeae8; color: #333; margin-bottom: 0.6rem;}
.goon ul li:first-child{display: block;}
.goon ul li{display: none;}
.goon span{width: 20%; text-align: right; float: left;}
.goon p{width: 60%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left;}
.goon b{display: block; width: 100%; text-align: center; float: left;}
.goon .goonA{width: 20%; color: #ff0000; letter-spacing: 1px;}

.myCourseSed .courseList:first-child{display: block;}
.myCourseSed .courseList{display: none;}
.myCourseSed .courseList li{margin-bottom:0.36rem; min-height: 1.55rem; position: relative;}
.myCourseSed .courseList li.active dd{display: block;}
.myCourseSed .courseList li div{position: absolute; left: 0; top: 0; display: flex; width: 100%; height: 1.25rem; line-height:1.25rem; background:#f7f7f7; border-left: 4px solid #f2301b;}
.myCourseSed .courseList div p{text-indent: 1em; width:88%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.myCourseSed .courseList div i{width:12%; height: 100%; background: url(/mobile/static/images/my_course_hide.png)no-repeat center center; background-size: 36%; display:block;}
.myCourseSed .courseList div.show i{ background: url(/mobile/static/images/my_course_show.png)no-repeat center center; background-size: 36%;}
.myCourseSed .courseList dl{width: 92%; margin: 0 auto; background: #fff; min-height: 1.4rem; padding-bottom:0.16rem;}
.myCourseSed .courseList dd{padding:0.31rem 0; display: none; border-bottom: 1px solid #f0f1f6;}
.myCourseSed .courseList dd:first-child{padding-top:1.7rem;}
.myCourseSed .courseList dd:last-child{border:0;}
.myCourseSed .courseList dd:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.myCourseSed .courseList dd a.classblock{width: 70%; float: left; background: url(/mobile/static/images/my_course_dot.png)no-repeat 1em center; text-indent:2em; text-overflow: ellipsis;overflow: hidden; white-space: nowrap; }
.myCourseSed .courseList dd a:nth-child(2){display: block; width: 18%; height:0.44rem; line-height: 0.44rem; font-size:0.3rem; text-align: center; border: 1px solid #f2301b; color: #f2301b; float: left; border-radius:0.05rem;}
.myCourseSed .courseList dd i{width: 10%; height:0.5rem; display: block; float: right; background:url(/mobile/static/images/my_course_enter.png)no-repeat right 1em center;}
.myCourse2{background: #fff;}
.myCourse2 li a{display: flex; padding:0.44rem 4%; border-bottom: 1px solid #f1f1f1;}
.myCourse2 li div{width: 74%;}
.myCourse2 li p{color: #666; margin-bottom:0.3rem;}
.myCourse2 li span{color: #999; letter-spacing: 1px;}
.myCourse2 li i{display:block; width:26%; color:#6ca7f9; text-align: center; font-size:0.34rem;}
.myCourse2 li i:before{width:0.64rem; height:0.64rem; background: url(/mobile/static/images/my_course_play.png); background-size: 100%; content: ''; display:block; margin: 0 auto 0.15rem;}


@media (min-width:750px){html{font-size: 54px;}}
@media (max-width:749px){html{font-size: 46px;}}
@media (max-width:415px){html{font-size: 41px;}}
@media (max-width:375px){html{font-size: 37.5px;}}
@media (max-width:321px){html{font-size: 32px;}}